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

{extend name="common/base"/}
{block name="style"}
<style>
    .footer{
		width: 100%;
		height: 25px;
		text-align: center;
		position: fixed;
        bottom: 0;   
	}

    .name{
        font-weight: 600;
        color: rgb(95,95,95);
        
    }

    .number-red{
        color: red; 
    }

    .number-green{
        color: rgb(11,178,89);
    }

    .yuan{
        padding-right: 2vw;
    }

    .static{
        display: flex;
    }
</style>
{/block}

<!-- 主体 -->
{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="appropriation" lay-filter="appropriation"></table>
</div>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container static">
        <div>
            <span class="name">评审服务费：</span><span class="number-red">{$sent_review_cost}</span><span class="yuan">元</span>
            <span class="name">已请款：</span><span class="number-green">{$appropriation_amount}</span><span class="yuan">元</span>
            <span class="name">未请款：</span><span class="number-red">{$not_appropriation_amount}</span><span class="yuan">元</span>
            <span class="name">已开票：</span><span class="number-green">{$invoicing_amount}</span><span class="yuan">元</span>
            <span class="name">未开票：</span><span class="number-red">{$not_invoicing_amount}</span><span class="yuan">元</span>
        </div>
        <!--<span class="layui-btn layui-btn-sm " data-title="添加造价项目" lay-event="add">+ 添加造价项目</span>-->
    </div>
</script>
<script type="text/html" id="barDemo">
    
</script>


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

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

    function gouguInit() {
        var table = layui.table, tool = layui.tool, form = layui.form;
        var allcount;
        var num_aaa =0;
        layui.pageTable = table.render({
            elem: '#appropriation',
            title: '造价项目列表',
            toolbar: '#toolbarDemo',
            url: '/admin/project.appropriation/datalist',
            page: true,
            limit: 20,
            cellMinWidth: 150,
            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: 'status',
                    title: '项目状态',
                    align: 'center',
                    width: 100,
                    templet: function (item) {

                        var html = '';
                        if (item.status === 0) {
                            html = '<span>立项中</span> ';
                        } else if (item.status === 1) {
                            html = '<span">审核中</span> ';
                            num_aaa += 1;
                        } else if (item.status === 2) {
                            html = '<span">已通过</span> ';
                        } else if (item.status === 3) {
                            html = '<span">已驳回</span> ';
                        }
                        return html;
                    }
                }, {
                    field: 'review_unit_name',
                    title: '送审单位',
                    align: 'center',
                    width: 100,

                }, {
                    field: 'appropriation_amount',
                    title: '请款金额',
                    align: 'center',
                    width: 100
                }, {
                    field: 'appropriation_time',
                    title: '请款时间',
                    align: 'center',
                    width: 150,
                    templet: function (d) { if(d.appropriation_time){ return layui.util.toDateString(d.appropriation_time * 1000, "yyyy-MM-dd") }else{return "";}}
                }, {
                    field: 'project_names',
                    title: '相关项目',
                    align: 'center',
                    width: 150
                }, {
                    field: 'refund_amount',
                    title: '付款金额（元）',
                    align: 'center',
                    width: 150,
                    templet:function (d){

                        if(d.refund_amount){
                            return `<u style="color: green">${d.refund_amount}</u>`
                        }else {
                            return ""
                        }

                    }
                }, {
                    field: 'refund_time',
                    title: '付款时间',
                    align: 'center',
                    width: 150,
                    templet: function (d) { if(d.refund_time){ return layui.util.toDateString(d.refund_time * 1000, "yyyy-MM-dd") }else{return "";}}
                }, {
                    field: 'invoicing_amount',
                    title: '发票金额',
                    align: 'center',
                    width: 100,
                    templet:function (d){

                        if(d.invoicing_amount){
                            return `<u style="color: green">${d.invoicing_amount}</u>`
                        }else {
                            return ""
                        }

                    }
                }, {
                    field: 'invoicing_num',
                    title: '发票编号',
                    align: 'center',
                    width: 150
                }, {
                    field: 'invoice_status',
                    title: '发票状态',
                    align: 'center',
                    width: 150,
                    templet:function (d){
                        var h="";
                        if(d.invoice_status==1){
                            h="已开票";
                        }else if(d.invoice_status==0){
                            h="未开票";
                        }
                        return h;
                    }
                }, {
                    field: 'invoice_type',
                    title: '发票类型',
                    align: 'center',
                    width: 100,
                    templet: function (d){
                        var h="";
                        if(d.invoice_type==1){
                            h="专用发票";
                        }else if(d.invoice_type==2){
                            h="专用发票2";
                        }
                        return h;
                    }
                }, {
                    field: 'invoice_detail',
                    title: '请款函',
                    align: 'center',
                }, {
                    field: 'maker_name',
                    title: '创建人名称',
                    align: 'center',
                }, {
                    fixed: 'right',
                    field: 'right',
                    title: '操作',
                    
                    width: 136,
                    align: 'center',
                    templet:function(d){
                        var h = "";
                        if(d.status==1){
                            h=`<div class="layui-btn-container"><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></div>`
                        }else{
                            h=`<div class="layui-btn-container"><div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a></div></div>`
                         
                        }
                        return h;
                    }
                }
                ]
            ],
            done:function () {
                if(num_aaa === 0){
                    parent.showhongdian()
                    // console.log('2执行了')
                }
            }
        });
        table.on('tool(appropriation)', function (obj) {
            var data = obj.data;
            if (obj.event === 'read') {

                tool.side('/admin/project.appropriation/read?id=' + obj.data.id);

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

                tool.side('/admin/project.appropriation/c_edit?id=' + obj.data.id);
            }
        })

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