data_statistics.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
  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.0">
  6. <title>逸管FEP</title>
  7. <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
  8. <link rel="stylesheet" href="{__MOBILE__}/css/contacts.css">
  9. <link rel="stylesheet" href="{__MOBILE__}/layui/css/layui.css">
  10. <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
  11. <style>
  12. table {
  13. display:block;
  14. overflow-y:scroll;
  15. -webkit-overflow-scrolling: touch; // 为了滚动顺畅
  16. }
  17. td {
  18. width: auto;
  19. }
  20. table tbody::-webkit-scrollbar {
  21. display: none; // 隐藏滚动条,不需要可取消
  22. }
  23. table thead, table tbody tr {
  24. display:table;
  25. width:400%;
  26. table-layout:fixed;//fixed:固定表格布局
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="top">
  32. <a href="{:url('mobile/index/main')}">
  33. <div><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></div>
  34. </a>
  35. <div>数据统计</div>
  36. <!-- 下面是个小妙招 -->
  37. <div style="width: 5vw;"></div>
  38. </div>
  39. <div class="contacts" style="margin-top: 13vw !important;">
  40. <div class="layui-tab layui-tab-brief">
  41. {if $unit_type == 2}
  42. <ul class="layui-tab-title">
  43. <a href="{:url('mobile/index/data_statistics')}">
  44. <li class="layui-this">数据统计</li>
  45. </a>
  46. <a href="{:url('mobile/index/data_statistics_member')}">
  47. <li>成员统计</li>
  48. </a>
  49. </ul>
  50. {/if}
  51. </div>
  52. <div class="sreach">
  53. <form class="layui-form">
  54. <div class="layui-input-wrap" style="display: flex;">
  55. <input type="text" class="layui-input" id="ID-laydate-type-year" placeholder="yyyy" name="today">
  56. <span>
  57. <button style="width: 10vw;height: 4.6vh;border: none; " lay-filter="webform">
  58. <img src="{__MOBILE__}/img/search.png" alt="" style="width: 100%;height: 100%;">
  59. </button>
  60. </span>
  61. </div>
  62. </form>
  63. </div>
  64. </div>
  65. {if $unit_type == 2}
  66. <div class="person">
  67. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  68. <div>
  69. <div class="person-content">
  70. <table class="layui-table">
  71. <thead>
  72. <tr>
  73. <th>项目数量</th>
  74. <th>1月</th>
  75. <th>2月</th>
  76. <th>3月</th>
  77. <th>4月</th>
  78. <th>5月</th>
  79. <th>6月</th>
  80. <th>7月</th>
  81. <th>8月</th>
  82. <th>9月</th>
  83. <th>10月</th>
  84. <th>11月</th>
  85. <th>12月</th>
  86. </tr>
  87. </thead>
  88. <tr>
  89. <th>{$all_sent_review_cost_company.all.project_number}</th>
  90. <th>{$all_sent_review_cost_company.1.project_number}</th>
  91. <th>{$all_sent_review_cost_company.2.project_number}</th>
  92. <th>{$all_sent_review_cost_company.3.project_number}</th>
  93. <th>{$all_sent_review_cost_company.4.project_number}</th>
  94. <th>{$all_sent_review_cost_company.5.project_number}</th>
  95. <th>{$all_sent_review_cost_company.6.project_number}</th>
  96. <th>{$all_sent_review_cost_company.7.project_number}</th>
  97. <th>{$all_sent_review_cost_company.8.project_number}</th>
  98. <th>{$all_sent_review_cost_company.9.project_number}</th>
  99. <th>{$all_sent_review_cost_company.10.project_number}</th>
  100. <th>{$all_sent_review_cost_company.11.project_number}</th>
  101. <th>{$all_sent_review_cost_company.12.project_number}</th>
  102. </tr>
  103. <tr>
  104. <th>送审总额</th>
  105. <th>1月</th>
  106. <th>2月</th>
  107. <th>3月</th>
  108. <th>4月</th>
  109. <th>5月</th>
  110. <th>6月</th>
  111. <th>7月</th>
  112. <th>8月</th>
  113. <th>9月</th>
  114. <th>10月</th>
  115. <th>11月</th>
  116. <th>12月</th>
  117. </tr>
  118. <tr>
  119. <th>{$all_sent_review_cost_company.all.all_sent_amount}</th>
  120. <th>{$all_sent_review_cost_company.1.all_sent_amount}</th>
  121. <th>{$all_sent_review_cost_company.2.all_sent_amount}</th>
  122. <th>{$all_sent_review_cost_company.3.all_sent_amount}</th>
  123. <th>{$all_sent_review_cost_company.4.all_sent_amount}</th>
  124. <th>{$all_sent_review_cost_company.5.all_sent_amount}</th>
  125. <th>{$all_sent_review_cost_company.6.all_sent_amount}</th>
  126. <th>{$all_sent_review_cost_company.7.all_sent_amount}</th>
  127. <th>{$all_sent_review_cost_company.8.all_sent_amount}</th>
  128. <th>{$all_sent_review_cost_company.9.all_sent_amount}</th>
  129. <th>{$all_sent_review_cost_company.10.all_sent_amount}</th>
  130. <th>{$all_sent_review_cost_company.11.all_sent_amount}</th>
  131. <th>{$all_sent_review_cost_company.12.all_sent_amount}</th>
  132. </tr>
  133. <tr>
  134. <th>审定总额</th>
  135. <th>1月</th>
  136. <th>2月</th>
  137. <th>3月</th>
  138. <th>4月</th>
  139. <th>5月</th>
  140. <th>6月</th>
  141. <th>7月</th>
  142. <th>8月</th>
  143. <th>9月</th>
  144. <th>10月</th>
  145. <th>11月</th>
  146. <th>12月</th>
  147. </tr>
  148. <tr>
  149. <th>{$all_sent_review_cost_company.all.all_authorize_amount}</th>
  150. <th>{$all_sent_review_cost_company.1.all_authorize_amount}</th>
  151. <th>{$all_sent_review_cost_company.2.all_authorize_amount}</th>
  152. <th>{$all_sent_review_cost_company.3.all_authorize_amount}</th>
  153. <th>{$all_sent_review_cost_company.4.all_authorize_amount}</th>
  154. <th>{$all_sent_review_cost_company.5.all_authorize_amount}</th>
  155. <th>{$all_sent_review_cost_company.6.all_authorize_amount}</th>
  156. <th>{$all_sent_review_cost_company.7.all_authorize_amount}</th>
  157. <th>{$all_sent_review_cost_company.8.all_authorize_amount}</th>
  158. <th>{$all_sent_review_cost_company.9.all_authorize_amount}</th>
  159. <th>{$all_sent_review_cost_company.10.all_authorize_amount}</th>
  160. <th>{$all_sent_review_cost_company.11.all_authorize_amount}</th>
  161. <th>{$all_sent_review_cost_company.12.all_authorize_amount}</th>
  162. </tr>
  163. <tr>
  164. <th>服务费总额</th>
  165. <th>1月</th>
  166. <th>2月</th>
  167. <th>3月</th>
  168. <th>4月</th>
  169. <th>5月</th>
  170. <th>6月</th>
  171. <th>7月</th>
  172. <th>8月</th>
  173. <th>9月</th>
  174. <th>10月</th>
  175. <th>11月</th>
  176. <th>12月</th>
  177. </tr>
  178. <tr>
  179. <th>{$all_sent_review_cost_company.all.all_sent_review_cost}</th>
  180. <th>{$all_sent_review_cost_company.1.all_sent_review_cost}</th>
  181. <th>{$all_sent_review_cost_company.2.all_sent_review_cost}</th>
  182. <th>{$all_sent_review_cost_company.3.all_sent_review_cost}</th>
  183. <th>{$all_sent_review_cost_company.4.all_sent_review_cost}</th>
  184. <th>{$all_sent_review_cost_company.5.all_sent_review_cost}</th>
  185. <th>{$all_sent_review_cost_company.6.all_sent_review_cost}</th>
  186. <th>{$all_sent_review_cost_company.7.all_sent_review_cost}</th>
  187. <th>{$all_sent_review_cost_company.8.all_sent_review_cost}</th>
  188. <th>{$all_sent_review_cost_company.9.all_sent_review_cost}</th>
  189. <th>{$all_sent_review_cost_company.10.all_sent_review_cost}</th>
  190. <th>{$all_sent_review_cost_company.11.all_sent_review_cost}</th>
  191. <th>{$all_sent_review_cost_company.12.all_sent_review_cost}</th>
  192. </tr>
  193. </table>
  194. </div>
  195. </div>
  196. </div>
  197. <div class="person">
  198. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  199. <div>
  200. <div class="person-content">
  201. <table class="layui-table">
  202. <thead>
  203. <tr>
  204. <th>委托单位</th>
  205. <th>项目数量</th>
  206. <th>送审总额</th>
  207. <th>审定总额</th>
  208. <th>总审增减率</th>
  209. <th>预算总额</th>
  210. <th>结算总额</th>
  211. <th>送审服务费</th>
  212. </tr>
  213. </thead>
  214. <tbody>
  215. {volist name="review_poportion_company" id="vo"}
  216. <tr>
  217. <th>{$vo.entrust_unit_name}</th>
  218. <th>{$vo.project_number}</th>
  219. <th>{$vo.all_sent_amount}</th>
  220. <th>{$vo.all_authorize_amount}</th>
  221. {if $vo.increaseOrdecrease == null}
  222. <th>0.00</th>
  223. {else}
  224. <th>{$vo.increaseOrdecrease}</th>
  225. {/if}
  226. <th>{$vo.budget_amount}</th>
  227. <th>{$vo.settlement_amount}</th>
  228. <th>{$vo.all_sent_review_cost}</th>
  229. </tr>
  230. {/volist}
  231. </tbody>
  232. </table>
  233. </div>
  234. </div>
  235. </div>
  236. <div class="person">
  237. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  238. <div>
  239. <div class="person-content tablein">
  240. <table class="layui-table">
  241. <thead>
  242. <tr>
  243. <th>送审单位</th>
  244. <th>项目数量</th>
  245. <th>送审总额</th>
  246. <th>预算总额</th>
  247. <th>结算总额</th>
  248. </tr>
  249. </thead>
  250. <tbody>
  251. {volist name="sent_poportion_company" id="vo"}
  252. <tr>
  253. <th>{$vo.sent_review_unit_name}</th>
  254. <th>{$vo.project_number}</th>
  255. <th>{$vo.all_sent_amount}</th>
  256. <th>{$vo.budget_amount}</th>
  257. <th>{$vo.settlement_amount}</th>
  258. </tr>
  259. {/volist}
  260. </tbody>
  261. </table>
  262. </div>
  263. </div>
  264. </div>
  265. {elseif $unit_type == 0}
  266. <div class="person">
  267. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  268. <div>
  269. <div class="person-content">
  270. <table class="layui-table">
  271. <thead>
  272. <tr>
  273. <th>项目数量</th>
  274. <th>1月</th>
  275. <th>2月</th>
  276. <th>3月</th>
  277. <th>4月</th>
  278. <th>5月</th>
  279. <th>6月</th>
  280. <th>7月</th>
  281. <th>8月</th>
  282. <th>9月</th>
  283. <th>10月</th>
  284. <th>11月</th>
  285. <th>12月</th>
  286. </tr>
  287. </thead>
  288. <tr>
  289. <th>{$sent.all.project_number}</th>
  290. <th>{$sent.1.project_number}</th>
  291. <th>{$sent.2.project_number}</th>
  292. <th>{$sent.3.project_number}</th>
  293. <th>{$sent.4.project_number}</th>
  294. <th>{$sent.5.project_number}</th>
  295. <th>{$sent.6.project_number}</th>
  296. <th>{$sent.7.project_number}</th>
  297. <th>{$sent.8.project_number}</th>
  298. <th>{$sent.9.project_number}</th>
  299. <th>{$sent.10.project_number}</th>
  300. <th>{$sent.11.project_number}</th>
  301. <th>{$sent.12.project_number}</th>
  302. </tr>
  303. <tr>
  304. <th>送审总额</th>
  305. <th>1月</th>
  306. <th>2月</th>
  307. <th>3月</th>
  308. <th>4月</th>
  309. <th>5月</th>
  310. <th>6月</th>
  311. <th>7月</th>
  312. <th>8月</th>
  313. <th>9月</th>
  314. <th>10月</th>
  315. <th>11月</th>
  316. <th>12月</th>
  317. </tr>
  318. <tr>
  319. <th>{$sent.all.all_sent_amount}</th>
  320. <th>{$sent.1.all_sent_amount}</th>
  321. <th>{$sent.2.all_sent_amount}</th>
  322. <th>{$sent.3.all_sent_amount}</th>
  323. <th>{$sent.4.all_sent_amount}</th>
  324. <th>{$sent.5.all_sent_amount}</th>
  325. <th>{$sent.6.all_sent_amount}</th>
  326. <th>{$sent.7.all_sent_amount}</th>
  327. <th>{$sent.8.all_sent_amount}</th>
  328. <th>{$sent.9.all_sent_amount}</th>
  329. <th>{$sent.10.all_sent_amount}</th>
  330. <th>{$sent.11.all_sent_amount}</th>
  331. <th>{$sent.12.all_sent_amount}</th>
  332. </tr>
  333. <tr>
  334. <th>审定总额</th>
  335. <th>1月</th>
  336. <th>2月</th>
  337. <th>3月</th>
  338. <th>4月</th>
  339. <th>5月</th>
  340. <th>6月</th>
  341. <th>7月</th>
  342. <th>8月</th>
  343. <th>9月</th>
  344. <th>10月</th>
  345. <th>11月</th>
  346. <th>12月</th>
  347. </tr>
  348. <tr>
  349. <th>{$sent.all.all_authorize_amount}</th>
  350. <th>{$sent.1.all_authorize_amount}</th>
  351. <th>{$sent.2.all_authorize_amount}</th>
  352. <th>{$sent.3.all_authorize_amount}</th>
  353. <th>{$sent.4.all_authorize_amount}</th>
  354. <th>{$sent.5.all_authorize_amount}</th>
  355. <th>{$sent.6.all_authorize_amount}</th>
  356. <th>{$sent.7.all_authorize_amount}</th>
  357. <th>{$sent.8.all_authorize_amount}</th>
  358. <th>{$sent.9.all_authorize_amount}</th>
  359. <th>{$sent.10.all_authorize_amount}</th>
  360. <th>{$sent.11.all_authorize_amount}</th>
  361. <th>{$sent.12.all_authorize_amount}</th>
  362. </tr>
  363. <tr>
  364. <th>服务费总额</th>
  365. <th>1月</th>
  366. <th>2月</th>
  367. <th>3月</th>
  368. <th>4月</th>
  369. <th>5月</th>
  370. <th>6月</th>
  371. <th>7月</th>
  372. <th>8月</th>
  373. <th>9月</th>
  374. <th>10月</th>
  375. <th>11月</th>
  376. <th>12月</th>
  377. </tr>
  378. <tr>
  379. <th>{$sent.all.all_sent_review_cost}</th>
  380. <th>{$sent.1.all_sent_review_cost}</th>
  381. <th>{$sent.2.all_sent_review_cost}</th>
  382. <th>{$sent.3.all_sent_review_cost}</th>
  383. <th>{$sent.4.all_sent_review_cost}</th>
  384. <th>{$sent.5.all_sent_review_cost}</th>
  385. <th>{$sent.6.all_sent_review_cost}</th>
  386. <th>{$sent.7.all_sent_review_cost}</th>
  387. <th>{$sent.8.all_sent_review_cost}</th>
  388. <th>{$sent.9.all_sent_review_cost}</th>
  389. <th>{$sent.10.all_sent_review_cost}</th>
  390. <th>{$sent.11.all_sent_review_cost}</th>
  391. <th>{$sent.12.all_sent_review_cost}</th>
  392. </tr>
  393. </table>
  394. </div>
  395. </div>
  396. </div>
  397. <div class="person">
  398. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  399. <div>
  400. <div class="person-content">
  401. <table class="layui-table">
  402. <thead>
  403. <tr>
  404. <th>评审机构</th>
  405. <th>项目数量</th>
  406. <th>送审总额</th>
  407. <th>审定总额</th>
  408. <th>总审增减率</th>
  409. <th>预算总额</th>
  410. <th>结算总额</th>
  411. <th>送审服务费</th>
  412. </tr>
  413. </thead>
  414. <tbody>
  415. {volist name="review_poportion" id="vo"}
  416. <tr>
  417. <th>{$vo.review_unit_name}</th>
  418. <th>{$vo.project_number}</th>
  419. <th>{$vo.all_sent_amount}</th>
  420. <th>{$vo.all_authorize_amount}</th>
  421. <th>等下</th>
  422. <th>{$vo.budget_amount}</th>
  423. <th>{$vo.settlement_amount}</th>
  424. <th>{$vo.all_sent_review_cost}</th>
  425. </tr>
  426. {/volist}
  427. </tbody>
  428. </table>
  429. </div>
  430. </div>
  431. </div>
  432. <div class="person">
  433. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  434. <div>
  435. <div class="person-content">
  436. <table class="layui-table">
  437. <thead>
  438. <tr>
  439. <th>送审单位</th>
  440. <th>项目数量</th>
  441. <th>送审总额</th>
  442. <th>预算总额</th>
  443. <th>结算总额</th>
  444. </tr>
  445. </thead>
  446. <tbody>
  447. {volist name="sent_poportion" id="vo"}
  448. <tr>
  449. <th>{$vo.sent_review_unit_name}</th>
  450. <th>{$vo.project_number}</th>
  451. <th>{$vo.all_sent_amount}</th>
  452. <th>{$vo.budget_amount}</th>
  453. <th>{$vo.settlement_amount}</th>
  454. </tr>
  455. {/volist}
  456. </tbody>
  457. </table>
  458. </div>
  459. </div>
  460. </div>
  461. {/if}
  462. <script src="{__DATA__}/css/js/jquery.js"></script>
  463. <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
  464. <script src="{__GOUGU__}/gougu/gouguInit.js"></script>
  465. <script>
  466. const moduleInit = ['tool', 'oaTool'];
  467. function getQuerys(e) {
  468. if (!e) return "";
  469. var t = {},
  470. r = [],
  471. n = "",
  472. a = "";
  473. try {
  474. var i = [];
  475. if (e.indexOf("?") >= 0 && (i = e.substring(e.indexOf("?") + 1, e.length).split("&")), i.length > 0) for (var o in i) n = (r = i[o].split("="))[0],
  476. a = r[1],
  477. t[n] = a
  478. } catch (s) {
  479. t = {}
  480. }
  481. return t
  482. }
  483. let membername = getQuerys(window.location.href).membername;
  484. let datetime = getQuerys(window.location.href).today;
  485. if (!datetime) {
  486. datetime = 2024;
  487. }
  488. if (!membername) {
  489. membername = '';
  490. }
  491. document.getElementById("time1").textContent = datetime;
  492. document.getElementById("time3").textContent = datetime;
  493. function gouguInit() {
  494. var table = layui.table, tool = layui.tool, form = layui.form, oaTool = layui.oaTool;
  495. var laydate = layui.laydate;
  496. // 年选择器
  497. laydate.render({
  498. elem: '#ID-laydate-type-year',
  499. type: 'year',
  500. value: datetime
  501. });
  502. //监听搜索提交
  503. form.on('submit(webform)', function (data) {
  504. location.href = '/admin/datastat.datastat/cost_member?today=' + data.field.today;
  505. return false;
  506. });
  507. }
  508. </script>
  509. </body>
  510. </html>