detail.ejs 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845
  1. <% include ./tender_sub_menu.ejs %>
  2. <div class="panel-content">
  3. <div class="panel-title">
  4. <div class="title-main d-flex justify-content-between">
  5. <h2>进行至 第7期<small class="text-warning">(审批中)</small></h2>
  6. <div>
  7. <a href="biaoduan-xiezuo.html" class="btn btn-sm btn-light" ><i class="fa fa-users"></i> 协作办公</a>
  8. </div>
  9. </div>
  10. </div>
  11. <div class="content-wrap">
  12. <div class="c-body">
  13. <!--金额概况-->
  14. <div class="row mb-5">
  15. <div class="col-auto">
  16. <div class="card text-center">
  17. <div class="card-body">
  18. <h5 class="card-title">163,000.00</h5>
  19. <p class="card-text text-muted">0号台帐合同</p>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="col-auto">
  24. <div class="card text-center">
  25. <div class="card-body">
  26. <h5 class="card-title">30,000.00</h5>
  27. <p class="card-text text-muted">本期完成</p>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="col-auto">
  32. <div class="card text-center">
  33. <div class="card-body">
  34. <h5 class="card-title">50,000.00 <small class="text-danger" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例">1%</small></h5>
  35. <p class="card-text text-muted">截止本期变更</p>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="col-auto">
  40. <div class="card text-center">
  41. <div class="card-body">
  42. <h5 class="card-title">70,000.00</h5>
  43. <p class="card-text text-muted">截止本期完成</p>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="col-auto">
  48. <div class="card text-center">
  49. <div class="card-body">
  50. <h5 class="card-title">40,000.00</h5>
  51. <p class="card-text text-muted">截止上期完成</p>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="col-auto">
  56. <div class="card text-center">
  57. <div class="card-body">
  58. <h5 class="card-title">30,000.00</h5>
  59. <p class="card-text text-muted">本期应付</p>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <!--进度条-->
  65. <div class="mb-5">
  66. <div class="progress">
  67. <div class="progress-bar bg-success" style="width: 24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成:¥40,000.00">24%</div>
  68. <div class="progress-bar bg-info" style="width:18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成:¥30,000.00">18%</div>
  69. <div class="progress-bar bg-gray" style="width:58%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成:¥930,00.00">58%</div>
  70. </div>
  71. </div>
  72. <ul class="nav nav-tabs">
  73. <li class="nav-item">
  74. <a class="nav-link active" data-toggle="tab" href="#tubiao" role="tab">进度表</a>
  75. </li>
  76. <li class="nav-item">
  77. <a class="nav-link" data-toggle="tab" href="#shuxing" role="tab">标段属性</a>
  78. </li>
  79. </ul>
  80. <div class="tab-content">
  81. <!--进度表-->
  82. <div id="tubiao" class="tab-pane active">
  83. <!--月进度图表-->
  84. <div id="chartContainer3" style="height: 300px; width: 100%;" class="my-5">
  85. </div>
  86. <!--期汇总图表-->
  87. <div id="chartContainer4" style="height: 300px; width: 100%;" class="mb-5">
  88. </div>
  89. </div>
  90. <!--标段属性-->
  91. <div id="shuxing" class="tab-pane">
  92. <div class="row my-3">
  93. <div class="col-2">
  94. <div class="nav flex-column nav-pills" >
  95. <a class="nav-link active" data-toggle="pill" href="#v-pills-1" role="tab">标段属性</a>
  96. <a class="nav-link" data-toggle="pill" href="#v-pills-2" role="tab">小数位数</a>
  97. <a class="nav-link" data-toggle="pill" href="#v-pills-3" role="tab">清单精度</a>
  98. <a class="nav-link" data-toggle="pill" href="#v-pills-4" role="tab">合同参数</a>
  99. <a class="nav-link" data-toggle="pill" href="#v-pills-5" role="tab">显示设置</a>
  100. </div>
  101. </div>
  102. <div class="col">
  103. <div class="tab-content">
  104. <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel">
  105. <!--操作-->
  106. <div class="d-flex justify-content-end mt-3">
  107. <div>
  108. <button type="button" class="btn btn-sm btn-outline-primary" id="edit-1"> 编辑</button>
  109. </div>
  110. <div style="display: none">
  111. <button type="button" class="btn btn-sm btn-outline-success" id="post-1"><i class="fa fa-check"></i> 提交</button>&nbsp;
  112. <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-1"><i class="fa fa-close"></i> 取消</button>
  113. </div>
  114. </div>
  115. <!--合同信息-->
  116. <legend class="mt-3">合同信息</legend>
  117. <!--默认显示-->
  118. <div class="form-group">
  119. <div class="row">
  120. <div class="col">
  121. <div class="input-group input-group-sm">
  122. <div class="input-group-prepend">
  123. <span class="input-group-text">建设项目名称</span>
  124. </div>
  125. <input type="text" class="form-control" value="项目A" readonly="" id="build-name">
  126. </div>
  127. </div>
  128. <div class="col">
  129. <div class="input-group input-group-sm">
  130. <div class="input-group-prepend">
  131. <span class="input-group-text">合同编号</span>
  132. </div>
  133. <input type="text" class="form-control" value="" readonly="" id="deal-code">
  134. </div>
  135. </div>
  136. <div class="col">
  137. <div class="input-group input-group-sm">
  138. <div class="input-group-prepend">
  139. <span class="input-group-text">合同名称</span>
  140. </div>
  141. <input type="text" class="form-control" value="" readonly="" id="deal-name">
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <!--参建单位-->
  147. <legend class="mt-3">参建单位</legend>
  148. <!--编辑模式-->
  149. <div class="form-group">
  150. <label>建设单位:</label>
  151. <div class="row">
  152. <div class="col">
  153. <div class="input-group input-group-sm">
  154. <div class="input-group-prepend">
  155. <span class="input-group-text">单位名称</span>
  156. </div>
  157. <input type="text" class="form-control" value="" id="build-company">
  158. </div>
  159. </div>
  160. <div class="col">
  161. <div class="input-group input-group-sm">
  162. <div class="input-group-prepend">
  163. <span class="input-group-text">法人代表</span>
  164. </div>
  165. <input type="text" class="form-control" value="" id="build-corporation">
  166. </div>
  167. </div>
  168. <div class="col">
  169. <div class="input-group input-group-sm">
  170. <div class="input-group-prepend">
  171. <span class="input-group-text">签订日期</span>
  172. </div>
  173. <input type="date" class="form-control" value="" id="build-date">
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="form-group">
  179. <label>承包单位1:</label>
  180. <div class="row">
  181. <div class="col">
  182. <div class="input-group input-group-sm">
  183. <div class="input-group-prepend">
  184. <span class="input-group-text">单位名称</span>
  185. </div>
  186. <input type="text" class="form-control" value="" id="contract1-company">
  187. </div>
  188. </div>
  189. <div class="col">
  190. <div class="input-group input-group-sm">
  191. <div class="input-group-prepend">
  192. <span class="input-group-text">法人代表</span>
  193. </div>
  194. <input type="text" class="form-control" value="" id="contract1-corporation">
  195. </div>
  196. </div>
  197. <div class="col">
  198. <div class="input-group input-group-sm">
  199. <div class="input-group-prepend">
  200. <span class="input-group-text">签订日期</span>
  201. </div>
  202. <input type="date" class="form-control" value="" id="contract1-date">
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="form-group">
  208. <label>承包单位2:</label>
  209. <div class="row">
  210. <div class="col">
  211. <div class="input-group input-group-sm">
  212. <div class="input-group-prepend">
  213. <span class="input-group-text">单位名称</span>
  214. </div>
  215. <input type="text" class="form-control" value="" id="contract2-company">
  216. </div>
  217. </div>
  218. <div class="col">
  219. <div class="input-group input-group-sm">
  220. <div class="input-group-prepend">
  221. <span class="input-group-text">法人代表</span>
  222. </div>
  223. <input type="text" class="form-control" value="" id="contract2-corporation">
  224. </div>
  225. </div>
  226. <div class="col">
  227. <div class="input-group input-group-sm">
  228. <div class="input-group-prepend">
  229. <span class="input-group-text">签订日期</span>
  230. </div>
  231. <input type="date" class="form-control" value="" id="contract2-date">
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. <div class="form-group">
  237. <label>监理单位1:</label>
  238. <div class="row">
  239. <div class="col">
  240. <div class="input-group input-group-sm">
  241. <div class="input-group-prepend">
  242. <span class="input-group-text">单位名称</span>
  243. </div>
  244. <input type="text" class="form-control" value="" id="supervision1-company">
  245. </div>
  246. </div>
  247. <div class="col">
  248. <div class="input-group input-group-sm">
  249. <div class="input-group-prepend">
  250. <span class="input-group-text">法人代表</span>
  251. </div>
  252. <input type="text" class="form-control" value="" id="supervision1-corporation">
  253. </div>
  254. </div>
  255. <div class="col">
  256. <div class="input-group input-group-sm">
  257. <div class="input-group-prepend">
  258. <span class="input-group-text">签订日期</span>
  259. </div>
  260. <input type="date" class="form-control" value="" id="supervision1-date">
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. <div class="form-group">
  266. <label>监理单位2:</label>
  267. <div class="row">
  268. <div class="col">
  269. <div class="input-group input-group-sm">
  270. <div class="input-group-prepend">
  271. <span class="input-group-text">单位名称</span>
  272. </div>
  273. <input type="text" class="form-control" value="" id="supervision2-company">
  274. </div>
  275. </div>
  276. <div class="col">
  277. <div class="input-group input-group-sm">
  278. <div class="input-group-prepend">
  279. <span class="input-group-text">法人代表</span>
  280. </div>
  281. <input type="text" class="form-control" value="" id="supervision2-corporation">
  282. </div>
  283. </div>
  284. <div class="col">
  285. <div class="input-group input-group-sm">
  286. <div class="input-group-prepend">
  287. <span class="input-group-text">签订日期</span>
  288. </div>
  289. <input type="date" class="form-control" value="" id="supervision2-date">
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. <!--技术参数-->
  295. <legend class="mt-3">技术参数</legend>
  296. <div class="form-group">
  297. <div class="row">
  298. <div class="col">
  299. <div class="input-group input-group-sm">
  300. <div class="input-group-prepend">
  301. <span class="input-group-text">公路等级</span>
  302. </div>
  303. <select class="form-control" disabled="" id="load-level">
  304. <option value="1">高速公路</option>
  305. <option value="2">一级公路</option>
  306. <option value="3">二级公路</option>
  307. <option value="4">三级公路</option>
  308. <option value="5">四级公路</option>
  309. </select>
  310. </div>
  311. </div>
  312. <div class="col">
  313. <div class="input-group input-group-sm">
  314. <div class="input-group-prepend">
  315. <span class="input-group-text">长度(KM)</span>
  316. </div>
  317. <input type="text" class="form-control" value="" readonly="" id="length">
  318. </div>
  319. </div>
  320. <div class="col">
  321. <div class="input-group input-group-sm">
  322. <div class="input-group-prepend">
  323. <span class="input-group-text">起始桩号</span>
  324. </div>
  325. <input type="text" class="form-control" value="" readonly="" id="start-peg">
  326. </div>
  327. </div>
  328. <div class="col">
  329. <div class="input-group input-group-sm">
  330. <div class="input-group-prepend">
  331. <span class="input-group-text">终止桩号</span>
  332. </div>
  333. <input type="text" class="form-control" value="" readonly="" id="end-peg">
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. <div class="form-group">
  339. <div class="row">
  340. <div class="col">
  341. <div class="input-group input-group-sm">
  342. <div class="input-group-prepend">
  343. <span class="input-group-text">车道数</span>
  344. </div>
  345. <input type="text" class="form-control" value="" readonly="" id="lane-count">
  346. </div>
  347. </div>
  348. <div class="col">
  349. <div class="input-group input-group-sm">
  350. <div class="input-group-prepend">
  351. <span class="input-group-text">合同工期</span>
  352. </div>
  353. <input type="text" class="form-control" value="" readonly="" id="deal-period">
  354. </div>
  355. </div>
  356. <div class="col">
  357. <div class="input-group input-group-sm">
  358. <div class="input-group-prepend">
  359. <span class="input-group-text">开工日期</span>
  360. </div>
  361. <input type="date" class="form-control" value="" readonly="" id="start-date">
  362. </div>
  363. </div>
  364. <div class="col">
  365. <div class="input-group input-group-sm">
  366. <div class="input-group-prepend">
  367. <span class="input-group-text">计划完工日期</span>
  368. </div>
  369. <input type="date" class="form-control" value="" readonly="" id="plan-end-date">
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. <div class="tab-pane fade" id="v-pills-2" role="tabpanel" >
  376. <!--操作-->
  377. <div class="d-flex justify-content-end mt-3">
  378. <span>
  379. <button type="button" class="btn btn-sm btn-outline-primary" id="edit-2">编辑</button>
  380. </span>
  381. <span style="display: none">
  382. <button type="button" class="btn btn-sm btn-outline-success" id="post-2"><i class="fa fa-check"></i> 提交</button>&nbsp;
  383. <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-2"><i class="fa fa-close"></i> 取消</button>
  384. </span>
  385. </div>
  386. <!--小数位数-->
  387. <legend class="mt-3">小数位数</legend>
  388. <div class="form-group">
  389. <label>全局设置</label>
  390. <div class="row">
  391. <div class="col-2">
  392. <div class="input-group input-group-sm">
  393. <div class="input-group-prepend">
  394. <span class="input-group-text">数量</span>
  395. </div>
  396. <input type="number" class="form-control" value="3" id="decimal-qty" min="0" max="6">
  397. </div>
  398. </div>
  399. <div class="col-2">
  400. <div class="input-group input-group-sm">
  401. <div class="input-group-prepend">
  402. <span class="input-group-text">单价</span>
  403. </div>
  404. <input type="number" class="form-control" value="3" id="decimal-up" min="0" max="4">
  405. </div>
  406. </div>
  407. <div class="col-2">
  408. <div class="input-group input-group-sm">
  409. <div class="input-group-prepend">
  410. <span class="input-group-text">金额</span>
  411. </div>
  412. <input type="number" class="form-control" value="2" id="decimal-tp" onchange="CalculateAllDealParam()" min="0" max="4">
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. <div class="form-group">
  418. <label>单独设置</label>
  419. <div class="row">
  420. <div class="col-auto">
  421. <div class="form-group form-check mt-1">
  422. <input type="checkbox" class="form-check-input" id="decimal-deal" checked="">
  423. <label class="form-check-label" for="exampleCheck1">签约清单</label>
  424. </div>
  425. </div>
  426. <div class="col-2">
  427. <div class="input-group input-group-sm">
  428. <div class="input-group-prepend">
  429. <span class="input-group-text">数量</span>
  430. </div>
  431. <input type="number" class="form-control" value="3" id="decimal-deal-qty" min="0" max="6">
  432. </div>
  433. </div>
  434. <div class="col-2">
  435. <div class="input-group input-group-sm">
  436. <div class="input-group-prepend">
  437. <span class="input-group-text">金额</span>
  438. </div>
  439. <input type="number" class="form-control" value="2" id="decimal-deal-tp" min="0" max="4">
  440. </div>
  441. </div>
  442. </div>
  443. <div class="row">
  444. <div class="col-auto">
  445. <div class="form-group form-check mt-1">
  446. <input type="checkbox" class="form-check-input" id="decimal-pay" onchange="CalculateAllDealParam()">
  447. <label class="form-check-label" for="exampleCheck2">合同支付</label>
  448. </div>
  449. </div>
  450. <div class="col-2">
  451. <div class="input-group input-group-sm">
  452. <div class="input-group-prepend">
  453. <span class="input-group-text">金额</span>
  454. </div>
  455. <input type="number" class="form-control" value="2" readonly="" id="decimal-pay-tp" onchange="CalculateAllDealParam()" min="0" max="4">
  456. </div>
  457. </div>
  458. </div>
  459. </div>
  460. </div>
  461. <div class="tab-pane fade" id="v-pills-3" role="tabpanel" >
  462. <!--操作-->
  463. <div class="d-flex justify-content-end mt-3">
  464. <button type="button" class="btn btn-sm btn-outline-primary" id="edit-3">编辑</button>
  465. </div>
  466. <div class="d-flex justify-content-end mt-3">
  467. <button type="button" class="btn btn-sm btn-outline-success" id="post-3"><i class="fa fa-check"></i> 提交</button>&nbsp;
  468. <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-3"><i class="fa fa-close"></i> 取消</button>
  469. </div>
  470. <legend class="mt-3">清单精度</legend>
  471. <!--默认显示-->
  472. <div class="form-group">
  473. <div class="col-2 mb-3">
  474. <div class="input-group input-group-sm">
  475. <div class="input-group-prepend">
  476. <span class="input-group-text">t</span>
  477. </div>
  478. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-t">
  479. </div>
  480. </div>
  481. <div class="col-2 mb-3">
  482. <div class="input-group input-group-sm">
  483. <div class="input-group-prepend">
  484. <span class="input-group-text">km</span>
  485. </div>
  486. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-km">
  487. </div>
  488. </div>
  489. <div class="col-2 mb-3">
  490. <div class="input-group input-group-sm">
  491. <div class="input-group-prepend">
  492. <span class="input-group-text">m</span>
  493. </div>
  494. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-m">
  495. </div>
  496. </div>
  497. <div class="col-2 mb-3">
  498. <div class="input-group input-group-sm">
  499. <div class="input-group-prepend">
  500. <span class="input-group-text">m2</span>
  501. </div>
  502. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-m2">
  503. </div>
  504. </div>
  505. <div class="col-2 mb-3">
  506. <div class="input-group input-group-sm">
  507. <div class="input-group-prepend">
  508. <span class="input-group-text">m3</span>
  509. </div>
  510. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-m3">
  511. </div>
  512. </div>
  513. <div class="col-2 mb-3">
  514. <div class="input-group input-group-sm">
  515. <div class="input-group-prepend">
  516. <span class="input-group-text">kg</span>
  517. </div>
  518. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-kg">
  519. </div>
  520. </div>
  521. <div class="col-2 mb-3">
  522. <div class="input-group input-group-sm">
  523. <div class="input-group-prepend">
  524. <span class="input-group-text">个</span>
  525. </div>
  526. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-ge">
  527. </div>
  528. </div>
  529. <div class="col-2 mb-3">
  530. <div class="input-group input-group-sm">
  531. <div class="input-group-prepend">
  532. <span class="input-group-text">台</span>
  533. </div>
  534. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-tai">
  535. </div>
  536. </div>
  537. <div class="col-2 mb-3">
  538. <div class="input-group input-group-sm">
  539. <div class="input-group-prepend">
  540. <span class="input-group-text">套</span>
  541. </div>
  542. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-tao">
  543. </div>
  544. </div>
  545. <div class="col-2 mb-3">
  546. <div class="input-group input-group-sm">
  547. <div class="input-group-prepend">
  548. <span class="input-group-text">棵</span>
  549. </div>
  550. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-ke">
  551. </div>
  552. </div>
  553. <div class="col-2 mb-3">
  554. <div class="input-group input-group-sm">
  555. <div class="input-group-prepend">
  556. <span class="input-group-text">组</span>
  557. </div>
  558. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-zu">
  559. </div>
  560. </div>
  561. <div class="col-2 mb-3">
  562. <div class="input-group input-group-sm">
  563. <div class="input-group-prepend">
  564. <span class="input-group-text">总额</span>
  565. </div>
  566. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-zonge">
  567. </div>
  568. </div>
  569. <div class="col-2 mb-3">
  570. <div class="input-group input-group-sm">
  571. <div class="input-group-prepend">
  572. <span class="input-group-text">系统</span>
  573. </div>
  574. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-xitong">
  575. </div>
  576. </div>
  577. <div class="col-3 mb-3">
  578. <div class="input-group input-group-sm">
  579. <div class="input-group-prepend">
  580. <span class="input-group-text">其他未列单位</span>
  581. </div>
  582. <input class="form-control" type="number" min="0" max="6" value="3" id="unit-other">
  583. </div>
  584. </div>
  585. </div>
  586. </div>
  587. <div class="tab-pane fade" id="v-pills-4" role="tabpanel" >
  588. <!--操作-->
  589. <div class="d-flex justify-content-end mt-3"><button type="button" class="btn btn-sm btn-outline-primary">编辑</button></div>
  590. <div class="d-flex justify-content-end mt-3"><button type="button" class="btn btn-sm btn-outline-success"><i class="fa fa-check"></i> 提交</button>&nbsp;<button type="button" class="btn btn-sm btn-outline-danger"><i class="fa fa-close"></i> 取消</button></div>
  591. <legend class="mt-3">合同参数</legend>
  592. <!--默认显示-->
  593. <div class="form-group">
  594. <label>全局设置</label>
  595. <div class="col-3">
  596. <div class="input-group input-group-sm">
  597. <div class="input-group-prepend">
  598. <span class="input-group-text">签约合同价</span>
  599. </div>
  600. <input type="number" class="form-control" value="" id="contract-price" onchange="roundPrice($('#contract-price'));calculateC2()">
  601. </div>
  602. </div>
  603. <div class="col-3 mt-3">
  604. <div class="input-group input-group-sm">
  605. <div class="input-group-prepend">
  606. <span class="input-group-text">暂列金额</span>
  607. </div>
  608. <input type="number" class="form-control" value="" id="zan-lie-price" onchange="roundPrice($('#zan-lie-price'));calculateC2()">
  609. </div>
  610. </div>
  611. <div class="col-5 mt-3">
  612. <div class="input-group input-group-sm">
  613. <div class="input-group-prepend">
  614. <span class="input-group-text">签约合同价(不含暂列金)</span>
  615. </div>
  616. <input type="number" class="form-control" value="" id="c-zl" disabled="">
  617. </div>
  618. </div>
  619. <div class="col-3 my-3">
  620. <div class="input-group input-group-sm">
  621. <div class="input-group-prepend">
  622. <span class="input-group-text">签约开工预付款</span>
  623. </div>
  624. <input type="number" class="form-control" value="" id="start-advance" onchange="roundPrice($('#start-advance'));">
  625. </div>
  626. </div>
  627. <div class="col-3">
  628. <div class="input-group input-group-sm">
  629. <div class="input-group-prepend">
  630. <span class="input-group-text">签约材料预付款</span>
  631. </div>
  632. <input type="number" class="form-control" value="" id="material-advance" onchange="roundPrice($('#material-advance'));">
  633. </div>
  634. </div>
  635. </div>
  636. </div>
  637. <div class="tab-pane fade" id="v-pills-5" role="tabpanel" >
  638. <!--操作-->
  639. <div class="d-flex justify-content-end mt-3">
  640. <span>
  641. <button type="button" class="btn btn-sm btn-outline-primary" id="edit-5">编辑</button>
  642. </span>
  643. <span style="display: none">
  644. <button type="button" class="btn btn-sm btn-outline-success" id="post-5"><i class="fa fa-check"></i> 提交</button>&nbsp;
  645. <button type="button" class="btn btn-sm btn-outline-danger" id="cancel-5"><i class="fa fa-close"></i> 取消</button>
  646. </span>
  647. </div>
  648. <legend class="mt-3">台帐列显示</legend>
  649. <div class="form-group">
  650. <div class="form-group">
  651. <div class="row">
  652. <div class="col">
  653. <div class="form-group form-check">
  654. <input type="checkbox" class="form-check-input" id="ledger-dgn-qty" checked="">
  655. <label class="form-check-label" for="ledger-dgn-qty">设计数量</label>
  656. </div>
  657. </div>
  658. </div>
  659. </div>
  660. </div>
  661. </div>
  662. </div>
  663. </div>
  664. </div>
  665. </div>
  666. </div>
  667. </div>
  668. </div>
  669. </div>
  670. <script src=/public/js/echarts/echarts.min.js></script>
  671. <script type="text/javascript">
  672. //4 标段期数计量进度//
  673. var myChart = echarts.init(document.getElementById('chartContainer4'));
  674. var option = {
  675. color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
  676. '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
  677. '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
  678. '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
  679. title : {
  680. text: '标段期进度'
  681. },
  682. tooltip : {
  683. trigger: 'axis'
  684. },
  685. calculable : true,
  686. legend: {
  687. data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
  688. },
  689. dataZoom: [
  690. {show: true,start: 0, end: 100}
  691. ],
  692. xAxis : [
  693. {
  694. type : 'category',
  695. splitLine : {show : true},
  696. data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
  697. }
  698. ],
  699. yAxis : [
  700. {
  701. type : 'value',
  702. name : '金额',
  703. position:'left',
  704. axisLabel : {
  705. formatter: '{value} 元'
  706. },
  707. splitArea : {show : true}
  708. },
  709. {
  710. type : 'value',
  711. name:'完成度',
  712. axisLabel : {
  713. formatter: '{value} %'
  714. },
  715. position: 'right',
  716. splitArea : {show : true}
  717. }
  718. ],
  719. series : [
  720. {
  721. name:'本期合同计量',
  722. type:'bar',
  723. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  724. stack: '合同',
  725. data:[320, 332, 301, 334, 390, 330, 320]
  726. },
  727. {
  728. name:'本期数量变更计量',
  729. type:'bar',
  730. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  731. stack: '合同',
  732. data:[320, -20, 301, 334, 390, 330, 320]
  733. },
  734. {
  735. name:'截至上期累计完成',
  736. type:'bar',
  737. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  738. stack: '完成',
  739. data:[120, 132, 101, 134, 90, 230, 210]
  740. },
  741. {
  742. name:'本期完成计量',
  743. type:'bar',
  744. tooltip : {trigger: 'item',formatter: "{b} <br/>{a}:{c}元"},
  745. stack: '完成',
  746. data:[220, 182, 191, 234, 290, 330, 310]
  747. },
  748. {
  749. name:'完成度',
  750. type:'line',
  751. tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}:{c} %"},
  752. yAxisIndex: 1,
  753. data:[10, 15, 20, 13, 11, 9, 5]
  754. },
  755. ]
  756. };
  757. // 为echarts对象加载数据
  758. myChart.setOption(option);
  759. //4 标段期数计量进度//
  760. //3 标段月进度//
  761. // 基于准备好的dom,初始化echarts图表
  762. var myChart = echarts.init(document.getElementById('chartContainer3'));
  763. var option = {
  764. color:["#e9af68","#57b7b6"],
  765. title : {
  766. text: '标段月进度'
  767. },
  768. tooltip : {
  769. trigger: 'axis',
  770. formatter: "{b} <br/>{a}:{c} %<br/>{a1}:{c1} %"
  771. },
  772. legend: {
  773. data:['累计完成','本月完成']
  774. },
  775. toolbox: {
  776. show : true,
  777. feature : {
  778. magicType : {show: true, type: ['line', 'bar']}
  779. }
  780. },
  781. dataZoom : {
  782. show : true,
  783. start : 50,
  784. end : 100
  785. },
  786. xAxis : [
  787. {
  788. type : 'category',
  789. boundaryGap : true,
  790. data : [
  791. '2月','3月','4月','5月','6月','7月','8月','9月','10月'
  792. ]
  793. }
  794. ],
  795. yAxis : [
  796. {
  797. type : 'value',
  798. axisLabel : {
  799. formatter: '{value} %'
  800. },
  801. splitArea : {show : true}
  802. }
  803. ],
  804. series : [
  805. {
  806. name:'累计完成',
  807. type:'line',
  808. itemStyle: {
  809. normal: {
  810. lineStyle: {
  811. shadowColor : 'rgba(0,0,0,0.4)',
  812. shadowBlur: 5,
  813. shadowOffsetX: 3,
  814. shadowOffsetY: 3
  815. }
  816. }
  817. },
  818. data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
  819. },
  820. {
  821. name:'本月完成',
  822. type:'line',
  823. itemStyle: {
  824. normal: {
  825. lineStyle: {
  826. shadowColor : 'rgba(0,0,0,0.4)',
  827. shadowBlur: 5,
  828. shadowOffsetX: 3,
  829. shadowOffsetY: 3
  830. }
  831. }
  832. },
  833. data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
  834. }
  835. ]
  836. };
  837. // 为echarts对象加载数据
  838. myChart.setOption(option);
  839. //3 标段月进度//
  840. </script>
  841. <script>
  842. let property = JSON.parse('<%- JSON.stringify(tenderInfo) %>');
  843. </script>
  844. <script type="text/javascript" src="/public/js/tender.js"></script>