hn_cloud_web/smz-web/pages/work/sysMag/updateUser.html

669 lines
26 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">
<link rel="stylesheet" href="../../../css/ztree/zTreeStyle/zTreeStyle.css" type="text/css">
<style>
#orgContent{
z-index: 99;
background-color: #fff;
box-shadow: 1px 1px 5px #888888;
}
#orgName{
border: 0;
margin-top: 1%;
width: 100%;
}
</style>
</head>
<body style="padding: 0 24px 0 24px">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<form class="form-horizontal" onsubmit="return false" id="form">
<fieldset>
<input type="hidden" id="id" name="id">
<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" required lay-verify="required" class="form-control" placeholder="用户名"
id="userName"
type="text" name="userName" data-bv-notempty="true" data-bv-notempty-message="用户名不能为空" readonly >
<input style="display: none;" id="oldName" name="oldName">
</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 class="form-control" placeholder="联系方式" type="text" maxlength="13" name="phone" id="phone"
required lay-verify="telphone"
data-bv-notempty="true" data-bv-notempty-message="联系方式不能为空" readonly >
</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">
<select required lay-verify="required" class="form-control input-sm" name="sex" id="sex">
</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="layui-inline" style="margin-left: 0.8%;width: 82%">
<div class="layui-input-inline " style="width: 100%;">
<div style="border: 0.5px solid #E6E6E6;height: 37px;text-indent: 10px;">
<input id="orgName" type="text" placeholder="请选择分公司" jyValidate="required" readonly value="" class="FormElement ui-widget-content ui-corner-all" onclick="showRole(); return false;"/>
<input type="hidden" id="orgId" name="orgId" value="" >
<input type="hidden" id="companyId" name="companyId" value="" >
<a href="#" title="清空" onclick="emptyRole(); return false;" class="lrspace3 aBtnNoTD" data-toggle="modal"><i class='icon-remove bigger-120 red'></i></a>
<div id='orgContent' class="menuContent ztreeMC" style="display: none; position: absolute;width: 99%;">
<ul id="orgTree" class="ztree accountOrgTree"></ul>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label"><i id="role-tip" class="tip-required" style="color: red; font-size: 20px;display: none">*</i>角色</label>
<div class="col-md-10">
<select id="roleId" name="roleId"
class="form-control selectpicker show-tick" data-live-search="true"
data-bv-notempty="true" data-bv-notempty-message="角色不能为空" onchange="findRoleType(this.options[this.options.selectedIndex].value)"></select>
<span id="qxSpan" style="color: red;display: none"></span>
</div>
</div>
<div class="form-group" id="idCard" style="display: none">
<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" required lay-verify="required|foremanIdNumber" class="form-control" placeholder="身份证"
type="text" id="idNumber" name="idNumber" data-bv-notempty="true" data-bv-notempty-message="身份证不能为空" onchange="querys()" >
</div>
</div>
<div class="form-group" id="pro" style="display: none">
<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" id="proIds">
<select id="proId" name="proId"
class="form-control selectpicker show-tick" data-live-search="true"
data-bv-notempty="true" data-bv-notempty-message="工程名称不能为空" onchange="findProType(this.options[this.options.selectedIndex].value)"></select>
</div>
</div>
<div id="sub" class="form-group" style="display: none">
<label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px"></i>分包商</label>
<div class="col-md-10" >
<select id="subId" name="subId" class="form-control selectpicker show-tick" data-live-search="true" onchange="findSubType(this.options[this.options.selectedIndex].value)" ></select>
</div>
</div>
<div class="form-group" id="team" style="display: none">
<label class="col-md-2 control-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>班组</label>
<div class="col-md-10" >
<select id="teamId" name="teamId" class="form-control selectpicker show-tick" data-live-search="true"></select>
</div>
</div>
<div class="form-actions">
<div class="row" align="center">
<div class="col-md-12">
<button class="btn btn-primary" onclick="cancel()">返回</button>
<button class="btn btn-primary" type="submit" onclick="update()" >
<i class="fa fa-save"></i> 保存
</button>
</div>
</div>
</div>
</fieldset>
</form>
</div>
<script type="text/javascript" src="../../../js/libs/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="../../../css/ztree/3.5/jquery.ztree.core-3.5.min.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="../../../../public/public.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" src="../../../js/companyTree.js"></script>
<script type="text/javascript">
// var companyIds;
var editId = localStorage.getItem("editId");
var idNumbers = "";
var layer;
var isRequired = false;
var form;
var level = "";
var roleNames = "";
var einStatus ="";
var examineStatus ="";
layui.use(['layer', 'laydate', 'form'], function () {
layer = layui.layer;
form = layui.form;
initTree();
$('#proId').selectpicker({
'selectedText': 'cat'
});
$(".selectpicker").selectpicker({
noneSelectedText : '请选择'//默认显示内容
});
showDictSelect("sex", "sex");
showDictSelect("status", "userStatus");
initData();
});
function initData() {
var id = editId;
// var formdata = ;
if (id != "") {
$.ajax({
type: 'post',
url: smz_ht_url + '/users/getUserById',
data : {"id":id},
success: function (data) {
$("#id").val(data.id);
$("#userName").val(data.userName);
$("#phone").val(data.phone);
$("#orgName").val(data.orgName);
$("#orgId").val(data.orgId);
$("#companyId").val(data.companyId);
$("#sex").val(data.sex);
idNumbers = data.idNumber;
$("#idNumber").val(data.idNumber);
getProInfo(data.companyId,data.orgId, data.proId);
getRoleInfo(data.companyId,data.roleId,data.orgId);
var roleLevel = data.roleLevel;
if(roleLevel.indexOf("4") !="-1"){
getSubInfoByCompanyId(data.companyId,data.subId);
}else{
getSubInfo(data.proId,data.subId);
}
findSubType(data.subId,data.teamId);
var pro=document.getElementById("pro");
var sub=document.getElementById("sub");
var team=document.getElementById("team");
var span=document.getElementById("qxSpan");
var idCard=document.getElementById("idCard");
var type=data.type;
level = roleLevel;
var name = data.roleName;
if(roleLevel.indexOf("4") !="-1"){
pro.style.display="none";
sub.style.display="block";
team.style.display="none";
idCard.style.display="none";
roleNames = '0';
}else if(roleLevel.indexOf("5") !="-1"){
pro.style.display="block";
sub.style.display="block";
team.style.display="block";
idCard.style.display="block";
einStatus = data.einStatus;
examineStatus = data.examineStatus;
roleNames = '1';
}else{
pro.style.display="none";
sub.style.display="none";
team.style.display="none";
idCard.style.display="none";
roleNames = '0';
}
var info = "角色权限:";
if(type.indexOf("3") !="-1"){
info = info + "施工端 ";
}else if(type.indexOf("4") !="-1"){
info = info + "监督端 ";
}
if (type.indexOf("2") !="-1") {
if (type.indexOf("3") !="-1" || type.indexOf("4") !="-1") {
info = info + "、后台";
}else {
info = info + "后台";
}
}
if (type.indexOf("1") !="-1"){
if (type.indexOf("3") !="-1" || type.indexOf("4") !="-1" || type.indexOf("2") !="-1") {
info = info + "、大屏";
}else {
info = info + "大屏";
}
}
span.innerHTML = info;
span.style.display="inline-block";
}
});
}
}
$('#form').bootstrapValidator();
function update() {
if(level.indexOf("4") !="-1"){
$('#proId option:selected').val("-1");
$('#teamId option:selected').val("-1");
$("#idNumber").val("-1");
}else if(level.indexOf("5") !="-1"){
}else{
$('#proId option:selected').val("-1");
$('#subId option:selected').val("-1");
$('#teamId option:selected').val("-1");
$("#idNumber").val("-1");
}
if(einStatus=='1' || einStatus==1 ){
if(examineStatus!='2' || examineStatus!=2){
layer.msg('班组长或班组人员已入场不可修改信息!!!');
return;
}
}
var formdata ={};
//获取用户权限类型
//var roleIds = getCheckedRoleIds();
var id = $('#id').val();
var userName = $('#userName').val();
var phone = $('#phone').val();
var orgId = $('#orgId').val();
var proId = $('#proId option:selected').val();
var roleId = $('#roleId option:selected').val();
var subId = $('#subId option:selected').val();
var sex = $('#sex option:selected').val();
var teamId = $('#teamId option:selected').val();
var idNumber = $('#idNumber').val();
if (phone==null || phone==''){
layer.msg('请输入手机号!');
return;
}
if (phone.length!=11){
layer.msg('手机号格式错误!');
return;
}
if (userName==null || userName==''){
layer.msg('请输入用户名!');
return;
}
if (orgId==null || orgId.length == 0){
layer.msg('请选择分公司!');
return;
}
if(level.indexOf("4") !="-1"){
if(subId==null || subId=='' || subId=="-1"){
layer.msg('请选择分包商!');
return false;
}
}else if(level.indexOf("5") !="-1"){
if(subId==null || subId=='' || subId=="-1"){
layer.msg('请选择分包商!');
return false;
}
if(roleNames=='1'){
if(teamId==null || teamId=='' || teamId=="-1"){
layer.msg('请选择班组!');
return false;
}
if (idNumber==null || idNumber==''){
layer.msg('请输入身份证号!');
return;
}
}
}
formdata.id = id;
formdata.userName = userName;
formdata.phone = phone;
formdata.orgId = orgId;
formdata.proId = proId;
formdata.subId = subId;
formdata.roleId = roleId;
formdata.type = roleType;
formdata.sex = sex;
formdata.teamId = teamId;
formdata.idNumber = idNumber;
console.log("updateData"+JSON.stringify(formdata))
$.ajax({
type: 'post',
url: smz_ht_url + '/users/updateUser',
contentType: "application/json; charset=utf-8",
data: JSON.stringify(formdata),
success: function (data) {
layer.msg("修改成功", {shift: -1, time: 1000}, function () {
setTimeout("reloading()", 2100);
});
}
});
}
function getRoleInfo(companyId,roleId,orgId) {
$("#roleId").empty();
$.ajax({
type: 'post',
url: smz_ht_url + '/users/getRoleInfo',
data : {"companyId":companyId,
"orgId":orgId
},
async: false,
success: function (data) {
var select = $("#roleId");
select.append("<option value=''>请选择角色</option>");
for (var i = 0; i < data.length; i++) {
var d = data[i];
var id = d['roleId'];
var name = d['roleName'];
select.append("<option value='" + id + "'>" + name + "</option>");
}
if (roleId != "") {
select.selectpicker('val', roleId);
}
select.selectpicker('refresh');
}
});
}
var roleType="";
//获取角色Type
function findRoleType(roleId) {
var pro=document.getElementById("pro");
var sub=document.getElementById("sub");
var team=document.getElementById("team");
var idCard=document.getElementById("idCard");
var span=document.getElementById("qxSpan");
if(roleId !=""){
$.ajax({
type: 'POST',
url: smz_ht_url + '/register/findRoleType',
data: {roleId:roleId},
dataType: "json",
success: function(data) {
var type=data.type;
var roleLevel = data.roleLevel;
level = roleLevel;
var name = data.name;
if(roleLevel.indexOf("4") !="-1"){
pro.style.display="none";
sub.style.display="block";
team.style.display="none";
idCard.style.display="none";
roleNames = '0';
}else if(roleLevel.indexOf("5") !="-1"){
pro.style.display="block";
sub.style.display="block";
roleNames = '1';
team.style.display="block";
idCard.style.display="block";
}else{
pro.style.display="none";
sub.style.display="none";
team.style.display="none";
idCard.style.display="none";
roleNames = '0';
}
roleType=type;
var info = "角色权限:";
if(type.indexOf("3") !="-1"){
info = info + "施工端 ";
}else if(type.indexOf("4") !="-1"){
info = info + "监督端 ";
}
if (type.indexOf("2") !="-1") {
if (type.indexOf("3") !="-1" || type.indexOf("4") !="-1") {
info = info + "、后台";
}else {
info = info + "后台";
}
}
if (type.indexOf("1") !="-1"){
if (type.indexOf("3") !="-1" || type.indexOf("4") !="-1" || type.indexOf("2") !="-1") {
info = info + "、大屏";
}else {
info = info + "大屏";
}
}
span.innerHTML = info;
span.style.display="inline-block";
}
});
}else{
pro.style.display="none";
sub.style.display="none";
// jdSpan.style.display="none";
// sgSpan.style.display="none";
team.style.display="none";
idCard.style.display="none";
}
}
function getProInfo(companyId,orgId, proId) {
$("#proId").empty();
$.ajax({
type: 'post',
url: smz_ht_url + '/users/getProInfo',
data: {
companyId: companyId
},
async: false,
success: function (data) {
var select = $("#proId");
select.append("<option value=''>请选择工程</option>");
for (var i = 0; i < data.length; i++) {
var d = data[i];
var id = d['proId'];
var name = d['proName'];
select.append("<option value='" + id + "'>" + name + "</option>");
}
if (proId != "") {
select.selectpicker('val', proId);
}
select.selectpicker('refresh');
}
});
}
//查询分包商
function getSubInfo(proId,subId) {
$("#subId").empty();
$.ajax({
type: 'post',
url: smz_ht_url + '/register/findSubList',
data: {
proId: proId
},
async: false,
success: function (data) {
console.log("data"+JSON.stringify(data))
var select = $("#subId");
select.append("<option value=''>请选择分包商</option>");
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>");
}
if (subId != "") {
select.selectpicker('val', subId);
}
select.selectpicker('refresh');
}
});
}
function getSubInfoByCompanyId(companyId,ids) {
$("#subId").empty();
$.ajax({
type: 'POST',
url: smz_ht_url + '/register/findSubListByCompanyId',
data: {
companyId: companyId,
//proId:proId
},
async: false,
dataType: "json",
success: function(data) {
var select = $("#subId");
select.append("<option value=''>请选择分包商</option>");
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>");
}
if (ids != "") {
select.selectpicker('val', ids);
}
select.selectpicker('refresh');
}
});
}
var ns;
var companyIds;
function loadCompanyInfo(n,c){ //分公司工程联动
var companyId = c;
companyIds = c;
console.log("companyIds=" + companyIds);
var orgId = n;
ns=n;
console.log("ns=" + ns);
getProInfo(companyId,orgId, "")
getRoleInfo(companyId,"",orgId);
getSubInfoByCompanyId(companyId,"");
// getSubInfo(companyId,"");
$("#idNumber").val(idNumbers);
findSubType("","");
findRoleType("")
}
function findProType(proId) {
getSubInfo(proId,"");
}
//查询班组
function findSubType(subId,teamId) {
$("#teamId").empty();
$.ajax({
type: 'POST',
url: smz_ht_url + '/register/findTeamList',
data: {
subId:subId
},
async: false,
dataType: "json",
success: function(data) {
var select = $("#teamId");
select.append("<option value=''>请选择班组</option>");
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>");
}
if (teamId != "") {
select.selectpicker('val', teamId);
}
select.selectpicker('refresh');
}
});
}
function querys() {
var idNumber = $("#idNumber").val();
var roles = $("#roleId").val();
$.ajax({
type: 'POST',
url: smz_ht_url + '/users/getTeam',
data: {
idNumber:idNumber,
roles:roles
},
dataType: 'json',
success: function (data) {
if(data.res==1){
var pro=document.getElementById("pro");
var sub=document.getElementById("sub");
var team=document.getElementById("team");
pro.style.display="block";
sub.style.display="block";
team.style.display="block";
if(data.obj.length>0){
getProInfo(ns,'',data.obj[0].proId);
getSubInfo(data.obj[0].proId,data.obj[0].subId);
findSubType(data.obj[0].subId,data.obj[0].teamId);
$("#orgName").val(data.obj[0].orgName);
$("#companyId").val(data.obj[0].companyId);
$("#auForm input[name$='orgId']").prop("value",data.obj[0].orgId);
}else{
getProInfo(ns,"","");
getSubInfoByCompanyId(companyIds,"");
findSubType("","");
}
}else{
layer.msg(data.resMsg, {icon: 2});
getProInfo(ns,"","");
getSubInfoByCompanyId(companyIds,"");
findSubType("","");
}
}
})
}
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.example.ajax.reload( null, false ); // 刷新页面
}
function cancel(){
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
}
</script>
</body>
</html>