caiping/app/admin/view/project/received/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="edit">编辑</a>
    </div>
</script>

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

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

    function gouguInit() {
        var table = layui.table, tool = layui.tool, form = layui.form;
        layui.pageTable = table.render({
            elem: '#cost_project',
            title: '接收项目',
            toolbar: '#toolbarDemo',
            url: '/admin/project.received/datalist',
            page: true,
            limit: 20,

            cols: [
                [
                    {
                        fixed: 'left',
                        field: 'id',
                        title: '编号',
                        align: 'center',
                        width: 80
                    }, {
                    field: 'project_status',
                    title: '项目状态',
                    align: 'center',
                    width: 100,
                    templet: function (item) {
                        var html;
                        if (item.project_status === 4) {
                            html = '<span class="layui-badge layui-bg-orange">分配中</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: 'entrust_unit_name',
                    title: '委托单位',
                    align: 'center',
                    width: 150
                }, {
                    field: 'entrust_head',
                    title: '委托单位负责人',
                    align: 'center',
                    width: 150
                }, {
                    field: 'entrust_head_phone',
                    title: '委托单位负责人电话',
                    align: 'center',
                    width: 150
                }, {
                    field: 'sent_review_unit',
                    title: '送审单位',
                    align: 'center',
                    width: 100
                }, {
                    field: 'sent_review_head',
                    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: 'sent_review_cost',
                    title: '送审服务费',
                    align: 'center',
                    width: 150
                }, {
                    field: 'preparation_amount',
                    title: '编制金额',
                    align: 'center',
                    width: 150
                }, {
                    field: 'sent_review_amount',
                    title: '送审金额',
                    align: 'center',
                    width: 150
                }, {
                    field: 'authorize_amount',
                    title: '审定金额',
                    align: 'center',
                    width: 150
                }, {
                    field: 'review_add_amount',
                    title: '审增金额',
                    align: 'center',
                    width: 150
                }, {
                    field: 'review_reduce_amount',
                    title: '审减金额',
                    align: 'center',
                    width: 150
                }, {
                    field: 'report_time',
                    title: '报告时间',
                    align: 'center',
                    width: 150,
                    templet: function (d) { if(d.report_time){ return layui.util.toDateString(d.report_time * 1000, "yyyy-MM-dd") }else{return "";}}
                }, {
                    field: 'charge_standard',
                    title: '收费标准',
                    align: 'center',
                    width: 150
                }, {
                    field: 'invoicing__amount',
                    title: '开票金额',
                    align: 'center',
                    width: 150
                }, {
                    field: 'invoicing__num',
                    title: '开票编号',
                    align: 'center',
                    width: 150
                }, {
                    field: 'operate_head_name',
                    title: '作业负责人',
                    align: 'center',
                    width: 150
                }, {
                    field: 'operate_team_names',
                    title: '作业成员',
                    align: 'center',
                    width: 300
                }, {
                    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'
                    }
                ]
            ]
        });


        //监听表格行工具事件
        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.received/read?id=' + obj.data.id);
            } else if (obj.event === 'edit') {
                tool.side('/admin/project.received/edit?id=' + obj.data.id);
            } else if (obj.event === 'del') {
                layer.confirm('确定要删除该记录吗?', {
                    icon: 3,
                    title: '提示'
                }, function (index) {
                    let callback = function (e) {
                        layer.msg(e.msg);
                        if (e.code == 0) {
                            obj.del();
                        }
                    }
                    tool.delete("/admin/project.received/del", {id: data.id}, callback);
                    layer.close(index);
                });
            }
            return false;
        });

        //监听搜索提交
        form.on('submit(searchform)', function (data) {
            layui.pageTable.reload({
                where: {
                    keywords: data.field.keywords
                },
                page: {
                    curr: 1
                }
            });
            return false;
        });
    }
</script>
{/block}
<!-- /脚本 -->