project_glj.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328
  1. <style type="text/css">
  2. .copy,#save-as-tips{
  3. display: none;
  4. }
  5. </style>
  6. <div class="toolsbar px-1" id="projectGljToolsBar">
  7. <div class="form-inline py-1">
  8. <label class="mx-2">使用单价文件:<span id="current-name"></span>(<label class="a_color" id="pop-used-list" data-original-title="" title="">与<span id="used-project-count">0</span>个单位工程同步</label>)
  9. <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-unitFile"><i class="fa fa-exchange"></i> 选择其他</a>
  10. <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#unitFile-save-as"><i class="fa fa-files-o"></i> 另存单独用</a>
  11. <a class="btn btn-sm ml-1" id="editUnitFile" href="/unitPrice/index/123" target="_"> 编辑单价文件</a>
  12. </label>
  13. <select class="form-control form-control-sm" style="width: auto; font-size: .875rem ;color: #007bff" id="adjustType">
  14. <option value="priceInfo" selected>造价信息差额调整法</option>
  15. <option value="priceCoe">价格指数调整法</option>
  16. </select>
  17. </div>
  18. </div>
  19. <div class="container-fluid">
  20. <div class="row">
  21. <div class="gl-side " id='filterType'>
  22. <ul class="nav flex-column nav-side mt-2 mb-2" style="margin-top: 0px!important;">
  23. <li class="nav-item" ><a class="nav-link active" href="#" id="ALL">所有人材机</a></li>
  24. <!-- <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="LABOUR">人工</a></li>
  25. <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="GENERAL_MATERIAL">材料</a></li>
  26. <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="GENERAL_MACHINE">机械</a></li>
  27. <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="MAIN_MATERIAL">主材</a></li>
  28. <li class="nav-item li_sub"><a class="nav-link" href="javascript:void(0)" id="EQUIPMENT">设备</a></li>-->
  29. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="FBFX">分部分项人材机</a></li>
  30. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="TECH">措施项目人材机</a></li>
  31. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="JGCL">甲供材料</a></li>
  32. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="ZGCL">暂估材料</a></li>
  33. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="SCHZ">三材汇总</a></li>
  34. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="ZYCL">主要材料</a></li>
  35. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="AMAE">承包人主要材料设备</a></li>
  36. <li class="nav-item"><a class="nav-link" href="javascript:void(0)" id="PBCL">评标材料</a></li>
  37. </ul>
  38. </div>
  39. <div class="main-content col p-0" id="material_adjust" style="overflow: hidden; display: none">
  40. <div class="" id="material_adjust_sheet" style="overflow: hidden;width: 100%">
  41. </div>
  42. </div>
  43. <div class="main-content col p-0" id="config_material" style="overflow: hidden; display: none"><!--暂估材料,主要材料等-->
  44. <div class="top-content" id="configMaterialTop" style="overflow: hidden">
  45. <div class="main-data-top" style="width: 100%; overflow: hidden" id="config_material_sheet">
  46. </div>
  47. </div>
  48. <div class="resize-y" id="configMaterialResize"></div>
  49. <div class="bottom-content" id="configMaterialBottom">
  50. <ul class="nav nav-tabs" role="tablist">
  51. <li class="nav-item">
  52. <a class=" nav-link active " data-toggle="tab" data-name="related_sheet" id="related_link" href="#related_div" role="tab">关联暂估材料</a>
  53. </li>
  54. <!-- <li class="nav-item">
  55. <a class=" nav-link " data-toggle="tab" data-name="detail_sheet" id="detail_link" href="#related_div" role="tab">关联暂估材料明细</a>
  56. </li>-->
  57. </ul>
  58. <!-- Tab panes -->
  59. <div class="tab-content">
  60. <div class="tab-pane active" id="related_div" role="tabpanel">
  61. <div class="form-inline py-1 toolsbar_feeRate" id="filterToolDiv">
  62. <label class="mx-2" for="filterGljName">材料名称包括:</label>
  63. <input type="text" class="form-control form-control-sm" id="filterGljName">
  64. <button type="button" class="btn btn-outline-primary btn-sm" id = "filterAgain">重新过滤</button>
  65. <!-- <button type="button" class="btn btn-outline-primary btn-sm" id = "autoRelated">自动关联招标材料</button>-->
  66. </div>
  67. <div class="main-data-bottom" id="related_sheet" style="overflow:hidden">
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="main-content col p-0" id="project-glj-main" style="overflow: hidden; ">
  74. <div class="top-content" id="projectGljTop" style="overflow: hidden">
  75. <div class="main-data-top" style="width: 100%; overflow: hidden" id="project_glj_sheet">
  76. </div>
  77. </div>
  78. <div class="resize-y" id="projectGljResize"></div>
  79. <div class="bottom-content" id="projectGljBottom">
  80. <ul class="nav nav-tabs" role="tablist">
  81. <!-- <li class="nav-item">
  82. <a class="nav-link active" data-toggle="tab" data-name="ration_sheet" id="ration_link" href="#glj_de_div" role="tab">相关定额</a>
  83. </li>-->
  84. <!-- <li class="nav-item">
  85. <a class="nav-link active" data-toggle="tab" data-name="mix_ratio_sheet" id="mix_ratio_link" href="#ph_div" role="tab">组成物</a> 配合比、机械单价表合并
  86. </li>-->
  87. <!-- <li class="nav-item">
  88. <a class="nav-link" data-toggle="tab" data-name="machine_sheet" id="machine_ratio_link" href="#ph_div" role="tab">机械单价</a>
  89. </li>-->
  90. </ul>
  91. <!-- Tab panes -->
  92. <div class="tab-content">
  93. <!--<div class="tab-pane active" id="glj_de_div" role="tabpanel">
  94. <div class="main-data-bottom ovf-hidden">
  95. 相关定额
  96. </div>
  97. </div>-->
  98. <div class="tab-pane active" id="ph_div" role="tabpanel">
  99. <div class="main-data-bottom" id="mix_ratio_sheet" style="overflow:hidden">
  100. </div>
  101. </div>
  102. <!-- <div class="tab-pane" id="jx_div" role="tabpanel">
  103. <div class="main-data-bottom" id="machine_sheet">
  104. </div>
  105. </div>-->
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <!--弹出更换-->
  112. <div class="modal fade" id="change-unitFile" data-backdrop="static">
  113. <div class="modal-dialog" role="document">
  114. <div class="modal-content">
  115. <div class="modal-header">
  116. <h5 class="modal-title">更换单价文件</h5>
  117. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  118. <span aria-hidden="true">&times;</span>
  119. </button>
  120. </div>
  121. <div class="modal-body">
  122. <div class="form-group">
  123. <label class="custom-control custom-radio">
  124. <input name="change-type" type="radio" class="" checked="checked" value="0">
  125. <span class="custom-control-indicator"></span>
  126. <span class="custom-control-description">从本建设项目中选择</span>
  127. </label>
  128. <label class="custom-control custom-radio">
  129. <input name="change-type" type="radio" class="" value="1">
  130. <span class="custom-control-indicator"></span>
  131. <span class="custom-control-description">从其他建设项目中复制</span>
  132. </label>
  133. </div>
  134. <!--从本建设项目中选择-->
  135. <div class="form-group select option">
  136. <label id="current-project-name"></label>
  137. <select class="form-control" id="self-file"></select>
  138. </div>
  139. <!--从其他建设项目中复制-->
  140. <div class="form-group copy option">
  141. <label>选择建设项目</label>
  142. <select class="form-control" id="other-project"></select>
  143. </div>
  144. <div class="form-group copy option">
  145. <select class="form-control" id="other-file"></select>
  146. <small class="form-text text-muted">你选择的单价文件将复制一份至新项目,不会影响原建设项目的单价文件。</small>
  147. </div>
  148. </div>
  149. <div class="modal-footer">
  150. <a href="javascript:void(0);" class="btn btn-primary" id="change-file-confirm">确定</a>
  151. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. <!--弹出 另存新文件-->
  157. <div class="modal fade" id="unitFile-save-as" data-backdrop="static">
  158. <div class="modal-dialog" role="document">
  159. <div class="modal-content">
  160. <div class="modal-header">
  161. <h5 class="modal-title">另存新单价文件</h5>
  162. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  163. <span aria-hidden="true">&times;</span>
  164. </button>
  165. </div>
  166. <div class="modal-body">
  167. <div class="form-group">
  168. <label>单价文件名称</label>
  169. <input class="form-control" id="save-as-name" value="">
  170. <small class="form-text text-danger" id="save-as-tips">已存在同名单价文件。</small>
  171. </div>
  172. </div>
  173. <div class="modal-footer">
  174. <button type="button" class="btn btn-primary" id="save-as-confirm">确定</button>
  175. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. <!--弹出 重命名窗口-->
  181. <div class="modal fade" id="rename-unitFile" data-backdrop="static">
  182. <div class="modal-dialog" role="document">
  183. <div class="modal-content">
  184. <div class="modal-header">
  185. <h5 class="modal-title">重命名</h5>
  186. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  187. <span aria-hidden="true">&times;</span>
  188. </button>
  189. </div>
  190. <div class="modal-body">
  191. <div class="form-group">
  192. <label>单价文件名称</label>
  193. <input class="form-control" id="newUnitFileID" value="" style="display: none">
  194. <input class="form-control" id="newUnitFileName" value="">
  195. <small class="form-text text-danger" id="renameError_unitFile">本建设项目中已存在同名单价文件。</small>
  196. </div>
  197. </div>
  198. <div class="modal-footer">
  199. <button type="button" class="btn btn-primary" id="renameUnitFileConfirm">确定</button>
  200. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. <!--弹出 从人材机汇总中选择-->
  206. <div class="modal fade" id="selectFromGLJ" data-backdrop="static">
  207. <div class="modal-dialog modal-lg" role="document">
  208. <div class="modal-content">
  209. <div class="modal-header">
  210. <h5 class="modal-title">从人材机汇总中选择</h5>
  211. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  212. <span aria-hidden="true">&times;</span>
  213. </button>
  214. </div>
  215. <div class="modal-body" style="padding: 0px">
  216. <div class="btn-toolbar" style="margin: 10px">
  217. <div class="btn-group btn-group-sm mr-2">
  218. <button type="button" class="btn btn-outline-primary glj_sel_check_btn">全选</button>
  219. <button type="button" class="btn btn-outline-primary glj_sel_check_btn">全选主材</button>
  220. <button type="button" class="btn btn-outline-primary glj_sel_check_btn">全选设备</button>
  221. </div>
  222. <!--前面3个按钮 有选中状态,出现 取消 按钮-->
  223. <button type="button" class="btn btn-outline-danger btn-sm mr-2 glj_sel_check_btn">取消</button>
  224. <div class="input-group input-group-sm mr-2" style="width:200px">
  225. <input type="text" class="form-control form-control-sm" placeholder="查找" id="glj_sel_input" value="">
  226. <div class="input-group-append">
  227. <button class="btn btn-outline-primary btn-sm" id="glj_sel_btn_find" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
  228. </div>
  229. </div>
  230. <div class="input-group input-group-sm">
  231. <div class="form-check form-check-inline">
  232. <input class="form-check-input glj_sel_input" type="checkbox" id="glj_sel_all" value="0">
  233. <label class="form-check-label" for="glj_sel_all">所有</label>
  234. </div>
  235. <div class="form-check form-check-inline">
  236. <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_labour" value="1">
  237. <label class="form-check-label" for="glj_sel_labour">人</label>
  238. </div>
  239. <div class="form-check form-check-inline">
  240. <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_material" checked value="2">
  241. <label class="form-check-label" for="glj_sel_material">材</label>
  242. </div>
  243. <div class="form-check form-check-inline">
  244. <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_machine" value="3">
  245. <label class="form-check-label" for="glj_sel_machine">机</label>
  246. </div>
  247. <div class="form-check form-check-inline">
  248. <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_main" checked value="4">
  249. <label class="form-check-label" for="glj_sel_main">主材</label>
  250. </div>
  251. <div class="form-check form-check-inline">
  252. <input class="form-check-input glj_sel_input glj_sel_input_other" type="checkbox" id="glj_sel_eqp" checked value="5">
  253. <label class="form-check-label" for="glj_sel_eqp">设备</label>
  254. </div>
  255. </div>
  256. </div>
  257. <div class="modal-auto-height" style="margin-top:10px; border: 1px solid #ccc">
  258. <div id="glj_from_sheet" style="overflow: hidden;height: 100%"></div>
  259. </div>
  260. </div>
  261. <div class="modal-footer">
  262. <button type="button" class="btn btn-primary" id="glj_sel_confirm" data-dismiss="modal">确定</button>
  263. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. <!--暂估材料弹出 从人材机汇总中选择-->
  269. <div class="modal fade" id="selectPGLJ" data-backdrop="static">
  270. <div class="modal-dialog modal-lg" role="document">
  271. <div class="modal-content">
  272. <div class="modal-header">
  273. <h5 class="modal-title">从人材机汇总中选择</h5>
  274. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  275. <span aria-hidden="true">&times;</span>
  276. </button>
  277. </div>
  278. <div class="modal-body" style="padding: 0px">
  279. <div class="btn-toolbar" style="margin: 10px">
  280. <div class="btn-group btn-group-sm mr-2">
  281. <button type="button" class="btn btn-outline-primary pglj_sel_check_btn">全选</button>
  282. <button type="button" class="btn btn-outline-primary pglj_sel_check_btn">全选主材</button>
  283. <button type="button" class="btn btn-outline-primary pglj_sel_check_btn">全选设备</button>
  284. </div>
  285. <!--前面3个按钮 有选中状态,出现 取消 按钮-->
  286. <button type="button" class="btn btn-outline-danger btn-sm mr-2 pglj_sel_check_btn">取消</button>
  287. <div class="input-group input-group-sm mr-2" style="width:200px">
  288. <input type="text" class="form-control form-control-sm" placeholder="查找" id="pglj_sel_input" value="">
  289. <div class="input-group-append">
  290. <button class="btn btn-outline-primary btn-sm" id="pglj_sel_btn_find" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
  291. </div>
  292. </div>
  293. <div class="input-group input-group-sm">
  294. <div class="form-check form-check-inline">
  295. <input class="form-check-input pglj_sel_input" type="checkbox" id="pglj_sel_all" value="0">
  296. <label class="form-check-label" for="pglj_sel_all">所有</label>
  297. </div>
  298. <div class="form-check form-check-inline">
  299. <input class="form-check-input pglj_sel_input pglj_sel_input_other" type="checkbox" id="pglj_sel_material" checked value="2">
  300. <label class="form-check-label" for="pglj_sel_material">材</label>
  301. </div>
  302. <div class="form-check form-check-inline">
  303. <input class="form-check-input pglj_sel_input pglj_sel_input_other" type="checkbox" id="pglj_sel_main" checked value="4">
  304. <label class="form-check-label" for="pglj_sel_main">主材</label>
  305. </div>
  306. <div class="form-check form-check-inline">
  307. <input class="form-check-input pglj_sel_input pglj_sel_input_other" type="checkbox" id="pglj_sel_eqp" checked value="5">
  308. <label class="form-check-label" for="pglj_sel_eqp">设备</label>
  309. </div>
  310. </div>
  311. </div>
  312. <div class="modal-auto-height" style="margin-top:10px; border: 1px solid #ccc">
  313. <div id="pglj_from_sheet" style="overflow: hidden;height: 100%"></div>
  314. </div>
  315. </div>
  316. <div class="modal-footer">
  317. <button type="button" class="btn btn-primary" id="pglj_sel_confirm" data-dismiss="modal">确定</button>
  318. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  319. </div>
  320. </div>
  321. </div>
  322. </div>