project_overview.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. .filelist{
  9. width: 100%;
  10. overflow: scroll;
  11. justify-content:flex-start;
  12. align-content: space-between;
  13. /* flex-direction: column-reverse; */
  14. flex-wrap: wrap;
  15. display: flex;
  16. }
  17. .filelist li{
  18. padding: 0.5vw 0.7vw 0.5vw 0.7vw;
  19. white-space: nowrap;
  20. overflow: hidden;
  21. text-overflow: ellipsis;
  22. display: inline-block;
  23. border-right: 1px solid #e2e2e2;
  24. }
  25. .filelist p{
  26. margin: 3px 0 5px 0;
  27. width: 5vw;
  28. text-align: center;
  29. }
  30. .filelist:hover li{
  31. /* display: initial; */
  32. }
  33. .heading th, .form td{
  34. height: 36px;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <table id="tabniubi" cellpadding="1" cellspacing="1">
  40. <tr>
  41. <th style="width: 10%;height: 0;"></th>
  42. <th style="width: 10%;height: 0;"></th>
  43. <th style="width: 10%;height: 0;"></th>
  44. <th style="width: 10%;height: 0;"></th>
  45. <th style="width: 10%;height: 0;"></th>
  46. <th style="width: 10%;height: 0;"></th>
  47. <th style="width: 10%;height: 0;"></th>
  48. <th style="width: 10%;height: 0;"></th>
  49. <th style="width: 10%;height: 0;"></th>
  50. </tr>
  51. <tr border="1">
  52. {if $field.project_status == 1}
  53. <th class="form-title">项目状态</th>
  54. <th>
  55. {switch $detail.project_status}
  56. {case 1}立项中{/case}
  57. {case 2}审批中{/case}
  58. {case 3}待接收{/case}
  59. {case 4}待分配{/case}
  60. {case 5}作业中{/case}
  61. {case 6}归档中{/case}
  62. {case 7}退审中{/case}
  63. {case 8}已归档{/case}
  64. {case 9}已退审{/case}
  65. {case 0}
  66. {switch $detail.proprietor_status}
  67. {case 0}立项中{/case}
  68. {case 1}审核中{/case}
  69. {case 2}待接收{/case}
  70. {/switch}
  71. {/case}
  72. {default /}未知
  73. {/switch}
  74. </th>
  75. {/if}
  76. {if $field.project_name == 1}
  77. <th class="form-title">项目名称</th>
  78. <th colspan="3">{$detail.project_name}</th>
  79. {/if}
  80. {if $field.project_num == 1}
  81. <th class="form-title">项目编号</th>
  82. <th colspan="2">{$detail.project_num}</th>
  83. {/if}
  84. </tr>
  85. <tr>
  86. {if $field.project_time == 1}
  87. <th class="form-title">项目周期</th>
  88. <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>
  89. {/if}
  90. </tr>
  91. <tr>
  92. {if $field.engineering_type == 1}
  93. <th class="form-title">工程类型</th>
  94. <th>
  95. {if $detail.engineering_type1==1}
  96. 预算
  97. {elseif $detail.engineering_type1==2}
  98. 结算
  99. {elseif $detail.engineering_type1==3}
  100. 概算
  101. {elseif $detail.engineering_type1==4}
  102. 决算
  103. {elseif $detail.engineering_type1==5}
  104. 工程总承包(EPC)
  105. {/if}
  106. </th>
  107. <th class="form-title">——</th>
  108. <th>
  109. {if $detail.engineering_type2==1}审核{else}编制{/if}
  110. </th>
  111. {/if}
  112. {if $field.engineering_category == 1}
  113. <th class="form-title">工程类别</th>
  114. <th>{$detail.engineering_category}</th>
  115. {/if}
  116. {if $field.project_region == 1}
  117. <th class="form-title">项目区域</th>
  118. <th colspan="2">
  119. {$detail.province}-{$detail.city}-{$detail.area}
  120. <!--<div>
  121. <form class="layui-form">
  122. <div class="layui-form-item" style="margin-bottom: 0;">
  123. <div class="layui-input-inline" style="width: 6vw;">
  124. <select id="province" lay-filter="province" name="province">
  125. </select>
  126. </div>
  127. <div class="layui-input-inline area" style="width: 6vw;">
  128. <select id="city" lay-filter="city" name="city">
  129. </select>
  130. </div>
  131. <div class="layui-input-inline area" style="width: 6vw;">
  132. <select id="area" lay-filter="area" name="area">
  133. </select>
  134. </div>
  135. </div>
  136. </form>
  137. </div>-->
  138. </th>
  139. {/if}
  140. </tr>
  141. <tr>
  142. {if $field.fiscal_nature == 1}
  143. <th class="form-title">资金性质</th>
  144. <th>{$detail.fiscal_nature}</th>
  145. {/if}
  146. {if $field.project_scale == 1}
  147. <th class="form-title">项目规模</th>
  148. <th colspan="3">{$detail.project_scale}</th>
  149. {/if}
  150. {if $field.charge_standard == 1}
  151. <th class="form-title">收费标准</th>
  152. <th colspan="2">{$detail.charge_standard}</th>
  153. {/if}
  154. </tr>
  155. {if $field.entrust_unit == 1 || $field.entrust_head == 1 || $field.sent_review_unit == 1 || $field.sent_review_head == 1
  156. || $field.review_unit == 1 || $field.review_head == 1 || $field.operate_name == 1 || $field.operate_team_names == 1
  157. || $field.construction_unit == 1 || $field.construction_head == 1}
  158. <tr>
  159. <th colspan="9" class="forleft">相关单位</th>
  160. </tr>
  161. <tr>
  162. {if $field.entrust_unit == 1}
  163. <th class="form-title">委托单位</th>
  164. <th>{$detail.entrust_unit_name}</th>
  165. {/if}
  166. {if $field.entrust_head == 1}
  167. <th class="form-title">负责人</th>
  168. <th>{$detail.entrust_maker_name}</th>
  169. {/if}
  170. {if $field.sent_review_unit == 1}
  171. <th class="form-title">送审单位</th>
  172. <th>{$detail.sent_review_unit}</th>
  173. {/if}
  174. {if $field.sent_review_head == 1}
  175. <th class="form-title">负责人</th>
  176. <th colspan="2">{$detail.sent_review_head}</th>
  177. {/if}
  178. </tr>
  179. <tr>
  180. {if $field.review_unit == 1}
  181. <th class="form-title">评审机构</th>
  182. <th>{$detail.review_unit_name}</th>
  183. {/if}
  184. {if $field.review_head == 1}
  185. <th class="form-title">项目负责人</th>
  186. <th>{$detail.review_head_name}</th>
  187. {/if}
  188. {if $field.operate_name == 1}
  189. <th class="form-title">作业负责人</th>
  190. <th>{$detail.operate_head_name}</th>
  191. {/if}
  192. {if $field.operate_team_names == 1}
  193. <th class="form-title">作业成员</th>
  194. <th colspan="2">{$detail.operate_team_names}</th>
  195. {/if}
  196. </tr>
  197. <tr>
  198. {if $field.construction_unit == 1}
  199. <th class="form-title" colspan="1">施工单位</th>
  200. <th colspan="1">{$detail.construction_unit}</th>
  201. {/if}
  202. {if $field.construction_head == 1}
  203. <th class="form-title" colspan="1">负责人</th>
  204. <th colspan="6">{$detail.construction_head}</th>
  205. {/if}
  206. </tr>
  207. {/if}
  208. {if $field.sent_review_amount == 1 || $field.authorize_amount == 1
  209. || $field.review_add_reduce_amount == 1 || $field.review_add_reduce_rate == 1 || $field.sent_review_cost == 1
  210. || $field.sent_review_approver_amount == 1 || $field.construction_approver_amount == 1 || $field.report_time == 1}
  211. <tr>
  212. <th colspan="9" class="forleft">金额详情</th>
  213. </tr>
  214. <tr>
  215. {if $field.sent_review_amount == 1}
  216. <th class="form-title" colspan="1">送审金额(元)</th>
  217. <th colspan="3" style="text-align: left;">{$detail.sent_review_amount}</th>
  218. {/if}
  219. {if $field.authorize_amount == 1}
  220. <th class="form-title" colspan="1">审定金额(元)</th>
  221. <th colspan="4" style="text-align: left; padding-left: 3.5vw;">{$detail.authorize_amount}</th>
  222. {/if}
  223. </tr>
  224. <tr>
  225. {if $field.review_add_reduce_amount == 1}
  226. <th class="form-title" colspan="1">审增额(元)</th>
  227. <th colspan="1">{$detail.review_add_amount}</th>
  228. <th class="form-title" colspan="1">审减额(元)</th>
  229. <th colspan="1">{$detail.review_reduce_amount}</th>
  230. {/if}
  231. {if $field.review_add_reduce_rate == 1}
  232. <th class="form-title" colspan="1">审增减率(%)</th>
  233. <th colspan="1">{$detail.review_add_reduce_rate}</th>
  234. {/if}
  235. {if $field.sent_review_cost == 1}
  236. <th class="form-title" colspan="1">送审服务费 (元)</th>
  237. <th colspan="4" style="text-align: left; padding-left: 3.5vw;">{$detail.sent_review_cost}</th>
  238. {/if}
  239. </tr>
  240. <tr>
  241. {if $field.sent_review_approver_amount == 1}
  242. <th class="form-title forright" colspan="1">
  243. 送审单位承担<br>审核费(元)
  244. </th>
  245. <th colspan="2">{$detail.sent_review_approver_amount}</th>
  246. {/if}
  247. {if $field.construction_approver_amount == 1}
  248. <th class="form-title forright" colspan="2">
  249. 施工单位负责<br>核减超5%评审费部分(元)
  250. </th>
  251. <th colspan="2">{$detail.construction_approver_amount}</th>
  252. {/if}
  253. {if $field.report_time == 1}
  254. <th class="form-title" colspan="1">报告时间</th>
  255. <th colspan="1" style="text-align: left; padding-left: 3.5vw;">{if
  256. $detail.report_time!=0}{$detail.report_time|date="Y-m-d"}{/if}
  257. </th>
  258. {/if}
  259. </tr>
  260. {/if}
  261. <tr>
  262. <th colspan="9" class="forleft">相关附件</th>
  263. </tr>
  264. <tr>
  265. <th colspan="9" class="forleft fujianimg">
  266. <ul id="filesBox" style="height: 140px;display: flex;flex-flow: wrap;overflow: scroll;">
  267. {:fileCard($file_array)}
  268. </ul>
  269. {empty name="$file_array" }
  270. <div class="layui-data-none">暂无附件</div>
  271. {/empty}
  272. </th>
  273. </tr>
  274. </table>
  275. <table class="layui-table layui-table-form">
  276. <table class="layui-table" >
  277. <colgroup>
  278. <col width="110">
  279. <col width="800">
  280. <col width="250">
  281. <col width="250">
  282. <col width="250">
  283. </colgroup>
  284. <thead>
  285. <tr>
  286. <td class="layui-td-gray-1" colspan=9 style="height: 36px;"> &nbsp;&nbsp;项目报告
  287. </td>
  288. </tr>
  289. {if !empty($report) }
  290. <thead>
  291. <tr class="heading">
  292. <th>序号</th>
  293. <th style="text-align: left;">报告名称</th>
  294. <th>报告类型</th>
  295. <th>上传时间</th>
  296. <th>发布人</th>
  297. </tr>
  298. </thead>
  299. <tbody class="form">
  300. {volist name="report" id="vo"}
  301. <tr>
  302. <td>{$vo.id}</td>
  303. <td style="text-align: left;"><a data-id="{$vo.id}" lay-data="readreport" href="" style="color: #187FDD;">{$vo.title}</a></td>
  304. <td> {switch $vo.type}
  305. {case 0}初审报告{/case}
  306. {case 1}对数报告{/case}
  307. {case 2}定审报告{/case}
  308. {default /}未知
  309. {/switch}
  310. </td>
  311. <td>{$vo.create_time}</td>
  312. <td>{$vo.nickname}</td>
  313. </tr>
  314. {/volist}
  315. </tbody>
  316. {/if}
  317. </table>
  318. {empty name="$report" }
  319. <div class="layui-data-none">暂无项目报告</div>
  320. {/empty}
  321. </table>
  322. <!-- <script type="text/javascript" src="/static/assets/layui//layui.js"></script>-->
  323. <script src="/static/assets/layui/adress.json"> </script>
  324. <script>
  325. function first(){
  326. layui.use(['form', 'jquery'], function () {
  327. var form = layui.form;
  328. const $ = layui.jquery;
  329. let adress;
  330. $.ajax({
  331. type:"get", //使用get方式
  332. url: "/static/assets/layui/adress.json", //json文件相对于这个HTML的路径
  333. dataType:"json",
  334. async: false,
  335. success:function(data) {
  336. //这个data就是json数据
  337. adress = data
  338. },
  339. error:function() {
  340. layer.alert("地址请求失败!! ");
  341. }
  342. });
  343. function getFirstAttr(obj) {
  344. for (var k in obj) return k;
  345. }
  346. function selectOption(selectedProvince, selectedCity,selectedArea) {
  347. var proStr = '', cityStr = '', areaStr = '';
  348. var pro = adress[selectedProvince], ci = adress[selectedProvince][selectedCity];
  349. for (var province in adress) {
  350. if (province == selectedProvince) proStr += '<option value="' + province + '" selected>' + province + '</option>';
  351. else proStr += '<option value="' + province + '">' + province + '</option>';
  352. }
  353. $("#province").html(proStr);
  354. for (var city in pro) {
  355. if (city == selectedCity) cityStr += '<option value="' + city + '" selected>' + city + '</option>';
  356. else cityStr += '<option value="' + city + '">' + city + '</option>';
  357. }
  358. $("#city").html(cityStr);
  359. for (var area in ci) {
  360. if(area == "remove"){
  361. continue;
  362. }
  363. if (ci[area] == selectedArea) areaStr += '<option value="' + ci[area] + '" selected>' + ci[area] + '</option>';
  364. else areaStr += '<option value="' + ci[area] + '">' + ci[area] + '</option>';
  365. }
  366. $("#area").html(areaStr);
  367. form.render();
  368. }
  369. selectOption('湖北省', getFirstAttr(adress['湖北省']),'硚口区');
  370. form.on('select(province)', function (data) {
  371. let thisProvince = data.value;
  372. let thisCity = getFirstAttr(adress[thisProvince]);
  373. selectOption(data.value, thisCity,thisCity[0]);
  374. });
  375. form.on('select(city)', function (data) {
  376. selectOption($("#province").val(), data.value,getFirstAttr(data.value));
  377. });
  378. })
  379. }
  380. </script>
  381. <script>
  382. // 获取具有指定 ID 的 <ul> 元素
  383. var ulElement = document.getElementById("filesBox");
  384. // 检查 <ul> 元素的子元素数量
  385. if (ulElement.children.length === 0) {
  386. // 如果子元素数量为 0,隐藏 <ul> 元素
  387. ulElement.style.display = "none";
  388. }
  389. </script>
  390. </body>
  391. </html>