index.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  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/zTree/css/metroStyle/metroStyle.css"/>
  11. <link rel="stylesheet" href="../../../assets/module/formSelects/formSelects-v4.css"/>
  12. <body>
  13. <!-- 页面加载loading -->
  14. <div class="page-loading">
  15. <div class="ball-loader">
  16. <span></span><span></span><span></span><span></span>
  17. </div>
  18. </div>
  19. <!-- 正文开始 -->
  20. <div class="layui-fluid">
  21. <div class="layui-row">
  22. <div class="layui-card">
  23. <div class="layui-card-header">
  24. 权限设置
  25. </div>
  26. <blockquote class="layui-elem-quote layui-text" id="viewUser">
  27. </blockquote>
  28. <div class="layui-card-body">
  29. <form id="modelForm" lay-filter="modelForm" class="layui-form model-form">
  30. <input type="hidden" id="parkUserId" name="parkUserId">
  31. <input type="hidden" id="parkId" name="parkId">
  32. <input type="hidden" id="cId" name="cId">
  33. <input type="hidden" id="viewId_" name="viewId_">
  34. <div class="layui-form-item">
  35. <label class="layui-form-label">所属部门:</label>
  36. <div class="layui-input-block">
  37. <input type="text" id="groupName_" class="layui-input" name="groupName_" placeholder="点击选择"
  38. class="form-control" readonly lay-verify="required" required>
  39. <input type="hidden" id="gId" name="gId" readonly>
  40. <div id="menuContent_" class="menuContent">
  41. <ul id="groupTree_" class="ztree" style="margin-top:0;"></ul>
  42. </div>
  43. </div>
  44. </div>
  45. <!-- <div class="layui-form-item">-->
  46. <!-- <label class="layui-form-label">岗位:</label>-->
  47. <!-- <div class="layui-input-block">-->
  48. <!-- <select id="pId" name="pId" lay-filter="pId" lay-search="" lay-verify="required"-->
  49. <!-- required></select>-->
  50. <!-- </div>-->
  51. <!-- </div>-->
  52. <div class="layui-form-item">
  53. <label class="layui-form-label">责任人:</label>
  54. <div class="layui-input-block">
  55. <select id="aId" name="aId" lay-verType="tips" class="layui-input-block" xm-select="aId"
  56. lay-verify="required" required
  57. xm-select-search>
  58. <option value="">直接选择责任人或搜索选择责任人</option>
  59. </select>
  60. </div>
  61. </div>
  62. <div class="layui-form-item text-right">
  63. <button class="layui-btn layui-btn-primary" type="button" ew-event="closePageDialog">取消</button>
  64. <button class="layui-btn" lay-filter="modelSubmit" lay-submit>保存</button>
  65. </div>
  66. </form>
  67. </div>
  68. <blockquote class="layui-elem-quote layui-text" id="viewAllUser">
  69. 查看全部人员配置
  70. </blockquote>
  71. <div class="layui-card-body">
  72. <form id="modelForm_" lay-filter="modelForm_" class="layui-form model-form">
  73. <input type="hidden" id="viewId" name="viewId">
  74. <div class="layui-form-item">
  75. <label class="layui-form-label">责任人:</label>
  76. <div class="layui-input-block">
  77. <select id="aId_" name="aId_" lay-verType="tips" class="layui-input-block" xm-select="aId_"
  78. lay-verify="required" required
  79. xm-select-search>
  80. <option value="">直接选择责任人或搜索选择责任人</option>
  81. </select>
  82. </div>
  83. </div>
  84. <div class="layui-form-item text-right">
  85. <button class="layui-btn layui-btn-primary" type="button" ew-event="closePageDialog">取消</button>
  86. <button class="layui-btn" lay-filter="modelSubmit_" lay-submit>保存</button>
  87. </div>
  88. </form>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <!-- js部分 -->
  94. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  95. <script type="text/javascript" src="../../../assets/js/common.js?v=313"></script>
  96. <script>
  97. layui.use(['iconPicker', 'layer', 'element', 'form', 'table', 'admin', 'uParas', 'util', 'zTree', 'formSelects', '_zTree'], function () {
  98. var $ = layui.jquery;
  99. var layer = layui.layer;
  100. var form = layui.form;
  101. var table = layui.table;
  102. var admin = layui.admin;
  103. var uParas = layui.uParas;
  104. var _zTree = layui._zTree;
  105. var cacheData = layui.data(uParas.tableName);
  106. var {cId, aId, gId} = layui.data(uParas.tableName).user;
  107. //初始化群组树
  108. var url1 = uParas.baseUrl + '/ent/parkConfView/getById';
  109. admin.req(url1, {id: cId, parkType: 2}, function (resp) {
  110. $("#viewId").val(resp.data.viewId);
  111. uParas.initFormSelects("aId_", "/ent/groupAccount/queryAccounts?gId=" + gId, "accountRealName", "aId", resp.data.aId);
  112. }, 'GET');
  113. form.on('submit(modelSubmit_)', function (data) {
  114. layer.load();
  115. var url = uParas.baseUrl + '/ent/parkConfView/update';
  116. data.field.parkType = 2;
  117. admin.req(url, data.field, function (resp) {
  118. layer.closeAll('loading');
  119. if (resp.code == 1) {
  120. layer.msg(resp.msg);
  121. location.reload();
  122. } else {
  123. layer.msg(resp.msg);
  124. }
  125. }, 'POST');
  126. })
  127. //初始化群组树
  128. var url1 = uParas.baseUrl + '/ent/parkConfView/getById';
  129. admin.req(url1, {id: cId, parkType: 1}, function (resp) {
  130. $("#viewId_").val(resp.data.viewId)
  131. $("#viewUser").html("当前权限人员: " + resp.data.accountName);
  132. }, 'GET');
  133. // var changeGroup = {
  134. // reload: function (data) {
  135. // var groupVal = data.where.gId;
  136. // uParas.initSimpleSelect("pId", 'modelForm', "/admin/common/getPositionByGroup?groupId=" + groupVal, "positionTitle", "pId");
  137. // form.render();
  138. // }
  139. // };
  140. var changeGroup = {
  141. reload: function (data) {
  142. var groupVal = data.where.gId;
  143. // uParas.initSimpleSelect("pId", 'modelForm', "/admin/common/getPositionByGroup?groupId=" + groupVal, "positionTitle", "pId");
  144. uParas.initFormSelects("aId", "/ent/groupAccount/queryAccounts?gId=" + groupVal, "accountRealName", "aId");
  145. form.render();
  146. }
  147. };
  148. // form.on('select(pId)', function (data) {
  149. // var gIdVal = $('#gId').val()
  150. // var pIdVal = data.value;
  151. // uParas.initFormSelects("aId", "/admin/common/getAccountByGroupAndPId?groupId=" + gIdVal + "&positionId=" + pIdVal, "accountRealName", "aId");
  152. // });
  153. _zTree._init('/admin/common/getGroupLists', 'gId', 'groupParent', 'groupName', 'gId', 0, "groupTree_", changeGroup, "menuContent_", "groupName_", "gId", "");
  154. form.on('submit(modelSubmit)', function (data) {
  155. layer.load();
  156. var url = uParas.baseUrl + '/ent/parkConfView/update';
  157. data.field.viewId = $("#viewId_").val();
  158. admin.req(url, data.field, function (resp) {
  159. layer.closeAll('loading');
  160. if (resp.code == 1) {
  161. layer.msg(resp.msg);
  162. location.reload();
  163. } else {
  164. layer.msg(resp.msg);
  165. }
  166. }, 'POST');
  167. })
  168. });
  169. </script>
  170. </body>
  171. </html>