caiping/app/admin/view/project/approval/datalist.html

{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}

<div class="p-3">
    <form class="layui-form gg-form-bar border-t border-x">
        <div class="layui-input-inline" style="width:300px;">
            <input type="text" name="keywords" placeholder="请输入关键字" class="layui-input" autocomplete="off"/>
        </div>
        <div class="layui-input-inline">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="searchform">提交搜索</button>
        </div>
    </form>
    <table class="layui-hide" id="cost_project" lay-filter="cost_project"></table>
</div>


<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">

    </div>
</script>

<script type="text/html" id="barDemo">
    <div class="layui-btn-group">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a>
        <a class="layui-btn  layui-btn-xs" lay-event="receive">接收</a>
        <!--        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>-->
    </div>
</script>

{/block}
<!-- /主体 -->

<!-- 脚本 -->
{block name="script"}
<script>
    const moduleInit = ['tool'];
    var listount;

    function gouguInit() {
        var table = layui.table, tool = layui.tool, form = layui.form;
        var allcount;
        layui.pageTable = table.render({
            elem: '#cost_project',
            title: '造价项目列表',
            toolbar: '#toolbarDemo',
            url: '/admin/project.approval/datalist',
            page: true,
            limit: 20,
            parseData: function (res) { // 数据解析回调函数
                // 在这里可以获取数据总数
                allcount = res.count;
                return {
                    code: res.code, // 数据状态码
                    msg: res.msg, // 状态信息
                    count: res.count, // 数据总数
                    data: res.data // 当前页数据
                };
            },
            cols: [
                [
                    {
                        fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
                        templet: function (d) {
                            return allcount - (d.LAY_NUM - 1);
                        }
                    }, {
                        field: 'project_status',
                        title: '项目状态',
                        align: 'center',
                        width: 100,
                        templet: function (item) {

                            var html = '';
                            if (item.project_status === 2) {
                                html = '<span>审批中</span> ';
                            } else if (item.project_status === 3) {
                                html = '<span">待接收</span> ';
                            } else if (item.project_status === 4) {
                                html = '<span">分配中</span> ';
                            } else if (item.project_status === 5) {
                                html = '<span>作业中</span> ';
                            } else if (item.project_status === 6) {
                                html = '<span">归档中</span> ';
                            } else if (item.project_status === 7) {
                                html = '<span">退审中</span> ';
                            } else if (item.project_status === 8) {
                                html = '<span">已归档</span> ';
                            } else if (item.project_status === 9) {
                                html = '<span">已退审</span> ';
                            } else if (item.project_status === 0) {
                                html = '<span">立项中</span> ';
                            } else if (item.project_status === 1) {
                                html = '<span">立项中</span> ';
                            }
                            return html;
                        }
                    },

                    {
                        field: 'project_name',
                        title: '项目名称',
                        align: 'center',
                        width: 200
                    }, {
                    field: 'project_num',
                    title: '项目编号',
                    align: 'center',
                    width: 150
                }, {
                    field: 'project_time',
                    title: '项目周期',
                    align: 'center',
                    width: 250,
                    templet: function (item) {

                        var html;
                        html =
                            "<div>" +
                            layui.util.toDateString(item.project_start_time * 1000, 'yyyy-MM-dd') +
                            "~" +
                            layui.util.toDateString(item.project_end_time * 1000, 'yyyy-MM-dd') +
                            "</div>";
                        return html;
                    }

                }, {
                    field: 'sent_review_unit_name',
                    title: '委托单位',
                    align: 'center',
                    width: 150
                }, {
                    field: 'sent_review_head_name',
                    title: '委托单位负责人',
                    align: 'center',
                    width: 150
                }, {
                    field: 'sent_review_phone',
                    title: '委托单位负责人电话',
                    align: 'center',
                    width: 150
                }, {
                    field: 'project_scale',
                    title: '项目规模',
                    align: 'center',
                    width: 150
                }, {
                    field: 'engineering_category',
                    title: '工程类别',
                    align: 'center',
                    width: 150
                }, {
                    field: 'engineering_type',
                    title: '项目类型',
                    align: 'center',
                    width: 150
                }, {
                    field: 'project_region',
                    title: '项目区域',
                    align: 'center',
                    width: 150
                }, {
                    field: 'fiscal_nature',
                    title: '财政性质',
                    align: 'center',
                    width: 150
                }, {
                    field: 'create_time',
                    title: '项目创建日期',
                    align: 'center',
                    width: 120,
                    templet: "<div>{{layui.util.toDateString(d.updated, 'yyyy-MM-dd')}}</div>"
                }, {
                    field: 'project_dead_time',
                    title: '项目归档日期',
                    align: 'center',
                    width: 120
                },
                    {
                        fixed: 'right',
                        field: 'right',
                        title: '操作',
                        toolbar: '#barDemo',
                        width: 136,
                        align: 'center'
                    }
                ]
            ],
            done: function (res, curr, count) {
                listount = count;
            }
        });


        //监听表格行工具事件
        table.on('tool(cost_project)', function (obj) {
            var data = obj.data;
            if (obj.event === 'read') {
                // console.log(obj.data.getTrusteeName.institution)
                tool.side('/admin/project.approval/read?id=' + obj.data.id);
            } else if (obj.event === 'edit') {
                tool.side('/admin/project.approval/edit?id=' + obj.data.id);
            } else if (obj.event === 'receive') {

                var index = layer.confirm("确认是否接收此项目？", function () {

                    layer.close(index);
                    let callback = function (e) {
                        layer.msg(e.msg);
                        listount--;
                        if (listount == 0) {
                            parent.showhongdian()
                        }
                        if (e.code == 0) {
                            obj.del();
                        }
                    }


                    tool.delete("/admin/project.approval/receive", {
                        id: data.id,
                    }, callback);


                })

                return false;
            }


            //监听搜索提交
            form.on('submit(searchform)', function (data) {
                layui.pageTable.reload({
                    where: {
                        keywords: data.field.keywords
                    },
                    page: {
                        curr: 1
                    }
                });


                return false;
            });
        })
    }
</script>
{/block}
<!-- /脚本 -->