edit_first.html 37 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307
  1. <style>
  2. .heading th {
  3. text-align: center;
  4. }
  5. .form td {
  6. text-align: center;
  7. }
  8. /* 日志 */
  9. .log_top {
  10. padding-left: 1vw;
  11. }
  12. .log_top span {
  13. margin: 0 0.5vw;
  14. }
  15. /* 1,1,1 */
  16. .log_commentary {
  17. color: rgb(0, 176, 80);
  18. }
  19. .log_company {
  20. color: rgb(255, 33, 0);
  21. }
  22. .log_content {
  23. width: fit-content;
  24. margin: 0.3vw 1.5vw 1vw 1.5vw;
  25. padding: 0.5vw 0vw;
  26. text-indent: 1.2em;
  27. line-height: 2.1vh;
  28. background-color: rgb(255, 255, 255);
  29. border-radius: 0.5vw;
  30. box-shadow: 0.19vw 0.16vw 0.4vw 0.03vw rgba(0, 0, 0, 0.13);
  31. }
  32. .log_content_color {
  33. /* background-color: rgb(250,250,250); */
  34. }
  35. .log_content_img img {
  36. /* width: 10%; */
  37. border-radius: 0.5vw;
  38. margin: 0.3vw 0;
  39. padding-right: 18px;
  40. padding-bottom: 7px;
  41. padding-left: 2px;
  42. }
  43. .log_item_top {
  44. height: 70%;
  45. overflow: scroll;
  46. }
  47. .log_item_top {
  48. height: 60vh;
  49. /* background-color: rgb(255, 255, 255); */
  50. }
  51. .log_item_bottom {
  52. display: flex;
  53. /* height: 17vh; */
  54. /* border-top: 1px solid #eee; */
  55. margin: 0 1.5vw;
  56. /* background-color: rgb(250,250,250); */
  57. }
  58. .log_input input {
  59. width: 55vw;
  60. height: 10vh;
  61. border: #eee 1px solid;
  62. }
  63. .log_bottom_img {
  64. /* height: 5vh; */
  65. }
  66. .log_bottom_img img {
  67. height: 4vw;
  68. width: 6vw;
  69. border-radius: 0.5vw;
  70. margin: 0.5vw 0vw 0.5vw 0.3vw;
  71. }
  72. .log_bottom_left {
  73. width: 100%;
  74. margin-top: 1.5vh;
  75. }
  76. .log_bottom_right {
  77. width: 5%;
  78. }
  79. /* 上传图片 */
  80. .layui-upload-drag-self {
  81. background-color: #fbfdff;
  82. border: 1px dashed #c0ccda;
  83. border-radius: 6px;
  84. box-sizing: border-box;
  85. line-height: 4vw;
  86. vertical-align: top;
  87. display: inline-block;
  88. text-align: center;
  89. cursor: pointer;
  90. outline: 0;
  91. margin-right: 13px;
  92. float: left;
  93. }
  94. .layui-input-inlines-self {
  95. position: relative;
  96. margin-left: 90px;
  97. min-height: 36px;
  98. text-align: left;
  99. }
  100. .layui-upload-drag-self .layui-icon {
  101. font-size: 28px;
  102. color: #8c939d
  103. }
  104. .layui-upload-drag-self .img {
  105. position: relative;
  106. height: 148px;
  107. width: 148px;
  108. }
  109. .layui-upload-img {
  110. width: 148px;
  111. height: 148px;
  112. border-radius: 6px;
  113. margin-top: -3px;
  114. margin-left: -2px;
  115. }
  116. .handle {
  117. position: absolute;
  118. width: 148px;
  119. height: 100%;
  120. z-index: 100;
  121. border-radius: 6px;
  122. top: 0;
  123. background: rgba(59, 60, 61, 0.6);
  124. text-align: center;
  125. }
  126. .handle .icon-myself {
  127. z-index: 999;
  128. transition: all .3s;
  129. cursor: pointer;
  130. font-size: 25px;
  131. width: 25px;
  132. color: rgba(255, 255, 255, 0.91);
  133. margin: 0 4px;
  134. }
  135. .log_textarea {
  136. width: 89vw;
  137. height: 8vh;
  138. padding: 0.5vw;
  139. /* margin-right: 2vw; */
  140. margin: 1vw;
  141. }
  142. .log_button_img {
  143. width: 2vw;
  144. }
  145. .log_card {
  146. border: none !important;
  147. }
  148. /* 点击图片放大 */
  149. .content_img img {
  150. max-width: 100%;
  151. cursor: pointer;
  152. }
  153. .overlay {
  154. display: none;
  155. position: fixed;
  156. top: 0;
  157. left: 0;
  158. width: 100%;
  159. height: 100%;
  160. background-color: rgba(0, 0, 0, 0.7);
  161. justify-content: center;
  162. z-index: 1;
  163. }
  164. .overlay img {
  165. margin-top: 4%;
  166. max-width: 90%;
  167. max-height: 90%;
  168. object-fit: contain;
  169. }
  170. .p-4 {
  171. background-color: rgb(255, 255, 255);
  172. }
  173. /*表格*/
  174. #tabniubi {
  175. width: 100%;
  176. margin: 10px 0;
  177. background-color: #fff;
  178. color: #5f5f5f;
  179. }
  180. #tabniubi th {
  181. padding: 9px 15px;
  182. min-height: 20px;
  183. height: 0px;
  184. line-height:0px;
  185. text-align: center;
  186. /* font-size: 14px; */
  187. border-width: 1px;
  188. border-style: solid;
  189. border-color: #e2e2e2;
  190. font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
  191. }
  192. #tabniubi tr:first-child {
  193. padding: 0;
  194. min-height: 0;
  195. line-height: 0;
  196. border-width: 0;
  197. border-style: none;
  198. border-color: #fff;
  199. font-size: 0;
  200. }
  201. #tabniubi tr:first-child th {
  202. padding: 0;
  203. min-height: 0;
  204. line-height: 0;
  205. border-width: 0;
  206. border-style: none;
  207. border-color: #fff;
  208. font-size: 0;
  209. height: 0 !important;
  210. }
  211. .form-title {
  212. background-color: rgb(241, 241, 241);
  213. color: rgb(95, 95, 95);
  214. border-color: rgb(241, 241, 241);
  215. font-weight: 600;
  216. }
  217. /* .fujianimg img {
  218. width: 5vw;
  219. height: 5vh;
  220. } */
  221. .forleft {
  222. text-align: left !important;
  223. }
  224. .layui-form-select dl dd.layui-this {
  225. background-color: #f8f8f8;
  226. color: rgb(23, 145, 233);
  227. font-weight: 700;
  228. }
  229. .layui-input, .layui-textarea {
  230. /* padding-left: 3.75vw; */
  231. color: #5f5f5f;
  232. }
  233. .upimg {
  234. width: 250px;
  235. height: 250px;
  236. }
  237. .fujianimg img {
  238. height: 5.5vh;
  239. }
  240. .filelist{
  241. width: 100%;
  242. overflow: auto;
  243. justify-content:flex-start;
  244. align-content: space-between;
  245. flex-direction: column-reverse;
  246. flex-wrap: wrap;
  247. display: flex;
  248. }
  249. .filelist li{
  250. padding: 0.5vw 0.8vw 0.5vw 0.8vw;
  251. white-space: nowrap;
  252. overflow: hidden;
  253. text-overflow: ellipsis;
  254. display: inline-block;
  255. border-right: 1px solid #e2e2e2;
  256. float: left;
  257. }
  258. .filelist p{
  259. margin: 3px 0 5px 0;
  260. width: 11vw;
  261. overflow: hidden;
  262. text-overflow: ellipsis;
  263. text-align: center;
  264. }
  265. #filesBox2 li{
  266. padding: 0.5vw 0.8vw 0.5vw 0.8vw;
  267. white-space: nowrap;
  268. overflow: hidden;
  269. text-overflow: ellipsis;
  270. display: inline-block;
  271. border-right: 1px solid #e2e2e2;
  272. float: left;
  273. }
  274. /* 倒计时 */
  275. .countdown {
  276. height: 8.5vh;
  277. width: 6.5vw;
  278. font-size: 1vw;
  279. text-align: center;
  280. border: 1px solid #eee;
  281. }
  282. .countdown-top {
  283. height: 3.5vh;
  284. line-height: 3.5vh;
  285. border-bottom: 1px solid #eee;
  286. color: #fff;
  287. background-color: rgb(23, 145, 233);
  288. border-bottom: 1px solid rgb(23, 145, 233);
  289. font-size: 0.95vw;
  290. padding: 0;
  291. margin: 0;
  292. }
  293. .countdown-bottom {
  294. height: 5vh;
  295. line-height: 5vh;
  296. padding: 0;
  297. margin: 0;
  298. background-color: #fff;
  299. }
  300. #filesBox2 .layui-table-tool{
  301. display: none;
  302. }
  303. #filesBox2 .layui-table-view .layui-table{
  304. width: 100% !important;
  305. }
  306. #filesBox2 .layui-table-cell{
  307. display: flex;
  308. align-items: center;
  309. justify-content: center;
  310. }
  311. .laytable-cell-1-0-1, .laytable-cell-1-0-2{
  312. justify-content: flex-start !important;
  313. }
  314. .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{
  315. display: flex;
  316. font: 14px red;
  317. font-weight: 600;
  318. color: #5f5f5f;
  319. }
  320. #tabniubi tr:first-child th{
  321. border-right: 1px solid #e2e2e2 !important;
  322. }
  323. #filesBox2 th:sixth-child{
  324. border-right: none !important;
  325. }
  326. </style>
  327. <!--业主项目审核以下-->
  328. {if $detail.proprietor_status<2}
  329. <form class="layui-form p-4">
  330. <table id="tabniubi" cellpadding="1" cellspacing="1">
  331. <tr>
  332. <th style="width: 10%;height: 0;"></th>
  333. <th style="width: 10%;height: 0;"></th>
  334. <th style="width: 10%;height: 0;"></th>
  335. <th style="width: 10%;height: 0;"></th>
  336. <th style="width: 10%;height: 0;"></th>
  337. <th style="width: 10%;height: 0;"></th>
  338. <th style="width: 10%;height: 0;"></th>
  339. <th style="width: 10%;height: 0;"></th>
  340. <th style="width: 10%;height: 0;"></th>
  341. </tr>
  342. <tr border="1">
  343. <th class="form-title">项目名称 <font style="color: red !important;">*</font></th>
  344. <th colspan="2">
  345. <input type="text" name="project_name" lay-verify="required" lay-reqText="请完善项目名称" value="{$detail.project_name}"
  346. autocomplete="off" placeholder="请输入项目名称" class="layui-input">
  347. </th>
  348. <th class="form-title">项目编号 <font style="color: red !important;">*</font></th>
  349. <th colspan="2">
  350. <input type="text" name="project_num" lay-verify="required" lay-reqText="请完善项目编号" value="{$detail.project_num}"
  351. autocomplete="off" placeholder="请输入项目编号" class="layui-input">
  352. </th>
  353. <th class="form-title">送审金额 <font style="color: red !important;">*</font></th>
  354. <th colspan="2">
  355. <input type="text" id="sent_review_amount" value="{$detail.sent_review_amount}" name="sent_review_amount" autocomplete="off" placeholder="请输入送审金额" class="layui-input">
  356. </th>
  357. </tr>
  358. <tr>
  359. <th class="form-title">工程类型<font style="color: red !important;">*</font></th>
  360. <th colspan="2">
  361. <div>
  362. <select name="engineering_type1" lay-verify="required">
  363. <option value="">请选择项目类型</option>
  364. <option value="1" {eq name="$detail.engineering_type1" value="1"} selected {/eq}>预算</option>
  365. <option value="2"{eq name="$detail.engineering_type1" value="2"} selected {/eq}>结算</option>
  366. <option value="3" {eq name="$detail.engineering_type1" value="3"} selected {/eq}>概算</option>
  367. <option value="4" {eq name="$detail.engineering_type1" value="4"} selected {/eq}>决算</option>
  368. <option value="5" {eq name="$detail.engineering_type1" value="5"} selected {/eq}>工程总承包(EPC)</option>
  369. </select>
  370. </div>
  371. </th>
  372. <th class="form-title">——</th>
  373. <th colspan="2">
  374. <div>
  375. <select name="engineering_type2" lay-verify="required">
  376. <option value="">请选择项目类型</option>
  377. <option value="1" {eq name="$detail.engineering_type2" value="1"} selected {/eq}>审核</option>
  378. <option value="2" {eq name="$detail.engineering_type2" value="2"} selected {/eq}>编制</option>
  379. </select>
  380. </div>
  381. </th>
  382. <th class="form-title entrust_unit">委托单位 <font style="color: red!important;">*</font></th>
  383. <th colspan="2" class="entrust_unit">
  384. <input type="text" name="entrust_unit_name" value="{$entrust_unit_name}" autocomplete="off" class="layui-input" disabled>
  385. <input type="hidden" name="entrust_unit" value="{$entrust_unit}" autocomplete="off" class="layui-input" disabled>
  386. </th>
  387. </tr>
  388. <th class="form-title">审批人(一)<font style="color: red !important;">*</font></th>
  389. <th colspan="2">
  390. <select name="sent_review_approver" lay-verify="required" lay-reqText="请选择审批人">
  391. <option value="">请选择审批人</option>
  392. {dump($person)}
  393. {volist name="person" id="v"}
  394. <option value="{$v.id}" {eq name="$detail.sent_review_approver" value="$v.id" } selected="" {/eq}>{$v.nickname}</option>
  395. {/volist}
  396. </select>
  397. </th>
  398. <th class="form-title">审批人(二)</th>
  399. <th colspan="2">
  400. <select name="sent_review_second_approver" lay-reqText="请选择审批人">
  401. <option value="">请选择第二审批人(可选)</option>
  402. {dump($person)}
  403. {volist name="person" id="v"}
  404. <option value="{$v.id}" {eq name="$detail.sent_review_second_approver" value="$v.id"} selected="" {/eq} {if!isset($detail.sent_review_second_approver)}name=""{/if}>{$v.nickname}</option>
  405. {/volist}
  406. </select>
  407. </th>
  408. </tr>
  409. <tr>
  410. <th colspan="9" class="forleft">相关附件
  411. <button class="layui-btn layui-btn-xs layui-btn-danger" style="float: right;" type="button"
  412. id="uploadBtn">上传附件
  413. </button>
  414. </th>
  415. </tr>
  416. <tr>
  417. <th colspan="9" class="fujianimg" style="padding: 9px 0;">
  418. <div id="filesBox2">
  419. <div class="filelist" id="filesBigBox">
  420. <ul id="filesBox" style="overflow: scroll;">
  421. {:fileCard($file_array)}
  422. </ul>
  423. </div>
  424. {empty name="$file_array" }
  425. <div class="layui-data-none">暂无附件</div>
  426. {/empty}
  427. </div>
  428. </th>
  429. </tr>
  430. </table>
  431. <div class="py-3">
  432. <input type="hidden" name="id" value="{$detail.id}"/>
  433. {if $detail.proprietor_status==0}
  434. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="add">保存</button>
  435. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">提交</button>
  436. {/if}
  437. <!-- //审核中-->
  438. {if $detail.proprietor_status == 1}
  439. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="withdraw">撤回</button>
  440. {/if}
  441. </div>
  442. </form>
  443. {else/}
  444. <!--之后的预览-->
  445. <form class="layui-form p-4">
  446. <table id="tabniubi" cellpadding="1" cellspacing="1">
  447. <tr>
  448. <th style="width: 10%;height: 0;"></th>
  449. <th style="width: 10%;height: 0;"></th>
  450. <th style="width: 10%;height: 0;"></th>
  451. <th style="width: 10%;height: 0;"></th>
  452. <th style="width: 10%;height: 0;"></th>
  453. <th style="width: 10%;height: 0;"></th>
  454. <th style="width: 10%;height: 0;"></th>
  455. <th style="width: 10%;height: 0;"></th>
  456. <th style="width: 10%;height: 0;"></th>
  457. </tr>
  458. <tr border="1">
  459. {if $field.project_status == 1}
  460. <th class="form-title">项目状态</th>
  461. <th>
  462. {switch $detail.project_status}
  463. {case 1}立项中{/case}
  464. {case 2}审批中{/case}
  465. {case 3}待接收{/case}
  466. {case 4}待分配{/case}
  467. {case 5}作业中{/case}
  468. {case 6}归档中{/case}
  469. {case 7}退审中{/case}
  470. {case 8}已归档{/case}
  471. {case 9}已退审{/case}
  472. {case 0}
  473. {switch $detail.proprietor_status}
  474. {case 0}立项中{/case}
  475. {case 1}审核中{/case}
  476. {case 2}待接收{/case}
  477. {/switch}
  478. {/case}
  479. {default /}未知
  480. {/switch}
  481. </th>
  482. {/if}
  483. {if $field.project_name == 1}
  484. <th class="form-title">项目名称</th>
  485. <th colspan="3">{$detail.project_name}</th>
  486. {/if}
  487. {if $field.project_num == 1}
  488. <th class="form-title">项目编号</th>
  489. <th colspan="2">{$detail.project_num}</th>
  490. {/if}
  491. </tr>
  492. <tr>
  493. {if $field.project_time == 1}
  494. <th class="form-title">项目周期</th>
  495. <th colspan="8" style="text-align: left; padding-left: 3.5vw;">{if $detail.project_start_time != null&& $detail.project_end_time != null}{$detail.project_start_time|date="Y-m-d"} 至 {$detail.project_end_time|date="Y-m-d"}{/if}</th>
  496. {/if}
  497. </tr>
  498. <tr>
  499. {if $field.engineering_type == 1}
  500. <th class="form-title">工程类型</th>
  501. <th>
  502. {if $detail.engineering_type1==1}
  503. 预算
  504. {elseif $detail.engineering_type1==2}
  505. 结算
  506. {elseif $detail.engineering_type1==3}
  507. 概算
  508. {elseif $detail.engineering_type1==4}
  509. 决算
  510. {elseif $detail.engineering_type1==5}
  511. 工程总承包(EPC)
  512. {/if}
  513. </th>
  514. <th class="form-title">——</th>
  515. <th>
  516. {if $detail.engineering_type2==1}审核{else}编制{/if}
  517. </th>
  518. {/if}
  519. {if $field.engineering_category == 1}
  520. <th class="form-title">工程类别</th>
  521. <th>{$detail.engineering_category}</th>
  522. {/if}
  523. {if $field.project_region == 1}
  524. <th class="form-title">项目区域</th>
  525. <th colspan="2">
  526. {$detail.province}-{$detail.city}-{$detail.area}
  527. </th>
  528. {/if}
  529. </tr>
  530. <tr>
  531. {if $field.fiscal_nature == 1}
  532. <th class="form-title">资金性质</th>
  533. <th>{$detail.fiscal_nature}</th>
  534. {/if}
  535. {if $field.project_scale == 1}
  536. <th class="form-title">项目规模</th>
  537. <th colspan="3">{$detail.project_scale}</th>
  538. {/if}
  539. {if $field.charge_standard == 1}
  540. <th class="form-title">收费标准</th>
  541. <th colspan="2">{$detail.charge_standard}</th>
  542. {/if}
  543. </tr>
  544. {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 || $field.construction_unit == 1 || $field.construction_head == 1}
  545. <tr>
  546. <th colspan="9" class="forleft">相关单位</th>
  547. </tr>
  548. <tr>
  549. {if $field.entrust_unit == 1}
  550. <th class="form-title">委托单位</th>
  551. <th>{$detail.entrust_unit_name}</th>
  552. {/if}
  553. {if $field.entrust_head == 1}
  554. <th class="form-title">负责人</th>
  555. <th>{$detail.entrust_maker_name}</th>
  556. {/if}
  557. {if $field.sent_review_unit == 1}
  558. <th class="form-title">送审单位</th>
  559. <th>{$detail.sent_review_unit_name}</th>
  560. {/if}
  561. {if $field.sent_review_head == 1}
  562. <th class="form-title">负责人</th>
  563. <th colspan="2">{$detail.sent_review_head_name}</th>
  564. {/if}
  565. </tr>
  566. <tr>
  567. {if $field.review_unit == 1}
  568. <th class="form-title">评审机构</th>
  569. <th>{$detail.review_unit_name}</th>
  570. {/if}
  571. {if $field.review_head == 1}
  572. <th class="form-title">项目负责人</th>
  573. <th>{$detail.review_head_name}</th>
  574. {/if}
  575. {if $field.operate_name == 1}
  576. <th class="form-title">作业负责人</th>
  577. <th>{$detail.operate_head_name}</th>
  578. {/if}
  579. {if $field.operate_team_names == 1}
  580. <th class="form-title">作业成员</th>
  581. <th colspan="2">{$detail.operate_team_names}</th>
  582. {/if}
  583. </tr>
  584. <tr>
  585. {if $field.construction_unit == 1}
  586. <th class="form-title" colspan="1">施工单位</th>
  587. <th colspan="1">{$detail.construction_unit}</th>
  588. {/if}
  589. {if $field.construction_head == 1}
  590. <th class="form-title" colspan="1">负责人</th>
  591. <th colspan="6">{$detail.construction_head}</th>
  592. {/if}
  593. </tr>
  594. {/if}
  595. {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 || $field.sent_review_approver_amount == 1 || $field.construction_approver_amount == 1 || $field.report_time == 1}
  596. <tr>
  597. <th colspan="9" class="forleft">金额详情</th>
  598. </tr>
  599. <tr>
  600. {if $field.sent_review_amount == 1}
  601. <th class="form-title" colspan="1">送审金额(元)</th>
  602. <th colspan="2">{$detail.sent_review_amount}</th>
  603. {/if}
  604. {if $field.authorize_amount == 1}
  605. <th class="form-title" colspan="1">审定金额(元)</th>
  606. <th colspan="2">{$detail.authorize_amount}</th>
  607. {/if}
  608. {if $field.review_add_reduce_amount == 1}
  609. <th class="form-title" colspan="1">审增金额(元)</th>
  610. <th colspan="2">{$detail.review_add_amount}</th>
  611. {/if}
  612. </tr>
  613. <tr>
  614. {if $field.review_add_reduce_amount == 1}
  615. <th class="form-title" colspan="1">审减金额(元)</th>
  616. <th colspan="2">{$detail.review_reduce_amount}</th>
  617. {/if}
  618. {if $field.review_add_reduce_rate == 1}
  619. <th class="form-title" colspan="1">审增减率(%)</th>
  620. <th colspan="2">{$detail.review_add_reduce_rate}</th>
  621. {/if}
  622. {if $field.sent_review_cost == 1}
  623. <th class="form-title" colspan="1">送审服务费 (元)</th>
  624. <th colspan="2">{$detail.sent_review_cost}</th>
  625. {/if}
  626. </tr>
  627. <tr>
  628. {if $field.sent_review_approver_amount == 1}
  629. <th class="form-title forright" colspan="1">
  630. 送审单位承担<br>审核费(元)
  631. </th>
  632. <th colspan="2">{$detail.sent_review_approver_amount}</th>
  633. {/if}
  634. {if $field.construction_approver_amount == 1}
  635. <th class="form-title forright" colspan="2">
  636. 施工单位负责<br>核减超5%评审费部分(元)
  637. </th>
  638. <th colspan="2">{$detail.construction_approver_amount}</th>
  639. {/if}
  640. {if $field.report_time == 1}
  641. <th class="form-title" colspan="1">报告时间</th>
  642. <th colspan="1" style="text-align: left; padding-left: 3.5vw;">{if
  643. $detail.report_time!=0}{$detail.report_time|date="Y-m-d"}{/if}
  644. </th>
  645. {/if}
  646. </tr>
  647. {/if}
  648. <tr>
  649. <th colspan="9" class="forleft">相关附件
  650. <!--<button class="layui-btn layui-btn-xs layui-btn-danger" style="float: right;" type="button"-->
  651. <!-- id="uploadBtn">上传附件-->
  652. <!--</button>-->
  653. <!--<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" lay-on="page" style="float: right;">上传附件</button>-->
  654. <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" lay-on="test-iframe-handle" style="float: right;">
  655. 上传附件
  656. <span id="ID-test-iframe-mark"></span>
  657. </button>
  658. </th>
  659. </tr>
  660. <tr>
  661. <th colspan="9" class="fujianimg" style="padding: 0px 0px;">
  662. <div id="filesBox2">
  663. <table class="layui-hide" id="get_file" lay-filter="get_file"></table>
  664. </div>
  665. </th>
  666. </tr>
  667. </table>
  668. <div class="py-3">
  669. <input type="hidden" name="id" value="{$detail.id}"/>
  670. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="savetime">保存</button>
  671. </div>
  672. </form>
  673. {/if}
  674. <script>
  675. function first(){
  676. var form = layui.form, tool = layui.tool, oaTool = layui.oaTool;
  677. let table = layui.table;
  678. //附件表格
  679. var allcount;
  680. parent.layui.get_fileTable = table.render({
  681. elem: '#get_file',
  682. title: '文档列表',
  683. toolbar: '#toolbarget_file',
  684. cellMinWidth: 80,
  685. parseData: function (res) { // 数据解析回调函数
  686. // 在这里可以获取数据总数
  687. allcount = res.data.length;
  688. return {
  689. code: res.code, // 数据状态码
  690. msg: res.msg, // 状态信息
  691. count: res.count, // 数据总数
  692. data: res.data // 当前页数据
  693. };
  694. },
  695. url: "/admin/project.api/get_file",
  696. where: {'id': project_id},
  697. page: true, //开启分页
  698. limit: 20,
  699. cols: [[
  700. {field: 'id', title: '序号', width: 80, align: 'center',
  701. templet: function (d) {
  702. //console.log(allcount,d.LAY_NUM)
  703. return allcount - (d.LAY_NUM - 1);
  704. }
  705. },
  706. {field: 'name', title: '附件名称', align: 'left',
  707. },
  708. {field: 'remark', title: '附件说明', align: 'left',
  709. },
  710. {field: 'admin_name', title: '上传人', align: 'center', width: 150},
  711. {field: 'create_time', title: '上传时间', align: 'center', width: 150,
  712. // templet:"<div>{{d.create_time}}</div>"
  713. templet:"<div>{{layui.util.toDateString(d.create_time*1000, 'yyyy-MM-dd HH:mm:ss')}}</div>"
  714. },
  715. {field: 'right', fixed: 'right', title: '操作', width: 150, align: 'center',
  716. templet: function (d) {
  717. var html = '<div class="layui-btn-group">';
  718. var btn1 = `<a href="https://view.officeapps.live.com/op/view.aspx?src=${d.filepath}" target="_blank" class="layui-btn layui-btn-xs">预览</a>`;
  719. var btn2 = `<a class="layui-btn layui-btn-xs layui-bg-blue" href="${d.filepath}" download="${d.name}" lay-event="">下载</a>`;
  720. var btn3 = `<span data-id="${d.id}" class="layui-btn layui-btn-xs layui-btn-danger file-del " >删除</span>`;
  721. return html + btn1 + btn2 + btn3 +'</div>';
  722. }
  723. }
  724. ]]
  725. });
  726. function res(){
  727. table.reload('get_file');
  728. }
  729. $('#filesBox2').on('click', '.file-del', function (e) {
  730. // console.log( $(this).attr('data-id'))
  731. let id = $(this).attr('data-id');
  732. layer.confirm('确定要删除该文件吗?请慎重', {icon: 3, title: '提示'}, function (index) {
  733. let callback = function (e) {
  734. layer.msg(e.msg);
  735. if (e.code == 0) {
  736. res()
  737. }
  738. }
  739. tool.delete("/admin/project.api/delete_file", {id: id}, callback);// 删除附件
  740. layer.close(index);
  741. });
  742. })
  743. //上传附件弹出窗
  744. layui.use(function(){
  745. var $ = layui.$;
  746. var layer = layui.layer;
  747. var upload = layui.upload;
  748. var util = layui.util;
  749. // 事件
  750. util.on('lay-on', {
  751. 'test-iframe-handle': function(){
  752. layer.open({
  753. type: 2,
  754. area: ['680px', '520px'],
  755. content: 'ceshi?id={$detail.id}',
  756. fixed: false, // 不固定
  757. maxmin: true,
  758. shadeClose: true,
  759. title: '上传附件',
  760. btnAlign: 'c',
  761. yes: function(index, layero){
  762. // 获取 iframe 的窗口对象
  763. var iframeWin = window[layero.find('iframe')[0]['name']];
  764. var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素
  765. var value = elemMark.val();
  766. if($.trim(value) === '') return elemMark.focus();
  767. // 显示获得的值
  768. layer.msg('获得 iframe 中的输入框标记值:'+ value);
  769. }
  770. });
  771. },
  772. })
  773. });
  774. oaTool.addFile({
  775. type: 1,
  776. isSave: true,
  777. ajaxSave: function (res) {
  778. let callback = function (e) {
  779. if("msg" in e){
  780. layer.msg(e.msg);
  781. }else{
  782. layer.msg('上传成功!')
  783. }
  784. setTimeout(function () {
  785. $("#filesBox2").load(location.href+" #filesBox>*","type=2")
  786. }, 500)
  787. }
  788. // console.log(1);
  789. // console.log(res,"{$detail.id}")
  790. tool.post("/admin/project.api/add_file", { // 上传附件
  791. 'topic_id': "{$detail.id}",
  792. 'file_id': res.data.id,
  793. 'file_name': res.data.name,
  794. 'module': 'project'
  795. }, callback);
  796. }
  797. });
  798. // var form = layui.form, tool = layui.tool, oaTool = layui.oaTool;
  799. //日期选择
  800. layui.laydate.render({
  801. elem: '#date',
  802. range: ['#start_time', '#end_time'],
  803. rangeLinked: true
  804. });
  805. // var selectedNature = $('input[name="fiscal_nature"]:checked').val();
  806. // if (selectedNature == "财政资金") {
  807. // $(".entrust_unit").show();
  808. // $(".review_unit").hide();
  809. // } else {
  810. // $(".review_unit").show();
  811. // $(".entrust_unit").hide();
  812. // }
  813. //radio选择
  814. form.on('radio(tax)', function (data) {
  815. if (data.value == "财政资金") {
  816. console.log(1)
  817. $(".entrust_unit").show();
  818. $(".review_unit").hide();
  819. } else {
  820. $(".review_unit").show();
  821. $(".entrust_unit").hide();
  822. }
  823. });
  824. $('.customer-picker').on('click', function () {
  825. let that = $(this);
  826. let callback = function(data){
  827. console.log(data);
  828. $('[name="review_unit"]').val(data.id);
  829. $('[name="review_unit_name"]').val(data.title);
  830. }
  831. oaTool.customerPicker(callback);
  832. });
  833. form.on('submit(add)', function (data) {
  834. if(data.field.fiscal_nature=="财政资金"){
  835. delete data.field.review_unit;
  836. delete data.field.review_unit_name;
  837. if(data.field.entrust_unit==""&&data.field.entrust_unit_name==""){
  838. layer.msg("请选择委托单位")
  839. return false;
  840. }
  841. }else {
  842. delete data.field.entrust_unit;
  843. delete data.field.entrust_unit_name;
  844. if(data.field.review_unit==""&&data.field.review_unit_name==""){
  845. layer.msg("请选择评审单位")
  846. return false;
  847. }
  848. }
  849. let c = 1;
  850. if (c) {
  851. let callback = function (e) {
  852. c = 1
  853. layer.msg(e.msg);
  854. if (e.code == 0) {
  855. tool.sideClose(1000);
  856. }
  857. }
  858. var engineering_type1 = '';
  859. if (data.field.engineering_type1 == 1) {
  860. engineering_type1 = '预算';
  861. } else if (data.field.engineering_type1 == 2) {
  862. engineering_type1 = '结算';
  863. }else if(data.field.engineering_type1==3){
  864. engineering_type1 ='概算';
  865. }else if(data.field.engineering_type1==4){
  866. engineering_type1 ='决算';
  867. }else if(data.field.engineering_type1==5){
  868. engineering_type1 ='工程总承包(EPC)';
  869. }
  870. var engineering_type2 = '';
  871. if (data.field.engineering_type2 == 1) {
  872. engineering_type2 = '审核';
  873. } else if (data.field.engineering_type2 == 2) {
  874. engineering_type2 = '编制';
  875. }
  876. if(engineering_type1!==""&&engineering_type2!==""){
  877. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  878. }
  879. tool.post("/admin/project.cost_proprietor/edit_main", data.field, callback);
  880. }
  881. c = 0
  882. return false;
  883. });
  884. let a = 1;
  885. //监听提交
  886. form.on('submit(webform)', function (data) {
  887. if(a){
  888. let callback = function (e) {
  889. a = 1
  890. layer.msg(e.msg);
  891. if (e.code == 0) {
  892. tool.sideClose(1000);
  893. }
  894. }
  895. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  896. var engineering_type1 ='';
  897. if(data.field.engineering_type1==1){
  898. engineering_type1 ='预算';
  899. }else if(data.field.engineering_type1==2){
  900. engineering_type1 ='结算';
  901. }else if(data.field.engineering_type1==3){
  902. engineering_type1 ='概算';
  903. }else if(data.field.engineering_type1==4){
  904. engineering_type1 ='决算';
  905. }else if(data.field.engineering_type1==5){
  906. engineering_type1 ='工程总承包(EPC)';
  907. }
  908. var engineering_type2 = '';
  909. if(data.field.engineering_type2==1){
  910. engineering_type2 ='审核';
  911. }else if(data.field.engineering_type2==2) {
  912. engineering_type2 = '编制';
  913. }
  914. if(engineering_type1!==""&&engineering_type2!==""){
  915. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  916. }
  917. }
  918. tool.post("/admin/project.cost_proprietor/edit_main", data.field, callback);
  919. }
  920. a = 0
  921. return false;
  922. });
  923. let a1 = 1;
  924. form.on('submit(save)', function (data) {
  925. if(a1){
  926. let callback = function (e) {
  927. a1 = 1
  928. layer.msg(e.msg);
  929. if (e.code == 0) {
  930. tool.sideClose(1000);
  931. }
  932. }
  933. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  934. var engineering_type1 ='';
  935. if(data.field.engineering_type1==1){
  936. engineering_type1 ='预算';
  937. }else if(data.field.engineering_type1==2){
  938. engineering_type1 ='结算';
  939. }else if(data.field.engineering_type1==3){
  940. engineering_type1 ='概算';
  941. }else if(data.field.engineering_type1==4){
  942. engineering_type1 ='决算';
  943. }else if(data.field.engineering_type1==5){
  944. engineering_type1 ='工程总承包(EPC)';
  945. }
  946. var engineering_type2 = '';
  947. if(data.field.engineering_type2==1){
  948. engineering_type2 ='审核';
  949. }else if(data.field.engineering_type2==2) {
  950. engineering_type2 = '编制';
  951. }
  952. if(engineering_type1!==""&&engineering_type2!==""){
  953. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  954. }
  955. }
  956. tool.post("/admin/project.cost_proprietor/save", data.field, callback);
  957. }
  958. a1 = 0
  959. return false;
  960. });
  961. let a2 = 1;
  962. form.on('submit(withdraw)', function (data) {
  963. if(a2){
  964. let callback = function (e) {
  965. a2 = 1
  966. layer.msg(e.msg);
  967. if (e.code == 0) {
  968. tool.sideClose(1000);
  969. }
  970. }
  971. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  972. var engineering_type1 ='';
  973. if(data.field.engineering_type1==1){
  974. engineering_type1 ='预算';
  975. }else if(data.field.engineering_type1==2){
  976. engineering_type1 ='结算';
  977. }else if(data.field.engineering_type1==3){
  978. engineering_type1 ='概算';
  979. }else if(data.field.engineering_type1==4){
  980. engineering_type1 ='决算';
  981. }else if(data.field.engineering_type1==5){
  982. engineering_type1 ='工程总承包(EPC)';
  983. }
  984. var engineering_type2 = '';
  985. if(data.field.engineering_type2==1){
  986. engineering_type2 ='审核';
  987. }else if(data.field.engineering_type2==2) {
  988. engineering_type2 = '编制';
  989. }
  990. if(engineering_type1!==""&&engineering_type2!==""){
  991. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  992. }
  993. }
  994. tool.post("/admin/project.cost_proprietor/withdraw", data.field, callback);
  995. }
  996. a2 = 0
  997. return false;
  998. });
  999. let a3 = 1;
  1000. form.on('submit(savetime)', function (data) {
  1001. if(a3){
  1002. let callback = function (e) {
  1003. a3 = 1
  1004. layer.msg(e.msg);
  1005. if (e.code == 0) {
  1006. tool.sideClose(1000);
  1007. }
  1008. }
  1009. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  1010. var engineering_type1 ='';
  1011. if(data.field.engineering_type1==1){
  1012. engineering_type1 ='预算';
  1013. }else if(data.field.engineering_type1==2){
  1014. engineering_type1 ='结算';
  1015. }else if(data.field.engineering_type1==3){
  1016. engineering_type1 ='概算';
  1017. }else if(data.field.engineering_type1==4){
  1018. engineering_type1 ='决算';
  1019. }else if(data.field.engineering_type1==5){
  1020. engineering_type1 ='工程总承包(EPC)';
  1021. }
  1022. var engineering_type2 = '';
  1023. if(data.field.engineering_type2==1){
  1024. engineering_type2 ='审核';
  1025. }else if(data.field.engineering_type2==2) {
  1026. engineering_type2 = '编制';
  1027. }
  1028. if(engineering_type1!==""&&engineering_type2!==""){
  1029. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  1030. }
  1031. }
  1032. tool.post("/admin/project.cost_proprietor/edit_main", data.field, callback);
  1033. }
  1034. a3 = 0
  1035. return false;
  1036. });
  1037. //项目区域
  1038. layui.use(['form', 'jquery'], function () {
  1039. var form = layui.form;
  1040. const $ = layui.jquery;
  1041. let adress;
  1042. $.ajax({
  1043. type: "get", //使用get方式
  1044. url: "/static/assets/layui/adress.json", //json文件相对于这个HTML的路径
  1045. dataType: "json",
  1046. async: false,
  1047. success: function (data) {
  1048. //这个data就是json数据
  1049. adress = data
  1050. var province = Object.keys(adress)
  1051. var proStrs = '<option value="">省</option>';
  1052. for (var i = 0; i < province.length; i++) {
  1053. proStrs += '<option value="' + province[i] + '">' + province[i] + '</option>';
  1054. }
  1055. $("#province").html(proStrs);
  1056. layui.form.render("select")
  1057. },
  1058. error: function () {
  1059. layer.alert("地址请求失败!! ");
  1060. }
  1061. });
  1062. function getFirstAttr(obj) {
  1063. for (var k in obj) return k;
  1064. }
  1065. function selectOption(selectedProvince, selectedCity = '', selectedArea = '') {
  1066. var proStr = '<option value="">省</option>', cityStr = '<option value="">市</option>',
  1067. areaStr = '<option value="">县</option>';
  1068. var pro = adress[selectedProvince], ci = adress[selectedProvince][selectedCity];
  1069. for (var province in adress) {
  1070. if (province == selectedProvince) proStr += '<option value="' + province + '" selected>' + province + '</option>';
  1071. else proStr += '<option value="' + province + '">' + province + '</option>';
  1072. }
  1073. $("#province").html(proStr);
  1074. for (var city in pro) {
  1075. if (city == selectedCity) cityStr += '<option value="' + city + '" selected>' + city + '</option>';
  1076. else cityStr += '<option value="' + city + '">' + city + '</option>';
  1077. }
  1078. $("#city").html(cityStr);
  1079. for (var area in ci) {
  1080. if (area == "remove") {
  1081. continue;
  1082. }
  1083. if (ci[area] == selectedArea) areaStr += '<option value="' + ci[area] + '" selected>' + ci[area] + '</option>';
  1084. else areaStr += '<option value="' + ci[area] + '">' + ci[area] + '</option>';
  1085. }
  1086. $("#area").html(areaStr);
  1087. form.render();
  1088. }
  1089. /*selectOption(1,2, 3);*/
  1090. form.on('select(province)', function (data) {
  1091. let thisProvince = data.value;
  1092. let thisCity = getFirstAttr(adress[thisProvince]);
  1093. selectOption(data.value);
  1094. });
  1095. form.on('select(city)', function (data) {
  1096. selectOption($("#province").val(), data.value, getFirstAttr(data.value));
  1097. });
  1098. selectOption("{$detail.province}","{$detail.city}","{$detail.area}")
  1099. })
  1100. }
  1101. </script>
  1102. <script>
  1103. // 获取具有指定 ID 的 <ul> 元素
  1104. var ulElement = document.getElementById("filesBox");
  1105. // 检查 <ul> 元素的子元素数量
  1106. if (ulElement.children.length === 0) {
  1107. // 如果子元素数量为 0,隐藏 <ul> 元素
  1108. ulElement.style.display = "none";
  1109. }
  1110. </script>