rectifyStandingBook_xcl.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  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. <form class="layui-form m-top10px m-bottom10px" lay-filter="filterForm" id="filterForm">
  28. <div class="layui-form toolbar">
  29. <div class="layui-form-item">
  30. <div class="layui-inline layui-col-md2 text-left" style="margin-left: -40px;">
  31. <label class="layui-form-label">所属部门</label>
  32. <div class="layui-input-block">
  33. <input type="text" id="currentGroupName" class="layui-input" name="currentGroupName"
  34. value=""
  35. placeholder="全部部门"
  36. class="form-control" readonly>
  37. <input type="hidden" id="selectedGroup" name="selectedGroup" readonly>
  38. <div id="menuContent" class="menuContent">
  39. <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="layui-inline layui-col-md2 text-left">
  44. <label class="layui-form-label w-auto w-padding">等级:</label>
  45. <div class="layui-input-inline mr0">
  46. <select name="hDangerLevel" id="hDangerLevel" class="layui-input-block">
  47. <option value="">全部</option>
  48. <option value="1">重大</option>
  49. <option value="3">一般</option>
  50. </select>
  51. </div>
  52. </div>
  53. <div class="layui-inline layui-col-md2 text-left" style="margin-left: -40px;">
  54. <label class="layui-form-label w-auto w-padding">状态:</label>
  55. <div class="layui-input-inline mr0">
  56. <select name="status" id="status" lay-filter="formIsOutOfControl"
  57. class="layui-input-block">
  58. <option value="">全部</option>
  59. <option value="1">待评审</option>
  60. <option value="2">待整改</option>
  61. <option value="3">待验收</option>
  62. <option value="4">验收通过</option>
  63. <option value="5">验收不通过</option>
  64. <option value="8">整改超时</option>
  65. </select>
  66. </div>
  67. </div>
  68. <div class="layui-inline layui-col-md3 text-left" style="margin-left: -105px;">
  69. <label class="layui-form-label">日期</label>
  70. <div class="layui-input-block">
  71. <input type="text" name="hiddenTime" id="hiddenTime" autocomplete="off"
  72. placeholder="开始日期 至 结束日期" class="layui-input">
  73. </div>
  74. </div>
  75. <button type="button" lay-filter="formSubSearch" lay-submit
  76. class="layui-btn layui-btn-normal layui-btn-sm" style="height: 36px;">
  77. <i class="layui-icon"></i>搜索
  78. </button>
  79. <button type="button" lay-filter="formSubEmpty" lay-submit class="layui-btn layui-btn-sm"
  80. style="height: 36px;">
  81. <i class="layui-icon"></i>清空
  82. </button>
  83. <!--<div class="layui-inline pull-right">-->
  84. <!--<button id="exportFile" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal">-->
  85. <!--<i class="layui-download-circle">&#xe65c;</i>导出-->
  86. <!--</button>-->
  87. <!--</div>-->
  88. </div>
  89. </div>
  90. </form>
  91. <table class="layui-table" id="datatable" lay-filter="datatable"></table>
  92. </div>
  93. </div>
  94. </div>
  95. <!-- js部分 -->
  96. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  97. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  98. <script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
  99. <script>
  100. layui.use(['layer', 'form', 'table', 'admin', 'uParas', '_groupTree', 'util', 'laydate'], function () {
  101. var $ = layui.jquery;
  102. var layer = layui.layer;
  103. var form = layui.form;
  104. var table = layui.table;
  105. var admin = layui.admin;
  106. var laydate = layui.laydate;
  107. var uParas = layui.uParas;
  108. var util = layui.util;
  109. var _groupTree = layui._groupTree;
  110. /*日期*/
  111. laydate.render({
  112. elem: '#hiddenTime',
  113. format: 'yyyy-MM-dd',
  114. range: '至',
  115. type: 'date',
  116. });
  117. // 渲染表格
  118. var insTb = table.render({
  119. elem: '#datatable',
  120. url: uParas.baseUrl + '/ent/hiddenDangerStatistics/queryRectifyStandingBookByPageForXcl',
  121. where: {"weighty": 0}, /*是否是重大隐患整改台账*/
  122. page: false,
  123. toolbar: true,
  124. height: 680,
  125. title: '隐患整改台账',
  126. cellMinWidth: 100,
  127. cols: [[
  128. {type: 'numbers', title: '序号'},
  129. {field: 'hdangerTitle', sort: false, title: '隐患标题'},
  130. {
  131. field: 'hdangerLevel', sort: false, title: '隐患等级', width: 100,
  132. templet: function (d) {
  133. return setHdangerLevel(d.hdangerLevel);
  134. }
  135. },
  136. {field: 'groupName', sort: false, title: '所属部门',},
  137. {field: 'hdangerCreatedTime', sort: false, title: '检查日期'},
  138. {field: 'hdangerRetifyReasons', sort: false, title: '原因分析'},
  139. {field: 'hdangerRetifyMeasures', sort: false, title: '整改措施'},
  140. {field: 'hdangerRetifyByName', sort: false, title: '整改人', width: 80},
  141. {field: 'hdangerRetifyAssistingUnit', sort: false, title: '整改协助单位'},
  142. {field: 'hdangerRetifyAmountSpent', sort: false, title: '整改费用/元', width: 90},
  143. {field: 'hdangerRetifyDeadline', sort: false, title: '计划完成日期'},
  144. {
  145. field: 'hdangerAcceptedResult', sort: false, title: '状态', width: 90, templet: function (d) {
  146. return hdangerAcceptedResult(d.hdangerAcceptedResult);
  147. }
  148. },
  149. {field: 'finishedTime', sort: false, title: '完成时间'},
  150. {field: 'hdangerAcceptedByName', sort: false, title: '整改复查人', width: 80},
  151. {field: 'remark', sort: false, title: '备注信息'},
  152. ]]
  153. });
  154. function setHdangerLevel(hdangerLevel) {
  155. var imgSrc = '';
  156. var title = '';
  157. if (hdangerLevel == 1) {
  158. title = '重大';
  159. imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger1.png'
  160. } else if (hdangerLevel == 2) {
  161. title = '较大';
  162. imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger2.png'
  163. } else if (hdangerLevel == 3) {
  164. title = '一般';
  165. imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger3.png'
  166. } else if (hdangerLevel == 4) {
  167. title = '较低';
  168. imgSrc = '../../../../assets/images/hdangerLevel/iconHiddenDanger4.png'
  169. } else {
  170. return '未知';
  171. }
  172. return '<img style="display: inline-block;width: 28px;height: 28px;" src="' + imgSrc + '" >' + title
  173. }
  174. function hdangerAcceptedResult(s) {
  175. var title = '';
  176. if (s == 1) {
  177. title = '待评审';
  178. } else if (s == 2) {
  179. title = '待整改';
  180. } else if (s == 3) {
  181. title = '待验收';
  182. } else if (s == 4) {
  183. title = '验收通过';
  184. } else if (s == 5) {
  185. title = '验收不通过';
  186. } else if (s == 8) {
  187. title = '整改超时';
  188. } else {
  189. return '未知';
  190. }
  191. return title
  192. }
  193. /***部门过滤*/
  194. _groupTree.initGroupColation(insTb, '/admin/common/getGroupLists', "groupTree", "currentGroupName", "selectedGroup", "menuContent");
  195. // 搜索
  196. form.on('submit(formSubSearch)', function (data) {
  197. /*更新数据表*/
  198. var data = {
  199. "hiddenTime": $("#hiddenTime").val(),
  200. "groupId": $("#selectedGroup").val(),
  201. "hDangerLevel": $("#hDangerLevel").val(),
  202. "status": $("#status").val()
  203. };
  204. insTb.reload({where: data}, 'data');
  205. });
  206. // 清空
  207. form.on('submit(formSubEmpty)', function (data) {
  208. $("#hiddenTime").val("");
  209. /*更新数据表*/
  210. var data = {"hiddenTime": null, "groupId": $("#selectedGroup").val(), "status": null, "hDangerLevel": null};
  211. insTb.reload({where: data}, 'data');
  212. });
  213. });
  214. // $("#exportFile").click(function(){
  215. // $("#datatable").table2excel({
  216. // // 不被导出的表格行的CSS class类
  217. // exclude: ".noExl",
  218. // // 导出的Excel文档的名称
  219. // name: "Excel Document Name",
  220. // // Excel文件的名称
  221. // filename: "test",
  222. // //文件后缀名
  223. // fileext: ".xls",
  224. // //是否排除导出图片
  225. // exclude_img: false,
  226. // //是否排除导出超链接
  227. // exclude_links: false,
  228. // //是否排除导出输入框中的内容
  229. // exclude_inputs: false
  230. // });
  231. // });
  232. </script>
  233. </body>
  234. </html>