<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > <meta charset="utf-8"> <head th:include="include :: header"></head> <link th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet"/> <body class="white-bg"> <div class="wrapper wrapper-content animated fadeInRight ibox-content"> <form class="form-horizontal m" id="form-user-add"> <input name="deptId" type="hidden" id="treeId"/> <div class="form-group"> <label class="col-sm-3 control-label ">登录名称:</label> <div class="col-sm-8"> <input class="form-control" type="text" id="loginName" name="loginName"/> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">部门名称:</label> <div class="col-sm-8"> <input class="form-control" type="text" name="deptName" onclick="selectDeptTree()" readonly="true" id="treeName"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">用户名称:</label> <div class="col-sm-8"> <input class="form-control" type="text" name="userName" id="userName"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">密码:</label> <div class="col-sm-8"> <input class="form-control" type="password" name="password" id="password" th:value="${@config.getKey('sys.user.initPassword')}"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">邮箱:</label> <div class="col-sm-8"> <input class="form-control" type="text" name="email" id="email"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">手机:</label> <div class="col-sm-8"> <input class="form-control" type="text" name="phoneNumber" id="phoneNumber"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">性别:</label> <div class="col-sm-8"> <select id="sex" class="form-control m-b" th:with="type=${@dict.getType('sys_user_sex')}"> <option th:each="dict : ${type}" th:text="${dict['dictLabel']}" th:value="${dict['dictValue']}"></option> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">启用:</label> <div class="col-sm-8"> <div class="onoffswitch"> <input type="checkbox" th:checked="true" class="onoffswitch-checkbox" id="enable" name="enable"> <label class="onoffswitch-label" for="enable"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">货主:</label> <div class="col-sm-8"> <label th:each="company:${companys}" class="checkbox-inline i-checks"> <input name="company" type="checkbox" th:value="${company.id}" th:text=" ${company.name}"> </label> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">仓库:</label> <div class="col-sm-8"> <label th:each="warehouse:${warehouseList}" class="checkbox-inline i-checks"> <input name="warehouseCode" type="checkbox" th:value="${warehouse.value}" th:text=" ${warehouse.name}" th:disabled="${warehouse.enable == false} "> </label> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">角色:</label> <div class="col-sm-8"> <label th:each="role:${roles}" class="checkbox-inline i-checks"> <input name="role" type="checkbox" th:value="${role.id}" th:text="${role.roleName}" th:disabled="${role.enable == false}"> </label> </div> </div> <div class="form-group"> <div class="form-control-static col-sm-offset-9"> <button type="submit" class="btn btn-primary">提交</button> <button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button> </div> </div> </form> </div> <div th:include="include::footer"></div> <script th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script> <script th:src="@{/ajax/libs/select/select2.js}"></script> <script> $("#form-user-add").validate({ rules:{ loginName:{ required:true, minlength: 2, maxlength: 20, remote: { url: ctx + "system/user/checkLoginNameUnique", type: "post", dataType: "json", data: { name : function() { return $.trim($("#loginName").val()); } }, dataFilter: function(data, type) { if (data == "0") return true; else return false; } } }, userName:{ required:true, }, deptName:{ required:true, }, password:{ required:true, minlength: 5, maxlength: 20 }, email:{ required:false, email:true, // remote: { // url: ctx + "system/user/checkEmailUnique", // type: "post", // dataType: "json", // data: { // name: function () { // return $.trim($("#email").val()); // } // }, // dataFilter: function (data, type) { // if (data == "0") return true; // else return false; // } // } }, phoneNumber:{ required:false, isPhone:true, // remote: { // url: ctx + "system/user/checkPhoneUnique", // type: "post", // dataType: "json", // data: { // name: function () { // return $.trim($("#phoneNumber").val()); // } // }, // dataFilter: function (data, type) { // if (data == "0") return true; // else return false; // } // } }, }, messages: { "loginName": { remote: "用户已经存在" }, // "email": { // remote: "Email已经存在" // }, // "phoneNumber":{ // remote: "手机号码已经存在" // } }, submitHandler:function(form){ add(); } }); function add() { var id = $("input[name='id']").val(); var deptId = $("input[name='deptId']").val(); var loginName = $("input[name='loginName']").val(); var userName = $("input[name='userName']").val(); var password = $("input[name='password']").val(); var email = $("input[name='email']").val(); var phoneNumber = $("input[name='phoneNumber']").val(); var sex = $("#sex option:selected").val(); var enable = $("input[name='enable']").is(':checked') == true ? 1 : 0; var roleIds = $.form.selectCheckeds("role"); var warehouseCodeList = $.form.selectCheckeds("warehouseCode"); var companyIdList = $.form.selectCheckeds("company"); $.ajax({ cache : true, type : "POST", url : ctx + "system/user/add", data : { "id": id, "deptId": deptId, "loginName": loginName, "userName": userName, "password": password, "email": email, "phoneNumber": phoneNumber, "sex": sex, "enable": enable, "roleIds": roleIds, "warehouseCodeList": warehouseCodeList, "companyIdList": companyIdList }, async : false, error : function(request) { $.modal.alertError("系统错误"); }, success : function(data) { $.operate.saveSuccess(data); } }); } /*用户管理-新增-选择部门树*/ function selectDeptTree() { var treeId = $("#treeId").val(); var deptId = treeId == null || treeId == "" ? "100" : treeId; var url = ctx + "system/dept/selectDeptTree/" + deptId; $.modal.open("选择部门", url, '380', '380'); } </script> </body> </html>