2025-11-27 16:55:35 +08:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< link rel = "stylesheet" type = "text/css" media = "screen" href = "../../../css/bootstrap.min.css" >
< link rel = "stylesheet" type = "text/css" media = "screen" href = "../../../layui/css/layui.css" >
< link rel = "stylesheet" type = "text/css" media = "screen" href = "../../../css/bootstrap-select.min.css" >
< / head >
< body >
< div class = "col-xs-12 col-sm-12 col-md-12 col-lg-12" >
2025-12-09 10:07:26 +08:00
< form class = "form-horizontal" onsubmit = "return false" id = "form" style = "padding: 0 24px 0 24px" >
2025-11-27 16:55:35 +08:00
< fieldset >
< div style = "display: inline-block;width: 48%;" >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 用户名< / label >
< div class = "col-md-10" >
< input maxlength = "30" readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "用户名" id = "username"
type="text" name="username" data-bv-notempty="true" data-bv-notempty-message="用户名不能为空">
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 联系方式< / label >
< div class = "col-md-10" >
< input maxlength = "30" readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "联系方式" id = "contactInformation"
type="text" name="contactInformation" >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 岗位< / label >
< div class = "col-md-10" >
< input maxlength = "30" readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "岗位" id = "post"
type="text" name="post" >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i id = "pro-tip" class = "tip-required" style = "color: red; font-size: 20px;display: none" > *< / i > 角色< / label >
< div class = "col-md-10" >
< input maxlength = "30" readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "角色" id = "role"
type="text" name="role" >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 公司名称< / label >
< div class = "col-md-10" >
< div class = "col-md-10" >
< input maxlength = "30" readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "公司名称" id = "corporateName"
type="text" name="corporateName" >
< / div >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 工程名称< / label >
< div class = "col-md-10" >
< div class = "col-md-10" id = "proIds" >
< input maxlength = "30" readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "工程名称" id = "projectName"
type="text" name="projectName" >
< / div >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 权限类型< / label >
< div class = "col-md-10" style = "margin-top: 0.5%;" id = "types" >
< input required lay-verify = "required" type = "checkbox" value = "1" name = "permissionType" > < label > 大屏< / label >
< input required lay-verify = "required" type = "checkbox" value = "2" name = "permissionType" > < label > 后台< / label >
< input required lay-verify = "required" type = "checkbox" id = "work" value = "3"
name="permissionType">< label > 施工< / label >
< input required lay-verify = "required" type = "checkbox" id = "sup" value = "4"
name="permissionType">< label > 监督< / label >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 性别< / label >
< div class = "col-md-10" style = "width: 100px" >
< input maxlength = "30" readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "性别" id = "sex"
type="text" name="sex" >
< / div >
< / div >
< / div >
< div style = "display: inline-block;width: 48%;" >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 审核结果< / label >
< div class = "col-md-10" style = "width: 100px" >
< select required lay-verify = "required" class = "form-control input-sm selectpicker" name = "auditRes" id = "auditRes" >
< / select >
< / div >
< / div >
< div class = "form-group" >
< label class = "col-md-2 control-label" > < i class = "tip-required" style = "color: red; font-size: 20px" > *< / i > 审核备注< / label >
< div class = "col-md-10" >
< input readonly = "true" required lay-verify = "required" class = "form-control" placeholder = "审核备注" id = "auditRemarks"
type="text" name="auditRemarks" >
< / div >
< / div >
< / div >
< div class = "form-actions" >
< div class = "row" align = "center" >
< div class = "col-md-12" >
< button class = "btn btn-primary" id = "back" onclick = "location.href='userList.html'" > 返回< / button >
< button class = "btn btn-primary" id = "save" type = "submit" onclick = "add()" >
< i class = "fa fa-save" > < / i > 保存
< / button >
< / div >
< / div >
< / div >
< / fieldset >
< / form >
< / div >
< script type = "text/javascript" src = "../../../js/libs/jquery-3.6.0.js" > < / script >
< script type = "text/javascript" src = "../../../js/jq.js" > < / script >
< script type = "text/javascript" src = "../../../js/plugin/bootstrapvalidator/bootstrapValidator.min.js" > < / script >
< script type = "text/javascript" src = "../../../js/common.js" > < / script >
< script type = "text/javascript" src = "../../../js/my/roles/role.js" > < / script >
< script type = "text/javascript" src = "../../../layui/layui.js" > < / script >
< script type = "text/javascript" src = "../../../js/publicJs.js" > < / script >
< script type = "text/javascript" src = "../../../js/dict.js" > < / script >
< script type = "text/javascript" src = "../../../js/bootstrap/bootstrap.min.js" > < / script >
< script type = "text/javascript" src = "../../../js/bootstrap/bootstrap-select.min.js" > < / script >
< script type = "text/javascript" >
$(function(){
$('#orgId').selectpicker({
'selectedText': 'cat'
});
$('#proId').selectpicker({
'selectedText': 'cat'
});
$(".selectpicker").selectpicker({
noneSelectedText : '请选择'//默认显示内容
});
});
var isRequired = false;
layui.use(['layer', 'laydate', 'form'], function () {
var form = layui.form;
var laydate = layui.laydate;
laydate.render({
elem: '#birthday'
});
$("#orgId").on("change", function () {
var orgId = $("#orgId").val();
console.log("orgId", orgId);
getProInfo(orgId);
$("#prosss").remove();
});
$("#work").change(function () {
if ($(this).is(':checked')) {
$('#sup').attr("disabled", 'disabled');
$("#pro-tip").css("display","inline-block");
isRequired = true;
} else {
$("#pro-tip").css("display","none");
$('#sup').removeAttr("disabled").prop();
isRequired = false;
}
form.render();
});
$("#sup").change(function () {
if ($(this).is(':checked')) {
$('#work').attr("disabled", 'disabled');
$("#pro-tip").css("display","inline-block");
isRequired = true;
} else {
$("#pro-tip").css("display","none");
$('#work').removeAttr("disabled").prop();
isRequired = false;
}
form.render();
});
});
showDictSelect("sex", "sex");
initRoles();
getOrgInfo();
getPostInfo();
$('#form').bootstrapValidator();
function add() {
console.log("orgId",$("#orgId").val());
console.log("proId",$("#proId").val());
var bootstrapValidator = $("#form").data('bootstrapValidator');
bootstrapValidator.validate();
if (!bootstrapValidator.isValid()) {
if(isRequired & & $("#proId").val() == null){
var html = '< small id = "prosss" class = "help-block" data-bv-validator = "notEmpty" data-bv-for = "proId" data-bv-result = "INVALID" style = "color:#b94a48" > 必填项< / small > ';
$("#proIds").append(html);
form.render();
}
return;
}
if(isRequired & & $("#proId").val() == null){
var html = '< small id = "prosss" class = "help-block" data-bv-validator = "notEmpty" data-bv-for = "proId" data-bv-result = "INVALID" style = "color:#b94a48" > 必填项< / small > ';
$("#proIds").append(html);
form.render();
return;
}
var formdata = $("#form").serializeObject();
//获取用户权限类型
var roleIds = getCheckedRoleIds();
formdata.types = getChecked();
var orgId = $('#orgId option:selected').val();
var proId = $('#proId option:selected').val();
var postId = $('#postType option:selected').val();
formdata.orgId = orgId;
formdata.proId = proId;
formdata.postId = postId;
formdata.roleIds = roleIds;
function getChecked() {
var ids = [];
$("#types input[type='checkbox']").each(function () {
if ($(this).prop("checked")) {
ids.push($(this).val());
}
});
return ids;
}
$.ajax({
type: 'post',
url: ctxPath + '/users',
contentType: "application/json; charset=utf-8",
data: JSON.stringify(formdata),
success: function (data) {
layer.msg("添加成功", {shift: -1, time: 1000}, function () {
location.href = ctxPath + "/pages/user/userList.html";
});
}
});
}
function getOrgInfo() {
$.ajax({
type: 'get',
url: ctxPath + '/users/getOrgInfo',
async: false,
success: function (data) {
var select = $("#orgId");
for (var i = 0; i < data.length ; i + + ) {
var d = data[i];
var id = d['orgId'];
var name = d['companyName'];
select.append("< option value = '" + id + "' > " + name + "< / option > ");
}
select.selectpicker('refresh');
var orgId = $("#orgId").val();
getProInfo(orgId);
}
});
}
function getProInfo(orgId) {
$("#proId").empty();
$.ajax({
type: 'post',
url: ctxPath + '/project/getProject',
data: {
orgId: orgId,
status: "在建"
},
async: false,
success: function (data) {
console.log("data",data);
var select = $("#proId");
for (var i = 0; i < data.length ; i + + ) {
var d = data[i];
var id = d['id'];
var name = d['name'];
select.append("< option value = '" + id + "' > " + name + "< / option > ");
}
select.selectpicker('refresh');
}
});
}
//查询岗位类型
function getPostInfo() {
$.ajax({
type: 'get',
url: ctxPath + '/users/getPostInfo',
async: false,
success: function (data) {
var select = $("#postType");
for (var i = 0; i < data.length ; i + + ) {
var d = data[i];
var id = d['postId'];
var name = d['postType'];
select.append("< option value = '" + id + "' > " + name + "< / option > ");
//localStorage.setItem("name", name);
}
}
});
}
$(window).on('load', function() {
$('.selectpicker').selectpicker('val', '');
$('.selectpicker').selectpicker('refresh');
});
< / script >
< / body >
2025-12-08 09:27:34 +08:00
< / html >
