308 lines
11 KiB
HTML
308 lines
11 KiB
HTML
|
<!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">
|
||
|
|
<form class="form-horizontal" onsubmit="return false" id="form">
|
||
|
|
<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>
|
||
|
|
</html>
|