269 lines
10 KiB
HTML
269 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>分公司管理--新增</title>
|
||
<link rel="stylesheet" type="text/css" media="screen" href="../../layui-v2.8.18/layui/css/layui.css">
|
||
<link rel="stylesheet" type="text/css" media="screen" href="../../css/publicStyles.css">
|
||
<link rel="stylesheet" href="../../css/ztree/zTreeStyle/zTreeStyle.css" type="text/css">
|
||
<style>
|
||
/*.layui-form-label {*/
|
||
/* width: 16%;*/
|
||
/*}*/
|
||
|
||
/*.layui-inline {*/
|
||
/* width: 90%*/
|
||
/*}*/
|
||
|
||
/*.layui-input {*/
|
||
/* width: 84%*/
|
||
/*}*/
|
||
|
||
/*textarea {*/
|
||
/* resize: none;*/
|
||
/*}*/
|
||
|
||
/*.layui-form-select dl {*/
|
||
/* position: absolute;*/
|
||
/* left: 16%;*/
|
||
/* top: 50px;*/
|
||
/* padding: 5px 0;*/
|
||
/* z-index: 899;*/
|
||
/* min-width: 84%;*/
|
||
/* border: 1px solid #eee;*/
|
||
/* max-height: 300px;*/
|
||
/* overflow-y: auto;*/
|
||
/* background-color: #fff;*/
|
||
/* border-radius: 2px;*/
|
||
/* box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);*/
|
||
/* box-sizing: border-box;*/
|
||
/*}*/
|
||
|
||
/*xm-select {*/
|
||
/* background-color: #FFF;*/
|
||
/* position: relative;*/
|
||
/* border: 1px solid #E6E6E6;*/
|
||
/* border-radius: 2px;*/
|
||
/* display: block;*/
|
||
/* width: 100%;*/
|
||
/* cursor: pointer;*/
|
||
/* outline: none;*/
|
||
/* height: 45px !important;*/
|
||
/*}*/
|
||
|
||
/*xm-select > .xm-tips {*/
|
||
/* color: #757575 !important;*/
|
||
/* padding: 0 10px;*/
|
||
/* position: absolute;*/
|
||
/* display: flex;*/
|
||
/* height: 100%;*/
|
||
/* align-items: center;*/
|
||
/* font-family: math;*/
|
||
/* font-size: 16px !important;*/
|
||
/* margin-top: 2px !important;*/
|
||
/*}*/
|
||
|
||
/*xm-select > .xm-label .scroll .label-content {*/
|
||
/* display: flex;*/
|
||
/* padding: 7px 10px !important;*/
|
||
/*}*/
|
||
/*#orgContent{*/
|
||
/* display:none;*/
|
||
/* overflow: auto;*/
|
||
/* width: 30%;*/
|
||
/* height: 300px;*/
|
||
/* position: absolute;*/
|
||
/* z-index: 999;*/
|
||
/* background-color: rgb(255 255 255);*/
|
||
/* left: 195.875px;*/
|
||
/* border: 1px solid #e1e1e1;*/
|
||
/* top: 48px;*/
|
||
/*}*/
|
||
/*.layui-input {*/
|
||
/* width: 65%;*/
|
||
/*}*/
|
||
/*.layui-form-select .layui-edge {*/
|
||
/* left: 82%;*/
|
||
/*}*/
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<form class="layui-form" id="projectForm" action="" method="post" onsubmit=" return false">
|
||
<input id="id" hidden="hidden"/>
|
||
<div class="layui-form-item" style="margin-top: 1%;">
|
||
<div class="layui-input-inline">
|
||
<label class="layui-form-label"><i class="tip-required"
|
||
style="color: red;font-size: 20px">*</i>公司名称:：</label>
|
||
</div>
|
||
<div class="layui-input-inline" style="border: 0px dashed dimgrey;width: 74%;">
|
||
<input type="text" name="orgName" lay-verify="required" id="orgName" class="layui-input" maxlength="12" oninput="checkMaxLength(this)">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" style="margin-top: 1%;">
|
||
<div class="layui-input-inline">
|
||
<label class="layui-form-label"><i class="tip-required"
|
||
style="color: red;font-size: 20px">*</i>所属公司:：</label>
|
||
</div>
|
||
<div class="layui-input-inline" style="border: 0px dashed dimgrey;width: 74%;">
|
||
<select id="parentId" class="layui-select" name="parentId" lay-verify="required">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="layui-form-item" style="margin-top: 2%;width: 99%">-->
|
||
<!-- <div class="layui-form-item" style="margin-top: 3%;">-->
|
||
<!-- <div class="layui-inline">-->
|
||
<!-- <label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>公司名称：</label>-->
|
||
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="layui-form-item" style="margin-top: 20px;">-->
|
||
<!-- <div class="layui-inline">-->
|
||
<!-- <label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>所属公司：</label>-->
|
||
<!-- <select id="parentId" class="layui-select" name="parentId" lay-verify="required">-->
|
||
<!-- </select>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<div class="layui-form-item" style="display: none">
|
||
<div class="layui-input-block">
|
||
<button type="submit" class="layui-btn subBtn" id="commit" lay-submit lay-filter="formDemo">提交
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</body>
|
||
</html>
|
||
<script type="text/javascript" src="../../js/jquery/jquery-3.6.0.js"></script>
|
||
<script type="text/javascript" src="../../js/jq.js"></script>
|
||
<script type="text/javascript" src="../../layui-v2.8.18/layui/layui.js"></script>
|
||
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
||
<script type="text/javascript" src="../../js/common_methon.js"></script>
|
||
<script type="text/javascript" src="../../js/dict.js"></script>
|
||
<script type="text/javascript" src="../../js/select.js"></script>
|
||
<script src="../../css/ztree/3.5/jquery.ztree.all.min.js"></script>
|
||
<script type="text/javascript">
|
||
var form;
|
||
var layuiForm;
|
||
var laydate;
|
||
var id = localStorage.getItem("id");
|
||
$(function () {
|
||
layui.use(['form', 'laydate', 'upload'], function () {
|
||
form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||
layuiForm = form;
|
||
laydate = layui.laydate;
|
||
form.render();
|
||
form.verify({});
|
||
getRole(form, ' ');
|
||
/**
|
||
* 修改方法调用数据回显
|
||
*/
|
||
if (id != '') {
|
||
getList();
|
||
}
|
||
// 验证成功后才会执行下面的操作
|
||
form.on('submit(formDemo)', function (data) {
|
||
console.log(data.field);
|
||
data.field.id = id;
|
||
addInfo(data); //新增方法
|
||
});
|
||
});
|
||
});
|
||
|
||
|
||
/**
|
||
* 新增或修改的提交方法
|
||
* @param formData
|
||
* @returns {boolean}
|
||
*/
|
||
function addInfo(formData) {
|
||
var tip = '保存';
|
||
var formUrl = ctxPath + "/corporate/addInfo";
|
||
if (id != '') {
|
||
formUrl = ctxPath + "/corporate/updateInfo";
|
||
tip = '修改';
|
||
}
|
||
formData.field.id = id;
|
||
// 加载提示
|
||
addLoadingMsg = top.layer.msg('数据上传中,请稍候...', {
|
||
icon: 16,
|
||
scrollbar: false,
|
||
time: 0,
|
||
shade: [0.8, '#393D49']
|
||
});
|
||
$.ajax({
|
||
type: 'post',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: formUrl, // 请求地址
|
||
contentType: "application/json; charset=utf-8",
|
||
dataType: 'json', // 服务器返回数据类型
|
||
data: JSON.stringify(formData.field), //获取提交的表单字段
|
||
success: function (data) {
|
||
if (data.resMsg === "发起成功") {
|
||
parent.layer.closeAll();
|
||
top.layer.close(addLoadingMsg); //再执行关闭
|
||
parent.layer.msg(tip + '成功', {icon: 1, time: 2000});
|
||
window.parent.location.reload();
|
||
}else {
|
||
top.layer.close(addLoadingMsg); //再执行关闭
|
||
parent.layer.msg(tip + '失败', {icon: 2, time: 2000});
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
top.layer.close(addLoadingMsg); //再执行关闭
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 根据id获取单个数据进行回显
|
||
*/
|
||
function getList() {
|
||
$.ajax({
|
||
type: 'POST',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: ctxPath + '/corporate/getListById',// 请求地址
|
||
dataType: 'json', // 服务器返回数据类型
|
||
data: {'id': id}, //获取提交的表单字段
|
||
success: function (data) {
|
||
var resMsg = data.resMsg;
|
||
if ("数据获取成功" === resMsg) {
|
||
let info = data.obj.corporateBean;
|
||
$("#orgName").val(info.orgName);
|
||
getRole(form, info.value);
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
// layer.close(loadingMsg);
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
}
|
||
});
|
||
}
|
||
|
||
function getRole(form,Id) {
|
||
$("#parentId").html("");
|
||
$.ajax({
|
||
type: 'post',
|
||
url: ctxPath + '/corporate/getRole',
|
||
data: {
|
||
},
|
||
async: false,
|
||
success: function (data) {
|
||
var html = '<option value="">--请选择--</option>';
|
||
for (var i = 0; i < data.length; i++) {
|
||
if (Id == data[i].key) {
|
||
html += '<option selected="selected" value=\'' + data[i].key + '\'>' + data[i].value + '</option>';
|
||
} else {
|
||
html += '<option value=\'' + data[i].key + '\'>' + data[i].value + '</option>';
|
||
}
|
||
}
|
||
$("#parentId").html(html);
|
||
layui.form.render('select'); //这里就是我们要渲染的地方了
|
||
},
|
||
error: function (err) {
|
||
console.log("获取人员角色下拉列表出错：", err);
|
||
}
|
||
});
|
||
}
|
||
|
||
</script> |