jiliang-qi-detail-1.html 109 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>期计量-计量支付</title>
  8. <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="css/main.css">
  10. <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
  11. <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
  12. <script src=js/echarts/echarts.min.js></script>
  13. </head>
  14. <body>
  15. <div class="main">
  16. <div class="main-nav d-flex align-items-start flex-column">
  17. <div class="logo"><img src="img/logo.png"></div>
  18. <div class="nav-top">
  19. <ul class="nav nav-pills nav-stacked bg-nav">
  20. <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
  21. <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
  22. <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
  23. </ul>
  24. </div>
  25. <div class="nav-bottom mt-auto">
  26. <ul class="nav nav-pills nav-stacked bg-nav">
  27. <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
  28. </ul>
  29. <div class="dropright my-1 ml-1">
  30. <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
  31. 张三
  32. </a>
  33. <div class="dropdown-menu">
  34. <a href="account-info.html" class="dropdown-item">账号资料</a>
  35. <a href="#" class="dropdown-item">账号安全</a>
  36. <div class="dropdown-divider"></div>
  37. <a href="#" class="dropdown-item">帮助中心</a>
  38. <a href="#" class="dropdown-item">退出登录</a>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="main-panel">
  44. <div class="panel-sidebar">
  45. <div class="panel-title">
  46. <div class="title-bar">
  47. <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
  48. </div>
  49. </div>
  50. <div class="scrollbar-auto">
  51. <div class="nav-box">
  52. <ul class="nav-list list-unstyled">
  53. <li class=""><a href="jiliang-qi.html" class="text-primary"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
  54. </ul>
  55. </div>
  56. <div class="nav-box">
  57. <ul class="nav-list list-unstyled">
  58. <li class="active"><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
  59. </ul>
  60. </div>
  61. <div class="nav-box">
  62. <ul class="nav-list list-unstyled">
  63. <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
  64. </ul>
  65. </div>
  66. <div class="nav-box">
  67. <ul class="nav-list list-unstyled">
  68. <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
  69. </ul>
  70. </div>
  71. <div class="nav-box">
  72. <ul class="nav-list list-unstyled">
  73. <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
  74. </ul>
  75. </div>
  76. <div class="nav-box">
  77. <ul class="nav-list list-unstyled">
  78. <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
  79. </ul>
  80. </div>
  81. <div class="nav-box">
  82. <ul class="nav-list list-unstyled">
  83. <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
  84. </ul>
  85. </div>
  86. <div class="nav-box">
  87. <ul class="nav-list list-unstyled">
  88. <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
  89. </ul>
  90. </div>
  91. <div class="nav-box">
  92. <ul class="nav-list list-unstyled">
  93. <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
  94. </ul>
  95. </div>
  96. <div class="nav-box">
  97. <ul class="nav-list list-unstyled">
  98. <li class=""><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
  99. </ul>
  100. </div>
  101. <div class="contarl-box">
  102. <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a>
  103. <!-- <a href="#sub-sp3" data-toggle="modal" data-target="#sub-sp3" class="btn btn-primary btn-sm btn-block">上报审批</a>
  104. <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm btn-block">重新上报</a> -->
  105. <!--状态显示-->
  106. <!-- <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
  107. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm btn-block">审批中</a>
  108. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm btn-block text-muted">审批退回</a> -->
  109. <!--审批操作-->
  110. <!-- <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm btn-block">审批通过</a>
  111. <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm btn-block">审批退回</a>
  112. <a href="#del-qi" data-toggle="modal" data-target="#del-qi" class="btn btn-outline-danger btn-sm btn-block mt-5">删除本期</a> -->
  113. </div>
  114. </div>
  115. </div>
  116. <div class="panel-content">
  117. <div class="panel-title">
  118. <div class="title-main d-flex">
  119. <div>
  120. <!-- <div class="d-inline-block">
  121. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-plus" aria-hidden="true"></i></a>
  122. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="复制"><i class="fa fa-files-o" aria-hidden="true"></i></a>
  123. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="剪切"><i class="fa fa-scissors" aria-hidden="true"></i></a>
  124. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="粘贴"><i class="fa fa-clipboard" aria-hidden="true"></i></a>
  125. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
  126. <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
  127. <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  128. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
  129. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  130. </div> -->
  131. <div class="d-inline-block">
  132. <div class="dropdown">
  133. <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  134. <i class="fa fa-list-ol"></i> 显示层级
  135. </button>
  136. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  137. <a class="dropdown-item" href="#">第一层</a>
  138. <a class="dropdown-item" href="#">第二层</a>
  139. <a class="dropdown-item" href="#">第三层</a>
  140. <a class="dropdown-item" href="#">第四层</a>
  141. <a class="dropdown-item" href="#">第五层</a>
  142. <a class="dropdown-item" href="#">最底层</a>
  143. <a class="dropdown-item" href="#">只显示项目节</a>
  144. <a class="dropdown-item" href="#">只显示本期计量</a>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="d-inline-block mx-1">
  149. <button href="#cate-set" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-target="#row-view"><i class="fa fa-table"></i> 列显示</button>
  150. </div>
  151. <div class="d-inline-block">
  152. <div class="dropdown">
  153. <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  154. <i class="fa fa-user"></i> 审批人
  155. </button>
  156. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  157. <a class="dropdown-item" href="#">布尔(原报)</a>
  158. <a class="dropdown-item" href="#">张三(一审)</a>
  159. <a class="dropdown-item" href="#">王五(二审)</a>
  160. <a class="dropdown-item" href="#">李四(终审)</a>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="d-inline-block">
  165. <div class="input-group input-group-sm">
  166. <div class="input-group-prepend">
  167. <span class="input-group-text" id="basic-addon1">表达式</span>
  168. </div>
  169. <input type="text" class="form-control m-0">
  170. </div>
  171. </div>
  172. </div>
  173. <div class="ml-auto">
  174. </div>
  175. </div>
  176. </div>
  177. <div class="content-wrap row pr-46">
  178. <div class="c-header p-0 col-12"></div>
  179. <!--核心内容(两栏)-->
  180. <div class="row w-100 sub-content">
  181. <!--左栏1-->
  182. <div class="c-body col-3">
  183. <div class="sjs-height-0" style="overflow-y: scroll;">
  184. <table class="table table-bordered">
  185. <thead>
  186. <tr><th>项目节编号</th><th>名称</th><th>台帐金额</th><th>截止本期完成</th></tr>
  187. </thead>
  188. <tr><td>1</td><td>第一部分 建筑安装工程费</td><td></td><td></td></tr>
  189. <tr><td>1-1</td><td>临时工程</td><td></td><td></td></tr>
  190. <tr><td>1-1-6</td><td>临时道路修建、养护与拆除(包括原道路的养护费)</td><td></td><td>
  191. <tr><td>1-1-8</td><td>临时占地</td><td></td><td></td></tr>
  192. <tr><td>1-1-9</td><td>临时供电设施</td><td></td><td></td></tr>
  193. <tr><td>1-1-10</td><td>电讯设施的提供、维修与拆除</td><td></td><td></td></tr>
  194. <tr><td>1-1-11</td><td>承包人驻地建设</td><td></td><td></td></tr>
  195. <tr><td>1-2</td><td>路基工程</td><td></td><td></td></tr>
  196. <tr><td>1-2-2</td><td>挖方</td><td></td><td></td></tr>
  197. <tr><td>1-2-2-1</td><td>挖土方</td><td></td><td></td></tr>
  198. <tr><td>1-2-2-1-1</td><td>挖路基土方</td><td></td><td></td></tr>
  199. <tr><td>1-4-5</td><td>特、大桥工程(100≤L,40≤Lk)</td><td></td><td></td></tr>
  200. <tr><td>1-4-5-1</td><td>×××(特)大桥(××结构类型)</td><td></td><td></td></tr>
  201. <tr><td>1-4-5-1-1</td><td>桥台(台高××m)</td><td></td><td></td></tr>
  202. <tr><td>1-4-5-1-1-1</td><td>桥台基础</td><td></td><td></td></tr>
  203. <tr class="table-primary"><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td></td><td></td></tr>
  204. <tr><td>1-4-5-1-1-1-2</td><td>桥台承台</td><td></td><td></td></tr>
  205. <tr><td>1-4-5-1-2</td><td>桥台台身</td><td></td><td></td></tr>
  206. <tr><td>1-4-5-1-3</td><td>桥台耳背墙</td><td></td><td></td></tr>
  207. <tr><td>1-4-5-1-4</td><td>桥台台帽</td><td></td><td></td></tr>
  208. </table>
  209. </div>
  210. </div>
  211. <!--左栏-->
  212. <div class="c-body resize-left col-9">
  213. <!--0号台帐模式-->
  214. <div class="sjs-height-0" style="overflow-y: scroll">
  215. <table class="table table-sm table-bordered">
  216. <thead>
  217. <tr>
  218. <th rowspan="2">项目节编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">台帐</th><th colspan="2">本期合同计量</th><th colspan="3">本期数量变更</th><th colspan="2">本期完成计量</th><th colspan="2">截止本期合同计量</th><th colspan="2">截止本期数量变更</th><th colspan="3">截止本期完成计量</th><th rowspan="2">图(册)号</th><th rowspan="2">备注</th>
  219. </tr>
  220. <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>变更令</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>完成率(%)</th></tr>
  221. </thead>
  222. <tr><td>1-4-5-1-1-1-1-1</td><td></td><td>0#桥台1#桩</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  223. <tr><td></td><td>403-1-a</td><td>光圆钢筋(HPB235、HPB300)</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  224. <tr><td></td><td>403-1-b</td><td>带肋钢筋(HRB335、HRB400))</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  225. <tr><td></td><td>405-1-a</td><td>桩径150cm</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  226. <tr><td>1-4-5-1-1-1-1-2</td><td></td><td>0#桥台2#桩</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  227. <tr><td></td><td>403-1-a</td><td>光圆钢筋(HPB235、HPB300)</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  228. <tr><td></td><td>403-1-b</td><td>带肋钢筋(HRB335、HRB400))</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  229. <tr><td></td><td>405-1-a</td><td>桩径150cm</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  230. <tr><td>1-4-5-1-1-1-1-3</td><td></td><td>0#桥台2#桩</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  231. <tr><td></td><td>403-1-a</td><td>光圆钢筋(HPB235、HPB300)</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  232. <tr><td></td><td>403-1-b</td><td>带肋钢筋(HRB335、HRB400))</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  233. <tr><td></td><td>405-1-a</td><td>桩径150cm</td><td>kg</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  234. </table>
  235. </div>
  236. </div>
  237. <!--右栏-->
  238. <div class="c-body resize-right col " style="display: none">
  239. <div class="resize-x" id="top-spr2" r-Type="width" div1=".resize-left" div2=".resize-right" title="调整大小"><!--调整上下高度条--></div>
  240. <div class="tab-content">
  241. <!--查找定位-->
  242. <div id="search" class="tab-pane active">
  243. <div class="sjs-bar-1">
  244. <div class="input-group input-group-sm pb-1">
  245. <input type="text" class="form-control" placeholder="可查找 项目节编号 / 清单编号 /名称" >
  246. <div class="input-group-append">
  247. <button class="btn btn-outline-secondary" type="button">搜索</button>
  248. </div>
  249. </div>
  250. </div>
  251. <div class="sjs-sh-1">
  252. <table class="table table-sm table-bordered">
  253. <tr><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>完成率(%)</th></tr>
  254. </table>
  255. </div>
  256. </div>
  257. <!--项目节-->
  258. <div id="xiangmujie" class="tab-pane">
  259. <div class="sjs-bar-2">
  260. <div class="pb-1"><select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select></div>
  261. </div>
  262. <div class="sjs-sh-2">
  263. <table class="table table-bordered">
  264. <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
  265. </table>
  266. </div>
  267. </div>
  268. <!--清单-->
  269. <div id="qingdan" class="tab-pane">
  270. <div class="sjs-bar-3">
  271. <div class="pb-1"><select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select></div>
  272. </div>
  273. <div class="sjs-sh-3">
  274. <table class="table table-bordered">
  275. <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
  276. </table>
  277. </div>
  278. </div>
  279. <!--签约清单-->
  280. <div id="qianyue" class="tab-pane">
  281. <div class="sjs-bar-4">
  282. <div class="pb-1"><a href="#upload-qianyue" data-toggle="modal" data-target="#upload-qianyue" class="btn btn-sm btn-primary">上传签约清单</a></div>
  283. </div>
  284. <div class="sjs-sh-4">
  285. <table class="table table-bordered">
  286. <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th></tr>
  287. </table>
  288. </div>
  289. </div>
  290. <!--书签1-->
  291. <!-- <div id="shuqian" class="tab-pane">
  292. <div class="sjs-bar"></div>
  293. <div class="sjs-height-3">
  294. <table class="table table-bordered">
  295. <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th></tr>
  296. <tr><td></td><td>1-2-2-1-1-4</td><td></td><td>K3+004-K4+040</td><td></td></tr>
  297. <tr><td></td><td></td><td>203-1-a</td><td>挖土方</td><td>m3</td></tr>
  298. </table>
  299. </div>
  300. <div class="sjs-bottom">
  301. <div class="form-group">
  302. <label class="d-flex justify-content-between">书签批注<button type="button" class="btn btn-sm btn-outline-primary">编辑</button></label>
  303. <p>这是批注详细内容。</p>
  304. <textarea name="" class="form-control" placeholder="请输入书签批注" rows="9">这是批注详细内容。</textarea>
  305. <div class="d-flex justify-content-end mt-3"><button type="button" class="btn btn-sm btn-outline-success"><i class="fa fa-check"></i> 提交</button>&nbsp;<button type="button" class="btn btn-sm btn-outline-danger"><i class="fa fa-close"></i> 取消</button></div>
  306. </div>
  307. </div>
  308. </div> -->
  309. <!--书签2-->
  310. <div id="shuqian" class="tab-pane">
  311. <div class="sjs-bar-5 d-flex justify-content-between">
  312. <div class="dropdown mr-2">
  313. <a class="btn btn-sm btn-outline-secondary" id="dropdownMenuButton1" data-toggle="dropdown" title="优先显示"><i class="fa fa-list-ol"></i></a>
  314. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton1" style="min-width:60px">
  315. <a class="dropdown-item" href="#"><i class="fa fa-list-ol"></i></a>
  316. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tag"></i></a>
  317. <a class="dropdown-item text-success " href="#"><i class="fa fa-tag"></i></a>
  318. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tag"></i></a>
  319. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tag"></i></a>
  320. <a class="dropdown-item text-info " href="#"><i class="fa fa-tag"></i></a>
  321. </div>
  322. </div>
  323. <div class="input-group input-group-sm">
  324. <input type="text" class="form-control" placeholder="可查找 项目节编号 / 清单编号 /名称">
  325. <div class="input-group-append">
  326. <button class="btn btn-outline-secondary" type="button">搜索</button>
  327. </div>
  328. </div>
  329. </div>
  330. <div class="sjs-sh-5" style="overflow: auto;">
  331. <!--添加/编辑 新书签-->
  332. <div class="card border-primary my-2">
  333. <div class="card-header p-2">
  334. <div class="dropdown">
  335. <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-primary" title="修改书签颜色"></i></a>
  336. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
  337. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
  338. <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
  339. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
  340. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
  341. <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
  342. </div>
  343. </div>1-2-2-1-1-1 / K3+005-K4+021 &copy;
  344. </div>
  345. <div class="card-body p-2">
  346. <p class="card-text">
  347. <textarea name="" class="form-control"></textarea>
  348. </p>
  349. <div class="d-flex justify-content-end"><button type="button" class="btn btn-sm btn-outline-danger mr-5"><i class="fa fa-close"></i> 删除书签</button>&nbsp;<button type="button" class="btn btn-sm btn-outline-success"><i class="fa fa-check"></i> 确定</button>&nbsp;<button type="button" class="btn btn-sm btn-outline-secondary">取消</button></div>
  350. </div>
  351. </div>
  352. <div class="card border-primary my-2 tag-item">
  353. <div class="card-header p-2">
  354. <div class="dropdown">
  355. <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-primary" title="修改书签颜色"></i></a>
  356. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
  357. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
  358. <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
  359. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
  360. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
  361. <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
  362. </div>
  363. </div>1-2-2-1-1-1 / K3+005-K4+021
  364. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
  365. </div>
  366. <div class="card-body p-2">
  367. <p class="card-text">这是批注内容。</p>
  368. </div>
  369. </div>
  370. <div class="card border-primary my-2 tag-item">
  371. <div class="card-header p-2">
  372. <div class="dropdown">
  373. <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-primary" title="修改书签颜色"></i></a>
  374. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
  375. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
  376. <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
  377. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
  378. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
  379. <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
  380. </div>
  381. </div>1-2-2-1-1-4 / K3+004-K4+040
  382. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
  383. </div>
  384. <div class="card-body p-2">
  385. <p class="card-text">这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容这是批注内容</p>
  386. </div>
  387. </div>
  388. <div class="card border-success my-2 tag-item">
  389. <div class="card-header p-2">
  390. <div class="dropdown">
  391. <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-success" title="修改书签颜色"></i></a>
  392. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
  393. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
  394. <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
  395. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
  396. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
  397. <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
  398. </div>
  399. </div>203-1-a / 挖土方
  400. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
  401. </div>
  402. <div class="card-body p-2">
  403. <p class="card-text">这是批注内容</p>
  404. </div>
  405. </div>
  406. <div class="card border-danger my-2 tag-item">
  407. <div class="card-header p-2">
  408. <div class="dropdown">
  409. <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-danger" title="修改书签颜色"></i></a>
  410. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
  411. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
  412. <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
  413. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
  414. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
  415. <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
  416. </div>
  417. </div>203-1-a / 挖土方
  418. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
  419. </div>
  420. <div class="card-body p-2">
  421. <p class="card-text">这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。这是批注内容。</p>
  422. </div>
  423. </div>
  424. <div class="card border-warning my-2 tag-item">
  425. <div class="card-header p-2">
  426. <div class="dropdown">
  427. <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-warning" title="修改书签颜色"></i></a>
  428. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
  429. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
  430. <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
  431. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
  432. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
  433. <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
  434. </div>
  435. </div>203-1-a / 挖土方
  436. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
  437. </div>
  438. <div class="card-body p-2">
  439. <p class="card-text">这是批注内容</p>
  440. </div>
  441. </div>
  442. <div class="card border-info my-2 tag-item">
  443. <div class="card-header p-2">
  444. <div class="dropdown">
  445. <a class="pull-left mr-2" href="" id="dropdownMenuButton" data-toggle="dropdown"><i class="fa fa-tag text-info" title="修改书签颜色"></i></a>
  446. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:60px">
  447. <a class="dropdown-item text-primary" href="#"><i class="fa fa-tint"></i></a>
  448. <a class="dropdown-item text-success " href="#"><i class="fa fa-tint"></i></a>
  449. <a class="dropdown-item text-danger " href="#"><i class="fa fa-tint"></i></a>
  450. <a class="dropdown-item text-warning " href="#"><i class="fa fa-tint"></i></a>
  451. <a class="dropdown-item text-info " href="#"><i class="fa fa-tint"></i></a>
  452. </div>
  453. </div>203-1-a / 挖土方
  454. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i class="fa fa-edit"></i> 编辑</a></div>
  455. </div>
  456. <div class="card-body p-2">
  457. <p class="card-text">这是批注内容</p>
  458. </div>
  459. </div>
  460. </div>
  461. </div>
  462. <!--同层检查-->
  463. <div id="tongceng" class="tab-pane">
  464. <div class="sjs-bar-6">
  465. <div class="pb-1 d-flex">
  466. <div class="dropdown">
  467. <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  468. 所有类型
  469. </button>
  470. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  471. <a class="dropdown-item" href="#">项目节、清单同层</a>
  472. <a class="dropdown-item" href="#">项目节、清单编号同时为空</a>
  473. <a class="dropdown-item" href="#">清单数量不等于计量单元之和</a>
  474. <a class="dropdown-item" href="#">清单数量或单价为0</a>
  475. </div>
  476. </div>
  477. <span class="ml-auto pr-2">检查时间:2020-08-01 13:20:25</span>
  478. </div>
  479. </div>
  480. <div class="sjs-sh-6">
  481. <table class="table table-bordered">
  482. <tr><th>类型</th><th>清单编号</th><th>清单名称</th></tr>
  483. <tr><td>项目节、清单同层</td><td></td><td></td></tr>
  484. <tr><td>项目节、清单同层</td><td></td><td></td></tr>
  485. <tr><td>项目节、清单编号同时为空</td><td></td><td></td></tr>
  486. <tr><td>项目节、清单编号同时为空</td><td></td><td></td></tr>
  487. <tr><td>项目节、清单编号同时为空</td><td></td><td></td></tr>
  488. <tr><td>清单数量不等于计量单元之和</td><td></td><td></td></tr>
  489. <tr><td>清单数量或单价为0</td><td></td><td></td></tr>
  490. <tr><td>清单数量或单价为0</td><td></td><td></td></tr>
  491. </table>
  492. </div>
  493. </div>
  494. </div>
  495. </div>
  496. </div>
  497. <!--右侧菜单-->
  498. <div class="side-menu">
  499. <!--右侧菜单-->
  500. <ul class="nav flex-column right-nav">
  501. <li class="nav-item">
  502. <a class="nav-link " data-toggle="tab" href="#search" role="tab">查找定位</a>
  503. </li>
  504. <li class="nav-item">
  505. <a class="nav-link" data-toggle="tab" href="#xiangmujie" role="tab">项目节</a>
  506. </li>
  507. <li class="nav-item">
  508. <a class="nav-link" data-toggle="tab" href="#qingdan" role="tab">工程量清单</a>
  509. </li>
  510. <li class="nav-item">
  511. <a class="nav-link" data-toggle="tab" href="#qianyue" role="tab">签约清单</a>
  512. </li>
  513. <li class="nav-item">
  514. <a class="nav-link" data-toggle="tab" href="#shuqian" role="tab">书签</a>
  515. </li>
  516. <li class="nav-item">
  517. <a class="nav-link" data-toggle="tab" href="#tongceng" role="tab">数据检查</a>
  518. </li>
  519. <!-- <li class="nav-item">
  520. <a class="nav-link" data-toggle="tab" href="#qdshenpi" role="tab">台帐审批意见</a>
  521. </li> -->
  522. </ul>
  523. </div>
  524. </div>
  525. </div>
  526. </div>
  527. </div>
  528. <!--列显示-->
  529. <div class="modal fade" id="row-view" data-backdrop="static">
  530. <div class="modal-dialog" role="document">
  531. <div class="modal-content">
  532. <div class="modal-header">
  533. <h5 class="modal-title">列显示</h5>
  534. </div>
  535. <div class="modal-body">
  536. <table class="table table-bordered table-sm">
  537. <tr><th>列项</th><th width="90">显示</th></tr>
  538. <tr><td>签约合同</td><td><input type="checkbox" checked=""></td></tr>
  539. <tr><td>施工图复核</td><td><input type="checkbox" checked=""></td></tr>
  540. <tr><td>本期计量合同</td><td><input type="checkbox" checked=""></td></tr>
  541. <tr><td>本期数量变更</td><td><input type="checkbox" checked=""></td></tr>
  542. <tr><td>本期完成计量</td><td><input type="checkbox" checked=""></td></tr>
  543. <tr><td>截止本期合同计量</td><td><input type="checkbox"></td></tr>
  544. <tr><td>截止本期数量变更</td><td><input type="checkbox"></td></tr>
  545. <tr><td>截止本期完成计量</td><td><input type="checkbox" checked=""></td></tr>
  546. <tr><td>图册号</td><td><input type="checkbox" checked=""></td></tr>
  547. <tr><td>累计完成率(%)</td><td><input type="checkbox" checked=""></td></tr>
  548. <tr><td>备注</td><td><input type="checkbox" checked=""></td></tr>
  549. </table>
  550. </div>
  551. <div class="modal-footer">
  552. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  553. <button type="button" class="btn btn-primary" >确认</button>
  554. </div>
  555. </div>
  556. </div>
  557. </div>
  558. <!--弹出调用变更令-->
  559. <div class="modal fade" id="use-bg" data-backdrop="static">
  560. <div class="modal-dialog modal-lgx" role="document">
  561. <div class="modal-content">
  562. <div class="modal-header">
  563. <h5 class="modal-title">使用变更令</h5>
  564. </div>
  565. <div class="modal-body">
  566. <div class="row">
  567. <div class="col-8">
  568. <ul class="nav nav-tabs">
  569. <li class="nav-item">
  570. <p class="mb-0 mt-2 mr-3">当前变更清单:201-1-1</p>
  571. </li>
  572. <li class="nav-item">
  573. <div class="custom-control custom-checkbox my-2 mr-2">
  574. <input class="custom-control-input" id="customCheckDisabled" checked="" type="checkbox">
  575. <label class="custom-control-label" for="customCheckDisabled">显示可变更数量为0项 </label>
  576. </div>
  577. </li>
  578. <li class="nav-item">
  579. <div class="custom-control custom-checkbox my-2">
  580. <input class="custom-control-input" id="customCheckDisabled" checked="" type="checkbox">
  581. <label class="custom-control-label" for="customCheckDisabled">匹配变更部位 </label>
  582. </div>
  583. </li>
  584. </ul>
  585. <div class="modal-height-500">
  586. <table class="table table-bordered">
  587. <tr><th>已用</th><th>变更令号</th><th>名称</th><th>变更部位</th><th>可变更数量</th><th>本期变更</th></tr>
  588. <tr><td><i class="fa fa-check text-success"></i></td><td><a href="#">CW01-BG-1</a></td><td>桔柑互通立交桩顶埋深过大或地系梁外露现象变更</td><td>A匝道桥38~41号桥墩</td><td>-587.40</td><td>-200</td></tr>
  589. <tr><td><!-- <i class="fa fa-check text-success"></i> --></td><td><a href="#">CW01-BG-1</a></td><td>桔柑互通立交桩顶埋深过大或地系梁外露现象变更</td><td>C1匝道桥14、15、31号桥墩</td><td>1079.90</td><td></td></tr>
  590. <tr><td><!-- <i class="fa fa-check text-success"></i> --></td><td><a href="#">CW01-BG-2</a></td><td>XXX</td><td>YYY</td><td></td><td></td></tr>
  591. </table>
  592. </div>
  593. <div class="m-close-side"><a href="#" title="收起侧栏" class="text-primary"><i class="fa fa-chevron-right"></i></a>
  594. <!-- <a href="#" title="展开侧栏" class="text-primary"><i class="fa fa-chevron-left"></i></a> --></div>
  595. </div>
  596. <div class="col-4">
  597. <ul class="nav nav-tabs">
  598. <li class="nav-item">
  599. <a class="nav-link active" data-toggle="tab" href="#bgsm" role="tab">变更理由及内容</a>
  600. </li>
  601. <li class="nav-item">
  602. <a class="nav-link" data-toggle="tab" href="#detail" role="tab">变更信息</a>
  603. </li>
  604. <li class="nav-item">
  605. <a class="nav-link" data-toggle="tab" href="#fujianm" role="tab">附件</a>
  606. </li>
  607. </ul>
  608. <div class="modal-height-500" style="overflow: auto">
  609. <div class="tab-content">
  610. <div id="bgsm" class="tab-pane active">
  611. <div class="form-group">
  612. <label></label>
  613. <textarea class="form-control form-control-sm" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土,地基松软,无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察,采用抛石挤淤、砂砾换填以达到地基承载力。
  614. </textarea>
  615. </div>
  616. </div>
  617. <div id="detail" class="tab-pane">
  618. <div class="form-group mt-3">
  619. <label>变更令号(批复编号)</label>
  620. <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
  621. </div>
  622. <div class="form-group">
  623. <label>工程名称</label>
  624. <input class="form-control form-control-sm" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
  625. </div>
  626. <div class="form-group">
  627. <label>桩号</label>
  628. <input class="form-control form-control-sm" value="K0+532" type="text" readonly>
  629. </div>
  630. <div class="form-group">
  631. <label>原设计图名称</label>
  632. <input class="form-control form-control-sm" placeholder="" type="text" readonly>
  633. </div>
  634. <div class="form-group">
  635. <label>原图号</label>
  636. <input class="form-control form-control-sm" placeholder="" type="text" readonly>
  637. </div>
  638. <div class="form-group">
  639. <label>变更设计图名称</label>
  640. <input class="form-control form-control-sm" placeholder="" type="text" readonly>
  641. </div>
  642. <div class="form-group">
  643. <label>变更图号</label>
  644. <input class="form-control form-control-sm" placeholder="" type="text" readonly>
  645. </div>
  646. <div class="form-group">
  647. <label>工程变更理由及内容</label>
  648. <textarea class="form-control form-control-sm" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土,地基松软,无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察,采用抛石挤淤、砂砾换填以达到地基承载力。
  649. </textarea>
  650. </div>
  651. <div class="form-group">
  652. <label>工程变更合同依据</label>
  653. <textarea class="form-control form-control-sm" rows="6" readonly></textarea>
  654. </div>
  655. <div class="form-group">
  656. <label>变更类型</label>
  657. <div class="checkbox">
  658. <label class="checkbox-inline">
  659. <input id="inlineCheckbox1" value="option1" checked="" type="checkbox" disabled>A.数量
  660. </label>
  661. <!-- <label class="checkbox-inline">
  662. <input id="inlineCheckbox2" value="option2" type="checkbox">B.位置
  663. </label>
  664. <label class="checkbox-inline">
  665. <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
  666. </label>
  667. <label class="checkbox-inline">
  668. <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
  669. </label>
  670. <label class="checkbox-inline">
  671. <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
  672. </label>
  673. <label class="checkbox-inline">
  674. <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
  675. </label> -->
  676. </div>
  677. </div>
  678. <div class="form-group">
  679. <label>变更类别 </label>
  680. <select class="form-control form-control-sm" disabled><option>A类变更</option><option>B类变更</option><option>C类变更</option><option>D类变更</option><option>E类变更</option></select>
  681. </div>
  682. <div class="form-group">
  683. <label>变更性质 </label>
  684. <select class="form-control form-control-sm" disabled><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
  685. </div>
  686. <div class="form-group">
  687. <label>变更提出单位</label>
  688. <!-- <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a> -->
  689. <select class="form-control form-control-sm" disabled><option>AA公司</option><option>BB公司</option></select>
  690. </div>
  691. <div class="form-group">
  692. <label>费用承担方</label>
  693. <div class="radio">
  694. <label class="radio-inline">
  695. <input id="inlineCheckbox1" value="option1" checked="" type="radio" disabled> 业主
  696. </label>
  697. <!-- <label class="radio-inline">
  698. <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
  699. </label> -->
  700. </div>
  701. </div>
  702. <div class="form-group">
  703. <label>备注</label>
  704. <textarea class="form-control form-control-sm" rows="3" readonly></textarea>
  705. </div>
  706. </div>
  707. <div id="fujianm" class="tab-pane">
  708. <table class="table table-bordered">
  709. <tr><th>名称</th><th>上传者</th></tr>
  710. <tr><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><th>张三</th></tr>
  711. </table>
  712. </div>
  713. </div>
  714. </div>
  715. </div>
  716. </div>
  717. </div>
  718. <div class="modal-footer">
  719. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  720. <button type="button" class="btn btn-primary">添加</button>
  721. </div>
  722. </div>
  723. </div>
  724. </div>
  725. <!--上报审批-->
  726. <div class="modal fade" id="sub-sp" data-backdrop="static">
  727. <div class="modal-dialog" role="document">
  728. <div class="modal-content">
  729. <div class="modal-header">
  730. <h5 class="modal-title">上报审批</h5>
  731. </div>
  732. <div class="modal-body">
  733. <div class="dropdown text-right">
  734. <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  735. 添加审批流程
  736. </button>
  737. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton" style="width:220px">
  738. <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索"></div>
  739. <dl class="list-unstyled book-list">
  740. <dt><a href=""><i class="fa fa-minus-square-o"></i></a> 建设单位</dt>
  741. <dd class="border-bottom p-2 mb-0">
  742. <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
  743. <span class="text-muted">职称</span>
  744. </dd>
  745. <dd class="border-bottom p-2 mb-0">
  746. <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
  747. <span class="text-muted">职称</span>
  748. </dd>
  749. <dd class="border-bottom p-2 mb-0">
  750. <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
  751. <span class="text-muted">职称</span>
  752. </dd>
  753. <dd class="border-bottom p-2 mb-0">
  754. <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
  755. <span class="text-muted">职称</span>
  756. </dd>
  757. <dt><a href=""><i class="fa fa-minus-square-o"></i></a> 监理单位</dt>
  758. <dd class="border-bottom p-2 mb-0">
  759. <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
  760. <span class="text-muted">职称</span>
  761. </dd>
  762. <dd class="border-bottom p-2 mb-0">
  763. <p class="mb-0 d-flex"><span class="text-primary">李旭</span><span class="ml-auto">15800000003</span></p>
  764. <span class="text-muted">职称</span>
  765. </dd>
  766. <dt><a href=""><i class="fa fa-plus-square"></i></a> 施工单位</dt>
  767. <dt><a href=""><i class="fa fa-plus-square"></i></a> 设计单位</dt>
  768. </dl>
  769. </div>
  770. </div>
  771. <div class="card mt-3">
  772. <div class="card-header">
  773. 审批流程
  774. </div>
  775. <div class="modal-height-500">
  776. <ul class="list-group list-group-flush">
  777. <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>1 张三 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</small></p></li>
  778. <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>2 王五 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
  779. <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>3 李四 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
  780. </ul>
  781. </div>
  782. </div>
  783. </div>
  784. <div class="modal-footer">
  785. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  786. <button type="button" class="btn btn-sm btn-primary">确认上报</button>
  787. </div>
  788. </div>
  789. </div>
  790. </div>
  791. <!--重新上报-->
  792. <div class="modal fade" id="sub-sp2" data-backdrop="static">
  793. <div class="modal-dialog modal-lg" role="document">
  794. <div class="modal-content">
  795. <div class="modal-header">
  796. <h5 class="modal-title">重新上报</h5>
  797. </div>
  798. <div class="modal-body">
  799. <div class="row">
  800. <div class="col-4">
  801. <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp">修改审批流程</a>
  802. <div class="card mt-3">
  803. <ul class="list-group list-group-flush">
  804. <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔 <small class="text-muted">施工</small></li>
  805. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三 <small class="text-muted">监理</small></li>
  806. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
  807. <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
  808. </ul>
  809. </div>
  810. </div>
  811. <div class="col-8 modal-height-500" style="overflow: auto">
  812. <ul class="timeline-list list-unstyled mt-2">
  813. <li class="timeline-list-item pb-2">
  814. <div class="timeline-item-date">2020<span>06-01</span></div>
  815. <div class="timeline-item-tail"></div>
  816. <div class="timeline-item-icon bg-success text-light">
  817. <i class="fa fa-caret-down"></i>
  818. </div>
  819. <div class="timeline-item-content">
  820. <div class="card">
  821. <div class="card-body p-3">
  822. <div class="card-text">
  823. <p class="mb-1"><span class="h5">布尔</span><span class="pull-right text-success">上报审批</span></p>
  824. <p class="text-muted mb-0">合同计量工程师</p>
  825. </div>
  826. </div>
  827. </div>
  828. </div>
  829. </li>
  830. <li class="timeline-list-item pb-2">
  831. <div class="timeline-item-date">2020<span>06-01</span></div>
  832. <div class="timeline-item-tail"></div>
  833. <div class="timeline-item-icon bg-success text-light">
  834. <i class="fa fa-check"></i>
  835. </div>
  836. <div class="timeline-item-content">
  837. <div class="card">
  838. <div class="card-body p-3">
  839. <div class="card-text">
  840. <p class="mb-1"><span class="h5">张三</span><span class="pull-right text-success">审批通过</span></p>
  841. <p class="text-muted mb-0">总监理工程师</p>
  842. </div>
  843. </div>
  844. <!--审批意见-->
  845. <div class="card-body p-3 border-top">
  846. <div class="">
  847. 这是审批意见文本,内容不算很长。
  848. </div>
  849. </div>
  850. </div>
  851. </div>
  852. </li>
  853. <li class="timeline-list-item pb-2">
  854. <div class="timeline-item-date">2020<span>06-01</span></div>
  855. <div class="timeline-item-tail"></div>
  856. <div class="timeline-item-icon bg-warning text-light">
  857. <i class="fa fa-level-up"></i>
  858. </div>
  859. <div class="timeline-item-content">
  860. <div id="" class="card">
  861. <div class="card-body p-3">
  862. <div class="card-text">
  863. <p class="mb-1"><span class="h5">王五</span><span class="pull-right text-warning">审批退回 布尔</span></p>
  864. <p class="text-muted mb-0">项目办总工</p>
  865. </div>
  866. </div>
  867. <!--审批意见-->
  868. <div class="card-body p-3 border-top">
  869. <div class="">
  870. 这是审批意见文本,内容不算很长。
  871. </div>
  872. </div>
  873. </div>
  874. </div>
  875. </li>
  876. <li class="timeline-list-item pb-2">
  877. <!-- <div class="timeline-item-tail"></div> -->
  878. <div class="timeline-item-icon bg-secondary text-light">
  879. </div>
  880. <div class="timeline-item-content">
  881. <div id="" class="card">
  882. <div class="card-body p-3">
  883. <div class="card-text">
  884. <p class="mb-1"><span class="h5">李四</span><span class="pull-right text-warning"></span></p>
  885. <p class="text-muted mb-0">项目办主任</p>
  886. </div>
  887. </div>
  888. </div>
  889. </div>
  890. </li>
  891. </ul>
  892. </div>
  893. </div>
  894. </div>
  895. <div class="modal-footer">
  896. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  897. <button type="button" class="btn btn-sm btn-primary">确认上报</button>
  898. </div>
  899. </div>
  900. </div>
  901. </div>
  902. <!--上报审批 自检-->
  903. <div class="modal fade" id="sub-sp3" data-backdrop="static">
  904. <div class="modal-dialog" role="document">
  905. <div class="modal-content">
  906. <div class="modal-header">
  907. <h5 class="modal-title">上报审批</h5>
  908. </div>
  909. <div class="modal-body">
  910. <h5>数据计算中,完成后会自动进入审批流程设置。<a href="sub-sp4" data-toggle="modal" data-target="#sub-sp4">next</a></h5>
  911. <div class="progress">
  912. <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
  913. </div>
  914. </div>
  915. </div>
  916. </div>
  917. </div>
  918. <!--上报审批 自检 计算错误-->
  919. <div class="modal fade" id="sub-sp4" data-backdrop="static">
  920. <div class="modal-dialog" role="document">
  921. <div class="modal-content">
  922. <div class="modal-header">
  923. <h5 class="modal-title">上报审批</h5>
  924. </div>
  925. <div class="modal-body">
  926. <div class="alert alert-danger" role="alert">
  927. 部分清单存在问题,请前往错误列表进行查看,并进行修改。
  928. </div>
  929. </div>
  930. <div class="modal-footer">
  931. <button type="button" class="btn btn-sm btn-primary" data-dismiss="modal">查看错误列表</button>
  932. </div>
  933. </div>
  934. </div>
  935. </div>
  936. <!--中间计量重置操作-->
  937. <div class="modal fade" id="refresh" data-backdrop="static">
  938. <div class="modal-dialog" role="document">
  939. <div class="modal-content">
  940. <div class="modal-header">
  941. <h5 class="modal-title">中间计量重置</h5>
  942. </div>
  943. <div class="modal-body">
  944. <div class="alert alert-danger" role="alert">
  945. 重置将会清空当前中间计量录入的数据(除草图),同时按照系统规则重新生成数据。
  946. 请谨慎操作!
  947. </div>
  948. </div>
  949. <div class="modal-footer">
  950. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  951. <button type="button" class="btn btn-sm btn-danger">确定还原</button>
  952. </div>
  953. </div>
  954. </div>
  955. </div>
  956. <!--草图预览-->
  957. <div class="modal fade" id="imgview" data-backdrop="static">
  958. <div class="modal-dialog modal-lgx" role="document">
  959. <div class="modal-content">
  960. <div class="modal-header">
  961. <h5 class="modal-title">查看草图</h5>
  962. </div>
  963. <div class="modal-body">
  964. <img src="img/sketch/3.png">
  965. <textarea class="form-control form-control-sm" readonly="">备注内容</textarea>
  966. </div>
  967. <div class="modal-footer">
  968. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  969. </div>
  970. </div>
  971. </div>
  972. </div>
  973. <!--完成计量-->
  974. <!--<div class="modal fade" id="done" data-backdrop="static">
  975. <div class="modal-dialog " role="document" >
  976. <div class="modal-content">
  977. <div class="modal-header">
  978. <h5 class="modal-title">完成计量台帐</h5>
  979. </div>
  980. <div class="modal-body">
  981. <h5>完成计量台帐后,将锁定编辑,无法修改数据。</h5>
  982. <h5>确认完成后,即可继续完成中间计量。</h5>
  983. </div>
  984. <div class="modal-footer">
  985. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  986. <a href="jiliang-qi-detail-1-done.html" class="btn btn-success" >确认完成</a>
  987. </div>
  988. </div>
  989. </div>
  990. </div> -->
  991. <!--审批流程/结果-->
  992. <div class="modal fade" id="sp-list" data-backdrop="static">
  993. <div class="modal-dialog modal-lg" role="document">
  994. <div class="modal-content">
  995. <div class="modal-header">
  996. <h5 class="modal-title">审批流程</h5>
  997. </div>
  998. <div class="modal-body">
  999. <div class="row">
  1000. <div class="col-4">
  1001. <div class="card mt-3">
  1002. <ul class="list-group list-group-flush">
  1003. <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔 <small class="text-muted">合同计量工程师</small></li>
  1004. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三 <small class="text-muted">总监理工程师</small></li>
  1005. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">项目办总工</small></li>
  1006. <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">项目办主任</small></li>
  1007. </ul>
  1008. </div>
  1009. </div>
  1010. <div class="col-8 modal-height-500" style="overflow: auto">
  1011. <!--审批次1-->
  1012. <!--<div class="text-center text-muted">1#</div>
  1013. <ul class="timeline-list list-unstyled mt-2">
  1014. <li class="timeline-list-item pb-2">
  1015. <div class="timeline-item-date">2020<span>06-01</span></div>
  1016. <div class="timeline-item-tail"></div>
  1017. <div class="timeline-item-icon bg-success text-light">
  1018. <i class="fa fa-caret-down"></i>
  1019. </div>
  1020. <div class="timeline-item-content">
  1021. <div class="card">
  1022. <div class="card-body p-3">
  1023. <div class="card-text">
  1024. <p class="mb-1"><span class="h5">布尔</span><span class="pull-right text-success">上报审批</span></p>
  1025. <p class="text-muted mb-0">合同计量工程师</p>
  1026. </div>
  1027. </div>
  1028. </div>
  1029. </div>
  1030. </li>
  1031. <li class="timeline-list-item pb-2">
  1032. <div class="timeline-item-date">2020<span>06-01</span></div>
  1033. <div class="timeline-item-tail"></div>
  1034. <div class="timeline-item-icon bg-success text-light">
  1035. <i class="fa fa-check"></i>
  1036. </div>
  1037. <div class="timeline-item-content">
  1038. <div class="card">
  1039. <div class="card-body p-3">
  1040. <div class="card-text">
  1041. <p class="mb-1"><span class="h5">张三</span><span class="pull-right text-success">审批通过</span></p>
  1042. <p class="text-muted mb-0">总监理工程师</p>
  1043. </div>
  1044. </div>
  1045. <div class="card-body p-3 border-top">
  1046. <div class="">
  1047. 这是审批意见文本,内容不算很长。
  1048. </div>
  1049. </div>
  1050. </div>
  1051. </div>
  1052. </li>
  1053. <li class="timeline-list-item pb-2">
  1054. <div class="timeline-item-date">2020<span>06-01</span></div>
  1055. <div class="timeline-item-tail"></div>
  1056. <div class="timeline-item-icon bg-warning text-light">
  1057. <i class="fa fa-level-up"></i>
  1058. </div>
  1059. <div class="timeline-item-content">
  1060. <div id="" class="card">
  1061. <div class="card-body p-3">
  1062. <div class="card-text">
  1063. <p class="mb-1"><span class="h5">王五</span><span class="pull-right text-warning">审批退回 布尔</span></p>
  1064. <p class="text-muted mb-0">项目办总工</p>
  1065. </div>
  1066. </div>
  1067. <div class="card-body p-3 border-top">
  1068. <div class="">
  1069. 这是审批意见文本,内容不算很长。
  1070. </div>
  1071. </div>
  1072. </div>
  1073. </div>
  1074. </li>
  1075. <li class="timeline-list-item pb-2">
  1076. <div class="timeline-item-icon bg-secondary text-light">
  1077. </div>
  1078. <div class="timeline-item-content">
  1079. <div id="" class="card">
  1080. <div class="card-body p-3">
  1081. <div class="card-text">
  1082. <p class="mb-1"><span class="h5">李四</span><span class="pull-right text-warning"></span></p>
  1083. <p class="text-muted mb-0">项目办主任</p>
  1084. </div>
  1085. </div>
  1086. </div>
  1087. </div>
  1088. </li>
  1089. </ul> -->
  1090. <div class="text-right"><a href="#">展开历史审批流程</a></div>
  1091. <!--审批次2-->
  1092. <div class="text-center text-muted">2#</div>
  1093. <ul class="timeline-list list-unstyled mt-2">
  1094. <li class="timeline-list-item pb-2">
  1095. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1096. <div class="timeline-item-tail"></div>
  1097. <div class="timeline-item-icon bg-success text-light">
  1098. <i class="fa fa-caret-down"></i>
  1099. </div>
  1100. <div class="timeline-item-content">
  1101. <div class="card">
  1102. <div class="card-body p-3">
  1103. <div class="card-text">
  1104. <p class="mb-1"><span class="h5">布尔</span><span class="pull-right text-success">上报审批</span></p>
  1105. <p class="text-muted mb-0">合同计量工程师</p>
  1106. </div>
  1107. </div>
  1108. </div>
  1109. </div>
  1110. </li>
  1111. <li class="timeline-list-item pb-2">
  1112. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1113. <div class="timeline-item-tail"></div>
  1114. <div class="timeline-item-icon bg-success text-light">
  1115. <i class="fa fa-check"></i>
  1116. </div>
  1117. <div class="timeline-item-content">
  1118. <div class="card">
  1119. <div class="card-body p-3">
  1120. <div class="card-text">
  1121. <p class="mb-1"><span class="h5">张三</span><span class="pull-right text-success">审批通过</span></p>
  1122. <p class="text-muted mb-0">总监理工程师</p>
  1123. </div>
  1124. </div>
  1125. <!--审批意见-->
  1126. <div class="card-body p-3 border-top">
  1127. <div class="">
  1128. 这是审批意见文本,内容不算很长。
  1129. </div>
  1130. </div>
  1131. </div>
  1132. </div>
  1133. </li>
  1134. <li class="timeline-list-item pb-2">
  1135. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1136. <div class="timeline-item-tail"></div>
  1137. <div class="timeline-item-icon bg-success text-light">
  1138. <i class="fa fa-check"></i>
  1139. </div>
  1140. <div class="timeline-item-content">
  1141. <div id="" class="card">
  1142. <div class="card-body p-3">
  1143. <div class="card-text">
  1144. <p class="mb-1"><span class="h5">王五</span><span class="pull-right text-success">审批通过</span></p>
  1145. <p class="text-muted mb-0">项目办总工</p>
  1146. </div>
  1147. </div>
  1148. <!--审批意见-->
  1149. <div class="card-body p-3 border-top">
  1150. <div class="">
  1151. 这是审批意见文本,内容不算很长。
  1152. </div>
  1153. </div>
  1154. </div>
  1155. </div>
  1156. </li>
  1157. <li class="timeline-list-item pb-2">
  1158. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1159. <!-- <div class="timeline-item-tail"></div> -->
  1160. <div class="timeline-item-icon bg-success text-light">
  1161. <i class="fa fa-check"></i>
  1162. </div>
  1163. <div class="timeline-item-content">
  1164. <div id="" class="card">
  1165. <div class="card-body p-3">
  1166. <div class="card-text">
  1167. <p class="mb-1"><span class="h5">李四</span><span class="pull-right text-success">审批通过</span></p>
  1168. <p class="text-muted mb-0">项目办主任</p>
  1169. </div>
  1170. </div>
  1171. </div>
  1172. </div>
  1173. </li>
  1174. </ul>
  1175. </div>
  1176. </div>
  1177. </div>
  1178. <div class="modal-footer">
  1179. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1180. </div>
  1181. </div>
  1182. </div>
  1183. </div>
  1184. <!--审批通过-->
  1185. <div class="modal fade" id="sp-done" data-backdrop="static">
  1186. <div class="modal-dialog modal-lg" role="document">
  1187. <div class="modal-content">
  1188. <div class="modal-header">
  1189. <h5 class="modal-title">审批通过</h5>
  1190. </div>
  1191. <div class="modal-body">
  1192. <div class="row">
  1193. <div class="col-4">
  1194. <div class="card mt-3">
  1195. <ul class="list-group list-group-flush">
  1196. <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔 <small class="text-muted">施工</small></li>
  1197. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三 <small class="text-muted">监理</small></li>
  1198. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
  1199. <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
  1200. </ul>
  1201. </div>
  1202. </div>
  1203. <div class="col-8">
  1204. <div class=" modal-height-300" style="overflow: auto">
  1205. <div class="text-right"><a href="#">展开历史审批流程</a></div>
  1206. <!--第2次审批-->
  1207. <div class="text-center text-muted">2#</div>
  1208. <ul class="timeline-list list-unstyled mt-2">
  1209. <li class="timeline-list-item pb-2">
  1210. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1211. <div class="timeline-item-tail"></div>
  1212. <div class="timeline-item-icon bg-success text-light">
  1213. <i class="fa fa-caret-down"></i>
  1214. </div>
  1215. <div class="timeline-item-content">
  1216. <div class="card">
  1217. <div class="card-body p-3">
  1218. <div class="card-text">
  1219. <p class="mb-1"><span class="h5">陈特</span><span class="pull-right text-success">上报审批</span></p>
  1220. <p class="text-muted mb-0">合同计量工程师</p>
  1221. </div>
  1222. </div>
  1223. </div>
  1224. </div>
  1225. </li>
  1226. <li class="timeline-list-item pb-2">
  1227. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1228. <div class="timeline-item-tail"></div>
  1229. <div class="timeline-item-icon bg-success text-light">
  1230. <i class="fa fa-check"></i>
  1231. </div>
  1232. <div class="timeline-item-content">
  1233. <div class="card">
  1234. <div class="card-body p-3">
  1235. <div class="card-text">
  1236. <p class="mb-1"><span class="h5">欧桃珍</span><span class="pull-right text-success">审批通过</span></p>
  1237. <p class="text-muted mb-0">总监理工程师</p>
  1238. </div>
  1239. </div>
  1240. <!--审批意见-->
  1241. <div class="card-body p-3 border-top">
  1242. <div class="">
  1243. 这是审批意见文本,内容不算很长。
  1244. </div>
  1245. </div>
  1246. </div>
  1247. </div>
  1248. </li>
  1249. <li class="timeline-list-item pb-2">
  1250. <div class="timeline-item-tail"></div>
  1251. <div class="timeline-item-icon bg-warning text-light">
  1252. <i class="fa fa-ellipsis-h"></i>
  1253. </div>
  1254. <div class="timeline-item-content">
  1255. <div id="" class="card">
  1256. <div class="card-body p-3">
  1257. <div class="card-text">
  1258. <p class="mb-1"><span class="h5">蔡频</span><span class="pull-right text-warning">审批中</span></p>
  1259. <p class="text-muted mb-0">项目办总工</p>
  1260. </div>
  1261. </div>
  1262. <!--审批人显示-->
  1263. <!-- <div class="card-body p-0 ">
  1264. <div class="px-3 pb-3">
  1265. <textarea class="form-control" placeholder="请填写审批意见"></textarea>
  1266. </div>
  1267. </div> -->
  1268. </div>
  1269. </div>
  1270. </li>
  1271. <li class="timeline-list-item pb-2">
  1272. <!-- <div class="timeline-item-tail"></div> -->
  1273. <div class="timeline-item-icon bg-secondary text-light">
  1274. </div>
  1275. <div class="timeline-item-content">
  1276. <div id="" class="card">
  1277. <div class="card-body p-3">
  1278. <div class="card-text">
  1279. <p class="mb-1"><span class="h5">赖国然</span><span class="pull-right text-warning"></span></p>
  1280. <p class="text-muted mb-0">项目办主任</p>
  1281. </div>
  1282. </div>
  1283. </div>
  1284. </div>
  1285. </li>
  1286. </ul>
  1287. </div>
  1288. <div>
  1289. <div class="form-group">
  1290. <label>审批意见<b class="text-danger">*</b></label>
  1291. <textarea class="form-control" placeholder="请填写审批意见"></textarea>
  1292. </div>
  1293. </div>
  1294. </div>
  1295. </div>
  1296. </div>
  1297. <div class="modal-footer">
  1298. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1299. <button type="button" class="btn btn-sm btn-success" >确认通过</button>
  1300. </div>
  1301. </div>
  1302. </div>
  1303. </div>
  1304. <!--审批退回-->
  1305. <div class="modal fade" id="sp-back" data-backdrop="static">
  1306. <div class="modal-dialog modal-lg" role="document">
  1307. <div class="modal-content">
  1308. <div class="modal-header">
  1309. <h5 class="modal-title">审批退回</h5>
  1310. </div>
  1311. <div class="modal-body">
  1312. <div class="row">
  1313. <div class="col-4">
  1314. <div class="card mt-3">
  1315. <ul class="list-group list-group-flush">
  1316. <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔 <small class="text-muted">施工</small></li>
  1317. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三 <small class="text-muted">监理</small></li>
  1318. <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
  1319. <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
  1320. </ul>
  1321. </div>
  1322. </div>
  1323. <div class="col-8">
  1324. <div class=" modal-height-300" style="overflow: auto">
  1325. <div class="text-center text-muted">1#</div>
  1326. <ul class="timeline-list list-unstyled mt-2">
  1327. <li class="timeline-list-item pb-2">
  1328. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1329. <div class="timeline-item-tail"></div>
  1330. <div class="timeline-item-icon bg-success text-light">
  1331. <i class="fa fa-caret-down"></i>
  1332. </div>
  1333. <div class="timeline-item-content">
  1334. <div class="card">
  1335. <div class="card-body p-3">
  1336. <div class="card-text">
  1337. <p class="mb-1"><span class="h5">陈特</span><span class="pull-right text-success">上报审批</span></p>
  1338. <p class="text-muted mb-0">合同计量工程师</p>
  1339. </div>
  1340. </div>
  1341. </div>
  1342. </div>
  1343. </li>
  1344. <li class="timeline-list-item pb-2">
  1345. <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span></div>
  1346. <div class="timeline-item-tail"></div>
  1347. <div class="timeline-item-icon bg-success text-light">
  1348. <i class="fa fa-check"></i>
  1349. </div>
  1350. <div class="timeline-item-content">
  1351. <div class="card">
  1352. <div class="card-body p-3">
  1353. <div class="card-text">
  1354. <p class="mb-1"><span class="h5">欧桃珍</span><span class="pull-right text-success">审批通过</span></p>
  1355. <p class="text-muted mb-0">总监理工程师</p>
  1356. </div>
  1357. </div>
  1358. <!--审批意见-->
  1359. <div class="card-body p-3 border-top">
  1360. <div class="">
  1361. 这是审批意见文本,内容不算很长。
  1362. </div>
  1363. </div>
  1364. </div>
  1365. </div>
  1366. </li>
  1367. <li class="timeline-list-item pb-2">
  1368. <div class="timeline-item-tail"></div>
  1369. <div class="timeline-item-icon bg-warning text-light">
  1370. <i class="fa fa-ellipsis-h"></i>
  1371. </div>
  1372. <div class="timeline-item-content">
  1373. <div id="" class="card">
  1374. <div class="card-body p-3">
  1375. <div class="card-text">
  1376. <p class="mb-1"><span class="h5">蔡频</span><span class="pull-right text-warning">审批中</span></p>
  1377. <p class="text-muted mb-0">项目办总工</p>
  1378. </div>
  1379. </div>
  1380. <!--审批人显示-->
  1381. <!-- <div class="card-body p-0 ">
  1382. <div class="px-3 pb-3">
  1383. <textarea class="form-control" placeholder="请填写审批意见"></textarea>
  1384. </div>
  1385. </div> -->
  1386. </div>
  1387. </div>
  1388. </li>
  1389. <li class="timeline-list-item pb-2">
  1390. <!-- <div class="timeline-item-tail"></div> -->
  1391. <div class="timeline-item-icon bg-secondary text-light">
  1392. </div>
  1393. <div class="timeline-item-content">
  1394. <div id="" class="card">
  1395. <div class="card-body p-3">
  1396. <div class="card-text">
  1397. <p class="mb-1"><span class="h5">赖国然</span><span class="pull-right text-warning"></span></p>
  1398. <p class="text-muted mb-0">项目办主任</p>
  1399. </div>
  1400. </div>
  1401. </div>
  1402. </div>
  1403. </li>
  1404. </ul>
  1405. </div>
  1406. <div>
  1407. <div class="form-group">
  1408. <label>审批意见<b class="text-danger">*</b></label>
  1409. <textarea class="form-control" placeholder="请填写审批意见"></textarea>
  1410. </div>
  1411. <div class="alert alert-warning mt-1 p-2"><div class="form-check form-check-inline">
  1412. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
  1413. <label class="form-check-label" for="inlineRadio1">退回上报 布尔</label>
  1414. </div>
  1415. <div class="form-check form-check-inline">
  1416. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
  1417. <label class="form-check-label" for="inlineRadio2">退回上一审批人 张三</label>
  1418. </div>
  1419. </div>
  1420. </div>
  1421. </div>
  1422. </div>
  1423. </div>
  1424. <div class="modal-footer">
  1425. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1426. <button type="button" class="btn btn-sm btn-warning" >确认退回</button>
  1427. </div>
  1428. </div>
  1429. </div>
  1430. </div>
  1431. <!--添加草图-->
  1432. <div class="modal fade" id="edit-img" data-backdrop="static">
  1433. <div class="modal-dialog modal-lgx" role="document">
  1434. <div class="modal-content">
  1435. <div class="modal-header">
  1436. <h5 class="modal-title">添加草图</h5>
  1437. </div>
  1438. <div class="modal-body">
  1439. <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
  1440. <div class="img-view">
  1441. <div class="img-item">
  1442. <div class="img-bar">
  1443. <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
  1444. </div>
  1445. <img src="img/sketch/1.png" id="draggable">
  1446. </div>
  1447. <div class="img-item" style="left:300px;">
  1448. <div class="img-bar">
  1449. <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
  1450. </div>
  1451. <img src="img/sketch/2.png" id="draggable">
  1452. </div>
  1453. </div>
  1454. <div class="mt-2">
  1455. <textarea class="form-control form-control-sm" placeholder="草图备注" rows="3">
  1456. </textarea>
  1457. </div>
  1458. </div>
  1459. <div class="modal-footer">
  1460. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1461. <button type="button" class="btn btn-sm btn-primary" >确认</button>
  1462. </div>
  1463. </div>
  1464. </div>
  1465. </div>
  1466. <!--上传附件-->
  1467. <div class="modal fade" id="upload" data-backdrop="static">
  1468. <div class="modal-dialog" role="document">
  1469. <div class="modal-content">
  1470. <div class="modal-header">
  1471. <h5 class="modal-title">上传附件</h5>
  1472. </div>
  1473. <div class="modal-body">
  1474. <div class="form-group">
  1475. <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>
  1476. <input type="file" class="form-control-file">
  1477. </div>
  1478. </div>
  1479. <div class="modal-footer">
  1480. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1481. <button type="button" class="btn btn-primary" >确认</button>
  1482. </div>
  1483. </div>
  1484. </div>
  1485. </div>
  1486. <!--正在修订提示-->
  1487. <div class="modal fade" id="unedit" data-backdrop="static">
  1488. <div class="modal-dialog " role="document" >
  1489. <div class="modal-content">
  1490. <div class="modal-header">
  1491. <h5 class="modal-title">提示</h5>
  1492. </div>
  1493. <div class="modal-body">
  1494. <h5>台帐正在进行修订,本期计量无法进行任何操作。</h5>
  1495. </div>
  1496. <div class="modal-footer">
  1497. <button type="button" class="btn btn-secondary" data-dismiss="modal">好的</button>
  1498. </div>
  1499. </div>
  1500. </div>
  1501. </div>
  1502. <!--设置生成规则-->
  1503. <div class="modal fade" id="choose" data-backdrop="static">
  1504. <div class="modal-dialog " role="document">
  1505. <div class="modal-content">
  1506. <div class="modal-header">
  1507. <h5 class="modal-title">设置中间计量生成规则</h5>
  1508. </div>
  1509. <div class="modal-body">
  1510. <div class="form-group">
  1511. <label>中间计量模式 <a href="img/example/jiliangmoshi.png" target="_blank" data-toggle="tooltip" data-placement="bottom" data-original-title="点击查看相关报表"><i class="fa fa-question-circle-o"></i></a></label>
  1512. <div class="row">
  1513. <div class="col-6 p-0">
  1514. <div class="card mx-3 border-primary">
  1515. <div class="card-body text-primary p-2">
  1516. <h5 class="card-title mb-0"><i class="fa fa-check pull-right"></i>总量控制</h5>
  1517. </div>
  1518. </div>
  1519. </div>
  1520. <div class="col-6 p-0">
  1521. <div class="card mx-3" style="cursor:pointer;">
  1522. <div class="card-body p-2">
  1523. <h5 class="card-title mb-0">0号台帐</h5>
  1524. </div>
  1525. </div>
  1526. </div>
  1527. <div class="col-6 mt-3 p-0">
  1528. <div class="card mx-3" style="cursor:pointer;">
  1529. <div class="card-body p-2">
  1530. <h5 class="card-title mb-0">清单-计量单元</h5>
  1531. </div>
  1532. </div>
  1533. </div>
  1534. <div class="col-6 mt-3 p-0">
  1535. <div class="card mx-3" style="cursor:pointer;">
  1536. <div class="card-body p-2">
  1537. <h5 class="card-title mb-0">计量单元-清单</h5>
  1538. </div>
  1539. </div>
  1540. </div>
  1541. </div>
  1542. </div>
  1543. <div class="form-group">
  1544. <label>中间计量表号前缀</label>
  1545. <input type="text" class="form-control form-control-sm" >
  1546. </div>
  1547. <div class="form-group">
  1548. <label> </label>
  1549. <a href="#choose" data-toggle="modal" data-target="#choose2">高级设置</a>
  1550. </div>
  1551. </div>
  1552. <div class="modal-footer">
  1553. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1554. <button type="button" class="btn btn-primary" >重新生成</button>
  1555. </div>
  1556. </div>
  1557. </div>
  1558. </div>
  1559. <!--设置生成规则2-->
  1560. <div class="modal fade" id="choose2" data-backdrop="static">
  1561. <div class="modal-dialog " role="document">
  1562. <div class="modal-content">
  1563. <div class="modal-header">
  1564. <h5 class="modal-title">高级设置</h5>
  1565. </div>
  1566. <div class="modal-body">
  1567. <div class="custom-control custom-checkbox mb-2">
  1568. <input type="checkbox" class="custom-control-input" id="customCheck1">
  1569. <label class="custom-control-label" for="customCheck1">汇总计量节点</label>
  1570. </div>
  1571. <div class="modal-height-500">
  1572. <table class="table table-sm table-bordered">
  1573. <tr><th width="70">计量汇总</th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th></tr>
  1574. <tr><td><input type="checkbox"></td><td>1</td><td></td><td>第一部分 建筑安装工程费</td><td></td></tr>
  1575. <tr><td><input type="checkbox"></td><td>1-2</td><td></td><td>路基工程</td><td></td></tr>
  1576. <tr><td><input type="checkbox"></td><td>1-2-2</td><td></td><td>挖方</td><td></td></tr>
  1577. <tr><td><input type="checkbox"><span id="custom" data-toggle="popover" data-placement="right">点我</span></td><td>1-2-2-1</td><td></td><td>挖土方</td><td></td></tr>
  1578. <tr><td><input type="checkbox"></td><td>1-2-2-1-1</td><td></td><td>挖路基土方</td><td></td></tr>
  1579. <tr><td><input type="checkbox"></td><td></td><td>203-1-a</td><td>挖土方</td><td></td></tr>
  1580. </table>
  1581. <span class="position-relative">提示
  1582. <div class="popover bs-popover-right" role="tooltip" style="width: 250px">
  1583. <div class="arrow" style="top:30px"></div>
  1584. <div class="popover-body"><p>父项已勾选,继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-success">继续</button></p></div>
  1585. </div>
  1586. </span>
  1587. </div>
  1588. </div>
  1589. <div class="modal-footer">
  1590. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1591. <button type="button" class="btn btn-primary" >确定</button>
  1592. </div>
  1593. </div>
  1594. </div>
  1595. </div>
  1596. <!--删除期-->
  1597. <div class="modal fade" id="del-qi" data-backdrop="static">
  1598. <div class="modal-dialog" role="document">
  1599. <div class="modal-content">
  1600. <div class="modal-header">
  1601. <h5 class="modal-title">删除期</h5>
  1602. </div>
  1603. <div class="modal-body">
  1604. <h6>确认删除「第5期」?</h6>
  1605. <h6>删除后,数据无法恢复,请谨慎操作。</h6>
  1606. </div>
  1607. <div class="modal-footer">
  1608. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  1609. <button type="button" class="btn btn-danger">确定删除</button>
  1610. </div>
  1611. </div>
  1612. </div>
  1613. </div>
  1614. <!--总额计量提示-->
  1615. <div class="modal fade" id="zongejiliang" data-backdrop="static">
  1616. <div class="modal-dialog" role="document">
  1617. <div class="modal-content">
  1618. <div class="modal-header">
  1619. <h5 class="modal-title">总额计量</h5>
  1620. </div>
  1621. <div class="modal-body">
  1622. <h6>已计量数据会被清空</h6>
  1623. </div>
  1624. <div class="modal-footer">
  1625. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  1626. <button type="button" class="btn btn-primary">确定</button>
  1627. </div>
  1628. </div>
  1629. </div>
  1630. </div>
  1631. <!--合并起讫桩号-->
  1632. <div class="modal fade" id="hebingzhuanghao" data-backdrop="static">
  1633. <div class="modal-dialog" role="document">
  1634. <div class="modal-content">
  1635. <div class="modal-header">
  1636. <h5 class="modal-title">合并起讫桩号</h5>
  1637. </div>
  1638. <div class="modal-body">
  1639. <div class="mb-2">
  1640. <div class="d-inline-block mr-3">
  1641. <div class="form-check">
  1642. <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
  1643. <label class="form-check-label" for="defaultCheck1">
  1644. 合并位置
  1645. </label>
  1646. </div>
  1647. </div>
  1648. <div class="d-inline-block">
  1649. <div class="form-check">
  1650. <input class="form-check-input" type="checkbox" value="" id="defaultCheck3">
  1651. <label class="form-check-label" for="defaultCheck3">
  1652. 桩号连接符
  1653. </label>
  1654. </div>
  1655. </div>
  1656. <!--填写连接符-->
  1657. <div class="d-inline-block">
  1658. <select class="form-control form-control-sm m-0">
  1659. <option>~(半角)</option>
  1660. <option>-(半角)</option>
  1661. <option>~(全角)</option>
  1662. <option>-(全角)</option>
  1663. </select>
  1664. </div>
  1665. </div>
  1666. <div class="modal-height-500">
  1667. <table class="table">
  1668. <thead><tr><th>起始桩号</th><th>终止桩号</th><th>位置</th><th>合并结果</th></tr></thead>
  1669. </table>
  1670. </div>
  1671. </div>
  1672. <div class="modal-footer">
  1673. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1674. <a href="jiliang-qi-detail-2.html" class="btn btn-sm btn-primary">确定</a>
  1675. </div>
  1676. </div>
  1677. </div>
  1678. </div>
  1679. <!--按比例计量-->
  1680. <div class="modal fade" id="anbilijiliang" data-backdrop="static">
  1681. <div class="modal-dialog" role="document">
  1682. <div class="modal-content">
  1683. <div class="modal-header">
  1684. <h5 class="modal-title">按比例计量</h5>
  1685. </div>
  1686. <div class="modal-body">
  1687. <div class="input-group input-group-sm mb-1 col-5 p-0">
  1688. <div class="input-group-prepend">
  1689. <span class="input-group-text">计量比例</span>
  1690. </div>
  1691. <input class="form-control nospin" type="number" min="1">
  1692. <div class="input-group-append">
  1693. <span class="input-group-text">%</span>
  1694. </div>
  1695. </div>
  1696. <div class="d-inline-block mb-1">
  1697. <div class="form-check">
  1698. <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
  1699. <label class="form-check-label" for="defaultCheck1">
  1700. 当前细目下同名计量单元同步计量
  1701. </label>
  1702. </div>
  1703. </div>
  1704. <div class="modal-height-300">
  1705. <table class="table table-bordered">
  1706. <thead><tr><th>序号</th><th>计量单元</th><th>台帐数量</th><th><input type="checkbox"></th></tr></thead>
  1707. <tr><td>1</td><td>0#桥台1#桩</td><td>126</td><td><input type="checkbox"></td></tr>
  1708. <tr><td>2</td><td>0#桥台2#桩</td><td>126</td><td><input type="checkbox"></td></tr>
  1709. <tr><td>3</td><td>0#桥台3#桩</td><td>126</td><td><input type="checkbox"></td></tr>
  1710. <tr><td>4</td><td>0#桥台4#桩</td><td>126</td><td><input type="checkbox"></td></tr>
  1711. </table>
  1712. </div>
  1713. </div>
  1714. <div class="modal-footer">
  1715. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1716. <a href="jiliang-qi-detail-2.html" class="btn btn-sm btn-primary">确定</a>
  1717. </div>
  1718. </div>
  1719. </div>
  1720. </div>
  1721. <!-- JS. -->
  1722. <script src="js/jquery/jquery-3.2.1.min.js"></script>
  1723. <script src="js/popper/popper.min.js"></script>
  1724. <script src="js/bootstrap/bootstrap.min.js"></script>
  1725. <script src="js/global.js"></script>
  1726. <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
  1727. <script type="text/javascript"> autoFlashHeight();</script>
  1728. <script type="text/javascript">$('#unedit1').modal('show')</script>
  1729. <!--sjs-->
  1730. <script>
  1731. $(document).ready(function () {
  1732. const data = [
  1733. {
  1734. 编号:'403-1-a',
  1735. 中间计量表号:'1-1',
  1736. 交工证书凭证号:'',
  1737. 分部分项工程:'k0+236大桥',
  1738. 本期计量数量金额: 100,
  1739. },
  1740. ];
  1741. const spread = new GC.Spread.Sheets.Workbook($('#bills-spread2')[0], {
  1742. sheetCount: 1
  1743. });
  1744. spread.getActiveSheet().setDataSource(data);
  1745. spread.options.tabStripVisible = false;
  1746. })
  1747. </script>
  1748. </body>
  1749. </html>