jiliang-qi-baobiao.html 43 KB

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