YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    .attachment{
        overflow-y: auto;
        display: -webkit-box;
        -webkit-overflow-scrolling: touch;
        
    }

    .attachment li{
        padding: 0.5vw 0.7vw 0.5vw 0.7vw;
		white-space: nowrap;  
    	display: inline-block;
		border-right: 1px solid #e2e2e2;
	 }


	 .attachment p{
		margin: 3px 0 5px 0;
		width: 11vw;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
	 }

     /* #filesBox li{
        width: 145px;
     } */

     .heading th, .form th{
        height: 54.8px;
     }

    .report-title{
        height: 54.8px;
        
    }

    .report-title th{
        padding-left: 15px;
        border: 1px solid #e2e2e2;
        font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
    }
    
    .heading th{
        border: 1px solid #e2e2e2;
    }
    
    .form th{
        border: 1px solid #e2e2e2;
    }
    
    #filesBox2 .layui-table-tool{
      display: none;
  }
  
  #filesBox2 .layui-table-view .layui-table{
      width: 100% !important;
  }
  
  #filesBox2 .layui-table-cell{
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .laytable-cell-1-0-1, .laytable-cell-1-0-2{
        justify-content: flex-start !important;
    }
  
  .laytable-cell-1-0-0 span, .laytable-cell-1-0-1 span, .laytable-cell-1-0-2 span, .laytable-cell-1-0-3 span, .laytable-cell-1-0-4 span, th>.laytable-cell-1-0-5 span{
      display: flex;
      font: 14px red;
      font-weight: 600;
      color: #5f5f5f;
    
  }
  #tabniubi tr:first-child th{
      border-right: 1px solid #e2e2e2 !important;
  }
  
  #filesBox2 th:sixth-child{
      border-right: none !important;
  }
    
    </style>
</head>
<body>
    <table id="tabniubi" cellpadding="1" cellspacing="1">
        <tr>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
            <th style="width: 10%;height: 0;"></th>
        </tr>
        <tr border="1">
            {if $field.project_status == 1}
            <th class="form-title">项目状态</th>
            <th>
                {switch $detail.project_status}
                {case 1}立项中{/case}
                {case 2}审批中{/case}
                {case 3}待接收{/case}
                {case 4}待分配{/case}
                {case 5}作业中{/case}
                {case 6}归档中{/case}
                {case 7}退审中{/case}
                {case 8}已归档{/case}
                {case 9}已退审{/case}
                {default /}未知
                {/switch}
            </th>
            {/if}

            {if $field.project_name == 1}
            <th class="form-title">项目名称</th>
            <th colspan="3">{$detail.project_name}</th>
            {/if}

            {if $field.project_num == 1}
            <th class="form-title">项目编号</th>
            <th colspan="2">{$detail.project_num}</th>
            {/if}
        </tr>
        <tr>
            {if $field.project_time == 1}
            <th class="form-title">项目周期</th>
            <th colspan="8" style="text-align: left; padding-left: 3.5vw;">{$detail.project_start_time|date="Y-m-d"} 至 {$detail.project_end_time|date="Y-m-d"}</th>
            {/if}
        </tr>

        <tr>
            {if $field.engineering_type == 1}
            <th class="form-title">项目类型</th>
            <th>
                {if $detail.engineering_type1==1}
                预算
                {elseif $detail.engineering_type1==2}
                结算
                {elseif $detail.engineering_type1==3}
                概算
                {elseif $detail.engineering_type1==4}
                决算
                {elseif $detail.engineering_type1==5}
                工程总承包（EPC）
                {/if}

               <!-- <div>
                    <select name="type" lay-verify="required" lay-filter="aihao">
                        <option value="1" style="align-items: center;">预算</option>
                        <option value="2">结算</option>
                    </select>
                </div>-->
            </th>
            <th class="form-title">——</th>
            <th>
                {if $detail.engineering_type2==1}
                审核
                {elseif $detail.engineering_type2==2}
                编制
                {/if}
            </th>
            {/if}

            {if $field.engineering_category == 1}
            <th class="form-title">工程类别</th>
            <th>{$detail.engineering_category}</th>
            {/if}

            {if $field.project_region == 1}
            <th class="form-title">项目区域</th>
            <th colspan="2">
                {$detail.province}-{$detail.city}-{$detail.area}
                <!--<div>

                    <form class="layui-form">
                        <div class="layui-form-item" style="margin-bottom: 0;">
                            <div class="layui-input-inline" style="width: 6vw;">
                                <select id="province" lay-filter="province" name="province">
                                </select>
                            </div>
                            <div class="layui-input-inline area" style="width: 6vw;">
                                <select id="city" lay-filter="city" name="city">
                                </select>
                            </div>
                            <div class="layui-input-inline area" style="width: 6vw;">
                                <select id="area" lay-filter="area" name="area">
                                </select>
                            </div>
                        </div>
                    </form>

                </div>-->
            </th>
            {/if}

        </tr>
        <tr>
            {if $field.fiscal_nature == 1}
            <th class="form-title">资金性质</th>
            <th>{$detail.fiscal_nature}</th>
            {/if}

            {if $field.project_scale == 1}
            <th class="form-title">项目规模</th>
            <th colspan="3">{$detail.project_scale}</th>
            {/if}

            {if $field.charge_standard == 1}
            <th class="form-title">收费标准</th>
            <th colspan="2">{$detail.charge_standard}</th>
            {/if}
        </tr>

        {if $field.entrust_unit == 1 || $field.entrust_head == 1 || $field.sent_review_unit == 1 || $field.sent_review_head == 1
            || $field.review_unit == 1 || $field.review_head == 1 || $field.operate_name == 1 || $field.operate_team_names == 1}
        <tr>
            <th colspan="9" class="forleft">相关单位</th>
        </tr>
        <tr>
            {if $field.entrust_unit == 1}
            <th class="form-title">委托单位</th>
            <th>{$detail.entrust_unit_name}</th>
            {/if}

            {if $field.entrust_head == 1}
            <th class="form-title">负责人</th>
            <th>{$detail.entrust_maker_name}</th>
            {/if}

            {if $field.sent_review_unit == 1}
            <th class="form-title">送审单位</th>
            <th>{$detail.sent_review_unit_name}</th>
            {/if}

            {if $field.sent_review_head == 1}
            <th class="form-title">负责人</th>
            <th colspan="2">{$detail.sent_review_head_name}</th>
            {/if}
        </tr>

        <tr>
            {if $field.review_unit == 1}
            <th class="form-title">评审机构</th>
            <th>{$detail.review_unit_name}</th>
            {/if}

            {if $field.review_head == 1}
            <th class="form-title">项目负责人</th>
            <th>{$detail.review_head_name}</th>
            {/if}

            {if $field.operate_name == 1}
            <th class="form-title">作业负责人</th>
            <th>{$detail.operate_head_name}</th>
            {/if}

            {if $field.operate_team_names == 1}
            <th class="form-title">作业成员</th>
            <th colspan="2">{$detail.operate_team_names}</th>
            {/if}
        </tr>
        {/if}

        {if $field.sent_review_amount == 1 || $field.authorize_amount == 1 
            || $field.review_add_reduce_amount == 1 || $field.review_add_reduce_rate == 1 || $field.sent_review_cost == 1}
        <tr>
            <th colspan="9" class="forleft">金额详情</th>
        </tr>
        <tr>
            {if $field.sent_review_amount == 1}
            <th class="form-title" colspan="1">送审金额（元）</th>
            <th colspan="3" style="text-align: left;">{$detail.sent_review_amount}</th>
            {/if}

            {if $field.authorize_amount == 1}
            <th class="form-title" colspan="1">审定金额（元）</th>
            <th colspan="4" style="text-align: left;">{$detail.authorize_amount}</th>
            {/if}
        </tr>
        <tr>
            {if $field.review_add_reduce_amount == 1}
            <th class="form-title" colspan="1">审增额（元）</th>
            <th colspan="1">{$detail.review_add_amount}</th>
            <th class="form-title" colspan="1">审减额（元）</th>
            <th colspan="1">{$detail.review_reduce_amount}</th>
            {/if}

            {if $field.review_add_reduce_rate == 1}
            <th class="form-title" colspan="1">审增减率（%）</th>
            <th colspan="1">{$detail.review_add_reduce_rate}</th>
            {/if}

            {if $field.sent_review_cost == 1}
            <th class="form-title" colspan="1">送审服务费 (元)</th>
            <th colspan="4" style="text-align: left;">{$detail.sent_review_cost}</th>
            {/if}
        </tr>
        {/if}
       <!-- <tr>
            <th class="form-title" colspan="1">报告时间</th>
            <th colspan="8" style="text-align: left;">{$detail.report_time}</th>
        </tr>-->


        <tr>
            <th colspan="9" class="forleft">相关附件
             </th>
        </tr>

        <tr>
            <th colspan="9" class="fujianimg" style="padding: 0px;">
                <div id="filesBox2">
                  <table class="layui-hide" id="get_file" lay-filter="get_file"></table>
                </div>
            </th>
        </tr>

    </table>
    <table class="layui-table layui-table-form">

        <table class="layui-table">
            <colgroup>
                <col width="110">
                <col width="800">
                <col width="250">
                <col width="250">
                <col width="250">
            </colgroup>
            <thead class="report-title">
            <tr>
                <th class="layui-th-gray-1 " colspan=9 style="height: 36px;">项目报告
                </th>
            </tr>
            {if !empty($report) }
            <thead>
            <tr class="heading" style="background-color:rgb(241, 241, 241);">
                <th>序号</th>
                <th style="text-align: left;">报告名称</th>
                <th>报告类型</th>
                <th>上传时间</th>
                <th>发布人</th>
            </tr>
            </thead>

            <tbody class="form">
            {volist name="report" id="vo"}
            <tr>
                <th>{$vo.id}</th>
                <th style="text-align: left;"><a  data-id="{$vo.id}" lay-data="readreport" style="color: #187FDD;">{$vo.title}</a></th>
                <th> {switch $vo.type}
                    {case 0}初审报告{/case}
                    {case 1}对数报告{/case}
                    {case 2}审定报告{/case}
                    {default /}未知
                    {/switch}
                </th>
                <th>{$vo.create_time|date="Y-m-d"}</th>
                <th>{$vo.nickname}</th>
            </tr>

            {/volist}

            </tbody>


            {/if}
        </table>
        {empty name="$report" }
        <div class="layui-data-none">暂无项目报告</div>
        {/empty}


        <table class="layui-table" >
            <colgroup>
                <col width="110">
                <col width="800">
                <col width="250">
                <col width="250">
                <col width="250">
            </colgroup>

            <thead class="heading-1">
            <tr>
                <th class="layui-td-gray-1" colspan=9 style="height: 36px;font-weight: 500;"> &nbsp;&nbsp;项目合同</th>
            </tr>

            {if !empty($contract) }
            <thead>
            <tr class="heading" >
                <th>序号</th>
                <th style="text-align: left;">合同名称</th>
                <th>合同性质</th>
                <th>签订时间</th>
                <th>签订人</th>
            </tr>
            </thead>

            <tbody class="form">
            {volist name="$contract" id="vo"}
            <tr>
                <td>{$vo.id}</td>
                <td style="text-align: left;"><a data-id="{$vo.id}" lay-data="readContract" href="" style="color: #187FDD;">{$vo.name}</a></td>
                <td> {switch $vo.type}
                    {case 1}普通合同{/case}
                    {case 2}框架合同{/case}
                    {case 3}补充协议{/case}
                    {case 3}其他合同{/case}
                    {default /}未设置
                    {/switch}
                </td>
                <td>{$vo.sign_time|date='Y-m-d'}</td>
                <td>{$vo.sign_name}</td>
            </tr>
            {/volist}
            </tbody>
            {/if}
        </table>
        {empty name="$contract" }
        <div class="layui-data-none">暂无项目合同</div>
        {/empty}
    </table>
    <script>
        function first(){
            let table = layui.table;
                //项目任务
                var allcount;
                parent.layui.get_fileTable = table.render({
                    elem: '#get_file',
                    title: '文档列表',
                    toolbar: '#toolbarget_file',
                    cellMinWidth: 80,
                    parseData: function (res) { // 数据解析回调函数
                        // 在这里可以获取数据总数
                        allcount = res.data.length;
                        return {
                            code: res.code, // 数据状态码
                            msg: res.msg, // 状态信息
                            count: res.count, // 数据总数
                            data: res.data // 当前页数据
                        };
                    },
                    // className: 'layui-table-testcss', // 用于给表格主容器追加 css 类名
                    // lineStyle: 'height: 151px;', // 定义表格的多行样式
                    url: "/admin/project.api/get_file",
                    where: {'id': project_id},
                    page: true, //开启分页
                    limit: 20,
                    cols: [[
                        {field: 'id', title: '序号', width: 80, align: 'center',
                            templet: function (d) {
        					        console.log(allcount,d.LAY_NUM)
                                    return allcount - (d.LAY_NUM - 1);
                                
                                }
                        },
                        {field: 'name', title: '附件名称', align: 'left',
                        },
                        {field: 'remark', title: '附件说明', align: 'left',
                        },
        
                        {field: 'admin_name', title: '上传人', align: 'center', width: 150},
                        {field: 'create_time', title: '上传时间', align: 'center', width: 100},
                        {field: 'right', fixed: 'right', title: '操作', width: 150, align: 'center',
                            templet: function (d) {
                                var html = '<div class="layui-btn-group">';
                                var btn1 = `<a href="https://view.officeapps.live.com/op/view.aspx?src=${d.filepath}" target="_blank" class="layui-btn layui-btn-xs">预览</a>`;
                                var btn2 = `<a class="layui-btn layui-btn-xs layui-bg-blue" href="${d.filepath}" download="${d.name}" lay-event="">下载</a>`;
                                return html + btn1 + btn2 +'</div>';
                            }
                        }
                    ]]
                });
            
            
            layui.use(['form', 'jquery'], function () {
                var form = layui.form;
                const $ = layui.jquery;
                let adress;
                $.ajax({
                    type:"get", //使用get方式
                    url: "/static/assets/layui/adress.json", //json文件相对于这个HTML的路径
                    dataType:"json",
                    async: false,
                    success:function(data) {
                        //这个data就是json数据
                        adress = data
                    },
                    error:function() {
                        layer.alert("地址请求失败！！ ");
                    }
                });
                function getFirstAttr(obj) {
                    for (var k in obj) return k;
                }
                function selectOption(selectedProvince, selectedCity,selectedArea) {
                    var proStr = '', cityStr = '', areaStr = '';
                    var pro = adress[selectedProvince], ci = adress[selectedProvince][selectedCity];
                    for (var province in adress) {
                        if (province == selectedProvince) proStr += '<option value="' + province + '" selected>' + province + '</option>';
                        else proStr += '<option value="' + province + '">' + province + '</option>';
                    }
                    $("#province").html(proStr);

                    for (var city in pro) {
                        if (city == selectedCity) cityStr += '<option value="' + city + '" selected>' + city + '</option>';
                        else cityStr += '<option value="' + city + '">' + city + '</option>';
                    }
                    $("#city").html(cityStr);

                    for (var area in ci) {
                        if(area == "remove"){
                            continue;
                        }

                        if (ci[area] == selectedArea) areaStr += '<option value="' + ci[area] + '" selected>' + ci[area] + '</option>';
                        else areaStr += '<option value="' + ci[area] + '">' + ci[area] + '</option>';
                    }
                    $("#area").html(areaStr);

                    form.render();
                }

                selectOption('湖北省', getFirstAttr(adress['湖北省']),'硚口区');

                form.on('select(province)', function (data) {
                    let thisProvince = data.value;
                    let thisCity = getFirstAttr(adress[thisProvince]);
                    selectOption(data.value, thisCity,thisCity[0]);
                });

                form.on('select(city)', function (data) {
                    selectOption($("#province").val(), data.value,getFirstAttr(data.value));
                });
            })
            $('#filesBox').on('click','.file-del',function(){

                layer.msg("不可删除");

            })
        }

    </script>

<script>
    // 获取具有指定 ID 的 <ul> 元素
    var ulElement = document.getElementById("filesBox");

    // 检查 <ul> 元素的子元素数量
    if (ulElement.children.length === 0) {
        // 如果子元素数量为 0，隐藏 <ul> 元素
        ulElement.style.display = "none";
    }
</script>
</body>
</html>