在头部增加;工程、专业、工序选择

This commit is contained in:
lSun 2025-05-23 17:47:16 +08:00
parent 71d96179ed
commit 94b3efb10d
6 changed files with 253 additions and 164 deletions

View File

@ -22,17 +22,15 @@
.layui-nav-itemed > .layui-nav-child { .layui-nav-itemed > .layui-nav-child {
background-color: rgba(0, 0, 0, 0.01) !important; background-color: rgba(0, 0, 0, 0.01) !important;
} }
.layui-nav-tree .layui-nav-child dd { .layui-nav-tree .layui-nav-child dd {
margin: 0; margin: 0;
margin-left: 15px; margin-left: 15px;
} }
.selectd{
padding-top: 1%;
color: #FFFFFF;
font-size: 20px;
}
</style> </style>
<body> <body>
<form class="layui-form" onsubmit="return false;">
<div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #eeecec;height: 65px;"> <div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #eeecec;height: 65px;">
<!-- 标题栏 --> <!-- 标题栏 -->
<div class="layui-header header header-demo" style="background-color: #00377A;height: 65px;"> <div class="layui-header header header-demo" style="background-color: #00377A;height: 65px;">
@ -45,23 +43,25 @@
<i class="fa fa-bars" aria-hidden="true"></i> <i class="fa fa-bars" aria-hidden="true"></i>
</div> </div>
<div class="layui-form-item selectd" style="margin-left: 8%;" > <div class="layui-form-item" style="margin-left: 15%;padding-top:1%; ">
<label class="layui-form-label" style="width: 100px;">项目名称:</label> <label class="layui-form-label" style="width: 100px; font-size: 16px;color: #FFFFFF;">项目名称:</label>
<div class="layui-input-inline" style="width: 210px;"> <div class="layui-input-inline" style="width: 210px;">
<select class="layui-input" id="proId" name="proName" lay-verify="required" lay-search="" lay-filter="proId"> <select class="layui-input" id="proIdMain" name="proName" lay-verify="required" lay-search=""
lay-filter="proIdMain">
</select> </select>
</div> </div>
<label class="layui-form-label">专业:</label> <label class="layui-form-label" style="font-size: 18px;color: #FFFFFF;">专业:</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<select class="layui-input" id="majorId" name="majorName" lay-filter="majorId" lay-search=""> <select class="layui-input" id="majorIdMain" name="majorName" lay-filter="majorIdMain"
lay-search="">
</select> </select>
</div> </div>
<label class="layui-form-label">工序:</label> <label class="layui-form-label" style="font-size: 18px;color: #FFFFFF;">工序:</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<select class="layui-input" id="gxId" name="gxName" lay-filter="gxId" lay-search=""> <select class="layui-input" id="gxIdMain" name="gxName" lay-filter="gxIdMain" lay-search="">
</select> </select>
</div> </div>
@ -82,10 +82,13 @@
<!-- <a href='javascript:;' lay-id="-999" data-url="pages/user/updateMyself.html"><i class="fa fa-user-circle" aria-hidden="true"></i> 个人信息</a>--> <!-- <a href='javascript:;' lay-id="-999" data-url="pages/user/updateMyself.html"><i class="fa fa-user-circle" aria-hidden="true"></i> 个人信息</a>-->
<!-- </dd>--> <!-- </dd>-->
<dd> <dd>
<a href='javascript:;' lay-id="-998" onclick="changeUserPwd()"><i class="fa fa-drupal" aria-hidden="true"></i> 修改密码</a> <a href='javascript:;' lay-id="-998" onclick="changeUserPwd()"><i class="fa fa-drupal"
aria-hidden="true"></i>
修改密码</a>
</dd> </dd>
<dd> <dd>
<a href="javascript:;" onclick="logout()"><i class="fa fa-sign-out" aria-hidden="true"></i> 退出</a> <a href="javascript:;" onclick="logout()"><i class="fa fa-sign-out"
aria-hidden="true"></i> 退出</a>
</dd> </dd>
</dl> </dl>
</li> </li>
@ -135,6 +138,7 @@
<script type="text/javascript" src="js/openIframe.js"></script> <script type="text/javascript" src="js/openIframe.js"></script>
</div> </div>
</form>
</body> </body>
</html> </html>

View File

@ -226,6 +226,37 @@ function setParams(params) {
processList = getProcessSelected(); processList = getProcessSelected();
if (idParam) { if (idParam) {
getUserById(); getUserById();
}else{
setTimeout(function () {
var proIdMain = top.$('#proIdMain').val();
var proIdMainName = top.$('#proIdMain option:selected').text();
if(proIdMain){
$('#proId option[value=' + proIdMain + ']').attr('selected', true)
layui.form.render('select');
proId = proIdMain;
proName = proIdMainName;
}
var majorIdMain = top.$('#majorIdMain').val();
var majorIdMainName = top.$('#majorIdMain option:selected').text();
if (majorIdMain){
$('#majorId option[value=' + majorIdMain + ']').attr('selected', true)
layui.form.render('select')
let gxs = getGxsSelect(majorIdMain);
setSelectValueName(gxs, 'gxId', '请选择工序');
majorId= majorIdMain;
majorName = majorIdMainName;
}
var gxIdMain = top.$('#gxIdMain').val();
var gxIdMainName = top.$('#gxIdMain option:selected').text();
if(gxIdMain){
$('#gxId option[value=' + gxIdMain + ']').attr('selected', true)
layui.form.render('select')
gxId = gxIdMain;
gxName = gxIdMainName;
}
},100)
} }
form.on('select(proId)', function (data) { form.on('select(proId)', function (data) {

View File

@ -221,6 +221,36 @@ function setParams(params) {
processList = getProcessSelected(); processList = getProcessSelected();
if (idParam) { if (idParam) {
getUserById(); getUserById();
}else{
setTimeout(function () {
var proIdMain = top.$('#proIdMain').val();
var proIdMainName = top.$('#proIdMain option:selected').text();
if(proIdMain){
$('#proId option[value=' + proIdMain + ']').attr('selected', true)
layui.form.render('select');
proId = proIdMain;
proName = proIdMainName;
}
var majorIdMain = top.$('#majorIdMain').val();
var majorIdMainName = top.$('#majorIdMain option:selected').text();
if (majorIdMain){
$('#majorId option[value=' + majorIdMain + ']').attr('selected', true)
layui.form.render('select')
let gxs = getGxsSelect(majorIdMain);
setSelectValueName(gxs, 'gxId', '请选择工序');
majorId= majorIdMain;
majorName = majorIdMainName;
}
var gxIdMain = top.$('#gxIdMain').val();
var gxIdMainName = top.$('#gxIdMain option:selected').text();
if(gxIdMain){
$('#gxId option[value=' + gxIdMain + ']').attr('selected', true)
layui.form.render('select')
gxId = gxIdMain;
gxName = gxIdMainName;
}
},100)
} }
form.on('select(proId)', function (data) { form.on('select(proId)', function (data) {

View File

@ -106,6 +106,37 @@ function setParams(params) {
processList = getProcessSelected(); processList = getProcessSelected();
if (idParam) { if (idParam) {
getUserById(); getUserById();
}else{
setTimeout(function () {
var proIdMain = top.$('#proIdMain').val();
var proIdMainName = top.$('#proIdMain option:selected').text();
if(proIdMain){
$('#proId option[value=' + proIdMain + ']').attr('selected', true)
layui.form.render('select');
proId = proIdMain;
proName = proIdMainName;
}
var majorIdMain = top.$('#majorIdMain').val();
var majorIdMainName = top.$('#majorIdMain option:selected').text();
if (majorIdMain){
$('#majorId option[value=' + majorIdMain + ']').attr('selected', true)
layui.form.render('select')
let gxs = getGxsSelect(majorIdMain);
setSelectValueName(gxs, 'gxId', '请选择工序');
majorId= majorIdMain;
majorName = majorIdMainName;
}
var gxIdMain = top.$('#gxIdMain').val();
var gxIdMainName = top.$('#gxIdMain option:selected').text();
if(gxIdMain){
$('#gxId option[value=' + gxIdMain + ']').attr('selected', true)
layui.form.render('select')
gxId = gxIdMain;
gxName = gxIdMainName;
}
},100)
} }
form.on('select(proId)', function (data) { form.on('select(proId)', function (data) {

View File

@ -19,15 +19,6 @@ let files1, files2;
let proId, proName, majorId, majorName, gxId, gxName; let proId, proName, majorId, majorName, gxId, gxName;
let formData; let formData;
let selectedProId = localStorage.getItem('selectedProId');
let selectedProName = localStorage.getItem('selectedProName');
let selectedMajor = localStorage.getItem('selectedMajor');
let selectedMajorName = localStorage.getItem('selectedMajorName');
let selectedGxId = localStorage.getItem('selectedGxId');
let selectedGxName = localStorage.getItem('selectedGxName');
layui.use(['laydate', 'upload', 'form'], function () { layui.use(['laydate', 'upload', 'form'], function () {
var upload = layui.upload; var upload = layui.upload;
var layer = layui.layer; var layer = layui.layer;
@ -233,29 +224,32 @@ function setParams(params) {
getUserById(); getUserById();
}else{ }else{
setTimeout(function () { setTimeout(function () {
var s = parent.$('#proId').val() var proIdMain = top.$('#proIdMain').val();
alert(s); var proIdMainName = top.$('#proIdMain option:selected').text();
if(selectedProId){ if(proIdMain){
proId = selectedProId ; $('#proId option[value=' + proIdMain + ']').attr('selected', true)
proName = selectedProName; layui.form.render('select');
$('#proId option[value=' + selectedProId + ']').attr('selected', true) proId = proIdMain;
layui.form.render('select') proName = proIdMainName;
} }
var majorIdMain = top.$('#majorIdMain').val();
if(selectedMajor){ var majorIdMainName = top.$('#majorIdMain option:selected').text();
majorId = selectedMajor ; if (majorIdMain){
majorName = selectedMajorName; $('#majorId option[value=' + majorIdMain + ']').attr('selected', true)
$('#majorId option[value=' + selectedMajor + ']').attr('selected', true)
layui.form.render('select') layui.form.render('select')
}
if(selectedMajor && selectedGxId){ let gxs = getGxsSelect(majorIdMain);
let gxs = getGxsSelect(selectedMajor);
setSelectValueName(gxs, 'gxId', '请选择工序'); setSelectValueName(gxs, 'gxId', '请选择工序');
gxId = selectedGxId ; majorId= majorIdMain;
gxName = selectedGxName; majorName = majorIdMainName;
$('#gxId option[value=' + selectedGxId + ']').attr('selected', true) }
var gxIdMain = top.$('#gxIdMain').val();
var gxIdMainName = top.$('#gxIdMain option:selected').text();
if(gxIdMain){
$('#gxId option[value=' + gxIdMain + ']').attr('selected', true)
layui.form.render('select') layui.form.render('select')
gxId = gxIdMain;
gxName = gxIdMainName;
} }
},100) },100)
} }
@ -279,7 +273,7 @@ function setParams(params) {
} }
gxId = ''; gxId = '';
gxName = ''; gxName = '';
let gxs = getGxsSelect(data.value); let gxs = getGxsSelect(selectedId);
setSelectValueName(gxs, 'gxId', '请选择工序'); setSelectValueName(gxs, 'gxId', '请选择工序');
}); });

View File

@ -254,18 +254,17 @@ layui.use(['form', 'layer', 'element'], function () {
$('body').removeClass('site-mobile'); $('body').removeClass('site-mobile');
}); });
// 监听选择事件并存储选中的值
document.getElementById('majorId').addEventListener('change', function () { form.on('select(majorIdMain)', function (data) {
const selectElement = event.target; const selectedId = data.value; // 获取选中项的 value 值
const selectedId = selectElement.value; // 获取选中项的 value (id) const selectedName = $(data.elem).find("option:selected").text(); // 获取选中项的文本
if(selectedId === '' || selectedId == ''){ if(selectedId === '' || selectedId == ''){
setSelectValueName("", 'gxId', '请先选择专业'); setSelectValueName("", 'gxIdMain', '请先选择专业');
}else{ }else{
let gxs = getGxsSelect(selectedId); let gxs = getGxsSelect(data.value);
setSelectValueName(gxs, 'gxId', '请选择工序'); setSelectValueName(gxs, 'gxIdMain', '请选择工序');
} }
}); });
}); });
/** /**
@ -314,7 +313,7 @@ function getProSelected() {
ajaxRequest(url, "POST", data, true, function () { ajaxRequest(url, "POST", data, true, function () {
}, function (result) { }, function (result) {
if (result.code === 200) { if (result.code === 200) {
setSelectValueName(result.data, 'proId', "请选择项目(可搜索)"); setSelectValueName(result.data, 'proIdMain', "请选择项目(可搜索)");
} else { } else {
layer.alert(result.msg, {icon: 2}) layer.alert(result.msg, {icon: 2})
} }
@ -331,7 +330,7 @@ function getMajorSelected() {
ajaxRequest(url, "GET", null, true, function () { ajaxRequest(url, "GET", null, true, function () {
}, function (result) { }, function (result) {
if (result.code === 200) { if (result.code === 200) {
setSelectValueName(result.data, 'majorId', "请选择专业"); setSelectValueName(result.data, 'majorIdMain', "请选择专业");
} else { } else {
layer.alert(result.msg, {icon: 2}) layer.alert(result.msg, {icon: 2})
} }
@ -344,5 +343,5 @@ function getMajorSelected() {
* 获取工序数据 * 获取工序数据
*/ */
function getProcessSelected() { function getProcessSelected() {
setSelectValueName("", 'gxId', '请先选择专业'); setSelectValueName("", 'gxIdMain', '请先选择专业');
} }