index.ejs 43 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584
  1. <% include ./stage_sub_menu.ejs %>
  2. <div class="panel-content">
  3. <div class="panel-title">
  4. <div class="title-main d-flex">
  5. <% include ./stage_sub_mini_menu.ejs %>
  6. <div>
  7. <div class="d-inline-block">
  8. <div class="dropdown">
  9. <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  10. <i class="fa fa-list-ol"></i> 显示层级
  11. </button>
  12. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  13. <a class="dropdown-item" name="showLevel" tag="1" href="javascript: void(0);">第一层</a>
  14. <a class="dropdown-item" name="showLevel" tag="2" href="javascript: void(0);">第二层</a>
  15. <a class="dropdown-item" name="showLevel" tag="3" href="javascript: void(0);">第三层</a>
  16. <a class="dropdown-item" name="showLevel" tag="4" href="javascript: void(0);">第四层</a>
  17. <a class="dropdown-item" name="showLevel" tag="5" href="javascript: void(0);">第五层</a>
  18. <a class="dropdown-item" name="showLevel" tag="last" href="javascript: void(0);">最底层</a>
  19. <a class="dropdown-item" name="showLevel" tag="leafXmj" href="javascript: void(0);">只显示项目节</a>
  20. <a class="dropdown-item" name="showLevel" tag="curMeasure" href="javascript: void(0);">只显示本期计量</a>
  21. <a class="dropdown-item" name="showLevel" tag="endMeasure" href="javascript: void(0);">只显示截止本期计量</a>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="d-inline-block">
  26. <button href="#row-view" class="btn btn-sm btn-light" data-toggle="modal" data-target="#row-view"><i class="fa fa-table"></i> 列显示</button>
  27. </div>
  28. <div class="d-inline-block">
  29. <div class="btn-group">
  30. <button href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="features-show"><i class="fa fa-eye"></i> 显示特征</button>
  31. </div>
  32. </div>
  33. <div class="d-inline-block">
  34. <div class="input-group input-group-sm ml-2">
  35. <div class="input-group-prepend">
  36. <span class="input-group-text" id="basic-addon1">表达式</span>
  37. </div>
  38. <input type="text" class="form-control form-control-sm m-0" id="bills-expr" readonly="" autocomplete="off" style="width: 400px">
  39. </div>
  40. </div>
  41. <div class="d-inline-block ml-3">
  42. <a id="exportExcel" class="btn btn-primary btn-sm" href="javascript: void(0)">导出计量台账Excel</a>
  43. <% if (!ctx.stage.readOnly && !ctx.stage.revising && ctx.stage.status === auditConst.status.uncheck) { %>
  44. <a id="importExcel" class="btn btn-primary btn-sm" href="javascript: void(0)">导入计量台账Excel</a>
  45. <% } %>
  46. <a class="btn btn-sm btn-primary" href="javascript: void(0);" id="ledger-check2">数据检查</a>
  47. </div>
  48. <div class="d-inline-block">
  49. <a class="btn btn-sm btn-danger" href="#cooperation" data-toggle="modal" data-target="#cooperation" style="display: none;">多人协同 <i class="fa fa-lock"></i> <span id="cooperationCount"></span></a>
  50. <a id="ass-confirm-btn" class="btn btn-danger btn-sm" href="javascript: void(0)" style="display: none">协同确认</a>
  51. <a class="btn btn-sm btn-danger" href="#assists" data-toggle="modal" data-target="#assists" style="display: none;">多人协同 <i class="fa fa-lock"></i> <span id="assistCount"></span></a>
  52. </div>
  53. </div>
  54. <div class="ml-auto">
  55. <a class="mr-2" href="#help" data-toggle="modal" data-target="#help"> <i class="fa fa-question-circle"></i></a>
  56. <% if (ctx.session.sessionUser.is_admin && ctx.tender.data.measure_type === measureType.tz.value) { %>
  57. <a class="btn btn-primary btn-sm" href="#stage-stash" data-toggle="modal" data-target="#stage-stash" href="javascript: void(0)">暂存计量</a>
  58. <% } %>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="content-wrap pr-46">
  63. <div class="c-header p-0">
  64. </div>
  65. <div class="row w-100 sub-content">
  66. <div id="left-view" class="c-body" style="width: 100%">
  67. <!--上部分-->
  68. <div class="sjs-height-1" id="stage-ledger">
  69. </div>
  70. <!--下部分-->
  71. <div class="bcontent-wrap" id="main-bottom">
  72. <div id="main-resize" class="resize-y" r-Type="height" div1="#stage-ledger" div2="#main-bottom" store-id="stage-main" store-version="1.0.0" min="100"></div>
  73. <div class="bc-bar mb-1">
  74. <ul class="nav nav-tabs">
  75. <li class="nav-item">
  76. <a class="nav-link active" href="#">计量单元</a>
  77. </li>
  78. <li class="nav-item">
  79. <div class="ml-2">
  80. <div class="input-group input-group-sm">
  81. <div class="input-group-prepend">
  82. <div class="input-group-text">
  83. <div class="form-group form-check mb-0">
  84. <input type="checkbox" class="form-check-input group-checkbox" id="pos-measure">
  85. <label class="form-check-label" for="pos-measure">本期已计量</label><!--勾选状态增加颜色text-danger-->
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </li>
  92. <li class="nav-item">
  93. <div class="ml-2">
  94. <div class="input-group input-group-sm">
  95. <div class="input-group-prepend">
  96. <div class="input-group-text">
  97. <div class="form-group form-check mb-0">
  98. <input type="checkbox" class="form-check-input group-checkbox" id="pos-un-measure">
  99. <label class="form-check-label" for="pos-un-measure">未计量</label><!--勾选状态增加颜色text-danger-->
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </li>
  106. <!--工程量清单模式操作-->
  107. <li class="nav-item">
  108. <div class="ml-2">
  109. <div class="input-group input-group-sm">
  110. <div class="input-group-prepend" style="display: none">
  111. <div class="input-group-text">
  112. <div class="form-group form-check mb-0">
  113. <input type="checkbox" class="form-check-input group-checkbox" id="pos-over-search">
  114. <label class="form-check-label" for="pos-over-search">超计</label><!--勾选状态增加颜色text-danger-->
  115. </div>
  116. </div>
  117. <div class="input-group-text">
  118. <div class="form-group form-check mb-0">
  119. <input type="checkbox" class="form-check-input group-checkbox" id="pos-empty-search">
  120. <label class="form-check-label" for="pos-empty-search">漏计</label><!--勾选状态增加颜色text-warning-->
  121. </div>
  122. </div>
  123. </div>
  124. <input type="text" class="form-control form-control-sm" placeholder="按名称查找" id="pos-search-keyword">
  125. <!--搜索结果显示-->
  126. <div class="input-group-append" >
  127. <span class="input-group-text" id="pos-search-result">结果:0</span>
  128. </div>
  129. <div class="input-group-append" >
  130. <button class="btn btn-outline-secondary btn-sm" type="button" title="上一个" id="pos-search-pre"><i class="fa fa-angle-double-left"></i></button>
  131. <button class="btn btn-outline-secondary btn-sm" type="button" title="下一个" id="pos-search-next"><i class="fa fa-angle-double-right"></i></button>
  132. </div>
  133. </div>
  134. </div>
  135. </li>
  136. <li class="nav-item">
  137. <div class="d-inline-block">
  138. <div class="input-group input-group-sm ml-2">
  139. <div class="input-group-prepend">
  140. <span class="input-group-text" id="basic-addon1">表达式</span>
  141. </div>
  142. <input type="text" class="form-control form-control-sm m-0" id="pos-expr" readonly="" autocomplete="off" style="width: 500px;">
  143. </div>
  144. </div>
  145. </li>
  146. </ul>
  147. </div>
  148. <div class="sp-wrap" id="stage-pos">
  149. </div>
  150. </div>
  151. </div>
  152. <div id="right-view" class="c-body" style="display: none; width: 33%;">
  153. <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
  154. <div class="tab-content">
  155. <!--中间计量-->
  156. <div id="zhongjian" class="tab-pane tab-select-show">
  157. <div class="sjs-bar">
  158. <div class="d-flex">
  159. <button class="btn btn-sm btn-outline-primary" id="im-locate2bills">定位</button>
  160. <div class="input-group input-group-sm col-6">
  161. <div class="input-group-prepend">
  162. <span class="input-group-text" id="im-locate-info">1/20</span>
  163. </div>
  164. <div class="input-group-append">
  165. <button class="btn btn-outline-secondary" type="button" title="上一个" id="im-locate-pre"><i class="fa fa-angle-double-left"></i></button>
  166. <button class="btn btn-outline-secondary" type="button" title="下一个" id="im-locate-next"><i class="fa fa-angle-double-right"></i></button>
  167. </div>
  168. </div>
  169. <button class="btn btn-sm btn-outline-primary ml-auto" href="#choose" data-toggle="modal" data-target="#choose">设置生成规则</button>
  170. </div>
  171. </div>
  172. <div class="sjs-height-5" id="detail-spread" style="overflow:hidden">
  173. </div>
  174. <div class="sjs-bottom">
  175. <div class="resize-y" id="zhongjian-spr" r-Type="height" div1=".sjs-height-5" div2=".sjs-bottom" title="调整大小"><!--调整上下高度条--></div>
  176. <div class="zhongjian-msg" style="height:400px;overflow-y: auto">
  177. <% if (!stage.readOnly) { %>
  178. <legend class="sticky-top bg-white">
  179. <div class="d-flex justify-content-end mb-1">
  180. <a href="#reset-detail-modal" data-toggle="modal" data-target="#reset-detail-modal" class="btn btn-sm btn-outline-danger" id="reset-detail" style="display: none;"><i class="fa fa-refresh"></i>重置</a>
  181. <a href="javascript: void(0);" class="btn btn-sm btn-outline-primary ml-1" id="edit-detail" style="display: none;">编辑</a>
  182. <a href="javascript: void(0);" class="btn btn-sm btn-outline-success" id="save-detail" style="display: none;">保存</a>
  183. <a href="javascript: void(0);" class="btn btn-sm btn-outline-secondary ml-1" id="cancel-detail" style="display: none;">取消</a>
  184. </div>
  185. </legend>
  186. <% } %>
  187. <table class="table table-sm table-bordered" id="detail-show">
  188. <tbody>
  189. <tr><th width="120" name="type-title-contract">本期合同计量数量</th><td id="show-contract-jl"></td></tr>
  190. <tr><th name="type-title-qc">本期变更计量数量</th><td id="show-qc-jl"></td></tr>
  191. <% if (minusNoValue) { %>
  192. <tr><th name="type-title-qc-minus">本期不计价变更数量</th><td id="show-qc-minus-jl"></td></tr>
  193. <% } %>
  194. <tr><th>变更令号</th><td id="show-bgl-code"></td></tr>
  195. <tr><th>变更图号</th><td id="show-bgl-drawing-code"></td></tr>
  196. <tr><th>部位</th><td id="show-bw-name"></td></tr>
  197. <tr><th>起止桩号</th><td id="show-peg"></td></tr>
  198. <tr><th>细目</th><td id="show-xm-name"></td></tr>
  199. <tr><th>位置</th><td id="show-position"></td></tr>
  200. <tr><th>计量单元</th><td id="show-jldy"></td></tr>
  201. <tr><th>图册号</th><td id="show-drawing-code"></td></tr>
  202. <tr><th colspan="2">计算式说明</th></tr>
  203. <tr><td colspan="2" id="show-calc-memo" style="word-wrap:break-word"></td></tr>
  204. <tr><th colspan="2">草图</th></tr>
  205. <tr><td colspan="2"><a href="#imgview" data-toggle="modal" data-target="#imgview"><img src="" id="show-calc-img" class="w-100"></a></td></tr>
  206. <tr id="show-calc-remark"></tr>
  207. </tbody>
  208. </table>
  209. <div style="display: none;" id="detail-edit">
  210. <!--编辑状态-->
  211. <div class="input-group input-group-sm mb-2">
  212. <div class="input-group-prepend">
  213. <span class="input-group-text" name="type-title-contract">本期合同计量数量</span>
  214. </div>
  215. <input type="text" class="form-control" value="" id="contract-jl" readonly="">
  216. </div>
  217. <div class="input-group input-group-sm mb-2">
  218. <div class="input-group-prepend">
  219. <span class="input-group-text" name="type-title-qc">本期变更计量数量</span>
  220. </div>
  221. <input type="text" class="form-control" value="" id="qc-jl" readonly="">
  222. </div>
  223. <% if (minusNoValue) { %>
  224. <div class="input-group input-group-sm mb-2">
  225. <div class="input-group-prepend">
  226. <span class="input-group-text" name="type-title-qc-minus">本期不计价变更数量</span>
  227. </div>
  228. <input type="text" class="form-control" value="" id="qc-minus-jl" readonly="">
  229. </div>
  230. <% } %>
  231. <div class="input-group input-group-sm mb-2">
  232. <div class="input-group-prepend">
  233. <span class="input-group-text">变更令号</span>
  234. </div>
  235. <input type="text" class="form-control" value="" readonly="" id="bgl-code">
  236. </div>
  237. <div class="input-group input-group-sm mb-2">
  238. <div class="input-group-prepend">
  239. <span class="input-group-text">变更图号</span>
  240. </div>
  241. <input type="text" class="form-control" value="" readonly="" id="bgl-drawing-code">
  242. </div>
  243. <div class="input-group input-group-sm mb-2">
  244. <div class="input-group-prepend">
  245. <span class="input-group-text" style="width: 66px">部位</span>
  246. </div>
  247. <input type="text" class="form-control" value="" id="bw-name">
  248. </div>
  249. <div class="input-group input-group-sm mb-2">
  250. <div class="input-group-prepend">
  251. <span class="input-group-text">起止桩号</span>
  252. </div>
  253. <input type="text" class="form-control" value="" id="peg">
  254. </div>
  255. <div class="input-group input-group-sm mb-2">
  256. <div class="input-group-prepend">
  257. <span class="input-group-text" style="width: 66px">细目</span>
  258. </div>
  259. <input type="text" class="form-control" value="" id="xm-name">
  260. </div>
  261. <div class="input-group input-group-sm mb-2">
  262. <div class="input-group-prepend">
  263. <span class="input-group-text" style="width: 66px">位置</span>
  264. </div>
  265. <input type="text" class="form-control" value="" id="position">
  266. </div>
  267. <div class="input-group input-group-sm mb-2">
  268. <div class="input-group-prepend">
  269. <span class="input-group-text" style="width: 66px">计量单元</span>
  270. </div>
  271. <input type="text" class="form-control" value="" id="jldy">
  272. </div>
  273. <div class="input-group input-group-sm mb-2">
  274. <div class="input-group-prepend">
  275. <span class="input-group-text" style="width: 66px">图册号</span>
  276. </div>
  277. <input type="text" class="form-control" value="" id="drawing-code">
  278. </div>
  279. <div class="form-group">
  280. <label>计算式说明:</label>
  281. <textarea class="form-control" id="calc-memo"></textarea>
  282. </div>
  283. <div class="form-group">
  284. <div class="d-flex justify-content-between my-3">
  285. <label>计算草图:</label>
  286. <% if (!stage.readOnly) { %>
  287. <a href="#edit-img" data-toggle="modal" data-target="#edit-img" id="modify-img" style="display: none;">添加草图</a>
  288. <% } %>
  289. </div>
  290. <p><a href="#imgview" data-toggle="modal" data-target="#imgview"><img src="" id="calc-img" class="w-100"></a></p>
  291. </div>
  292. <div class="form-group">
  293. <div id="calc-remark"></div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. <!--查找定位-->
  300. <div id="search" class="tab-pane tab-select-show">
  301. <div class="sjs-bar-1">
  302. <div class="input-group input-group-sm pb-1">
  303. <div class="input-group-prepend">
  304. <div class="input-group-text">
  305. <input type="radio" name="searchType" id="over"> 超计
  306. </div>
  307. <div class="input-group-text">
  308. <input type="radio" name="searchType" id="empty"> 漏计
  309. </div>
  310. </div>
  311. <input type="text" class="form-control form-control-sm" placeholder="可查找 项目节编号 / 清单编号 /名称" id="keyword">
  312. <div class="input-group-append">
  313. <button class="btn btn-outline-secondary btn-sm" type="button" id="searchLedger">搜索</button>
  314. </div>
  315. </div>
  316. </div>
  317. <div id="search-result" class="sjs-sh-1">
  318. </div>
  319. </div>
  320. <!--附件-->
  321. <div id="fujian" class="tab-pane tab-select-show">
  322. <div class="sjs-bar">
  323. <ul class="nav nav-tabs">
  324. <li class="nav-item">
  325. <a class="nav-link active" data-toggle="tab" href="#dqjiedian" role="tab" fujian-content="dqjiedian">当前节点</a>
  326. </li>
  327. <li class="nav-item">
  328. <a class="nav-link" data-toggle="tab" href="#syfujian" role="tab" fujian-content="syfujian">所有附件</a>
  329. </li>
  330. <li class="nav-item ml-auto pt-1">
  331. <!-- <a href="javascript:void(0);" id="bach-download" class="btn btn-sm btn-primary" type="curr">批量下载</a> -->
  332. <button id="bach-download" class="btn btn-sm btn-primary" type="curr">批量下载</button>
  333. <!--所有附件 翻页-->
  334. <span id="showPage" style="display: none"><a href="javascript:void(0);" class="page-select ml-3" 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-3" content="next"><i class="fa fa-chevron-right"></i></a></span>
  335. <!-- <% if (!ctx.tender.isTourist && stage.filePermission) { %>
  336. <a href="#upload" data-toggle="modal" data-target="#upload" class="btn btn-sm btn-outline-primary ml-3">上传</a>
  337. <% } %> -->
  338. <% if (!ctx.tender.isTourist || (ctx.tender.isTourist && ctx.tender.touristPermission.file) || stage.filePermission) { %>
  339. <a href="#upload" data-toggle="modal" data-target="#upload" class="btn btn-sm btn-outline-primary ml-3">上传</a>
  340. <% } %>
  341. </li>
  342. </ul>
  343. </div>
  344. <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
  345. <div class="tab-content">
  346. <div class="tab-pane active" id="dqjiedian">
  347. <div class="sjs-height-3" style="overflow:auto; overflow-x:hidden;">
  348. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  349. <tr><th width="25"><input type="checkbox" class="check-all-file"><th>文件名</th><th width="80">上传</th></tr>
  350. <tbody id="nodelist-table" class="list-table">
  351. </tbody>
  352. </table>
  353. </div>
  354. </div>
  355. <div class="tab-pane" id="syfujian">
  356. <div class="sjs-height-3" style="overflow:auto; overflow-x:hidden;">
  357. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  358. <tr><th width="25"><input type="checkbox" class="check-all-file"></th><th>文件名</th><th width="80">上传</th></tr>
  359. <tbody id="alllist-table" class="list-table">
  360. </tbody>
  361. </table>
  362. </div>
  363. </div>
  364. <div class="sjs-bottom">
  365. <div class="resize-y" id="file-spr" r-Type="height" div1=".sjs-height-3" div2=".sjs-bottom" title="调整大小"><!--调整上下高度条--></div>
  366. <br>
  367. <div class="tab-content" id="showAttachment" style="display: none" file-id="">
  368. <div class="sjs-bottom-2">
  369. <a href="javascript:void(0);" target="_blank" style="display: none" id="load-file"></a>
  370. <div class="d-flex justify-content-end mb-1" id="btn-att">
  371. <a href="javascript:void(0);" content="location" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">定位</a>
  372. <a href="javascript:void(0);" content="view" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">查看</a>
  373. <!--默认 有删除权限-->
  374. <a href="javascript:void(0);" content="del" class="btn btn-sm text-danger" style="display: none; margin-right: 5px">删除</a>
  375. <!--默认 有编辑权限-->
  376. <a href="javascript:void(0);" content="edit" class="btn btn-sm btn-outline-primary" style="display: none; margin-right: 5px">编辑</a>
  377. <!--编辑模式-->
  378. <a href="javascript:void(0);" content="save" class="btn btn-sm btn-outline-success mr-1" style="display: none; margin-right: 5px">保存</a>
  379. <a href="javascript:void(0);" content="cancel" class="btn btn-sm btn-outline-secondary" style="display: none; margin-right: 5px">取消</a>
  380. </div>
  381. <!--显示信息-->
  382. <table class="table table-sm table-bordered" id="show-att" style="word-break:break-all; table-layout: fixed">
  383. <tbody>
  384. <tr><th>文件名</th><td colspan="3">asdasd.jpg</td></tr>
  385. <tr><th>所在节点</th><td colspan="3" id="show-att-node">1 第一部分 建筑安装工程非</td></tr>
  386. <!-- <tr><td colspan="4"><a href="javascript:void(0);" target="_blank"><span>下载附件</span></a></td></tr> -->
  387. <tr><th>上传者</th><td>张三</td><th>上传时间</th><td>2018-10-20</td></tr>
  388. <tr><th>备注</th><td colspan="3"></td></tr>
  389. </tbody>
  390. </table>
  391. <div id="edit-att" style="display: none">
  392. <!--编辑模式-->
  393. <div class="form-group">
  394. <div class="input-group input-group-sm">
  395. <div class="input-group-prepend">
  396. <span class="input-group-text">文件名</span>
  397. </div>
  398. <input type="text" class="form-control form-control-sm" value="asdasd">
  399. <div class="input-group-append">
  400. <span class="input-group-text">.jpg</span>
  401. </div>
  402. </div>
  403. </div>
  404. <div class="form-group">
  405. <div class="input-group input-group-sm">
  406. <div class="input-group-prepend">
  407. <span class="input-group-text">所在节点</span>
  408. </div>
  409. <input type="text" class="form-control form-control-sm" value="1 第一部分 建筑安装工程非" readonly="">
  410. </div>
  411. </div>
  412. <div class="form-group">
  413. <div class="input-group input-group-sm">
  414. <div class="input-group-prepend">
  415. <span class="input-group-text">上传时间</span>
  416. </div>
  417. <input type="text" class="form-control form-control-sm" value="2018-10-20" readonly="">
  418. </div>
  419. </div>
  420. <div class="form-group">
  421. <div class="input-group input-group-sm">
  422. <div class="input-group-prepend">
  423. <span class="input-group-text">备注</span>
  424. </div>
  425. <input type="text" class="form-control form-control-sm" value="">
  426. </div>
  427. </div>
  428. <div class="form-group">
  429. <label>替换文件</label>
  430. <div class="custom-file">
  431. <input type="file" class="custom-file-input" id="change-att-btn">
  432. <label class="custom-file-label" data-browse="浏览" for="customFile">选择文件</label>
  433. </div>
  434. </div>
  435. </div>
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. <!--书签-->
  442. <div id="shuqian" class="tab-pane tab-select-show" style="display: none;">
  443. <div class="sjs-bar-2 d-flex justify-content-between">
  444. <div class="dropdown mr-2">
  445. <a class="btn btn-sm btn-outline-secondary" id="dropdownMenuButton1" data-toggle="dropdown" title="优先显示"><i class="fa fa-list-ol"></i></a>
  446. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton1" style="min-width:60px">
  447. <a class="dropdown-item" href="#"><i class="fa fa-list-ol"></i></a>
  448. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tag"></i></a>
  449. <a class="dropdown-item text-success " href="#"><i class="fa fa-tag"></i></a>
  450. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tag"></i></a>
  451. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tag"></i></a>
  452. <a class="dropdown-item text-info " href="#"><i class="fa fa-tag"></i></a>
  453. </div>
  454. </div>
  455. <div class="input-group input-group-sm">
  456. <input type="text" class="form-control" placeholder="可查找 项目节编号 / 清单编号 /名称">
  457. <div class="input-group-append">
  458. <button class="btn btn-outline-secondary" type="button">搜索</button>
  459. </div>
  460. </div>
  461. </div>
  462. <div class="sjs-sh-2" style="overflow: auto;">
  463. </div>
  464. </div>
  465. <div id="checked-change" class="tab-pane tab-select-show">
  466. <div class="sjs-bar">
  467. <button class="btn btn-sm btn-outline-primary pull-right" href="javascript: void(0);" id="refresh-cc" hint="如果有新审批通过的变更令,请点击刷新">重新获取变更令</button>
  468. </div>
  469. <div class="sjs-sh" id="cc-spread" style="overflow:hidden">
  470. </div>
  471. <div class="resize-y" id="change-spr" r-Type="height" div1="#cc-spread" div2=".sjs-bottom" title="调整大小"><!--调整上下高度条--></div>
  472. <div class="sjs-bottom" id="ccb-spread">
  473. </div>
  474. </div>
  475. <div id="bills-tag" class="tab-pane tab-select-show">
  476. </div>
  477. <div id="error-list" class="tab-pane tab-select-show">
  478. </div>
  479. <div id="check-list" class="tab-pane tab-select-show">
  480. </div>
  481. <div id="sum-load-miss" class="tab-pane tab-select-show">
  482. </div>
  483. <div id="shoufangdan" class="tab-pane tab-select-show">
  484. <div class="sjs-bar-3 d-flex">
  485. <span>本期收方单</span>
  486. <!--所有附件 翻页-->
  487. <span id="shoufang-showPage" class="ml-auto"><a href="javascript:void(0);" class="shoufang-page-select ml-3" content="pre"><i class="fa fa-chevron-left"></i></a> <span id="shoufang-currentPage">1</span>/<span id="shoufang-totalPage">10</span> <a href="javascript:void(0);" class="shoufang-page-select mr-3" content="next"><i class="fa fa-chevron-right"></i></a></span>
  488. </div>
  489. <div class="sjs-height-6" style="overflow:auto; overflow-x:hidden;">
  490. <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
  491. <tr><th>清单 / 计量单元</th><th width="40">附件</th><th width="100">收方单</th></tr>
  492. <tbody id="shoufang-table" class="list-table">
  493. </tbody>
  494. </table>
  495. </div>
  496. </div>
  497. </div>
  498. </div>
  499. </div>
  500. <div class="side-menu">
  501. <!--右侧菜单-->
  502. <ul class="nav flex-column right-nav">
  503. <li class="nav-item">
  504. <a class="nav-link" content="#zhongjian" id="zhongjiantab" href="javascript: void(0);">中间计量</a>
  505. </li>
  506. <li class="nav-item">
  507. <a class="nav-link" content="#search" href="javascript: void(0);">查找定位</a>
  508. </li>
  509. <li class="nav-item">
  510. <a class="nav-link" content="#fujian" href="javascript: void(0);">附件</a>
  511. </li>
  512. <li class="nav-item">
  513. <a class="nav-link" content="#shuqian" href="javascript: void(0);" style="display: none;">书签</a>
  514. </li>
  515. <li class="nav-item">
  516. <a class="nav-link" content="#checked-change" href="javascript: void(0);">变更令</a>
  517. </li>
  518. <li class="nav-item">
  519. <a class="nav-link" content="#bills-tag" href="javascript: void(0);">书签</a>
  520. </li>
  521. <li class="nav-item">
  522. <a class="nav-link" content="#check-list" id="check-list-tab" href="javascript: void(0);" style="display: none;">检查错误</a>
  523. </li>
  524. <li class="nav-item">
  525. <a class="nav-link" content="#error-list" id="error-list-tab" href="javascript: void(0);" style="display: none;">错误列表</a>
  526. </li>
  527. <li class="nav-item">
  528. <a class="nav-link" content="#sum-load-miss" id="sum-load-miss-tab" href="javascript: void(0);" style="display: none;">导入信息</a>
  529. </li>
  530. <li class="nav-item">
  531. <a class="nav-link" content="#shoufangdan" id="shoufang-tab" href="javascript: void(0);">收方单</a>
  532. </li>
  533. </ul>
  534. </div>
  535. </div>
  536. <div style="display: none">
  537. <img src="/public/images/ellipsis_horizontal.png" id="ellipsis-icon" />
  538. <img src="/public/images/icon-ok.png" id="icon-ok" />
  539. <img src="/public/images/file_clip.png" id="rela-file-icon">
  540. <img src="/public/images/file_clip_hover.png" id="rela-file-hover">
  541. </div>
  542. </div>
  543. <script src="/public/js/moment/moment.min.js"></script>
  544. <script>
  545. String.prototype.replaceAll = function (FindText, RepText) {
  546. regExp = new RegExp(FindText, 'g');
  547. return this.replace(regExp, RepText);
  548. }
  549. const readOnly = <%- stage.readOnly || stage.revising || (stage.assist ? !!stage.assist.confirm : false) %>;
  550. const ledgerSpreadSetting = JSON.parse('<%- JSON.stringify(ledgerSpread) %>');
  551. ledgerSpreadSetting.localCache = {
  552. key: 'stage-bills',
  553. colWidth: true,
  554. }
  555. const posSpreadSetting = JSON.parse('<%- JSON.stringify(posSpread) %>');
  556. posSpreadSetting.localCache = {
  557. key: 'stage-pos',
  558. colWidth: true,
  559. }
  560. const tender = JSON.parse(unescape('<%- escape(JSON.stringify(tender)) %>'));
  561. const tenderInfo = JSON.parse(unescape('<%- escape(JSON.stringify(ctx.tender.info)) %>'));
  562. const thousandth = <%- ctx.tender.info.display.thousandth %>;
  563. const precision = JSON.parse('<%- JSON.stringify(ctx.tender.info.precision) %>');
  564. const measureType = JSON.parse('<%- JSON.stringify(measureType) %>');
  565. const stage = JSON.parse(unescape('<%- escape(JSON.stringify(ctx.stage)) %>'));
  566. const imType = JSON.parse('<%- JSON.stringify(imType) %>');
  567. const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
  568. let attData = JSON.parse(unescape('<%- escape(JSON.stringify(attData)) %>'));
  569. const ckColSetting = 'stage-col-visible-1.0.3-<%- tender.id %>';
  570. const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
  571. const thirdParty = JSON.parse('<%- JSON.stringify(thirdParty) %>');
  572. const sfAttDelPower = <%- sfAttDelPower %>;
  573. let sfData = JSON.parse(unescape('<%- escape(JSON.stringify(sfData)) %>'));
  574. const hintOver = <%- hintOver %>;
  575. const hintMinusCb = <%- hintMinusCb %>;
  576. let currPageFileData = [];
  577. const settleStatus = JSON.parse('<%- JSON.stringify(settleStatus) %>');
  578. const contractExpr = <%- !!ctx.subProject.page_show.openContractExpr %>;
  579. const deleteFilePermission = <%- deleteFilePermission %>;
  580. </script>
  581. <style>
  582. </style>