information.ejs 51 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680
  1. <% include ../tender/tender_sub_menu.ejs %>
  2. <div class="panel-content">
  3. <div class="panel-title" style="padding-right: 0px"><!--收起详解目录添加类名 fluid -->
  4. <div class="title-main d-flex"><!--工具-->
  5. <% include ../tender/tender_sub_mini_menu.ejs %>
  6. <div style="width: 100%">
  7. <div id="left-header" class="d-inline-block" style="min-width: 203px;">
  8. <div class="d-inline-block">
  9. <div class="btn-group btn-group-toggle group-tab">
  10. <a class="btn btn-sm btn-light active" href="javascript:void(0);">变更详情</a>
  11. <a class="btn btn-sm btn-light" href="/tender/<%- ctx.tender.id %>/change/<%- ctx.change.cid %>/report">输出报表</a>
  12. <% if (ctx.subProject.page_show.openChangePlan) { %>
  13. <a class="btn btn-sm btn-light" href="/tender/<%- ctx.tender.id %>/change/<%- ctx.change.cid %>/relation">关联数据</a>
  14. <% } %>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="pull-right mr-3" id="sp-btn">
  19. <% if (ctx.change.cancancel) { %>
  20. <a href="javascript: void(0);" data-toggle="modal" data-target="#sp-down-cancel" class="btn btn-danger btn-sm mr-2">撤回</a>
  21. <% } %>
  22. <% if (ctx.change.status === auditConst.status.uncheck) { %>
  23. <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
  24. <a id="sub-sp-btn" href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm">上报审批</a>
  25. <% } else { %>
  26. <a id="sub-sp-btn" href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-outline-secondary btn-sm">上报中</a>
  27. <% } %>
  28. <% } else if (ctx.change.status === auditConst.status.checking) { %>
  29. <% if (ctx.change.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
  30. <a id="sp-done-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
  31. <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm">审批退回</a>
  32. <% } else { %>
  33. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm">审批中</a>
  34. <% } %>
  35. <% } else if (ctx.change.status === auditConst.status.checkNoPre) { %>
  36. <% if (ctx.change.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
  37. <a id="sp-done-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
  38. <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm">审批退回</a>
  39. <% } else { %>
  40. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-muted">审批退回</a>
  41. <% } %>
  42. <% } else if (ctx.change.status === auditConst.status.checked) { %>
  43. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm">审批完成</a>
  44. <% if (ctx.change.auditors !== undefined && ctx.change.finalAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
  45. <!--重新审批-->
  46. <a href="#sp-down-back" data-toggle="modal" data-target="#sp-down-back" class="btn btn-warning btn-sm ml-2">重新审批</a>
  47. <% } %>
  48. <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
  49. <a href="javascript: void(0);" data-toggle="modal" data-target="#sp-down-revise" class="btn btn-warning btn-sm ml-2">修订变更</a>
  50. <% } %>
  51. <% } else if (ctx.change.status === auditConst.status.checkNo || ctx.change.status === auditConst.status.revise) { %>
  52. <a href="#sp-list" data-type="hide" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-muted sp-list-btn">审批<% if (ctx.change.status === auditConst.status.checkNo) { %>退回<% } else { %>修订<% } %></a>
  53. <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
  54. <a href="#sp-list" data-type="show" data-toggle="modal" data-target="#sp-list" class="btn btn-primary btn-sm sp-list-btn">重新上报</a>
  55. <% } %>
  56. <% if (ctx.change.status === auditConst.status.revise && (ctx.session.sessionUser.accountId === ctx.change.uid || ctx.session.sessionUser.is_admin)) { %>
  57. <a href="#sub-revoke" data-toggle="modal" data-target="#sub-revoke" class="btn btn-warning btn-sm ml-2">撤销修订</a>
  58. <% } %>
  59. <% } %>
  60. </div>
  61. <!--info状态区分-->
  62. <% if (!change.readOnly || change.shenpiPower || (change.status === auditConst.status.checked && (ctx.session.sessionUser.is_admin || ctx.helper._.findIndex(change.auditors, { uid: ctx.session.sessionUser.accountId }) !== -1))) { %>
  63. <div class="pull-right px-3" id="show-save-btn" style="display: none">
  64. <!-- <span>您修改了变更信息,记得保存修改。</span>-->
  65. <button class="btn btn-sm btn-primary save_change_btn" id="save_change"><i class="fa fa-save"></i> 保存修改</button>
  66. <button class="btn btn-sm btn-light" id="cancel_change">取消</button>
  67. </div>
  68. <% } %>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="content-wrap">
  73. <div class="c-header p-0"></div>
  74. <div class="w-100 sub-content row">
  75. <div class="c-body" id="left-view" style="width: 33.33%">
  76. <div class="sjs-bar-1">
  77. <input type="hidden" id="tenderId" value="<%- tender.id %>">
  78. <input type="hidden" id="changeId" value="<%- change.cid %>">
  79. <ul class="nav nav-tabs">
  80. <li class="nav-item">
  81. <a class="nav-link active" data-toggle="tab" data-tab="bgxinxi" href="#bgxinxi" role="tab">变更信息</a>
  82. </li>
  83. <li class="nav-item">
  84. <a class="nav-link" data-toggle="tab" data-tab="bgfujian" href="#bgfujian" role="tab">附件</a>
  85. </li>
  86. <li class="nav-item ml-auto pt-1 mr-3" id="copy_btn">
  87. <% if(!change.readOnly) { %>
  88. <a class="btn btn-sm btn-primary" href="#add-bj" data-toggle="modal" data-target="#add-bj">拷贝其他变更令数据</a>
  89. <% } %>
  90. </li>
  91. <li class="nav-item ml-auto pt-1" id="fujian_btn" style="display:none;">
  92. <!--所有附件 翻页-->
  93. <button data-toggle="modal" class="btn btn-sm btn-primary" id="bach-download">批量下载</button>
  94. <!-- <a href="javascript: void(0);" data-toggle="modal" class="btn btn-sm btn-primary" id="bach-download"><i class="fa fa-download "></i> 批量下载</a> -->
  95. <a href="javascript:void(0);" class="page-select ml-2" content="pre"><i class="fa fa-chevron-left"></i></a> <span id="currentPage">1</span>/<span id="totalPage">10</span> <a href="javascript:void(0);" class="page-select mr-2" content="next"><i class="fa fa-chevron-right"></i></a>
  96. <% if (change.filePermission) { %>
  97. <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="上传附件">上传附件</a>
  98. <% } %>
  99. <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
  100. </li>
  101. </ul>
  102. </div>
  103. <div class="tab-content">
  104. <div class="tab-pane active" id="bgxinxi">
  105. <div class="sjs-sh-1" style="overflow-y: auto;">
  106. <% if (!change.readOnly || change.shenpiPower) { %>
  107. <form class="p-2" action="/tender/<%- change.tid %>/change/<%- change.cid %>/information/save?_csrf_j=<%= ctx.csrf %>" method="post" id="change_form">
  108. <% if (ctx.subProject.page_show.openChangeState) { %>
  109. <div class="form-group">
  110. <label>变更状态</label>
  111. <div>
  112. <% if (!change.readOnly) { %>
  113. <% for (const cs of changeState) { %>
  114. <div class="form-check form-check-inline">
  115. <input class="form-check-input" type="radio" id="state_<%- cs.order %>" value="<%- cs.order %>" name="state" <% if (cs.order === change.state) { %>checked<% } %>>
  116. <label class="form-check-label" for="state_<%- cs.order %>"><%- cs.name %></label>
  117. </div>
  118. <% } %>
  119. <% } else if (change.shenpiPower) { %>
  120. <% const cState = ctx.helper._.find(changeState, { order: change.state }) %>
  121. <div class="form-check form-check-inline">
  122. <input class="form-check-input" type="radio" id="state_<%- cState.order %>" name="state" disabled checked>
  123. <label class="form-check-label" for="state_<%- cState.order %>"><%- cState.name %></label>
  124. </div>
  125. <% } %>
  126. </div>
  127. </div>
  128. <% } %>
  129. <div class="form-group">
  130. <label><b class="text-danger">*&nbsp;</b>申请编号</label>
  131. <a href="javascript:void(0);" class="pull-right reduction-code" data-toggle="tooltip" data-placement="bottom" title="" data-code="<%- change.code %>" data-original-title="重置"><i class="fa fa-repeat"></i></a>
  132. <input class="form-control form-control-sm" name="code" value="<%- change.code %>" type="text">
  133. </div>
  134. <div class="form-group">
  135. <label><b class="text-danger">*&nbsp;</b>变更工程名称</label>
  136. <input class="form-control form-control-sm" name="name" value="<%- change.name %>" type="text">
  137. </div>
  138. <div class="form-group">
  139. <label>桩号</label>
  140. <input class="form-control form-control-sm" name="peg" value="<%- change.peg %>" type="text">
  141. </div>
  142. <div class="form-group">
  143. <label>原设计图名称</label>
  144. <input class="form-control form-control-sm" name="org_name" placeholder="" type="text" value="<%- change.org_name %>">
  145. </div>
  146. <div class="form-group">
  147. <label>原图号</label>
  148. <input class="form-control form-control-sm" name="org_code" placeholder="" type="text" value="<%- change.org_code %>">
  149. </div>
  150. <div class="form-group">
  151. <label>变更设计图名称</label>
  152. <input class="form-control form-control-sm" name="new_name" placeholder="" type="text" value="<%- change.new_name %>">
  153. </div>
  154. <div class="form-group">
  155. <label>变更图号</label>
  156. <input class="form-control form-control-sm" name="new_code" placeholder="" type="text" value="<%- change.new_code %>">
  157. </div>
  158. <div class="form-group">
  159. <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
  160. <textarea class="form-control form-control-sm" name="content" rows="6"><%- ctx.helper.replaceStr(change.content, /<br><br>/g, '\r\n') %></textarea>
  161. </div>
  162. <div class="form-group">
  163. <label>工程变更合同依据</label>
  164. <textarea class="form-control form-control-sm" name="basis" rows="6"><%- ctx.helper.replaceStr(change.basis, /<br><br>/g, '\r\n') %></textarea>
  165. </div>
  166. <div class="form-group">
  167. <label>变更工程量数量计算式</label>
  168. <textarea class="form-control form-control-sm" name="expr" rows="2"><%- ctx.helper.replaceStr(change.expr, /<br><br>/g, '\r\n') %></textarea>
  169. </div>
  170. <div class="form-group">
  171. <label>备注</label>
  172. <textarea class="form-control form-control-sm" name="memo" rows="3"><%- ctx.helper.replaceStr(change.memo, /<br><br>/g, '\r\n') %></textarea>
  173. </div>
  174. <div class="form-group">
  175. <label>工程变更类型</label>
  176. <div class="checkbox">
  177. <% const changeType = change.type !== null && change.type !== '' ? change.type.split(',') : '' %>
  178. <% for (const t in changeConst.type) { %>
  179. <% const cType = changeConst.type[t] %>
  180. <label class="checkbox-inline">
  181. <input value="<%- cType.value %>" name="type[]"
  182. type="checkbox"<% if (changeType.indexOf(cType.value.toString()) !== -1) { %> checked<% } %>><%- cType.name %>
  183. </label>
  184. <% } %>
  185. </div>
  186. </div>
  187. <div class="form-group">
  188. <label>工程变更类别 </label>
  189. <select class="form-control form-control-sm" name="class">
  190. <% for (const cc of changeClass) { %>
  191. <% if (cc.checked) { %>
  192. <option value="<%- cc.value %>"<% if (cc.value === change.class) { %> selected<% } %>><%- cc.new_name ? cc.new_name : cc.name %></option>
  193. <% } %>
  194. <% } %>
  195. </select>
  196. </div>
  197. <div class="form-group">
  198. <label>工程变更性质 </label>
  199. <select class="form-control form-control-sm" name="quality">
  200. <% for (const q in changeConst.quality) { %>
  201. <% const cQuality = changeConst.quality[q] %>
  202. <option value="<%- cQuality.value %>"<% if (cQuality.value === change.quality) { %> selected<% } %>><%- cQuality.name %></option>
  203. <% } %>
  204. </select>
  205. </div>
  206. <div class="form-group">
  207. <label>变更提出单位</label>
  208. <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a>
  209. <select class="form-control form-control-sm" id="company" name="company">
  210. <% for (const company of companyList) { %>
  211. <option <% if (company.name === change.company) { %>selected<% } %>><%- company.name %></option>
  212. <% } %>
  213. <% for (const u of unitList) { %>
  214. <option <% if (u.name === change.company) { %>selected<% } %>><%- u.name %></option>
  215. <% } %>
  216. </select>
  217. </div>
  218. <div class="form-group">
  219. <label>费用承担方</label>
  220. <div class="radio">
  221. <% for (const c in changeConst.charge) { %>
  222. <% const cCharge = changeConst.charge[c] %>
  223. <label class="radio-inline">
  224. <input value="<%- cCharge.value %>" name="charge" type="radio"<% if (cCharge.value === change.charge) { %> checked<% } %>> <%- cCharge.name %>
  225. </label>
  226. <% } %>
  227. </div>
  228. </div>
  229. <div class="form-group">
  230. <label>批复文号</label>
  231. <input class="form-control form-control-sm" id="w_code" name="w_code" placeholder="" type="text" value="<%- change.w_code %>">
  232. </div>
  233. </form>
  234. <% } else { %>
  235. <form class="p-2">
  236. <% if (ctx.subProject.page_show.openChangeState) { %>
  237. <div class="form-group">
  238. <label>变更状态</label>
  239. <div>
  240. <% const cState = ctx.helper._.find(changeState, { order: change.state }) %>
  241. <div class="form-check form-check-inline">
  242. <input class="form-check-input" type="radio" id="state_<%- cState.order %>" name="state" disabled checked>
  243. <label class="form-check-label" for="state_<%- cState.order %>"><%- cState.name %></label>
  244. </div>
  245. </div>
  246. </div>
  247. <% } %>
  248. <div class="form-group">
  249. <label>申请编号</label>
  250. <input class="form-control form-control-sm" value="<%- change.code %>" type="text" readonly>
  251. </div>
  252. <% if (change.status === auditConst.status.checked) { %>
  253. <div class="form-group">
  254. <label>变更令号(批复编号)</label>
  255. <input class="form-control form-control-sm" value="<%- change.p_code %>" type="text" readonly>
  256. </div>
  257. <% } %>
  258. <div class="form-group">
  259. <label>变更工程名称</label>
  260. <input class="form-control form-control-sm" value="<%- change.name %>" type="text" readonly>
  261. </div>
  262. <div class="form-group">
  263. <label>桩号</label>
  264. <input class="form-control form-control-sm" value="<%- change.peg %>" type="text" readonly>
  265. </div>
  266. <div class="form-group">
  267. <label>原设计图名称</label>
  268. <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.org_name %>" readonly>
  269. </div>
  270. <div class="form-group">
  271. <label>原图号</label>
  272. <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.org_code %>" readonly>
  273. </div>
  274. <div class="form-group">
  275. <label>变更设计图名称</label>
  276. <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.new_name %>" readonly>
  277. </div>
  278. <div class="form-group">
  279. <label>变更图号</label>
  280. <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.new_code %>" readonly>
  281. </div>
  282. <div class="form-group">
  283. <label>工程变更理由及内容</label>
  284. <textarea class="form-control form-control-sm" rows="6" readonly><%- ctx.helper.replaceStr(change.content, /<br><br>/g, '\r\n') %></textarea>
  285. </div>
  286. <div class="form-group">
  287. <label>工程变更合同依据</label>
  288. <textarea class="form-control form-control-sm" rows="6" readonly><%- ctx.helper.replaceStr(change.basis, /<br><br>/g, '\r\n') %></textarea>
  289. </div>
  290. <div class="form-group">
  291. <label>变更工程量数量计算式</label>
  292. <textarea class="form-control form-control-sm" rows="2" readonly><%- ctx.helper.replaceStr(change.expr, /<br><br>/g, '\r\n') %></textarea>
  293. </div>
  294. <div class="form-group">
  295. <label>备注</label>
  296. <textarea class="form-control form-control-sm" rows="3" readonly><%- ctx.helper.replaceStr(change.memo, /<br><br>/g, '\r\n') %></textarea>
  297. </div>
  298. <div class="form-group">
  299. <label>工程变更类型</label>
  300. <div class="checkbox">
  301. <% const changeType = change.type !== null && change.type !== '' ? change.type.split(',') : '' %>
  302. <% for (const t in changeConst.type) { %>
  303. <% const cType = changeConst.type[t] %>
  304. <label class="checkbox-inline">
  305. <% if (changeType.indexOf(cType.value.toString()) !== -1) { %>
  306. <input value="<%- cType.value %>" type="checkbox" disabled checked><%- cType.name %>
  307. <% } %>
  308. </label>
  309. <% } %>
  310. </div>
  311. </div>
  312. <div class="form-group">
  313. <label>工程变更类别 </label>
  314. <select class="form-control form-control-sm" disabled>
  315. <% for (const cc of changeClass) { %>
  316. <% if (cc.value === change.class) { %>
  317. <option value="<%- cc.value %>"><%- cc.new_name ? cc.new_name : cc.name %></option>
  318. <% } %>
  319. <% } %>
  320. </select>
  321. </div>
  322. <div class="form-group">
  323. <label>工程变更性质 </label>
  324. <select class="form-control form-control-sm" disabled>
  325. <% for (const q in changeConst.quality) { %>
  326. <% const cQuality = changeConst.quality[q] %>
  327. <% if (cQuality.value === change.quality) { %>
  328. <option value="<%- cQuality.value %>"><%- cQuality.name %></option>
  329. <% } %>
  330. <% } %>
  331. </select>
  332. </div>
  333. <div class="form-group">
  334. <label>变更提出单位</label>
  335. <select class="form-control form-control-sm" disabled>
  336. <option><%- change.company %></option>
  337. </select>
  338. </div>
  339. <div class="form-group">
  340. <label>费用承担方</label>
  341. <div class="radio">
  342. <% for (const c in changeConst.charge) { %>
  343. <% const cCharge = changeConst.charge[c] %>
  344. <label class="radio-inline">
  345. <% if (cCharge.value === change.charge) { %>
  346. <input value="<%- cCharge.value %>" type="radio" disabled checked> <%- cCharge.name %>
  347. <% } %>
  348. </label>
  349. <% } %>
  350. </div>
  351. </div>
  352. <div class="form-group">
  353. <label>批复文号</label>
  354. <input class="form-control form-control-sm" id="w_code" placeholder="" type="text" value="<%- change.w_code %>" <% if (!(change.shenpiPower || (change.status === auditConst.status.checked && (ctx.session.sessionUser.is_admin || ctx.helper._.findIndex(change.auditors, { uid: ctx.session.sessionUser.accountId }) !== -1)))) { %>readonly<% } %>>
  355. </div>
  356. </form>
  357. <% } %>
  358. </div>
  359. </div>
  360. <div class="tab-pane" id="bgfujian">
  361. <div class="sjs-sh-1" style="overflow: auto">
  362. <div class="p-2">
  363. <table class="table table-bordered" style="word-break:break-all; table-layout: fixed">
  364. <thead>
  365. <tr>
  366. <td width="25" style="background-color: #e9ecef;"><input type="checkbox" id="check-all-file" ></td>
  367. <th width="40">序号</th>
  368. <th>名称</th>
  369. <th width="100">上传时间/大小</th>
  370. <th width="60">操作</th>
  371. </tr>
  372. </thead>
  373. <tbody id="attList">
  374. <% if (attList !== undefined && attList !== '') { %>
  375. <% for (const [index,att] of attList.entries()) { %>
  376. <tr>
  377. <td width="25"><input type="checkbox" class="check-file" file-id=<%- att.id %>></td>
  378. <td><%- index+1 %></td>
  379. <td><a href="javascript: void(0);" class="file-atn" f-id="<%- att.id %>"><%- att.filename %><%- att.fileext %></a></td>
  380. <td><%- moment(att.in_time * 1000).format('YYYY-MM-DD') %><br><%- ctx.helper.bytesToSize(att.filesize) %></td>
  381. <td>
  382. <a href="/change/download/file/<%- att.id %>" class="mr-2" title="下载"><span class="fa fa-download text-primary"></span></a>
  383. <% if (att.uid === ctx.session.sessionUser.accountId && ((change.status === auditConst.status.checked ? Boolean(att.extra_upload) : true ) || deleteFilePermission)) { %>
  384. <a href="javascript:void(0)" class="mr-2 delete-file" data-attid="<%- att.id %>" title="删除附件"><span class="fa fa-trash text-danger"></span></a>
  385. <% } %>
  386. </td>
  387. </tr>
  388. <% } %>
  389. <% } %>
  390. </tbody>
  391. </table>
  392. <a href="" id="file-upload" target="_blank" style="display: none;"></a>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. <div class="c-body" id="right-view" style="width: 66.67%">
  399. <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
  400. <!--上半部分-->
  401. <div class="w-100 sub-content">
  402. <div class="sjs-height-1">
  403. <div class="c-body" style="width: 100%">
  404. <div class="m-1" id="list-tab">
  405. <% if (!change.readOnly) { %>
  406. <div class="d-inline-block ml-1">
  407. <!-- <a href="#addlist" data-toggle="modal" class="btn btn-sm btn-light text-primary" id="open-list-modal" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-plus" aria-hidden="true"></i> <span class="order_text"><% if (change.order_by === 0) { %>添加<% } else { %>插入<% } %></span>台账清单</a>-->
  408. <a href="javascript:void(0);" id="set-site-btn" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-plus" aria-hidden="true"></i> <span class="order_text"><% if (change.order_by === 0) { %>添加<% } else { %>插入<% } %></span>台账清单</a>
  409. </div>
  410. <% if (ctx.subProject.page_show.openChangeWhiteList) { %>
  411. <div class="d-inline-block mr-1 judge-hide">
  412. <a href="javascript:void(0);" class="btn btn-sm btn-light text-primary" id="add-white-btn" data-original-title="添加清单"><i class="fa fa-plus" aria-hidden="true"></i> <span class="order_text"><% if (change.order_by === 0) { %>添加<% } else { %>插入<% } %></span>空白清单</a>
  413. </div>
  414. <% } %>
  415. <div class="d-inline-block mr-2 judge-show" style="display: none;">
  416. <div class="dropdown">
  417. <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  418. <i class="fa fa-list-ol"></i> 显示层级
  419. </button>
  420. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  421. <a class="dropdown-item" name="showLevel" tag="1" href="javascript: void(0);">第一层</a>
  422. <a class="dropdown-item" name="showLevel" tag="2" href="javascript: void(0);">第二层</a>
  423. <a class="dropdown-item" name="showLevel" tag="3" href="javascript: void(0);">第三层</a>
  424. <a class="dropdown-item" name="showLevel" tag="4" href="javascript: void(0);">第四层</a>
  425. <a class="dropdown-item" name="showLevel" tag="5" href="javascript: void(0);">第五层</a>
  426. <a class="dropdown-item" name="showLevel" tag="last" href="javascript: void(0);">最底层</a>
  427. <a class="dropdown-item" name="showLevel" tag="leafXmj" href="javascript: void(0);">只显示项目节</a>
  428. </div>
  429. </div>
  430. </div>
  431. <div class="d-inline-block mr-2 judge-hide">
  432. <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="bpaixu">清单排序:<% if (change.order_by === 0) { %>清单编号<% } else { %>添加顺序<% } %></button>
  433. <div class="dropdown-menu" aria-labelledby="bpaixu">
  434. <ul class="list-unstyled px-3 mb-0">
  435. <li class="mb-2">
  436. <div class="custom-control custom-radio">
  437. <input type="radio" class="custom-control-input" name="paixu" id="order_0" value="0" <% if (change.order_by === 0) { %>checked<% } %>>
  438. <label class="custom-control-label" for="order_0">清单编号</label>
  439. </div>
  440. </li>
  441. <li class="mb-2">
  442. <div class="custom-control custom-radio">
  443. <input type="radio" class="custom-control-input" name="paixu" id="order_1" value="1" <% if (change.order_by === 1) { %>checked<% } %>>
  444. <label class="custom-control-label" for="order_1">添加顺序</label>
  445. </div>
  446. </li>
  447. </ul>
  448. </div>
  449. </div>
  450. <div class="d-inline-block mr-2 judge-hide" id="upAndMoveBtn" <% if (change.order_by === 0) { %>style="display: none!important;" <% } %>>
  451. <a href="javascript:void(0)" id="up-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  452. <a href="javascript:void(0)" id="down-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
  453. </div>
  454. <% } %>
  455. <div class="d-inline-block mr-2">
  456. <div class="custom-control custom-checkbox">
  457. <input type="checkbox" class="custom-control-input change-detail-checkbox" id="customCheck1">
  458. <label class="custom-control-label" for="customCheck1">变更详情</label>
  459. </div>
  460. </div>
  461. <% if (change.readOnly && !change.shenpiPower) { %>
  462. <div class="d-inline-block mr-2">
  463. <div class="custom-control custom-checkbox">
  464. <input type="checkbox" class="custom-control-input" id="show-table-detail">
  465. <label class="custom-control-label" for="show-table-detail">审批过程</label>
  466. </div>
  467. </div>
  468. <% } %>
  469. <% if (showPlanBtn) { %>
  470. <div class="d-inline-block mr-2">
  471. <a class="btn btn-sm btn-primary" href="#bgfadb" data-toggle="modal" data-target="#bgfadb">差值对比</a>
  472. </div>
  473. <% } %>
  474. <div class="d-inline-block mr-2">
  475. <a class="btn btn-sm btn-primary" href="#qdgather" data-toggle="modal" data-target="#qdgather">清单汇总</a>
  476. </div>
  477. <div class="d-inline-block mr-2">
  478. <div class="input-group input-group-sm">
  479. <div class="input-group-prepend">
  480. <span class="input-group-text" id="basic-addon1">表达式</span>
  481. </div>
  482. <input type="text" class="form-control form-control-sm m-0 judge-hide" id="camount-expr" readonly="readOnly" autocomplete="off">
  483. <input type="text" class="form-control form-control-sm m-0 judge-show" id="ledger-camount-expr" readonly="readOnly" autocomplete="off" style="display: none">
  484. </div>
  485. </div>
  486. <div class="d-inline-block pull-right">
  487. <div class="btn-group btn-group-toggle group-tab">
  488. <a class="btn btn-sm btn-light change-mode <% if (changeMode === 0) { %>active<% } %>" data-type="0" href="javascript:void(0);">清单模式</a>
  489. <a class="btn btn-sm btn-light change-mode <% if (changeMode === 1) { %>active<% } %>" data-type="1" href="javascript:void(0);">台账模式</a>
  490. </div>
  491. </div>
  492. </div>
  493. <div class="sjs-height-change judge-hide" id="change-spread"></div>
  494. <div class="sjs-height-change judge-show" style="display: none;" id="ledger-spread"></div>
  495. </div>
  496. </div>
  497. <!--下半部分-->
  498. <div class="bcontent-wrap">
  499. <div id="change-pos-resize" class="resize-y" r-Type="height" div1=".sjs-height-1" div2=".bcontent-wrap" title="调整大小"><!--调整上下高度条--></div>
  500. <div class="judge-hide">
  501. <div class="bc-bar mb-1">
  502. <ul class="nav nav-tabs">
  503. <li class="nav-item">
  504. <a class="nav-link active" href="#">所属项目节</a>
  505. </li>
  506. <li class="nav-item">
  507. <div class="d-inline-block">
  508. <div class="input-group input-group-sm ml-2">
  509. <div class="input-group-prepend">
  510. <span class="input-group-text" id="basic-addon3">表达式</span>
  511. </div>
  512. <input type="text" class="form-control form-control-sm m-0" id="xmj-camount-expr" readonly="readOnly" autocomplete="off">
  513. </div>
  514. </div>
  515. </li>
  516. </ul>
  517. </div>
  518. <div class="sp-wrap" id="xmj-spread"></div>
  519. </div>
  520. <div class="judge-show" style="display: none;">
  521. <div class="bc-bar mb-1">
  522. <ul class="nav nav-tabs">
  523. <li class="nav-item">
  524. <a class="nav-link active" href="#">计量单元</a>
  525. </li>
  526. <li class="nav-item">
  527. <div class="d-inline-block">
  528. <div class="input-group input-group-sm ml-2">
  529. <div class="input-group-prepend">
  530. <span class="input-group-text" id="basic-addon2">表达式</span>
  531. </div>
  532. <input type="text" class="form-control form-control-sm m-0" id="pos-camount-expr" readonly="readOnly" autocomplete="off">
  533. </div>
  534. </div>
  535. </li>
  536. </ul>
  537. </div>
  538. <div class="sp-wrap" id="pos-spread"></div>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543. </div>
  544. </div>
  545. </div>
  546. <script>
  547. let changeMode = parseInt('<%- changeMode %>');
  548. const tenderName = JSON.parse(unescape('<%- escape(JSON.stringify(tender.data.name)) %>'));
  549. const tenderId = '<%- tender.id %>';
  550. const deleteFilePermission = <%- deleteFilePermission %>;
  551. const totalPriceUnit = '<%- tpUnit %>';
  552. const unitPriceUnit = '<%- upUnit %>';
  553. const accountId = parseInt('<%- ctx.session.sessionUser.accountId %>');
  554. const ledgeStatus = '<%- tender.ledger_status %>';
  555. const ledgerConsts = JSON.parse('<%- JSON.stringify(ledgerConsts) %>');
  556. const changeName = JSON.parse(unescape('<%- escape(JSON.stringify(change.name)) %>'));
  557. let changeTp = parseFloat('<%- change.total_price ? change.total_price : 0 %>');
  558. let changePp = parseFloat('<%- change.positive_tp ? change.positive_tp : 0 %>');
  559. let changeNp = parseFloat('<%- change.negative_tp ? change.negative_tp : 0 %>');
  560. let changeVp = parseFloat('<%- change.valuation_tp ? change.valuation_tp : 0 %>');
  561. let changeUp = parseFloat('<%- change.unvaluation_tp ? change.unvaluation_tp : 0 %>');
  562. const changeStatus = parseFloat('<%- change.status %>');
  563. let changeOrder = parseInt('<%- change.order_by %>');
  564. const touristPermission = parseInt('<%- ctx.tender.touristPermission.file %>');
  565. const precision = JSON.parse('<%- JSON.stringify(precision) %>');
  566. const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
  567. const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
  568. let attData = JSON.parse(unescape('<%- escape(JSON.stringify(attList)) %>'));
  569. let currPageFileData = [];
  570. const change_uid = parseInt('<%- change.uid %>');
  571. const settleBills = JSON.parse(unescape('<%- escape(JSON.stringify(settleBills)) %>'));
  572. const settlePos = JSON.parse(unescape('<%- escape(JSON.stringify(settlePos)) %>'));
  573. const auditType = JSON.parse('<%- JSON.stringify(auditType) %>');
  574. autoFlashHeight();
  575. $('a[href="#sub-sp"').click(function() {
  576. if (parseInt(ledgeStatus) === ledgerConsts.uncheck) {
  577. $('#warning-ledger').modal('show');
  578. return false;
  579. }
  580. });
  581. const readOnly = <%- change.readOnly %>;
  582. const shenpiPower = <%- change.shenpiPower %>;
  583. const filePermission = <%- change.filePermission %>;
  584. const changeSpread = SpreadJsObj.createNewSpread($('#change-spread')[0]);
  585. const changeSpreadSheet = changeSpread.getActiveSheet();
  586. const xmjSpread = SpreadJsObj.createNewSpread($('#xmj-spread')[0]);
  587. let changeList = JSON.parse(unescape('<%- escape(JSON.stringify(changeList)) %>'));
  588. console.log(changeList);
  589. const style1 = new GC.Spread.Sheets.Style();
  590. style1.locked = true;
  591. const changePlanList = JSON.parse(unescape('<%- escape(JSON.stringify(planList)) %>'));
  592. const planList = [];
  593. if (changePlanList.length > 0) {
  594. for (const cp of changePlanList) {
  595. const planIndex = _.findIndex(planList, { code: cp.code, name: cp.name, unit: cp.unit, unit_price: cp.unit_price});
  596. if (planIndex !== -1) {
  597. planList[planIndex].spamount = ZhCalc.add(planList[planIndex].spamount, cp.spamount);
  598. } else {
  599. planList.push(cp);
  600. }
  601. }
  602. }
  603. const openChangeState = <%- ctx.subProject.page_show.openChangeState ? true : false %>;
  604. const startLimit = 9;
  605. const settleStatus = JSON.parse('<%- JSON.stringify(settleStatus) %>');
  606. const removeSettleNum = <%- removeSettleNum %>;
  607. if (removeSettleNum > 0) {
  608. toastr.warning('结算发生变化,已移除 ' + removeSettleNum + ' 条已结算清单。');
  609. }
  610. const changeLedgerList = JSON.parse(unescape('<%- escape(JSON.stringify(changeLedgerList)) %>'));
  611. const changePosList = JSON.parse(unescape('<%- escape(JSON.stringify(changePosList)) %>'));
  612. let ledgerList, posList;
  613. let changeUnits = JSON.parse('<%- JSON.stringify(changeUnits) %>');
  614. changeUnits = _.map(changeUnits, 'unit');
  615. changeUnits.push('');
  616. let changeUsedData = JSON.parse(unescape('<%- escape(JSON.stringify(changeUsedData)) %>'));
  617. </script>
  618. <% if (!change.readOnly || change.shenpiPower) { %>
  619. <script>
  620. const unitList = JSON.parse(unescape('<%- escape(JSON.stringify(unitList)) %>'));
  621. let back_changeInfo = {
  622. code: JSON.parse(unescape('<%- escape(JSON.stringify(change.code ? change.code : '')) %>')),
  623. name: JSON.parse(unescape('<%- escape(JSON.stringify(change.name ? change.name : '')) %>')),
  624. peg: JSON.parse(unescape('<%- escape(JSON.stringify(change.peg ? change.peg : '')) %>')),
  625. org_name: JSON.parse(unescape('<%- escape(JSON.stringify(change.org_name ? change.org_name: '')) %>')),
  626. org_code: JSON.parse(unescape('<%- escape(JSON.stringify(change.org_code ? change.org_code : '')) %>')),
  627. new_name: JSON.parse(unescape('<%- escape(JSON.stringify(change.new_name ? change.new_name : '')) %>')),
  628. new_code: JSON.parse(unescape('<%- escape(JSON.stringify(change.new_code ? change.new_code : '')) %>')),
  629. content: JSON.parse(unescape('<%- escape(JSON.stringify(change.content ? ctx.helper.replaceRntoBr(change.content) : '')) %>')),
  630. basis: JSON.parse(unescape('<%- escape(JSON.stringify(change.basis ? ctx.helper.replaceRntoBr(change.basis) : '')) %>')),
  631. expr: JSON.parse(unescape('<%- escape(JSON.stringify(change.expr ? ctx.helper.replaceRntoBr(change.expr) : '')) %>')),
  632. memo: JSON.parse(unescape('<%- escape(JSON.stringify(change.memo ? ctx.helper.replaceRntoBr(change.memo) : '')) %>')),
  633. type: '<%- change.type %>',
  634. class: '<%- ctx.helper._.find(changeClass, { value: change.class }).checked ? change.class : changeClass[0].value %>',// 防止下拉不存在导致数据丢失上报问题
  635. quality: '<%- change.quality %>',
  636. company: JSON.parse(unescape('<%- escape(JSON.stringify((change.company ? change.company : (companyList && companyList[0] ? companyList[0].name : (unitList && unitList[0] ? unitList[0].name : ''))))) %>')),
  637. charge: '<%- change.charge %>',
  638. state: '<%- change.state %>',
  639. w_code: JSON.parse(unescape('<%- escape(JSON.stringify(change.w_code ? change.w_code : '')) %>')),
  640. };
  641. let changeInfo = Object.assign({}, back_changeInfo);
  642. // 判断是否有更改过
  643. function judgeChange() {
  644. let change = false;
  645. if (!isObjEqual(changeInfo, back_changeInfo)) {
  646. change = true;
  647. }
  648. if (change) {
  649. $('#show-save-btn').show();
  650. $('#sp-btn').hide();
  651. $('.title-main').addClass('bg-warning');
  652. } else {
  653. $('#show-save-btn').hide();
  654. $('#sp-btn').show();
  655. $('.title-main').removeClass('bg-warning');
  656. }
  657. }
  658. </script>
  659. <% } %>
  660. <% if (!change.readOnly) { %>
  661. <script>
  662. const shenpi_status = <%- ctx.tender.info.shenpi.change %>;
  663. const shenpiConst = JSON.parse('<%- JSON.stringify(shenpiConst) %>');
  664. const changesUid = <%- change.uid %>;
  665. const openChangeWhiteList = <%- ctx.subProject.page_show.openChangeWhiteList %>;
  666. let deLimit = parseInt('<%- deLimit %>');
  667. console.log(changeInfo);
  668. </script>
  669. <script src="/public/js/change_audit.js"></script>
  670. <% } else { %>
  671. <script>
  672. const auditors2 = JSON.parse(unescape('<%- escape(JSON.stringify(change.auditors2)) %>'));
  673. auditors2.shift();
  674. const aidList = [];
  675. for (let i = 0; i < auditors2.length; i++) {
  676. aidList.push(auditors2[i][0].audit_order);
  677. }
  678. let w_code = JSON.parse(unescape('<%- escape(JSON.stringify(change.w_code ? change.w_code : '')) %>'));
  679. </script>
  680. <% } %>