index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>数据上报</title>
  8. <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
  10. <style>
  11. .layui-table-cell {
  12. height: auto;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <!-- 页面加载loading -->
  18. <div class="page-loading">
  19. <div class="ball-loader">
  20. <span></span><span></span><span></span><span></span>
  21. </div>
  22. </div>
  23. <!-- 正文开始 -->
  24. <div class="layui-fluid">
  25. <div class="layui-card">
  26. <div class="layui-card-body">
  27. <div class="layui-form toolbar">
  28. <div class="layui-form-item text-right">
  29. <div class="layui-inline">
  30. <label class="layui-form-label w-auto">搜索:</label>
  31. <div class="layui-input-inline mr0">
  32. <input name="keyword" class="layui-input" type="text" placeholder="输入关键字"/>
  33. </div>
  34. <button class="layui-btn icon-btn bg-c-add" lay-filter="formSubSearch" lay-submit>
  35. <i class="layui-icon">&#xe615;</i>
  36. </button>
  37. </div>
  38. <div class="layui-inline">
  39. <button id="report"
  40. class="layui-btn layui-btn-sm layui-btn-normal"><i
  41. class="layui-icon">&#xe654;</i>上报
  42. </button>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="layui-tab" lay-filter="tabChange">
  47. <ul class="layui-tab-title">
  48. <li class="layui-this" lay-id="wait">企业基本信息</li>
  49. <li lay-id="already">风险点基本信息</li>
  50. <li lay-id="already">风险点辨识信息</li>
  51. <li lay-id="already">风险隐患排查任务信息</li>
  52. <li lay-id="already">风险隐患排查任务执行信息</li>
  53. <li lay-id="already">隐患登记</li>
  54. <li lay-id="already">隐患整改</li>
  55. <li lay-id="already">隐患验收</li>
  56. </ul>
  57. <div class="layui-tab-content">
  58. <div class="layui-tab-item layui-show">
  59. <table class="layui-table" id="datatable" lay-filter="datatable"></table>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <!-- js部分 -->
  67. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  68. <script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
  69. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  70. <script>
  71. // layui.use(['layer', 'form', 'table', 'admin', 'uParas', '_groupTree', 'util', 'laydate', 'element'], function () {
  72. layui.use(['layer', 'form', 'table', 'util', 'admin', 'zTree', 'uParas', 'upload', 'treetable', 'element', '_zTree', 'formSelects'], function () {
  73. var $ = layui.jquery;
  74. var layer = layui.layer;
  75. var form = layui.form;
  76. var table = layui.table;
  77. var admin = layui.admin;
  78. var uParas = layui.uParas;
  79. var util = layui.util;
  80. var element = layui.element;
  81. var action = 1;
  82. element.on('tab(tabChange)', function (data) {
  83. $("#report").show();
  84. if (data.index == 0) {
  85. action = 1; //企业基本信息
  86. } else if (data.index == 1) {
  87. action = 2; //风险点基本信息
  88. } else if (data.index == 2) {
  89. action = 3; //风险点辨识信息
  90. } else if (data.index == 3) {
  91. $("#report").hide();
  92. action = 4; //风险隐患排查任务信息
  93. } else if (data.index == 4) {
  94. $("#report").hide();
  95. action = 5; //风险隐患排查任务执行信息
  96. } else if (data.index == 5) {
  97. $("#report").hide();
  98. action = 6; //隐患登记
  99. } else if (data.index == 6) {
  100. $("#report").hide();
  101. action = 7; //隐患整改
  102. } else if (data.index == 7) {
  103. $("#report").hide();
  104. action = 8; //隐患验收
  105. }
  106. insTb.reload({where: {"reportCat": action}}, 'data');
  107. });
  108. // 上报基本风险点信息
  109. function reportRiskPoint(action) {
  110. layer.confirm('确定要上报所有风险点基本信息吗?', {
  111. skin: 'layui-layer-admin',
  112. shade: .1
  113. }
  114. , function (i) {
  115. layer.close(i);
  116. layer.load();
  117. var url = uParas.baseUrl + '/ent/dataReport/save';
  118. admin.req(url, {"reportCat": action}, function (resp) {
  119. layer.closeAll('loading');
  120. if (resp.code == 1) {
  121. layer.msg(resp.msg);
  122. insTb.reload({where: {"reportCat": action}}, 'data');
  123. } else {
  124. layer.msg(resp.msg);
  125. }
  126. }, 'POST');
  127. });
  128. }
  129. //上报基本风险点风险点辨识信息
  130. function reportRiskPointRiskInfo(action) {
  131. layer.confirm('确定要上报所有风险点辨识信息吗?', {
  132. skin: 'layui-layer-admin',
  133. shade: .1
  134. }
  135. , function (i) {
  136. layer.close(i);
  137. layer.load();
  138. var url = uParas.baseUrl + '/ent/dataReport/save';
  139. admin.req(url, {"reportCat": action}, function (resp) {
  140. layer.closeAll('loading');
  141. if (resp.code == 1) {
  142. layer.msg(resp.msg);
  143. insTb.reload({where: {"reportCat": action}}, 'data');
  144. } else {
  145. layer.msg(resp.msg);
  146. }
  147. }, 'POST');
  148. });
  149. }
  150. $('#report').click(function () {
  151. if (action === 1) {
  152. console.log("action=" + action)
  153. // 1、企业基本信息
  154. location.href = "./reportCompanyInfo.html?reportCat=" + action;
  155. } else if (action === 2) {
  156. // 2、风险点基本信息
  157. reportRiskPoint(action)
  158. } else if (action === 3) {
  159. // 3、风险点辨识信息
  160. reportRiskPointRiskInfo(action)
  161. } else if (action === 4) {
  162. // 4、风险隐患排查任务信息
  163. location.href = "./addRisk.html?reportCat=" + action;
  164. } else if (action === 5) {
  165. // 5、风险隐患排查任务执行信息
  166. location.href = "./addRisk.html?reportCat=" + action;
  167. } else if (action === 6) {
  168. // 6、隐患登记
  169. location.href = "./addRisk.html?reportCat=" + action;
  170. } else if (action === 7) {
  171. // 7、隐患整改
  172. location.href = "./addRisk.html?reportCat=" + action;
  173. } else if (action === 8) {
  174. // 8、隐患验收
  175. location.href = "./addRisk.html?reportCat=" + action;
  176. }
  177. });
  178. // 渲染表格数据
  179. var insTb = table.render({
  180. elem: '#datatable',
  181. url: uParas.baseUrl + '/ent/dataReport/query',
  182. where: {"reportCat": action},
  183. page: true,
  184. even: true,
  185. height: 630,
  186. toolbar: true,
  187. title: '数据上报',
  188. cellMinWidth: 100,
  189. cols: [[
  190. {type: 'numbers', title: '序号'},
  191. {field: 'reportTitle', sort: false, title: '名称'},
  192. {
  193. field: 'reportTime', sort: false, title: '上报时间', width: 200,
  194. },
  195. {field: 'accountName', sort: false, title: '上传人', width: 200},
  196. {
  197. field: 'reportStatus', sort: false, width: 100, title: '状态', templet: function (d) {
  198. return setStatus(d);
  199. }
  200. },
  201. // {
  202. // align: 'left', title: '操作', width: 110, fixed: 'right', width: 170,
  203. // templet: function (d) {
  204. // return setOperation(d);
  205. // }
  206. // }
  207. ]],
  208. done: function (res, curr, count) {
  209. }
  210. });
  211. //操作
  212. function setOperation(row) {
  213. var html = '';
  214. if (row.status == '0' || row.status == '1') {
  215. html += '<a class="layui-btn layui-btn-xs bg-c-orange" lay-event="startCheck" >上传</a>';
  216. }
  217. html += '<a class="layui-btn layui-btn-xs bg-c-add" lay-event="baseDetail" >记录详情</a>';
  218. return html;
  219. }
  220. //状态
  221. function setStatus(row) {
  222. if (row.reportStatus === 0) {
  223. return "<i class=\"layui-icon\" style=\"color: limegreen;\">&#xe617; 未上传</i> ";
  224. } else if (row.reportStatus === 1) {
  225. return "<i class=\"layui-icon\" style=\"color: #BF79DB;\">&#xe617; 已上传</i> ";
  226. } else {
  227. return "未知"
  228. }
  229. }
  230. // 搜索
  231. form.on('submit(formSubSearch)', function (data) {
  232. insTb.reload({where: data.field}, 'data');
  233. });
  234. // 工具条点击事件
  235. table.on('tool(datatable)', function (obj) {
  236. var data = obj.data;
  237. var layEvent = obj.event;
  238. if (layEvent == 'baseDetail') {
  239. detail(data, "base");
  240. }
  241. });
  242. //详情
  243. function detail(data, type) {
  244. // if (type == 'live') {
  245. // location.href = "./taskCheckRecord.html?scheduleId=" + data.scheduleId;
  246. // } else {
  247. // location.href = "./taskCheckRecord.html?scheduleId=" + data.scheduleId;
  248. // }
  249. //location.href = "./detail.html?scheduleId="+data.scheduleId;
  250. }
  251. });
  252. </script>
  253. </body>
  254. </html>