郑州第一人民医院UI

statisticalReport.html 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>单位信息</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  10. <link href="../css/Table/table1.css" rel="stylesheet" />
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <link href="./css/onlineServiceList.css" rel="stylesheet" />
  13. </head>
  14. <body class="gray-bg">
  15. <div class="daoHang clearfix">
  16. <div class="dhLeft">
  17. <sapn><i class="syIcon"></i>位置:
  18. <a id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>&gt;
  19. <a href="javaScript:;">在线客服</a>&gt;
  20. <a href="javascript:location.reload()" class="now_position">统计报表</a>
  21. </sapn>
  22. </div>
  23. </div>
  24. <div class="wrapper wrapper-content animated fadeInRight equp_management">
  25. <!--<div class="th-box">
  26. <div class="form-inline th-bar clearfix">
  27. <div class="form-group tool_bars pull-right">
  28. <input type="button" class="btn_gray" authorize="yes" id="HY_add" onclick="btn_add()" value="添加" />
  29. </div>
  30. </div>
  31. </div>-->
  32. <div class="tab_contents" id="tab_contents">
  33. <div class="tabs_details showtabs">
  34. <table id="table_all" data-row-style="rowStyle" data-query-params="queryParams">
  35. <thead>
  36. <tr>
  37. <th data-field="zxusercoude" data-align="center">客服账号</th>
  38. <th data-field="yyghcount" data-align="center">预约挂号</th>
  39. <th data-field="Tjcount" data-align="center" >体检</th>
  40. <th data-field="Zpcount" data-align="center">招聘</th>
  41. <th data-field="bqdhcount" data-align="center" >病情、电话</th>
  42. <th data-field="xgymcount" data-align="center">核酸检测新冠疫苗</th>
  43. <th data-field="sbsjcount" data-align="center" >上班时间</th>
  44. <th data-field="ybcount" data-align="center">医保</th>
  45. <th data-field="wnrhcount" data-align="center" >无内容</th>
  46. <th data-field="allcount" data-align="center">总数</th>
  47. </tr>
  48. </thead>
  49. </table>
  50. </div>
  51. </div>
  52. </div>
  53. </body>
  54. <script src="../Script/Common/regexs.js"></script>
  55. <script src="../js/laydate/laydate.js"></script>
  56. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  57. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  58. <script type="text/javascript">
  59. initTable()
  60. function initTable() {
  61. var $tableLeft = $('#table_all');
  62. $tableLeft.bootstrapTable('destroy');
  63. //先销毁表格
  64. $tableLeft.bootstrapTable({
  65. method: "get", //使用get请求到服务器获取数据
  66. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getonlinesertype",
  67. contentType: "application/x-www-form-urlencoded",
  68. striped: true, //表格显示条纹
  69. pagination: false, //启动分页
  70. pageSize: 500, //每页显示的记录数
  71. pageNumber: 1, //当前第几页
  72. fixedColumns: true,
  73. fixedNumber: 3,
  74. pageList: [500, 1000, 1500], //记录数可选列表
  75. search: false, //是否启用查询
  76. showColumns: false, //显示下拉框勾选要显示的列
  77. showRefresh: false, //显示刷新按钮
  78. sidePagination: "server", //表示服务端请求
  79. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  80. //设置为limit可以获取limit, offset, search, sort, order
  81. queryParamsType: "undefined",
  82. queryParams: function queryParams(params) { //设置查询参数
  83. console.log(params)
  84. var param = {
  85. };
  86. return param;
  87. },
  88. responseHandler: function(data) {
  89. var data=data.data
  90. var yyghcount = data.reduce((sum, e) => sum + parseInt(e.yyghcount), 0)
  91. var Tjcount = data.reduce((sum, e) => sum + parseInt(e.Tjcount), 0)
  92. var Zpcount = data.reduce((sum, e) => sum + parseInt(e.Zpcount), 0)
  93. var bqdhcount = data.reduce((sum, e) => sum + parseInt(e.bqdhcount), 0)
  94. var xgymcount = data.reduce((sum, e) => sum + parseInt(e.xgymcount), 0)
  95. var sbsjcount = data.reduce((sum, e) => sum + parseInt(e.sbsjcount), 0)
  96. var ybcount = data.reduce((sum, e) => sum + parseInt(e.ybcount), 0)
  97. var wnrhcount = data.reduce((sum, e) => sum + parseInt(e.wnrhcount), 0)
  98. var newhzdata = [{
  99. zxusercoude:'合计',
  100. yyghcount:yyghcount,
  101. Tjcount:Tjcount,
  102. Zpcount:Zpcount,
  103. bqdhcount:bqdhcount,
  104. xgymcount:xgymcount,
  105. sbsjcount:sbsjcount,
  106. ybcount:ybcount,
  107. wnrhcount:wnrhcount,
  108. allcount:yyghcount+Tjcount+Zpcount+bqdhcount+xgymcount+sbsjcount+ybcount+wnrhcount
  109. }]
  110. data = data.concat(newhzdata)
  111. return {
  112. "rows": data //数据
  113. };
  114. },
  115. onLoadSuccess: function(data) { //加载成功时执行
  116. },
  117. onLoadError: function() { //加载失败时执行
  118. layer.msg("加载数据失败", {
  119. time: 1500,
  120. icon: 2
  121. });
  122. }
  123. });
  124. }
  125. </script>
  126. </html>