jiliang-qi-baobiao.html 43 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820
  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. <!--zTree-->
  13. <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
  14. </head>
  15. <body>
  16. <div class="main">
  17. <div class="main-nav d-flex align-items-start flex-column">
  18. <div class="logo"><img src="img/logo.png"></div>
  19. <div class="nav-top">
  20. <ul class="nav nav-pills nav-stacked bg-nav">
  21. <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>
  22. <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
  23. <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
  24. </ul>
  25. </div>
  26. <div class="nav-bottom mt-auto">
  27. <ul class="nav nav-pills nav-stacked bg-nav">
  28. <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
  29. </ul>
  30. <div class="dropright my-1 ml-1">
  31. <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
  32. 张三
  33. </a>
  34. <div class="dropdown-menu">
  35. <a href="account-info.html" class="dropdown-item">账号资料</a>
  36. <a href="#" class="dropdown-item">账号安全</a>
  37. <div class="dropdown-divider"></div>
  38. <a href="#" class="dropdown-item">帮助中心</a>
  39. <a href="#" class="dropdown-item">退出登录</a>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="main-panel">
  45. <div class="panel-sidebar">
  46. <div class="panel-title">
  47. <div class="title-bar">
  48. <h2>WWUJ-1</h2>
  49. </div>
  50. </div>
  51. <div class="scrollbar-auto">
  52. <div class="nav-box">
  53. <ul class="nav-list list-unstyled">
  54. <li class=""><a href="jiliang-qi.html" class="text-primary"><i class="fa fa-chevron-left "></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="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
  60. </ul>
  61. </div>
  62. <div class="nav-box">
  63. <ul class="nav-list list-unstyled">
  64. <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
  65. </ul>
  66. </div>
  67. <div class="nav-box">
  68. <ul class="nav-list list-unstyled">
  69. <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
  70. </ul>
  71. </div>
  72. <div class="nav-box">
  73. <ul class="nav-list list-unstyled">
  74. <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
  75. </ul>
  76. </div>
  77. <div class="nav-box">
  78. <ul class="nav-list list-unstyled">
  79. <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
  80. </ul>
  81. </div>
  82. <div class="nav-box">
  83. <ul class="nav-list list-unstyled">
  84. <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
  85. </ul>
  86. </div>
  87. <div class="nav-box">
  88. <ul class="nav-list list-unstyled">
  89. <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
  90. </ul>
  91. </div>
  92. <div class="nav-box">
  93. <ul class="nav-list list-unstyled">
  94. <li class="active"><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
  95. </ul>
  96. </div>
  97. <div class="nav-box">
  98. <ul class="nav-list list-unstyled">
  99. <li class=""><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
  100. </ul>
  101. </div>
  102. <div class="contarl-box">
  103. <!-- <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a> -->
  104. <a href="#sub-sp3" data-toggle="modal" data-target="#sub-sp3" class="btn btn-primary btn-sm btn-block">上报审批</a>
  105. <!-- <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm btn-block">重新上报</a> -->
  106. <!--状态显示-->
  107. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
  108. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm btn-block">审批中</a>
  109. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm btn-block text-muted">审批退回</a>
  110. <!--审批操作-->
  111. <!-- <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm btn-block">审批通过</a>
  112. <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm btn-block">审批退回</a> -->
  113. <a href="#del-qi" data-toggle="modal" data-target="#del-qi" class="btn btn-outline-danger btn-sm btn-block mt-5">删除本期</a>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="panel-content">
  118. <div class="panel-title">
  119. <div class="title-main d-flex justify-content-between">
  120. <div>
  121. <!-- <div class="d-inline-block">
  122. <a href="#guidang" data-toggle="modal" data-target="#guidang" class=" btn btn-success btn-sm"><i class="fa fa-folder-open"></i> 归档本期报表</a>
  123. <a href="#unguidang" data-toggle="modal" data-target="#unguidang" class=" btn btn-outline-danger btn-sm"><i class="fa fa-folder-open"></i> 撤销归档</a>
  124. </div> -->
  125. <!-- <div class="d-inline-block">
  126. <div class="dropdown">
  127. <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  128. 第5期
  129. </button>
  130. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  131. <a class="dropdown-item" href="#">第4期(归档)</a>
  132. <a class="dropdown-item" href="#">第3期(归档)</a>
  133. <a class="dropdown-item" href="#">第2期(归档)</a>
  134. <a class="dropdown-item" href="#">第1期(归档)</a>
  135. </div>
  136. </div>
  137. </div> -->
  138. <div class="d-inline-block">
  139. <ul class="nav nav-pills m-0">
  140. <li class="nav-item mr-1"><a href="#man-c" data-toggle="modal" data-target="#man-c" class=" btn btn-light btn-sm text-primary"><i class="fa fa-cog"></i> 通用报表</a></li>
  141. <!-- <li class="nav-item"><a href="#add-c" data-toggle="modal" data-target="#add-c" class=" btn btn-light btn-sm text-primary"><i class="fa fa-plus"></i> 定制报表</a></li> -->
  142. </ul>
  143. </div>
  144. </div>
  145. <div>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="content-wrap">
  150. <div class="c-header p-0"></div>
  151. <div class="c-body">
  152. <div class="row">
  153. <div class="col-2">
  154. <div class="sjs-height-1">
  155. <div class="text-center"></div>
  156. <ul id="treeDemo2" class="ztree"></ul>
  157. </div>
  158. </div>
  159. <div class="col-10">
  160. <!--调整侧栏宽度-->
  161. <div class="resize-x" title="调整大小"></div>
  162. <!--展开 收起 侧栏-->
  163. <div class="baobiao-close-side">
  164. <a href="#" title="收起侧栏"><i class="fa fa-chevron-left"></i></a>
  165. <!-- <a href="#" title="展开侧栏"><i class="fa fa-chevron-right"></i></a> -->
  166. </div>
  167. <!--打印工具栏-->
  168. <div class="toolsbar-f d-flex justify-content-between">
  169. <div class="print-toolsbar">
  170. <div class="panel">
  171. <div class="panel-body">
  172. <div class="btn-group" role="group">
  173. <button class="btn btn-outline-primary btn-sm" type="button">
  174. <i class="fa fa-print"></i><br>
  175. 打印 <span class="badge badge-primary">5</span>
  176. </button>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="panel">
  181. <div class="panel-body">
  182. <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  183. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#export"><i class="fa fa-file-excel-o"></i> Excel <span class="badge badge-primary">5</span></button>
  184. <button type="button" class="btn btn-outline-primary btn-sm"><i class="fa fa-file-pdf-o"></i> PDF <span class="badge badge-primary">5</span></button>
  185. </div>
  186. </div>
  187. <div class="panel-foot text-muted">
  188. 导出报表
  189. </div>
  190. </div>
  191. <div class="panel">
  192. <div class="panel-body">
  193. <div class="btn-group" role="group">
  194. <div class="btn-group" role="group">
  195. <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  196. 纵向
  197. </button>
  198. <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
  199. <a class="dropdown-item" href="#">横向</a>
  200. </div>
  201. </div>
  202. <div class="btn-group" role="group">
  203. <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  204. A4
  205. </button>
  206. <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
  207. <a class="dropdown-item" href="#">A3</a>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. <div class="panel-foot text-muted">
  213. 预览设置
  214. </div>
  215. </div>
  216. <div class="panel">
  217. <div class="panel-body">
  218. <div class="btn-group" role="group">
  219. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="缩小">-</button>
  220. <button class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="重置默认大小">1000%</button>
  221. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="放大">+</button>
  222. </div>
  223. </div>
  224. <div class="panel-foot text-muted">
  225. 缩放
  226. </div>
  227. </div>
  228. <div class="panel">
  229. <div class="panel-body">
  230. <div class="btn-group" role="group">
  231. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 页边距</button>
  232. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 页面</button>
  233. <!-- <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#content"><i class="fa fa-file-text-o"></i> 内容</button> -->
  234. </div>
  235. </div>
  236. <div class="panel-foot text-muted">
  237. 报表设置
  238. </div>
  239. </div>
  240. <div class="panel">
  241. <div class="panel-body">
  242. <div class="btn-group" role="group">
  243. <button class="btn btn-outline-primary btn-sm" type="button" data-toggle="modal" data-target="#sign">
  244. <i class="fa fa-pencil"></i><br>
  245. 电子签名
  246. </button>
  247. </div>
  248. </div>
  249. </div>
  250. <div class="panel">
  251. <div class="panel-body">
  252. <div class="input-group input-group-sm">
  253. <div class="input-group-prepend">
  254. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="第一页"><i class="fa fa-angle-double-left "></i></button>
  255. <button type="button" class="btn btn-outline-primary btn-sm" disabled data-toggle="tooltip" data-placement="bottom" title="上一页"><i class="fa fa-angle-left "></i></button>
  256. </div>
  257. <input class="form-control" value="1/10" style="width:60px" data-toggle="tooltip" data-placement="bottom" title="输入页码按回车键,快速跳转">
  258. <div class="input-group-append">
  259. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="下一页"><i class="fa fa-angle-right"></i></button>
  260. <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="尾页"><i class="fa fa-angle-double-right "></i></button>
  261. </div>
  262. </div>
  263. </div>
  264. <div class="panel-foot text-muted">
  265. 翻页
  266. </div>
  267. </div>
  268. <!--重新选择标段-->
  269. <div class="panel">
  270. <div class="panel-body">
  271. <div class="btn-group" role="group">
  272. <button class="btn btn-primary btn-sm" type="button" data-toggle="modal" data-target="#select-bd">
  273. 选择标段<br><!--已选择标段数量--><span class="badge badge-light">5</span>
  274. </button>
  275. </div>
  276. </div>
  277. </div>
  278. <div class="panel">
  279. <div class="panel-body">
  280. <div class="btn-group" role="group">
  281. <div class="btn-group" role="group">
  282. <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  283. 纵向
  284. </button>
  285. <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
  286. <a class="dropdown-item" href="#">横向</a>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. <div class="panel-foot text-muted">
  292. 预览设置
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. <div class="sjs-height-4">
  298. <div class="print-view form-view">
  299. <div class="pageContainer">
  300. <div class="page">
  301. <img src="img/2 中期支付证书(佛山禅城).png">
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. <!--管理通用报表-->
  314. <div class="modal fade" id="man-c" data-backdrop="static">
  315. <div class="modal-dialog" role="document">
  316. <div class="modal-content">
  317. <div class="modal-header">
  318. <h5 class="modal-title">管理通用报表</h5>
  319. </div>
  320. <div class="modal-body">
  321. <div class="modal-height-500">
  322. <table class="table table-sm table-bordered">
  323. <tr><th>类别</th><th>包含报表</th><th>显示</th></tr>
  324. <tr><td>XXX表 1</td><td>5</td><td><input type="checkbox"></td></tr>
  325. <tr><td class="pl-4">XXX表 1-1</td><td>2</td><td></td></tr>
  326. <tr><td class="pl-4">XXX表 1-2</td><td>3</td><td></td></tr>
  327. <tr><td>YYY表</td><td>3</td><td><input type="checkbox"></td></tr>
  328. </table>
  329. </div>
  330. </div>
  331. <div class="modal-footer">
  332. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  333. <!--有结果出现添加-->
  334. <button type="button" class="btn btn-primary" >确认</button>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. <!--弹出页边距-->
  340. <div class="modal fade" id="paper" data-backdrop="static">
  341. <div class="modal-dialog" role="document">
  342. <div class="modal-content">
  343. <div class="modal-header">
  344. <h5 class="modal-title">页边距(毫米)</h5>
  345. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  346. <span aria-hidden="true">&times;</span>
  347. </button>
  348. </div>
  349. <div class="modal-body">
  350. <div class="row mb-1 justify-content-center">
  351. <div class="col-3">
  352. <div class="input-group input-group-sm ">
  353. <div class="input-group-prepend">
  354. <span class="input-group-text" id="basic-addon1">上</span>
  355. </div>
  356. <input type="number" class="form-control" value="12">
  357. </div>
  358. </div>
  359. </div>
  360. <div class="row mb-1 align-items-center">
  361. <div class="col-3">
  362. <div class="input-group input-group-sm ">
  363. <div class="input-group-prepend">
  364. <span class="input-group-text" id="basic-addon1">左</span>
  365. </div>
  366. <input type="number" class="form-control" value="12">
  367. </div>
  368. </div>
  369. <div class="col-6">
  370. <h1 class="display-4 text-center"><i class="fa fa-file-o"></i></h1>
  371. </div>
  372. <div class="col-3">
  373. <div class="input-group input-group-sm ">
  374. <div class="input-group-prepend">
  375. <span class="input-group-text" id="basic-addon1">右</span>
  376. </div>
  377. <input type="number" class="form-control" value="12">
  378. </div>
  379. </div>
  380. </div>
  381. <div class="row mb-1 justify-content-center">
  382. <div class="col-3">
  383. <div class="input-group input-group-sm ">
  384. <div class="input-group-prepend">
  385. <span class="input-group-text" id="basic-addon1">下</span>
  386. </div>
  387. <input type="number" class="form-control" value="12">
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392. <div class="modal-footer">
  393. <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
  394. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  395. <a href="" class="btn btn-primary">确定</a>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. <!--弹出页面-->
  401. <div class="modal fade" id="format" data-backdrop="static">
  402. <div class="modal-dialog" role="document">
  403. <div class="modal-content">
  404. <div class="modal-header">
  405. <h5 class="modal-title">页面</h5>
  406. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  407. <span aria-hidden="true">&times;</span>
  408. </button>
  409. </div>
  410. <div class="modal-body">
  411. <div class="row mb-1">
  412. <div class="col-3">
  413. 表标题
  414. </div>
  415. <div class="col-3">
  416. <select class="form-control form-control-sm"><option>宋体</option></select>
  417. </div>
  418. <div class="col-3">
  419. <select class="form-control form-control-sm"><option>20</option></select>
  420. </div>
  421. <div class="col-3">
  422. <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
  423. <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
  424. <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
  425. </div>
  426. </div>
  427. <div class="row mb-1">
  428. <div class="col-3">
  429. 表栏头
  430. </div>
  431. <div class="col-3">
  432. <select class="form-control form-control-sm"><option>宋体</option></select>
  433. </div>
  434. <div class="col-3">
  435. <select class="form-control form-control-sm"><option>20</option></select>
  436. </div>
  437. <div class="col-3">
  438. <a href="" class="btn btn-sm btn-outline-secondary active" title="加粗"><i class="fa fa-bold"></i></a>
  439. <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
  440. <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
  441. </div>
  442. </div>
  443. <div class="row mb-1">
  444. <div class="col-3">
  445. 表正文
  446. </div>
  447. <div class="col-3">
  448. <select class="form-control form-control-sm"><option>宋体</option></select>
  449. </div>
  450. <div class="col-3">
  451. <select class="form-control form-control-sm"><option>20</option></select>
  452. </div>
  453. <div class="col-3">
  454. <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
  455. <a href="" class="btn btn-sm btn-outline-secondary active" title="斜体"><i class="fa fa-italic"></i></a>
  456. <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
  457. </div>
  458. </div>
  459. <div class="row mb-1">
  460. <div class="col-3">
  461. 表合计
  462. </div>
  463. <div class="col-3">
  464. <select class="form-control form-control-sm"><option>宋体</option></select>
  465. </div>
  466. <div class="col-3">
  467. <select class="form-control form-control-sm"><option>20</option></select>
  468. </div>
  469. <div class="col-3">
  470. <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
  471. <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
  472. <a href="" class="btn btn-sm btn-outline-secondary active" title="下划线"><i class="fa fa-underline"></i></a>
  473. </div>
  474. </div>
  475. <div class="row mb-1">
  476. <div class="col-3">
  477. 表眉表脚
  478. </div>
  479. <div class="col-3">
  480. <select class="form-control form-control-sm"><option>宋体</option></select>
  481. </div>
  482. <div class="col-3">
  483. <select class="form-control form-control-sm"><option>20</option></select>
  484. </div>
  485. <div class="col-3">
  486. <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
  487. <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
  488. <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
  489. </div>
  490. </div>
  491. <div class="row mb-1">
  492. <div class="col-3">
  493. 页眉页脚
  494. </div>
  495. <div class="col-3">
  496. <select class="form-control form-control-sm"><option>宋体</option></select>
  497. </div>
  498. <div class="col-3">
  499. <select class="form-control form-control-sm"><option>20</option></select>
  500. </div>
  501. <div class="col-3">
  502. <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
  503. <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
  504. <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
  505. </div>
  506. </div>
  507. <div class="row mb-1">
  508. <div class="col-3">
  509. 表格线粗
  510. </div>
  511. <div class="col-4">
  512. <select class="form-control form-control-sm"><option>1</option></select>
  513. </div>
  514. </div>
  515. <div class="row mb-1">
  516. <div class="col-3">
  517. 边框线粗
  518. </div>
  519. <div class="col-4">
  520. <select class="form-control form-control-sm"><option>1</option></select>
  521. </div>
  522. </div>
  523. <div class="row mb-1">
  524. <div class="col-4">
  525. <div class="form-check">
  526. <label class="form-check-label">
  527. <input type="checkbox" class="form-check-input">
  528. 报表边框横线
  529. </label>
  530. </div>
  531. </div>
  532. <div class="col-4">
  533. <div class="form-check">
  534. <label class="form-check-label">
  535. <input type="checkbox" class="form-check-input">
  536. 报表边框竖线
  537. </label>
  538. </div>
  539. </div>
  540. </div>
  541. <div class="row mb-1">
  542. <div class="col-4">
  543. <div class="form-check">
  544. <label class="form-check-label">
  545. <input type="checkbox" class="form-check-input">
  546. 报表表格横线
  547. </label>
  548. </div>
  549. </div>
  550. <div class="col-4">
  551. <div class="form-check">
  552. <label class="form-check-label">
  553. <input type="checkbox" class="form-check-input">
  554. 报表表格竖线
  555. </label>
  556. </div>
  557. </div>
  558. </div>
  559. <div class="row mb-1">
  560. <div class="col-4">
  561. <div class="form-check">
  562. <label class="form-check-label">
  563. <input type="checkbox" class="form-check-input">
  564. 自动换行打印
  565. </label>
  566. </div>
  567. </div>
  568. <div class="col-4">
  569. <div class="form-check">
  570. <label class="form-check-label">
  571. <input type="checkbox" class="form-check-input">
  572. 内容窄体输出
  573. </label>
  574. </div>
  575. </div>
  576. <div class="col-4">
  577. <div class="form-check">
  578. <label class="form-check-label">
  579. <input type="checkbox" class="form-check-input">
  580. 小数补0
  581. </label>
  582. </div>
  583. </div>
  584. </div>
  585. </div>
  586. <div class="modal-footer">
  587. <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
  588. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  589. <a href="" class="btn btn-primary">确定</a>
  590. </div>
  591. </div>
  592. </div>
  593. </div>
  594. <!--弹出内容-->
  595. <div class="modal fade" id="content" data-backdrop="static">
  596. <div class="modal-dialog" role="document">
  597. <div class="modal-content">
  598. <div class="modal-header">
  599. <h5 class="modal-title">内容</h5>
  600. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  601. <span aria-hidden="true">&times;</span>
  602. </button>
  603. </div>
  604. <div class="modal-body">
  605. </div>
  606. <div class="modal-footer">
  607. <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
  608. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  609. <a href="" class="btn btn-primary">确定</a>
  610. </div>
  611. </div>
  612. </div>
  613. </div>
  614. <!--弹出导出-->
  615. <div class="modal fade" id="export" data-backdrop="static">
  616. <div class="modal-dialog" role="document">
  617. <div class="modal-content">
  618. <div class="modal-header">
  619. <h5 class="modal-title">批量导出Excel</h5>
  620. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  621. <span aria-hidden="true">&times;</span>
  622. </button>
  623. </div>
  624. <div class="modal-body">
  625. <div class="row">
  626. <div class="col-6">
  627. <div class="card">
  628. <img class="card-img-top" src="img/p2.png">
  629. <div class="card-body px-3">
  630. <div class="form-check">
  631. <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
  632. <label class="form-check-label" for="exampleRadios1">
  633. 多个表导出一个Excel文件
  634. </label>
  635. </div>
  636. </div>
  637. </div>
  638. </div>
  639. <div class="col-6">
  640. <div class="card">
  641. <img class="card-img-top" src="img/p1.png">
  642. <div class="card-body px-3">
  643. <div class="form-check">
  644. <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" checked>
  645. <label class="form-check-label" for="exampleRadios2">
  646. 每个表导出一个Excel文件
  647. </label>
  648. </div>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. <div class="modal-footer">
  655. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  656. <a href="" class="btn btn-primary">确定导出</a>
  657. </div>
  658. </div>
  659. </div>
  660. </div>
  661. <!--添加定制报表-->
  662. <div class="modal fade" id="add-c" data-backdrop="static">
  663. <div class="modal-dialog" role="document">
  664. <div class="modal-content">
  665. <div class="modal-header">
  666. <h5 class="modal-title">添加定制报表</h5>
  667. </div>
  668. <div class="modal-body">
  669. <table class="table table-bordered">
  670. <tr><th>报表组名</th><th>包含报表</th><th>最近更新</th><th>选择</th></tr>
  671. <tr><td>土建报表</td><td>13</td><td>2019-03-22</td><td><div class="form-check">
  672. <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
  673. <label class="form-check-label" for="defaultCheck1">
  674. 添加
  675. </label>
  676. </div></td>
  677. </tr>
  678. <tr><td>绿化报表</td><td>13</td><td>2019-03-22</td><td>已添加</td>
  679. </tr>
  680. </table>
  681. </div>
  682. <div class="modal-footer">
  683. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  684. <!--有结果出现添加-->
  685. <button type="button" class="btn btn-primary" >确认</button>
  686. </div>
  687. </div>
  688. </div>
  689. </div>
  690. <!--弹出电子签名-->
  691. <div class="modal fade" id="sign" data-backdrop="static">
  692. <div class="modal-dialog" role="document">
  693. <div class="modal-content">
  694. <div class="modal-header">
  695. <h5 class="modal-title">设置电子签名</h5>
  696. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  697. <span aria-hidden="true">&times;</span>
  698. </button>
  699. </div>
  700. <div class="modal-body">
  701. <div class="form-group row">
  702. <label for="staticEmail" class="col-sm-3 col-form-label pr-0">承包人项目经理</label>
  703. <div class="col-sm-9">
  704. <div class="input-group input-group-sm">
  705. <input type="text" class="form-control" placeholder="输入姓名或单位检索" value="张三 监理(XXXX公司)">
  706. <div class="input-group-append">
  707. <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">最近使用</button>
  708. <div class="dropdown-menu dropdown-menu-right">
  709. <a class="dropdown-item" href="#">张三 监理<br><small class="text-muted">XXXX公司</small></a>
  710. <a class="dropdown-item" href="#">王五 监理<br><small class="text-muted">XXXX公司</small></a>
  711. </div>
  712. </div>
  713. </div>
  714. <div class="form-group form-check mb-0">
  715. <input type="checkbox" class="form-check-input" id="exampleCheck1">
  716. <label class="form-check-label" for="exampleCheck1">显示审批意见</label>
  717. </div>
  718. </div>
  719. </div>
  720. <div class="form-group row">
  721. <label for="staticEmail" class="col-sm-3 col-form-label pr-0">总监理工程师</label>
  722. <div class="col-sm-9">
  723. <div class="input-group input-group-sm">
  724. <input type="text" class="form-control" placeholder="输入姓名或单位检索">
  725. <div class="input-group-append">
  726. <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">最近使用</button>
  727. <div class="dropdown-menu dropdown-menu-right">
  728. <a class="dropdown-item" href="#">张三 监理<br><small class="text-muted">XXXX公司</small></a>
  729. <a class="dropdown-item" href="#">王五 监理<br><small class="text-muted">XXXX公司</small></a>
  730. </div>
  731. </div>
  732. </div>
  733. </div>
  734. </div>
  735. </div>
  736. <div class="modal-footer">
  737. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  738. <a href="" class="btn btn-primary">确定</a>
  739. </div>
  740. </div>
  741. </div>
  742. </div>
  743. <!-- JS. -->
  744. <script src="js/jquery/jquery-3.2.1.min.js"></script>
  745. <script src="js/popper/popper.min.js"></script>
  746. <script src="js/bootstrap/bootstrap.min.js"></script>
  747. <script src="js/global.js"></script>
  748. <script type="text/javascript"> autoFlashHeight();</script>
  749. <!-- zTree -->
  750. <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
  751. <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
  752. <script type="text/javascript">
  753. <!--
  754. var setting = {
  755. view: {
  756. selectedMulti: false
  757. },
  758. data: {
  759. simpleData: {
  760. enable: true
  761. }
  762. },
  763. callback: {
  764. onCheck: onCheck
  765. }
  766. };
  767. var zNodes =[
  768. { id:2, pId:0, name:"定制报表", open:true},
  769. { id:21, pId:2, name:"AA报表 2-1"},
  770. { id:221, pId:21, name:"报表 2-2-1"},
  771. { id:222, pId:21, name:"报表 2-2-2"},
  772. { id:223, pId:21, name:"报表 2-2-3"},
  773. { id:22, pId:2, name:"BB报表 2-2", open:true},
  774. { id:224, pId:22, name:"报表 2-2-1"},
  775. { id:225, pId:22, name:"报表 2-2-2"},
  776. { id:226, pId:22, name:"报表 2-2-3"},
  777. { id:1, pId:0, name:"通用报表", open:true},
  778. { id:11, pId:1, name:"XXX表 1-1"},
  779. { id:122, pId:11, name:"报表 1-2-2"},
  780. { id:123, pId:11, name:"报表 1-2-3"},
  781. { id:12, pId:1, name:"YYY表", open:true},
  782. { id:124, pId:12, name:"报表 1-2-1"},
  783. { id:125, pId:12, name:"报表 1-2-2"},
  784. { id:126, pId:12, name:"报表 1-2-3"}
  785. ];
  786. var clearFlag = false;
  787. function onCheck(e, treeId, treeNode) {
  788. count();
  789. if (clearFlag) {
  790. clearCheckedOldNodes();
  791. }
  792. }
  793. function clearCheckedOldNodes() {
  794. var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
  795. nodes = zTree.getChangeCheckedNodes();
  796. for (var i=0, l=nodes.length; i<l; i++) {
  797. nodes[i].checkedOld = nodes[i].checked;
  798. }
  799. }
  800. function count() {
  801. var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
  802. checkCount = zTree.getCheckedNodes(true).length;
  803. $("#checkCount2").text(checkCount);
  804. }
  805. function createTree() {
  806. $.fn.zTree.init($("#treeDemo2"), setting, zNodes);
  807. count();
  808. }
  809. $(document).ready(function(){
  810. createTree();
  811. });
  812. //-->
  813. </script>
  814. </body>
  815. </html>