hdangerCheckedList.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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 pull-left">-->
  31. <!--<button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>-->
  32. <!--</div>-->
  33. <div class="layui-inline layui-col-md2 text-left" style="margin-left: -40px;">
  34. <label class="layui-form-label">所属部门</label>
  35. <div class="layui-input-block">
  36. <input type="text" id="currentGroupName" class="layui-input" name="currentGroupName"
  37. value=""
  38. placeholder="全部部门"
  39. class="form-control" readonly>
  40. <input type="hidden" id="selectedGroup" name="selectedGroup" readonly>
  41. <div id="menuContent" class="menuContent">
  42. <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </form>
  49. <table class="layui-table" id="datatable" lay-filter="datatable"></table>
  50. </div>
  51. </div>
  52. </div>
  53. <script type="text/html" id="hdLevel">
  54. {{# var imgs="",title=""; var lv=d.hdangerLevel;}}
  55. {{# if(lv==1){ imgs="../../../../assets/images/hdangerLevel/iconHiddenDanger1.png" ;title="重大" } }}
  56. {{# if(lv==2){ imgs="../../../../assets/images/hdangerLevel/iconHiddenDanger2.png";title="较大"} }}
  57. {{# if(lv==3){ imgs="../../../../assets/images/hdangerLevel/iconHiddenDanger3.png";title="一般"} }}
  58. {{# if(lv==4){ imgs="../../../../assets/images/hdangerLevel/iconHiddenDanger4.png";title="较低"} }}
  59. <img style="display: inline-block; width: 28px;height: 28px;" src={{imgs}}>&nbsp;{{ title }}
  60. </script>
  61. <!-- js部分 -->
  62. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  63. <!--<script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>-->
  64. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  65. <script>
  66. layui.use(['layer', 'form', 'table', 'admin', 'uParas', '_groupTree', 'util', 'laydate'], function () {
  67. var $ = layui.jquery;
  68. var layer = layui.layer;
  69. var form = layui.form;
  70. var table = layui.table;
  71. var admin = layui.admin;
  72. var laydate = layui.laydate;
  73. var uParas = layui.uParas;
  74. var util = layui.util;
  75. var _groupTree = layui._groupTree;
  76. // 渲染表格
  77. var insTb = table.render({
  78. elem: '#datatable',
  79. url: uParas.baseUrl + '/ent/hiddenDangerStatistics/queryHdangerCheckedListByPage',
  80. // where: {"type":type},
  81. page: false,
  82. toolbar: true,
  83. title: '隐患排查清单',
  84. cellMinWidth: 100,
  85. cols: [[
  86. {type: 'numbers', title: '序号'},
  87. {field: 'groupName', sort: false, title: '执行部门'},
  88. {field: 'riskCheckPositionName', sort: false, title: '执行岗位'},
  89. {field: 'riskCheckGroupName', sort: false, title: '受检部门'},
  90. {field: 'riskCheckDefTitle', sort: false, title: '任务名称'},
  91. {field: 'checkMode', sort: false, title: '任务类型'},
  92. {field: 'riskCheckTypeName', sort: false, title: '检查类型'},
  93. {field: 'riskCheckLevelName', sort: false, title: '检查级别', width: 130},
  94. // {field: 'scheduleFrequency' , sort:false , title:'检查频率/执行时间', width: 160,
  95. // templet: function (d) {
  96. // return CycleFunction(d);
  97. // }
  98. // },
  99. ]]
  100. });
  101. function CycleFunction(data) {
  102. if (data.checkType === 'random') {
  103. var startTime = moment(data.startTime).format("YYYY-MM-DD HH:mm");
  104. var endTime = moment(data.endTime).format("YYYY-MM-DD HH:mm");
  105. return startTime + ' 至 ' + endTime;
  106. } else {
  107. var arrKey = ['year', 'half_year', 'quarter', 'month', 'week', 'day'];
  108. var arrVal = ['年', '半年', '季度', '月', '周', '天'];
  109. var i = _.indexOf(arrKey, data.scheduleFrequency);
  110. if (i === -1) return "";
  111. return data.scheduleCount + '次/' + arrVal[i];
  112. }
  113. }
  114. /***部门过滤*/
  115. _groupTree.initGroupColation(insTb, '/admin/common/getGroupLists', "groupTree", "currentGroupName", "selectedGroup", "menuContent");
  116. });
  117. </script>
  118. </body>
  119. </html>