zaojiashu.html 214 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501
  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/bootstrap/bootstrap-submenu.css">
  10. <link rel="stylesheet" href="css/main.css">
  11. <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
  12. <link rel="shortcut icon" href="img/favicon.ico">
  13. <link rel="icon" type="image/gif" href="img/animated_favicon1.gif">
  14. <!--zTree-->
  15. <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
  16. </head>
  17. <body>
  18. <div class="header">
  19. <!-- <div class="top-msg clearfix">
  20. <div class="alert alert-warning alert-dismissible" role="alert">
  21. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  22. <span aria-hidden="true">&times;</span>
  23. </button>
  24. <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
  25. </div>
  26. </div> -->
  27. <nav class="navbar p-0">
  28. <!-- <div class="mx-2"><a href="project-management.html" class="btn btn-sm" data-toggle="tooltip" title="返回"><i class="fa fa-angle-left" style="font-size:24px"></i></a></div> -->
  29. <div class="header-logo">
  30. <div class="v-title">重庆2018定额</div>
  31. <div class="p-title">纵横建筑云计价(免费版)</div>
  32. </div>
  33. <div class="navbar-text navbar-crumb px-1 mr-auto">
  34. <span data-toggle="tooltip" data-placement="bottom" title="文件夹名称"><i
  35. class="fa fa-folder-open-o"></i>...</span>
  36. <span class="text-truncate" data-toggle="tooltip" data-placement="bottom" title="建设项目名称"><i
  37. class="fa fa-cubes"></i>...</span>
  38. <span class="text-truncate" data-toggle="tooltip" data-placement="bottom" title="单项工程名称"><i
  39. class="fa fa-cube"></i>...</span>
  40. <span><i class="fa fa-sticky-note-o"></i></span>
  41. <span class="text-truncate" data-toggle="tooltip" data-placement="bottom"
  42. title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span>
  43. <!--别人分享给我 可编辑-->
  44. <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="来自 张三 的分享"><a href=""
  45. class="btn btn-xs btn-primary"><i
  46. class="fa fa-share-alt"></i> 可编辑</a></span>
  47. <!--别人分享给我 仅查看-->
  48. <!-- <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="来自 张三 的分享"><a href="" class="btn btn-xs btn-primary" ><i class="fa fa-share-alt"></i> 仅查看</a>
  49. </span> -->
  50. <!--我创建的标段-->
  51. <!-- <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="已分享给李四 王五等5人"><a href="" class="btn btn-xs btn-primary" ><i class="fa fa-share-alt"></i> 分享</a></span> -->
  52. <!--正在打开标段用户-->
  53. <span>
  54. <ul class="avatar-list mb-0">
  55. <li data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
  56. <span class="avatar bg-8">润隆</span>
  57. </li>
  58. <li data-toggle="tooltip" data-placement="bottom" title="" data-original-title="李旭正">
  59. <span class="avatar bg-3">李旭</span>
  60. </li>
  61. <li data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张佳玫">
  62. <span class="avatar bg-9">佳玫</span>
  63. </li>
  64. </ul>
  65. </span>
  66. </div>
  67. <div class="navbar-text p-0 navbar-expand-sm">
  68. <!--大屏菜单-->
  69. <ul class="nav navbar-nav" id="fluid-menu">
  70. <!-- <li class="nav-item" >
  71. <a class="nav-link" href="#share" data-toggle="modal" data-target="#share" ><i class="fa fa-share-alt"></i> 推荐给朋友</a>
  72. </li>
  73. <li class="nav-item dropdown" id="showqqgroup" >
  74. <a class="nav-link text-danger" href="#"><i class="fa fa-qq" ></i> 群</a>
  75. <div class="dropdown-menu dropdown-menu-right p-3" id="qqgroup" style="width: 200px;top:36px">
  76. <p class="text-center">
  77. <a href="https://jq.qq.com/?_wv=1027&k=5XivMJY" class="btn btn-sm btn-outline-primary">点击加入QQ交流群</a>
  78. </p>
  79. <p class="mb-0 text-center text-muted">
  80. <img src="img/qqgroupqrcode.png">
  81. 扫码加QQ交流群
  82. </p>
  83. </div>
  84. </li> -->
  85. <li class="nav-item dropdown">
  86. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">珠海纵横创新软件有限公司(陈特)</a>
  87. <div class="dropdown-menu dropdown-menu-right">
  88. <a class="dropdown-item" href="user-info.html" target="_blank">企业资料</a>
  89. <a class="dropdown-item" href="user-safe.html" target="_blank">账号安全</a>
  90. <a class="dropdown-item" href="user-buy.html" target="_blank">产品升级</a>
  91. <a class="dropdown-item" href="user-set.html" target="_blank">偏好设置</a>
  92. <div class="dropdown-divider"></div>
  93. <a class="dropdown-item" href="#" target="_blank">退出登录</a>
  94. </div>
  95. </li>
  96. <li class="nav-item dropdown">
  97. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true"
  98. aria-expanded="false"><i class="fa fa-wrench"></i> 工具</a>
  99. <div class="dropdown-menu dropdown-menu-right">
  100. <a class="dropdown-item" href="#">定额库编辑器</a>
  101. <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</a>
  102. </div>
  103. </li>
  104. <li class="nav-item dropdown">
  105. <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true"
  106. aria-expanded="false"><i class="fa fa-question-circle-o"></i> 帮助</a>
  107. <div class="dropdown-menu dropdown-menu-right">
  108. <a class="dropdown-item" href="#">帮助</a>
  109. <a class="dropdown-item" href="#">升级说明</a>
  110. <a class="dropdown-item" href="#">重庆市2008定额说明</a>
  111. <a class="dropdown-item" href="#">纵横官网</a>
  112. <a class="dropdown-item" href="#">动画教程</a>
  113. <a class="dropdown-item" href="#">联系客服</a>
  114. <a class="dropdown-item" href="#">关于</a>
  115. </div>
  116. </li>
  117. <li class="nav-item">
  118. <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
  119. <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
  120. </a>
  121. </li>
  122. </ul>
  123. <!--小屏菜单-->
  124. <ul class="nav navbar-nav" id="min-menu">
  125. <li class="nav-item dropdown">
  126. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" data-submenu=""
  127. aria-expanded="false">
  128. <i class="fa fa-bars"></i>
  129. </a>
  130. <div class="dropdown-menu dropdown-menu-right">
  131. <div class="dropdown dropleft dropdown-submenu">
  132. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">张三
  133. </button>
  134. <div class="dropdown-menu">
  135. <a class="dropdown-item" href="user-info.html" target="_blank">账号资料</a>
  136. <a class="dropdown-item" href="user-buy.html" target="_blank">产品升级</a>
  137. <a class="dropdown-item" href="user-set.html" target="_blank">偏好设置</a>
  138. <div class="dropdown-divider"></div>
  139. <a class="dropdown-item" href="#" target="_blank">退出登录</a>
  140. </div>
  141. </div>
  142. <div class="dropdown dropleft dropdown-submenu">
  143. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">工具
  144. </button>
  145. <div class="dropdown-menu">
  146. <a class="dropdown-item" href="#">定额库编辑器</a>
  147. <a class="dropdown-item" href="tools-gongliaoji.html">工料机库编辑器</a>
  148. </div>
  149. </div>
  150. <div class="dropdown dropleft dropdown-submenu">
  151. <button class="dropdown-item dropdown-toggle" type="button" data-toggle="dropdown">帮助
  152. </button>
  153. <div class="dropdown-menu">
  154. <a class="dropdown-item" href="#">帮助</a>
  155. <a class="dropdown-item" href="#">升级说明</a>
  156. <a class="dropdown-item" href="#">重庆市2008定额说明</a>
  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. </li>
  165. </ul>
  166. </div>
  167. </nav>
  168. </div>
  169. <div class="main">
  170. <div class="main-nav">
  171. <ul class="nav flex-column">
  172. <li><a href="zaojiashu.html" class="active">造价书</a></li>
  173. <li><a href="gongliaoji.html">人材机</a></li>
  174. <li><a href="feilv.html">费率</a></li>
  175. <li><a href="jisuanchengxu.html">计算程序</a></li>
  176. <li><a href="tiaojia.html">调价</a></li>
  177. <li><a href="baobiao.html">报表</a></li>
  178. </ul>
  179. </div>
  180. <div class="content">
  181. <div class="toolsbar px-1 d-flex justify-content-between">
  182. <div class="tools-btn btn-group align-top">
  183. <a class="btn btn-sm" href="#poj-set" aria-expanded="false" data-toggle="modal"
  184. data-target="#poj-set"><i class="fa fa-cog" data-toggle="tooltip" data-placement="bottom"
  185. title="项目属性"></i></a>
  186. <span class="btn btn-sm">
  187. <a class="dropdown-toggle" href="#" data-toggle="dropdown"><i class="fa fa-cloud-upload"
  188. data-toggle="tooltip"
  189. data-placement="bottom"
  190. title="导入"></i></a>
  191. <div class="dropdown-menu">
  192. <a class="dropdown-item" href="#import" data-toggle="modal"
  193. data-target="#import">导入09表Excel清单</a>
  194. <a class="dropdown-item" href="#">导入广联达算量Excel清单</a>
  195. </div>
  196. </span>
  197. <span class="btn btn-sm">
  198. <a class="dropdown-toggle" href="#" data-toggle="dropdown"><i class="fa fa-code-fork"
  199. data-toggle="tooltip"
  200. data-placement="bottom"
  201. title="数据接口"></i></a>
  202. <div class="dropdown-menu">
  203. <a class="dropdown-item" href="#export" data-toggle="modal"
  204. data-target="#export">重庆市电子招投标数据接口</a>
  205. <a class="dropdown-item" href="#">重庆其他电子招投标数据接口</a>
  206. </div>
  207. </span>
  208. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="插入"><i
  209. class="fa fa-plus-square" aria-hidden="true"></i></a>
  210. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="删除"><i
  211. class="fa fa-remove" aria-hidden="true"></i></a>
  212. <a href="" class="btn btn-light btn-sm disabled" data-toggle="tooltip" data-placement="bottom"
  213. title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
  214. <a href="" class="btn btn-light btn-sm disabled" data-toggle="tooltip" data-placement="bottom"
  215. title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  216. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="下移"><i
  217. class="fa fa-arrow-down" aria-hidden="true"></i></a>
  218. <a href="" class="btn btn-light btn-sm" data-toggle="tooltip" data-placement="bottom" title="上移"><i
  219. class="fa fa-arrow-up" aria-hidden="true"></i></a>
  220. <!-- <span class="btn btn-light btn-sm">
  221. <a href="" class="" data-toggle="dropdown"><b data-toggle="tooltip" data-placement="bottom" title="特殊符号">π</b></a>
  222. <div class="dropdown-menu dropdown-menu-left">
  223. <div class="px-2 tools-symbol">
  224. <a href="" class="float-right"><i class="fa fa-remove text-danger"></i></a>
  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. </p>
  237. <p>
  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">m³</a>
  245. </p>
  246. <p>
  247. <a href="" class="btn btn-outline-secondary btn-sm">Φ</a>
  248. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  249. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  250. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  251. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  252. <a href="" class="btn btn-outline-secondary btn-sm"></a>
  253. <a href="" class="btn btn-outline-secondary btn-sm">Ω</a>
  254. <a href="" class="btn btn-outline-secondary btn-sm">π</a>
  255. <a href="" class="btn btn-outline-secondary btn-sm">∑</a>
  256. <a href="" class="btn btn-outline-secondary btn-sm">‰</a>
  257. <a href="" class="btn btn-outline-secondary btn-sm">℃</a>
  258. <a href="" class="btn btn-outline-secondary btn-sm">¥</a>
  259. <a href="" class="btn btn-outline-secondary btn-sm">㎡</a>
  260. </p>
  261. <p>
  262. <a href="" class="btn btn-outline-secondary btn-sm">ⅰ</a>
  263. <a href="" class="btn btn-outline-secondary btn-sm">ⅱ</a>
  264. <a href="" class="btn btn-outline-secondary btn-sm">ⅲ</a>
  265. <a href="" class="btn btn-outline-secondary btn-sm">ⅳ</a>
  266. <a href="" class="btn btn-outline-secondary btn-sm">ⅴ</a>
  267. <a href="" class="btn btn-outline-secondary btn-sm">ⅵ</a>
  268. <a href="" class="btn btn-outline-secondary btn-sm">ⅶ</a>
  269. <a href="" class="btn btn-outline-secondary btn-sm">ⅷ</a>
  270. <a href="" class="btn btn-outline-secondary btn-sm">ⅸ</a>
  271. <a href="" class="btn btn-outline-secondary btn-sm">ⅹ</a>
  272. <a href="" class="btn btn-outline-secondary btn-sm">√</a>
  273. <a href="" class="btn btn-outline-secondary btn-sm">∞</a>
  274. </p>
  275. <p>
  276. <a href="" class="btn btn-outline-secondary btn-sm">Ⅰ</a>
  277. <a href="" class="btn btn-outline-secondary btn-sm">Ⅱ</a>
  278. <a href="" class="btn btn-outline-secondary btn-sm">Ⅲ</a>
  279. <a href="" class="btn btn-outline-secondary btn-sm">Ⅳ</a>
  280. <a href="" class="btn btn-outline-secondary btn-sm">Ⅴ</a>
  281. <a href="" class="btn btn-outline-secondary btn-sm">Ⅵ</a>
  282. <a href="" class="btn btn-outline-secondary btn-sm">Ⅶ</a>
  283. <a href="" class="btn btn-outline-secondary btn-sm">Ⅷ</a>
  284. <a href="" class="btn btn-outline-secondary btn-sm">Ⅸ</a>
  285. <a href="" class="btn btn-outline-secondary btn-sm">Ⅹ</a>
  286. <a href="" class="btn btn-outline-secondary btn-sm">Ⅺ</a>
  287. <a href="" class="btn btn-outline-secondary btn-sm">Ⅻ</a>
  288. </p>
  289. <p>
  290. <a href="" class="btn btn-outline-secondary btn-sm">⑴</a>
  291. <a href="" class="btn btn-outline-secondary btn-sm">⑵</a>
  292. <a href="" class="btn btn-outline-secondary btn-sm">⑶</a>
  293. <a href="" class="btn btn-outline-secondary btn-sm">⑷</a>
  294. <a href="" class="btn btn-outline-secondary btn-sm">⑸</a>
  295. <a href="" class="btn btn-outline-secondary btn-sm">⑹</a>
  296. <a href="" class="btn btn-outline-secondary btn-sm">⑺</a>
  297. <a href="" class="btn btn-outline-secondary btn-sm">⑻</a>
  298. <a href="" class="btn btn-outline-secondary btn-sm">⑼</a>
  299. <a href="" class="btn btn-outline-secondary btn-sm">⑽</a>
  300. <a href="" class="btn btn-outline-secondary btn-sm">⑾</a>
  301. <a href="" class="btn btn-outline-secondary btn-sm">⑿</a>
  302. </p>
  303. <p>
  304. <a href="" class="btn btn-outline-secondary btn-sm">α</a>
  305. <a href="" class="btn btn-outline-secondary btn-sm">β</a>
  306. <a href="" class="btn btn-outline-secondary btn-sm">γ</a>
  307. <a href="" class="btn btn-outline-secondary btn-sm">δ</a>
  308. <a href="" class="btn btn-outline-secondary btn-sm">ε</a>
  309. <a href="" class="btn btn-outline-secondary btn-sm">ζ</a>
  310. <a href="" class="btn btn-outline-secondary btn-sm">η</a>
  311. <a href="" class="btn btn-outline-secondary btn-sm">θ</a>
  312. <a href="" class="btn btn-outline-secondary btn-sm">ξ</a>
  313. <a href="" class="btn btn-outline-secondary btn-sm">σ</a>
  314. <a href="" class="btn btn-outline-secondary btn-sm">ρ</a>
  315. <a href="" class="btn btn-outline-secondary btn-sm">τ</a>
  316. <a href="" class="btn btn-outline-secondary btn-sm">£</a>
  317. <a href="" class="btn btn-outline-secondary btn-sm">§</a>
  318. <a href="" class="btn btn-outline-secondary btn-sm">μ</a>
  319. <a href="" class="btn btn-outline-secondary btn-sm">υ</a>
  320. <a href="" class="btn btn-outline-secondary btn-sm">λ</a>
  321. <a href="" class="btn btn-outline-secondary btn-sm">д</a>
  322. <a href="" class="btn btn-outline-secondary btn-sm">г</a>
  323. <a href="" class="btn btn-outline-secondary btn-sm">ω</a>
  324. </p>
  325. <p>
  326. <a href="" class="btn btn-outline-secondary btn-sm">∵</a>
  327. <a href="" class="btn btn-outline-secondary btn-sm">∴</a>
  328. <a href="" class="btn btn-outline-secondary btn-sm">∠</a>
  329. <a href="" class="btn btn-outline-secondary btn-sm">※</a>
  330. <a href="" class="btn btn-outline-secondary btn-sm">°</a>
  331. <a href="" class="btn btn-outline-secondary btn-sm">↑</a>
  332. <a href="" class="btn btn-outline-secondary btn-sm">↓</a>
  333. <a href="" class="btn btn-outline-secondary btn-sm">←</a>
  334. <a href="" class="btn btn-outline-secondary btn-sm">→</a>
  335. <a href="" class="btn btn-outline-secondary btn-sm">{</a>
  336. <a href="" class="btn btn-outline-secondary btn-sm">}</a>
  337. <a href="" class="btn btn-outline-secondary btn-sm">【</a>
  338. <a href="" class="btn btn-outline-secondary btn-sm">】</a>
  339. <a href="" class="btn btn-outline-secondary btn-sm">〖</a>
  340. <a href="" class="btn btn-outline-secondary btn-sm">〗</a>
  341. <a href="" class="btn btn-outline-secondary btn-sm">(</a>
  342. <a href="" class="btn btn-outline-secondary btn-sm">)</a>
  343. <a href="" class="btn btn-outline-secondary btn-sm">★</a>
  344. <a href="" class="btn btn-outline-secondary btn-sm">☆</a>
  345. <a href="" class="btn btn-outline-secondary btn-sm">●</a>
  346. <a href="" class="btn btn-outline-secondary btn-sm">◎</a>
  347. </p>
  348. </div>
  349. </div>
  350. </span> -->
  351. <div class="btn-group ml-2">
  352. <a class="dropdown-toggle btn btn-light btn-sm" data-toggle="dropdown" href="#" role="button"
  353. aria-haspopup="true" aria-expanded="false">更多</a>
  354. <div class="dropdown-menu dropright">
  355. <a href="" data-toggle="dropdown" class="dropdown-item dropdown-toggle"><i
  356. class="fa fa-list-ol"></i> 显示至...</a>
  357. <span class="dropdown-menu">
  358. <a class="dropdown-item" href="#">大项费用</a>
  359. <a class="dropdown-item" href="#">一级分部</a>
  360. <a class="dropdown-item" href="#">二级分部</a>
  361. <a class="dropdown-item" href="#">三级分部</a>
  362. <a class="dropdown-item" href="#">四级分部</a>
  363. <a class="dropdown-item" href="#">分项</a>
  364. <a class="dropdown-item" href="#">子目</a>
  365. <a class="dropdown-item" href="#">最底层</a>
  366. </span>
  367. <a href="" class="dropdown-item"><i class="fa fa-retweet" aria-hidden="true"></i> 整理分部</a>
  368. <a href="" class="dropdown-item"><i class="fa fa-lock" aria-hidden="true"></i> 锁定清单</a>
  369. <!-- <a href="" class="dropdown-item"><i class="fa fa-lock" aria-hidden="true"></i> 解锁清单</a> -->
  370. <a href="" class="dropdown-item"><i class="fa fa-eye" aria-hidden="true"></i> 显示特征内容</a>
  371. <!-- <a href="" class="dropdown-item" data-toggle="tooltip" data-placement="bottom" title="隐藏特征内容"><i class="fa fa-eye-slash" aria-hidden="true"></i> 隐藏特征内容</a> -->
  372. <a href="zongjisuan.html" class="dropdown-item"><i class="fa fa-calculator"
  373. aria-hidden="true"></i> 总计算程序</a>
  374. <a href="zhibiao.html" class="dropdown-item"><i class="fa fa-database" aria-hidden="true"></i>
  375. 指标信息</a>
  376. </div>
  377. </div>
  378. <span class="ml-3">总造价:1,234,521,212.00&nbsp;元</span>
  379. </div>
  380. <div class="side-tabs">
  381. <ul class="nav nav-tabs" role="tablist">
  382. <li class="nav-item">
  383. <a class="nav-link px-1" data-toggle="tab" href="#zy" role="tab">清单指引</a>
  384. </li>
  385. <li class="nav-item">
  386. <a class="nav-link px-1" data-toggle="tab" href="#de" role="tab">定额库</a>
  387. </li>
  388. <li class="nav-item dropdown">
  389. <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
  390. aria-haspopup="true" aria-expanded="false">更多</a>
  391. <div class="dropdown-menu">
  392. <a class="dropdown-item" data-toggle="tab" href="#sc" role="tab">查找定位</a>
  393. <a class="dropdown-item" data-toggle="tab" href="#mbk" role="tab">模板库</a>
  394. <a class="dropdown-item" data-toggle="tab" href="#qd" role="tab">清单规则</a>
  395. <a class="dropdown-item" data-toggle="tab" href="#sqpz" role="tab">书签批注</a>
  396. <a class="dropdown-item" data-toggle="tab" href="#fgyj" role="tab">法规依据</a>
  397. </div>
  398. </li>
  399. </ul>
  400. </div>
  401. </div>
  402. <div class="container-fluid">
  403. <div class="row">
  404. <div class="main-content col-lg-8 p-0">
  405. <div class="top-content">
  406. <div class="main-data-top">
  407. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  408. data-target="#qd-jsjs">计算基数 窗口 & 费率(%) 窗口</a>
  409. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  410. data-target="#loading">loading</a>
  411. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  412. data-target="#zlfb">右键“整理分部”</a>
  413. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  414. data-target="#jqaz">右键“计取安装费用”</a>
  415. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  416. data-target="#ntwz">粘帖位置选择</a>
  417. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  418. data-target="#help">说明弹窗</a>
  419. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  420. data-target="#zujiamb">生成租价模板 弹窗</a>
  421. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  422. data-target="#zujiapp">匹配原则 弹窗</a>
  423. <a href="javacript:void(0);" class="btn btn-sm btn-secondary m-3" data-toggle="modal"
  424. data-target="#zimushengcheng">设置子目生成位置 弹窗</a>
  425. <p>
  426. <!-- HTML to write -->
  427. <a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
  428. <!-- Generated markup by the plugin -->
  429. <div class="tooltip bs-tooltip-top top" role="tooltip"
  430. style="will-change:transform;position: absolute;transform: translate3d(13px);">
  431. <div class="arrow"></div>
  432. <div class="tooltip-inner">
  433. Some tooltip text!
  434. </div>
  435. </div>
  436. <div class="message-box box-text-style">
  437. <div>
  438. <p>[项目特征]</p>
  439. <p>1.土石类别:综合考虑(含清表、淤泥、孤石等)</p>
  440. <p class="text-center">2.开挖方式:综合考虑</p>
  441. <p>3.基础类型:满足沟槽定义的所有基础</p>
  442. <p class="text-right">4.开挖深度:综合考虑</p>
  443. <p>5.场内运距:根据现场情况综合考虑(包括多次转运和垂直运输)</p>
  444. <p>
  445. <table>
  446. <tr>
  447. <th>表头</th>
  448. <th>表头</th>
  449. <th>表头</th>
  450. </tr>
  451. <tr>
  452. <td>内容</td>
  453. <td>内容</td>
  454. <td>内容</td>
  455. </tr>
  456. <tr>
  457. <td class="text-left">内容</td>
  458. <td class="text-left">内容</td>
  459. <td class="text-left">内容</td>
  460. </tr>
  461. <tr>
  462. <td class="text-right">内容</td>
  463. <td class="text-right">内容</td>
  464. <td class="text-right">内容</td>
  465. </tr>
  466. </table>
  467. </p>
  468. <p>
  469. <table>
  470. <tr>
  471. <th rowspan="2">序号</th>
  472. <th rowspan="2">费用名称</th>
  473. <th colspan="2">计费基础</th>
  474. </tr>
  475. <tr>
  476. <th>定额人工费+定额施工机具使用费</th>
  477. <th>定额人工费</th>
  478. </tr>
  479. <tr>
  480. <td></td>
  481. <td>定额综合单价</td>
  482. <td>1+2+3+4+5+6</td>
  483. <td>1+2+3+4+5+6</td>
  484. </tr>
  485. <tr>
  486. <td>1</td>
  487. <td>定额人工费</td>
  488. <td></td>
  489. <td></td>
  490. </tr>
  491. <tr>
  492. <td>2</td>
  493. <td>定额材料费</td>
  494. <td></td>
  495. <td></td>
  496. </tr>
  497. <tr>
  498. <td>3</td>
  499. <td>定额施工机具使用费</td>
  500. <td></td>
  501. <td></td>
  502. </tr>
  503. <tr>
  504. <td>4</td>
  505. <td>企业管理费</td>
  506. <td>(1+3)X费率</td>
  507. <td>1X费率</td>
  508. </tr>
  509. <tr>
  510. <td>5</td>
  511. <td>利润</td>
  512. <td>(1+3)X费率</td>
  513. <td>1X费率</td>
  514. </tr>
  515. <tr>
  516. <td>6</td>
  517. <td>一般风险费</td>
  518. <td>(1+3)X费率</td>
  519. <td>1X费率</td>
  520. </tr>
  521. </table>
  522. </p>
  523. </div>
  524. <div class="triangle-border tb-border"></div>
  525. <div class="triangle-border tb-background"></div>
  526. </div>
  527. </p>
  528. </div>
  529. </div>
  530. <div class="bottom-content">
  531. <ul class="nav nav-tabs d-flex" role="tablist">
  532. <li class="nav-item">
  533. <a class="nav-link" data-toggle="tab" href="#qdjl" role="tab">清单精灵</a>
  534. </li>
  535. <li class="nav-item">
  536. <a class="nav-link active" data-toggle="tab" href="#gl" role="tab">人材机</a>
  537. </li>
  538. <li class="nav-item">
  539. <a class="nav-link" data-toggle="tab" href="#fzt" role="tab">模板子目</a>
  540. </li><!--
  541. <li class="nav-item">
  542. <a class="nav-link" data-toggle="tab" href="#fzd" role="tab">辅助定额</a>
  543. </li>
  544. <li class="nav-item">
  545. <a class="nav-link" data-toggle="tab" href="#az" role="tab">安装增加费</a>
  546. </li>
  547. <li class="nav-item">
  548. <a class="nav-link" data-toggle="tab" href="#gc" role="tab">工程量明细</a>
  549. </li> -->
  550. <li class="nav-item">
  551. <a class="nav-link" data-toggle="tab" href="#dj" role="tab">计算程序</a>
  552. </li>
  553. <li class="nav-item">
  554. <a class="nav-link" data-toggle="tab" href="#sm" role="tab">说明信息</a>
  555. </li>
  556. <li class="nav-item">
  557. <a class="nav-link" data-toggle="tab" href="#tenr" role="tab">特征及内容</a>
  558. </li>
  559. </ul>
  560. <!-- Tab panes -->
  561. <div class="tab-content">
  562. <!--清单精灵-->
  563. <div class="tab-pane" id="qdjl" role="tabpanel">
  564. <div class="row">
  565. <div class="col-6">
  566. <div class="main-data-bottom ovf-hidden">
  567. <table class="table table-bordered">
  568. <tr>
  569. <th>施工工序</th>
  570. <th>选项</th>
  571. </tr>
  572. </table>
  573. </div>
  574. </div>
  575. <div class="col-6">
  576. <p class="mt-3"><a href="#" class="btn btn-sm btn-primary">插入定额</a></p>
  577. <p><a href="#" class="btn btn-sm btn-primary">插入单条</a></p>
  578. </div>
  579. </div>
  580. </div>
  581. <!--人材机-->
  582. <div class="tab-pane container-fluid active" id="gl" role="tabpanel">
  583. <div class="row">
  584. <div class="col p-0">
  585. <div class="main-data-bottom ovf-hidden">
  586. 内容
  587. </div>
  588. </div>
  589. <div class="col-auto">
  590. <div class="tn-nav d-flex align-items-start flex-column" data-toggle="tooltip"
  591. data-placement="left" title="" data-original-title="打开子目换算">
  592. <span class="mt-3 ml-2 text-primary">子目换算</span>
  593. <i class="fa fa-arrow-left mt-auto mb-3 text-primary ml-2"></i>
  594. </div>
  595. </div>
  596. <div class="col-4 p-0">
  597. <div class="tab-content">
  598. <div class="tab-pane active" id="rnc-xm">
  599. <div class="main-data-bottom ovf-hidden">
  600. 项目特征 内容
  601. </div>
  602. </div>
  603. <div class="tab-pane" id="rnc-fz">
  604. <div class="main-data-bottom ovf-hidden">
  605. 附注条件 内容
  606. </div>
  607. </div>
  608. <div class="tab-pane" id="rnc-zd">
  609. <div class="main-data-bottom ovf-hidden">
  610. 自定义系数 内容
  611. </div>
  612. </div>
  613. <div class="tab-pane" id="rnc-zj">
  614. <div class="main-data-bottom ovf-hidden">
  615. 增减换算 内容
  616. </div>
  617. </div>
  618. </div>
  619. </div>
  620. <div class="col-auto p-0">
  621. <div class="rn-nav d-flex align-items-start flex-column">
  622. <ul class="nav nav-tabs">
  623. <li class="nav-item" data-toggle="tooltip" data-placement="left"
  624. title="关闭子目换算"><a data-toggle="tab" href="#rnc-xm" role="tab"
  625. class="nav-link"><i class="fa fa-arrow-right"></i></a>
  626. </li>
  627. <li class="nav-item" data-toggle="tooltip" data-placement="left"
  628. title="项目特征"><a data-toggle="tab" href="#rnc-xm" role="tab"
  629. class="nav-link active"><i
  630. class="fa fa-info-circle"></i></a></li>
  631. <li class="nav-item" data-toggle="tooltip" data-placement="left"
  632. title="附注条件"><a data-toggle="tab" href="#rnc-fz" role="tab"
  633. class="nav-link"><i
  634. class="fa fa-check-circle-o"></i></a></li>
  635. <li class="nav-item" data-toggle="tooltip" data-placement="left"
  636. title="自定义系数"><a data-toggle="tab" href="#rnc-zd" role="tab"
  637. class="nav-link"><i class="fa fa-wrench"></i></a>
  638. </li>
  639. <li class="nav-item" data-toggle="tooltip" data-placement="left"
  640. title="增减换算"><a data-toggle="tab" href="#rnc-zj" role="tab"
  641. class="nav-link"><i class="fa fa-plus"></i></a></li>
  642. </ul>
  643. </div>
  644. </div>
  645. </div>
  646. </div>
  647. <!--附注条件-->
  648. <div class="tab-pane" id="fzt" role="tabpanel">
  649. <div class="col-12">
  650. <div class="row py-1" style="border-bottom:1px solid #ccc">
  651. <label class="col-auto col-form-label col-form-label-sm">提取位置</label>
  652. <div class="">
  653. <select class="form-control form-control-sm">
  654. <option value="1">模板子目分别放在措施项目下</option>
  655. <option value="2">模板子目分别放在分部分项下</option>
  656. <option value="3">模板子目分别放在对应混凝土子目下</option>
  657. </select>
  658. </div>
  659. <div class="col-auto">
  660. <button class="btn btn-primary btn-sm mr-2" type="button">应用</button>
  661. <div class="d-inline mr-2 text-success"><i class="fa fa-check"></i> 成功</div>
  662. <button class="btn btn-primary btn-sm" type="button">下一条</button>
  663. </div>
  664. </div>
  665. </div>
  666. </div>
  667. <!--辅助定额-->
  668. <div class="tab-pane" id="fzd" role="tabpanel">
  669. <div class="main-data-bottom">
  670. 辅助定额的内容
  671. </div>
  672. </div>
  673. <!--安装增加费-->
  674. <div class="tab-pane" id="az" role="tabpanel">
  675. <div class="main-data-bottom">
  676. <table class="table table-sm table-bordered m-0">
  677. <thead>
  678. <th>按统一设置</th>
  679. <th>费用项</th>
  680. <th>费用规则</th>
  681. <th>编码</th>
  682. <th>基数</th>
  683. <th>费率(1%)</th>
  684. <th>其中人工(%)</th>
  685. <th>其中材料(%)</th>
  686. <th>其中机械(%)</th>
  687. <th>费用类型</th>
  688. <th>记取位置</th>
  689. </thead>
  690. <tbody>
  691. <tr>
  692. <td><input type="checkbox"></td>
  693. <td>超高费</td>
  694. <td>超高费(标高15m以内)(第一册 机械设备安装工程1~6章节)<a href="javacript:void(0);"
  695. data-toggle="modal"
  696. data-target="#cxazfy">点击</a></td>
  697. <td>AZFY1</td>
  698. <td>人材机乘系数</td>
  699. <td></td>
  700. <td>25</td>
  701. <td></td>
  702. <td>25</td>
  703. <td>分项费用</td>
  704. <td>030101001台式及仪表机床</td>
  705. </tr>
  706. <tr>
  707. <td><input type="checkbox"></td>
  708. <td>有害增加费</td>
  709. <td>无</td>
  710. <td></td>
  711. <td></td>
  712. <td></td>
  713. <td></td>
  714. <td></td>
  715. <td></td>
  716. <td></td>
  717. <td></td>
  718. </tr>
  719. </tbody>
  720. </table>
  721. </div>
  722. </div>
  723. <!--工程量明细-->
  724. <div class="tab-pane" id="gc" role="tabpanel">
  725. <div class="main-data-bottom">
  726. <table class="table table-sm table-bordered m-0">
  727. <thead>
  728. <th></th>
  729. <th>名称</th>
  730. <th>计算式</th>
  731. <th>结果(C)</th>
  732. <th>累加</th>
  733. </thead>
  734. <tbody>
  735. <tr>
  736. <td>1</td>
  737. <td>面积1</td>
  738. <td>17.9*38</td>
  739. <td>680.20000</td>
  740. <td><input type="checkbox"></td>
  741. </tr>
  742. </tbody>
  743. </table>
  744. </div>
  745. </div>
  746. <!--计算程序-->
  747. <div class="tab-pane" id="dj" role="tabpanel">
  748. <div class="main-data-bottom">
  749. 计算程序的内容
  750. </div>
  751. </div>
  752. <!--说明信息-->
  753. <div class="tab-pane" id="sm" role="tabpanel">
  754. <div class="main-data-bottom">
  755. <textarea class="form-control" id="exampleTextarea" rows="8" readonly="">分项说明的内容,定额说明的内容</textarea>
  756. </div>
  757. </div>
  758. <!--特征及内容-->
  759. <div class="tab-pane" id="tenr" role="tabpanel">
  760. <div class="row">
  761. <div class="col">
  762. <div class="main-data-bottom">
  763. 工作内容
  764. </div>
  765. <!--工具栏-->
  766. <div class="bottom-tools btn-group position-absolute">
  767. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  768. title="" data-original-title="插入"><i class="fa fa-sign-in"
  769. aria-hidden="true"></i></a>
  770. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  771. title="" data-original-title="添加"><i class="fa fa-plus"
  772. aria-hidden="true"></i></a>
  773. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  774. title="" data-original-title="删除"><i class="fa fa-remove"
  775. aria-hidden="true"></i></a>
  776. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  777. title="" data-original-title="下移"><i class="fa fa-arrow-down"
  778. aria-hidden="true"></i></a>
  779. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  780. title="" data-original-title="上移"><i class="fa fa-arrow-up"
  781. aria-hidden="true"></i></a>
  782. </div>
  783. </div>
  784. <!--打开添加规则后 col-6 修改为col-4 -->
  785. <div class="col-4">
  786. <div class="main-data-bottom">
  787. 项目特征
  788. </div>
  789. <!--工具栏-->
  790. <div class="bottom-tools btn-group position-absolute">
  791. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  792. title="" data-original-title="插入"><i class="fa fa-sign-in"
  793. aria-hidden="true"></i></a>
  794. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  795. title="" data-original-title="添加"><i class="fa fa-plus"
  796. aria-hidden="true"></i></a>
  797. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  798. title="" data-original-title="删除"><i class="fa fa-remove"
  799. aria-hidden="true"></i></a>
  800. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  801. title="" data-original-title="下移"><i class="fa fa-arrow-down"
  802. aria-hidden="true"></i></a>
  803. <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom"
  804. title="" data-original-title="上移"><i class="fa fa-arrow-up"
  805. aria-hidden="true"></i></a>
  806. </div>
  807. </div>
  808. <div class="col-auto">
  809. <div class="tn-nav d-flex align-items-start flex-column" data-toggle="tooltip"
  810. data-placement="left" title="" data-original-title="打开排版规则">
  811. <span class="mt-3 ml-2 text-primary">排版规则</span>
  812. <i class="fa fa-arrow-left mt-auto mb-3 text-primary ml-2"></i>
  813. </div>
  814. </div>
  815. <div class="col-4">
  816. <div class="main-data-bottom">
  817. <div class="container-fluid my-2">
  818. <div class="mb-2 d-flex justify-content-between"><span>排版规则</span><a
  819. href="#"><i class="fa fa-arrow-right" data-toggle="tooltip"
  820. data-placement="bottom" title=""
  821. data-original-title="收起排版规则"></i></a></div>
  822. <div class="mb-2 row">
  823. <div class="col-6">
  824. <button class="btn btn-primary btn-sm">应用到选中清单</button>
  825. </div>
  826. <div class="col-6">
  827. <button class="btn btn-primary btn-sm">应用到所有清单</button>
  828. </div>
  829. </div>
  830. <div class="mb-1 row">
  831. <label class="col-5 px-0 col-form-label text-right">添加位置:</label>
  832. <div class="col-7">
  833. <select class="form-control form-control-sm">
  834. <option>添加到项目特征列</option>
  835. </select>
  836. </div>
  837. </div>
  838. <div class="mb-1 row">
  839. <label class="col-sm-5 px-0 col-form-label text-right">添加内容:</label>
  840. <div class="col-sm-7">
  841. <select class="form-control form-control-sm">
  842. <option>项目特征+工作内容</option>
  843. </select>
  844. </div>
  845. </div>
  846. <div class="mb-1 row">
  847. <label class="col-5 px-0 col-form-label text-right">显示格式:</label>
  848. <div class="col-7">
  849. <select class="form-control form-control-sm">
  850. <option>换行分隔</option>
  851. </select>
  852. </div>
  853. </div>
  854. <div class="mb-1 row">
  855. <label class="col-5 px-0 col-form-label text-right">特征生成方式:</label>
  856. <div class="col-7">
  857. <select class="form-control form-control-sm">
  858. <option>特征:特征值</option>
  859. </select>
  860. </div>
  861. </div>
  862. <div class="mb-1 row">
  863. <label class="col-5 px-0 col-form-label text-right">子目生成方式:</label>
  864. <div class="col-7">
  865. <select class="form-control form-control-sm">
  866. <option>编号+子目名称</option>
  867. </select>
  868. </div>
  869. </div>
  870. <div class="mb-1 row">
  871. <label class="col-5 px-0 col-form-label text-right">序号格式:</label>
  872. <div class="col-7">
  873. <select class="form-control form-control-sm">
  874. <option>1</option>
  875. </select>
  876. </div>
  877. </div>
  878. </div>
  879. </div>
  880. </div>
  881. </div>
  882. </div>
  883. </div>
  884. </div>
  885. </div>
  886. <div class="main-side col-lg-4 p-0">
  887. <div class="tab-content">
  888. <!--模板库-->
  889. <div class="tab-pane" id="mbk" role="tabpanel">
  890. <div class="sidebar-tools-bar container-fluid tools-bar-height-z">
  891. <div class="p-1 row">
  892. <select class="form-control form-control-sm col-6" id="exampleSelect1">
  893. <option>我的模板库</option>
  894. </select>
  895. <div class="col-6">
  896. <div class="d-inline">
  897. <button type="button" class="btn btn-sm btn-secondary"
  898. data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  899. 新建分类
  900. </button>
  901. <div class="dropdown-menu dropdown-menu-right">
  902. <form class="px-3 py-2">
  903. <div class="form-group m-0">
  904. <div class="input-group input-group-sm">
  905. <input type="text" class="form-control"
  906. placeholder="请输入分类名称">
  907. <div class="input-group-append">
  908. <button class="btn btn-primary" type="button"
  909. id="button-addon2">添加
  910. </button>
  911. </div>
  912. </div>
  913. </div>
  914. </form>
  915. </div>
  916. </div>
  917. <div class="d-inline">
  918. <button type="button" class="btn btn-sm btn-secondary disabled">
  919. 重命名
  920. </button>
  921. <button type="button" class="btn btn-sm btn-secondary"
  922. data-toggle="dropdown">
  923. 重命名
  924. </button>
  925. <div class="dropdown-menu dropdown-menu-right">
  926. <form class="px-3 py-2">
  927. <div class="form-group m-0">
  928. <label>010202002</label>
  929. <div class="input-group input-group-sm" style="width:300px">
  930. <input type="text" class="form-control is-invalid"
  931. placeholder="请输入名称" value="要和灌注桩">
  932. <div class="input-group-append">
  933. <button class="btn btn-primary" type="button"
  934. id="button-addon2">确定
  935. </button>
  936. </div>
  937. <div class="invalid-feedback">名称太长了,请减少一些。</div>
  938. </div>
  939. </div>
  940. </form>
  941. </div>
  942. </div>
  943. </div>
  944. </div>
  945. </div>
  946. <div class="main-data-side-m">
  947. <table class="table table-bordered">
  948. <tr>
  949. <th><a href="">收起所有</a></th>
  950. </tr>
  951. <tr>
  952. <th>1分类1</th>
  953. </tr>
  954. <tr>
  955. <td>010202002 要和灌注桩</td>
  956. </tr>
  957. <tr>
  958. <th>2.分类2</th>
  959. </tr>
  960. <tr>
  961. <td>010501001 垫层 m2</td>
  962. </tr>
  963. <tr>
  964. <td>010502001 矩形柱(周长3m以内)m</td>
  965. </tr>
  966. <tr>
  967. <td>010503001 基础梁m</td>
  968. </tr>
  969. </table>
  970. </div>
  971. <div class="sidebar-middle container-fluid">
  972. <table class="table table-sm table-bordered">
  973. <tr>
  974. <th>项目编码</th>
  975. <th>项目名称</th>
  976. <th>单位</th>
  977. <th>综合单价</th>
  978. <th>项目特征</th>
  979. </tr>
  980. <tr>
  981. <td>010202002</td>
  982. <td>咬合灌注桩</td>
  983. <td>m2</td>
  984. <td>18732.38</td>
  985. <td></td>
  986. </tr>
  987. </table>
  988. </div>
  989. <div class="sidebar-bottom container-fluid">
  990. <table class="table table-sm table-bordered">
  991. <tr>
  992. <th>编码</th>
  993. <th>名称</th>
  994. <th>单位</th>
  995. <th>含量</th>
  996. <th>取费专业</th>
  997. <th>综合单价</th>
  998. <th>子目换算状态</th>
  999. </tr>
  1000. <tr>
  1001. <td>AA0043</td>
  1002. <td>人工沟槽 软</td>
  1003. <td>1000</td>
  1004. <td>0.01</td>
  1005. <td>人工土石</td>
  1006. <td></td>
  1007. <td></td>
  1008. </tr>
  1009. <tr>
  1010. <td>AA0046</td>
  1011. <td>人工沟槽 硬</td>
  1012. <td>1000</td>
  1013. <td>0.21</td>
  1014. <td>人工土石</td>
  1015. <td></td>
  1016. <td></td>
  1017. </tr>
  1018. </table>
  1019. </div>
  1020. </div>
  1021. <!--清单指引-->
  1022. <div class="tab-pane" id="zy" role="tabpanel">
  1023. <div class="sidebar-tools-bar container-fluid tools-bar-height-z">
  1024. <div class="p-1 row">
  1025. <select class="form-control form-control-sm col-6" id="exampleSelect1">
  1026. <option>重庆市建筑工程计价定额(2008)</option>
  1027. <option>2</option>
  1028. <option>3</option>
  1029. <option>4</option>
  1030. <option>5</option>
  1031. </select>
  1032. <div class="input-group col-6">
  1033. <input type="text" class="form-control form-control-sm" placeholder="搜索定额"
  1034. value="石">
  1035. <div class="input-group-append">
  1036. <button class="btn btn-secondary btn-sm" type="button"><i
  1037. class="fa fa-search" aria-hidden="true"></i></button>
  1038. </div>
  1039. </div>
  1040. </div>
  1041. </div>
  1042. <div class="main-data-side-q">
  1043. <table class="table table-bordered">
  1044. <tr>
  1045. <th>名称</th>
  1046. </tr>
  1047. <tr>
  1048. <td>市政工程</td>
  1049. </tr>
  1050. <tr>
  1051. <td>第一章 土石方工程</td>
  1052. </tr>
  1053. <tr>
  1054. <td>第二章 脚手架及构件运输</td>
  1055. </tr>
  1056. </table>
  1057. </div>
  1058. <div class="sidebar-bottom container-fluid">
  1059. <!--清单指引-->
  1060. <!-- <table class="table table-sm table-bordered m-0">
  1061. <thead>
  1062. <tr><th></th><th>编码</th><th>名称</th><th>单位</th><th>基价</th></tr>
  1063. </thead>
  1064. <tbody>
  1065. <tr><td>1</td><td>DA0011</td><td>人工运土方 运距20m以内</td><td>100m3</td><td>546.7</td></tr>
  1066. <tr><td>2</td><td>DA0012</td><td>人工运土方 每增加20m</td><td>100m3</td><td>162.8</td></tr>
  1067. </tbody>
  1068. </table> -->
  1069. <!--清单精灵-->
  1070. <table class="table table-sm table-bordered m-0">
  1071. <thead>
  1072. <tr>
  1073. <th>施工工序</th>
  1074. <th>选项</th>
  1075. </tr>
  1076. <!--1 第一层 旧路面类型-->
  1077. <tr>
  1078. <td>旧路面类型</td>
  1079. <td>
  1080. <div class="btn-group btn-group-sm">
  1081. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
  1082. data-toggle="dropdown" aria-haspopup="true"
  1083. aria-expanded="false">
  1084. 水泥混凝土路面;沥青混凝土路面
  1085. </button>
  1086. <div class="dropdown-menu">
  1087. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1088. 水泥混凝土路面</a>
  1089. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1090. 沥青混凝土路面</a>
  1091. </div>
  1092. </div>
  1093. </td>
  1094. </tr>
  1095. <!--1.1 第二层 水泥混凝土路面├-->
  1096. <tr>
  1097. <td>└ 水泥混凝土路面</td>
  1098. <td></td>
  1099. </tr>
  1100. <tr>
  1101. <td class="pl-4">└ 挖除方式</td>
  1102. <td>
  1103. <div class="btn-group btn-group-sm">
  1104. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
  1105. data-toggle="dropdown" aria-haspopup="true"
  1106. aria-expanded="false">
  1107. 机械挖
  1108. </button>
  1109. <div class="dropdown-menu">
  1110. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1111. 机械挖</a>
  1112. <a class="dropdown-item" href="#"><input type="checkbox"> 人工挖</a>
  1113. </div>
  1114. </div>
  1115. </td>
  1116. </tr>
  1117. <tr>
  1118. <td class="pl-5">└ 机械挖</td>
  1119. <td><select>
  1120. <option value="">机械挖运土方 100以内</option>
  1121. </select></td>
  1122. </tr>
  1123. <tr>
  1124. <td class="pl-4">└ 废料或适用料移运</td>
  1125. <td>
  1126. <div class="btn-group btn-group-sm">
  1127. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
  1128. data-toggle="dropdown" aria-haspopup="true"
  1129. aria-expanded="false">
  1130. 装载机斗容量;自卸车装载质量;
  1131. </button>
  1132. <div class="dropdown-menu">
  1133. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1134. 装载机斗容量</a>
  1135. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1136. 自卸车装载质量</a>
  1137. </div>
  1138. </div>
  1139. </td>
  1140. </tr>
  1141. <tr>
  1142. <td class="pl-5">├ 装载机斗容量</td>
  1143. <td><select>
  1144. <option value="">1m3以内</option>
  1145. <option value="">2m3以内</option>
  1146. </select></td>
  1147. </tr>
  1148. <tr>
  1149. <td class="pl-5">└ 自卸车装载质量</td>
  1150. <td><select>
  1151. <option value="">4t以内</option>
  1152. <option value="">6t以内</option>
  1153. </select></td>
  1154. </tr>
  1155. <!--1.2 第二层 沥青混凝土路面├-->
  1156. <tr>
  1157. <td>└ 沥青混凝土路面</td>
  1158. <td></td>
  1159. </tr>
  1160. <tr>
  1161. <td class="pl-4">└ 挖除方式</td>
  1162. <td>
  1163. <div class="btn-group btn-group-sm">
  1164. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
  1165. data-toggle="dropdown" aria-haspopup="true"
  1166. aria-expanded="false">
  1167. 机械挖
  1168. </button>
  1169. <div class="dropdown-menu">
  1170. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1171. 机械挖</a>
  1172. <a class="dropdown-item" href="#"><input type="checkbox"> 人工挖</a>
  1173. </div>
  1174. </div>
  1175. </td>
  1176. </tr>
  1177. <tr>
  1178. <td class="pl-5">└ 机械挖</td>
  1179. <td><select>
  1180. <option value="">机械挖运土方 100以内</option>
  1181. </select></td>
  1182. </tr>
  1183. <tr>
  1184. <td class="pl-4">└ 废料或适用料移运</td>
  1185. <td>
  1186. <div class="btn-group btn-group-sm">
  1187. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
  1188. data-toggle="dropdown" aria-haspopup="true"
  1189. aria-expanded="false">
  1190. 装载机斗容量;自卸车装载质量;
  1191. </button>
  1192. <div class="dropdown-menu">
  1193. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1194. 装载机斗容量</a>
  1195. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1196. 自卸车装载质量</a>
  1197. </div>
  1198. </div>
  1199. </td>
  1200. </tr>
  1201. <tr>
  1202. <td class="pl-5">├ 装载机斗容量</td>
  1203. <td><select>
  1204. <option value="">1m3以内</option>
  1205. <option value="">2m3以内</option>
  1206. </select></td>
  1207. </tr>
  1208. <tr>
  1209. <td class="pl-5">└ 自卸车装载质量</td>
  1210. <td><select>
  1211. <option value="">4t以内</option>
  1212. <option value="">6t以内</option>
  1213. </select></td>
  1214. </tr>
  1215. <!--2 第一层 弃土场建设-->
  1216. <tr>
  1217. <td>弃土场建设</td>
  1218. <td>
  1219. <div class="btn-group btn-group-sm">
  1220. <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
  1221. data-toggle="dropdown" aria-haspopup="true"
  1222. aria-expanded="false">
  1223. 请选择
  1224. </button>
  1225. <div class="dropdown-menu">
  1226. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1227. 选项1</a>
  1228. <a class="dropdown-item" href="#"><input type="checkbox" checked>
  1229. 选项2</a>
  1230. </div>
  1231. </div>
  1232. </td>
  1233. </tr>
  1234. </thead>
  1235. </table>
  1236. </div>
  1237. </div>
  1238. <!--清单规则-->
  1239. <div class="tab-pane" id="qd" role="tabpanel">
  1240. <div class="sidebar-tools-bar container-fluid tools-bar-height-q">
  1241. <div class="p-1 row">
  1242. <select class="form-control form-control-sm col-6" id="exampleSelect1">
  1243. <option>重庆市房屋建筑与装饰工程工程量计算规则(2013)</option>
  1244. <option>2</option>
  1245. <option>3</option>
  1246. <option>4</option>
  1247. <option>5</option>
  1248. </select>
  1249. <div class="input-group col-6">
  1250. <input type="text" class="form-control form-control-sm" placeholder="搜索清单"
  1251. value="1-1-2">
  1252. <div class="input-group-append">
  1253. <button class="btn btn-secondary btn-sm" type="button"><i
  1254. class="fa fa-search" aria-hidden="true"></i></button>
  1255. </div>
  1256. </div>
  1257. <!--搜索结果窗体-->
  1258. <!-- <div class="side-search-box col-12 p-2">
  1259. <div class="d-flex justify-content-between">
  1260. <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>
  1261. </div>
  1262. </div> -->
  1263. </div>
  1264. </div>
  1265. <div class="main-data-side-q">
  1266. 12
  1267. </div>
  1268. <div class="sidebar-bottom container-fluid">
  1269. <div class="row d-none">
  1270. <div class="col-lg-6"> 6 L</div>
  1271. <div class="col-lg-6"> 6 R</div>
  1272. </div>
  1273. <div class="row">
  1274. <div class="col-lg-12">
  1275. <textarea class="form-control" id="exampleTextarea" rows="8" readonly="">
  1276. asdsadsd</textarea>
  1277. </div>
  1278. </div>
  1279. </div>
  1280. </div>
  1281. <!--定额库-->
  1282. <div class="tab-pane" id="de" role="tabpanel">
  1283. <div class="sidebar-tools-bar container-fluid tools-bar-height-d">
  1284. <div class="p-1 row">
  1285. <div class="col-6 p-0">
  1286. <select class="form-control form-control-sm">
  1287. <option>重庆市市政工程计价定额(2008)</option>
  1288. </select>
  1289. </div>
  1290. <div class="input-group col-6">
  1291. <input type="text" class="form-control form-control-sm" placeholder="搜索定额"
  1292. value="1-1-2">
  1293. <div class="input-group-append">
  1294. <button class="btn btn-secondary btn-sm" type="button"><i
  1295. class="fa fa-search" aria-hidden="true"></i></button>
  1296. </div>
  1297. </div>
  1298. </div>
  1299. </div>
  1300. <!--搜索结果窗体-->
  1301. <div class="side-search-box col-12 p-0">
  1302. <div class="d-flex justify-content-between">
  1303. <div class="my-1">
  1304. <span class="mx-3">搜索结果:5</span>
  1305. <button type="button" class="btn btn-sm btn-secondary">本定额</button>
  1306. <button type="button" class="btn btn-sm btn-light">全部定额</button>
  1307. </div>
  1308. <a title="关闭搜索" class="btn btn-link btn-sm" href="#"><i class="fa fa-remove"
  1309. aria-hidden="true"></i></a>
  1310. </div>
  1311. <div class="w-100 main-data-side-search">
  1312. <table class="table table-sm">
  1313. <thead>
  1314. <tr>
  1315. <th></th>
  1316. <th>编号</th>
  1317. <th>名称</th>
  1318. <th>单位</th>
  1319. <th>基价</th>
  1320. </tr>
  1321. </thead>
  1322. <tbody>
  1323. <tr>
  1324. <td>1</td>
  1325. <td>1-1-8-2</td>
  1326. <td>机动翻斗车运第1个100m石方</td>
  1327. <td>1000m3</td>
  1328. <td>6249</td>
  1329. </tr>
  1330. <tr>
  1331. <td>1</td>
  1332. <td>1-1-8-2</td>
  1333. <td>机动翻斗车运第1个100m石方</td>
  1334. <td>1000m3</td>
  1335. <td>6249</td>
  1336. </tr>
  1337. <tr>
  1338. <td>1</td>
  1339. <td>1-1-8-2</td>
  1340. <td>机动翻斗车运第1个100m石方</td>
  1341. <td>1000m3</td>
  1342. <td>6249</td>
  1343. </tr>
  1344. <tr>
  1345. <td>1</td>
  1346. <td>1-1-8-2</td>
  1347. <td>机动翻斗车运第1个100m石方</td>
  1348. <td>1000m3</td>
  1349. <td>6249</td>
  1350. </tr>
  1351. <tr>
  1352. <td>1</td>
  1353. <td>1-1-8-2</td>
  1354. <td>机动翻斗车运第1个100m石方</td>
  1355. <td>1000m3</td>
  1356. <td>6249</td>
  1357. </tr>
  1358. </tbody>
  1359. </table>
  1360. </div>
  1361. </div>
  1362. <!-- <div class="main-data-side-d">
  1363. 12
  1364. </div>
  1365. <div class="sidebar-bottom container-fluid">
  1366. <div class="row">
  1367. <div class="col-lg-12"> 12 only </div>
  1368. </div>
  1369. </div> -->
  1370. </div>
  1371. <!--查找定位-->
  1372. <div class="tab-pane" id="sc" role="tabpanel">
  1373. <div class="sidebar-tools-bar container-fluid tools-bar-height-y">
  1374. <div class="p-1 row">
  1375. <div class="input-group input-group-sm col-12">
  1376. <input type="text" class="form-control form-control-sm" placeholder="查找内容"
  1377. value="1-1-2">
  1378. <div class="input-group-append">
  1379. <button class="btn btn-secondary btn-sm" type="button"><i
  1380. class="fa fa-search" aria-hidden="true"></i></button>
  1381. </div>
  1382. </div>
  1383. <div class="form-group col-12 mb-1">
  1384. <div class="form-check form-check-inline">
  1385. <input class="form-check-input" type="radio" name="inlineRadioOptions"
  1386. id="scRadio1" value="option1">
  1387. <label class="form-check-label" for="scRadio1">分项/清单</label>
  1388. </div>
  1389. <div class="form-check form-check-inline">
  1390. <input class="form-check-input" type="radio" name="inlineRadioOptions"
  1391. id="scRadio2" value="option2">
  1392. <label class="form-check-label" for="scRadio2">定额</label>
  1393. </div>
  1394. <div class="form-check form-check-inline">
  1395. <input class="form-check-input" type="radio" name="inlineRadioOptions"
  1396. id="scRadio3" value="option3">
  1397. <label class="form-check-label" for="scRadio3">人材机</label>
  1398. </div>
  1399. <div class="form-check form-check-inline">
  1400. <input class="form-check-input" type="radio" name="inlineRadioOptions"
  1401. id="scRadio4" value="option4">
  1402. <label class="form-check-label" for="scRadio4">书签标注</label>
  1403. </div>
  1404. </div>
  1405. <!--搜索分项/清单 出现-->
  1406. <div class=" col-12">
  1407. <div class="form-group form-check mb-0">
  1408. <input type="checkbox" class="form-check-input">
  1409. <label class="form-check-label" for="exampleCheck1">超 <input type="number"
  1410. style="width:50px">
  1411. % 时突出显示</label>
  1412. </div>
  1413. </div>
  1414. </div>
  1415. </div>
  1416. <!--上下结构-->
  1417. <div class="main-data-side-y">
  1418. <table class="table table-sm table-bordered">
  1419. <tr>
  1420. <th>编码</th>
  1421. <th>项目名称</th>
  1422. <th>工程量</th>
  1423. <th>单位</th>
  1424. <th>综合单价</th>
  1425. <th>综合合价</th>
  1426. </tr>
  1427. </table>
  1428. </div>
  1429. <div class="sidebar-bottom container-fluid">
  1430. <div class="row">
  1431. <div class="col-lg-12">
  1432. <table class="table table-sm table-bordered">
  1433. <tr>
  1434. <th>定额编号</th>
  1435. <th>定额名称</th>
  1436. </tr>
  1437. <tr>
  1438. <td>AA0047</td>
  1439. <td>人工沟槽 较硬岩 槽深4m以内</td>
  1440. </tr>
  1441. <tr>
  1442. <td>AA0005</td>
  1443. <td>人工挖沟槽土方 槽深4m以内</td>
  1444. </tr>
  1445. </table>
  1446. </div>
  1447. </div>
  1448. </div>
  1449. <!--单栏结构-->
  1450. <!-- <div class="main-data-side-x">
  1451. 22
  1452. </div> -->
  1453. </div>
  1454. <!--书签批注-->
  1455. <div class="tab-pane" id="sqpz" role="tabpanel">
  1456. <div class="sidebar-tools-bar container-fluid tools-bar-height-q">
  1457. <div class="p-1 row">
  1458. <div class="input-group input-group-sm col-12">
  1459. <input type="text" class="form-control form-control-sm" placeholder="查找内容"
  1460. value="">
  1461. <div class="input-group-append">
  1462. <button class="btn btn-secondary btn-sm" type="button"><i
  1463. class="fa fa-search" aria-hidden="true"></i></button>
  1464. </div>
  1465. </div>
  1466. </div>
  1467. </div>
  1468. <!--上下结构-->
  1469. <div class="main-data-side-x">
  1470. <div class="p-1">
  1471. <!--添加书签-->
  1472. <div class="card my-2">
  1473. <div class="card-header p-2">
  1474. 010101002001 挖一般土方
  1475. </div>
  1476. <div class="card-body p-2">
  1477. <p class="card-text">
  1478. <textarea name="" class="form-control"></textarea>
  1479. </p>
  1480. <div class="d-flex justify-content-end">
  1481. <button type="button" class="btn btn-xs btn-outline-success"><i
  1482. class="fa fa-check"></i> 确定添加
  1483. </button>
  1484. &nbsp;
  1485. <button type="button" class="btn btn-xs btn-outline-secondary">取消
  1486. </button>
  1487. </div>
  1488. </div>
  1489. </div>
  1490. <!--编辑书签-->
  1491. <div class="card my-2">
  1492. <div class="card-header p-2">
  1493. 010101002001 挖一般土方
  1494. </div>
  1495. <div class="card-body p-2">
  1496. <p class="card-text">
  1497. <textarea name="" class="form-control"></textarea>
  1498. </p>
  1499. <div class="d-flex justify-content-end">
  1500. <button type="button" class="btn btn-xs btn-outline-danger mr-5"><i
  1501. class="fa fa-close"></i> 删除书签
  1502. </button>
  1503. &nbsp;
  1504. <button type="button" class="btn btn-xs btn-outline-success"><i
  1505. class="fa fa-check"></i> 确定
  1506. </button>
  1507. &nbsp;
  1508. <button type="button" class="btn btn-xs btn-outline-secondary">取消
  1509. </button>
  1510. </div>
  1511. </div>
  1512. </div>
  1513. <div class="card my-2 tag-item">
  1514. <div class="card-header p-2">
  1515. <ul class="avatar-list mb-0">
  1516. <li data-toggle="tooltip" data-placement="bottom" title=""
  1517. data-original-title="张润隆">
  1518. <span class="avatar bg-8">润隆</span>
  1519. </li>
  1520. </ul>
  1521. 010101001001 平整场地
  1522. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i
  1523. class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i
  1524. class="fa fa-edit"></i> 编辑</a></div>
  1525. <div class="pull-right tag-date text-muted">09-27 10:28</div>
  1526. </div>
  1527. <div class="card-body p-2">
  1528. <p class="card-text">这是批注内容。</p>
  1529. </div>
  1530. </div>
  1531. <div class="card my-2 tag-item">
  1532. <div class="card-header p-2">
  1533. <ul class="avatar-list mb-0">
  1534. <li data-toggle="tooltip" data-placement="bottom" title=""
  1535. data-original-title="张佳玫">
  1536. <span class="avatar bg-9">佳玫</span>
  1537. </li>
  1538. </ul>
  1539. AA0001 人工挖土方
  1540. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i
  1541. class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i
  1542. class="fa fa-edit"></i> 编辑</a></div>
  1543. <div class="pull-right tag-date text-muted">09-27 10:28</div>
  1544. </div>
  1545. <div class="card-body p-2">
  1546. <p class="card-text">这是批注内容。</p>
  1547. </div>
  1548. </div>
  1549. <div class="card my-2 tag-item">
  1550. <div class="card-header p-2">
  1551. <ul class="avatar-list mb-0">
  1552. <li data-toggle="tooltip" data-placement="bottom" title=""
  1553. data-original-title="李石宝">
  1554. <span class="avatar bg-6">石宝</span>
  1555. </li>
  1556. </ul>
  1557. AA0001 人工挖土方
  1558. <div class="pull-right edit-tag-btn"><a class="mr-1" href="#"><i
  1559. class="fa fa-crosshairs"></i> 定位</a><a class="" href="#"><i
  1560. class="fa fa-edit"></i> 编辑</a></div>
  1561. <div class="pull-right tag-date text-muted">09-27 10:28</div>
  1562. </div>
  1563. <div class="card-body p-2">
  1564. <p class="card-text">这是批注内容。</p>
  1565. </div>
  1566. </div>
  1567. </div>
  1568. </div>
  1569. </div>
  1570. <!--法规依据-->
  1571. <div class="tab-pane active" id="fgyj" role="tabpanel">
  1572. <div class="sidebar-tools-bar container-fluid tools-bar-height-q">
  1573. <div class="p-1">
  1574. <div class="d-inline">
  1575. <button type="button" class="btn btn-sm btn-secondary" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  1576. 新建文件夹
  1577. </button>
  1578. <div class="dropdown-menu dropdown-menu-right">
  1579. <form class="px-3 py-2">
  1580. <div class="form-group m-0">
  1581. <div class="input-group input-group-sm">
  1582. <input type="text" class="form-control" placeholder="请输入分类名称">
  1583. <div class="input-group-append">
  1584. <button class="btn btn-primary" type="button" id="button-addon2">添加
  1585. </button>
  1586. </div>
  1587. </div>
  1588. </div>
  1589. </form>
  1590. </div>
  1591. </div>
  1592. <div class="d-inline">
  1593. <button class="btn btn-sm btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
  1594. <i class="fas fa-upload"></i> 上传
  1595. </button>
  1596. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  1597. <a class="dropdown-item" href="#" data-toggle="modal" data-target="#upload-file">本地文件</a>
  1598. <a class="dropdown-item" href="#" data-toggle="modal" data-target="#cloud-file">网盘</a>
  1599. </div>
  1600. </div>
  1601. <div class="d-inline">
  1602. <button type="button" class="btn btn-sm btn-secondary" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  1603. <i class="fas fa-download"></i> 下载
  1604. </button>
  1605. </div>
  1606. </div>
  1607. </div>
  1608. <div class="main-data-side-x">
  1609. <table class="table table-sm table-bordered">
  1610. <tr>
  1611. <th>文件名</th><th>大小</th>
  1612. </tr>
  1613. <tr>
  1614. <td><input type="checkbox"> <i class="fas fa-folder text-warning"></i> 文件夹1</td><td></td>
  1615. </tr>
  1616. <tr>
  1617. <td><span class="pl-1 ml-1"></span><input type="checkbox"> <i class="fas fa-folder text-warning"></i> 文件夹1.1</td><td></td>
  1618. </tr>
  1619. <tr>
  1620. <td><span class="pl-2 ml-2"></span><input type="checkbox"> <i class="far fa-file-word"></i> 这是一个示例word文件</td><td>2.1MB</td>
  1621. </tr>
  1622. <tr>
  1623. <td><span class="pl-2 ml-2"></span><input type="checkbox"> <i class="far fa-file-pdf"></i> 这是一个示例PDF文件</td><td>4.6MB</td>
  1624. </tr>
  1625. <tr>
  1626. <td><span class="pl-1 ml-1"></span><input type="checkbox"> <i class="far fa-file-image"></i> 这是一个示例图片文件</td><td>400kB</td>
  1627. </tr>
  1628. <tr>
  1629. <td><input type="checkbox"> <i class="fas fa-folder text-warning"></i> 文件夹2</td><td></td>
  1630. </tr>
  1631. </table>
  1632. </div>
  1633. </div>
  1634. </div>
  1635. </div>
  1636. </div>
  1637. </div>
  1638. </div>
  1639. </div>
  1640. <!--弹出历史记录(操作记录)-->
  1641. <div class="modal fade" id="history" data-backdrop="static">
  1642. <div class="modal-dialog modal-lg" role="document">
  1643. <div class="modal-content">
  1644. <div class="modal-header">
  1645. <h5 class="modal-title"><i class="fa fa-history"></i> 历史记录</h5>
  1646. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1647. <span aria-hidden="true">&times;</span>
  1648. </button>
  1649. </div>
  1650. <div class="modal-body modal-fixed-height">
  1651. <div class="list-group mb-3">
  1652. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1653. <div class="d-flex w-100 justify-content-between">
  1654. <h6 class="mb-1"><i class="fa fa-clipboard" aria-hidden="true"></i> 粘贴 </h6>
  1655. <span>2017-04-05 12:00:38 <a href="" title="撤销此操作"
  1656. class="ml-2 btn btn-outline-primary btn-sm"><i
  1657. class="fa fa-undo"></i></a></span>
  1658. </div>
  1659. <p class="mb-1">101-2-1 挖土方</p>
  1660. </div>
  1661. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1662. <div class="d-flex w-100 justify-content-between">
  1663. <h6 class="mb-1"><i class="fa fa-files-o" aria-hidden="true"></i> 复制</h6>
  1664. <span>2017-04-05 12:00:03</span>
  1665. </div>
  1666. <p class="mb-1">101-2-1 挖土方</p>
  1667. </div>
  1668. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1669. <div class="d-flex w-100 justify-content-between">
  1670. <h6 class="mb-1"><i class="fa fa-keyboard-o" aria-hidden="true"></i> 输入</h6>
  1671. <span>2017-04-05 11:00:30</span>
  1672. </div>
  1673. <p>土石方</p>
  1674. </div>
  1675. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1676. <div class="d-flex w-100 justify-content-between">
  1677. <h6 class="mb-1"><i class="fa fa-keyboard-o" aria-hidden="true"></i> 输入</h6>
  1678. <span>2017-04-05 11:00:30</span>
  1679. </div>
  1680. <p class="mb-1">101-2-1</p>
  1681. </div>
  1682. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1683. <div class="d-flex w-100 justify-content-between">
  1684. <h6 class="mb-1"><i class="fa fa-sign-in" aria-hidden="true"></i> 插入</h6>
  1685. <span>2017-04-05 11:00:03</span>
  1686. </div>
  1687. <p class="mb-1">空行清单</p>
  1688. </div>
  1689. <div class="list-group-item list-group-item-action flex-column align-items-start">
  1690. <div class="d-flex w-100 justify-content-between">
  1691. <h6 class="mb-1"><i class="fa fa-arrow-up" aria-hidden="true"></i> 上移</h6>
  1692. <span>2017-04-05 10:13:13</span>
  1693. </div>
  1694. <p class="mb-1">103-2-1 XXX</p>
  1695. </div>
  1696. </div>
  1697. </div>
  1698. <div class="modal-footer">
  1699. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  1700. </div>
  1701. </div>
  1702. </div>
  1703. </div>
  1704. <!--弹出项目属性-->
  1705. <div class="modal fade" id="poj-set" data-backdrop="static">
  1706. <div class="modal-dialog modal-lg" role="document">
  1707. <div class="modal-content">
  1708. <div class="modal-header">
  1709. <h5 class="modal-title">项目属性</h5>
  1710. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1711. <span aria-hidden="true">&times;</span>
  1712. </button>
  1713. </div>
  1714. <div class="modal-body">
  1715. <div class="row">
  1716. <div class="col-3">
  1717. <ul class="nav flex-column nav-pills sys-setting-nav" role="tablist">
  1718. <li class="nav-item"><a class="nav-link disabled" data-toggle="pill">建设项目信息</a></li>
  1719. <li class="nav-item ml-3"><a class="nav-link active" data-toggle="pill"
  1720. href="#poj-settings-1" role="tab">基本信息</a></li>
  1721. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-11"
  1722. role="tab">编制说明</a></li>
  1723. <li class="nav-item"><a class="nav-link disabled" data-toggle="pill">单位工程信息</a></li>
  1724. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-2"
  1725. role="tab">工程特征</a></li>
  1726. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-3"
  1727. role="tab">指标信息</a></li>
  1728. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-4"
  1729. role="tab">关于计算</a></li>
  1730. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-5"
  1731. role="tab">清单工程精度</a></li>
  1732. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-6"
  1733. role="tab">小数位数</a></li><!--
  1734. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-7" role="tab">人工单价调整</a></li> -->
  1735. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-8"
  1736. role="tab">呈现选项</a></li>
  1737. <li class="nav-item ml-3"><a class="nav-link" data-toggle="pill" href="#poj-settings-10"
  1738. role="tab">编制说明</a></li>
  1739. <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-9"
  1740. role="tab">系统选项</a></li>
  1741. </ul>
  1742. </div>
  1743. <div class="col-9">
  1744. <div class="tab-content">
  1745. <!--基本信息-->
  1746. <div class="tab-pane fade show active" id="poj-settings-1" role="tabpanel">
  1747. <div class="modal-auto-height">
  1748. 基本信息
  1749. </div>
  1750. </div>
  1751. <!--编制说明-->
  1752. <div class="tab-pane fade" id="poj-settings-11" role="tabpanel">
  1753. <div class="modal-auto-height">
  1754. <textarea class="form-control" rows="15"></textarea>
  1755. </div>
  1756. </div>
  1757. <!--工程特征-->
  1758. <div class="tab-pane fade" id="poj-settings-2" role="tabpanel">
  1759. <div class="modal-auto-height">
  1760. 工程特征
  1761. </div>
  1762. </div>
  1763. <!--指标信息-->
  1764. <div class="tab-pane fade" id="poj-settings-3" role="tabpanel">
  1765. <div class="modal-auto-height">
  1766. 指标信息
  1767. </div>
  1768. </div>
  1769. <!--取费方式-->
  1770. <div class="tab-pane fade" id="poj-settings-4" role="tabpanel">
  1771. <div class="modal-auto-height">
  1772. <fieldset class="form-group">
  1773. <h5>取费方式</h5>
  1774. <div class="form-check">
  1775. <label class="form-check-label">
  1776. <input class="form-check-input" name="optionsRadios" id="optionsRadios1"
  1777. value="option1" checked="" type="radio">
  1778. 子目含量取费
  1779. </label>
  1780. </div>
  1781. <div class="form-check">
  1782. <label class="form-check-label">
  1783. <input class="form-check-input" name="optionsRadios" id="optionsRadios2"
  1784. value="option2" type="radio">
  1785. 子目单价取费(反算):清单综合合价=清单综合单价*清单工程量
  1786. </label>
  1787. </div>
  1788. <div class="form-check">
  1789. <label class="form-check-label">
  1790. <input class="form-check-input" name="optionsRadios" id="optionsRadios3"
  1791. value="option3" type="radio">
  1792. 子目单价取费(正算):清单综合合价=∑子目综合合价
  1793. </label>
  1794. </div>
  1795. <div class="form-check">
  1796. <label class="form-check-label">
  1797. <input class="form-check-input" name="optionsRadios" id="optionsRadios4"
  1798. value="option4" type="radio">
  1799. 清单单价取费
  1800. </label>
  1801. </div>
  1802. </fieldset>
  1803. <fieldset class="form-group">
  1804. <h5>暂估合价计算方式</h5>
  1805. <div class="form-check">
  1806. <label class="form-check-label">
  1807. <input class="form-check-input" name="optionsRadios" id="optionsRadios1"
  1808. value="option1" checked="" type="radio">
  1809. 暂估合价=暂估单价×定额工程量
  1810. </label>
  1811. </div>
  1812. <div class="form-check">
  1813. <label class="form-check-label">
  1814. <input class="form-check-input" name="optionsRadios" id="optionsRadios2"
  1815. value="option2" type="radio">
  1816. 暂估合价=∑暂估材料数量×暂估材料单价
  1817. </label>
  1818. </div>
  1819. </fieldset>
  1820. <fieldset class="form-group">
  1821. <h5>计算选项</h5>
  1822. <div class="form-check">
  1823. <label class="form-check-label">
  1824. <input class="form-check-input" type="checkbox">
  1825. 主材、设备、未计价材料计取价差
  1826. </label>
  1827. </div>
  1828. <div class="form-check">
  1829. <label class="form-check-label">
  1830. <input class="form-check-input" type="checkbox" checked>
  1831. 新增工料机计取价差
  1832. </label>
  1833. </div>
  1834. <div class="form-check">
  1835. <label class="form-check-label">
  1836. <input class="form-check-input" type="checkbox" checked>
  1837. 暂估材料计取价差
  1838. </label>
  1839. </div>
  1840. </fieldset>
  1841. </div>
  1842. </div>
  1843. <!--清单工程精度-->
  1844. <div class="tab-pane fade" id="poj-settings-5" role="tabpanel">
  1845. <div class="modal-auto-height">
  1846. <table class="table table-sm table-bordered table-hover">
  1847. <thead>
  1848. <tr>
  1849. <th></th>
  1850. <th>计量单位</th>
  1851. <th>小数位数</th>
  1852. </tr>
  1853. </thead>
  1854. <tbody>
  1855. <tr>
  1856. <tr>
  1857. <td>1</td>
  1858. <td>其他未列单位</td>
  1859. <td><select class="form-control form-control-sm">
  1860. <option>0</option>
  1861. <option>1</option>
  1862. <option>2</option>
  1863. <option>3</option>
  1864. <option>4</option>
  1865. </select></td>
  1866. </tr>
  1867. <tr>
  1868. <tr>
  1869. <td>2</td>
  1870. <td>t</td>
  1871. <td><select class="form-control form-control-sm">
  1872. <option>0</option>
  1873. <option>1</option>
  1874. <option>2</option>
  1875. <option>3</option>
  1876. <option>4</option>
  1877. </select></td>
  1878. </tr>
  1879. <tr>
  1880. <tr>
  1881. <td>3</td>
  1882. <td>吨</td>
  1883. <td><select class="form-control form-control-sm">
  1884. <option>0</option>
  1885. <option>1</option>
  1886. <option>2</option>
  1887. <option>3</option>
  1888. <option>4</option>
  1889. </select></td>
  1890. </tr>
  1891. <tr>
  1892. <tr>
  1893. <td>4</td>
  1894. <td>km</td>
  1895. <td><select class="form-control form-control-sm">
  1896. <option>0</option>
  1897. <option>1</option>
  1898. <option>2</option>
  1899. <option>3</option>
  1900. <option>4</option>
  1901. </select></td>
  1902. </tr>
  1903. <tr>
  1904. <tr>
  1905. <td>5</td>
  1906. <td>千米</td>
  1907. <td><select class="form-control form-control-sm">
  1908. <option>0</option>
  1909. <option>1</option>
  1910. <option>2</option>
  1911. <option>3</option>
  1912. <option>4</option>
  1913. </select></td>
  1914. </tr>
  1915. <tr>
  1916. <tr>
  1917. <td>6</td>
  1918. <td>m</td>
  1919. <td><select class="form-control form-control-sm">
  1920. <option>0</option>
  1921. <option>1</option>
  1922. <option>2</option>
  1923. <option>3</option>
  1924. <option>4</option>
  1925. </select></td>
  1926. </tr>
  1927. <tr>
  1928. <tr>
  1929. <td>7</td>
  1930. <td>米</td>
  1931. <td><select class="form-control form-control-sm">
  1932. <option>0</option>
  1933. <option>1</option>
  1934. <option>2</option>
  1935. <option>3</option>
  1936. <option>4</option>
  1937. </select></td>
  1938. </tr>
  1939. </tbody>
  1940. </table>
  1941. </div>
  1942. </div>
  1943. <!--小数位数-->
  1944. <div class="tab-pane fade" id="poj-settings-6" role="tabpanel">
  1945. <div class="modal-auto-height">
  1946. <fieldset class="form-group">
  1947. <h5>清单</h5>
  1948. <div class="row m-0">
  1949. <div class="col-sm-3">
  1950. <div class="input-group input-group-sm mb-2">
  1951. <div class="input-group-prepend">
  1952. <span class="input-group-text">单价</span>
  1953. </div>
  1954. <input type="number" class="form-control" value="2" step="1" max="6"
  1955. min="0">
  1956. </div>
  1957. </div>
  1958. <div class="col-sm-3">
  1959. <div class="input-group input-group-sm mb-2">
  1960. <div class="input-group-prepend">
  1961. <span class="input-group-text">合价</span>
  1962. </div>
  1963. <input type="number" class="form-control" value="2" step="1" max="6"
  1964. min="0">
  1965. </div>
  1966. </div>
  1967. </div>
  1968. <h5 class="mt-3">定额</h5>
  1969. <div class="row m-0">
  1970. <div class="col-sm-3">
  1971. <div class="input-group input-group-sm mb-2">
  1972. <div class="input-group-prepend">
  1973. <span class="input-group-text">工程量</span>
  1974. </div>
  1975. <input type="number" class="form-control" value="2" step="1" max="6"
  1976. min="0">
  1977. </div>
  1978. </div>
  1979. <div class="col-sm-3">
  1980. <div class="input-group input-group-sm mb-2">
  1981. <div class="input-group-prepend">
  1982. <span class="input-group-text">单价</span>
  1983. </div>
  1984. <input type="number" class="form-control" value="2" step="1" max="6"
  1985. min="0">
  1986. </div>
  1987. </div>
  1988. <div class="col-sm-3">
  1989. <div class="input-group input-group-sm mb-2">
  1990. <div class="input-group-prepend">
  1991. <span class="input-group-text">合价</span>
  1992. </div>
  1993. <input type="number" class="form-control" value="2" step="1" max="6"
  1994. min="0">
  1995. </div>
  1996. </div>
  1997. </div>
  1998. <h5 class="mt-3">工料机</h5>
  1999. <div class="row m-0">
  2000. <div class="col-sm-3">
  2001. <div class="input-group input-group-sm mb-2">
  2002. <div class="input-group-prepend">
  2003. <span class="input-group-text">消耗量</span>
  2004. </div>
  2005. <input type="number" class="form-control" value="2" step="1" max="6"
  2006. min="0">
  2007. </div>
  2008. </div>
  2009. <div class="col-sm-4">
  2010. <div class="input-group input-group-sm mb-2">
  2011. <div class="input-group-prepend">
  2012. <span class="input-group-text">单价<small class="text-muted">(有组成物)</small></span>
  2013. </div>
  2014. <input type="number" class="form-control" value="2" step="1" max="6"
  2015. min="0">
  2016. </div>
  2017. </div>
  2018. <div class="col-sm-4">
  2019. <div class="input-group input-group-sm mb-2">
  2020. <div class="input-group-prepend">
  2021. <span class="input-group-text">单价<small class="text-muted">(无组成物)</small></span>
  2022. </div>
  2023. <input type="number" class="form-control" value="2" step="1" max="6"
  2024. min="0">
  2025. </div>
  2026. </div>
  2027. </div>
  2028. <h5 class="mt-3">费率</h5>
  2029. <div class="row m-0">
  2030. <div class="col-sm-3">
  2031. <div class="input-group input-group-sm mb-2">
  2032. <div class="input-group-prepend">
  2033. <span class="input-group-text">费率</span>
  2034. </div>
  2035. <input type="number" class="form-control" value="2" step="1" max="6"
  2036. min="0">
  2037. </div>
  2038. </div>
  2039. </div>
  2040. </fieldset>
  2041. </div>
  2042. </div>
  2043. <!--人工单价调整-->
  2044. <!-- <div class="tab-pane fade" id="poj-settings-7" role="tabpanel">
  2045. <div class="row px-3 modal-toolbar">
  2046. <select class="col-4 form-control form-control-sm">
  2047. <option>渝建[2016]71号</option>
  2048. <option>渝建[2017]78号</option>
  2049. </select>
  2050. </div>
  2051. <div class="modal-auto-height pt-1">
  2052. <table class="table table-bordered">
  2053. <thead>
  2054. <tr>
  2055. <th>定额工种</th>
  2056. <th>2006概算定额</th>
  2057. <th>2008计价定额</th>
  2058. <th>2011轨道定额</th>
  2059. </tr>
  2060. </thead>
  2061. <tbody>
  2062. <tr>
  2063. <td>土石方人工</td>
  2064. <td>2.94</td>
  2065. <td>2.41</td>
  2066. <td>1.51</td>
  2067. </tr>
  2068. <tr>
  2069. <td>建筑、市政、维修人工</td>
  2070. <td>2.82</td>
  2071. <td>2.48</td>
  2072. <td>1.55</td>
  2073. </tr>
  2074. <tr>
  2075. <td>装饰人工</td>
  2076. <td>-</td>
  2077. <td>3.04</td>
  2078. <td>-</td>
  2079. </tr>
  2080. <tr>
  2081. <td>安装、机械人工</td>
  2082. <td>2.58</td>
  2083. <td>2.39</td>
  2084. <td>1.49</td>
  2085. </tr>
  2086. <tr>
  2087. <td>仿古、园林绿化人工</td>
  2088. <td>-</td>
  2089. <td>2.39</td>
  2090. <td>-</td>
  2091. </tr>
  2092. <tr>
  2093. <td>盾构用工</td>
  2094. <td>-</td>
  2095. <td>-</td>
  2096. <td>1.49</td>
  2097. </tr>
  2098. </tbody>
  2099. </table>
  2100. </div>
  2101. </div> -->
  2102. <!--呈现设置-->
  2103. <div class="tab-pane fade" id="poj-settings-8" role="tabpanel">
  2104. <div class="modal-auto-height">
  2105. <fieldset class="form-group">
  2106. <div class="form-check">
  2107. <label class="form-check-label">
  2108. <input class="form-check-input" value="option1" checked=""
  2109. type="checkbox">
  2110. 造价书表格自动调整行高
  2111. </label>
  2112. </div>
  2113. <div class="form-check">
  2114. <label class="form-check-label">
  2115. <input class="form-check-input" value="option1" checked=""
  2116. type="checkbox">
  2117. 定额子目自动调整行高
  2118. </label>
  2119. </div>
  2120. <div class="form-check">
  2121. <label class="form-check-label">
  2122. <input class="form-check-input" value="option1" checked=""
  2123. type="checkbox">
  2124. 定额下显示主材、设备
  2125. </label>
  2126. </div>
  2127. </fieldset>
  2128. <div style="height:300px;overflow:hidden">
  2129. <table class="table table-bordered">
  2130. <tr>
  2131. <th></th>
  2132. <th>列名</th>
  2133. <th>显示</th>
  2134. </tr>
  2135. <tr>
  2136. <td>1</td>
  2137. <th>序号</th>
  2138. <td></td>
  2139. </tr>
  2140. <tr>
  2141. <td>2</td>
  2142. <th>项目编码</th>
  2143. <td></td>
  2144. </tr>
  2145. <tr>
  2146. <td>3</td>
  2147. <th>类别</th>
  2148. <td></td>
  2149. </tr>
  2150. <tr>
  2151. <td>4</td>
  2152. <th>项目名称</th>
  2153. <td></td>
  2154. </tr>
  2155. <tr>
  2156. <td>5</td>
  2157. <th>计量单位</th>
  2158. <td></td>
  2159. </tr>
  2160. <tr>
  2161. <td>6</td>
  2162. <th>项目项目特征</th>
  2163. <td></td>
  2164. </tr>
  2165. <tr>
  2166. <td>7</td>
  2167. <th>工作内容</th>
  2168. <td></td>
  2169. </tr>
  2170. <tr>
  2171. <td>8</td>
  2172. <th>工程专业</th>
  2173. <td><input type="checkbox" checked></td>
  2174. </tr>
  2175. <tr>
  2176. <td>9</td>
  2177. <th>取费专业</th>
  2178. <td><input type="checkbox" checked></td>
  2179. </tr>
  2180. <tr>
  2181. <td>10</td>
  2182. <th>工程量计算规则</th>
  2183. <td><input type="checkbox" checked></td>
  2184. </tr>
  2185. <tr>
  2186. <td>11</td>
  2187. <th>工程量</th>
  2188. <td><input type="checkbox" checked></td>
  2189. </tr>
  2190. <tr>
  2191. <td>12</td>
  2192. <th>单价</th>
  2193. <td><input type="checkbox" checked></td>
  2194. </tr>
  2195. <tr>
  2196. <td>13</td>
  2197. <th>合价</th>
  2198. <td><input type="checkbox" checked></td>
  2199. </tr>
  2200. </table>
  2201. </div>
  2202. </div>
  2203. </div>
  2204. <!--编制说明-->
  2205. <div class="tab-pane fade" id="poj-settings-10" role="tabpanel">
  2206. <div class="modal-auto-height">
  2207. <textarea class="form-control" rows="15"></textarea>
  2208. </div>
  2209. </div>
  2210. <!--系统选项-->
  2211. <div class="tab-pane fade" id="poj-settings-9" role="tabpanel">
  2212. <div class="modal-auto-height">
  2213. <fieldset class="form-group">
  2214. <div class="form-check">
  2215. <label class="form-check-label">
  2216. <input class="form-check-input" type="checkbox">
  2217. 自动根据清单工程量填写定额工程量
  2218. </label>
  2219. </div>
  2220. <div class="form-check">
  2221. <label class="form-check-label">
  2222. <input class="form-check-input" checked="" type="checkbox">
  2223. 自动根据定额单位转换定额工程量
  2224. </label>
  2225. </div>
  2226. <h5 class="mt-3">主要材料选项</h5>
  2227. <div class="form-radio">
  2228. <label class="form-radio-label">
  2229. <input class="form-radio-input" checked="" type="radio">
  2230. 将所有工料机视为主材
  2231. </label>
  2232. </div>
  2233. <div class="form-radio">
  2234. <label class="form-radio-label">
  2235. <input class="form-radio-input" checked="" type="radio">
  2236. 手动选取主材(在"工料机汇总"界面中打勾)
  2237. </label>
  2238. </div>
  2239. <div class="form-radio">
  2240. <label class="form-radio-label">
  2241. <input class="form-radio-input" checked="" type="radio">
  2242. 自动筛选主材,金额比重:
  2243. </label>
  2244. </div>
  2245. <div class="form-group">
  2246. <div class="input-group input-group-sm mb-2 col-4">
  2247. <div class="input-group-prepend">
  2248. <span class="input-group-text">材料:</span>
  2249. </div>
  2250. <input type="number" class="form-control" value="3" step="1" max="100"
  2251. min="0">
  2252. <div class="input-group-append">
  2253. <span class="input-group-text">%</span>
  2254. </div>
  2255. </div>
  2256. <div class="input-group input-group-sm mb-2 col-4">
  2257. <div class="input-group-prepend">
  2258. <span class="input-group-text">机械:</span>
  2259. </div>
  2260. <input type="number" class="form-control" value="1" step="1" max="100"
  2261. min="0">
  2262. <div class="input-group-append">
  2263. <span class="input-group-text">%</span>
  2264. </div>
  2265. </div>
  2266. </div>
  2267. </fieldset>
  2268. </div>
  2269. </div>
  2270. </div>
  2271. </div>
  2272. </div>
  2273. </div>
  2274. <div class="modal-footer">
  2275. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  2276. <a href="" class="btn btn-primary">确定</a>
  2277. </div>
  2278. </div>
  2279. </div>
  2280. </div>
  2281. <!--弹出消息-->
  2282. <div class="modal fade" id="msg" data-backdrop="static">
  2283. <div class="modal-dialog modal-lg" role="document">
  2284. <div class="modal-content">
  2285. <div class="modal-header">
  2286. <h5 class="modal-title"><i class="fa fa-envelope-o"></i> 消息通知</h5>
  2287. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2288. <span aria-hidden="true">&times;</span>
  2289. </button>
  2290. </div>
  2291. <div class="modal-body modal-auto-height">
  2292. <!--消息列表 默认显示10条-->
  2293. <table class="table table-bordered">
  2294. <tr>
  2295. <th>标题<a href="#" class="float-right btn btn-sm">设置全部已读</a></th>
  2296. <th width="120">发布时间</th>
  2297. </tr>
  2298. <tr>
  2299. <td><i class="fa fa-circle-o text-danger" title="未读"></i> <a href="#">华南1地域网络升级通知</a></td>
  2300. <td><span title="2017-09-13 14:11:19">2017-09-13</span></td>
  2301. </tr>
  2302. <tr>
  2303. <td><i class="fa fa-circle-o text-danger" title="未读"></i> <a href="#">纵横用户服务体验调研</a></td>
  2304. <td><span title="2017-09-13 14:11:19">2017-09-13</span></td>
  2305. </tr>
  2306. <tr>
  2307. <td><a href="#">通知信息标题</a></td>
  2308. <td><span title="2017-09-12 14:11:19">2017-09-12</span></td>
  2309. </tr>
  2310. <tr>
  2311. <td><a href="#">通知信息标题</a></td>
  2312. <td><span title="2017-09-11 14:11:19">2017-09-11</span></td>
  2313. </tr>
  2314. <tr>
  2315. <td><a href="#">通知信息标题</a></td>
  2316. <td><span title="2017-09-11 14:11:19">2017-09-11</span></td>
  2317. </tr>
  2318. <tr>
  2319. <td><a href="#">通知信息标题</a></td>
  2320. <td><span title="2017-09-11 14:11:19">2017-09-11</span></td>
  2321. </tr>
  2322. <tr>
  2323. <td><a href="#">通知信息标题</a></td>
  2324. <td><span title="2017-09-11 14:11:19">2017-09-11</span></td>
  2325. </tr>
  2326. <tr>
  2327. <td><a href="#">通知信息标题</a></td>
  2328. <td><span title="2017-09-11 14:11:19">2017-09-11</span></td>
  2329. </tr>
  2330. <tr>
  2331. <td><a href="#">通知信息标题</a></td>
  2332. <td><span title="2017-09-11 14:11:19">2017-09-11</span></td>
  2333. </tr>
  2334. <tr>
  2335. <td><a href="#">通知信息标题</a></td>
  2336. <td><span title="2017-09-11 14:11:19">2017-09-11</span></td>
  2337. </tr>
  2338. </table>
  2339. <!--点击标题查看内容-->
  2340. <a href="#">返回</a>
  2341. <h4 class="text-center">华南1地域网络升级通知</h4>
  2342. <p class="text-center">发布:2017-09-13 14:11:19</p>
  2343. <div class="mx-3 mb-5">
  2344. 尊敬的用户您好:<br>
  2345. <i class="fa fa-check"></i>您的以下实例,所在集群一网络设备出现异常,目前仍在正常运转但存在风险;为消除风险,我方计划于北京时间2017年09月15日
  2346. 01:00-04:00进行修复。修复期间您的实例可能会出现1次1秒内的网络(包括公网和内网访问)抖动,表现为瞬间丢包,应用重连即可恢复正常。
  2347. 阿里云会安排在线工程师值守,届时有任何问题,可随时通过工单或拨打7×24小时服务电话:95187与我们联系。<br>
  2348. </div>
  2349. </div>
  2350. <div class="modal-footer">
  2351. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2352. </div>
  2353. </div>
  2354. </div>
  2355. </div>
  2356. <!--弹出 清单 计算基数 和 费率(%)-->
  2357. <div class="modal fade" id="qd-jsjs" data-backdrop="static">
  2358. <div class="modal-dialog" role="document">
  2359. <div class="modal-content">
  2360. <div class="modal-body">
  2361. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2362. <span aria-hidden="true">×</span>
  2363. </button>
  2364. <ul class="nav nav-tabs mb-3" role="tablist">
  2365. <li class="nav-item">
  2366. <a class="nav-link active px-3" data-toggle="tab" href="#m-js" role="tab">计算基数</a>
  2367. </li>
  2368. <li class="nav-item">
  2369. <a class="nav-link px-3" data-toggle="tab" href="#m-fl" role="tab">费率(%)</a>
  2370. </li>
  2371. </ul>
  2372. <div class="tab-content">
  2373. <div class="tab-pane active" id="m-js" role="tabpanel">
  2374. <div class="form-group">
  2375. <input class="form-control" value="分部分项工程费+100">
  2376. <p class="form-text">
  2377. <button class="btn btn-secondary btn-sm">+</button>
  2378. <button class="btn btn-secondary btn-sm">-</button>
  2379. <button class="btn btn-secondary btn-sm">*</button>
  2380. <button class="btn btn-secondary btn-sm">/</button>
  2381. <button class="btn btn-secondary btn-sm">(</button>
  2382. <button class="btn btn-secondary btn-sm">)</button>
  2383. </p>
  2384. </div>
  2385. <div class="row">
  2386. <div class="col-3">
  2387. <ul class="list-unstyled">
  2388. <li class="py-1">
  2389. <a href="#">所有</a>
  2390. </li>
  2391. <li class="py-1">
  2392. <a class="btn btn-outline-secondary btn-sm" href="#">分部分项</a>
  2393. </li>
  2394. <li class="py-1">
  2395. <a href="#">措施项目</a>
  2396. </li>
  2397. <li class="py-1">
  2398. <a href="#">其他项目</a>
  2399. </li>
  2400. <li class="py-1">
  2401. <a href="#">分包费</a>
  2402. </li>
  2403. <li class="py-1">
  2404. <a href="#">人材机</a>
  2405. </li>
  2406. <li class="py-1">
  2407. <a href="#">规费</a>
  2408. </li>
  2409. <li class="py-1">
  2410. <a href="#">税金</a>
  2411. </li>
  2412. <li class="py-1">
  2413. <a href="#">税前工程造价</a>
  2414. </li>
  2415. </ul>
  2416. </div>
  2417. <div class=" modal-auto-height col-9">
  2418. <table class="table table-sm table-bordered">
  2419. <thead>
  2420. <tr>
  2421. <th></th>
  2422. <th>计算基础名称</th>
  2423. <th>金额</th>
  2424. </tr>
  2425. </thead>
  2426. <tbody>
  2427. <tr>
  2428. <td>1</td>
  2429. <td>
  2430. <button class="btn btn-secondary btn-sm">分部分项工程费</button>
  2431. </td>
  2432. <td>1000.16</td>
  2433. </tr>
  2434. <tr>
  2435. <td>2</td>
  2436. <td>
  2437. <button class="btn btn-secondary btn-sm">分部分项基价直接工程费</button>
  2438. </td>
  2439. <td>600.16</td>
  2440. </tr>
  2441. <tr>
  2442. <td>3</td>
  2443. <td>
  2444. <button class="btn btn-secondary btn-sm">分部分项基价人工费</button>
  2445. </td>
  2446. <td>100.16</td>
  2447. </tr>
  2448. <tr>
  2449. <td>4</td>
  2450. <td>
  2451. <button class="btn btn-secondary btn-sm">分部分项基价材料费</button>
  2452. </td>
  2453. <td>200.16</td>
  2454. </tr>
  2455. <tr>
  2456. <td>5</td>
  2457. <td>
  2458. <button class="btn btn-secondary btn-sm">分部分项基价机械费</button>
  2459. </td>
  2460. <td>300.16</td>
  2461. </tr>
  2462. <tr>
  2463. <td>6</td>
  2464. <td>
  2465. <button class="btn btn-secondary btn-sm">分部分项调整人工费</button>
  2466. </td>
  2467. <td>100.16</td>
  2468. </tr>
  2469. <tr>
  2470. <td>7</td>
  2471. <td>
  2472. <button class="btn btn-secondary btn-sm">分部分项调整机人工费</button>
  2473. </td>
  2474. <td>50.16</td>
  2475. </tr>
  2476. </tbody>
  2477. </table>
  2478. </div>
  2479. </div>
  2480. </div>
  2481. <div class="tab-pane" id="m-fl" role="tabpanel">
  2482. <div class="form-check form-check-inline">
  2483. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2"
  2484. value="option2">
  2485. <label class="form-check-label" for="inlineRadio2">自定义费率</label>
  2486. </div>
  2487. <div class="form-check-inline">
  2488. <div class="input-group input-group-sm">
  2489. <input type="text" class="form-control" placeholder="输入费率" style="width:100px">
  2490. <div class="input-group-append">
  2491. <button class="btn btn-outline-secondary" type="button" id="button-addon2"><i
  2492. class="fa fa-check"></i></button>
  2493. </div>
  2494. </div>
  2495. </div>
  2496. <div class="form-check form-check-inline">
  2497. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1"
  2498. value="option1">
  2499. <label class="form-check-label" for="inlineRadio1">选择标准费率</label>
  2500. </div>
  2501. <div class="modal-fixed-height">
  2502. spreadjs
  2503. </div>
  2504. </div>
  2505. </div>
  2506. </div>
  2507. <div class="modal-footer">
  2508. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2509. <a href="" class="btn btn-primary">确定</a>
  2510. </div>
  2511. </div>
  2512. </div>
  2513. </div>
  2514. <!--弹出 loading遮罩层-->
  2515. <div class="modal fade" id="loading" data-backdrop="static">
  2516. <div class="modal-dialog text-center" role="document" style="margin-top:30%">
  2517. <div class="text-white">
  2518. <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
  2519. <span class="sr-only">Loading...</span>
  2520. </div>
  2521. </div>
  2522. </div>
  2523. <!--弹出 整理分部-->
  2524. <div class="modal fade" id="zlfb" data-backdrop="static">
  2525. <div class="modal-dialog" role="document">
  2526. <div class="modal-content">
  2527. <div class="modal-header">
  2528. <h5 class="modal-title">整理分部</h5>
  2529. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2530. <span aria-hidden="true">&times;</span>
  2531. </button>
  2532. </div>
  2533. <div class="modal-body">
  2534. <div class="form-check">
  2535. <input class="form-check-input" type="checkbox" value="">
  2536. <label class="form-check-label">
  2537. 需要专业分部标题
  2538. </label>
  2539. </div>
  2540. <div class="form-check">
  2541. <input class="form-check-input" type="checkbox" value="">
  2542. <label class="form-check-label">
  2543. 需要章分部标题
  2544. </label>
  2545. </div>
  2546. <div class="form-check">
  2547. <input class="form-check-input" type="checkbox" value="">
  2548. <label class="form-check-label">
  2549. 需要节分部标题
  2550. </label>
  2551. </div>
  2552. <div class="form-check">
  2553. <input class="form-check-input" type="checkbox" value="">
  2554. <label class="form-check-label">
  2555. 删除自定义分部标题
  2556. </label>
  2557. </div>
  2558. <div class="form-check">
  2559. <input class="form-check-input" type="checkbox" value="">
  2560. <label class="form-check-label">
  2561. 清单排序
  2562. </label>
  2563. </div>
  2564. <div class="form-check">
  2565. <input class="form-check-input" type="checkbox" value="">
  2566. <label class="form-check-label">
  2567. 清单重新编码
  2568. </label>
  2569. </div>
  2570. <div class="card mt-3">
  2571. <div class="card-body p-2">
  2572. <h5 class="card-title">操作说明</h5>
  2573. <p class="card-text">执行分部整理将对当前清单列表存在的清单按以上勾选项进行整理;</br>
  2574. 勾选“需要专业分部标题”,表示分部整理时需要添加清单专业标题;</br>
  2575. 勾选“需要章分部标题”,表示分部整理时需要添加章标题;</br>
  2576. 勾选“需要节分部标题”,表示分部整理时需要添加节标题;</br>
  2577. 勾选“删除自定义分部标题”,将首先删除已有自定义分部标题,然后再执行分部整理;</br>
  2578. 勾选“清单排序”,表示分部整理后对每个分部下的清单进行排序;</br>
  2579. 勾选“清单重新编码”,表示分部整理后对每个分部下的清单重新生成水流号;
  2580. </p>
  2581. </div>
  2582. </div>
  2583. </div>
  2584. <div class="modal-footer">
  2585. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2586. <a href="" class="btn btn-primary">确定</a>
  2587. </div>
  2588. </div>
  2589. </div>
  2590. </div>
  2591. <!--弹出 计取安装费用-->
  2592. <div class="modal fade" id="jqaz" data-backdrop="static">
  2593. <div class="modal-dialog modal-lg" role="document">
  2594. <div class="modal-content">
  2595. <div class="modal-header">
  2596. <h5 class="modal-title">统一设置计取安装费用</h5>
  2597. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2598. <span aria-hidden="true">&times;</span>
  2599. </button>
  2600. </div>
  2601. <div class="modal-body">
  2602. <div style="height:200px">
  2603. <!--sjs id设置在这个div-->
  2604. <table class="table table-sm table-bordered m-0">
  2605. <thead>
  2606. <tr>
  2607. <th></th>
  2608. <th>计取</th>
  2609. <th>费用项</th>
  2610. <th>费用类型</th>
  2611. <th>记取位置</th>
  2612. </tr>
  2613. </thead>
  2614. <tr>
  2615. <td>1</td>
  2616. <td></td>
  2617. <td>重庆市安装工程计价定额(2008)</td>
  2618. <td></td>
  2619. <td></td>
  2620. </tr>
  2621. <tr>
  2622. <td>2</td>
  2623. <td><input type="checkbox"></td>
  2624. <td>-高层增加费</td>
  2625. <td>子目费用</td>
  2626. <td><a href="javacript:void(0);" data-toggle="modal" data-target="#jqaz-wz">点击</a></td>
  2627. </tr>
  2628. </table>
  2629. </div>
  2630. <div style="height:200px">
  2631. <!--sjs id设置在这个div-->
  2632. <table class="table table-sm table-bordered m-0">
  2633. <thead>
  2634. <tr>
  2635. <th></th>
  2636. <th>分册章节</th>
  2637. <th>费用规则</th>
  2638. <th>编码</th>
  2639. <th>基数</th>
  2640. <th>费率(%)</th>
  2641. <th>其中人工(%)</th>
  2642. <th>其中材料(%)</th>
  2643. <th>其中机械(%)</th>
  2644. <th>记取位置</th>
  2645. </tr>
  2646. </thead>
  2647. <tr>
  2648. <td>1</td>
  2649. <td>第一册 机械设备安装工程1~6、8~16章节</td>
  2650. <td>超高费(标高15m以内(第一册 机械设备安装工程1~6章节))</td>
  2651. <td>AZFY1</td>
  2652. <td>人材机乘系数</td>
  2653. <td></td>
  2654. <td>25</td>
  2655. <td></td>
  2656. <td>25</td>
  2657. <td><a href="javacript:void(0);" data-toggle="modal" data-target="#jqaz-wz">点击</a></td>
  2658. </tr>
  2659. </table>
  2660. </div>
  2661. </div>
  2662. <div class="modal-footer">
  2663. <button type="button" class="btn btn-link">恢复默认值</button>
  2664. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2665. <a href="" class="btn btn-primary">确定</a>
  2666. </div>
  2667. </div>
  2668. </div>
  2669. </div>
  2670. <!--弹出 指定具体位置(计取安装费用)-->
  2671. <div class="modal fade" id="jqaz-wz" data-backdrop="static">
  2672. <div class="modal-dialog modal-lg" role="document">
  2673. <div class="modal-content">
  2674. <div class="modal-header">
  2675. <h5 class="modal-title">指定具体位置</h5>
  2676. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2677. <span aria-hidden="true">&times;</span>
  2678. </button>
  2679. </div>
  2680. <div class="modal-body">
  2681. <div class="row mb-2">
  2682. <div class="col-8">
  2683. <div class="input-group input-group-sm">
  2684. <input type="text" class="form-control" placeholder="输入编码 或 名称 "
  2685. aria-describedby="basic-addon2">
  2686. <div class="input-group-append">
  2687. <button class="btn btn-secondary" type="button"><i class="fa fa-search"></i> 过滤</button>
  2688. <button class="btn btn-outline-secondary" type="button">取消过滤</button>
  2689. </div>
  2690. </div>
  2691. </div>
  2692. </div>
  2693. <div style="height:300px">
  2694. <!--sjs id设置在这个div-->
  2695. <table class="table table-sm table-bordered m-0">
  2696. <thead>
  2697. <tr>
  2698. <th></th>
  2699. <th>类别</th>
  2700. <th>编码</th>
  2701. <th>名称</th>
  2702. <th>具体位置</th>
  2703. </tr>
  2704. </thead>
  2705. <tr>
  2706. <td>1</td>
  2707. <td>大项</td>
  2708. <td>1</td>
  2709. <td>分部分项工程</td>
  2710. <td></td>
  2711. </tr>
  2712. <tr>
  2713. <td>2</td>
  2714. <td>分部</td>
  2715. <td>C</td>
  2716. <td>安装工程</td>
  2717. <td></td>
  2718. </tr>
  2719. <tr>
  2720. <td>3</td>
  2721. <td>分部</td>
  2722. <td>030101001</td>
  2723. <td>台式及仪表机床</td>
  2724. <td><input type="checkbox"></td>
  2725. </tr>
  2726. </table>
  2727. </div>
  2728. </div>
  2729. <div class="modal-footer">
  2730. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2731. <a href="" class="btn btn-primary">确定</a>
  2732. </div>
  2733. </div>
  2734. </div>
  2735. </div>
  2736. <!--弹出 查询安装费用-->
  2737. <div class="modal fade" id="cxazfy" data-backdrop="static">
  2738. <div class="modal-dialog modal-lg" role="document">
  2739. <div class="modal-content">
  2740. <div class="modal-header">
  2741. <h5 class="modal-title">指定具体位置</h5>
  2742. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2743. <span aria-hidden="true">&times;</span>
  2744. </button>
  2745. </div>
  2746. <div class="modal-body">
  2747. <div class="modal-fixed-height">
  2748. <!--sjs ID设置此div--->
  2749. <table class="table table-sm table-bordered m-0">
  2750. <thead>
  2751. <tr>
  2752. <th></th>
  2753. <th>编码</th>
  2754. <th>费用规则</th>
  2755. <th>基数</th>
  2756. <th>费率(%)</th>
  2757. <th>人工(%)</th>
  2758. <th>材料(%)</th>
  2759. <th>机械(%)</th>
  2760. </tr>
  2761. </thead>
  2762. <tr>
  2763. <td>1</td>
  2764. <td>AZFY15</td>
  2765. <td>有害增加费(电气设备安装工程)</td>
  2766. <td>人工</td>
  2767. <td>10</td>
  2768. <td>100</td>
  2769. <td>0</td>
  2770. <td>0</td>
  2771. </tr>
  2772. </table>
  2773. </div>
  2774. </div>
  2775. <div class="modal-footer">
  2776. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2777. <a href="" class="btn btn-primary">确定</a>
  2778. </div>
  2779. </div>
  2780. </div>
  2781. </div>
  2782. <!--弹出 导入-->
  2783. <div class="modal fade" id="import" data-backdrop="static">
  2784. <div class="modal-dialog" role="document">
  2785. <div class="modal-content">
  2786. <div class="modal-header">
  2787. <h5 class="modal-title">导入09表Excel清单<!-- 导入广联达算量Excel清单 --></h5>
  2788. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2789. <span aria-hidden="true">&times;</span>
  2790. </button>
  2791. </div>
  2792. <div class="modal-body">
  2793. <div class="custom-file">
  2794. <input type="file" class="custom-file-input" id="customFile" lang="zh" accept=".xls,.xlsx">
  2795. <label class="custom-file-label" for="customFile">请选择上传文件</label>
  2796. </div>
  2797. <div class="alert alert-success mt-3" role="alert">
  2798. 广东XXXX项目清单.xlsx 准备导入上传
  2799. </div>
  2800. </div>
  2801. <div class="modal-footer">
  2802. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2803. <a href="" class="btn btn-primary">确定导入</a>
  2804. </div>
  2805. </div>
  2806. </div>
  2807. </div>
  2808. <!--弹出 数据接口导出-->
  2809. <div class="modal fade" id="export" data-backdrop="static">
  2810. <div class="modal-dialog" role="document">
  2811. <div class="modal-content">
  2812. <div class="modal-header">
  2813. <h5 class="modal-title">重庆市电子招投标数据接口<!-- 重庆其他电子招投标数据接口 --></h5>
  2814. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2815. <span aria-hidden="true">&times;</span>
  2816. </button>
  2817. </div>
  2818. <div class="modal-body">
  2819. <!--检测提醒-->
  2820. <div class="card">
  2821. <div class="card-body">
  2822. <h5 class="card-title">导出重庆市电子招投标数据接口文件/h5>
  2823. <p class="card-text">导出之前,建议您执行项目自检功能,避免出现错误。</p>
  2824. <a href="#" class="btn btn-primary">自检</a>
  2825. </div>
  2826. </div>
  2827. <!--招标-->
  2828. <div class="form-group">
  2829. <label class="mb-0">招标接口文件导出</label>
  2830. <small id="emailHelp" class="form-text text-muted">招标接口文件由以下2个文件组成,其内容必须保持一致,因此建议一次性全部导出。</small>
  2831. </div>
  2832. <div class="form-group">
  2833. <div class="form-check ml-4">
  2834. <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
  2835. <label class="form-check-label" for="defaultCheck1">
  2836. 招标工程量清单
  2837. </label>
  2838. <small id="emailHelp" class="form-text text-muted">招标工程量清单数据文件,用于投标人投标报价</small>
  2839. </div>
  2840. <div class="form-check ml-4">
  2841. <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
  2842. <label class="form-check-label" for="defaultCheck1">
  2843. 招标控制价
  2844. </label>
  2845. <small id="emailHelp" class="form-text text-muted">包含完整组价数据的招标控制价文件</small>
  2846. </div>
  2847. </div>
  2848. <!--投标-->
  2849. <div class="form-group">
  2850. <label class="mb-0">投标接口文件导出</label>
  2851. </div>
  2852. <div class="form-group">
  2853. <div class="form-check ml-4">
  2854. <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
  2855. <label class="form-check-label" for="defaultCheck1">
  2856. 投标文件
  2857. </label>
  2858. <small id="emailHelp" class="form-text text-muted">投标工程数据文件</small>
  2859. </div>
  2860. </div>
  2861. </div>
  2862. <div class="modal-footer">
  2863. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2864. <a href="#export2" data-toggle="modal" data-target="#export2" class="btn btn-primary">确定导出</a>
  2865. </div>
  2866. </div>
  2867. </div>
  2868. </div>
  2869. <!--弹出 数据接口导出2-->
  2870. <div class="modal fade" id="export2" data-backdrop="static">
  2871. <div class="modal-dialog" role="document">
  2872. <div class="modal-content">
  2873. <div class="modal-header">
  2874. <h5 class="modal-title">投标信息</h5>
  2875. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2876. <span aria-hidden="true">&times;</span>
  2877. </button>
  2878. </div>
  2879. <div class="modal-body">
  2880. <div class="modal-auto-height">
  2881. <table class="table table=sm table-bordered">
  2882. <tr>
  2883. <th></th>
  2884. <th>名称</th>
  2885. <th>工程编号</th>
  2886. </tr>
  2887. <tr>
  2888. <td>1</td>
  2889. <td>2018定额评测工程</td>
  2890. <td></td>
  2891. </tr>
  2892. <tr>
  2893. <td>2</td>
  2894. <td>单项工程</td>
  2895. <td>1</td>
  2896. </tr>
  2897. <tr>
  2898. <td>3</td>
  2899. <td>房屋建筑工程</td>
  2900. <td>5</td>
  2901. </tr>
  2902. <tr>
  2903. <td>4</td>
  2904. <td>电气工程</td>
  2905. <td>5</td>
  2906. </tr>
  2907. </table>
  2908. </div>
  2909. <div class="alert alert-danger"><b>说明:</b>工程编号作为单项、单位工程的标识,接口要求各节点在标段下编号唯一,且投标文件中工程编号与招标书必须保持一致。</div>
  2910. </div>
  2911. <div class="modal-footer">
  2912. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2913. <a href="#" class="btn btn-primary">确定导出</a>
  2914. </div>
  2915. </div>
  2916. </div>
  2917. </div>
  2918. <!--弹出 粘帖位置选择-->
  2919. <div class="modal fade" id="ntwz" data-backdrop="static">
  2920. <div class="modal-dialog" role="document">
  2921. <div class="modal-content">
  2922. <div class="modal-header">
  2923. <h5 class="modal-title">粘帖位置选择</h5>
  2924. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2925. <span aria-hidden="true">&times;</span>
  2926. </button>
  2927. </div>
  2928. <div class="modal-body">
  2929. <div class="form-group">
  2930. <label for="exampleInputPassword1">插入为选定节点的:</label>
  2931. <div>
  2932. <div class="form-check form-check-inline">
  2933. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1"
  2934. value="option1">
  2935. <label class="form-check-label" for="inlineRadio1">后项</label>
  2936. </div>
  2937. <div class="form-check form-check-inline">
  2938. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2"
  2939. value="option2">
  2940. <label class="form-check-label" for="inlineRadio2">前项</label>
  2941. </div>
  2942. <div class="form-check form-check-inline">
  2943. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3"
  2944. value="option3">
  2945. <label class="form-check-label" for="inlineRadio3">子项</label>
  2946. </div>
  2947. </div>
  2948. </div>
  2949. </div>
  2950. <div class="modal-footer">
  2951. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2952. <a href="" class="btn btn-primary">确定</a>
  2953. </div>
  2954. </div>
  2955. </div>
  2956. </div>
  2957. <!--弹出 说明弹窗-->
  2958. <div class="modal fade" id="help" data-backdrop="static">
  2959. <div class="modal-dialog modal-lg" role="document">
  2960. <div class="modal-content">
  2961. <div class="modal-header">
  2962. <h5 class="modal-title">说明</h5>
  2963. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2964. <span aria-hidden="true">&times;</span>
  2965. </button>
  2966. </div>
  2967. <div class="modal-body">
  2968. <div class="modal-auto-height1">
  2969. <h3>标题1</h3>
  2970. <h4>标题2</h4>
  2971. <h5>标题3</h5>
  2972. <p>这是一行文本</p>
  2973. <p>这是一行<b>文本</b></p>
  2974. <p><img src="img/p2.png"></p>
  2975. <p class="text-indent">这是一行带缩进的文本</p>
  2976. <table class="table table-sm table-bordered">
  2977. <tr>
  2978. <th>表头1</th>
  2979. <th>表头2</th>
  2980. <th>表头3</th>
  2981. </tr>
  2982. <tr>
  2983. <td class="text-right">内容1</td>
  2984. <td class="text-center">内容2</td>
  2985. <td>内容3</td>
  2986. </tr>
  2987. <tr>
  2988. <td>内容4</td>
  2989. <td>内容5</td>
  2990. <td>内容6</td>
  2991. </tr>
  2992. </table>
  2993. </div>
  2994. </div>
  2995. <div class="modal-footer">
  2996. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  2997. </div>
  2998. </div>
  2999. </div>
  3000. </div>
  3001. <!--弹出 生成组价模板-->
  3002. <div class="modal fade" id="zujiamb" data-backdrop="static">
  3003. <div class="modal-dialog" role="document">
  3004. <div class="modal-content">
  3005. <div class="modal-header">
  3006. <h5 class="modal-title">选择模板存储位置</h5>
  3007. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3008. <span aria-hidden="true">&times;</span>
  3009. </button>
  3010. </div>
  3011. <div class="modal-body">
  3012. <div class="form-group">
  3013. <label>模板分类</label>
  3014. <select class="form-control">
  3015. <option>1.分类1</option>
  3016. <option>2.分类2</option>
  3017. </select>
  3018. </div>
  3019. <div class="form-group">
  3020. <div class="form-check form-check-inline">
  3021. <input class="form-check-input" type="checkbox" name="inlineRadioOptions" id="inlinecheckbox1"
  3022. value="option1">
  3023. <label class="form-check-label" for="inlinecheckbox1">当存在同名模板时,提示是否覆盖</label>
  3024. </div>
  3025. </div>
  3026. </div>
  3027. <div class="modal-footer">
  3028. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  3029. <a href="" class="btn btn-primary">确定生成</a>
  3030. </div>
  3031. </div>
  3032. </div>
  3033. </div>
  3034. <!--弹出 匹配原则-->
  3035. <div class="modal fade" id="zujiapp" data-backdrop="static">
  3036. <div class="modal-dialog" role="document">
  3037. <div class="modal-content">
  3038. <div class="modal-header">
  3039. <h5 class="modal-title">快速组价</h5>
  3040. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3041. <span aria-hidden="true">&times;</span>
  3042. </button>
  3043. </div>
  3044. <div class="modal-body">
  3045. <div class="form-group">
  3046. <label>选择匹配模式:</label>
  3047. <div>
  3048. <div class="form-check form-check-inline">
  3049. <input class="form-check-input" type="checkbox" name="inlineRadioOptions"
  3050. id="inlinecheckbox1" value="option1">
  3051. <label class="form-check-label" for="inlinecheckbox1">项目编码</label>
  3052. </div>
  3053. <div class="form-check form-check-inline">
  3054. <input class="form-check-input" type="checkbox" name="inlineRadioOptions"
  3055. id="inlinecheckbox2" value="option2">
  3056. <label class="form-check-label" for="inlinecheckbox2">项目名称</label>
  3057. </div>
  3058. <div class="form-check form-check-inline">
  3059. <input class="form-check-input" type="checkbox" name="inlineRadioOptions"
  3060. id="inlinecheckbox3" value="option3">
  3061. <label class="form-check-label" for="inlinecheckbox3">单位</label>
  3062. </div>
  3063. </div>
  3064. </div>
  3065. <div class="form-group">
  3066. <label for="exampleInputPassword1">插入为选定节点的:</label>
  3067. <div>
  3068. <div class="form-check form-check-inline">
  3069. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio21"
  3070. value="option1">
  3071. <label class="form-check-label" for="inlineRadio21">根据含量计算定额</label>
  3072. </div>
  3073. <div class="form-check form-check-inline">
  3074. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio22"
  3075. value="option2">
  3076. <label class="form-check-label" for="inlineRadio22">含量和定额工程量为零</label>
  3077. </div>
  3078. </div>
  3079. </div>
  3080. <div class="form-group">
  3081. <label for="exampleInputPassword1">清单下有定额时:</label>
  3082. <div>
  3083. <div class="form-check form-check-inline">
  3084. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio31"
  3085. value="option1">
  3086. <label class="form-check-label" for="inlineRadio31">询问我是否覆盖</label>
  3087. </div>
  3088. <div class="form-check form-check-inline">
  3089. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio32"
  3090. value="option2">
  3091. <label class="form-check-label" for="inlineRadio32">直接覆盖(多对多时默认项)</label>
  3092. </div>
  3093. <div class="form-check form-check-inline">
  3094. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio33"
  3095. value="option3">
  3096. <label class="form-check-label" for="inlineRadio33">跳过,忽略当前项</label>
  3097. </div>
  3098. </div>
  3099. </div>
  3100. <div class="form-group">
  3101. <label></label>
  3102. <div>
  3103. <div class="form-check form-check-inline">
  3104. <input class="form-check-input" type="checkbox" name="inlineRadioOptions"
  3105. id="inlinecheckbox41" value="option1">
  3106. <label class="form-check-label" for="inlinecheckbox41">分项清单工程量为0时不匹配</label>
  3107. </div>
  3108. </div>
  3109. </div>
  3110. </div>
  3111. <div class="modal-footer">
  3112. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  3113. <a href="" class="btn btn-primary">确定</a>
  3114. </div>
  3115. </div>
  3116. </div>
  3117. </div>
  3118. <!--设置子目生成位置 导入-->
  3119. <div class="modal fade" id="zimushengcheng" data-backdrop="static">
  3120. <div class="modal-dialog" role="document">
  3121. <div class="modal-content">
  3122. <div class="modal-header">
  3123. <h5 class="modal-title">超高降效选项设置</h5>
  3124. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3125. <span aria-hidden="true">&times;</span>
  3126. </button>
  3127. </div>
  3128. <div class="modal-body">
  3129. <div class="mb-2">
  3130. <div class="form-check">
  3131. <input class="form-check-input" type="radio" name="cgx" id="cgx1">
  3132. <label class="form-check-label" for="cgx1">
  3133. 对应清单或分项下
  3134. </label>
  3135. </div>
  3136. <div class="form-check">
  3137. <input class="form-check-input" type="radio" name="cgx" id="cgx2">
  3138. <label class="form-check-label" for="cgx2">
  3139. 指定措施清单:“011704001”
  3140. </label>
  3141. </div>
  3142. <div class="form-check">
  3143. <input class="form-check-input" type="radio" name="cgx" id="cgx3">
  3144. <label class="form-check-label" for="cgx3">
  3145. 指定具体位置
  3146. </label>
  3147. </div>
  3148. </div>
  3149. <div class="alert alert-warning" role="alert">
  3150. 软件自动默认13清单的超高清单下,如若与实际工程不一致,可以自行指定具体位置。
  3151. </div>
  3152. <!--指定具体位置-->
  3153. <div class="modal-fixed-height">
  3154. </div>
  3155. </div>
  3156. <div class="modal-footer">
  3157. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  3158. <a href="" class="btn btn-primary">确定</a>
  3159. </div>
  3160. </div>
  3161. </div>
  3162. </div>
  3163. <!--推荐给朋友-->
  3164. <div class="modal fade" id="share" data-backdrop="static">
  3165. <div class="modal-dialog" role="document">
  3166. <div class="modal-content">
  3167. <div class="modal-header">
  3168. <h5 class="modal-title">推荐给朋友</h5>
  3169. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3170. <span aria-hidden="true">&times;</span>
  3171. </button>
  3172. </div>
  3173. <div class="modal-body">
  3174. <div class="input-group mb-3">
  3175. <input type="text" class="form-control " value="https://yun.smartcost.com.cn" disabled>
  3176. <div class="input-group-append">
  3177. <button class="btn btn-outline-secondary" type="button" id="button-addon2">复制链接</button>
  3178. </div>
  3179. </div>
  3180. <div class="alert alert-success">地址复制成功,快去发给朋友试试吧。</div>
  3181. </div>
  3182. </div>
  3183. </div>
  3184. </div>
  3185. <!--本地上传-->
  3186. <div class="modal fade" id="upload-file" data-backdrop="static">
  3187. <div class="modal-dialog" role="document">
  3188. <div class="modal-content">
  3189. <div class="modal-header">
  3190. <h5 class="modal-title">本地上传</h5>
  3191. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3192. <span aria-hidden="true">&times;</span>
  3193. </button>
  3194. </div>
  3195. <div class="modal-body">
  3196. <input type="file" class="form-control form-control-sm mb-2">
  3197. <div class="input-group input-group-sm">
  3198. <input type="text" class="form-control" disabled="" value="保存到:文件夹1/文件夹1.1">
  3199. <div class="input-group-append">
  3200. <button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">更改</button>
  3201. <div class="dropdown-menu dropdown-menu-right">
  3202. <ul id="treeDemo2" class="ztree"></ul>
  3203. </div>
  3204. </div>
  3205. </div>
  3206. </div>
  3207. <div class="modal-footer">
  3208. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  3209. <a href="" class="btn btn-sm btn-primary">确定</a>
  3210. </div>
  3211. </div>
  3212. </div>
  3213. </div>
  3214. <!--企业云盘-->
  3215. <div class="modal fade" id="cloud-file" data-backdrop="static">
  3216. <div class="modal-dialog modal-xl" role="document">
  3217. <div class="modal-content">
  3218. <div class="modal-header">
  3219. <h5 class="modal-title">网盘</h5>
  3220. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3221. <span aria-hidden="true">&times;</span>
  3222. </button>
  3223. </div>
  3224. <div class="modal-body">
  3225. <div class="row">
  3226. <div class="col-2">
  3227. <nav class="nav nav-pills flex-column">
  3228. <a class="nav-link active" data-toggle="tab" href="#standardf-tab" role="tab">标准文件</a>
  3229. <a class="nav-link" data-toggle="tab" href="#cloudf-tab" role="tab">企业云盘</a>
  3230. <a class="nav-link">分享给我</a>
  3231. </nav>
  3232. </div>
  3233. <div class="col-10">
  3234. <div class="tab-content">
  3235. <div class="tab-pane active" id="standardf-tab">
  3236. <div class="d-inline">
  3237. <a href="" class="btn btn-sm btn-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">复制到</a>
  3238. <div class="dropdown-menu dropdown-menu-right">
  3239. <ul id="treeDemo3" class="ztree"></ul>
  3240. </div>
  3241. </div>
  3242. <table class="table table-sm table-bordered">
  3243. <tr>
  3244. <th>文件名</th><th>文件类型</th><th>大小</th>
  3245. </tr>
  3246. <tr>
  3247. <td><span class="in-1"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 全国标准</td><td></td><td></td>
  3248. </tr>
  3249. <tr>
  3250. <td><span class="in-3"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件1</td><td>docx文件</td><td>2.1MB</td><td>
  3251. </tr>
  3252. <tr>
  3253. <td><span class="in-3"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件2</td><td>docx文件</td><td>2.1MB</td>
  3254. </tr>
  3255. <tr>
  3256. <td><span class="in-2"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 广东省</td><td></td><td></td>
  3257. </tr>
  3258. <tr>
  3259. <td><span class="in-4"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 省标准</td><td></td><td></td>
  3260. </tr>
  3261. <tr>
  3262. <td><span class="in-6"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件3</td><td>docx文件</td><td>2.1MB</td>
  3263. </tr>
  3264. <tr>
  3265. <td><span class="in-6"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件4</td><td>docx文件</td><td>2.1MB</td>
  3266. </tr>
  3267. <tr>
  3268. <td><span class="in-4"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 珠海市标准</td><td><td></td></td>
  3269. </tr>
  3270. <tr>
  3271. <td><span class="in-6"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件5</td><td>docx文件</td><td>2.1MB</td>
  3272. </tr>
  3273. <tr>
  3274. <td><span class="in-4"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 广州市标准</td><td></td><td></td>
  3275. </tr>
  3276. <tr>
  3277. <td><span class="in-6"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件6</td><td>docx文件</td><td>2.1MB</td>
  3278. </tr>
  3279. <tr>
  3280. <td><span class="in-3"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 广西省标准</td><td></td><td></td>
  3281. </tr>
  3282. <tr>
  3283. <td><span class="in-4"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 省标准</td><td></td><td></td>
  3284. </tr>
  3285. <tr>
  3286. <td><span class="in-6"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件7</td><td>docx文件</td><td>2.1MB</td>
  3287. </tr>
  3288. <tr>
  3289. <td><span class="in-4"></span><i class="fal fa-minus-square"></i> <i class="fas fa-folder text-warning"></i> 南宁市标准</td><td></td><td></td>
  3290. </tr>
  3291. <tr>
  3292. <td><span class="in-6"></span><input type="checkbox"> <i class="far fa-file-word"></i> 文件8</td><td>docx文件</td><td>2.1MB</td>
  3293. </tr>
  3294. </table>
  3295. </div>
  3296. <div class="tab-pane" id="cloudf-tab">
  3297. <nav aria-label="breadcrumb">
  3298. <ol class="breadcrumb p-1">
  3299. <li class="breadcrumb-item mt-1">
  3300. <a href="" class="text-muted px-2" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="后退"><i class="fas fa-angle-left" aria-hidden="true"></i></a>
  3301. <a href="" class="text-muted px-2" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="前进"><i class="fas fa-angle-right" aria-hidden="true"></i></a>
  3302. </li>
  3303. <li class="breadcrumb-item mt-1">企业网盘</li>
  3304. <div class="ml-auto">
  3305. <div class="input-group input-group-sm">
  3306. <input type="text" class="form-control" placeholder="搜索网盘文件" aria-describedby="button-addon2">
  3307. <div class="input-group-append">
  3308. <button class="btn btn-outline-secondary" type="button" id="button-addon2"><i class="fa fa-search"></i></button>
  3309. </div>
  3310. </div>
  3311. </div>
  3312. </ol>
  3313. </nav>
  3314. <table class="table table-sm table-bordered">
  3315. <tr>
  3316. <th>文件名</th><th>文件类型</th><th>大小</th>
  3317. </tr>
  3318. <tr>
  3319. <td><i class="fas fa-folder text-warning"></i> <a data-toggle="tab" href="#cloudf-tab2" role="tab">文件夹A(click)</a></td><td>文件夹</td><td>-</td>
  3320. </tr>
  3321. <tr>
  3322. <td><i class="fas fa-folder text-warning"></i> <a href="">文件夹B</a></td><td>文件夹</td><td>-</td>
  3323. </tr>
  3324. <tr>
  3325. <td><i class="fas fa-folder text-warning"></i> <a href="">文件夹C</a></td><td>文件夹</td><td>-</td>
  3326. </tr>
  3327. </table>
  3328. </div>
  3329. <div class="tab-pane" id="cloudf-tab2">
  3330. <nav aria-label="breadcrumb">
  3331. <ol class="breadcrumb p-1">
  3332. <li class="breadcrumb-item mt-1">
  3333. <a href="" class="text-primary px-2" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="后退"><i class="fas fa-angle-left" aria-hidden="true"></i></a>
  3334. <a href="" class="text-muted px-2 " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="前进"><i class="fas fa-angle-right" aria-hidden="true"></i></a>
  3335. </li>
  3336. <li class="breadcrumb-item mt-1"><a href="#">企业网盘</a></li>
  3337. <li class="breadcrumb-item mt-1 active" aria-current="page">文件夹A</li>
  3338. <div class="ml-auto">
  3339. <div class="input-group input-group-sm">
  3340. <input type="text" class="form-control" placeholder="搜索网盘文件" aria-describedby="button-addon2">
  3341. <div class="input-group-append">
  3342. <button class="btn btn-outline-secondary" type="button" id="button-addon2"><i class="fa fa-search"></i></button>
  3343. </div>
  3344. </div>
  3345. </div>
  3346. </ol>
  3347. </nav>
  3348. <div class="d-inline">
  3349. <a href="" class="btn btn-sm btn-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">复制到</a>
  3350. <div class="dropdown-menu dropdown-menu-right">
  3351. <ul id="treeDemo3" class="ztree"></ul>
  3352. </div>
  3353. </div>
  3354. <table class="table table-sm table-bordered">
  3355. <tr>
  3356. <th width="30"></th><th>文件名</th><th>文件类型</th><th>大小</th>
  3357. </tr>
  3358. <tr>
  3359. <td></td><td><i class="fas fa-folder text-warning"></i> <a data-toggle="tab" href="#cloudf-tab2" role="tab">文件夹1</a></td><td>文件夹</td><td>-</td>
  3360. </tr>
  3361. <tr>
  3362. <td></td><td><i class="fas fa-folder text-warning"></i> <a href="">文件夹2</a></td><td>文件夹</td><td>-</td>
  3363. </tr>
  3364. <tr>
  3365. <td><input type="checkbox"></td><td><i class="far fa-file-word"></i> <a href="">文件</a></td><td>docx文件</td><td>4.2MB</td>
  3366. </tr>
  3367. </table>
  3368. </div>
  3369. </div>
  3370. </div>
  3371. </div>
  3372. <div class="modal-footer">
  3373. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  3374. <a href="" class="btn btn-sm btn-primary">确定</a>
  3375. </div>
  3376. </div>
  3377. </div>
  3378. </div>
  3379. <!-- JS. -->
  3380. <script src="js/jquery/jquery-3.2.1.min.js"></script>
  3381. <script src="js/popper/popper.min.js"></script>
  3382. <script src="js/bootstrap/bootstrap.min.js"></script>
  3383. <script src="js/bootstrap/bootstrap-submenu.js"></script>
  3384. <script src="js/global.js"></script>
  3385. <!-- zTree -->
  3386. <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
  3387. <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
  3388. <script type="text/javascript">
  3389. <!--
  3390. var setting = {
  3391. view: {
  3392. selectedMulti: false
  3393. },
  3394. check: {
  3395. enable: false
  3396. },
  3397. data: {
  3398. simpleData: {
  3399. enable: true
  3400. }
  3401. },
  3402. callback: {
  3403. onCheck: onCheck
  3404. }
  3405. };
  3406. var zNodes =[
  3407. {name:"文件夹1", open:true, children:[
  3408. {name:"文件夹1.1", open:true,isParent:true}]},
  3409. {name:"文件夹2", open:true,isParent:true}
  3410. ];
  3411. var clearFlag = false;
  3412. function onCheck(e, treeId, treeNode) {
  3413. count();
  3414. if (clearFlag) {
  3415. clearCheckedOldNodes();
  3416. }
  3417. }
  3418. function clearCheckedOldNodes() {
  3419. var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
  3420. nodes = zTree.getChangeCheckedNodes();
  3421. for (var i=0, l=nodes.length; i<l; i++) {
  3422. nodes[i].checkedOld = nodes[i].checked;
  3423. }
  3424. }
  3425. function count() {
  3426. var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
  3427. checkCount = zTree.getCheckedNodes(true).length;
  3428. $("#checkCount2").text(checkCount);
  3429. }
  3430. function createTree() {
  3431. $.fn.zTree.init($("#treeDemo2"), setting, zNodes);
  3432. count();
  3433. }
  3434. $(document).ready(function(){
  3435. createTree();
  3436. });
  3437. </script>
  3438. <script type="text/javascript">
  3439. <!--
  3440. var setting = {
  3441. view: {
  3442. selectedMulti: false
  3443. },
  3444. check: {
  3445. enable: false
  3446. },
  3447. data: {
  3448. simpleData: {
  3449. enable: true
  3450. }
  3451. },
  3452. callback: {
  3453. onCheck: onCheck
  3454. }
  3455. };
  3456. var zNodes =[
  3457. {name:"文件夹1", open:true, children:[
  3458. {name:"文件夹1.1", open:true,isParent:true}]},
  3459. {name:"文件夹2", open:true,isParent:true}
  3460. ];
  3461. var clearFlag = false;
  3462. function onCheck(e, treeId, treeNode) {
  3463. count();
  3464. if (clearFlag) {
  3465. clearCheckedOldNodes();
  3466. }
  3467. }
  3468. function clearCheckedOldNodes() {
  3469. var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
  3470. nodes = zTree.getChangeCheckedNodes();
  3471. for (var i=0, l=nodes.length; i<l; i++) {
  3472. nodes[i].checkedOld = nodes[i].checked;
  3473. }
  3474. }
  3475. function count() {
  3476. var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
  3477. checkCount = zTree.getCheckedNodes(true).length;
  3478. $("#checkCount3").text(checkCount);
  3479. }
  3480. function createTree() {
  3481. $.fn.zTree.init($("#treeDemo3"), setting, zNodes);
  3482. count();
  3483. }
  3484. $(document).ready(function(){
  3485. createTree();
  3486. });
  3487. </script>
  3488. </body>
  3489. <script type="text/javascript">
  3490. autoFlashHeight();
  3491. </script>
  3492. </html>