123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333 |
- <!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>
- .filelist{
- width: 100%;
- overflow: scroll;
- justify-content:flex-start;
- align-content: space-between;
- /* flex-direction: column-reverse; */
- flex-wrap: wrap;
- display: flex;
- }
- .filelist li{
- padding: 0.5vw 0.7vw 0.5vw 0.7vw;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: inline-block;
- border-right: 1px solid #e2e2e2;
- }
- .filelist p{
- margin: 3px 0 5px 0;
- width: 5vw;
- text-align: center;
- }
- .filelist:hover li{
- /* display: initial; */
- }
- .heading th, .form td{
- height: 36px;
- }
- </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">
- <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>
- <th class="form-title">项目名称</th>
- <th colspan="3">{$detail.project_name}</th>
- <th class="form-title">项目编号</th>
- <th colspan="2">{$detail.project_num}</th>
- </tr>
- <tr>
- <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>
- </tr>
- <tr>
- <th class="form-title">工程类型</th>
- <th>
- {$detail.engineering_type1}
- <!-- <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>
- {$detail.engineering_type2}
- <!-- <div>
- <select name="type" lay-verify="required" lay-filter="aihao">
- <option value="1">审核</option>
- <option value="2">编制</option>
- </select>
- </div> -->
- </th>
- <th class="form-title">工程类别</th>
- <th>{$detail.engineering_category}</th>
- <th class="form-title">项目区域</th>
- <th colspan="2">
- {$detail.province}-{$detail.city}-{$detail.area}
- </th>
- </tr>
- <tr>
- <th class="form-title">资金性质</th>
- <th>{$detail.fiscal_nature}</th>
- <th class="form-title">项目规模</th>
- <th colspan="3">{$detail.project_scale}</th>
- <th class="form-title">收费标准</th>
- <th colspan="2">{$detail.charge_standard}</th>
- </tr>
- <tr>
- <th colspan="9" class="forleft">相关单位</th>
- </tr>
- <tr>
- <th class="form-title">委托单位</th>
- <th>{$detail.entrust_unit_name}</th>
- <th class="form-title">负责人</th>
- <th>{$detail.entrust_maker_name}</th>
- <th class="form-title">送审单位</th>
- <th>{$detail.sent_review_unit}</th>
- <th class="form-title">负责人</th>
- <th colspan="2">{$detail.sent_review_head}</th>
- </tr>
- <tr>
- <th class="form-title">评审机构</th>
- <th>{$detail.review_unit_name}</th>
- <th class="form-title">项目负责人</th>
- <th>{$detail.review_head_name}</th>
- <th class="form-title">作业负责人</th>
- <th>{$detail.operate_head_name}</th>
- <th class="form-title">作业成员</th>
- <th colspan="2">{$detail.operate_team_names}</th>
- </tr>
- <tr>
- <th colspan="9" class="forleft">金额详情</th>
- </tr>
- <tr>
- <th class="form-title" colspan="1">编制金额(元)</th>
- <th colspan="1">{$detail.preparation_amount}</th>
- <th class="form-title" colspan="1">送审金额(元)</th>
- <th colspan="1">{$detail.sent_review_amount}</th>
- <th class="form-title" colspan="1">审定金额(元)</th>
- <th colspan="4" style="text-align: left; padding-left: 3.5vw;">{$detail.authorize_amount}</th>
- </tr>
- <tr>
- <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>
- <th class="form-title" colspan="1">审增减率</th>
- <th colspan="1">{$detail.review_add_reduce_rate}</th>
- <th class="form-title" colspan="1">送审服务费(元)</th>
- <th colspan="4" style="text-align: left; padding-left: 3.5vw;">{$detail.sent_review_cost}</th>
- </tr>
- <tr>
- <th class="form-title" colspan="1">报告时间</th>
- <th colspan="4" style="text-align: left; padding-left: 3.5vw;">{if $detail.report_time!=0}{$detail.report_time|date="Y-m-d"}{/if}</th>
- </tr>
- <tr>
- <th colspan="9" class="forleft">相关附件
- </th>
- </tr>
- <tr>
- <th colspan="9" class="forleft fujianimg">
- <ul id="filesBox" style="height: 140px;display: flex;flex-flow: wrap;overflow: scroll;">
- {:fileCard($file_array)}
- </ul>
- {empty name="$file_array" }
- <div class="layui-data-none">暂无附件</div>
- {/empty}
- </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>
- <tr>
- <td class="layui-td-gray-1" colspan=9 style="height: 36px;"> 项目报告
- </td>
- </tr>
-
- {if !empty($report) }
- <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="report" id="vo"}
- <tr>
- <td>{$vo.id}</td>
- <td style="text-align: left;"><a data-id="{$vo.id}" lay-data="readreport" href="" style="color: #187FDD;">{$vo.title}</a></td>
- <td> {switch $vo.type}
- {case 0}初审报告{/case}
- {case 1}对数报告{/case}
- {case 2}定审报告{/case}
- {default /}未知
- {/switch}
- </td>
- <td>{$vo.create_time}</td>
- <td>{$vo.nickname}</td>
- </tr>
- {/volist}
- </tbody>
- {/if}
- </table>
- {empty name="$report" }
- <div class="layui-data-none">暂无项目报告</div>
- {/empty}
- </table>
- <!-- <script type="text/javascript" src="/static/assets/layui//layui.js"></script>-->
- <script src="/assets/layui/adress.json"> </script>
- <script>
- function first(){
- 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));
- });
- })
- }
- </script>
- <script>
- // 获取具有指定 ID 的 <ul> 元素
- var ulElement = document.getElementById("filesBox");
- // 检查 <ul> 元素的子元素数量
- if (ulElement.children.length === 0) {
- // 如果子元素数量为 0,隐藏 <ul> 元素
- ulElement.style.display = "none";
- }
- </script>
- </body>
- </html>
|