edit_first.html 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245
  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.project_status<3}
  329. <form class="layui-form p-4">
  330. <h3 class="pb-3">编辑造价项目</h3>
  331. <table id="tabniubi" cellpadding="1" cellspacing="1">
  332. <tr>
  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. <th style="width: 10%;height: 0;"></th>
  342. </tr>
  343. <tr border="1">
  344. {if $field.project_name == 1}
  345. <th class="form-title">项目名称 <font style="color: red !important;">*</font></th>
  346. <th colspan="2">
  347. <input type="text" name="project_name" lay-verify="required" lay-reqText="请完善项目名称" value="{$detail.project_name}" autocomplete="off" placeholder="请输入项目名称" {if $detail.project_status != 1} readonly {elseif $field_edit.project_name_edit != 1 /} readonly {/if} class="layui-input">
  348. </th>
  349. {/if}
  350. {if $field.project_num == 1}
  351. <th class="form-title">项目编号 <font style="color: red !important;">*</font></th>
  352. <th colspan="2">
  353. <input type="text" name="project_num" lay-verify="required" lay-reqText="请完善项目编号" value="{$detail.project_num}" autocomplete="off" placeholder="请输入项目编号" {if $detail.project_status != 1} readonly {elseif $field_edit.project_num_edit != 1/} readonly {/if} class="layui-input">
  354. </th>
  355. {/if}
  356. {if $field.project_time == 1 }
  357. <th class="form-title">项目周期 <font style="color: red !important;">*</font></th>
  358. <th id="date" colspan="2">
  359. <div class="layui-input-inline" style="width: 47%;">
  360. <input type="text" id="start_time" name="project_start_time" readonly lay-verify="required" lay-reqText="请选择开始时间" placeholder="请选择" {if $field_edit.project_time_edit != 1} disabled {/if} class="layui-input" value="{$detail.project_start_time|date='Y-m-d'}">
  361. </div>
  362. <div class="layui-input-inline" style="width: 47%;">
  363. <input type="text" id="end_time" name="project_end_time" readonly lay-verify="required" lay-reqText="请选择结束时间" placeholder="请选择" {if $field_edit.project_time_edit != 1} disabled {/if} class="layui-input" value="{$detail.project_end_time|date='Y-m-d'}">
  364. </div>
  365. </th>
  366. {/if}
  367. </tr>
  368. <tr>
  369. {if $field.engineering_type == 1}
  370. <th class="form-title ">项目类型 <font style="color: red !important;">*</font></th>
  371. <th colspan="2">
  372. <div>
  373. <select name="engineering_type1" lay-verify="required" lay-filter="aihao"
  374. {if $field_edit.engineering_type_edit != 1}
  375. disabled
  376. {/if}
  377. >
  378. <option value="0"></option>
  379. <option value="1" {eq name="$detail.engineering_type1" value="1"} selected {/eq}>预算</option>
  380. <option value="2"{eq name="$detail.engineering_type1" value="2"} selected {/eq}>结算</option>
  381. <option value="3" {eq name="$detail.engineering_type1" value="3"} selected {/eq}>概算</option>
  382. <option value="4" {eq name="$detail.engineering_type1" value="4"} selected {/eq}>决算</option>
  383. <option value="5" {eq name="$detail.engineering_type1" value="5"} selected {/eq}>工程总承包(EPC)</option>
  384. </select>
  385. </div>
  386. </th>
  387. <th class="form-title " style="text-align: center;">——</th>
  388. <th colspan="2">
  389. <div>
  390. <select name="engineering_type2" lay-verify="required" lay-filter="aihao"
  391. {if $field_edit.engineering_type_edit != 1}
  392. disabled
  393. {/if}
  394. >
  395. <option value=""></option>
  396. <option value="1" {eq name="$detail.engineering_type2" value="1"} selected {/eq}>审核</option>
  397. <option value="2" {eq name="$detail.engineering_type2" value="2"} selected {/eq}>编制</option>
  398. </select>
  399. </div>
  400. </th>
  401. {/if}
  402. {if $field.sent_review_amount}
  403. <th class="form-title ">送审金额 <font style="color: red !important;">*</font></th>
  404. <th colspan="2">
  405. <input type="text" id="sent_review_amount" name="sent_review_amount" autocomplete="off" placeholder="请输入送审金额"
  406. {if $field_edit.sent_review_amount_edit != 1}
  407. readonly
  408. {/if}
  409. class="layui-input" value="{$detail.sent_review_amount}">
  410. </th>
  411. {/if}
  412. <tr>
  413. <!-- 财评自己创建时需添加送审业主-->
  414. {if $detail.project_status == 1 &&$detail.proprietor_status ==0}
  415. <tr>
  416. <th class="form-title">送审业主 <font style="color: red !important;">*</font></th>
  417. <th colspan="2">
  418. <select name="sent_review_head" lay-reqText="请选择送审业主">
  419. {volist name="proprietor" id="v"}
  420. <option value="{$v.id}" {eq name="$detail.sent_review_head" value="$v.id" } selected="" {/eq}>{$v.nickname}</option>
  421. {/volist}
  422. </select>
  423. </th>
  424. </tr>
  425. {/if}
  426. {if $detail.project_status == 1}
  427. <tr>
  428. {if $field.review_unit == 1}
  429. <th class="form-title">评审单位 <font style="color: red !important;">*</font></th>
  430. <th colspan="2">
  431. <input type="text" name="review_unit_name" autocomplete="off" readonly value="{$detail.review_unit_name}"
  432. lay-verify="required" lay-reqText="请输入评审单位" placeholder="请输入评审单位"
  433. {if $field_edit.review_unit_edit != 1}
  434. readonly
  435. {/if}
  436. class="layui-input customer-picker">
  437. <input type="hidden" name="review_unit" value="{$detail.review_unit}">
  438. </th>
  439. {/if}
  440. {if $detail.project_status==1}
  441. <th class="form-title">审批人 <font style="color: red !important;">*</font></th>
  442. <th colspan="2">
  443. <select name="entrust_approver" lay-verify="required" lay-reqText="请选择审批人">
  444. <option value="">请选择审批人</option>
  445. {dump($person)}
  446. {volist name="person" id="v"}
  447. <option value="{$v.id}" {eq name="$detail.entrust_approver" value="$v.id" } selected="" {/eq}>{$v.nickname}</option>
  448. {/volist}
  449. </select>
  450. </th>
  451. <th colspan="2">
  452. <select name="entrust_second_approver" lay-reqText="请选择审批人">
  453. <option value="">请选择第二审批人(可选)</option>
  454. {dump($person)}
  455. {volist name="person" id="v"}
  456. <option value="{$v.id}" {eq name="$detail.entrust_second_approver" value="$v.id"} selected="" {/eq} {if!isset($detail.entrust_second_approver)}name=""{/if}>{$v.nickname}</option>
  457. {/volist}
  458. </select>
  459. </th>
  460. {/if}
  461. </tr>
  462. {/if}
  463. <tr>
  464. {if $detail.project_status>2}
  465. {if $field.sent_review_approver_amount == 1}
  466. <th class="form-title" colspan="2">送审单位承担审核费 <font style="color: red !important;">*</font></th>
  467. <th colspan="2">
  468. <input type="text" lay-verify="required" lay-reqText="请完善送审单位承担审核费" name="sent_review_approver_amount" value="{$detail.sent_review_approver_amount}" autocomplete="off" placeholder="请输入送审单位承担审核费"
  469. {if $field_edit.sent_review_amount_edit != 1}
  470. readonly
  471. {/if}
  472. class="layui-input">
  473. </th>
  474. {/if}
  475. {if $field.construction_approver_amount == 1}
  476. <th class="form-title" colspan="2">施工单位负责核减超5%评审费部分 <font style="color: red !important;">*</font></th>
  477. <th colspan="3">
  478. <input type="text" lay-verify="required" lay-reqText="请完善施工单位负责核减超5%评审费部分" name="construction_approver_amount" value="{$detail.construction_approver_amount}" autocomplete="off" placeholder="请输入施工单位负责核减超5%评审费部分"
  479. {if $field_edit.construction_approver_amount_edit != 1}
  480. readonly
  481. {/if}
  482. class="layui-input">
  483. </th>
  484. {/if}
  485. {/if}
  486. </tr>
  487. <tr>
  488. <th colspan="9" class="forleft">相关附件
  489. <button class="layui-btn layui-btn-xs layui-btn-danger" style="float: right;" type="button"
  490. id="uploadBtn">上传附件
  491. </button>
  492. </th>
  493. </tr>
  494. <tr>
  495. <th colspan="9" class="fujianimg" style="padding: 0 !important;">
  496. <div id="filesBox2" >
  497. <table class="layui-hide" id="get_file" lay-filter="get_file"></table>
  498. </div>
  499. </th>
  500. </tr>
  501. </table>
  502. <div class="py-3">
  503. <input type="hidden" name="id" value="{$detail.id}"/>
  504. {if $detail.project_status == 1}
  505. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">保存</button>
  506. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">提交</button>
  507. {/if}
  508. {if $detail.project_status == 2}
  509. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="withdraw">撤回</button>
  510. {/if}
  511. {if $detail.project_status != 1 && $detail.project_status != 2}
  512. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="savetime">保存</button>
  513. {/if}
  514. </div>
  515. </form>
  516. {else/}
  517. <form class="layui-form p-4">
  518. <table id="tabniubi" cellpadding="1" cellspacing="1">
  519. <tr>
  520. <th style="width: 10%;height: 0;"></th>
  521. <th style="width: 10%;height: 0;"></th>
  522. <th style="width: 10%;height: 0;"></th>
  523. <th style="width: 10%;height: 0;"></th>
  524. <th style="width: 10%;height: 0;"></th>
  525. <th style="width: 10%;height: 0;"></th>
  526. <th style="width: 10%;height: 0;"></th>
  527. <th style="width: 10%;height: 0;"></th>
  528. <th style="width: 10%;height: 0;"></th>
  529. </tr>
  530. <tr border="1">
  531. {if $field.project_status == 1}
  532. <th class="form-title">项目状态</th>
  533. <th>
  534. {switch $detail.project_status}
  535. {case 1}立项中{/case}
  536. {case 2}审批中{/case}
  537. {case 3}待接收{/case}
  538. {case 4}待分配{/case}
  539. {case 5}作业中{/case}
  540. {case 6}归档中{/case}
  541. {case 7}退审中{/case}
  542. {case 8}已归档{/case}
  543. {case 9}已退审{/case}
  544. {default /}未知
  545. {/switch}
  546. </th>
  547. {/if}
  548. {if $field.project_name == 1}
  549. <th class="form-title">项目名称</th>
  550. <th colspan="3">{$detail.project_name}</th>
  551. {/if}
  552. {if $field.project_num == 1}
  553. <th class="form-title">项目编号</th>
  554. <th colspan="2">{$detail.project_num}</th>
  555. {/if}
  556. </tr>
  557. <tr>
  558. {if $field.project_time == 1}
  559. <th class="form-title">项目周期</th>
  560. <th id="date" colspan="8">
  561. <div class="layui-input-inline" style="width: 47%;">
  562. <input type="text" id="start_time" name="project_start_time" readonly lay-verify="required" lay-reqText="请选择开始时间" placeholder="请选择" {if $field_edit.project_time_edit != 1} disabled {/if} class="layui-input" value="{$detail.project_start_time|date='Y-m-d'}">
  563. </div>
  564. -
  565. <div class="layui-input-inline" style="width: 47%;">
  566. <input type="text" id="end_time" name="project_end_time" readonly lay-verify="required" lay-reqText="请选择结束时间" placeholder="请选择" {if $field_edit.project_time_edit != 1} disabled {/if} class="layui-input" value="{$detail.project_end_time|date='Y-m-d'}">
  567. </div>
  568. </th>
  569. {/if}
  570. </tr>
  571. <tr>
  572. {if $field.engineering_type == 1}
  573. <th class="form-title">工程类型</th>
  574. <th>
  575. {if $detail.engineering_type1==1}
  576. 预算
  577. {elseif $detail.engineering_type1==2}
  578. 结算
  579. {elseif $detail.engineering_type1==3}
  580. 概算
  581. {elseif $detail.engineering_type1==4}
  582. 决算
  583. {elseif $detail.engineering_type1==5}
  584. 工程总承包(EPC)
  585. {/if}
  586. </th>
  587. <th class="form-title">——</th>
  588. <th>
  589. {if $detail.engineering_type2==1}审核{else}编制{/if}
  590. </th>
  591. {/if}
  592. {if $field.engineering_category == 1}
  593. <th class="form-title">工程类别</th>
  594. <th>{$detail.engineering_category}</th>
  595. {/if}
  596. {if $field.project_region == 1}
  597. <th class="form-title">项目区域</th>
  598. <th colspan="2">
  599. {$detail.province}-{$detail.city}-{$detail.area}
  600. </th>
  601. {/if}
  602. </tr>
  603. <tr>
  604. {if $field.fiscal_nature == 1}
  605. <th class="form-title">资金性质</th>
  606. <th>{$detail.fiscal_nature}</th>
  607. {/if}
  608. {if $field.project_scale == 1}
  609. <th class="form-title">项目规模</th>
  610. <th colspan="3">{$detail.project_scale}</th>
  611. {/if}
  612. {if $field.charge_standard == 1}
  613. <th class="form-title">收费标准</th>
  614. <th colspan="2">{$detail.charge_standard}</th>
  615. {/if}
  616. </tr>
  617. {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}
  618. <tr>
  619. <th colspan="9" class="forleft">相关单位</th>
  620. </tr>
  621. <tr>
  622. {if $field.entrust_unit == 1}
  623. <th class="form-title">委托单位</th>
  624. <th>{$detail.entrust_unit_name}</th>
  625. {/if}
  626. {if $field.entrust_head == 1}
  627. <th class="form-title">负责人</th>
  628. <th>{$detail.entrust_maker_name}</th>
  629. {/if}
  630. {if $field.sent_review_unit == 1}
  631. <th class="form-title">送审单位</th>
  632. <th>{$detail.sent_review_unit_name}</th>
  633. {/if}
  634. {if $field.sent_review_head == 1}
  635. <th class="form-title">负责人</th>
  636. <th colspan="2">{$detail.sent_review_head_name}</th>
  637. {/if}
  638. </tr>
  639. <tr>
  640. {if $field.review_unit == 1}
  641. <th class="form-title">评审机构</th>
  642. <th>{$detail.review_unit_name}</th>
  643. {/if}
  644. {if $field.review_head == 1}
  645. <th class="form-title">项目负责人</th>
  646. <th>{$detail.review_head_name}</th>
  647. {/if}
  648. {if $field.operate_name == 1}
  649. <th class="form-title">作业负责人</th>
  650. <th>{$detail.operate_head_name}</th>
  651. {/if}
  652. {if $field.operate_team_names == 1}
  653. <th class="form-title">作业成员</th>
  654. <th colspan="2">{$detail.operate_team_names}</th>
  655. {/if}
  656. </tr>
  657. <tr>
  658. {if $field.construction_unit == 1}
  659. <th class="form-title" colspan="1">施工单位</th>
  660. <th colspan="1">{$detail.construction_unit}</th>
  661. {/if}
  662. {if $field.construction_head == 1}
  663. <th class="form-title" colspan="1">负责人</th>
  664. <th colspan="6">{$detail.construction_head}</th>
  665. {/if}
  666. </tr>
  667. {/if}
  668. {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}
  669. <tr>
  670. <th colspan="9" class="forleft">金额详情</th>
  671. </tr>
  672. <tr>
  673. {if $field.sent_review_amount == 1}
  674. <th class="form-title" colspan="1">送审金额(元)</th>
  675. <th colspan="2">{$detail.sent_review_amount}</th>
  676. {/if}
  677. {if $field.authorize_amount == 1}
  678. <th class="form-title" colspan="1">审定金额(元)</th>
  679. <th colspan="2">{$detail.authorize_amount}</th>
  680. {/if}
  681. {if $field.review_add_reduce_amount == 1}
  682. <th class="form-title" colspan="1">审增金额(元)</th>
  683. <th colspan="2">{$detail.review_add_amount}</th>
  684. {/if}
  685. </tr>
  686. <tr>
  687. {if $field.review_add_reduce_amount == 1}
  688. <th class="form-title" colspan="1">审减金额(元)</th>
  689. <th colspan="2">{$detail.review_reduce_amount}</th>
  690. {/if}
  691. {if $field.review_add_reduce_rate == 1}
  692. <th class="form-title" colspan="1">审增减率(%)</th>
  693. <th colspan="2">{$detail.review_add_reduce_rate}</th>
  694. {/if}
  695. {if $field.sent_review_cost == 1}
  696. <th class="form-title" colspan="1">送审服务费 (元)</th>
  697. <th colspan="2">{$detail.sent_review_cost}</th>
  698. {/if}
  699. </tr>
  700. <tr>
  701. {if $field.sent_review_approver_amount == 1}
  702. <th class="form-title forright" colspan="1">
  703. 送审单位承担审核费(元)
  704. </th>
  705. <th colspan="2"><input type="text" lay-verify="required" lay-reqText="请完善送审单位承担审核费" name="sent_review_approver_amount" value="{$detail.sent_review_approver_amount}" autocomplete="off" placeholder="请输入送审单位承担审核费" {if $field_edit.sent_review_amount_edit !=1} readonly {/if} class="layui-input">
  706. </th>
  707. {/if}
  708. {if $field.construction_approver_amount == 1}
  709. <th class="form-title forright" colspan="2">
  710. 施工单位负责核减超5%评审费部分(元)
  711. </th>
  712. <th colspan="2"><input type="text" lay-verify="required" lay-reqText="请完善施工单位负责核减超5%评审费部分" name="construction_approver_amount" value="{$detail.construction_approver_amount}" autocomplete="off" placeholder="请输入施工单位负责核减超5%评审费部分" {if $field_edit.construction_approver_amount_edit != 1} readonly {/if} class="layui-input">
  713. </th>
  714. {/if}
  715. {if $field.report_time == 1}
  716. <th class="form-title" colspan="1">报告时间</th>
  717. <th colspan="1" style="text-align: left; padding-left: 3.5vw;">{if
  718. $detail.report_time!=0}{$detail.report_time|date="Y-m-d"}{/if}
  719. </th>
  720. {/if}
  721. </tr>
  722. {/if}
  723. <tr>
  724. <th colspan="9" class="forleft">相关附件
  725. <!--<button class="layui-btn layui-btn-xs layui-btn-danger" style="float: right;" type="button"-->
  726. <!-- id="uploadBtn">上传附件-->
  727. <!--</button>-->
  728. <!--<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" lay-on="page" style="float: right;">上传附件</button>-->
  729. <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" lay-on="test-iframe-handle" style="float: right;">
  730. 上传附件
  731. <span id="ID-test-iframe-mark"></span>
  732. </button>
  733. </th>
  734. </tr>
  735. <tr>
  736. <th colspan="9" class="fujianimg" style="padding: 0px 0px;">
  737. <div id="filesBox2">
  738. <table class="layui-hide" id="get_file" lay-filter="get_file"></table>
  739. </div>
  740. </th>
  741. </tr>
  742. </table>
  743. <div class="py-3">
  744. <input type="hidden" name="id" value="{$detail.id}"/>
  745. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="savetime">保存</button>
  746. </div>
  747. </form>
  748. {/if}
  749. <script>
  750. function first(){
  751. var form = layui.form, tool = layui.tool, oaTool = layui.oaTool;
  752. let table = layui.table;
  753. //附件表格
  754. var allcount;
  755. parent.layui.get_fileTable = table.render({
  756. elem: '#get_file',
  757. title: '文档列表',
  758. toolbar: '#toolbarget_file',
  759. cellMinWidth: 80,
  760. parseData: function (res) { // 数据解析回调函数
  761. // 在这里可以获取数据总数
  762. allcount = res.data.length;
  763. return {
  764. code: res.code, // 数据状态码
  765. msg: res.msg, // 状态信息
  766. count: res.count, // 数据总数
  767. data: res.data // 当前页数据
  768. };
  769. },
  770. // className: 'layui-table-testcss', // 用于给表格主容器追加 css 类名
  771. // lineStyle: 'height: 151px;', // 定义表格的多行样式
  772. url: "/admin/project.api/get_file",
  773. where: {'id': project_id},
  774. page: true, //开启分页
  775. limit: 20,
  776. cols: [[
  777. {field: 'id', title: '序号', width: 80, align: 'center',
  778. templet: function (d) {
  779. //console.log(allcount,d.LAY_NUM)
  780. return allcount - (d.LAY_NUM - 1);
  781. }
  782. },
  783. {field: 'name', title: '附件名称', align: 'left',
  784. },
  785. {field: 'remark', title: '附件说明', align: 'left',
  786. },
  787. {field: 'admin_name', title: '上传人', align: 'center', width: 150},
  788. {field: 'create_time', title: '上传时间', align: 'center', width: 150,
  789. // templet:"<div>{{d.create_time}}</div>"
  790. templet:"<div>{{layui.util.toDateString(d.create_time*1000, 'yyyy-MM-dd HH:mm:ss')}}</div>"
  791. },
  792. {field: 'right', fixed: 'right', title: '操作', width: 150, align: 'center',
  793. templet: function (d) {
  794. var html = '<div class="layui-btn-group">';
  795. var btn1 = `<a href="https://view.officeapps.live.com/op/view.aspx?src=${d.filepath}" target="_blank" class="layui-btn layui-btn-xs">预览</a>`;
  796. var btn2 = `<a class="layui-btn layui-btn-xs layui-bg-blue" href="${d.filepath}" download="${d.name}" lay-event="">下载</a>`;
  797. var btn3 = `<span data-id="${d.id}" class="layui-btn layui-btn-xs layui-btn-danger file-del " >删除</span>`;
  798. return html + btn1 + btn2 + btn3 +'</div>';
  799. }
  800. }
  801. ]]
  802. });
  803. function res(){
  804. table.reload('get_file');
  805. }
  806. $('#filesBox2').on('click', '.file-del', function (e) {
  807. // console.log( $(this).attr('data-id'))
  808. let id = $(this).attr('data-id');
  809. layer.confirm('确定要删除该文件吗?请慎重', {icon: 3, title: '提示'}, function (index) {
  810. let callback = function (e) {
  811. layer.msg(e.msg);
  812. if (e.code == 0) {
  813. res()
  814. }
  815. }
  816. tool.delete("/admin/project.api/delete_file", {id: id}, callback);// 删除附件
  817. layer.close(index);
  818. // let callback = function (e) {
  819. // if(e.code==0){
  820. // $("#" + id + "").remove();
  821. // }
  822. // layer.closeAll();
  823. // layer.msg(e.msg);
  824. // }
  825. // tool.delete("/admin/project.api/delete_file", {id: id}, callback); // 删除附件
  826. });
  827. })
  828. //上传附件弹出窗
  829. layui.use(function(){
  830. var $ = layui.$;
  831. var layer = layui.layer;
  832. var upload = layui.upload;
  833. var util = layui.util;
  834. // 事件
  835. util.on('lay-on', {
  836. 'test-iframe-handle': function(){
  837. layer.open({
  838. type: 2,
  839. area: ['680px', '520px'],
  840. content: 'ceshi?id={$detail.id}',
  841. fixed: false, // 不固定
  842. maxmin: true,
  843. shadeClose: true,
  844. title: '上传附件',
  845. btnAlign: 'c',
  846. yes: function(index, layero){
  847. // 获取 iframe 的窗口对象
  848. var iframeWin = window[layero.find('iframe')[0]['name']];
  849. var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素
  850. var value = elemMark.val();
  851. if($.trim(value) === '') return elemMark.focus();
  852. // 显示获得的值
  853. layer.msg('获得 iframe 中的输入框标记值:'+ value);
  854. }
  855. });
  856. },
  857. })
  858. });
  859. oaTool.addFile({
  860. type: 1,
  861. isSave: true,
  862. ajaxSave: function (res) {
  863. let callback = function (e) {
  864. if("msg" in e){
  865. layer.msg(e.msg);
  866. }else{
  867. layer.msg('上传成功!')
  868. }
  869. setTimeout(function () {
  870. $("#filesBox2").load(location.href+" #filesBox>*","type=2")
  871. }, 500)
  872. }
  873. // console.log(1);
  874. // console.log(res,"{$detail.id}")
  875. tool.post("/admin/project.api/add_file", { // 上传附件
  876. 'topic_id': "{$detail.id}",
  877. 'file_id': res.data.id,
  878. 'file_name': res.data.name,
  879. 'module': 'project'
  880. }, callback);
  881. }
  882. });
  883. // var form = layui.form, tool = layui.tool, oaTool = layui.oaTool;
  884. //日期选择
  885. layui.laydate.render({
  886. elem: '#date',
  887. range: ['#start_time', '#end_time'],
  888. rangeLinked: true
  889. });
  890. let reviewtest;
  891. $('.customer-picker').on('click', function () {
  892. let that = $(this);
  893. let callback = function (data) {
  894. // $('[name="review_unit"]').val(data.id);
  895. // $('[name="review_head"]').val(data.nickname);
  896. // $('[name="review_unit_name"]').val(data.title);
  897. // $('[name="review_head_phone"]').val(data.mobile);
  898. // getemployeelist(data.id,false)
  899. $('[name="review_unit"]').val(data.id);
  900. $('[name="review_unit_name"]').val(data.title);
  901. $('[name="review_head_phone"]').val(data.mobile);
  902. }
  903. oaTool.customerPicker(callback);
  904. });
  905. let a = 1;
  906. //监听保存
  907. form.on('submit(webform)', function (data) {
  908. if(a){
  909. let callback = function (e) {
  910. a = 1
  911. layer.msg(e.msg);
  912. if (e.code == 0) {
  913. tool.sideClose(1000);
  914. }
  915. }
  916. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  917. var engineering_type1 ='';
  918. if(data.field.engineering_type1==1){
  919. engineering_type1 ='预算';
  920. }else if(data.field.engineering_type1==2){
  921. engineering_type1 ='结算';
  922. }else if(data.field.engineering_type1==3){
  923. engineering_type1 ='概算';
  924. }else if(data.field.engineering_type1==4){
  925. engineering_type1 ='决算';
  926. }else if(data.field.engineering_type1==5){
  927. engineering_type1 ='工程总承包(EPC)';
  928. }
  929. var engineering_type2 = '';
  930. if(data.field.engineering_type2==1){
  931. engineering_type2 ='审核';
  932. }else if(data.field.engineering_type2==2) {
  933. engineering_type2 = '编制';
  934. }
  935. if(engineering_type1!==""&&engineering_type2!==""){
  936. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  937. }
  938. }
  939. tool.post("/admin/project.cost/edit", data.field, callback);
  940. }
  941. a = 0
  942. return false;
  943. });
  944. let a1 = 1;
  945. form.on('submit(save)', function (data) {
  946. if(a1){
  947. let callback = function (e) {
  948. a1 = 1
  949. layer.msg(e.msg);
  950. if (e.code == 0) {
  951. tool.sideClose(1000);
  952. }
  953. }
  954. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  955. var engineering_type1 ='';
  956. if(data.field.engineering_type1==1){
  957. engineering_type1 ='预算';
  958. }else if(data.field.engineering_type1==2){
  959. engineering_type1 ='结算';
  960. }else if(data.field.engineering_type1==3){
  961. engineering_type1 ='概算';
  962. }else if(data.field.engineering_type1==4){
  963. engineering_type1 ='决算';
  964. }else if(data.field.engineering_type1==5){
  965. engineering_type1 ='工程总承包(EPC)';
  966. }
  967. var engineering_type2 = '';
  968. if(data.field.engineering_type2==1){
  969. engineering_type2 ='审核';
  970. }else if(data.field.engineering_type2==2) {
  971. engineering_type2 = '编制';
  972. }
  973. if(engineering_type1!==""&&engineering_type2!==""){
  974. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  975. }
  976. }
  977. tool.post("/admin/project.cost/save", data.field, callback);
  978. }
  979. a1 = 0
  980. return false;
  981. });
  982. let a2 = 1;
  983. form.on('submit(withdraw)', function (data) {
  984. if(a2){
  985. let callback = function (e) {
  986. a2 = 1
  987. layer.msg(e.msg);
  988. if (e.code == 0) {
  989. tool.sideClose(1000);
  990. }
  991. }
  992. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  993. var engineering_type1 ='';
  994. if(data.field.engineering_type1==1){
  995. engineering_type1 ='预算';
  996. }else if(data.field.engineering_type1==2){
  997. engineering_type1 ='结算';
  998. }else if(data.field.engineering_type1==3){
  999. engineering_type1 ='概算';
  1000. }else if(data.field.engineering_type1==4){
  1001. engineering_type1 ='决算';
  1002. }else if(data.field.engineering_type1==5){
  1003. engineering_type1 ='工程总承包(EPC)';
  1004. }
  1005. var engineering_type2 = '';
  1006. if(data.field.engineering_type2==1){
  1007. engineering_type2 ='审核';
  1008. }else if(data.field.engineering_type2==2) {
  1009. engineering_type2 = '编制';
  1010. }
  1011. if(engineering_type1!==""&&engineering_type2!==""){
  1012. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  1013. }
  1014. }
  1015. tool.post("/admin/project.cost/withdraw", data.field, callback);
  1016. }
  1017. a2 = 0
  1018. return false;
  1019. });
  1020. let a3 = 1;
  1021. form.on('submit(savetime)', function (data) {
  1022. if(a3){
  1023. let callback = function (e) {
  1024. a3 = 1
  1025. layer.msg(e.msg);
  1026. if (e.code == 0) {
  1027. tool.sideClose(1000);
  1028. }
  1029. }
  1030. if(data.field.engineering_type1!==""&&data.field.engineering_type2!==""){
  1031. var engineering_type1 ='';
  1032. if(data.field.engineering_type1==1){
  1033. engineering_type1 ='预算';
  1034. }else if(data.field.engineering_type1==2){
  1035. engineering_type1 ='结算';
  1036. }else if(data.field.engineering_type1==3){
  1037. engineering_type1 ='概算';
  1038. }else if(data.field.engineering_type1==4){
  1039. engineering_type1 ='决算';
  1040. }else if(data.field.engineering_type1==5){
  1041. engineering_type1 ='工程总承包(EPC)';
  1042. }
  1043. var engineering_type2 = '';
  1044. if(data.field.engineering_type2==1){
  1045. engineering_type2 ='审核';
  1046. }else if(data.field.engineering_type2==2) {
  1047. engineering_type2 = '编制';
  1048. }
  1049. if(engineering_type1!==""&&engineering_type2!==""){
  1050. data.field.engineering_type = engineering_type1 + "-" + engineering_type2;
  1051. }
  1052. }
  1053. tool.post("/admin/project.cost/edit", data.field, callback);
  1054. }
  1055. a3 = 0
  1056. return false;
  1057. });
  1058. }
  1059. </script>
  1060. <script>
  1061. // 获取具有指定 ID 的 <ul> 元素
  1062. var ulElement = document.getElementById("filesBox");
  1063. // 检查 <ul> 元素的子元素数量
  1064. if (ulElement.children.length === 0) {
  1065. // 如果子元素数量为 0,隐藏 <ul> 元素
  1066. ulElement.style.display = "none";
  1067. }
  1068. </script>