YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
							<?php /*a:2:{s:74:"D:\phpstudy_pro\WWW\caiping\app\admin\view\project\appropriation\read.html";i:1723541257;s:59:"D:\phpstudy_pro\WWW\caiping\app\admin\view\common\base.html";i:1723541257;}*/ ?>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="360-site-verification" content="a7c876fae8b6e3175a52ea9f19543f51" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
	<script src="/static/dist/xm-select.js"></script>

	<link rel="mobile-prefetch" href=""/>


	<title><?php echo get_system_config('web','admin_title'); ?></title>		


	<meta name="keywords" content="<?php echo get_system_config('web','keywords'); ?>"/>
	<meta name="description" content="<?php echo get_system_config('web','desc'); ?>"/>


<link rel="stylesheet" href="/static/assets/gougu/css/gougu.css?v=<?php echo get_system_config('web','version'); ?>" media="all">


<style>
    .footer{
        display: none;
    }

    .fujian {
        display: flex;
    }

    .fujianimg {
        height: auto !important;
    }

    .fujianimg img {
        height: auto !important;
    }

    .form-title {
        background-color: rgb(241, 241, 241);
        color: rgb(95, 95, 95);
        border-color: rgb(241, 241, 241);
        text-align: center;
        border-color: #e2e2e2;
    }

    .filelist{
        width: 100%;
        overflow: auto;
        justify-content:flex-start;
        align-content: space-between;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        display: flex;
        
    }
    .filelist li{
        padding: 0.5vw 0.8vw 0.5vw 0.8vw;
		white-space: nowrap;  
    	overflow: hidden;       
    	text-overflow: ellipsis;
    	display: inline-block;
		border-right: 1px solid #e2e2e2;
        float: left;
	 }


	 .filelist p{
		margin: 3px 0 5px 0;
		width: 11vw;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
	 }
	 
	 .layui-table th{
        text-align: center !important;
        font-weight: 500;
    }

    .layui-anim dd{
        text-align: left;
    }

    .layui-th-gray{
        background-color: rgb(241, 241, 241);
    }

    .layui-table th{
        border-color: #e2e2e2
    }
    
    .forleft {
        text-align: left !important;
    }

     .footer{
        display: none;
     }
     
     .layui-btn-group span:last-child{
        display: none;
    }
</style>


</head>
<body class="main-body">
	<!-- 主体 -->
	

<div class="p-3">

    <table class="layui-hide" id="appropriation_add" lay-filter="appropriation_add"></table>
    <form class="layui-form p-4">
        <table class="layui-table layui-table-form">
            <tr>
                <th class="layui-th-gray">委托单位</th>
                <th colspan="5">
                    <?php echo htmlentities($detail['entrust_unit_name']); ?>
                </th>
                
                <th class="layui-th-gray">是否开票</th>
                <th colspan="2">
                    <input type="radio" name="invoice_status" value="1" title="是" <?php if($detail['invoicing_whether']!=0): ?>checked<?php endif; ?> disabled="disabled">
                    <input type="radio" name="invoice_status" value="0" title="否" <?php if($detail['invoicing_whether']==0): ?>checked<?php endif; ?> disabled="disabled">

                </th>
            </tr>
            
            <tr>
                
                <th class="layui-th-gray">发票编号</th>
                <th colspan="2">
                    <input type="text" name="invoicing_num"   autocomplete="off" placeholder="请输入发票编号" class="layui-input" value="<?php echo htmlentities($detail['invoicing_num']); ?>" disabled="disabled">
                </th>

                <th class="layui-th-gray">发票类型</th>
                <th colspan="2">
                    <select name="invoice_type" lay-verify="required" disabled="disabled">
                        <option value="0"></option>
                        <option value="1" <?php if($detail['invoice_type']==1): ?>selected<?php endif; ?>>普通发票</option>
                        <option value="2" <?php if($detail['invoice_type']==2): ?>selected<?php endif; ?>>专用发票</option>
                        <option value="3" <?php if($detail['invoice_type']==3): ?>selected<?php endif; ?>>电子普票</option>
                        <option value="4" <?php if($detail['invoice_type']==4): ?>selected<?php endif; ?>>电子专票</option>
                    </select>
                </th>

                <th class="layui-th-gray">发票金额</th>
                <th colspan="2">
                    <input type="text" name="invoicing_amount"  autocomplete="off" placeholder="请输入发票金额" class="layui-input" value="<?php echo htmlentities($detail['invoicing_amount']); ?>" disabled="disabled">
                </th>
            </tr>

            
            <tr>
                <th colspan="9" class="forleft" style="text-align:left !important;">相关附件
                    <!--<button class="layui-btn layui-btn-xs layui-btn-normal" style="float: right;" type="button"-->
                    <!--        id="uploadBtn">上传附件-->
                    <!--</button>-->
                </th>

            </tr>

            <tr>
                <th colspan="9" class="fujianimg" style="padding: 9px 0;">
                    <div id="filesBox2">
                        <div class="filelist" id="filesBigBox">
                            <ul id="filesBox">
                                <?php echo fileCard($file_array); ?>
                            </ul>

                        </div>
                        <?php if(empty($file_array) || (($file_array instanceof \think\Collection || $file_array instanceof \think\Paginator ) && $file_array->isEmpty())): ?>
                        <div class="layui-data-none" >暂无附件</div>
                        <?php endif; ?>
                    </div>
                </th>
            </tr>

        </table>

    </form>
</div>


	<!-- /主体 -->

	<!-- 底部 -->
	
	<div class="footer">
		逸管工程项目管理系统 © www.yiguanfep.com 
		<img src="/static/home/images/police.png" alt="" style="width:14.5px;height:16px;">
		<a href="https://beian.mps.gov.cn/#/query/websearch?code=45030202000160 " rel="\&quot;noreferrer'target=\”blank\&quot;" onclick="window.open(this.href); return false;">桂公网安备45030202000160号</a>
		<a href="https://beian.miit.gov.cn/#/Integrated/index" onclick="window.open(this.href); return false;">桂ICP备17000971号</a>
	</div>
	
	
	<!-- /底部 -->
	
	<!-- 脚本 -->
	

<script>
    var moduleInit = ['tool', 'oaTool'];

    function gouguInit() {
        var form = layui.form, tool = layui.tool, oaTool = layui.oaTool, table = layui.table, layer = layui.layer;
        var file_ids = [];
        var project_ids = [];


        layui.pageTable = table.render({
            elem: '#appropriation_add',
            id: "appropriation_add",
            title: '造价项目列表',
            url: '/admin/project.appropriation/read?id=' + '<?php echo htmlentities($id); ?>',
            totalRow: true,
            cellMinWidth: 150,
            cols: [
                [{
                    fixed: 'left',
                    field: 'id',
                    title: '编号',
                    align: 'center',
                    width: 80,
                    totalRowText: "合计"
                }, {
                    field: 'project_name',
                    title: '项目名称',
                    align: 'center',
                }, {
                    field: 'sent_review_amount',
                    title: '送审服务费',
                    align: 'center',
                    totalRow: true,
                }, {
                    field: 'appropriation_amount',
                    title: '请款金额',
                    align: 'center',
                    totalRow: true,
                }, {
                    field: 'refund_amount',
                    title: '回款金额',
                    align: 'center',
                    totalRow: true,
                    // edit: true
                }
                ]
            ],
            css: [
                // 对开启了编辑的单元格追加样式
                '.layui-table-view th[data-edit]{color: #16B777;}'
            ].join(''),
        });


        table.on('edit(appropriation_add)', function (obj) {
            var field = obj.field; // 得到修改的字段
            var value = obj.value // 得到修改后的值
            var data = obj.data // 得到所在行所有键值
            var id = data.id;

            // 值的校验
            if (value.replace(/\s/g, '') === '') {
                layer.tips('值不能为空', this, {tips: 1});
                return obj.reedit(); // 重新编辑 -- v2.8.0 新增
            }
            let callback = function (e) {
                let sent_review_amount = 0;
                let appropriation_amount = 0;
                let refund_amount = 0;
                layui.each(layui.table.cache['appropriation_add'], function (index, row) {

                    sent_review_amount += row.sent_review_amount;
                    appropriation_amount += row.appropriation_amount;
                    refund_amount += row.refund_amount
                });
                // $(".layui-table-total th[data-field=sent_review_amount]").html(sent_review_amount);
                // $(".layui-table-total th[data-field=appropriation_amount]").html(appropriation_amount);
                // $(".layui-table-total th[data-field=refund_amount]").html(`<div className="layui-table-cell laytable-cell-1-0-4" align="center">${refund_amount}</div>`);


                layui.pageTable.reload();
                layer.msg(e.msg)
            }
            tool.post("edit", data, callback)


        });


        form.on('submit(webform)', function (data) {
            let refund_amount = 0;
            layui.each(layui.table.cache['appropriation_add'], function (index, row) {
                refund_amount += Number(row.refund_amount)
            });
            data.field.refund_amount = refund_amount;
            delete data.field.file;
            console.log(data);
            let callback = function (e) {
                layer.msg(e.msg)
                parent.location.reload();
                if (e.code == 0) {
                    tool.sideClose(1000);
                }
            }
            tool.post("/admin/project.appropriation/cc_edit", data.field, callback)

            return false;
        });

        form.on('submit(save)', function (data) {
            let callback = function (e) {
                layer.msg(e.msg)
                parent.location.reload();
                if (e.code == 0) {
                    tool.sideClose(1000);
                }
            }
            tool.post("/admin/project.appropriation/disagree", data.field, callback)

            return false;
        });

        function fileCard(item) {
            var host = window.location.host;
            var li = '';
            if (item.length > 0) {
                for (var a = 0; a < item.length; a++) {
                    let image = ['jpg', 'jpeg', 'png', 'gif'];
                    let doc = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'pdf', 'zip', 'rar', '7z'];
                    // let down = '<a href="'+item[a].filepath+'" target="_blank" class="layui-btn layui-btn-xs layui-btn-normal" download="'+item[a].name+'">下载</a>';
                    let down = '<a href="' + item[a]['filepath'] + '" target="_blank" class="layui-btn layui-btn-xs layui-btn-normal" download="' + item[a]['name'] + '">预览</a>';
                    // 判断元素是否在数组中
                    let path = '/static/home/images/icon/file.png';
                    if (image.includes(item[a].fileext)) {
                        path = item[a].filepath;
                        down = '<span data-href="' + item[a].filepath + '" class="layui-btn layui-btn-xs layui-btn-normal file-view-img">预览</span>';
                    } else if (doc.includes(item[a].fileext)) {
                        path = '/static/home/images/icon/' + item[a].fileext + '.png';
                    }

                    if (item[a].fileext == 'pdf') {
                        down = '<span data-href="' + item[a].filepath + '" class="layui-btn layui-btn-xs layui-btn-normal file-view-pdf">预览</span>';
                    }
                    li += '<li id="' + item[a].id + '" data-id="' + item[a].id + '" data-title="' + item[a].name + '" data-ext="' + item[a].fileext + '"><img src="' + path + '" alt="' + item[a].filename +
                        '" style="object-fit: contain;" class="file-item"><p title="' + item[a].name + '">' + item[a].name +
                        '</p><div class="layui-btn-group">' + down +
                        '<span class="layui-btn layui-btn-xs layui-btn-danger file-del">删除</span></div></li>';
                }

                return li;
            }
        }


        $('#filesBox').on('click', '.file-del', function () {
            let id = $(this).parent().parent().data('id');
            layer.confirm('确定要删除该文件吗？', {icon: 3, title: '提示'}, function () {
                let callback = function (e){
                    layer.closeAll();
                    if (e.hasOwnProperty("msg")) {
                        layer.msg(e.msg);
                    }
                    if(e.code==0){
                        var index = file_ids.indexOf(id);

                        if (index > -1) {
                            file_ids.splice(index, 1);
                        }
                        if (file_ids.length == 0) {
                            $("#filesBox").append('<div id="nofile" class="layui-data-none" >暂无附件</div>');
                        }

                        $("#" + id).remove();
                    }

                }
                tool.delete("/admin/project.api/delete_file", {id: id}, callback)
            });
        })

        oaTool.addFile({
            type: 1,
            isSave: true,

            ajaxSave: function (res) {

                if(file_ids.length<1){
                    console.log(file_ids.length)
                    let callback = function (e) {
                        if (e.hasOwnProperty("msg")) {
                            layer.msg(e.msg);
                        } else {
                            layer.msg('上传成功！')
                        }


                        if (e[0].id) {
                            file_ids.push(e[0].id)
                            $('#nofile').remove();
                            $("#filesBox").append(fileCard(e));

                        }


                    }

                    tool.post("/admin/project.api/add_file", {

                        'file_id': res.data.id,
                    }, callback);
                }else {
                    layer.msg('仅可上传一份文件！')
                }


            }
        });


    }


</script>


</script>

	<!-- /脚本 -->
	
	<!-- <script src="/static/assets/layui/layui.js"></script> -->
	<script src="/static/assets/layui/layui.js"></script>
	<script src="/static/assets/third_party/echart/echarts.min.js"></script>
	<script src="/static/assets/gougu/gouguInit.js"></script>

	<script src="https://unpkg.com/pinyin-pro"></script>
	<script>
        
	    var { pinyin } = pinyinPro;
	</script>
	
			
	<!-- 统计代码 -->
	
	<!-- /统计代码 -->
</body>
</html>