|
@@ -0,0 +1,225 @@
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
+<html>
|
|
|
|
+<head>
|
|
|
|
+ <meta charset="utf-8">
|
|
|
|
+ <title>员工注册</title>
|
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
+ <meta name="viewport"
|
|
|
|
+ content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
|
+ <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
|
|
|
+ <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../../layuiadmin/style/formSelects-v4.css"/>
|
|
|
|
+ <style>
|
|
|
|
+ .layui-fluid{
|
|
|
|
+ padding: 0;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ height: 100vh;
|
|
|
|
+ }
|
|
|
|
+ .layui-card{
|
|
|
|
+ width: 700px;
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ padding: 20px 100px;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ box-shadow: rgba(0,0,0,0.1) 0 5px 10px 1px;
|
|
|
|
+ }
|
|
|
|
+ .registerTitle{
|
|
|
|
+ margin: 10px 0 20px 0;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ .layui-btn{
|
|
|
|
+ width: 220px;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ }
|
|
|
|
+ </style>
|
|
|
|
+</head>
|
|
|
|
+<body>
|
|
|
|
+
|
|
|
|
+<div class="layui-fluid">
|
|
|
|
+ <div class="layui-row">
|
|
|
|
+ <div class="layui-card">
|
|
|
|
+ <div class="layui-card-body registerContent" pad15>
|
|
|
|
+ <h2 class="registerTitle">员工注册</h2>
|
|
|
|
+ <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
|
+ <div class="layui-row layui-col-space10 layui-form-item">
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>姓名:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="text" name="name" lay-verify="required" placeholder="请输入姓名"
|
|
|
|
+ autocomplete="off" class="layui-input">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>电话:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="text" name="tel" placeholder="请输入电话" lay-verify="required"
|
|
|
|
+ autocomplete="off" class="layui-input">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>账号:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="text" name="username" lay-verify="required" placeholder="请输入账号"
|
|
|
|
+ autocomplete="off" class="layui-input">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label">密码:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="password" name="password" placeholder="请输入密码" autocomplete="off"
|
|
|
|
+ class="layui-input">
|
|
|
|
+ <div class="layui-word-aux">默认密码:1111</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>性别:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="radio" name="gender" value="2" title="男" checked>
|
|
|
|
+ <input type="radio" name="gender" value="1" title="女">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>代理商:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <select id="id_agents" name="agent" lay-verify="required"
|
|
|
|
+ lay-filter="onAgentChange">
|
|
|
|
+ <option value="">选择代理商</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label">门店:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <select id="id_stores" name="store" lay-search="">
|
|
|
|
+ <option value="">选择门店</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label">是否在用:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input type="checkbox" name="is_active" lay-skin="switch" lay-text="是|否" checked=""
|
|
|
|
+ value="1">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="layui-col-lg12">
|
|
|
|
+ <label class="layui-form-label">职位:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <select name="groups" xm-select="selectGroup"></select>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div style="text-align: center;">
|
|
|
|
+ <button class="layui-btn" id="id_user_save" lay-submit lay-filter="component-form-element">保存
|
|
|
|
+ </button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </form>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</div>
|
|
|
|
+<script src="../../layuiadmin/layui/layui.js"></script>
|
|
|
|
+<script>
|
|
|
|
+ layui.config({
|
|
|
|
+ base: '../../../layuiadmin/' //静态资源所在路径
|
|
|
|
+ }).extend({
|
|
|
|
+ index: 'lib/index',
|
|
|
|
+ formSelects: 'formSelects-v4'
|
|
|
|
+ }).use(['index', 'form', 'utils', 'formSelects',], function () {
|
|
|
|
+ var $ = layui.$
|
|
|
|
+ , admin = layui.admin
|
|
|
|
+ , form = layui.form
|
|
|
|
+ , formSelects = layui.formSelects;
|
|
|
|
+
|
|
|
|
+ form.val("component-form-element", {
|
|
|
|
+ 'password': '1111'
|
|
|
|
+ });
|
|
|
|
+ form.render(null, 'component-form-element');
|
|
|
|
+ var stores = []
|
|
|
|
+ // admin.req({
|
|
|
|
+ // url: '/agent/dict/',
|
|
|
|
+ // done: function (res) {
|
|
|
|
+ // var agents = res.data.agents;
|
|
|
|
+ // stores = res.data.stores;
|
|
|
|
+ // var agents_node = $('#id_agents');
|
|
|
|
+ // for (var i in agents) {
|
|
|
|
+ // var pid = agents[i].id;
|
|
|
|
+ // var agents_value = agents[i].name;
|
|
|
|
+ // agents_node.append("<option value='" + pid + "'>" + agents_value + "</option>");
|
|
|
|
+ // }
|
|
|
|
+ // form.render();
|
|
|
|
+ // }
|
|
|
|
+ // });
|
|
|
|
+ form.on('select(onAgentChange)', function (data) {
|
|
|
|
+ onAgentChange(data.value)
|
|
|
|
+ });
|
|
|
|
+ var onAgentChange = function (value) {
|
|
|
|
+ var store_node = $('#id_stores');
|
|
|
|
+ for (var i in stores) {
|
|
|
|
+ var pid = stores[i].id;
|
|
|
|
+ var stores_value = stores[i].name;
|
|
|
|
+ if (pid == value) {
|
|
|
|
+ store_node.append("<option value='" + pid + "'>" + stores_value + "</option>");
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ form.render();
|
|
|
|
+ }
|
|
|
|
+ formSelects.config('selectGroup', {
|
|
|
|
+ beforeSuccess: function (eid, url, searchVal, result) {
|
|
|
|
+ if (id) {
|
|
|
|
+ var groupIds = parent.layui.table.editdata.group_ids;
|
|
|
|
+ for (var n in result.data) {
|
|
|
|
+ var item = result.data[n];
|
|
|
|
+ if (groupIds.indexOf(parseInt(item.value)) > -1)
|
|
|
|
+ item.selected = 'selected';
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ return result;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ // formSelects.data('selectGroup', 'server', {
|
|
|
|
+ // url: '/account/permission/dict/'
|
|
|
|
+ // });
|
|
|
|
+ form.on('submit(component-form-element)', function (data) {
|
|
|
|
+ //layer.msg(JSON.stringify(data.field));
|
|
|
|
+ var submitData = data.field;
|
|
|
|
+ var groups = formSelects.value('selectGroup', 'val');
|
|
|
|
+ submitData.groups = JSON.stringify(groups);
|
|
|
|
+
|
|
|
|
+ if (id) {
|
|
|
|
+ var url = '/account/employee/' + id + '/';
|
|
|
|
+ var type = 'put';
|
|
|
|
+ } else {
|
|
|
|
+ url = '/account/employee/';
|
|
|
|
+ type = 'post';
|
|
|
|
+ }
|
|
|
|
+ admin.req({
|
|
|
|
+ url: url
|
|
|
|
+ , data: data.field
|
|
|
|
+ , type: type
|
|
|
|
+ , done: function (res) {
|
|
|
|
+ parent.layer.closeAll('iframe');
|
|
|
|
+ parent.layui.table.reload('datagrid', {});
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ return false;
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ parent.layui.submitChild = function () {
|
|
|
|
+ $("#id_user_save").click();
|
|
|
|
+ };
|
|
|
|
+ });
|
|
|
|
+</script>
|
|
|
|
+</body>
|
|
|
|
+</html>
|