caiping/app/admin/view/project/cost_proprietor/project_contact.html

<div class="p-3 bg-white">
    <table class="layui-hide" id="contact" lay-filter="contact"></table>
</div>

<script>
    function contact() {

        if ($('#projectTab').find('li').eq(2).data('load') == 'true') {
            return false;
        }
        $('#projectTab').find('li').eq(2).data('load', 'true');
        let tool = layui.tool, table = layui.table;
        //项目任务
        parent.layui.contactTable = table.render({
            elem: '#contact',
            title: '文档列表',
            toolbar: '#toolbarcontact',
            cellMinWidth: 80,
            url: "/admin/project.contact/conlist_proprietor",
            where: {'project_id': project_id},
            page: true, //开启分页
            limit: 20,
            cols: [[
                {field: 'id', title: '序号', width: 80, align: 'center'},
                {field: 'title', title: '联系函名称',align: 'center',
                    templet: function (d) {
                        //console.log("kk:".d);
                        var html = "";
                        if(d.status == 4 || d.status == 2){
                            html = '<a class="side-a" lay-event="detail" style="color: grey;text-decoration:line-through" lay-event="detail">' + d.title + '</a>';
                        }else{
                            html = '<a class="side-a" lay-event="detail" lay-event="detail">' + d.title + '</a>';
                        }
                        return '<div style="text-align:left">' + html + '</div>'
                    }
                },
                
                {field: 'create_time', title: '创建时间', align: 'center', width: 150},
                {field: 'admin_name', title: '创建人', align: 'center', width: 100},
                {field: 'approver', title: '审批人', align: 'center', width: 100},
                {field: 'right', fixed: 'right', title: '操作', width: 100, align: 'center',
                    templet: function (d) {
                        var html = '<div class="layui-btn-group">';
                        var btn1 = `<a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="detail">查看</a>`;
                    
                        var btn3 = `<a class="layui-btn layui-btn-xs" href=${d.filepath} download=${d.name} lay-event="">下载</a>`;
                        
                        return html + btn1 + btn3 + '</div>';
                    }
                }
            ]]
        });

        //触发事件
        table.on('toolbar(contact)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
                case 'add':
                    parent.layui.tool.side('/admin/project.contact/add_proprietor?project_id=' + project_id);  // 项目id

                    break;
            }
        });

        table.on('tool(contact)', function (obj) {
            var data = obj.data; //获得当前行数据
            if (obj.event === 'detail') { //查看
                let url = '/admin/project.contact/view_proprietor?id=' + data.id;// 项目id
                parent.layui.tool.side(url);
            }
            if (obj.event === 'edit') { //查看
                let url = '/admin/project.contact/edit_proprietor?id=' + data.id;// 项目id
                parent.layui.tool.side(url);
            }

            if (obj.event === 'del') {


                layer.prompt({title: '请输入<span style="color: red">删除</span>原因', formType: 2,area: ['35vw', '15vw']}, function(text, index){

                    let callback = function (e) {
                        window.location.reload()
                        layer.msg(e.msg);
                        setTimeout(function (){
                            layer.close(index);
                        },2000)

                    }
                    tool.post("/admin/project.contact/delete_proprietor", {id: data.id ,remark:text}, callback);// 项目id

                });

            }
        })
    }
</script>