صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
zhaobao
/
layui_back
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 4a953ea084
شاخه‌ها تگ‌ها
layui_back
/
back
/
page
/
ent
/
riskPoint
/
taizhang
/
controlIndex_lsc.html

controlIndex_lsc.html 11 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <meta charset="utf-8"/>
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    7. 

  7.     <title>风险管控措施清单</title>
    8. 

  8.     <link rel="stylesheet" href="../../../../assets/libs/layui/css/layui.css"/>
    9. 

  9.     <link rel="stylesheet" href="../../../../assets/module/admin.css?v=312"/>
    10. 

  10.     <link rel="stylesheet" href="../../../../assets/module/uParas.css?v=312"/>
    11. 

  11. </head>
    12. 

  12. <body>
    13. 

  13. <style type="text/css">
    14. 

  14. 

  15. </style>
    16. 

  16. <!-- 加载动画 -->
    17. 

  17. <div class="page-loading">
    18. 

  18.     <div class="ball-loader">
    19. 

  19.         <span></span><span></span><span></span><span></span>
    20. 

  20.     </div>
    21. 

  21. </div>
    22. 

  22. 

  23. <!-- 正文开始 -->
    24. 

  24. <div class="layui-fluid">
    25. 

  25.     <div class="layui-card">
    26. 

  26.         <div class="layui-card-body">
    27. 

  27.             <div class="layui-card-header">
    28. 

  28.                 风险管控措施清单
    29. 

  29.                 <!-- <div class="layui-inline pull-right">
    30. 

  30.                      <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i class="layui-icon">&#xe65c;</i>返回</button>
    31. 

  31.                  </div>-->
    32. 

  32.             </div>
    33. 

  33.             <div class="layui-card-body">
    34. 

  34.                 <div class="layui-form toolbar" lay-filter="filterForm">
    35. 

  35.                     <div class="layui-form-item">
    36. 

  36.                         <div class="layui-row">
    37. 

  37.                             <div class="layui-inline layui-col-md3 text-left" style="margin-left: -20px;">
    38. 

  38.                                 <label class="layui-form-label" style="width: 40px;">部门</label>
    39. 

  39.                                 <div class="layui-input-inline mr0">
    40. 

  40.                                     <input type="text" id="groupName" name="groupName" value=""
    41. 

  41.                                            placeholder="点击选择"
    42. 

  42.                                            class="layui-input" readonly>
    43. 

  43.                                     <input type="hidden" id="groupId" name="groupId">
    44. 

  44.                                     <div id="menuContent" class="menuContent">
    45. 

  45.                                         <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
    46. 

  46.                                     </div>
    47. 

  47.                                 </div>
    48. 

  48.                             </div>
    49. 

  49.                         </div>
    50. 

  50.                     </div>
    51. 

  51.                 </div>
    52. 

  52. 

  53.                 <table class="layui-table" id="datatable" lay-filter="datatable"></table>
    54. 

  54.             </div>
    55. 

  55.         </div>
    56. 

  56.     </div>
    57. 

  57. </div>
    58. 

  58. <!-- js部分 -->
    59. 

  59. <script type="text/javascript" src="../../../../assets/libs/layui/layui.js"></script>
    60. 

  60. <script type="text/javascript" src="../../../../assets/js/common.js?v=312"></script>
    61. 

  61. <script>
    62. 

  62.     layui.use(['layer', 'form', 'table', 'util', '_zTree', 'admin', 'uParas', 'tableX', 'soulTable'], function () {
    63. 

  63.         var $ = layui.jquery;
    64. 

  64.         var layer = layui.layer;
    65. 

  65.         var form = layui.form;
    66. 

  66.         var util = layui.util;
    67. 

  67.         var table = layui.table;
    68. 

  68.         var admin = layui.admin;
    69. 

  69.         var uParas = layui.uParas;
    70. 

  70.         var tableX = layui.tableX;
    71. 

  71.         var _zTree = layui._zTree;
    72. 

  72.         var data = layui.data(uParas.tableName);
    73. 

  73.         var groupId = data.user.gId;
    74. 

  74.         var soulTable = layui.soulTable;
    75. 

  75. 

  76.         var changeGroup = {
    77. 

  77.             reload: function (data) {
    78. 

  78.                 groupId = data.where.gId;
    79. 

  79.                 // console.log("groupId......" + groupId);
    80. 

  80.                 insTb.reload({where: {"gId": groupId}}, 'data');
    81. 

  81.             }
    82. 

  82.         };
    83. 

  83. 

  84.         /***单位选择*/
    85. 

  85.         _zTree._init('/admin/common/getGroupLists', 'gId', 'groupParent', 'groupName', 'gId', 0, "groupTree", changeGroup, "menuContent", "groupName", "groupId", groupId);
    86. 

  86. 

  87.         // 渲染表格数据
    88. 

  88.         var insTb = table.render({
    89. 

  89.             elem: '#datatable',
    90. 

  90.             url: uParas.baseUrl + '/ent/riskPoint/controlIndex',
    91. 

  91.             where: {"gId": groupId},
    92. 

  92.             page: false,
    93. 

  93.             toolbar: true,
    94. 

  94.             defaultToolbar: ['filter', { //自定义导出
    95. 

  95.                 title: '导出',
    96. 

  96.                 layEvent: 'LAYTABLE_EXPORT_EXCEL',
    97. 

  97.                 icon: 'layui-icon-export'
    98. 

  98.             }, 'print'],
    99. 

  99.             cellMinWidth: 120,
    100. 

  100.             title: "风险管控措施清单",
    101. 

  101.             cols: [[
    102. 

  102.                 {field: 'riskPointName', sort: false, title: '风险点', rowspan: '2', merge: true},
    103. 

  103.                 {field: 'riskCode', sort: false, title: '风险编号', rowspan: 2},
    104. 

  104.                 {field: '', title: '检查项', align: 'center', align: 'center', colspan: 3},
    105. 

  105.                 {field: 'riskReason', sort: false, title: '危害因素', rowspan: 2},
    106. 

  106.                 {field: 'riskConsequence', sort: false, title: '危害后果', rowspan: 2},
    107. 

  107.                 {
    108. 

  108.                     field: 'riskLevel', align: 'center', sort: false, title: '风险等级', rowspan: 2,
    109. 

  109.                     templet: function (d) {
    110. 

  110.                         return setStatus(d);
    111. 

  111.                     }
    112. 

  112.                 },
    113. 

  113.                 {field: 'riskCtrlLevelTitle', sort: false, title: '管控层级', rowspan: 2},
    114. 

  114.                 {field: 'positionTitle', sort: false, title: '管控岗位', rowspan: 2},
    115. 

  115.                 {field: 'personLiableName', sort: false, title: '责任人', rowspan: 2, merge: true},
    116. 

  116.                 {field: '', title: '管控措施', align: 'center', colspan: 5},
    117. 

  117.             ], [
    118. 

  118.                 {field: 'rootDangerSrcName', sort: false, title: '风险点（场所/位置）'},
    119. 

  119.                 {field: 'parentDangerSrcName', sort: false, title: '检查项目/作业活动 '},
    120. 

  120.                 {field: 'dangerSrcName', sort: false, title: '检查标准/作业步骤'},
    121. 

  121.                 {field: 'project', sort: false, title: '工程技术措施'},
    122. 

  122.                 {field: 'manage', sort: false, title: '管理措施'},
    123. 

  123.                 {field: 'education', sort: false, title: '教育措施'},
    124. 

  124.                 {field: 'protection', sort: false, title: '个体防护'},
    125. 

  125.                 {field: 'emergency', sort: false, title: '应急措施'},
    126. 

  126.             ]],
    127. 

  127.             done: function () {
    128. 

  128.                 // tableX.merges('datatable', [0]);  // 在done回调里面调用
    129. 

  129.                 soulTable.render(this)
    130. 

  130.             }
    131. 

  131.         });
    132. 

  132. 

  133.         //监听头工具栏事件
    134. 

  134.         table.on('toolbar(datatable)', function (obj) {
    135. 

  135.             var checkStatus = table.checkStatus(obj.config.id);
    136. 

  136.             switch (obj.event) {
    137. 

  137.                 //自定义头工具栏右侧图标 - 导出
    138. 

  138.                 case 'LAYTABLE_EXPORT_EXCEL':
    139. 

  139.                     soulTable.export(insTb, {filename: '风险管控措施清单.xlsx'},
    140. 

  140.                         {
    141. 

  141.                             mergeData: true,
    142. 

  142.                             // mergeDataColumn: [
    143. 

  143.                             //     'riskPointName',
    144. 

  144.                             //     'riskCode',
    145. 

  145.                             //     'rootDangerSrcName',
    146. 

  146.                             //     'parentDangerSrcName',
    147. 

  147.                             //     'dangerSrcName',
    148. 

  148.                             //     'riskReason',
    149. 

  149.                             //     'riskConsequence',
    150. 

  150.                             //     'riskLevel',
    151. 

  151.                             //     'riskCtrlLevelTitle',
    152. 

  152.                             //     'positionTitle',
    153. 

  153.                             //     'personLiableName',
    154. 

  154.                             //     'project',
    155. 

  155.                             //     'manage',
    156. 

  156.                             //     'education',
    157. 

  157.                             //     'emergency',
    158. 

  158.                             //     'protection'
    159. 

  159.                             // ],
    160. 

  160.                             dependKey: 'riskPointName',
    161. 

  161.                             lineStyleConfig: [
    162. 

  162.                                 {
    163. 

  163.                                     field: 'riskPointName',  // 字段名称
    164. 

  164.                                     type: '1',  // 字段设置类型 1=>直接设置样式属性, 2=> 根据数值类型设置属性
    165. 

  165.                                     style: {    // 样式属性
    166. 

  166.                                         bgColor: 'ffffff',
    167. 

  167.                                         color: '666666'
    168. 

  168.                                     }
    169. 

  169.                                 },
    170. 

  170.                                 {
    171. 

  171.                                     field: 'riskLevel',  // 字段名称
    172. 

  172.                                     type: '2',  // 字段设置类型 1=>直接设置样式属性, 2=> 根据数值类型设置属性
    173. 

  173.                                     numericType: [
    174. 

  174.                                         {
    175. 

  175.                                             typeNumber: 1,
    176. 

  176.                                             style: {    // 样式属性
    177. 

  177.                                                 bgColor: 'F3565D',
    178. 

  178.                                                 color: '666666'
    179. 

  179.                                             }
    180. 

  180.                                         },
    181. 

  181.                                         {
    182. 

  182.                                             typeNumber: 2,
    183. 

  183.                                             style: {    // 样式属性
    184. 

  184.                                                 bgColor: 'FFA500',
    185. 

  185.                                                 color: '666666'
    186. 

  186.                                             }
    187. 

  187.                                         },
    188. 

  188.                                         {
    189. 

  189.                                             typeNumber: 3,
    190. 

  190.                                             style: {    // 样式属性
    191. 

  191.                                                 bgColor: 'dfba49',
    192. 

  192.                                                 color: '666666'
    193. 

  193.                                             }
    194. 

  194.                                         },
    195. 

  195.                                         {
    196. 

  196.                                             typeNumber: 4,
    197. 

  197.                                             style: {    // 样式属性
    198. 

  198.                                                 bgColor: '89C4F4',
    199. 

  199.                                                 color: '666666'
    200. 

  200.                                             }
    201. 

  201.                                         }
    202. 

  202.                                     ],
    203. 

  203.                                 }
    204. 

  204.                             ]
    205. 

  205.                         }
    206. 

  206.                     );
    207. 

  207.                     break;
    208. 

  208.             }
    209. 

  209.             ;
    210. 

  210.         });
    211. 

  211. 

  212.         //状态
    213. 

  213.         function setStatus(row) {
    214. 

  214.             if (row.riskLevel == 1) {
    215. 

  215.                 return "<div style=\"background-color:#ff0000;\">重大</div>";
    216. 

  216.             } else if (row.riskLevel == 2) {
    217. 

  217.                 return "<div style=\"background-color:#FF6100;\">较大</div>";
    218. 

  218.             } else if (row.riskLevel == 3) {
    219. 

  219.                 return "<div style=\"background-color:#ffff00;\">一般</div>";
    220. 

  220.             } else {
    221. 

  221.                 return "<div style=\"background-color:#0000ff;\">低</div>"
    222. 

  222.             }
    223. 

  223.         }
    224. 

  224. 

  225. 

  226.     });
    227. 

  227. </script>
    228. 

  228. </body>
    229. 

  229. </html>
    230.