inspectionGrouping.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  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. <link rel="stylesheet" href="../../../assets/module/formSelects/formSelects-v4.css"/>
  11. <style>
  12. .layui-table-cell {
  13. height: auto;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <!-- 页面加载loading -->
  19. <div class="page-loading">
  20. <div class="ball-loader">
  21. <span></span><span></span><span></span><span></span>
  22. </div>
  23. </div>
  24. <!-- 正文开始 -->
  25. <div class="layui-fluid">
  26. <div class="layui-card-header" style="background-color: #fff;padding-top: 10px;padding-bottom: 10px;">
  27. <div class="layui-inline pull-left">
  28. <h3 id="htmlHeader"></h3>
  29. </div>
  30. <div class="layui-inline pull-right">
  31. <button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
  32. </div>
  33. </div>
  34. <div class="layui-card">
  35. <div class="layui-card-body">
  36. <table class="layui-table" id="datatable" lay-filter="datatable"></table>
  37. </div>
  38. </div>
  39. </div>
  40. <!-- 表单弹窗 -->
  41. <script type="text/html" id="modelTpl">
  42. <form id="modelForm" lay-filter="modelForm" class="layui-form model-form">
  43. <input type="hidden" name="sgId" id="sgId">
  44. <input type="hidden" name="cId" id="cId">
  45. <div class="layui-form-item">
  46. <label class="layui-form-label"><span class="layui-badge-dot"></span>标题</label>
  47. <div class="layui-input-block">
  48. <input type="text" class="layui-input" id="name" name="name"
  49. placeholder="请输入标题" maxlength="128"
  50. lay-verType="tips" lay-verify="required"/>
  51. </div>
  52. </div>
  53. <!--<div class="layui-form-item">-->
  54. <!--<label class="layui-form-label"><span class="layui-badge-dot"></span>附件</label>-->
  55. <!--<div class="layui-input-block">-->
  56. <!--<div id="file-view" style="display: none;padding:12px 0;"></div>-->
  57. <!--<input type="hidden" id="file_path" name="file_path" lay-verify="required"/>-->
  58. <!--<button type="button" id="file-btn-upload" class="layui-btn layui-btn-sm layui-btn-normal icon-btn">-->
  59. <!--<i class="layui-icon">&#xe681;</i>上传文件-->
  60. <!--</button>-->
  61. <!--</div>-->
  62. <!--</div>-->
  63. <div class="layui-form-item text-right">
  64. <button type="button" class="layui-btn" lay-filter="modelSubmit" lay-submit>保存</button>
  65. <button type="button" class="layui-btn layui-btn-primary" ew-event="closePageDialog">取消</button>
  66. </div>
  67. </form>
  68. </script>
  69. <!-- js部分 -->
  70. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  71. <!--<script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>-->
  72. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  73. <script>
  74. layui.use(['layer', 'form', 'table', 'admin', 'uParas', '_groupTree', 'util', 'laydate', 'formSelects', '_zTree', 'element'], function () {
  75. var $ = layui.jquery;
  76. var layer = layui.layer;
  77. var form = layui.form;
  78. var table = layui.table;
  79. var admin = layui.admin;
  80. var laydate = layui.laydate;
  81. var uParas = layui.uParas;
  82. var util = layui.util;
  83. var _groupTree = layui._groupTree;
  84. var formSelects = layui.formSelects;
  85. var _zTree = layui._zTree;
  86. var {cId} = layui.data(uParas.tableName).user;
  87. var upload = layui.upload;
  88. var element = layui.element;
  89. var currStatus = 0;
  90. $('title').html(localStorage.title);
  91. $('#htmlHeader').html(localStorage.title);
  92. // 添加
  93. $('#btnAdd').click(function () {
  94. var title = "新增检查分组";
  95. admin.open({
  96. type: 1,
  97. title: title,
  98. offset: 'auto',
  99. area: '500px',
  100. content: $('#modelTpl').html(),
  101. success: function (layero, dIndex) {
  102. $('#cId').val(cId)
  103. form.render();
  104. //保存处理
  105. form.on('submit(modelSubmit)', function (data) {
  106. var {field} = data;
  107. layer.load();
  108. admin.req(uParas.baseUrl + '/ent/scheduleGroup/update', field, function (resp) {
  109. layer.closeAll('loading');
  110. if (resp.code == 1) {
  111. layer.close(dIndex);
  112. layer.msg(resp.msg);
  113. insTb.reload({
  114. where: {
  115. "delFlag": 1,
  116. "status": currStatus
  117. },
  118. });
  119. } else {
  120. layer.msg(resp.msg);
  121. }
  122. }, 'POST');
  123. })
  124. }
  125. });
  126. });
  127. // 渲染表格数据
  128. var insTb = table.render({
  129. elem: '#datatable',
  130. url: uParas.baseUrl + '/ent/scheduleGroup/query',
  131. where: {"delFlag": 1},
  132. page: true,
  133. height: 635,
  134. toolbar: true,
  135. title: "任务定义列表",
  136. cellMinWidth: 100,
  137. cols: [[
  138. {field: 'name', title: '标题'},
  139. {
  140. align: 'left', title: '操作', width: 150, templet: function (d) {
  141. var htmlStr = ``;
  142. htmlStr += `<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="update")">更新</a>`;
  143. htmlStr += `<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete")">删除</a>`;
  144. return htmlStr;
  145. }
  146. }
  147. ]]
  148. });
  149. //监听头工具栏事件
  150. table.on('tool(datatable)', function (obj) {
  151. var {event, data} = obj;
  152. switch (event) {
  153. case 'update':
  154. var title = "更新检查分组";
  155. admin.open({
  156. type: 1,
  157. title: title,
  158. offset: 'auto',
  159. area: '500px',
  160. content: $('#modelTpl').html(),
  161. success: function (layero, dIndex) {
  162. $('#sgId').val(data.sgId);
  163. $('#cId').val(data.cId);
  164. $('#name').val(data.name);
  165. form.render();
  166. //保存处理
  167. form.on('submit(modelSubmit)', function (data) {
  168. var {field} = data;
  169. layer.load();
  170. admin.req(uParas.baseUrl + '/ent/scheduleGroup/update', field, function (resp) {
  171. layer.closeAll('loading');
  172. if (resp.code == 1) {
  173. layer.close(dIndex);
  174. layer.msg(resp.msg);
  175. insTb.reload({
  176. where: {
  177. "delFlag": 1,
  178. "status": currStatus
  179. },
  180. });
  181. } else {
  182. layer.msg(resp.msg);
  183. }
  184. }, 'POST');
  185. })
  186. }
  187. });
  188. break;
  189. // 删除
  190. case 'delete':
  191. layer.confirm('确定要删除该条记录吗?', {
  192. skin: 'layui-layer-admin',
  193. shade: .1
  194. }
  195. , function (i) {
  196. layer.close(i);
  197. layer.load();
  198. admin.req(uParas.baseUrl + '/ent/scheduleGroup/delById', {
  199. id: data.sgId,
  200. }, function (res) {
  201. layer.closeAll('loading');
  202. if (res.code == 1) {
  203. layer.msg(res.msg);
  204. insTb.reload({
  205. where: {
  206. "delFlag": 1,
  207. "status": currStatus
  208. },
  209. });
  210. } else {
  211. layer.msg(res.msg);
  212. }
  213. }, 'GET');
  214. });
  215. break;
  216. }
  217. ;
  218. });
  219. });
  220. </script>
  221. </body>
  222. </html>