edit.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>员工信息</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <link rel="stylesheet" type="text/css" href="../../layuiadmin/style/formSelects-v4.css"/>
  13. <style>
  14. #group_selecter dl {
  15. max-height: 200px;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div class="layui-fluid">
  21. <div class="layui-row layui-col-space15">
  22. <div class="layui-col-md6">
  23. <div class="layui-card">
  24. <div class="layui-card-body">
  25. <form class="layui-form" action="" lay-filter="component-form-element">
  26. <div class="layui-row layui-col-space10 layui-form-item">
  27. <div class="layui-col-lg6">
  28. <label class="layui-form-label"><font color='red' size="4">*</font>姓名:</label>
  29. <div class="layui-input-block">
  30. <input type="text" name="name" lay-verify="required" placeholder="请输入姓名"
  31. autocomplete="off" class="layui-input">
  32. </div>
  33. </div>
  34. <div class="layui-col-lg6">
  35. <label class="layui-form-label"><font color='red' size="4">*</font>电话:</label>
  36. <div class="layui-input-block">
  37. <input type="text" name="tel" placeholder="请输入电话" lay-verify="required"
  38. autocomplete="off" class="layui-input">
  39. </div>
  40. </div>
  41. <div class="layui-col-lg6">
  42. <label class="layui-form-label"><font color='red' size="4">*</font>账号:</label>
  43. <div class="layui-input-block">
  44. <input type="text" name="username" lay-verify="required" placeholder="请输入账号"
  45. autocomplete="off" class="layui-input">
  46. </div>
  47. </div>
  48. <div class="layui-col-lg6">
  49. <label class="layui-form-label">密码:</label>
  50. <div class="layui-input-block">
  51. <input type="password" name="password" placeholder="请输入密码" autocomplete="off"
  52. class="layui-input">
  53. <div class="layui-word-aux">默认密码:1111</div>
  54. </div>
  55. </div>
  56. <div class="layui-col-lg6">
  57. <label class="layui-form-label"><font color='red' size="4">*</font>性别:</label>
  58. <div class="layui-input-block">
  59. <input type="radio" name="gender" value="2" title="男" checked>
  60. <input type="radio" name="gender" value="1" title="女">
  61. </div>
  62. </div>
  63. <div class="layui-col-lg6">
  64. <label class="layui-form-label">在职状态:</label>
  65. <div class="layui-input-block">
  66. <select name="status" style="width: 40px;">
  67. <option value="2" selected>在职</option>
  68. <option value="3">离职</option>
  69. </select>
  70. </div>
  71. </div>
  72. <div class="layui-col-lg6">
  73. <div class="layui-col-lg6">
  74. <label class="layui-form-label"><font color='red' size="4">*</font>总代理:</label>
  75. <div class="layui-input-block">
  76. <select id="id_general" name="general_agent" lay-verify="required">
  77. <option value="">选择总代理</option>
  78. </select>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="layui-col-lg6">
  83. <div class="layui-col-lg6">
  84. <label class="layui-form-label">代理商:</label>
  85. <div class="layui-input-block">
  86. <select id="id_agents" name="agent"
  87. lay-filter="onAgentChange">
  88. <option value="">选择代理商</option>
  89. </select>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="layui-col-lg6">
  94. <div class="layui-col-lg6">
  95. <label class="layui-form-label">门店:</label>
  96. <div class="layui-input-block">
  97. <select id="id_stores" name="store" lay-search="">
  98. <option value="">选择门店</option>
  99. </select>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="layui-col-lg6">
  104. <label class="layui-form-label">是否在用:</label>
  105. <div class="layui-input-block">
  106. <input type="checkbox" name="is_active" lay-skin="switch" lay-text="是|否" checked=""
  107. value="1">
  108. </div>
  109. </div>
  110. <div class="layui-col-lg6">
  111. <label class="layui-form-label">权限组:</label>
  112. <div class="layui-input-block">
  113. <select name="groups" xm-select="selectGroup"></select>
  114. </div>
  115. </div>
  116. <button class="layui-btn" id="id_user_save" lay-submit lay-filter="component-form-element"
  117. style="display: none">保存
  118. </button>
  119. </div>
  120. </form>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <script src="../../layuiadmin/layui/layui.js"></script>
  127. <script>
  128. layui.config({
  129. base: '../../../layuiadmin/' //静态资源所在路径
  130. }).extend({
  131. index: 'lib/index',
  132. formSelects: 'formSelects-v4'
  133. }).use(['index', 'form', 'utils', 'formSelects',], function () {
  134. var $ = layui.$
  135. , admin = layui.admin
  136. , form = layui.form
  137. , formSelects = layui.formSelects
  138. var id = layui.view.getParameterByName('id');
  139. form.val("component-form-element", {
  140. 'password': '1111'
  141. });
  142. var loadData = function () {
  143. if (id) {
  144. var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
  145. form.val("component-form-element", editdata);
  146. form.val("component-form-element", {
  147. 'password': ''
  148. });
  149. }
  150. }
  151. form.render(null, 'component-form-element');
  152. async function getDict(){
  153. return new Promise((resolve, reject)=>{
  154. admin.req({
  155. url: '/agent/dict/',
  156. done: function (res) {
  157. var general_agents = res.data.general_agents;
  158. var agents = res.data.agents;
  159. var stores = res.data.stores;
  160. //代理商下拉框更新
  161. // var agents_node = $('#id_agents');
  162. // for (var i in agents) {
  163. // var pid = agents[i].id;
  164. // var agents_value = agents[i].name;
  165. // agents_node.append("<option value='" + pid + "'>" + agents_value + "</option>");
  166. // }
  167. //总代理下拉框更新
  168. var general_node = $('#id_general');
  169. for (var i in general_agents) {
  170. var pid = general_agents[i].id;
  171. var general_agents_value = general_agents[i].name;
  172. general_node.append("<option value='" + pid + "'>" + general_agents_value + "</option>");
  173. }
  174. form.render();
  175. loadData();
  176. }
  177. });
  178. })
  179. }
  180. //页面初次加载渲染页面
  181. getDict();
  182. //选择代理商
  183. form.on('select(onAgentChange)', function (data) {
  184. });
  185. // var onAgentChange = function (value) {
  186. // var store_node = $('#id_stores');
  187. // for (var i in stores) {
  188. // var pid = stores[i].id;
  189. // var stores_value = stores[i].name;
  190. // if (pid == value) {
  191. // store_node.append("<option value='" + pid + "'>" + stores_value + "</option>");
  192. // }
  193. // }
  194. // form.render();
  195. // }
  196. formSelects.config('selectGroup', {
  197. beforeSuccess: function (eid, url, searchVal, result) {
  198. if (id) {
  199. var groupIds = parent.layui.table.editdata.group_ids;
  200. for (var n in result.data) {
  201. var item = result.data[n];
  202. if (groupIds.indexOf(parseInt(item.value)) > -1)
  203. item.selected = 'selected';
  204. }
  205. }
  206. return result;
  207. }
  208. });
  209. formSelects.data('selectGroup', 'server', {
  210. url: '/account/permission/dict/'
  211. });
  212. form.on('submit(component-form-element)', function (data) {
  213. //layer.msg(JSON.stringify(data.field));
  214. var submitData = data.field;
  215. var groups = formSelects.value('selectGroup', 'val');
  216. submitData.groups = JSON.stringify(groups);
  217. if (id) {
  218. var url = '/account/employee/' + id + '/';
  219. var type = 'put';
  220. } else {
  221. url = '/account/employee/';
  222. type = 'post';
  223. }
  224. admin.req({
  225. url: url
  226. , data: data.field
  227. , type: type
  228. , done: function (res) {
  229. parent.layer.closeAll('iframe');
  230. parent.layui.table.reload('datagrid', {});
  231. }
  232. });
  233. return false;
  234. });
  235. parent.layui.submitChild = function () {
  236. $("#id_user_save").click();
  237. };
  238. });
  239. </script>
  240. </body>
  241. </html>