zaojiashu.html 124 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896
  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>造价书-Smartcost</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="shortcut icon" href="img/favicon.ico">
  12. <link rel="icon" type="image/gif" href="img/animated_favicon1.gif">
  13. </head>
  14. <body>
  15. <div class="header">
  16. <div class="top-msg clearfix">
  17. <div class="alert alert-warning alert-dismissible" role="alert">
  18. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  19. <span aria-hidden="true">&times;</span>
  20. </button>
  21. <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
  22. </div>
  23. </div>
  24. <nav class="navbar navbar-expand-lg p-0 d-flex">
  25. <div class="header-logo">
  26. <div class="v-title">纵横云计价</div>
  27. <div class="p-title">广东2018专业版</div>
  28. </div>
  29. <div class="navbar-text navbar-crumb px-1">
  30. <span data-toggle="tooltip" data-placement="bottom" title="文件夹名称"><i class="fa fa-folder-open-o"></i>...</span>
  31. <span class="text-muted px-1">\</span>
  32. <span class="text-truncate" data-toggle="tooltip" data-placement="bottom" title="建设项目名称"><i class="fa fa-cubes"></i> 建设项目建设项目建设项目建设项目</span>
  33. <span class="text-muted px-1">\</span>
  34. <span class="text-truncate" data-toggle="tooltip" data-placement="bottom" title="单项工程名称"><i class="fa fa-cube"></i> 单项工程</span>
  35. <span class="text-muted px-1">\</span>
  36. <span><i class="fa fa-sticky-note-o"></i></span>
  37. <span class="text-truncate" data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span>
  38. <!-- <ul class="f-nav list-unstyled">
  39. <li class="d-flex justify-content-between focus"><span class="title text-truncate"><i class="fa fa-cube"></i> 单项工程1</span><i class="fa fa-caret-right text-muted mt-1"></i>
  40. <ul class="s-nav list-unstyled">
  41. <li class="d-flex"><a href="#"><span class="title text-truncate"><i class="fa fa-sticky-note-o"></i> 土建1</span></a></li>
  42. <li class="d-flex"><a href="#"><span class="title text-truncate"><i class="fa fa-sticky-note-o"></i> 土建2</span></a></li>
  43. <li class="d-flex"><a href="#"><span class="title text-truncate"><i class="fa fa-sticky-note-o"></i> 土建3</span></a></li>
  44. </ul>
  45. </li>
  46. <li class="d-flex justify-content-between"><span class="title text-truncate"><i class="fa fa-cube"></i> 单项工程2</span></li>
  47. <li class="d-flex justify-content-between"><span class="title text-truncate"><i class="fa fa-cube"></i> 单项工程3</span><i class="fa fa-angle-right text-muted mt-1"></i></li>
  48. <li class="d-flex justify-content-between"><span class="title text-truncate"><i class="fa fa-cube"></i> 单项工程4</span><i class="fa fa-angle-right text-muted mt-1"></i></li>
  49. <li class="d-flex justify-content-between"><span class="title text-truncate"><i class="fa fa-cube"></i> 单项工程5</span></li>
  50. </ul> -->
  51. </div>
  52. <div class="ml-auto navbar-text p-0">
  53. <ul class="nav navbar-nav">
  54. <li class="nav-item dropdown">
  55. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">陈特</a>
  56. <div class="dropdown-menu dropdown-menu-right">
  57. <a class="dropdown-item" href="user-info.html" target="_blank">账号资料</a>
  58. <a class="dropdown-item" href="user-buy.html" target="_blank">产品升级</a>
  59. <a class="dropdown-item" href="user-set.html" target="_blank">偏好设置</a>
  60. <div class="dropdown-divider"></div>
  61. <a class="dropdown-item" href="#" target="_blank">退出登录</a>
  62. </div>
  63. </li>
  64. <li class="nav-item dropdown">
  65. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-wrench"></i> 工具</a>
  66. <div class="dropdown-menu dropdown-menu-right">
  67. <a class="dropdown-item" href="#">定额库编辑器</a>
  68. <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</a>
  69. </div>
  70. </li>
  71. <li class="nav-item dropdown">
  72. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle-o"></i> 帮助</a>
  73. <div class="dropdown-menu dropdown-menu-right">
  74. <a class="dropdown-item" href="#">帮助</a>
  75. <a class="dropdown-item" href="#">升级说明</a>
  76. <a class="dropdown-item" href="#">重庆市2008定额说明</a>
  77. <a class="dropdown-item" href="#">纵横官网</a>
  78. <a class="dropdown-item" href="#">动画教程</a>
  79. <a class="dropdown-item" href="#">联系客服</a>
  80. <a class="dropdown-item" href="#">关于</a>
  81. </div>
  82. </li>
  83. <li class="nav-item">
  84. <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
  85. <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
  86. </a>
  87. </li>
  88. </ul>
  89. </div>
  90. </nav>
  91. </div>
  92. <div class="main">
  93. <div class="main-nav">
  94. <ul class="nav flex-column">
  95. <li><a href="zaojiashu.html" class="active">造价书</a></li>
  96. <li><a href="gongliaoji.html">人材机</a></li>
  97. <li><a href="feilv.html">费率</a></li>
  98. <li><a href="jisuanchengxu.html">计算程序</a></li>
  99. <li><a href="tiaojia.html">调价</a></li>
  100. <li><a href="baobiao.html">报表</a></li>
  101. </ul>
  102. </div>
  103. <div class="content">
  104. <div class="toolsbar px-1 d-flex justify-content-between">
  105. <div class="tools-btn btn-group align-top">
  106. <a class="btn btn-sm" href="#poj-set" aria-expanded="false" data-toggle="modal" data-target="#poj-set"><i class="fa fa-cog" data-toggle="tooltip" data-placement="bottom" title="项目属性"></i></a>
  107. <span class="btn btn-sm">
  108. <a class="dropdown-toggle" href="#" data-toggle="dropdown"><i class="fa fa-cloud-upload" data-toggle="tooltip" data-placement="bottom" title="导入"></i></a>
  109. <div class="dropdown-menu">
  110. <a class="dropdown-item" href="#import" data-toggle="modal" data-target="#import">导入09表Excel清单</a>
  111. <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
  112. </div>
  113. </span>
  114. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="插入"><i class="fa fa-plus-square" aria-hidden="true"></i></a>
  115. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
  116. <a href="" class="btn btn-light btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
  117. <a href="" class="btn btn-light btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  118. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
  119. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  120. <span class="btn btn-light btn-sm">
  121. <a href="" class="" data-toggle="dropdown"><b data-toggle="tooltip" data-placement="bottom" title="特殊符号">π</b></a>
  122. <div class="dropdown-menu dropdown-menu-left">
  123. <div class="px-2 tools-symbol">
  124. <a href="" class="float-right"><i class="fa fa-remove text-danger"></i></a>
  125. <p>
  126. <a href="" class="btn btn-outline-secondary btn-sm">①</a>
  127. <a href="" class="btn btn-outline-secondary btn-sm">②</a>
  128. <a href="" class="btn btn-outline-secondary btn-sm">③</a>
  129. <a href="" class="btn btn-outline-secondary btn-sm">④</a>
  130. <a href="" class="btn btn-outline-secondary btn-sm">⑤</a>
  131. <a href="" class="btn btn-outline-secondary btn-sm">⑥</a>
  132. <a href="" class="btn btn-outline-secondary btn-sm">⑦</a>
  133. <a href="" class="btn btn-outline-secondary btn-sm">⑧</a>
  134. <a href="" class="btn btn-outline-secondary btn-sm">⑨</a>
  135. <a href="" class="btn btn-outline-secondary btn-sm">⑩</a>
  136. </p>
  137. <p>
  138. <a href="" class="btn btn-outline-secondary btn-sm">≤</a>
  139. <a href="" class="btn btn-outline-secondary btn-sm">≥</a>
  140. <a href="" class="btn btn-outline-secondary btn-sm">÷</a>
  141. <a href="" class="btn btn-outline-secondary btn-sm">±</a>
  142. <a href="" class="btn btn-outline-secondary btn-sm">≈</a>
  143. <a href="" class="btn btn-outline-secondary btn-sm">≠</a>
  144. <a href="" class="btn btn-outline-secondary btn-sm">m³</a>
  145. </p>
  146. <p>
  147. <a href="" class="btn btn-outline-secondary btn-sm">Φ</a>
  148. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  149. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  150. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  151. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  152. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  153. <a href="" class="btn btn-outline-secondary btn-sm">Ω</a>
  154. <a href="" class="btn btn-outline-secondary btn-sm">π</a>
  155. <a href="" class="btn btn-outline-secondary btn-sm">∑</a>
  156. <a href="" class="btn btn-outline-secondary btn-sm">‰</a>
  157. <a href="" class="btn btn-outline-secondary btn-sm">℃</a>
  158. <a href="" class="btn btn-outline-secondary btn-sm">¥</a>
  159. <a href="" class="btn btn-outline-secondary btn-sm">㎡</a>
  160. </p>
  161. <p>
  162. <a href="" class="btn btn-outline-secondary btn-sm">ⅰ</a>
  163. <a href="" class="btn btn-outline-secondary btn-sm">ⅱ</a>
  164. <a href="" class="btn btn-outline-secondary btn-sm">ⅲ</a>
  165. <a href="" class="btn btn-outline-secondary btn-sm">ⅳ</a>
  166. <a href="" class="btn btn-outline-secondary btn-sm">ⅴ</a>
  167. <a href="" class="btn btn-outline-secondary btn-sm">ⅵ</a>
  168. <a href="" class="btn btn-outline-secondary btn-sm">ⅶ</a>
  169. <a href="" class="btn btn-outline-secondary btn-sm">ⅷ</a>
  170. <a href="" class="btn btn-outline-secondary btn-sm">ⅸ</a>
  171. <a href="" class="btn btn-outline-secondary btn-sm">ⅹ</a>
  172. <a href="" class="btn btn-outline-secondary btn-sm">√</a>
  173. <a href="" class="btn btn-outline-secondary btn-sm">∞</a>
  174. </p>
  175. <p>
  176. <a href="" class="btn btn-outline-secondary btn-sm">Ⅰ</a>
  177. <a href="" class="btn btn-outline-secondary btn-sm">Ⅱ</a>
  178. <a href="" class="btn btn-outline-secondary btn-sm">Ⅲ</a>
  179. <a href="" class="btn btn-outline-secondary btn-sm">Ⅳ</a>
  180. <a href="" class="btn btn-outline-secondary btn-sm">Ⅴ</a>
  181. <a href="" class="btn btn-outline-secondary btn-sm">Ⅵ</a>
  182. <a href="" class="btn btn-outline-secondary btn-sm">Ⅶ</a>
  183. <a href="" class="btn btn-outline-secondary btn-sm">Ⅷ</a>
  184. <a href="" class="btn btn-outline-secondary btn-sm">Ⅸ</a>
  185. <a href="" class="btn btn-outline-secondary btn-sm">Ⅹ</a>
  186. <a href="" class="btn btn-outline-secondary btn-sm">Ⅺ</a>
  187. <a href="" class="btn btn-outline-secondary btn-sm">Ⅻ</a>
  188. </p>
  189. <p>
  190. <a href="" class="btn btn-outline-secondary btn-sm">⑴</a>
  191. <a href="" class="btn btn-outline-secondary btn-sm">⑵</a>
  192. <a href="" class="btn btn-outline-secondary btn-sm">⑶</a>
  193. <a href="" class="btn btn-outline-secondary btn-sm">⑷</a>
  194. <a href="" class="btn btn-outline-secondary btn-sm">⑸</a>
  195. <a href="" class="btn btn-outline-secondary btn-sm">⑹</a>
  196. <a href="" class="btn btn-outline-secondary btn-sm">⑺</a>
  197. <a href="" class="btn btn-outline-secondary btn-sm">⑻</a>
  198. <a href="" class="btn btn-outline-secondary btn-sm">⑼</a>
  199. <a href="" class="btn btn-outline-secondary btn-sm">⑽</a>
  200. <a href="" class="btn btn-outline-secondary btn-sm">⑾</a>
  201. <a href="" class="btn btn-outline-secondary btn-sm">⑿</a>
  202. </p>
  203. <p>
  204. <a href="" class="btn btn-outline-secondary btn-sm">α</a>
  205. <a href="" class="btn btn-outline-secondary btn-sm">β</a>
  206. <a href="" class="btn btn-outline-secondary btn-sm">γ</a>
  207. <a href="" class="btn btn-outline-secondary btn-sm">δ</a>
  208. <a href="" class="btn btn-outline-secondary btn-sm">ε</a>
  209. <a href="" class="btn btn-outline-secondary btn-sm">ζ</a>
  210. <a href="" class="btn btn-outline-secondary btn-sm">η</a>
  211. <a href="" class="btn btn-outline-secondary btn-sm">θ</a>
  212. <a href="" class="btn btn-outline-secondary btn-sm">ξ</a>
  213. <a href="" class="btn btn-outline-secondary btn-sm">σ</a>
  214. <a href="" class="btn btn-outline-secondary btn-sm">ρ</a>
  215. <a href="" class="btn btn-outline-secondary btn-sm">τ</a>
  216. <a href="" class="btn btn-outline-secondary btn-sm">£</a>
  217. <a href="" class="btn btn-outline-secondary btn-sm">§</a>
  218. <a href="" class="btn btn-outline-secondary btn-sm">μ</a>
  219. <a href="" class="btn btn-outline-secondary btn-sm">υ</a>
  220. <a href="" class="btn btn-outline-secondary btn-sm">λ</a>
  221. <a href="" class="btn btn-outline-secondary btn-sm">д</a>
  222. <a href="" class="btn btn-outline-secondary btn-sm">г</a>
  223. <a href="" class="btn btn-outline-secondary btn-sm">ω</a>
  224. </p>
  225. <p>
  226. <a href="" class="btn btn-outline-secondary btn-sm">∵</a>
  227. <a href="" class="btn btn-outline-secondary btn-sm">∴</a>
  228. <a href="" class="btn btn-outline-secondary btn-sm">∠</a>
  229. <a href="" class="btn btn-outline-secondary btn-sm">※</a>
  230. <a href="" class="btn btn-outline-secondary btn-sm">°</a>
  231. <a href="" class="btn btn-outline-secondary btn-sm">↑</a>
  232. <a href="" class="btn btn-outline-secondary btn-sm">↓</a>
  233. <a href="" class="btn btn-outline-secondary btn-sm">←</a>
  234. <a href="" class="btn btn-outline-secondary btn-sm">→</a>
  235. <a href="" class="btn btn-outline-secondary btn-sm">{</a>
  236. <a href="" class="btn btn-outline-secondary btn-sm">}</a>
  237. <a href="" class="btn btn-outline-secondary btn-sm">【</a>
  238. <a href="" class="btn btn-outline-secondary btn-sm">】</a>
  239. <a href="" class="btn btn-outline-secondary btn-sm">〖</a>
  240. <a href="" class="btn btn-outline-secondary btn-sm">〗</a>
  241. <a href="" class="btn btn-outline-secondary btn-sm">(</a>
  242. <a href="" class="btn btn-outline-secondary btn-sm">)</a>
  243. <a href="" class="btn btn-outline-secondary btn-sm">★</a>
  244. <a href="" class="btn btn-outline-secondary btn-sm">☆</a>
  245. <a href="" class="btn btn-outline-secondary btn-sm">●</a>
  246. <a href="" class="btn btn-outline-secondary btn-sm">◎</a>
  247. </p>
  248. </div>
  249. </div>
  250. </span>
  251. <span class="btn btn-light btn-sm">
  252. <a href="" data-toggle="dropdown"><i class="fa fa-list-ol"></i> 显示至...</a>
  253. <div class="dropdown-menu dropdown-menu-left">
  254. <a class="dropdown-item" href="#">大项费用</a>
  255. <a class="dropdown-item" href="#">一级分部</a>
  256. <a class="dropdown-item" href="#">二级分部</a>
  257. <a class="dropdown-item" href="#">三级分部</a>
  258. <a class="dropdown-item" href="#">四级分部</a>
  259. <a class="dropdown-item" href="#">分项</a>
  260. <a class="dropdown-item" href="#">子目</a>
  261. <a class="dropdown-item" href="#">最底层</a>
  262. </div>
  263. </span>
  264. <a href="" class="btn btn-light btn-sm"><i class="fa fa-retweet" aria-hidden="true"></i> 整理分部</a>
  265. <a href="" class="btn btn-light btn-sm"><i class="fa fa-lock" aria-hidden="true"></i> 锁定清单</a>
  266. <!-- <a href="" class="btn btn-light btn-sm"><i class="fa fa-lock" aria-hidden="true"></i> 解锁清单</a> -->
  267. <a href="" class="btn btn-light btn-sm"><i class="fa fa-eye" aria-hidden="true"></i> 显示特征内容</a>
  268. <!-- <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="隐藏特征内容"><i class="fa fa-eye-slash" aria-hidden="true"></i> 隐藏特征内容</a> -->
  269. </div>
  270. <div class="side-tabs">
  271. <ul class="nav nav-tabs" role="tablist">
  272. <li class="nav-item">
  273. <a class="nav-link active px-3" data-toggle="tab" href="#zy" role="tab">清单指引</a>
  274. </li>
  275. <li class="nav-item">
  276. <a class="nav-link px-3" data-toggle="tab" href="#qd" role="tab">清单规则</a>
  277. </li>
  278. <li class="nav-item">
  279. <a class="nav-link px-3" data-toggle="tab" href="#de" role="tab">定额库</a>
  280. </li>
  281. </ul>
  282. </div>
  283. </div>
  284. <div class="container-fluid">
  285. <div class="row">
  286. <div class="main-content col-lg-8 p-0">
  287. <div class="top-content">
  288. <div class="main-data-top">
  289. <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#qd-jsjs">计算基数 窗口 & 费率(%) 窗口</a>
  290. <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#loading">loading</a>
  291. <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#zlfb">右键“整理分部”</a>
  292. <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#jqaz">右键“计取安装费用”</a>
  293. <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#ntwz">粘帖位置选择</a>
  294. <p>
  295. <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#help">说明弹窗</a>
  296. <p>
  297. <!-- HTML to write -->
  298. <a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
  299. <!-- Generated markup by the plugin -->
  300. <div class="tooltip bs-tooltip-top top" role="tooltip" style="will-change:transform;position: absolute;transform: translate3d(13px);">
  301. <div class="arrow"></div>
  302. <div class="tooltip-inner">
  303. Some tooltip text!
  304. </div>
  305. </div>
  306. <div class="message-box box-text-style">
  307. <div>
  308. <p>[项目特征]</p>
  309. <p>1.土石类别:综合考虑(含清表、淤泥、孤石等)</p>
  310. <p class="text-center">2.开挖方式:综合考虑</p>
  311. <p>3.基础类型:满足沟槽定义的所有基础</p>
  312. <p class="text-right">4.开挖深度:综合考虑</p>
  313. <p>5.场内运距:根据现场情况综合考虑(包括多次转运和垂直运输)</p>
  314. <p><table>
  315. <tr><th>表头</th><th>表头</th><th>表头</th></tr>
  316. <tr><td>内容</td><td>内容</td><td>内容</td></tr>
  317. <tr><td class="text-left">内容</td><td class="text-left">内容</td><td class="text-left">内容</td></tr>
  318. <tr><td class="text-right">内容</td><td class="text-right">内容</td><td class="text-right">内容</td></tr>
  319. </table>
  320. </p>
  321. <p><table>
  322. <tr><th rowspan="2">序号</th><th rowspan="2">费用名称</th><th colspan="2">计费基础</th></tr>
  323. <tr><th>定额人工费+定额施工机具使用费</th><th>定额人工费</th></tr>
  324. <tr><td></td><td>定额综合单价</td><td>1+2+3+4+5+6</td><td>1+2+3+4+5+6</td></tr>
  325. <tr><td>1</td><td>定额人工费</td><td></td><td></td></tr>
  326. <tr><td>2</td><td>定额材料费</td><td></td><td></td></tr>
  327. <tr><td>3</td><td>定额施工机具使用费</td><td></td><td></td></tr>
  328. <tr><td>4</td><td>企业管理费</td><td>(1+3)X费率</td><td>1X费率</td></tr>
  329. <tr><td>5</td><td>利润</td><td>(1+3)X费率</td><td>1X费率</td></tr>
  330. <tr><td>6</td><td>一般风险费</td><td>(1+3)X费率</td><td>1X费率</td></tr>
  331. </table>
  332. </p>
  333. </div>
  334. <div class="triangle-border tb-border"></div>
  335. <div class="triangle-border tb-background"></div>
  336. </div>
  337. </p>
  338. </div>
  339. </div>
  340. <div class="bottom-content">
  341. <ul class="nav nav-tabs d-flex" role="tablist">
  342. <li class="nav-item">
  343. <a class="nav-link active" data-toggle="tab" href="#gl" role="tab">人材机</a>
  344. </li>
  345. <li class="nav-item">
  346. <a class="nav-link" data-toggle="tab" href="#fzt" role="tab">附注条件</a>
  347. </li>
  348. <li class="nav-item">
  349. <a class="nav-link" data-toggle="tab" href="#fzd" role="tab">辅助定额</a>
  350. </li>
  351. <li class="nav-item">
  352. <a class="nav-link" data-toggle="tab" href="#az" role="tab">安装增加费</a>
  353. </li>
  354. <li class="nav-item">
  355. <a class="nav-link" data-toggle="tab" href="#gc" role="tab">工程量明细</a>
  356. </li>
  357. <li class="nav-item">
  358. <a class="nav-link" data-toggle="tab" href="#dj" role="tab">计算程序</a>
  359. </li>
  360. <li class="nav-item">
  361. <a class="nav-link" data-toggle="tab" href="#sm" role="tab">说明信息</a>
  362. </li>
  363. <li class="nav-item">
  364. <a class="nav-link" data-toggle="tab" href="#tenr" role="tab">特征及内容</a>
  365. </li>
  366. </ul>
  367. <!-- Tab panes -->
  368. <div class="tab-content">
  369. <div class="tab-pane" id="gl" role="tabpanel">
  370. <div class="main-data-bottom ovf-hidden">
  371. <table class="table table-sm table-bordered m-1">
  372. <thead>
  373. <th>编号</th>
  374. <th>名称</th>
  375. <th>规格</th>
  376. <th>...</th>
  377. <th>...</th>
  378. </thead>
  379. <tbody>
  380. <tr>
  381. <td>AZ0020</td>
  382. <td>综合工日</td>
  383. <td></td>
  384. <td></td>
  385. <td></td>
  386. </tr>
  387. <tr>
  388. <td>AZ0020</td>
  389. <td>综合工日</td>
  390. <td></td>
  391. <td></td>
  392. <td></td>
  393. </tr>
  394. <tr>
  395. <td>AZ0020</td>
  396. <td>综合工日</td>
  397. <td></td>
  398. <td></td>
  399. <td></td>
  400. </tr>
  401. <tr>
  402. <td>AZ0020</td>
  403. <td>综合工日</td>
  404. <td></td>
  405. <td></td>
  406. <td></td>
  407. </tr>
  408. <tr>
  409. <td>AZ0020</td>
  410. <td>综合工日</td>
  411. <td></td>
  412. <td></td>
  413. <td></td>
  414. </tr>
  415. <tr>
  416. <td>AZ0020</td>
  417. <td>综合工日</td>
  418. <td></td>
  419. <td></td>
  420. <td></td>
  421. </tr>
  422. <tr>
  423. <td>AZ0020</td>
  424. <td>综合工日</td>
  425. <td></td>
  426. <td></td>
  427. <td></td>
  428. </tr>
  429. <tr>
  430. <td>AZ0020</td>
  431. <td>综合工日</td>
  432. <td></td>
  433. <td></td>
  434. <td></td>
  435. </tr>
  436. <tr>
  437. <td>AZ0020</td>
  438. <td>综合工日</td>
  439. <td></td>
  440. <td></td>
  441. <td></td>
  442. </tr>
  443. <tr>
  444. <td>AZ0020</td>
  445. <td>综合工日</td>
  446. <td></td>
  447. <td></td>
  448. <td></td>
  449. </tr>
  450. <tr>
  451. <td>AZ0020</td>
  452. <td>综合工日</td>
  453. <td></td>
  454. <td></td>
  455. <td></td>
  456. </tr>
  457. <tr>
  458. <td>AZ0020</td>
  459. <td>综合工日</td>
  460. <td></td>
  461. <td></td>
  462. <td></td>
  463. </tr>
  464. <tr>
  465. <td>AZ0020</td>
  466. <td>综合工日</td>
  467. <td></td>
  468. <td></td>
  469. <td></td>
  470. </tr>
  471. <tr>
  472. <td>AZ0020</td>
  473. <td>综合工日</td>
  474. <td></td>
  475. <td></td>
  476. <td></td>
  477. </tr>
  478. <tr>
  479. <td>AZ0020</td>
  480. <td>综合工日</td>
  481. <td></td>
  482. <td></td>
  483. <td></td>
  484. </tr>
  485. <tr>
  486. <td>AZ0020</td>
  487. <td>综合工日</td>
  488. <td></td>
  489. <td></td>
  490. <td></td>
  491. </tr>
  492. <tr>
  493. <td>AZ0020</td>
  494. <td>综合工日</td>
  495. <td></td>
  496. <td></td>
  497. <td></td>
  498. </tr>
  499. <tr>
  500. <td>AZ0020</td>
  501. <td>综合工日</td>
  502. <td></td>
  503. <td></td>
  504. <td></td>
  505. </tr>
  506. <tr>
  507. <td>AZ0020</td>
  508. <td>综合工日</td>
  509. <td></td>
  510. <td></td>
  511. <td></td>
  512. </tr>
  513. <tr>
  514. <td>AZ0020</td>
  515. <td>综合工日</td>
  516. <td></td>
  517. <td></td>
  518. <td></td>
  519. </tr>
  520. <tr>
  521. <td>AZ0020</td>
  522. <td>综合工日</td>
  523. <td></td>
  524. <td></td>
  525. <td></td>
  526. </tr>
  527. <tr>
  528. <td>AZ0020</td>
  529. <td>综合工日</td>
  530. <td></td>
  531. <td></td>
  532. <td></td>
  533. </tr>
  534. <tr>
  535. <td>AZ0020</td>
  536. <td>综合工日</td>
  537. <td></td>
  538. <td></td>
  539. <td></td>
  540. </tr>
  541. <tr>
  542. <td>AZ0020</td>
  543. <td>综合工日</td>
  544. <td></td>
  545. <td></td>
  546. <td></td>
  547. </tr>
  548. <tr>
  549. <td>AZ0020</td>
  550. <td>综合工日</td>
  551. <td></td>
  552. <td></td>
  553. <td></td>
  554. </tr>
  555. <tr>
  556. <td>AZ0020</td>
  557. <td>综合工日</td>
  558. <td></td>
  559. <td></td>
  560. <td></td>
  561. </tr>
  562. <tr>
  563. <td>AZ0020</td>
  564. <td>综合工日</td>
  565. <td></td>
  566. <td></td>
  567. <td></td>
  568. </tr>
  569. <tr>
  570. <td>AZ0020</td>
  571. <td>综合工日</td>
  572. <td></td>
  573. <td></td>
  574. <td></td>
  575. </tr>
  576. <tr>
  577. <td>AZ0020</td>
  578. <td>综合工日</td>
  579. <td></td>
  580. <td></td>
  581. <td></td>
  582. </tr>
  583. <tr>
  584. <td>AZ0020</td>
  585. <td>综合工日</td>
  586. <td></td>
  587. <td></td>
  588. <td></td>
  589. </tr>
  590. <tr>
  591. <td></td>
  592. <td></td>
  593. <td></td>
  594. <td></td>
  595. <td></td>
  596. </tr>
  597. <tr>
  598. <td></td>
  599. <td></td>
  600. <td></td>
  601. <td></td>
  602. <td></td>
  603. </tr>
  604. <tr>
  605. <td></td>
  606. <td></td>
  607. <td></td>
  608. <td></td>
  609. <td></td>
  610. </tr>
  611. <tr>
  612. <td></td>
  613. <td></td>
  614. <td></td>
  615. <td></td>
  616. <td></td>
  617. </tr>
  618. <tr>
  619. <td></td>
  620. <td></td>
  621. <td></td>
  622. <td></td>
  623. <td></td>
  624. </tr>
  625. <tr>
  626. <td></td>
  627. <td></td>
  628. <td></td>
  629. <td></td>
  630. <td></td>
  631. </tr>
  632. <tr>
  633. <td></td>
  634. <td></td>
  635. <td></td>
  636. <td></td>
  637. <td></td>
  638. </tr>
  639. <tr>
  640. <td></td>
  641. <td></td>
  642. <td></td>
  643. <td></td>
  644. <td></td>
  645. </tr>
  646. <tr>
  647. <td></td>
  648. <td></td>
  649. <td></td>
  650. <td></td>
  651. <td></td>
  652. </tr>
  653. <tr>
  654. <td></td>
  655. <td></td>
  656. <td></td>
  657. <td></td>
  658. <td></td>
  659. </tr>
  660. <tr>
  661. <td></td>
  662. <td></td>
  663. <td></td>
  664. <td></td>
  665. <td></td>
  666. </tr>
  667. <tr>
  668. <td></td>
  669. <td></td>
  670. <td></td>
  671. <td></td>
  672. <td></td>
  673. </tr>
  674. </tbody>
  675. </table>
  676. </div>
  677. </div>
  678. <div class="tab-pane" id="fzt" role="tabpanel">
  679. <div class="main-data-bottom">
  680. 附注条件的内容
  681. </div>
  682. </div>
  683. <div class="tab-pane" id="fzd" role="tabpanel">
  684. <div class="main-data-bottom">
  685. 辅助定额的内容
  686. </div>
  687. </div>
  688. <div class="tab-pane" id="az" role="tabpanel">
  689. <div class="main-data-bottom">
  690. <table class="table table-sm table-bordered m-0">
  691. <thead>
  692. <th>按统一设置</th>
  693. <th>费用项</th>
  694. <th>费用规则</th>
  695. <th>编码</th>
  696. <th>基数</th>
  697. <th>费率(1%)</th>
  698. <th>其中人工(%)</th>
  699. <th>其中材料(%)</th>
  700. <th>其中机械(%)</th>
  701. <th>费用类型</th>
  702. <th>记取位置</th>
  703. </thead>
  704. <tbody>
  705. <tr>
  706. <td><input type="checkbox"></td>
  707. <td>超高费</td>
  708. <td>超高费(标高15m以内)(第一册 机械设备安装工程1~6章节)<a href="javacript:void(0);" data-toggle="modal" data-target="#cxazfy">点击</a></td>
  709. <td>AZFY1</td>
  710. <td>人材机乘系数</td>
  711. <td></td>
  712. <td>25</td>
  713. <td></td>
  714. <td>25</td>
  715. <td>分项费用</td>
  716. <td>030101001台式及仪表机床</td>
  717. </tr>
  718. <tr>
  719. <td><input type="checkbox"></td>
  720. <td>有害增加费</td>
  721. <td>无</td>
  722. <td></td>
  723. <td></td>
  724. <td></td>
  725. <td></td>
  726. <td></td>
  727. <td></td>
  728. <td></td>
  729. <td></td>
  730. </tr>
  731. </tbody>
  732. </table>
  733. </div>
  734. </div>
  735. <div class="tab-pane" id="gc" role="tabpanel">
  736. <div class="main-data-bottom">
  737. <table class="table table-sm table-bordered m-0">
  738. <thead>
  739. <th></th>
  740. <th>名称</th>
  741. <th>计算式</th>
  742. <th>结果(C)</th>
  743. <th>累加</th>
  744. </thead>
  745. <tbody>
  746. <tr>
  747. <td>1</td>
  748. <td>面积1</td>
  749. <td>17.9*38</td>
  750. <td>680.20000</td>
  751. <td><input type="checkbox"></td>
  752. </tr>
  753. </tbody>
  754. </table>
  755. </div>
  756. </div>
  757. <div class="tab-pane" id="dj" role="tabpanel">
  758. <div class="main-data-bottom">
  759. 计算程序的内容
  760. </div>
  761. </div>
  762. <div class="tab-pane" id="sm" role="tabpanel">
  763. <div class="main-data-bottom">
  764. <textarea class="form-control" id="exampleTextarea" rows="8" readonly="">分项说明的内容,定额说明的内容</textarea>
  765. </div>
  766. </div>
  767. <div class="tab-pane active" id="tenr" role="tabpanel">
  768. <div class="row">
  769. <div class="col">
  770. <div class="main-data-bottom">
  771. 工作内容
  772. </div>
  773. <!--工具栏-->
  774. <div class="bottom-tools btn-group position-absolute">
  775. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
  776. <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>
  777. <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>
  778. <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>
  779. <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>
  780. </div>
  781. </div>
  782. <!--打开添加规则后 col-6 修改为col-4 -->
  783. <div class="col-6">
  784. <div class="main-data-bottom">
  785. 项目特征
  786. </div>
  787. <!--工具栏-->
  788. <div class="bottom-tools btn-group position-absolute">
  789. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
  790. <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>
  791. <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>
  792. <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>
  793. <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>
  794. </div>
  795. </div>
  796. <div class="col-auto">
  797. <div class="tn-nav d-flex align-items-start flex-column" data-toggle="tooltip" data-placement="left" title="" data-original-title="打开排版规则">
  798. <span class="mt-3 ml-2 text-primary">排版规则</span>
  799. <i class="fa fa-arrow-left mt-auto mb-3 text-primary ml-2"></i>
  800. </div>
  801. </div>
  802. <!-- <div class="col-4">
  803. <div class="main-data-bottom">
  804. <div class="container-fluid my-2">
  805. <div class="mb-2 d-flex justify-content-between"><span>排版规则</span><a href="#"><i class="fa fa-arrow-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="收起排版规则"></i></a></div>
  806. <div class="mb-2 row">
  807. <div class="col-6">
  808. <button class="btn btn-primary btn-sm">应用到选中清单</button>
  809. </div>
  810. <div class="col-6">
  811. <button class="btn btn-primary btn-sm">应用到所有清单</button>
  812. </div>
  813. </div>
  814. <div class="mb-1 row">
  815. <label class="col-5 px-0 col-form-label text-right">添加位置:</label>
  816. <div class="col-7">
  817. <select class="form-control form-control-sm"><option>添加到项目特征列</option></select>
  818. </div>
  819. </div>
  820. <div class="mb-1 row">
  821. <label class="col-sm-5 px-0 col-form-label text-right">添加内容:</label>
  822. <div class="col-sm-7">
  823. <select class="form-control form-control-sm"><option>项目特征+工作内容</option></select>
  824. </div>
  825. </div>
  826. <div class="mb-1 row">
  827. <label class="col-5 px-0 col-form-label text-right">显示格式:</label>
  828. <div class="col-7">
  829. <select class="form-control form-control-sm"><option>换行分隔</option></select>
  830. </div>
  831. </div>
  832. <div class="mb-1 row">
  833. <label class="col-5 px-0 col-form-label text-right">特征生成方式:</label>
  834. <div class="col-7">
  835. <select class="form-control form-control-sm"><option>特征:特征值</option></select>
  836. </div>
  837. </div>
  838. <div class="mb-1 row">
  839. <label class="col-5 px-0 col-form-label text-right">子目生成方式:</label>
  840. <div class="col-7">
  841. <select class="form-control form-control-sm"><option>编号+子目名称</option></select>
  842. </div>
  843. </div>
  844. <div class="mb-1 row">
  845. <label class="col-5 px-0 col-form-label text-right">序号格式:</label>
  846. <div class="col-7">
  847. <select class="form-control form-control-sm"><option>1</option></select>
  848. </div>
  849. </div>
  850. </div>
  851. </div>
  852. </div> -->
  853. </div>
  854. </div>
  855. </div>
  856. </div>
  857. </div>
  858. <div class="main-side col-lg-4 p-0">
  859. <div class="tab-content">
  860. <!--清单指引-->
  861. <div class="tab-pane active" id="zy" role="tabpanel">
  862. <div class="sidebar-tools-bar container-fluid tools-bar-height-z">
  863. <div class="p-1 row">
  864. <select class="form-control form-control-sm col-6" id="exampleSelect1">
  865. <option>重庆市建筑工程计价定额(2008)</option>
  866. <option>2</option>
  867. <option>3</option>
  868. <option>4</option>
  869. <option>5</option>
  870. </select>
  871. <div class="input-group col-6">
  872. <input type="text" class="form-control form-control-sm" placeholder="搜索定额" value="石">
  873. <div class="input-group-append">
  874. <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
  875. </div>
  876. </div>
  877. </div>
  878. </div>
  879. <div class="main-data-side-q">
  880. <table class="table table-bordered">
  881. <tr>
  882. <th>名称</th>
  883. </tr>
  884. <tr><td>市政工程</td></tr>
  885. <tr><td>第一章 土石方工程</td></tr>
  886. <tr><td>第二章 脚手架及构件运输</td></tr>
  887. </table>
  888. </div>
  889. <div class="sidebar-bottom container-fluid">
  890. <!--清单指引-->
  891. <!-- <table class="table table-sm table-bordered m-0">
  892. <thead>
  893. <tr><th></th><th>编码</th><th>名称</th><th>单位</th><th>基价</th></tr>
  894. </thead>
  895. <tbody>
  896. <tr><td>1</td><td>DA0011</td><td>人工运土方 运距20m以内</td><td>100m3</td><td>546.7</td></tr>
  897. <tr><td>2</td><td>DA0012</td><td>人工运土方 每增加20m</td><td>100m3</td><td>162.8</td></tr>
  898. </tbody>
  899. </table> -->
  900. <!--清单精灵-->
  901. <table class="table table-sm table-bordered m-0">
  902. <thead>
  903. <tr><th>施工工序</th><th>选项</th></tr>
  904. <!--1 第一层 旧路面类型-->
  905. <tr><td>旧路面类型</td><td><div class="btn-group btn-group-sm">
  906. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  907. 水泥混凝土路面;沥青混凝土路面
  908. </button>
  909. <div class="dropdown-menu">
  910. <a class="dropdown-item" href="#"><input type="checkbox" checked> 水泥混凝土路面</a>
  911. <a class="dropdown-item" href="#"><input type="checkbox" checked> 沥青混凝土路面</a>
  912. </div>
  913. </div></td>
  914. </tr>
  915. <!--1.1 第二层 水泥混凝土路面├-->
  916. <tr><td>└ 水泥混凝土路面</td><td></td></tr>
  917. <tr><td class="pl-4">└ 挖除方式</td>
  918. <td><div class="btn-group btn-group-sm">
  919. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  920. 机械挖
  921. </button>
  922. <div class="dropdown-menu">
  923. <a class="dropdown-item" href="#"><input type="checkbox" checked> 机械挖</a>
  924. <a class="dropdown-item" href="#"><input type="checkbox"> 人工挖</a>
  925. </div>
  926. </div></td>
  927. </tr>
  928. <tr><td class="pl-5">└ 机械挖</td>
  929. <td><select>
  930. <option value="">机械挖运土方 100以内</option>
  931. </select></td></tr>
  932. <tr><td class="pl-4">└ 废料或适用料移运</td><td><div class="btn-group btn-group-sm">
  933. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  934. 装载机斗容量;自卸车装载质量;
  935. </button>
  936. <div class="dropdown-menu">
  937. <a class="dropdown-item" href="#"><input type="checkbox" checked> 装载机斗容量</a>
  938. <a class="dropdown-item" href="#"><input type="checkbox" checked> 自卸车装载质量</a>
  939. </div>
  940. </div></td>
  941. </tr>
  942. <tr><td class="pl-5">├ 装载机斗容量</td><td><select>
  943. <option value="">1m3以内</option><option value="">2m3以内</option>
  944. </select></td>
  945. </tr>
  946. <tr><td class="pl-5">└ 自卸车装载质量</td><td><select>
  947. <option value="">4t以内</option><option value="">6t以内</option>
  948. </select></td>
  949. </tr>
  950. <!--1.2 第二层 沥青混凝土路面├-->
  951. <tr><td>└ 沥青混凝土路面</td><td></td></tr>
  952. <tr><td class="pl-4">└ 挖除方式</td>
  953. <td><div class="btn-group btn-group-sm">
  954. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  955. 机械挖
  956. </button>
  957. <div class="dropdown-menu">
  958. <a class="dropdown-item" href="#"><input type="checkbox" checked> 机械挖</a>
  959. <a class="dropdown-item" href="#"><input type="checkbox"> 人工挖</a>
  960. </div>
  961. </div></td>
  962. </tr>
  963. <tr><td class="pl-5">└ 机械挖</td>
  964. <td><select>
  965. <option value="">机械挖运土方 100以内</option>
  966. </select></td></tr>
  967. <tr><td class="pl-4">└ 废料或适用料移运</td><td><div class="btn-group btn-group-sm">
  968. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  969. 装载机斗容量;自卸车装载质量;
  970. </button>
  971. <div class="dropdown-menu">
  972. <a class="dropdown-item" href="#"><input type="checkbox" checked> 装载机斗容量</a>
  973. <a class="dropdown-item" href="#"><input type="checkbox" checked> 自卸车装载质量</a>
  974. </div>
  975. </div></td>
  976. </tr>
  977. <tr><td class="pl-5">├ 装载机斗容量</td><td><select>
  978. <option value="">1m3以内</option><option value="">2m3以内</option>
  979. </select></td>
  980. </tr>
  981. <tr><td class="pl-5">└ 自卸车装载质量</td><td><select>
  982. <option value="">4t以内</option><option value="">6t以内</option>
  983. </select></td>
  984. </tr>
  985. <!--2 第一层 弃土场建设-->
  986. <tr><td>弃土场建设</td><td><div class="btn-group btn-group-sm">
  987. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  988. 请选择
  989. </button>
  990. <div class="dropdown-menu">
  991. <a class="dropdown-item" href="#"><input type="checkbox" checked> 选项1</a>
  992. <a class="dropdown-item" href="#"><input type="checkbox" checked> 选项2</a>
  993. </div>
  994. </div></td>
  995. </tr>
  996. </thead>
  997. </table>
  998. </div>
  999. </div>
  1000. <!--清单规则-->
  1001. <div class="tab-pane" id="qd" role="tabpanel">
  1002. <div class="sidebar-tools-bar container-fluid tools-bar-height-q">
  1003. <div class="p-1 row">
  1004. <select class="form-control form-control-sm col-6" id="exampleSelect1">
  1005. <option>重庆市房屋建筑与装饰工程工程量计算规则(2013)</option>
  1006. <option>2</option>
  1007. <option>3</option>
  1008. <option>4</option>
  1009. <option>5</option>
  1010. </select>
  1011. <div class="input-group col-6">
  1012. <input type="text" class="form-control form-control-sm" placeholder="搜索清单" value="1-1-2">
  1013. <div class="input-group-append">
  1014. <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
  1015. </div>
  1016. </div>
  1017. <!--搜索结果窗体-->
  1018. <!-- <div class="side-search-box col-12 p-2">
  1019. <div class="d-flex justify-content-between">
  1020. <span>搜索结果:5</span><a class="btn btn-secondary btn-sm" href="#">查找下一条</a><a title="关闭搜索" class="btn btn-link btn-sm" href="#"><i class="fa fa-remove" aria-hidden="true"></i></a>
  1021. </div>
  1022. </div> -->
  1023. </div>
  1024. </div>
  1025. <div class="main-data-side-q">
  1026. 12
  1027. </div>
  1028. <div class="sidebar-bottom container-fluid">
  1029. <div class="row d-none">
  1030. <div class="col-lg-6"> 6 L </div>
  1031. <div class="col-lg-6"> 6 R </div>
  1032. </div>
  1033. <div class="row">
  1034. <div class="col-lg-12">
  1035. <textarea class="form-control" id="exampleTextarea" rows="8" readonly="">
  1036. asdsadsd</textarea>
  1037. </div>
  1038. </div>
  1039. </div>
  1040. </div>
  1041. <!--定额库-->
  1042. <div class="tab-pane" id="de" role="tabpanel">
  1043. <div class="sidebar-tools-bar container-fluid tools-bar-height-d">
  1044. <div class="p-1 row">
  1045. <div class="col-6 p-0">
  1046. <select class="form-control form-control-sm"><option>重庆市市政工程计价定额(2008)</option></select>
  1047. </div>
  1048. <div class="input-group col-6">
  1049. <input type="text" class="form-control form-control-sm" placeholder="搜索定额" value="1-1-2">
  1050. <div class="input-group-append">
  1051. <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
  1052. </div>
  1053. </div>
  1054. </div>
  1055. </div>
  1056. <!--搜索结果窗体-->
  1057. <div class="side-search-box col-12 p-0">
  1058. <div class="d-flex justify-content-between">
  1059. <div class="my-1">
  1060. <span class="mx-3">搜索结果:5</span>
  1061. <button type="button" class="btn btn-sm btn-secondary">本定额</button>
  1062. <button type="button" class="btn btn-sm btn-light">全部定额</button>
  1063. </div>
  1064. <a title="关闭搜索" class="btn btn-link btn-sm" href="#"><i class="fa fa-remove" aria-hidden="true"></i></a>
  1065. </div>
  1066. <div class="w-100 main-data-side-search">
  1067. <table class="table table-sm">
  1068. <thead><tr><th></th><th>编号</th><th>名称</th><th>单位</th><th>基价</th></tr></thead>
  1069. <tbody>
  1070. <tr><td>1</td><td>1-1-8-2</td><td>机动翻斗车运第1个100m石方</td><td>1000m3</td><td>6249</td></tr>
  1071. <tr><td>1</td><td>1-1-8-2</td><td>机动翻斗车运第1个100m石方</td><td>1000m3</td><td>6249</td></tr>
  1072. <tr><td>1</td><td>1-1-8-2</td><td>机动翻斗车运第1个100m石方</td><td>1000m3</td><td>6249</td></tr>
  1073. <tr><td>1</td><td>1-1-8-2</td><td>机动翻斗车运第1个100m石方</td><td>1000m3</td><td>6249</td></tr>
  1074. <tr><td>1</td><td>1-1-8-2</td><td>机动翻斗车运第1个100m石方</td><td>1000m3</td><td>6249</td></tr>
  1075. </tbody>
  1076. </table>
  1077. </div>
  1078. </div>
  1079. <!-- <div class="main-data-side-d">
  1080. 12
  1081. </div>
  1082. <div class="sidebar-bottom container-fluid">
  1083. <div class="row">
  1084. <div class="col-lg-12"> 12 only </div>
  1085. </div>
  1086. </div> -->
  1087. </div>
  1088. </div>
  1089. </div>
  1090. </div>
  1091. </div>
  1092. </div>
  1093. </div>
  1094. <!--弹出历史记录(操作记录)-->
  1095. <div class="modal fade" id="history" data-backdrop="static">
  1096. <div class="modal-dialog modal-lg" role="document">
  1097. <div class="modal-content">
  1098. <div class="modal-header">
  1099. <h5 class="modal-title"><i class="fa fa-history"></i> 历史记录</h5>
  1100. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1101. <span aria-hidden="true">&times;</span>
  1102. </button>
  1103. </div>
  1104. <div class="modal-body modal-fixed-height">
  1105. <div class="list-group mb-3">
  1106. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1107. <div class="d-flex w-100 justify-content-between">
  1108. <h6 class="mb-1"><i class="fa fa-clipboard" aria-hidden="true"></i> 粘贴 </h6>
  1109. <span>2017-04-05 12:00:38 <a href="" title="撤销此操作" class="ml-2 btn btn-outline-primary btn-sm"><i class="fa fa-undo"></i></a></span>
  1110. </div>
  1111. <p class="mb-1">101-2-1 挖土方</p>
  1112. </div>
  1113. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1114. <div class="d-flex w-100 justify-content-between">
  1115. <h6 class="mb-1"><i class="fa fa-files-o" aria-hidden="true"></i> 复制</h6>
  1116. <span>2017-04-05 12:00:03</span>
  1117. </div>
  1118. <p class="mb-1">101-2-1 挖土方</p>
  1119. </div>
  1120. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1121. <div class="d-flex w-100 justify-content-between">
  1122. <h6 class="mb-1"><i class="fa fa-keyboard-o" aria-hidden="true"></i> 输入</h6>
  1123. <span>2017-04-05 11:00:30</span>
  1124. </div>
  1125. <p>土石方</p>
  1126. </div>
  1127. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1128. <div class="d-flex w-100 justify-content-between">
  1129. <h6 class="mb-1"><i class="fa fa-keyboard-o" aria-hidden="true"></i> 输入</h6>
  1130. <span>2017-04-05 11:00:30</span>
  1131. </div>
  1132. <p class="mb-1">101-2-1</p>
  1133. </div>
  1134. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1135. <div class="d-flex w-100 justify-content-between">
  1136. <h6 class="mb-1"><i class="fa fa-sign-in" aria-hidden="true"></i> 插入</h6>
  1137. <span>2017-04-05 11:00:03</span>
  1138. </div>
  1139. <p class="mb-1">空行清单</p>
  1140. </div>
  1141. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1142. <div class="d-flex w-100 justify-content-between">
  1143. <h6 class="mb-1"><i class="fa fa-arrow-up" aria-hidden="true"></i> 上移</h6>
  1144. <span>2017-04-05 10:13:13</span>
  1145. </div>
  1146. <p class="mb-1">103-2-1 XXX</p>
  1147. </div>
  1148. </div>
  1149. </div>
  1150. <div class="modal-footer">
  1151. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1152. </div>
  1153. </div>
  1154. </div>
  1155. </div>
  1156. <!--弹出项目属性-->
  1157. <div class="modal fade" id="poj-set" data-backdrop="static">
  1158. <div class="modal-dialog modal-lg" role="document">
  1159. <div class="modal-content">
  1160. <div class="modal-header">
  1161. <h5 class="modal-title">项目属性</h5>
  1162. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1163. <span aria-hidden="true">&times;</span>
  1164. </button>
  1165. </div>
  1166. <div class="modal-body">
  1167. <div class="row">
  1168. <div class="col-3">
  1169. <ul class="nav flex-column nav-pills" role="tablist">
  1170. <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#poj-settings-1" role="tab">基本信息</a></li>
  1171. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-2" role="tab">工程特征</a></li>
  1172. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-3" role="tab">指标信息</a></li>
  1173. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-4" role="tab">关于计算</a></li>
  1174. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-5" role="tab">清单工程精度</a></li>
  1175. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-6" role="tab">小数位数</a></li>
  1176. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-7" role="tab">人工单价调整</a></li>
  1177. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-8" role="tab">呈现选项</a></li>
  1178. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-9" role="tab">系统选项</a></li>
  1179. </ul>
  1180. </div>
  1181. <div class="col-9">
  1182. <div class="tab-content">
  1183. <!--基本信息-->
  1184. <div class="tab-pane fade show active" id="poj-settings-1" role="tabpanel">
  1185. <div class="modal-auto-height">
  1186. 基本信息
  1187. </div>
  1188. </div>
  1189. <!--工程特征-->
  1190. <div class="tab-pane fade" id="poj-settings-2" role="tabpanel">
  1191. <div class="modal-auto-height">
  1192. 工程特征
  1193. </div>
  1194. </div>
  1195. <!--指标信息-->
  1196. <div class="tab-pane fade" id="poj-settings-3" role="tabpanel">
  1197. <div class="modal-auto-height">
  1198. 指标信息
  1199. </div>
  1200. </div>
  1201. <!--取费方式-->
  1202. <div class="tab-pane fade" id="poj-settings-4" role="tabpanel">
  1203. <div class="modal-auto-height">
  1204. <fieldset class="form-group">
  1205. <h5>取费方式</h5>
  1206. <div class="form-check">
  1207. <label class="form-check-label">
  1208. <input class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
  1209. 子目含量取费
  1210. </label>
  1211. </div>
  1212. <div class="form-check">
  1213. <label class="form-check-label">
  1214. <input class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
  1215. 子目单价取费(反算):清单综合合价=清单综合单价*清单工程量
  1216. </label>
  1217. </div>
  1218. <div class="form-check">
  1219. <label class="form-check-label">
  1220. <input class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3" type="radio">
  1221. 子目单价取费(正算):清单综合合价=∑子目综合合价
  1222. </label>
  1223. </div>
  1224. <div class="form-check">
  1225. <label class="form-check-label">
  1226. <input class="form-check-input" name="optionsRadios" id="optionsRadios4" value="option4" type="radio">
  1227. 清单单价取费
  1228. </label>
  1229. </div>
  1230. </fieldset>
  1231. <fieldset class="form-group">
  1232. <h5>暂估合价计算方式</h5>
  1233. <div class="form-check">
  1234. <label class="form-check-label">
  1235. <input class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
  1236. 暂估合价=暂估单价×定额工程量
  1237. </label>
  1238. </div>
  1239. <div class="form-check">
  1240. <label class="form-check-label">
  1241. <input class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
  1242. 暂估合价=∑暂估材料数量×暂估材料单价
  1243. </label>
  1244. </div>
  1245. </fieldset>
  1246. <fieldset class="form-group">
  1247. <h5>计算选项</h5>
  1248. <div class="form-check">
  1249. <label class="form-check-label">
  1250. <input class="form-check-input" type="checkbox">
  1251. 主材、设备、未计价材料计取价差
  1252. </label>
  1253. </div>
  1254. <div class="form-check">
  1255. <label class="form-check-label">
  1256. <input class="form-check-input" type="checkbox" checked>
  1257. 新增工料机计取价差
  1258. </label>
  1259. </div>
  1260. <div class="form-check">
  1261. <label class="form-check-label">
  1262. <input class="form-check-input" type="checkbox" checked>
  1263. 暂估材料计取价差
  1264. </label>
  1265. </div>
  1266. </fieldset>
  1267. </div>
  1268. </div>
  1269. <!--清单工程精度-->
  1270. <div class="tab-pane fade" id="poj-settings-5" role="tabpanel">
  1271. <div class="modal-auto-height">
  1272. <table class="table table-sm table-bordered table-hover">
  1273. <thead><tr><th></th><th>计量单位</th><th>小数位数</th></tr></thead>
  1274. <tbody>
  1275. <tr><tr><td>1</td><td>其他未列单位</td><td><select class="form-control form-control-sm"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option></select></td></tr>
  1276. <tr><tr><td>2</td><td>t</td><td><select class="form-control form-control-sm"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option></select></td></tr>
  1277. <tr><tr><td>3</td><td>吨</td><td><select class="form-control form-control-sm"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option></select></td></tr>
  1278. <tr><tr><td>4</td><td>km</td><td><select class="form-control form-control-sm"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option></select></td></tr>
  1279. <tr><tr><td>5</td><td>千米</td><td><select class="form-control form-control-sm"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option></select></td></tr>
  1280. <tr><tr><td>6</td><td>m</td><td><select class="form-control form-control-sm"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option></select></td></tr>
  1281. <tr><tr><td>7</td><td>米</td><td><select class="form-control form-control-sm"><option>0</option><option>1</option><option>2</option><option>3</option><option>4</option></select></td></tr>
  1282. </tbody>
  1283. </table>
  1284. </div>
  1285. </div>
  1286. <!--小数位数-->
  1287. <div class="tab-pane fade" id="poj-settings-6" role="tabpanel">
  1288. <div class="modal-auto-height">
  1289. <fieldset class="form-group">
  1290. <h5>清单</h5>
  1291. <div class="row m-0">
  1292. <div class="col-sm-3">
  1293. <div class="input-group input-group-sm mb-2">
  1294. <div class="input-group-prepend">
  1295. <span class="input-group-text">单价</span>
  1296. </div>
  1297. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1298. </div>
  1299. </div>
  1300. <div class="col-sm-3">
  1301. <div class="input-group input-group-sm mb-2">
  1302. <div class="input-group-prepend">
  1303. <span class="input-group-text">合价</span>
  1304. </div>
  1305. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1306. </div>
  1307. </div>
  1308. </div>
  1309. <h5 class="mt-3">定额</h5>
  1310. <div class="row m-0">
  1311. <div class="col-sm-3">
  1312. <div class="input-group input-group-sm mb-2">
  1313. <div class="input-group-prepend">
  1314. <span class="input-group-text">工程量</span>
  1315. </div>
  1316. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1317. </div>
  1318. </div>
  1319. <div class="col-sm-3">
  1320. <div class="input-group input-group-sm mb-2">
  1321. <div class="input-group-prepend">
  1322. <span class="input-group-text">单价</span>
  1323. </div>
  1324. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1325. </div>
  1326. </div>
  1327. <div class="col-sm-3">
  1328. <div class="input-group input-group-sm mb-2">
  1329. <div class="input-group-prepend">
  1330. <span class="input-group-text">合价</span>
  1331. </div>
  1332. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1333. </div>
  1334. </div>
  1335. </div>
  1336. <h5 class="mt-3">工料机</h5>
  1337. <div class="row m-0">
  1338. <div class="col-sm-3">
  1339. <div class="input-group input-group-sm mb-2">
  1340. <div class="input-group-prepend">
  1341. <span class="input-group-text">消耗量</span>
  1342. </div>
  1343. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1344. </div>
  1345. </div>
  1346. <div class="col-sm-4">
  1347. <div class="input-group input-group-sm mb-2">
  1348. <div class="input-group-prepend">
  1349. <span class="input-group-text">单价<small class="text-muted">(有组成物)</small></span>
  1350. </div>
  1351. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1352. </div>
  1353. </div>
  1354. <div class="col-sm-4">
  1355. <div class="input-group input-group-sm mb-2">
  1356. <div class="input-group-prepend">
  1357. <span class="input-group-text">单价<small class="text-muted">(无组成物)</small></span>
  1358. </div>
  1359. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1360. </div>
  1361. </div>
  1362. </div>
  1363. <h5 class="mt-3">费率</h5>
  1364. <div class="row m-0">
  1365. <div class="col-sm-3">
  1366. <div class="input-group input-group-sm mb-2">
  1367. <div class="input-group-prepend">
  1368. <span class="input-group-text">费率</span>
  1369. </div>
  1370. <input type="number" class="form-control" value="2" step="1" max="6" min="0">
  1371. </div>
  1372. </div>
  1373. </div>
  1374. </fieldset>
  1375. </div>
  1376. </div>
  1377. <!--人工单价调整-->
  1378. <div class="tab-pane fade" id="poj-settings-7" role="tabpanel">
  1379. <div class="row px-3 modal-toolbar">
  1380. <select class="col-4 form-control form-control-sm"><option>渝建[2016]71号</option><option>渝建[2017]78号</option></select>
  1381. </div>
  1382. <div class="modal-auto-height pt-1">
  1383. <table class="table table-bordered">
  1384. <thead><tr><th>定额工种</th><th>2006概算定额</th><th>2008计价定额</th><th>2011轨道定额</th></tr></thead>
  1385. <tbody>
  1386. <tr><td>土石方人工</td><td>2.94</td><td>2.41</td><td>1.51</td></tr>
  1387. <tr><td>建筑、市政、维修人工</td><td>2.82</td><td>2.48</td><td>1.55</td></tr>
  1388. <tr><td>装饰人工</td><td>-</td><td>3.04</td><td>-</td></tr>
  1389. <tr><td>安装、机械人工</td><td>2.58</td><td>2.39</td><td>1.49</td></tr>
  1390. <tr><td>仿古、园林绿化人工</td><td>-</td><td>2.39</td><td>-</td></tr>
  1391. <tr><td>盾构用工</td><td>-</td><td>-</td><td>1.49</td></tr>
  1392. </tbody>
  1393. </table>
  1394. </div>
  1395. </div>
  1396. <!--呈现设置-->
  1397. <div class="tab-pane fade" id="poj-settings-8" role="tabpanel">
  1398. <div class="modal-auto-height">
  1399. <fieldset class="form-group">
  1400. <div class="form-check">
  1401. <label class="form-check-label">
  1402. <input class="form-check-input" value="option1" checked="" type="checkbox">
  1403. 造价书表格自动调整行高
  1404. </label>
  1405. </div>
  1406. <div class="form-check">
  1407. <label class="form-check-label">
  1408. <input class="form-check-input" value="option1" checked="" type="checkbox">
  1409. 定额子目自动调整行高
  1410. </label>
  1411. </div>
  1412. <div class="form-check">
  1413. <label class="form-check-label">
  1414. <input class="form-check-input" value="option1" checked="" type="checkbox">
  1415. 定额下显示主材、设备
  1416. </label>
  1417. </div>
  1418. </fieldset>
  1419. <div style="height:300px;overflow:hidden">
  1420. <table class="table table-bordered">
  1421. <tr><th></th><th>列名</th><th>显示</th></tr>
  1422. <tr><td>1</td><th>序号</th><td></td></tr>
  1423. <tr><td>2</td><th>项目编码</th><td></td></tr>
  1424. <tr><td>3</td><th>类别</th><td></td></tr>
  1425. <tr><td>4</td><th>项目名称</th><td></td></tr>
  1426. <tr><td>5</td><th>计量单位</th><td></td></tr>
  1427. <tr><td>6</td><th>项目项目特征</th><td></td></tr>
  1428. <tr><td>7</td><th>工作内容</th><td></td></tr>
  1429. <tr><td>8</td><th>工程专业</th><td><input type="checkbox" checked></td></tr>
  1430. <tr><td>9</td><th>取费专业</th><td><input type="checkbox" checked></td></tr>
  1431. <tr><td>10</td><th>工程量计算规则</th><td><input type="checkbox" checked></td></tr>
  1432. <tr><td>11</td><th>工程量</th><td><input type="checkbox" checked></td></tr>
  1433. <tr><td>12</td><th>单价</th><td><input type="checkbox" checked></td></tr>
  1434. <tr><td>13</td><th>合价</th><td><input type="checkbox" checked></td></tr>
  1435. </table>
  1436. </div>
  1437. </div>
  1438. </div>
  1439. <!--系统选项-->
  1440. <div class="tab-pane fade" id="poj-settings-9" role="tabpanel">
  1441. <div class="modal-auto-height">
  1442. <fieldset class="form-group">
  1443. <div class="form-check">
  1444. <label class="form-check-label">
  1445. <input class="form-check-input" type="checkbox">
  1446. 自动根据清单工程量填写定额工程量
  1447. </label>
  1448. </div>
  1449. <div class="form-check">
  1450. <label class="form-check-label">
  1451. <input class="form-check-input" checked="" type="checkbox">
  1452. 自动根据定额单位转换定额工程量
  1453. </label>
  1454. </div>
  1455. </fieldset>
  1456. </div>
  1457. </div>
  1458. </div>
  1459. </div>
  1460. </div>
  1461. </div>
  1462. <div class="modal-footer">
  1463. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  1464. <a href="" class="btn btn-primary">确定</a>
  1465. </div>
  1466. </div>
  1467. </div>
  1468. </div>
  1469. <!--弹出消息-->
  1470. <div class="modal fade" id="msg" data-backdrop="static">
  1471. <div class="modal-dialog modal-lg" role="document">
  1472. <div class="modal-content">
  1473. <div class="modal-header">
  1474. <h5 class="modal-title"><i class="fa fa-envelope-o"></i> 消息通知</h5>
  1475. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1476. <span aria-hidden="true">&times;</span>
  1477. </button>
  1478. </div>
  1479. <div class="modal-body modal-auto-height">
  1480. <!--消息列表 默认显示10条-->
  1481. <table class="table table-bordered">
  1482. <tr><th>标题<a href="#" class="float-right btn btn-sm">设置全部已读</a></th><th width="120">发布时间</th></tr>
  1483. <tr><td><i class="fa fa-circle-o text-danger" title="未读"></i> <a href="#">华南1地域网络升级通知</a></td><td><span title="2017-09-13 14:11:19">2017-09-13</span></td></tr>
  1484. <tr><td><i class="fa fa-circle-o text-danger" title="未读"></i> <a href="#">纵横用户服务体验调研</a></td><td><span title="2017-09-13 14:11:19">2017-09-13</span></td></tr>
  1485. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-12 14:11:19">2017-09-12</span></td></tr>
  1486. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-11 14:11:19">2017-09-11</span></td></tr>
  1487. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-11 14:11:19">2017-09-11</span></td></tr>
  1488. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-11 14:11:19">2017-09-11</span></td></tr>
  1489. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-11 14:11:19">2017-09-11</span></td></tr>
  1490. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-11 14:11:19">2017-09-11</span></td></tr>
  1491. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-11 14:11:19">2017-09-11</span></td></tr>
  1492. <tr><td><a href="#">通知信息标题</a></td><td><span title="2017-09-11 14:11:19">2017-09-11</span></td></tr>
  1493. </table>
  1494. <!--点击标题查看内容-->
  1495. <a href="#">返回</a>
  1496. <h4 class="text-center">华南1地域网络升级通知</h4>
  1497. <p class="text-center">发布:2017-09-13 14:11:19</p>
  1498. <div class="mx-3 mb-5">
  1499. 尊敬的用户您好:<br>
  1500. &nbsp;&nbsp;&nbsp;&nbsp;您的以下实例,所在集群一网络设备出现异常,目前仍在正常运转但存在风险;为消除风险,我方计划于北京时间2017年09月15日 01:00-04:00进行修复。修复期间您的实例可能会出现1次1秒内的网络(包括公网和内网访问)抖动,表现为瞬间丢包,应用重连即可恢复正常。 阿里云会安排在线工程师值守,届时有任何问题,可随时通过工单或拨打7×24小时服务电话:95187与我们联系。<br>
  1501. </div>
  1502. </div>
  1503. <div class="modal-footer">
  1504. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1505. </div>
  1506. </div>
  1507. </div>
  1508. </div>
  1509. <!--弹出 清单 计算基数 和 费率(%)-->
  1510. <div class="modal fade" id="qd-jsjs" data-backdrop="static">
  1511. <div class="modal-dialog" role="document">
  1512. <div class="modal-content">
  1513. <div class="modal-body">
  1514. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1515. <span aria-hidden="true">×</span>
  1516. </button>
  1517. <ul class="nav nav-tabs mb-3" role="tablist">
  1518. <li class="nav-item">
  1519. <a class="nav-link active px-3" data-toggle="tab" href="#m-js" role="tab">计算基数</a>
  1520. </li>
  1521. <li class="nav-item">
  1522. <a class="nav-link px-3" data-toggle="tab" href="#m-fl" role="tab">费率(%)</a>
  1523. </li>
  1524. </ul>
  1525. <div class="tab-content">
  1526. <div class="tab-pane active" id="m-js" role="tabpanel">
  1527. <div class="form-group">
  1528. <input class="form-control" value="分部分项工程费+100">
  1529. <p class="form-text">
  1530. <button class="btn btn-secondary btn-sm">+</button>
  1531. <button class="btn btn-secondary btn-sm">-</button>
  1532. <button class="btn btn-secondary btn-sm">*</button>
  1533. <button class="btn btn-secondary btn-sm">/</button>
  1534. <button class="btn btn-secondary btn-sm">(</button>
  1535. <button class="btn btn-secondary btn-sm">)</button>
  1536. </p>
  1537. </div>
  1538. <div class="row">
  1539. <div class="col-3">
  1540. <ul class="list-unstyled">
  1541. <li class="py-1">
  1542. <a href="#">所有</a>
  1543. </li>
  1544. <li class="py-1">
  1545. <a class="btn btn-outline-secondary btn-sm" href="#">分部分项</a>
  1546. </li>
  1547. <li class="py-1">
  1548. <a href="#">措施项目</a>
  1549. </li>
  1550. <li class="py-1">
  1551. <a href="#">其他项目</a>
  1552. </li>
  1553. <li class="py-1">
  1554. <a href="#">分包费</a>
  1555. </li>
  1556. <li class="py-1">
  1557. <a href="#">人材机</a>
  1558. </li>
  1559. <li class="py-1">
  1560. <a href="#">规费</a>
  1561. </li>
  1562. <li class="py-1">
  1563. <a href="#">税金</a>
  1564. </li>
  1565. <li class="py-1">
  1566. <a href="#">税前工程造价</a>
  1567. </li>
  1568. </ul>
  1569. </div>
  1570. <div class=" modal-auto-height col-9">
  1571. <table class="table table-sm table-bordered">
  1572. <thead>
  1573. <tr><th></th><th>计算基础名称</th><th>金额</th></tr>
  1574. </thead>
  1575. <tbody>
  1576. <tr>
  1577. <td>1</td><td><button class="btn btn-secondary btn-sm">分部分项工程费</button></td><td>1000.16</td>
  1578. </tr>
  1579. <tr>
  1580. <td>2</td><td><button class="btn btn-secondary btn-sm">分部分项基价直接工程费</button></td><td>600.16</td>
  1581. </tr>
  1582. <tr>
  1583. <td>3</td><td><button class="btn btn-secondary btn-sm">分部分项基价人工费</button></td><td>100.16</td>
  1584. </tr>
  1585. <tr>
  1586. <td>4</td><td><button class="btn btn-secondary btn-sm">分部分项基价材料费</button></td><td>200.16</td>
  1587. </tr>
  1588. <tr>
  1589. <td>5</td><td><button class="btn btn-secondary btn-sm">分部分项基价机械费</button></td><td>300.16</td>
  1590. </tr>
  1591. <tr>
  1592. <td>6</td><td><button class="btn btn-secondary btn-sm">分部分项调整人工费</button></td><td>100.16</td>
  1593. </tr>
  1594. <tr>
  1595. <td>7</td><td><button class="btn btn-secondary btn-sm">分部分项调整机人工费</button></td><td>50.16</td>
  1596. </tr>
  1597. </tbody>
  1598. </table>
  1599. </div>
  1600. </div>
  1601. </div>
  1602. <div class="tab-pane" id="m-fl" role="tabpanel">
  1603. <div class="modal-fixed-height">
  1604. spreadjs
  1605. </div>
  1606. </div>
  1607. </div>
  1608. </div>
  1609. <div class="modal-footer">
  1610. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1611. <a href="" class="btn btn-primary">确定</a>
  1612. </div>
  1613. </div>
  1614. </div>
  1615. </div>
  1616. <!--弹出 loading遮罩层-->
  1617. <div class="modal fade" id="loading" data-backdrop="static">
  1618. <div class="modal-dialog text-center" role="document" style="margin-top:30%">
  1619. <div class="text-white">
  1620. <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
  1621. <span class="sr-only">Loading...</span>
  1622. </div>
  1623. </div>
  1624. </div>
  1625. <!--弹出 整理分部-->
  1626. <div class="modal fade" id="zlfb" data-backdrop="static">
  1627. <div class="modal-dialog" role="document">
  1628. <div class="modal-content">
  1629. <div class="modal-header">
  1630. <h5 class="modal-title">整理分部</h5>
  1631. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1632. <span aria-hidden="true">&times;</span>
  1633. </button>
  1634. </div>
  1635. <div class="modal-body">
  1636. <div class="form-check">
  1637. <input class="form-check-input" type="checkbox" value="" >
  1638. <label class="form-check-label">
  1639. 需要专业分部标题
  1640. </label>
  1641. </div>
  1642. <div class="form-check">
  1643. <input class="form-check-input" type="checkbox" value="" >
  1644. <label class="form-check-label">
  1645. 需要章分部标题
  1646. </label>
  1647. </div>
  1648. <div class="form-check">
  1649. <input class="form-check-input" type="checkbox" value="" >
  1650. <label class="form-check-label">
  1651. 需要节分部标题
  1652. </label>
  1653. </div>
  1654. <div class="form-check">
  1655. <input class="form-check-input" type="checkbox" value="" >
  1656. <label class="form-check-label">
  1657. 删除自定义分部标题
  1658. </label>
  1659. </div>
  1660. <div class="form-check">
  1661. <input class="form-check-input" type="checkbox" value="" >
  1662. <label class="form-check-label">
  1663. 清单排序
  1664. </label>
  1665. </div>
  1666. <div class="form-check">
  1667. <input class="form-check-input" type="checkbox" value="" >
  1668. <label class="form-check-label">
  1669. 清单重新编码
  1670. </label>
  1671. </div>
  1672. <div class="card mt-3">
  1673. <div class="card-body p-2">
  1674. <h5 class="card-title">操作说明</h5>
  1675. <p class="card-text">执行分部整理将对当前清单列表存在的清单按以上勾选项进行整理;</br>
  1676. 勾选“需要专业分部标题”,表示分部整理时需要添加清单专业标题;</br>
  1677. 勾选“需要章分部标题”,表示分部整理时需要添加章标题;</br>
  1678. 勾选“需要节分部标题”,表示分部整理时需要添加节标题;</br>
  1679. 勾选“删除自定义分部标题”,将首先删除已有自定义分部标题,然后再执行分部整理;</br>
  1680. 勾选“清单排序”,表示分部整理后对每个分部下的清单进行排序;</br>
  1681. 勾选“清单重新编码”,表示分部整理后对每个分部下的清单重新生成水流号;
  1682. </p>
  1683. </div>
  1684. </div>
  1685. </div>
  1686. <div class="modal-footer">
  1687. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1688. <a href="" class="btn btn-primary">确定</a>
  1689. </div>
  1690. </div>
  1691. </div>
  1692. </div>
  1693. <!--弹出 计取安装费用-->
  1694. <div class="modal fade" id="jqaz" data-backdrop="static">
  1695. <div class="modal-dialog modal-lg" role="document">
  1696. <div class="modal-content">
  1697. <div class="modal-header">
  1698. <h5 class="modal-title">统一设置计取安装费用</h5>
  1699. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1700. <span aria-hidden="true">&times;</span>
  1701. </button>
  1702. </div>
  1703. <div class="modal-body">
  1704. <div style="height:200px"><!--sjs id设置在这个div-->
  1705. <table class="table table-sm table-bordered m-0">
  1706. <thead><tr><th></th><th>计取</th><th>费用项</th><th>费用类型</th><th>记取位置</th></tr></thead>
  1707. <tr><td>1</td><td></td><td>重庆市安装工程计价定额(2008)</td><td></td><td></td></tr>
  1708. <tr><td>2</td><td><input type="checkbox"></td><td>-高层增加费</td><td>子目费用</td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#jqaz-wz">点击</a></td></tr>
  1709. </table>
  1710. </div>
  1711. <div style="height:200px"><!--sjs id设置在这个div-->
  1712. <table class="table table-sm table-bordered m-0">
  1713. <thead><tr><th></th><th>分册章节</th><th>费用规则</th><th>编码</th><th>基数</th><th>费率(%)</th><th>其中人工(%)</th><th>其中材料(%)</th><th>其中机械(%)</th><th>记取位置</th></tr></thead>
  1714. <tr><td>1</td><td>第一册 机械设备安装工程1~6、8~16章节</td><td>超高费(标高15m以内(第一册 机械设备安装工程1~6章节))</td><td>AZFY1</td><td>人材机乘系数</td><td></td><td>25</td><td></td><td>25</td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#jqaz-wz">点击</a></td></tr>
  1715. </table>
  1716. </div>
  1717. </div>
  1718. <div class="modal-footer">
  1719. <button type="button" class="btn btn-link" >恢复默认值</button>
  1720. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1721. <a href="" class="btn btn-primary">确定</a>
  1722. </div>
  1723. </div>
  1724. </div>
  1725. </div>
  1726. <!--弹出 指定具体位置(计取安装费用)-->
  1727. <div class="modal fade" id="jqaz-wz" data-backdrop="static">
  1728. <div class="modal-dialog modal-lg" role="document">
  1729. <div class="modal-content">
  1730. <div class="modal-header">
  1731. <h5 class="modal-title">指定具体位置</h5>
  1732. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1733. <span aria-hidden="true">&times;</span>
  1734. </button>
  1735. </div>
  1736. <div class="modal-body">
  1737. <div class="row mb-2">
  1738. <div class="col-8">
  1739. <div class="input-group input-group-sm">
  1740. <input type="text" class="form-control" placeholder="输入编码 或 名称 " aria-describedby="basic-addon2">
  1741. <div class="input-group-append">
  1742. <button class="btn btn-secondary" type="button"><i class="fa fa-search"></i> 过滤</button>
  1743. <button class="btn btn-outline-secondary" type="button">取消过滤</button>
  1744. </div>
  1745. </div>
  1746. </div>
  1747. </div>
  1748. <div style="height:300px"><!--sjs id设置在这个div-->
  1749. <table class="table table-sm table-bordered m-0">
  1750. <thead><tr><th></th><th>类别</th><th>编码</th><th>名称</th><th>具体位置</th></tr></thead>
  1751. <tr><td>1</td><td>大项</td><td>1</td><td>分部分项工程</td><td></td></tr>
  1752. <tr><td>2</td><td>分部</td><td>C</td><td>安装工程</td><td></td></tr>
  1753. <tr><td>3</td><td>分部</td><td>030101001</td><td>台式及仪表机床</td><td><input type="checkbox"></td></tr>
  1754. </table>
  1755. </div>
  1756. </div>
  1757. <div class="modal-footer">
  1758. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1759. <a href="" class="btn btn-primary">确定</a>
  1760. </div>
  1761. </div>
  1762. </div>
  1763. </div>
  1764. <!--弹出 查询安装费用-->
  1765. <div class="modal fade" id="cxazfy" data-backdrop="static">
  1766. <div class="modal-dialog modal-lg" role="document">
  1767. <div class="modal-content">
  1768. <div class="modal-header">
  1769. <h5 class="modal-title">指定具体位置</h5>
  1770. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1771. <span aria-hidden="true">&times;</span>
  1772. </button>
  1773. </div>
  1774. <div class="modal-body">
  1775. <div class="modal-fixed-height"><!--sjs ID设置此div--->
  1776. <table class="table table-sm table-bordered m-0">
  1777. <thead><tr><th></th><th>编码</th><th>费用规则</th><th>基数</th><th>费率(%)</th><th>人工(%)</th><th>材料(%)</th><th>机械(%)</th></tr></thead>
  1778. <tr><td>1</td><td>AZFY15</td><td>有害增加费(电气设备安装工程)</td><td>人工</td><td>10</td><td>100</td><td>0</td><td>0</td></tr>
  1779. </table>
  1780. </div>
  1781. </div>
  1782. <div class="modal-footer">
  1783. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1784. <a href="" class="btn btn-primary">确定</a>
  1785. </div>
  1786. </div>
  1787. </div>
  1788. </div>
  1789. <!--弹出 导入-->
  1790. <div class="modal fade" id="import" data-backdrop="static">
  1791. <div class="modal-dialog" role="document">
  1792. <div class="modal-content">
  1793. <div class="modal-header">
  1794. <h5 class="modal-title">导入09表Excel清单<!-- 导入广联达算量Excel清单 --></h5>
  1795. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1796. <span aria-hidden="true">&times;</span>
  1797. </button>
  1798. </div>
  1799. <div class="modal-body">
  1800. <div class="custom-file">
  1801. <input type="file" class="custom-file-input" id="customFile" lang="zh" accept=".xls,.xlsx">
  1802. <label class="custom-file-label" for="customFile">请选择上传文件</label>
  1803. </div>
  1804. <div class="alert alert-success mt-3" role="alert">
  1805. 广东XXXX项目清单.xlsx 准备导入上传
  1806. </div>
  1807. </div>
  1808. <div class="modal-footer">
  1809. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1810. <a href="" class="btn btn-primary">确定导入</a>
  1811. </div>
  1812. </div>
  1813. </div>
  1814. </div>
  1815. <!--弹出 粘帖位置选择-->
  1816. <div class="modal fade" id="ntwz" data-backdrop="static">
  1817. <div class="modal-dialog" role="document">
  1818. <div class="modal-content">
  1819. <div class="modal-header">
  1820. <h5 class="modal-title">粘帖位置选择</h5>
  1821. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1822. <span aria-hidden="true">&times;</span>
  1823. </button>
  1824. </div>
  1825. <div class="modal-body">
  1826. <div class="form-group">
  1827. <label for="exampleInputPassword1">插入为选定节点的:</label>
  1828. <div>
  1829. <div class="form-check form-check-inline">
  1830. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
  1831. <label class="form-check-label" for="inlineRadio1">后项</label>
  1832. </div>
  1833. <div class="form-check form-check-inline">
  1834. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
  1835. <label class="form-check-label" for="inlineRadio2">前项</label>
  1836. </div>
  1837. <div class="form-check form-check-inline">
  1838. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
  1839. <label class="form-check-label" for="inlineRadio3">子项</label>
  1840. </div>
  1841. </div>
  1842. </div>
  1843. </div>
  1844. <div class="modal-footer">
  1845. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1846. <a href="" class="btn btn-primary">确定</a>
  1847. </div>
  1848. </div>
  1849. </div>
  1850. </div>
  1851. <!--弹出 说明弹窗-->
  1852. <div class="modal fade" id="help" data-backdrop="static">
  1853. <div class="modal-dialog modal-lg" role="document">
  1854. <div class="modal-content">
  1855. <div class="modal-header">
  1856. <h5 class="modal-title">说明</h5>
  1857. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1858. <span aria-hidden="true">&times;</span>
  1859. </button>
  1860. </div>
  1861. <div class="modal-body">
  1862. <div class="modal-auto-height">
  1863. <h3>标题1</h3>
  1864. <h4>标题2</h4>
  1865. <h5>标题3</h5>
  1866. <p>这是一行文本</p>
  1867. <p>这是一行<b>文本</b></p>
  1868. <p class="text-indent">这是一行带缩进的文本</p>
  1869. <table class="table table-sm table-bordered">
  1870. <tr><th>表头1</th><th>表头2</th><th>表头3</th></tr>
  1871. <tr><td>内容1</td><td>内容2</td><td>内容3</td></tr>
  1872. <tr><td>内容4</td><td>内容5</td><td>内容6</td></tr>
  1873. </table>
  1874. </div>
  1875. </div>
  1876. <div class="modal-footer">
  1877. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1878. <a href="" class="btn btn-primary">确定</a>
  1879. </div>
  1880. </div>
  1881. </div>
  1882. </div>
  1883. <!-- JS. -->
  1884. <script src="js/jquery/jquery-3.2.1.min.js"></script>
  1885. <script src="js/popper/popper.min.js"></script>
  1886. <script src="js/bootstrap/bootstrap.min.js"></script>
  1887. <script src="js/global.js"></script>
  1888. </body>
  1889. <script type="text/javascript">
  1890. autoFlashHeight();
  1891. </script>
  1892. </html>