modal.ejs 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. <!--列设置-->
  2. <div class="modal fade" id="row-view" data-backdrop="static">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title">列显示</h5>
  7. </div>
  8. <div class="modal-body">
  9. <table class="table table-bordered table-sm">
  10. <thead>
  11. <tr><th>列项</th><th width="90">显示</th></tr>
  12. </thead>
  13. <tbody id="row-view-list">
  14. <tr><td>签约合同</td><td><input type="checkbox" checked=""></td></tr>
  15. <tr><td>施工图复核</td><td><input type="checkbox" checked=""></td></tr>
  16. <tr><td>本期计量合同</td><td><input type="checkbox" checked=""></td></tr>
  17. <tr><td>本期数量变更</td><td><input type="checkbox" checked=""></td></tr>
  18. <tr><td>本期完成计量</td><td><input type="checkbox" checked=""></td></tr>
  19. <tr><td>截止本期合同计量</td><td><input type="checkbox"></td></tr>
  20. <tr><td>截止本期数量变更</td><td><input type="checkbox"></td></tr>
  21. <tr><td>截止本期完成计量</td><td><input type="checkbox" checked=""></td></tr>
  22. <tr><td>图册号</td><td><input type="checkbox" checked=""></td></tr>
  23. <tr><td>累计完成率(%)</td><td><input type="checkbox" checked=""></td></tr>
  24. <tr><td>备注</td><td><input type="checkbox" checked=""></td></tr>
  25. </tbody>
  26. </table>
  27. </div>
  28. <div class="modal-footer">
  29. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  30. <button type="button" class="btn btn-primary" id="row-view-ok">确认</button>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <!--弹出调用变更令-->
  36. <div class="modal fade" id="use-bg" data-backdrop="static">
  37. <div class="modal-dialog modal-lgx" role="document">
  38. <div class="modal-content">
  39. <div class="modal-header">
  40. <h5 class="modal-title">使用变更令</h5>
  41. </div>
  42. <div class="modal-body">
  43. <div class="row">
  44. <div id="bgl" class="col-8">
  45. <ul class="nav nav-tabs">
  46. <li class="nav-item">
  47. <p class="mb-0 mt-2 mr-3" id="b-code-hint">当前变更清单:201-1-1</p>
  48. </li>
  49. <li class="nav-item">
  50. <div class="custom-control custom-checkbox my-2">
  51. <input class="custom-control-input" id="filterEmpty" checked="" type="checkbox">
  52. <label class="custom-control-label" for="filterEmpty">显示可变更数量为0项 </label>
  53. </div>
  54. </li>
  55. <li class="nav-item">
  56. <div class="custom-control custom-checkbox my-2">
  57. <input class="custom-control-input" id="matchPos" checked="" type="checkbox">
  58. <label class="custom-control-label" for="matchPos">匹配变更部位 </label>
  59. </div>
  60. </li>
  61. </ul>
  62. <div class="modal-height-500" id="change-spread">
  63. </div>
  64. <div class="m-close-side" id="show-bgl-detail">
  65. <a href="javascript: void(0);" title="收起侧栏" class="text-primary"><i class="fa fa-chevron-right"></i></a>
  66. </div>
  67. </div>
  68. <div id="bgl-detail" class="col-4">
  69. <ul class="nav nav-tabs">
  70. <li class="nav-item">
  71. <a class="nav-link active" data-toggle="tab" href="#bgsm" role="tab">变更理由及内容</a>
  72. </li>
  73. <li class="nav-item">
  74. <a class="nav-link" data-toggle="tab" href="#detail" role="tab">变更信息</a>
  75. </li>
  76. <li class="nav-item">
  77. <a class="nav-link" data-toggle="tab" href="#bg-fujian" role="tab">附件</a>
  78. </li>
  79. </ul>
  80. <div class="modal-height-500" style="overflow: auto">
  81. <div class="tab-content">
  82. <div id="bgsm" class="tab-pane active">
  83. <div class="form-group">
  84. <label></label>
  85. <textarea name="content" class="form-control form-control-sm" rows="6" readonly>
  86. </textarea>
  87. </div>
  88. </div>
  89. <div id="detail" class="tab-pane">
  90. <div class="form-group mt-3">
  91. <label>批复编号</label>
  92. <input class="form-control form-control-sm" name="p_code" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
  93. </div>
  94. <div class="form-group">
  95. <label>工程名称</label>
  96. <input class="form-control form-control-sm" name="name" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
  97. </div>
  98. <div class="form-group">
  99. <label>桩号</label>
  100. <input class="form-control form-control-sm" name="peg" value="K0+532" type="text" readonly>
  101. </div>
  102. <div class="form-group">
  103. <label>原设计图名称</label>
  104. <input class="form-control form-control-sm" name="org_name" placeholder="" type="text" readonly>
  105. </div>
  106. <div class="form-group">
  107. <label>原图号</label>
  108. <input class="form-control form-control-sm" name="org_code" placeholder="" type="text" readonly>
  109. </div>
  110. <div class="form-group">
  111. <label>变更设计图名称</label>
  112. <input class="form-control form-control-sm" name="new_name" placeholder="" type="text" readonly>
  113. </div>
  114. <div class="form-group">
  115. <label>变更图号</label>
  116. <input class="form-control form-control-sm" name="new_code" placeholder="" type="text" readonly>
  117. </div>
  118. <div class="form-group">
  119. <label>工程变更理由及内容</label>
  120. <textarea class="form-control form-control-sm" name="content" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土,地基松软,无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察,采用抛石挤淤、砂砾换填以达到地基承载力。
  121. </textarea>
  122. </div>
  123. <div class="form-group">
  124. <label>工程变更合同依据</label>
  125. <textarea class="form-control form-control-sm" name="basis" rows="6" readonly></textarea>
  126. </div>
  127. <div class="form-group">
  128. <label>变更类型</label>
  129. <div class="checkbox">
  130. <% for (const t in changeConst.type) { %>
  131. <% const cType = changeConst.type[t] %>
  132. <label class="checkbox-inline">
  133. <input value="<%- cType.value %>" name="type" type="checkbox" disabled><%- cType.name %>
  134. </label>
  135. <% } %>
  136. </div>
  137. </div>
  138. <div class="form-group">
  139. <label>变更类别 </label>
  140. <select class="form-control form-control-sm" name="class" disabled>
  141. <% for (const c in changeConst.class) { %>
  142. <% const cClass = changeConst.class[c] %>
  143. <option value="<%- cClass.value %>"><%- cClass.name %></option>
  144. <% } %>
  145. </select>
  146. </div>
  147. <div class="form-group">
  148. <label>变更性质 </label>
  149. <select class="form-control form-control-sm" name="quality" disabled>
  150. <% for (const q in changeConst.quality) { %>
  151. <% const cQuality = changeConst.quality[q] %>
  152. <option value="<%- cQuality.value %>"><%- cQuality.name %></option>
  153. <% } %>
  154. </select>
  155. </div>
  156. <div class="form-group">
  157. <label>变更提出单位</label>
  158. <select class="form-control form-control-sm" name="company" disabled>
  159. </select>
  160. </div>
  161. <div class="form-group">
  162. <label>费用承担方</label>
  163. <div class="radio">
  164. <% for (const c in changeConst.charge) { %>
  165. <% const cCharge = changeConst.charge[c] %>
  166. <label class="radio-inline">
  167. <input value="<%- cCharge.value %>" name="charge" type="radio" disabled> <%- cCharge.name %>
  168. </label>
  169. <% } %>
  170. </div>
  171. </div>
  172. <div class="form-group">
  173. <label>备注</label>
  174. <textarea name="memo" class="form-control form-control-sm" rows="3" readonly></textarea>
  175. </div>
  176. </div>
  177. <div id="bg-fujian" class="tab-pane">
  178. <table class="table table-bordered">
  179. <thead>
  180. <tr><th>名称</th><th>上传者</th></tr>
  181. </thead>
  182. <tbody id="attachment">
  183. </tbody>
  184. </table>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="modal-footer">
  192. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  193. <% if (!stage.readOnly) { %>
  194. <button type="button" class="btn btn-primary" id="usg-bg-ok">添加</button>
  195. <% } %>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. <!--添加草图-->
  201. <div class="modal fade" id="edit-img" data-backdrop="static">
  202. <div class="modal-dialog modal-lgx" role="document">
  203. <div class="modal-content">
  204. <div class="modal-header">
  205. <h5 class="modal-title">添加草图</h5>
  206. </div>
  207. <div class="modal-body">
  208. <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
  209. <div class="img-view">
  210. <div class="img-item">
  211. <div class="img-bar">
  212. <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
  213. </div>
  214. <!--<img src="img/sketch/1.png" id="draggable">-->
  215. </div>
  216. <div class="img-item" style="left:300px;">
  217. <div class="img-bar">
  218. <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
  219. </div>
  220. <!--<img src="img/sketch/2.png" id="draggable">-->
  221. </div>
  222. </div>
  223. </div>
  224. <div class="modal-footer">
  225. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  226. <button type="button" class="btn btn-primary" >确认</button>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <!--上传附件-->
  232. <div class="modal fade" id="upload" data-backdrop="static">
  233. <div class="modal-dialog" role="document">
  234. <div class="modal-content">
  235. <div class="modal-header">
  236. <h5 class="modal-title">上传附件</h5>
  237. </div>
  238. <div class="modal-body">
  239. <div class="form-group">
  240. <label for="formGroupExampleInput">大小限制:10MB,支持<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="rar,zip">压缩包格式</span></label>
  241. <input type="file" class="form-control" id="upload-file" multiple>
  242. </div>
  243. </div>
  244. <div class="modal-footer">
  245. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  246. <button type="button" class="btn btn-primary" id="upload-file-btn">确认</button>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. <% include ./audit_modal.ejs %>