biaoduan-panel.html 66 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>标段管理-计量支付</title>
  8. <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="css/main.css">
  10. <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
  11. <script src=js/echarts/echarts.min.js></script>
  12. <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
  13. <!--zTree-->
  14. <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
  15. </head>
  16. <body>
  17. <div class="main">
  18. <div class="main-nav d-flex align-items-start flex-column">
  19. <div class="logo"><img src="img/logo.png"></div>
  20. <div class="nav-top">
  21. <ul class="nav nav-pills nav-stacked bg-nav">
  22. <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
  23. <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
  24. <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
  25. </ul>
  26. </div>
  27. <div class="nav-bottom mt-auto">
  28. <ul class="nav nav-pills nav-stacked bg-nav">
  29. <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
  30. </ul>
  31. <div class="dropup my-1 ml-1">
  32. <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
  33. <div class="dropdown-menu">
  34. <a href="account-info.html" class="dropdown-item">账号资料</a>
  35. <a href="#" class="dropdown-item">账号安全</a>
  36. <div class="dropdown-divider"></div>
  37. <a href="#" class="dropdown-item">帮助中心</a>
  38. <a href="#" class="dropdown-item">退出登录</a>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="main-panel">
  44. <div class="panel-sidebar"><!--
  45. <div class="panel-title">
  46. <div class="title-bar">
  47. <h2 class="text-truncate" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道311线满别公路施工一分部</h2>
  48. </div>
  49. </div> -->
  50. <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
  51. <div class="scrollbar-auto">
  52. <div class="nav-box">
  53. <ul class="nav-list list-unstyled">
  54. <li class="active"><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
  55. </ul>
  56. </div>
  57. <div class="nav-box">
  58. <ul class="nav-list list-unstyled">
  59. <li><a href="taizhang-qianyue.html"><i class="fa fa-money"></i> <span>签约合同</span></a></li>
  60. </ul>
  61. </div>
  62. <div class="nav-box">
  63. <ul class="nav-list list-unstyled">
  64. <li><a href="yufukuan-qi.html"><i class="fa fa-handshake-o"></i> <span>预付款</span></a></li>
  65. </ul>
  66. </div>
  67. <div class="nav-box">
  68. <h3><i class="fa fa-list-alt"></i> 0号台账</h3>
  69. <ul class="nav-list list-unstyled sub-list">
  70. <li><a href="taizhang.html"><span>台账分解</span></a></li>
  71. <li><a href="taizhang-shenpi.html"><span>台账分解</span></a></li>
  72. <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
  73. <li><a href="taizhang-bg.html"><span>台账修订</span></a></li>
  74. </ul>
  75. </div>
  76. <div class="nav-box">
  77. <h3><i class="fa fa-calendar-check-o"></i> 计量台账</h3>
  78. <ul class="nav-list list-unstyled sub-list">
  79. <li><a href="jiliang-qi.html"><span>计量期</span></a></li>
  80. <li><a href="jiliang-bj.html"><span>多期比较</span></a></li>
  81. </ul>
  82. </div>
  83. <div class="nav-box">
  84. <ul class="nav-list list-unstyled">
  85. <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>工程变更</span></a></li>
  86. </ul>
  87. </div>
  88. <div class="nav-box">
  89. <ul class="nav-list list-unstyled">
  90. <li><a href="tiaocha-qi.html"><i class="fa fa-line-chart"></i> <span>材料调差</span></a></li>
  91. </ul>
  92. </div>
  93. <div class="nav-box">
  94. <h3><i class="fa fa-bar-chart "></i> 形象进度</h3>
  95. <ul class="nav-list list-unstyled sub-list">
  96. <li><a href="schedule-panel.html"><span>进度概况</span></a></li>
  97. <li><a href="schedule-plan.html"><span>计划进度</span></a></li>
  98. <li><a href="schedule-actual1.html"><span>计量进度</span></a></li>
  99. </ul>
  100. </div>
  101. <div class="nav-box">
  102. <ul class="nav-list list-unstyled">
  103. <li><a href="baobiao.html"><i class="fa fa-file-text-o"></i> <span>报表</span></a></li>
  104. </ul>
  105. </div>
  106. <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></div>
  107. </div>
  108. </div>
  109. <div class="panel-content">
  110. <div class="panel-title">
  111. <div class="title-main d-flex">
  112. <h2>进行至 第7 期<small class="text-warning">(审批中)</small></h2>
  113. <div class="ml-auto">
  114. </div>
  115. </div>
  116. </div>
  117. <div class="content-wrap">
  118. <div class="c-body">
  119. <div class="sjs-height-0">
  120. <div class="m-3">
  121. <!--金额概况-->
  122. <div class="row mx-0">
  123. <div class="col-auto p-0 mb-3">
  124. <div class="card text-center">
  125. <div class="card-body">
  126. <h5 class="card-title">163,000.00</h5>
  127. <p class="card-text text-muted">0号台账合同</p>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="col-auto pr-0">
  132. <div class="card text-center">
  133. <div class="card-body">
  134. <h5 class="card-title">50,000.00 <small class="text-danger" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例">1%</small></h5>
  135. <p class="card-text text-muted">截止本期变更</p>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="col-auto pr-0">
  140. <div class="card text-center">
  141. <div class="card-body">
  142. <h5 class="card-title">30,000.00</h5>
  143. <p class="card-text text-muted">本期完成</p>
  144. </div>
  145. </div>
  146. </div>
  147. <div class="col-auto pr-0">
  148. <div class="card text-center">
  149. <div class="card-body">
  150. <h5 class="card-title">40,000.00</h5>
  151. <p class="card-text text-muted">截止上期完成</p>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="col-auto pr-0">
  156. <div class="card text-center">
  157. <div class="card-body">
  158. <h5 class="card-title">70,000.00</h5>
  159. <p class="card-text text-muted">截止本期完成</p>
  160. </div>
  161. </div>
  162. </div>
  163. <div class="col-auto pr-0">
  164. <div class="card text-center">
  165. <div class="card-body">
  166. <h5 class="card-title">30,000.00</h5>
  167. <p class="card-text text-muted">本期应付</p>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="col-auto pr-0">
  172. <div class="card text-center">
  173. <div class="card-body py-3">
  174. <h5 class="card-title">
  175. <div class="dropdown">
  176. <a class="btn btn-sm btn-outline-primary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  177. 标段设置
  178. </a>
  179. <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  180. <a href="#bd-set-1" data-toggle="modal" data-target="#bd-set-1" class="dropdown-item">标段属性</a>
  181. <a href="#bd-set-2" data-toggle="modal" data-target="#bd-set-2" class="dropdown-item">小数位数</a>
  182. <a href="#bd-set-3" data-toggle="modal" data-target="#bd-set-3" class="dropdown-item">数量精度</a>
  183. <a href="#bd-set-4" data-toggle="modal" data-target="#bd-set-4" class="dropdown-item">合同参数</a>
  184. <a href="#bd-set-5" data-toggle="modal" data-target="#bd-set-5" class="dropdown-item">显示设置</a>
  185. <a href="#bd-set-6" data-toggle="modal" data-target="#bd-set-6" class="dropdown-item">章节设置</a>
  186. <a href="#bd-set-7" data-toggle="modal" data-target="#bd-set-7" class="dropdown-item">付款账号</a>
  187. <a class="dropdown-item" href="#batch" data-toggle="modal" data-target="#batch"><i class="fa fa-clipboard "></i> 拷贝设置</a>
  188. </div>
  189. </div>
  190. </h5>
  191. <p class="card-text">查阅人
  192. <a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="刘德华">德华</span></a>
  193. <a><span class="avatar bg-4 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王五">王五</span></a>
  194. <a><span class="avatar bg-9 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王安然">安然</span></a></p>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <!--进度条-->
  200. <div class="mb-3">
  201. <div class="progress">
  202. <div class="progress-bar bg-success" style="width: 24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成:¥40,000.00">24%</div>
  203. <div class="progress-bar bg-info" style="width:18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成:¥30,000.00">18%</div>
  204. <div class="progress-bar bg-gray" style="width:58%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成:¥930,00.00">58%</div>
  205. </div>
  206. </div>
  207. <!--标段设置-->
  208. <!-- <div class="col-12 p-0 mb-3">
  209. <div class="card">
  210. <div class="card-body">
  211. <h5 class="card-title">标段设置</h5>
  212. <a href="#bd-set-1" data-toggle="modal" data-target="#bd-set-1" class="btn btn-sm btn-outline-primary">标段属性</a>
  213. <a href="#bd-set-2" data-toggle="modal" data-target="#bd-set-2" class="btn btn-sm btn-outline-primary">小数位数</a>
  214. <a href="#bd-set-3" data-toggle="modal" data-target="#bd-set-3" class="btn btn-sm btn-outline-primary">数量精度</a>
  215. <a href="#bd-set-4" data-toggle="modal" data-target="#bd-set-4" class="btn btn-sm btn-outline-primary">合同参数</a>
  216. <a href="#bd-set-5" data-toggle="modal" data-target="#bd-set-5" class="btn btn-sm btn-outline-primary">显示设置</a>
  217. <a href="#bd-set-6" data-toggle="modal" data-target="#bd-set-6" class="btn btn-sm btn-outline-primary">章节设置</a>
  218. <a href="#bd-set-7" data-toggle="modal" data-target="#bd-set-7" class="btn btn-sm btn-outline-primary">付款账号</a>
  219. <a class="btn btn-sm btn-outline-primary" href="#batch" data-toggle="modal" data-target="#batch"><i class="fa fa-clipboard "></i> 拷贝设置</a>
  220. <i class="mx-2">|</i>
  221. 查阅人
  222. <a><span class="avatar bg-2 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="刘德华">德华</span></a>
  223. <a><span class="avatar bg-4 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王五">王五</span></a>
  224. <a><span class="avatar bg-9 s-1x" data-toggle="tooltip" data-placement="bottom" data-original-title="王安然">安然</span></a>
  225. </div>
  226. </div>
  227. </div> -->
  228. <!--图表-->
  229. <div class="card mb-3">
  230. <div class="card-body">
  231. <h5 class="card-title">月进度表</h5>
  232. <div id="chartContainer3" style="height: 300px; width: 100%;">
  233. </div>
  234. </div>
  235. </div>
  236. <div class="card mb-3">
  237. <div class="card-body">
  238. <h5 class="card-title">期进度表</h5>
  239. <div id="chartContainer4" style="height: 300px; width: 100%;">
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. <!--标段设置-标段属性-->
  251. <div class="modal fade" id="bd-set-1" data-backdrop="static">
  252. <div class="modal-dialog" role="document">
  253. <div class="modal-content">
  254. <div class="modal-header">
  255. <h5 class="modal-title">标段属性</h5>
  256. </div>
  257. <div class="modal-height-500" style="overflow-y: auto">
  258. <div class="modal-body">
  259. <ul class="nav nav-lists nav-justified mb-2">
  260. <li class="nav-item">
  261. <a class="nav-link active" data-toggle="tab" href="#htxx" role="tab" aria-selected="true">合同信息</a>
  262. </li>
  263. <li class="nav-item">
  264. <a class="nav-link" data-toggle="tab" href="#cjdw" role="tab" aria-selected="false">参建单位</a>
  265. </li>
  266. <li class="nav-item">
  267. <a class="nav-link" data-toggle="tab" href="#jscs" role="tab">技术参数</a>
  268. </li>
  269. <li class="nav-item">
  270. <a class="nav-link" data-toggle="tab" href="#zbxx" role="tab">中标信息</a>
  271. </li>
  272. </ul>
  273. <div class="tab-content">
  274. <div class="tab-pane active" id="htxx">
  275. <div class="form-group">
  276. <div class="row">
  277. <div class="col-12 mb-2">
  278. <div class="input-group input-group-sm">
  279. <div class="input-group-prepend">
  280. <span class="input-group-text">建设项目名称</span>
  281. </div>
  282. <input type="text" class="form-control" value="项目A">
  283. </div>
  284. </div>
  285. <div class="col-12 mb-2">
  286. <div class="input-group input-group-sm">
  287. <div class="input-group-prepend">
  288. <span class="input-group-text" style="width:90px">合同编号</span>
  289. </div>
  290. <input type="text" class="form-control" value="">
  291. </div>
  292. </div>
  293. <div class="col-12 mb-2">
  294. <div class="input-group input-group-sm">
  295. <div class="input-group-prepend">
  296. <span class="input-group-text" style="width:90px">合同名称</span>
  297. </div>
  298. <input type="text" class="form-control" value="">
  299. </div>
  300. </div>
  301. <div class="col-12 mb-2">
  302. <div class="input-group input-group-sm">
  303. <div class="input-group-prepend">
  304. <span class="input-group-text" style="width:90px">工程类别</span>
  305. </div>
  306. <select class="form-control">
  307. <option>请选择</option>
  308. <option>设计</option>
  309. <option>监理</option>
  310. <option>施工</option>
  311. <option>其他</option>
  312. </select>
  313. </div>
  314. </div>
  315. <div class="col-12 mb-2">
  316. <div class="input-group input-group-sm">
  317. <div class="input-group-prepend">
  318. <span class="input-group-text" style="width:90px">合同类别</span>
  319. </div>
  320. <input type="text" class="form-control" value="">
  321. </div>
  322. </div>
  323. <div class="col-12">
  324. <div class="input-group input-group-sm">
  325. <div class="input-group-prepend">
  326. <span class="input-group-text" style="width:90px">结算书编号</span>
  327. </div>
  328. <input type="text" class="form-control" value="">
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. <div class="tab-pane" id="cjdw">
  335. <div class="form-group mb-4">
  336. <label>建设单位:</label>
  337. <div class="row">
  338. <div class="col-12 mb-2">
  339. <div class="input-group input-group-sm">
  340. <div class="input-group-prepend">
  341. <span class="input-group-text">单位名称</span>
  342. </div>
  343. <input type="text" class="form-control" value="">
  344. </div>
  345. </div>
  346. <div class="col-6 pr-0">
  347. <div class="input-group input-group-sm">
  348. <div class="input-group-prepend">
  349. <span class="input-group-text">法人代表</span>
  350. </div>
  351. <input type="text" class="form-control" value="">
  352. </div>
  353. </div>
  354. <div class="col-6">
  355. <div class="input-group input-group-sm">
  356. <div class="input-group-prepend">
  357. <span class="input-group-text">签订日期</span>
  358. </div>
  359. <input type="date" class="form-control" value="">
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364. <div class="form-group mb-4">
  365. <label>承包单位1:</label>
  366. <div class="row">
  367. <div class="col-12 mb-2">
  368. <div class="input-group input-group-sm">
  369. <div class="input-group-prepend">
  370. <span class="input-group-text">单位名称</span>
  371. </div>
  372. <input type="text" class="form-control" value="">
  373. </div>
  374. </div>
  375. <div class="col-6 pr-0">
  376. <div class="input-group input-group-sm">
  377. <div class="input-group-prepend">
  378. <span class="input-group-text">法人代表</span>
  379. </div>
  380. <input type="text" class="form-control" value="">
  381. </div>
  382. </div>
  383. <div class="col-6">
  384. <div class="input-group input-group-sm">
  385. <div class="input-group-prepend">
  386. <span class="input-group-text">签订日期</span>
  387. </div>
  388. <input type="date" class="form-control" value="">
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. <div class="form-group mb-4">
  394. <label>承包单位2:</label>
  395. <div class="row">
  396. <div class="col-12 mb-2">
  397. <div class="input-group input-group-sm">
  398. <div class="input-group-prepend">
  399. <span class="input-group-text">单位名称</span>
  400. </div>
  401. <input type="text" class="form-control" value="">
  402. </div>
  403. </div>
  404. <div class="col-6 pr-0">
  405. <div class="input-group input-group-sm">
  406. <div class="input-group-prepend">
  407. <span class="input-group-text">法人代表</span>
  408. </div>
  409. <input type="text" class="form-control" value="">
  410. </div>
  411. </div>
  412. <div class="col-6">
  413. <div class="input-group input-group-sm">
  414. <div class="input-group-prepend">
  415. <span class="input-group-text">签订日期</span>
  416. </div>
  417. <input type="date" class="form-control" value="">
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422. <div class="form-group mb-4">
  423. <label>监理单位1:</label>
  424. <div class="row">
  425. <div class="col-12 mb-2">
  426. <div class="input-group input-group-sm">
  427. <div class="input-group-prepend">
  428. <span class="input-group-text">单位名称</span>
  429. </div>
  430. <input type="text" class="form-control" value="">
  431. </div>
  432. </div>
  433. <div class="col-6 pr-0">
  434. <div class="input-group input-group-sm">
  435. <div class="input-group-prepend">
  436. <span class="input-group-text">法人代表</span>
  437. </div>
  438. <input type="text" class="form-control" value="">
  439. </div>
  440. </div>
  441. <div class="col-6">
  442. <div class="input-group input-group-sm">
  443. <div class="input-group-prepend">
  444. <span class="input-group-text">签订日期</span>
  445. </div>
  446. <input type="date" class="form-control" value="">
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. <div class="form-group">
  452. <label>监理单位2:</label>
  453. <div class="row">
  454. <div class="col-12 mb-2">
  455. <div class="input-group input-group-sm">
  456. <div class="input-group-prepend">
  457. <span class="input-group-text">单位名称</span>
  458. </div>
  459. <input type="text" class="form-control" value="">
  460. </div>
  461. </div>
  462. <div class="col-6 pr-0">
  463. <div class="input-group input-group-sm">
  464. <div class="input-group-prepend">
  465. <span class="input-group-text">法人代表</span>
  466. </div>
  467. <input type="text" class="form-control" value="">
  468. </div>
  469. </div>
  470. <div class="col-6">
  471. <div class="input-group input-group-sm">
  472. <div class="input-group-prepend">
  473. <span class="input-group-text">签订日期</span>
  474. </div>
  475. <input type="date" class="form-control" value="">
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. </div>
  481. <div class="tab-pane" id="jscs">
  482. <div class="form-group">
  483. <div class="row">
  484. <div class="col-6 pr-0 mb-2">
  485. <div class="input-group input-group-sm">
  486. <div class="input-group-prepend">
  487. <span class="input-group-text">公路等级</span>
  488. </div>
  489. <select class="form-control">
  490. <option>高速公路</option>
  491. <option>一级公路</option>
  492. <option>二级公路</option>
  493. <option>三级公路</option>
  494. <option>四级公路</option>
  495. </select>
  496. </div>
  497. </div>
  498. <div class="col-6">
  499. <div class="input-group input-group-sm">
  500. <div class="input-group-prepend">
  501. <span class="input-group-text" style="width:90px">长度(KM)</span>
  502. </div>
  503. <input type="text" class="form-control" value="">
  504. </div>
  505. </div>
  506. <div class="col-6 pr-0 mb-2">
  507. <div class="input-group input-group-sm">
  508. <div class="input-group-prepend">
  509. <span class="input-group-text">起始桩号</span>
  510. </div>
  511. <input type="text" class="form-control" value="">
  512. </div>
  513. </div>
  514. <div class="col-6">
  515. <div class="input-group input-group-sm">
  516. <div class="input-group-prepend">
  517. <span class="input-group-text" style="width:90px">终止桩号</span>
  518. </div>
  519. <input type="text" class="form-control" value="" >
  520. </div>
  521. </div>
  522. <div class="col-6 pr-0 mb-2">
  523. <div class="input-group input-group-sm">
  524. <div class="input-group-prepend">
  525. <span class="input-group-text" style="width:66px">车道数</span>
  526. </div>
  527. <input type="text" class="form-control" value="">
  528. </div>
  529. </div>
  530. <div class="col-6">
  531. <div class="input-group input-group-sm">
  532. <div class="input-group-prepend">
  533. <span class="input-group-text" style="width:90px">合同工期</span>
  534. </div>
  535. <input type="text" class="form-control" value="">
  536. </div>
  537. </div>
  538. <div class="col-6 pr-0 mb-2">
  539. <div class="input-group input-group-sm">
  540. <div class="input-group-prepend">
  541. <span class="input-group-text">开工日期</span>
  542. </div>
  543. <input type="date" class="form-control" value="">
  544. </div>
  545. </div>
  546. <div class="col-6">
  547. <div class="input-group input-group-sm">
  548. <div class="input-group-prepend">
  549. <span class="input-group-text">计划完工日期</span>
  550. </div>
  551. <input type="date" class="form-control" value="">
  552. </div>
  553. </div>
  554. <div class="col-6 pr-0 mb-2">
  555. <div class="input-group input-group-sm">
  556. <div class="input-group-prepend">
  557. <span class="input-group-text">实际开工日期</span>
  558. </div>
  559. <input type="date" class="form-control" value="">
  560. </div>
  561. </div>
  562. <div class="col-6">
  563. <div class="input-group input-group-sm">
  564. <div class="input-group-prepend">
  565. <span class="input-group-text">实际完工日期</span>
  566. </div>
  567. <input type="date" class="form-control" value="">
  568. </div>
  569. </div>
  570. <div class="col-12">
  571. <div class="input-group input-group-sm">
  572. <div class="input-group-prepend">
  573. <span class="input-group-text">构造物规模</span>
  574. </div>
  575. <textarea class="form-control"></textarea>
  576. </div>
  577. </div>
  578. </div>
  579. </div>
  580. </div>
  581. <div class="tab-pane" id="zbxx">
  582. <div class="form-group">
  583. <div class="row">
  584. <div class="col-12 mb-2">
  585. <div class="input-group input-group-sm">
  586. <div class="input-group-prepend">
  587. <span class="input-group-text">业主控制价</span>
  588. </div>
  589. <input type="number" class="form-control nospin" value="">
  590. </div>
  591. </div>
  592. <div class="col-12 mb-2">
  593. <div class="input-group input-group-sm">
  594. <div class="input-group-prepend">
  595. <span class="input-group-text">中标价</span>
  596. </div>
  597. <input type="number" class="form-control nospin" value="">
  598. </div>
  599. </div>
  600. <div class="col-12 mb-2">
  601. <div class="input-group input-group-sm">
  602. <div class="input-group-prepend">
  603. <span class="input-group-text">开标日期</span>
  604. </div>
  605. <input type="date" class="form-control" value="">
  606. </div>
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611. </div>
  612. </div>
  613. </div>
  614. <div class="modal-footer">
  615. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  616. <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
  617. </div>
  618. </div>
  619. </div>
  620. </div>
  621. <!--标段设置-小数位数-->
  622. <div class="modal fade" id="bd-set-2" data-backdrop="static">
  623. <div class="modal-dialog" role="document">
  624. <div class="modal-content">
  625. <div class="modal-header">
  626. <h5 class="modal-title">小数位数</h5>
  627. </div>
  628. <div class="modal-body">
  629. <div class="form-group">
  630. <label>全局设置</label>
  631. <div class="row">
  632. <div class="col-4">
  633. <div class="input-group input-group-sm">
  634. <div class="input-group-prepend">
  635. <span class="input-group-text">单价</span>
  636. </div>
  637. <input type="number" class="form-control" value="3">
  638. </div>
  639. </div>
  640. <div class="col-4">
  641. <div class="input-group input-group-sm">
  642. <div class="input-group-prepend">
  643. <span class="input-group-text">金额</span>
  644. </div>
  645. <input type="number" class="form-control" value="2">
  646. </div>
  647. </div>
  648. </div>
  649. </div>
  650. <div class="form-group">
  651. <label>单独设置</label>
  652. <div class="row">
  653. <div class="col-auto pr-0">
  654. <div class="form-group form-check">
  655. <div class="custom-control custom-switch">
  656. <input type="checkbox" class="custom-control-input" id="customSwitch1">
  657. <label class="custom-control-label" for="customSwitch1">合同支付</label>
  658. </div>
  659. </div>
  660. </div>
  661. <div class="col-4">
  662. <div class="input-group input-group-sm">
  663. <div class="input-group-prepend">
  664. <span class="input-group-text">金额</span>
  665. </div>
  666. <input type="number" class="form-control" value="2" readonly="">
  667. </div>
  668. </div>
  669. </div>
  670. <div class="row mt-2">
  671. <div class="col-auto pr-0">
  672. <div class="form-group form-check">
  673. <div class="custom-control custom-switch">
  674. <input type="checkbox" class="custom-control-input" id="customSwitch1">
  675. <label class="custom-control-label" for="customSwitch1">其他台账</label>
  676. </div>
  677. </div>
  678. </div>
  679. <div class="col-4">
  680. <div class="input-group input-group-sm">
  681. <div class="input-group-prepend">
  682. <span class="input-group-text">单价</span>
  683. </div>
  684. <input type="number" class="form-control" value="2" readonly="">
  685. </div>
  686. </div>
  687. <div class="col-4">
  688. <div class="input-group input-group-sm">
  689. <div class="input-group-prepend">
  690. <span class="input-group-text">金额</span>
  691. </div>
  692. <input type="number" class="form-control" value="2" readonly="">
  693. </div>
  694. </div>
  695. </div>
  696. </div>
  697. </div>
  698. <div class="modal-footer">
  699. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  700. <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
  701. </div>
  702. </div>
  703. </div>
  704. </div>
  705. <!--标段设置-清单精度-->
  706. <div class="modal fade" id="bd-set-3" data-backdrop="static">
  707. <div class="modal-dialog" role="document">
  708. <div class="modal-content">
  709. <div class="modal-header">
  710. <h5 class="modal-title">清单精度</h5>
  711. </div>
  712. <div class="modal-body">
  713. <div class="sjs-option-height col-4" id="option-spread1">
  714. </div>
  715. </div>
  716. <div class="modal-footer">
  717. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  718. <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
  719. </div>
  720. </div>
  721. </div>
  722. </div>
  723. <!--标段设置-合同参数-->
  724. <div class="modal fade" id="bd-set-4" data-backdrop="static">
  725. <div class="modal-dialog" role="document">
  726. <div class="modal-content">
  727. <div class="modal-header">
  728. <h5 class="modal-title">合同参数</h5>
  729. </div>
  730. <div class="modal-body">
  731. <div class="form-group">
  732. <label>全局设置</label>
  733. <div class="row">
  734. <div class="col-10 mb-2">
  735. <div class="input-group input-group-sm">
  736. <div class="input-group-prepend">
  737. <span class="input-group-text" style="width:162px">签约合同价</span>
  738. </div>
  739. <input type="number" class="form-control nospin" value="">
  740. </div>
  741. </div>
  742. <div class="col-10 mb-2">
  743. <div class="input-group input-group-sm">
  744. <div class="input-group-prepend">
  745. <span class="input-group-text" style="width:162px">暂列金额</span>
  746. </div>
  747. <input type="number" class="form-control nospin" value="">
  748. </div>
  749. </div>
  750. <div class="col-10 mb-2">
  751. <div class="input-group input-group-sm">
  752. <div class="input-group-prepend">
  753. <span class="input-group-text" style="width:162px">签约合同价(不含暂列金)</span>
  754. </div>
  755. <input type="number" class="form-control nospin" value="" readonly="">
  756. </div>
  757. </div>
  758. <div class="col-10 mb-2">
  759. <div class="input-group input-group-sm">
  760. <div class="input-group-prepend">
  761. <span class="input-group-text" style="width:162px">签约开工预付款</span>
  762. </div>
  763. <input type="number" class="form-control nospin" value="">
  764. </div>
  765. </div>
  766. <div class="col-10 mb-2">
  767. <div class="input-group input-group-sm">
  768. <div class="input-group-prepend">
  769. <span class="input-group-text" style="width:162px">签约材料预付款</span>
  770. </div>
  771. <input type="number" class="form-control nospin" value="">
  772. </div>
  773. </div>
  774. </div>
  775. </div>
  776. </div>
  777. <div class="modal-footer">
  778. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  779. <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
  780. </div>
  781. </div>
  782. </div>
  783. </div>
  784. <!--标段设置-显示设置-->
  785. <div class="modal fade" id="bd-set-5" data-backdrop="static">
  786. <div class="modal-dialog" role="document">
  787. <div class="modal-content">
  788. <div class="modal-header">
  789. <h5 class="modal-title">显示设置</h5>
  790. </div>
  791. <div class="modal-body">
  792. <div class="form-group">
  793. <div class="custom-control custom-checkbox mb-2">
  794. <input type="checkbox" id="customRadio1" name="customCheckbox" class="custom-control-input">
  795. <label class="custom-control-label" for="customRadio1">项目节数量</label>
  796. </div>
  797. <div class="custom-control custom-checkbox mb-2">
  798. <input type="checkbox" id="customRadio2" name="customCheckbox" class="custom-control-input">
  799. <label class="custom-control-label" for="customRadio2">错漏增减</label>
  800. </div>
  801. <div class="custom-control custom-checkbox mb-2">
  802. <input type="checkbox" id="customRadio3" name="customCheckbox" class="custom-control-input">
  803. <label class="custom-control-label" for="customRadio3">千分位</label>
  804. </div>
  805. <div class="custom-control custom-checkbox mb-2">
  806. <input type="checkbox" id="customRadio3" name="customCheckbox" class="custom-control-input">
  807. <label class="custom-control-label" for="customRadio3">实际完成量</label>
  808. </div>
  809. <div class="custom-control custom-checkbox mb-2">
  810. <input type="checkbox" id="customRadio33" name="customCheckbox" class="custom-control-input" checked="">
  811. <label class="custom-control-label" for="customRadio33">使用数量纠正完成率</label>
  812. </div>
  813. </div>
  814. </div>
  815. <div class="modal-footer">
  816. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  817. <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
  818. </div>
  819. </div>
  820. </div>
  821. </div>
  822. <!--标段设置-章节设置-->
  823. <div class="modal fade" id="bd-set-6" data-backdrop="static">
  824. <div class="modal-dialog" role="document">
  825. <div class="modal-content">
  826. <div class="modal-header">
  827. <h5 class="modal-title">章节设置</h5>
  828. </div>
  829. <div class="modal-body">
  830. <div class="form-group">
  831. <div class="col-6 mb-2">
  832. <div class="input-group input-group-sm">
  833. <div class="input-group-prepend">
  834. <span class="input-group-text" style="width:50px">100</span>
  835. </div>
  836. <input class="form-control" type="text" value="总则">
  837. </div>
  838. </div>
  839. <div class="col-6 mb-2">
  840. <div class="input-group input-group-sm">
  841. <div class="input-group-prepend">
  842. <span class="input-group-text" style="width:50px">200</span>
  843. </div>
  844. <input class="form-control" type="text" value="路基">
  845. </div>
  846. </div>
  847. <div class="col-6 mb-2">
  848. <div class="input-group input-group-sm">
  849. <div class="input-group-prepend">
  850. <span class="input-group-text" style="width:50px">300</span>
  851. </div>
  852. <input class="form-control" type="text" value="路面">
  853. </div>
  854. </div>
  855. <div class="col-6 mb-2">
  856. <div class="input-group input-group-sm">
  857. <div class="input-group-prepend">
  858. <span class="input-group-text" style="width:50px">400</span>
  859. </div>
  860. <input class="form-control" type="text" value="桥梁、涵洞">
  861. </div>
  862. </div>
  863. <div class="col-6 mb-2">
  864. <div class="input-group input-group-sm">
  865. <div class="input-group-prepend">
  866. <span class="input-group-text" style="width:50px">500</span>
  867. </div>
  868. <input class="form-control" type="text" value="隧道">
  869. </div>
  870. </div>
  871. <div class="col-6 mb-2">
  872. <div class="input-group input-group-sm">
  873. <div class="input-group-prepend">
  874. <span class="input-group-text" style="width:50px">600</span>
  875. </div>
  876. <input class="form-control" type="text" value="安全设施及预埋管线">
  877. </div>
  878. </div>
  879. <div class="col-6 mb-2">
  880. <div class="input-group input-group-sm">
  881. <div class="input-group-prepend">
  882. <span class="input-group-text" style="width:50px">700</span>
  883. </div>
  884. <input class="form-control" type="text" value="绿化及环境保护">
  885. </div>
  886. </div>
  887. <div class="col-6 mb-2">
  888. <div class="input-group input-group-sm">
  889. <div class="input-group-prepend">
  890. <span class="input-group-text" style="width:50px">800</span>
  891. </div>
  892. <input class="form-control" type="text" value="机电工程">
  893. </div>
  894. </div>
  895. <div class="col-6 mb-2">
  896. <div class="input-group input-group-sm">
  897. <div class="input-group-prepend">
  898. <span class="input-group-text" style="width:50px">900</span>
  899. </div>
  900. <input class="form-control" type="text" value="房建工程">
  901. </div>
  902. </div>
  903. <div class="col-6 mb-2">
  904. <div class="input-group input-group-sm">
  905. <div class="input-group-prepend">
  906. <span class="input-group-text" style="width:50px">1000</span>
  907. </div>
  908. <input class="form-control" type="text" value="收费系统">
  909. </div>
  910. </div>
  911. <div class="col-6 mb-2">
  912. <div class="input-group input-group-sm">
  913. <div class="input-group-prepend">
  914. <span class="input-group-text" style="width:50px">1100</span>
  915. </div>
  916. <input class="form-control" type="text" value="通信系统">
  917. </div>
  918. </div>
  919. <div class="col-6 mb-2">
  920. <div class="input-group input-group-sm">
  921. <div class="input-group-prepend">
  922. <span class="input-group-text" style="width:50px">1200</span>
  923. </div>
  924. <input class="form-control" type="text" value="消防系统">
  925. </div>
  926. </div>
  927. <div class="col-6 mb-2">
  928. <div class="input-group input-group-sm">
  929. <div class="input-group-prepend">
  930. <span class="input-group-text" style="width:50px">1300</span>
  931. </div>
  932. <input class="form-control" type="text" value="供配电及照明系统">
  933. </div>
  934. </div>
  935. </div>
  936. </div>
  937. <div class="modal-footer">
  938. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  939. <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
  940. </div>
  941. </div>
  942. </div>
  943. </div>
  944. <!--标段设置-付款账号-->
  945. <div class="modal fade" id="bd-set-7" data-backdrop="static">
  946. <div class="modal-dialog" role="document">
  947. <div class="modal-content">
  948. <div class="modal-header">
  949. <h5 class="modal-title">付款账号</h5>
  950. </div>
  951. <div class="modal-body">
  952. <div class="sjs-option-height">
  953. <table class="table table-bordered">
  954. <tr><th colspan="2" class="text-center">工程款账户</th></tr>
  955. <tr><td>开户名称</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  956. <tr><td>开户银行</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  957. <tr><td>开户账号</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  958. <tr><td>分账划拨比例</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  959. <tr><td>联系人</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  960. <tr><td>联系电话</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  961. <tr><th colspan="2" class="text-center">农民工工资专用账户</th></tr>
  962. <tr><td>开户名称</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  963. <tr><td>开户银行</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  964. <tr><td>开户账号</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  965. <tr><td>分账划拨比例</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  966. <tr><td>联系人</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  967. <tr><td>联系电话</td><td><input type="text" class="form-control form-control-sm"></td></tr>
  968. </table>
  969. </div>
  970. </div>
  971. <div class="modal-footer">
  972. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  973. <button type="button" class="btn btn-sm btn-primary" >确认修改</button>
  974. </div>
  975. </div>
  976. </div>
  977. </div>
  978. <!--批量设置-->
  979. <div class="modal fade" id="batch" data-backdrop="static">
  980. <div class="modal-dialog" role="document">
  981. <div class="modal-content">
  982. <div class="modal-header">
  983. <h5 class="modal-title">从其他标段拷贝设置</h5>
  984. </div>
  985. <div class="modal-body">
  986. <div class="alert alert-warning mb-1">从以下标段拷贝设置</div>
  987. <div class=" mb-1">
  988. <a class="btn btn-sm btn-light">
  989. <div class="custom-control custom-checkbox">
  990. <input type="checkbox" class="custom-control-input" id="customCheckDisabld" checked="">
  991. <label class="custom-control-label text-primary" for="customCheckDisabld">标段属性</label>
  992. </div>
  993. </a>
  994. <a class="btn btn-sm btn-light">
  995. <div class="custom-control custom-checkbox">
  996. <input type="checkbox" class="custom-control-input" id="customCheckDisabld2" checked="">
  997. <label class="custom-control-label text-primary" for="customCheckDisabld2">章节设置</label>
  998. </div>
  999. </a>
  1000. <a class="btn btn-sm btn-light">
  1001. <div class="custom-control custom-checkbox">
  1002. <input type="checkbox" class="custom-control-input" id="customCheckDisabld3" checked="">
  1003. <label class="custom-control-label text-primary" for="customCheckDisabld3">付款账号</label>
  1004. </div>
  1005. </a>
  1006. </div>
  1007. <div class="modal-height-500">
  1008. <table class="table table-hover table-bordered">
  1009. <thead>
  1010. <th>名称</th>
  1011. <th width="40">选择</th>
  1012. </thead>
  1013. <tr>
  1014. <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2019</td>
  1015. <td></td>
  1016. </tr>
  1017. <tr>
  1018. <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2018</td>
  1019. <td></td>
  1020. </tr>
  1021. <tr>
  1022. <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;土建</td>
  1023. <td></td>
  1024. </tr>
  1025. <tr>
  1026. <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
  1027. <td><input type="radio" name="shez1"></td>
  1028. </tr>
  1029. <tr>
  1030. <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
  1031. <td><input type="radio" name="shez1"></td>
  1032. <tr>
  1033. <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-4</a></td>
  1034. <td><input type="radio" name="shez1"></td>
  1035. </tr>
  1036. <tr>
  1037. <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;绿化</td>
  1038. <td></td>
  1039. </tr>
  1040. <tr>
  1041. <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
  1042. <td><input type="radio" name="shez1"></td>
  1043. </tr>
  1044. </table>
  1045. </div>
  1046. </div>
  1047. <div class="modal-footer">
  1048. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  1049. <button type="button" class="btn btn-sm btn-primary">确认</button>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </div>
  1054. <!-- JS. -->
  1055. <script src="js/jquery/jquery-3.2.1.min.js"></script>
  1056. <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
  1057. <script src="js/global.js"></script>
  1058. <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
  1059. <!-- zTree -->
  1060. <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
  1061. <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
  1062. <script type="text/javascript"> autoFlashHeight();</script>
  1063. <script type="text/javascript">
  1064. //4 标段期数计量进度//
  1065. var myChart = echarts.init(document.getElementById('chartContainer4'));
  1066. var option = {
  1067. color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
  1068. '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
  1069. '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
  1070. '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
  1071. title : {
  1072. text: ''
  1073. },
  1074. tooltip : {
  1075. trigger: 'axis'
  1076. },
  1077. calculable : true,
  1078. legend: {
  1079. data:['本期合同计量','本期数量变更计量','截止上期累计完成','本期完成计量','完成度']
  1080. },
  1081. dataZoom: [
  1082. {show: true,start: 0, end: 100}
  1083. ],
  1084. xAxis : [
  1085. {
  1086. type : 'category',
  1087. splitLine : {show : true},
  1088. data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
  1089. }
  1090. ],
  1091. yAxis : [
  1092. {
  1093. type : 'value',
  1094. name : '金额',
  1095. position:'left',
  1096. axisLabel : {
  1097. formatter: '{value} 元'
  1098. },
  1099. splitArea : {show : true}
  1100. },
  1101. {
  1102. type : 'value',
  1103. name:'完成度',
  1104. axisLabel : {
  1105. formatter: '{value} %'
  1106. },
  1107. position: 'right',
  1108. splitArea : {show : true}
  1109. }
  1110. ],
  1111. series : [
  1112. {
  1113. name:'本期合同计量',
  1114. type:'bar',
  1115. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  1116. stack: '合同',
  1117. data:[320, 332, 301, 334, 390, 330, 320]
  1118. },
  1119. {
  1120. name:'本期数量变更计量',
  1121. type:'bar',
  1122. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  1123. stack: '合同',
  1124. data:[320, -20, 301, 334, 390, 330, 320]
  1125. },
  1126. {
  1127. name:'截止上期累计完成',
  1128. type:'bar',
  1129. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  1130. stack: '完成',
  1131. data:[120, 132, 101, 134, 90, 230, 210]
  1132. },
  1133. {
  1134. name:'本期完成计量',
  1135. type:'bar',
  1136. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  1137. stack: '完成',
  1138. data:[220, 182, 191, 234, 290, 330, 310]
  1139. },
  1140. {
  1141. name:'完成度',
  1142. type:'line',
  1143. tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}:{c} %"},
  1144. yAxisIndex: 1,
  1145. data:[10, 15, 20, 13, 11, 9, 5]
  1146. },
  1147. ]
  1148. };
  1149. // 为echarts对象加载数据
  1150. myChart.setOption(option);
  1151. //4 标段期数计量进度//
  1152. //3 标段月进度//
  1153. // 基于准备好的dom,初始化echarts图表
  1154. var myChart = echarts.init(document.getElementById('chartContainer3'));
  1155. var option = {
  1156. color:["#e9af68","#57b7b6"],
  1157. title : {
  1158. text: ''
  1159. },
  1160. tooltip : {
  1161. trigger: 'axis',
  1162. formatter: "{b} <br/>{a}:{c} %<br/>{a1}:{c1} %"
  1163. },
  1164. legend: {
  1165. data:['截止本月完成','本月完成']
  1166. },
  1167. toolbox: {
  1168. show : true,
  1169. feature : {
  1170. magicType : {show: true, type: ['line', 'bar']}
  1171. }
  1172. },
  1173. dataZoom : {
  1174. show : true,
  1175. start : 50,
  1176. end : 100
  1177. },
  1178. xAxis : [
  1179. {
  1180. type : 'category',
  1181. boundaryGap : true,
  1182. data : [
  1183. '2月','3月','4月','5月','6月','7月','8月','9月','10月'
  1184. ]
  1185. }
  1186. ],
  1187. yAxis : [
  1188. {
  1189. type : 'value',
  1190. axisLabel : {
  1191. formatter: '{value} %'
  1192. },
  1193. splitArea : {show : true}
  1194. }
  1195. ],
  1196. series : [
  1197. {
  1198. name:'截止本月完成',
  1199. type:'line',
  1200. itemStyle: {
  1201. normal: {
  1202. lineStyle: {
  1203. shadowColor : 'rgba(0,0,0,0.4)',
  1204. shadowBlur: 5,
  1205. shadowOffsetX: 3,
  1206. shadowOffsetY: 3
  1207. }
  1208. }
  1209. },
  1210. data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
  1211. },
  1212. {
  1213. name:'本月完成',
  1214. type:'line',
  1215. itemStyle: {
  1216. normal: {
  1217. lineStyle: {
  1218. shadowColor : 'rgba(0,0,0,0.4)',
  1219. shadowBlur: 5,
  1220. shadowOffsetX: 3,
  1221. shadowOffsetY: 3
  1222. }
  1223. }
  1224. },
  1225. data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
  1226. }
  1227. ]
  1228. };
  1229. // 为echarts对象加载数据
  1230. myChart.setOption(option);
  1231. //3 标段月进度//
  1232. </script>
  1233. <!--sjs-->
  1234. <script>
  1235. $(document).ready(function () {
  1236. const data = [
  1237. {
  1238. 单位:'稍等',
  1239. 精度:3,
  1240. },{
  1241. 单位:'km',
  1242. 精度:3,
  1243. },{
  1244. 单位:'m',
  1245. 精度:3,
  1246. },{
  1247. 单位:'m2',
  1248. 精度:3,
  1249. },{
  1250. 单位:'m3',
  1251. 精度:3,
  1252. },{
  1253. 单位:'kg',
  1254. 精度:3,
  1255. },{
  1256. 单位:'个',
  1257. 精度:3,
  1258. },{
  1259. 单位:'台',
  1260. 精度:3,
  1261. },{
  1262. 单位:'套',
  1263. 精度:3,
  1264. },{
  1265. 单位:'棵',
  1266. 精度:3,
  1267. },{
  1268. 单位:'组',
  1269. 精度:3,
  1270. },{
  1271. 单位:'总额',
  1272. 精度:3,
  1273. },{
  1274. 单位:'系统',
  1275. 精度:3,
  1276. },{
  1277. 单位:'其他未列单位',
  1278. 精度:3,
  1279. }
  1280. ];
  1281. const spread = new GC.Spread.Sheets.Workbook($('#option-spread1')[0], {
  1282. sheetCount: 1
  1283. });
  1284. spread.getActiveSheet().setDataSource(data);
  1285. spread.options.tabStripVisible = false;
  1286. })
  1287. </script>
  1288. </body>
  1289. </html>