preShiftInspectionChecklist.html 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  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/formSelects/formSelects-v4.css"/>
  10. <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
  11. <link rel="stylesheet" href="../../../assets/module/uParas.css?v=312"/>
  12. </head>
  13. <body>
  14. <style type="text/css">
  15. </style>
  16. <!-- 加载动画 -->
  17. <div class="page-loading">
  18. <div class="ball-loader">
  19. <span></span><span></span><span></span><span></span>
  20. </div>
  21. </div>
  22. <!-- 正文开始 -->
  23. <div class="layui-fluid">
  24. <div class="layui-card">
  25. <div class="layui-card-body">
  26. <div id="htmlHeader" class="layui-card-header">
  27. <!--<div class="layui-inline pull-right">
  28. <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i class="layui-icon">&#xe65c;</i>返回</button>
  29. </div>-->
  30. </div>
  31. <form class="layui-form m-top20px" lay-filter="filterForm" id="filterForm">
  32. <div class="layui-form toolbar">
  33. <div class="layui-form-item">
  34. <div class="layui-inline layui-col-md3 ">
  35. <label class="layui-form-label">工作点</label>
  36. <div class="layui-input-block">
  37. <input type="text" name="riskPointName" id="riskPointName" autocomplete="off"
  38. placeholder="请输入工作点名称" class="layui-input">
  39. </div>
  40. </div>
  41. <div class="layui-inline layui-col-md3 ">
  42. <label class="layui-form-label">检查时间</label>
  43. <div class="layui-input-block">
  44. <input type="text" name="checkDate" id="checkDate" autocomplete="off"
  45. placeholder="请选择检查时间" class="layui-input">
  46. </div>
  47. </div>
  48. <button type="button" lay-filter="formSubSearch" lay-submit
  49. class="layui-btn layui-btn-normal layui-btn-sm" style="height: 36px;">
  50. <i class="layui-icon"></i>搜索
  51. </button>
  52. <button type="button" lay-filter="formSubEmpty" lay-submit class="layui-btn layui-btn-sm"
  53. style="height: 36px;">
  54. <i class="layui-icon"></i>清空
  55. </button>
  56. <!--<div class="layui-inline pull-right">-->
  57. <!--<button id="exportFile" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal">-->
  58. <!--<i class="layui-download-circle">&#xe65c;</i>导出-->
  59. <!--</button>-->
  60. <!--</div>-->
  61. </div>
  62. </div>
  63. </form>
  64. <div class="layui-card-body">
  65. <!--<div class="layui-form toolbar" lay-filter="filterForm">-->
  66. <!--<div class="layui-form-item">-->
  67. <!--<div class="layui-row">-->
  68. <!--<div class="layui-inline layui-col-md3 text-left" style="margin-left: -20px;">-->
  69. <!--<label class="layui-form-label" style="width: 40px;">部门</label>-->
  70. <!--<div class="layui-input-inline mr0">-->
  71. <!--<input type="text" id="groupName" name="groupName" value=""-->
  72. <!--placeholder="点击选择"-->
  73. <!--class="layui-input" readonly>-->
  74. <!--<input type="hidden" id="groupId" name="groupId">-->
  75. <!--<div id="menuContent" class="menuContent">-->
  76. <!--<ul id="groupTree" class="ztree" style="margin-top:0;"></ul>-->
  77. <!--</div>-->
  78. <!--</div>-->
  79. <!--</div>-->
  80. <!--</div>-->
  81. <!--</div>-->
  82. <!--</div>-->
  83. <table class="layui-table" id="datatable" lay-filter="datatable"></table>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <!-- js部分 -->
  89. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  90. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  91. <script>
  92. layui.use(['layer', 'form', 'table', 'util', 'admin', 'uParas', '_zTree', 'tableX', 'laydate'], function () {
  93. var $ = layui.jquery;
  94. var layer = layui.layer;
  95. var form = layui.form;
  96. var table = layui.table;
  97. var util = layui.util;
  98. var admin = layui.admin;
  99. var uParas = layui.uParas;
  100. var _zTree = layui._zTree;
  101. var tableX = layui.tableX;
  102. var laydate = layui.laydate;
  103. var data = layui.data(uParas.tableName);
  104. var groupId = data.user.gId;
  105. var cId = data.user.cId;
  106. $('title').html(localStorage.title);
  107. $('#htmlHeader').html(localStorage.title);
  108. /*日期*/
  109. laydate.render({
  110. elem: '#checkDate',
  111. format: 'yyyy-MM-dd',
  112. type: 'date',
  113. });
  114. // 搜索
  115. form.on('submit(formSubSearch)', function (data) {
  116. /*更新数据表*/
  117. var {field} = data;
  118. var data = {"checkDate": field.checkDate, "riskPointName": field.riskPointName, "gId": groupId};
  119. insTb.reload({where: data}, 'data');
  120. });
  121. // 清空
  122. form.on('submit(formSubEmpty)', function (data) {
  123. form.val("filterForm", {
  124. checkDate: '',
  125. riskPointName: ''
  126. })
  127. /*更新数据表*/
  128. var data = {"checkDate": null, "riskPointName": null, "gId": groupId};
  129. insTb.reload({where: data}, 'data');
  130. });
  131. var changeGroup = {
  132. reload: function (data) {
  133. groupId = data.where.gId;
  134. insTb.reload({where: {"gId": groupId}}, 'data');
  135. }
  136. };
  137. /***单位选择*/
  138. // _zTree._init('/admin/common/getGroupLists', 'gId', 'groupParent', 'groupName', 'gId', 0, "groupTree", changeGroup, "menuContent", "groupName", "groupId", groupId);
  139. // 渲染表格数据
  140. var insTb = table.render({
  141. elem: '#datatable',
  142. url: uParas.baseUrl + '/ent/schedulePointRecord/query',
  143. where: {"gId": groupId, "cId": cId},
  144. page: true,
  145. limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 1000],
  146. toolbar: true,
  147. cellMinWidth: 120,
  148. title: "班前检查台账",
  149. cols: [
  150. [
  151. {field: 'riskPointName', title: '工作点名称'},
  152. {field: 'sgName', title: '群组'},
  153. {field: 'sName', title: '排班'},
  154. {
  155. field: 'status', title: '状态',
  156. templet: function (d) {
  157. var reuslt = '';
  158. if (d.status == 0) {
  159. reuslt = '通过'
  160. } else {
  161. reuslt = '不通过'
  162. }
  163. return reuslt;
  164. }
  165. },
  166. {field: 'aName', title: '检查人'},
  167. {field: 'checkDate', title: '检查时间'},
  168. {field: 'remark', title: '备注'},
  169. ]
  170. // [
  171. // {field: 'riskPointName', sort: false, title: '工作点', rowspan: '2', merge: true},
  172. // {field: 'riskCode', sort: false, title: '风险编号', rowspan: 2},
  173. // {field: '', title: '危险源', align: 'center', align: 'center', colspan: 3},
  174. // {field: 'riskReason', sort: false, title: '危害因素', rowspan: 2},
  175. // {field: 'riskConsequence', sort: false, title: '危害后果', rowspan: 2},
  176. // {
  177. // field: 'riskLevel', align: 'center', sort: false, title: '风险等级', rowspan: 2,
  178. // templet: function (d) {
  179. // return setStatus(d);
  180. // }
  181. // },
  182. // {field: 'riskCtrlLevelTitle', sort: false, title: '管控层级', rowspan: 2},
  183. // {field: 'positionTitle', sort: false, title: '管控岗位', rowspan: 2},
  184. // {field: 'personLiableName', sort: false, title: '责任人', rowspan: '2', merge: true},
  185. // ], [
  186. // {field: 'rootDangerSrcName', sort: false, title: '根危险源'},
  187. // {field: 'parentDangerSrcName', sort: false, title: '一级危险源'},
  188. // {field: 'dangerSrcName', sort: false, title: '二级危险源'}
  189. // ]
  190. ],
  191. done: function () {
  192. // tableX.merges('datatable', [0]); // 在done回调里面调用
  193. // soulTable.render(this)
  194. }
  195. });
  196. //状态
  197. function setStatus(row) {
  198. if (row.riskLevel == 1) {
  199. return "重大";
  200. } else if (row.riskLevel == 2) {
  201. return "较大";
  202. } else if (row.riskLevel == 3) {
  203. return "一般";
  204. } else {
  205. return "较低"
  206. }
  207. }
  208. });
  209. </script>
  210. </body>
  211. </html>