caiping/app/admin/view/project/audit/datalist_proprietor.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>


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

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

    var num_aaa =0;
    
    function gouguInit() {
        var table = layui.table, tool = layui.tool, form = layui.form;
        layui.pageTable = table.render({
            elem: '#cost_project',
            id: "cost_project",
            title: '造价项目列表',
            toolbar: '#toolbarDemo',
            url: '/admin/project.audit/datalist_proprietor',
            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: 100,
                       templet: function(d){
                            return allcount - (d.LAY_NUM-1);
                        }
                    },
                {
                    field: 'project_status',
                    title: '项目状态',
                    align: 'center',
                    width: 100,
                    templet: function (item) {
                        console.log(item);
                        var html = '';
                        if (item.project_status === 1) {
                            html = '<span class="layui-badge layui-bg-orange" style="background-color: #ffb800 !important">立项中</span> ';
                        } else if (item.project_status === 2) {
                            html = '<span class="layui-badge layui-bg-blue" style="background-color: #b30095 !important">审批中</span> ';
                        } else if (item.project_status === -1) {
                            html = '<span class="layui-badge layui-bg-red" style="background-color: #5825aa !important">待修改</span> ';
                        } else if (item.project_status === 3) {
                            html = '<span class="layui-badge layui-bg-green" style="background-color: #d37000 !important">待接收</span> ';
                        } else if (item.project_status === 4) {
                            html = '<span class="layui-badge" style="background-color: #005fa8 !important">分配中</span> ';
                        } else if (item.project_status === 5) {
                            html = '<span class="layui-badge layui-bg-blue" style="background-color: #1e9fff !important">作业中</span> ';
                        } else if (item.project_status === 6) {
                            html = '<span class="layui-badge" style="background-color: #007244 !important">归档中</span> ';
                        } else if (item.project_status === 7) {
                            html = '<span class="layui-badge" style="background-color: #881f1f !important">退审中</span> ';
                        } else if (item.project_status === 8) {
                            html = '<span class="layui-badge" style="background-color: #16b777 !important">已归档</span> ';
                        } else if (item.project_status === 9) {
                            html = '<span class="layui-badge" style="background-color: #d81e06 !important">已退审</span> ';
                        } else if (item.project_status === 0) {
                            html = '<span">业主端进行中</span> ';

                        }
                        return html;
                    }
                }, {
                    field: 'audit_status',
                    title: '审批状态',
                    align: 'center',
                    width: 100,
                    templet: function (item) {

                        var html = '';
                        if (item.audit_status === 1) {

                            num_aaa += 1;

                            html = '<span class="layui-badge layui-bg-blue">待审核</span> ';
                        } else if (item.audit_status === 2) {
                            html = '<span class="layui-badge layui-bg-green">已通过</span> ';
                        } else if (item.audit_status === 3) {
                            html = '<span class="layui-badge layui-bg-red">已拒绝</span> ';
                        }
                        return html;
                    }
                }, {
                    field: 'project_name',
                    title: '项目名称',
                    align: 'center',
                    width: 100,
                    templet: function (d) {
                        return '<div style="text-align:left">' + d.project_name + '</div>'
                    }
                }, {
                    field: 'audit_name',
                    title: '流程名称',
                    align: 'center',
                    width: 150
                }, {
                    field: 'sponsor',
                    title: '发起人',
                    align: 'center',
                    width: 150
                }, {
                    field: 'create_time',
                    title: '发起时间',
                    align: 'center',
                    width: 150,
                    templet: function (d) {
                        if (d.create_time) {
                            return layui.util.toDateString(d.create_time * 1000, "yyyy-MM-dd")
                        } else {
                            return "";
                        }
                    }
                }, {
                    field: 'approver_name',
                    title: '审批人',
                    align: 'center',
                    width: 150
                }, {
                    field: 'audit_time',
                    title: '审批时间',
                    align: 'center',
                    width: 100,
                    templet: function (d) {
                        if (d.audit_time) {
                            return layui.util.toDateString(d.audit_time * 1000, "yyyy-MM-dd")
                        } else {
                            return "";
                        }
                    }
                }, {
                    field: 'remark',
                    title: '申请原因',
                    align: 'center',
                    width: 250,
                }, {
                    field: 'audit_remark',
                    title: '审批回执',
                    align: 'center',
                    width: 250,
                }, {
                    fixed: 'right',
                    field: 'right',
                    title: '操作',

                    width: 136,
                    align: 'center',
                    templet: function (item) {
                        var h = '';
                        if (item.audit_status === 1) {

                            h = '<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> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="overrule">拒绝</a> </div>'

                        } else {
                            h = '<div class="layui-btn-group"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a></div>'
                        }
                        return h;
                    }
                }
                ]
            ],
            done:function () {
                if(num_aaa === 0){
                    parent.showhongdian()
                    // console.log('2执行了')
                }
            }
        });


        let abc = 0;
        //监听表格行工具事件
        table.on('tool(cost_project)', function (obj) {
            var data = obj.data;
            if (obj.event === 'read') {
                tool.side('/admin/project.audit/read?id=' + data.project_id);
            } else if (obj.event === 'edit') {
                layer.confirm("确认是否审批通过？", function (index) {
                    console.log(abc, data.else_status)
                    let callback = function (e) {
                        select_Data = [];
                        abc = 0
                        layer.msg(e.msg);

                        setTimeout(function () {
                            layui.pageTable.reload()
                            layer.close(index);
                        }, 1000)
                    }
                    if (data.audit_type ==1){

                            tool.post("/admin/project.audit/proprietor_agree", {
                                id: data.id,
                                else_id: data.else_id,
                                audit_type: data.audit_type,
                                project_id: data.project_id,
                                project_status: data.project_status,
                            }, callback);

                    }
                    if (data.audit_type ==0){

                            tool.post("/admin/project.audit/proprietor_agree2", {
                                id: data.id,
                                else_id: data.else_id,
                                audit_type: data.audit_type,
                                project_id: data.project_id,
                                project_status: data.project_status,
                            }, callback);

                    }

                    abc = 1;
                }, function () {
                    abc = 0;
                })


            } else if (obj.event === 'overrule') {


                var ttxx = layer.prompt({
                    title: '请输入<span style="color: red">拒绝</span>原因',
                    formType: 2,
                    area: ['35vw', '15vw']
                }, function (text, index) {
                    if (text == '') {
                        layer.msg('请先完善拒绝原因');
                        return false;
                    } else {
                        let callback = function (e) {

                            layer.msg(e.msg);

                            setTimeout(function () {
                                layui.pageTable.reload()
                                layer.close(index);
                            }, 2000)


                        }
                        if (data.audit_type==1){

                                tool.post("/admin/project.audit/proprietor_disagree", {
                                    id: data.id,
                                    else_id: data.else_id,
                                    audit_type: data.audit_type,
                                    project_id: data.project_id,
                                    project_status: data.project_status,
                                    audit_remark:text,
                                }, callback);

                        }else if (data.audit_type==0){

                                ool.post("/admin/project.audit/proprietor_disagree2", {
                                    id: data.id,
                                    else_id: data.else_id,
                                    audit_type: data.audit_type,
                                    project_id: data.project_id,
                                    project_status: data.project_status,
                                    audit_remark:text,
                                }, callback);

                        }

                    }


                }, function () {
                    abc = 0;
                })
            }
            return false;
        });

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





    }
</script>
{/block}
<!-- /脚本 -->