data_statistics_member.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  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>数据统计</li>
  45. </a>
  46. <a href="{:url('mobile/index/data_statistics_member')}">
  47. <li class="layui-this">成员统计</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. <div class="person">
  66. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  67. <div>
  68. <div class="person-content">
  69. <table class="layui-table">
  70. <thead>
  71. <tr>
  72. <th>姓名</th>
  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. {volist name="cost_month_member" id="vo"}
  89. <tr>
  90. <th>{$vo.review_head_name}</th>
  91. <th>{$vo.project_number}</th>
  92. <th>{$vo.month_1}</th>
  93. <th>{$vo.month_2}</th>
  94. <th>{$vo.month_3}</th>
  95. <th>{$vo.month_4}</th>
  96. <th>{$vo.month_5}</th>
  97. <th>{$vo.month_6}</th>
  98. <th>{$vo.month_7}</th>
  99. <th>{$vo.month_8}</th>
  100. <th>{$vo.month_9}</th>
  101. <th>{$vo.month_10}</th>
  102. <th>{$vo.month_11}</th>
  103. <th>{$vo.month_12}</th>
  104. </tr>
  105. {/volist}
  106. </table>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="person">
  111. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  112. <div>
  113. <div class="person-content">
  114. <table class="layui-table">
  115. <thead>
  116. <tr>
  117. <th>姓名</th>
  118. <th>项目总数</th>
  119. <th>作业中</th>
  120. <th>归档中</th>
  121. <th>已归档</th>
  122. <th>退审中</th>
  123. <th>已退审</th>
  124. <th>送审总额</th>
  125. <th>审定总额</th>
  126. </tr>
  127. </thead>
  128. {volist name="cost_project_member" id="vo"}
  129. <tr>
  130. <th>{$vo.review_head_name}</th>
  131. <th>{$vo.project_number}</th>
  132. <th>{$vo.count_status_5}</th>
  133. <th>{$vo.count_status_6}</th>
  134. <th>{$vo.count_status_8}</th>
  135. <th>{$vo.count_status_7}</th>
  136. <th>{$vo.count_status_9}</th>
  137. <th>{$vo.all_sent_amount}</th>
  138. <th>{$vo.all_authorize_amount}</th>
  139. </tr>
  140. {/volist}
  141. </table>
  142. </div>
  143. </div>
  144. </div>
  145. <script src="{__DATA__}/css/js/jquery.js"></script>
  146. <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
  147. <script src="{__GOUGU__}/gougu/gouguInit.js"></script>
  148. <script>
  149. const moduleInit = ['tool', 'oaTool'];
  150. function getQuerys(e) {
  151. if (!e) return "";
  152. var t = {},
  153. r = [],
  154. n = "",
  155. a = "";
  156. try {
  157. var i = [];
  158. 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],
  159. a = r[1],
  160. t[n] = a
  161. } catch (s) {
  162. t = {}
  163. }
  164. return t
  165. }
  166. let membername = getQuerys(window.location.href).membername;
  167. let datetime = getQuerys(window.location.href).today;
  168. if (!datetime) {
  169. datetime = 2024;
  170. }
  171. if (!membername) {
  172. membername = '';
  173. }
  174. $.ajax({
  175. url: '/admin/datastat.datastat/cost_name_member?today='+ datetime + '&name=' + membername,
  176. async: false,
  177. success: function (res) {
  178. if (!res) {
  179. layer.msg('系统错误,请检查网络或联系管理员!');
  180. }
  181. echarts_3(res);
  182. },
  183. error: function () {
  184. layer.msg('系统错误,请检查网络或联系管理员!');
  185. }
  186. })
  187. function gouguInit() {
  188. var table = layui.table, tool = layui.tool, form = layui.form, oaTool = layui.oaTool;
  189. var laydate = layui.laydate;
  190. // 年选择器
  191. laydate.render({
  192. elem: '#ID-laydate-type-year',
  193. type: 'year',
  194. value: datetime
  195. });
  196. //监听搜索提交
  197. form.on('submit(webform)', function (data) {
  198. location.href = '/admin/datastat.datastat/cost_member?today=' + data.field.today;
  199. return false;
  200. });
  201. }
  202. </script>
  203. </body>
  204. </html>