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

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

@ -2,139 +2,143 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<title>项目全过程影像管理工具</title> <title>项目全过程影像管理工具</title>
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.css" media="all" /> <link rel="stylesheet" href="css/font-awesome/css/font-awesome.css" media="all"/>
<link rel="stylesheet" href="css/index2.css" media="all" /> <link rel="stylesheet" href="css/index2.css" media="all"/>
<link rel="stylesheet" href="css/global.css" media="all" /> <link rel="stylesheet" href="css/global.css" media="all"/>
<link rel="stylesheet" href="js/layui-v2.6.8/css/layui.css" media="all"> <link rel="stylesheet" href="js/layui-v2.6.8/css/layui.css" media="all">
<!-- <link rel="stylesheet" href="layui/css/layui.css" media="all" />--> <!-- <link rel="stylesheet" href="layui/css/layui.css" media="all" />-->
</head> </head>
<style> <style>
.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 {
margin: 0;
margin-left: 15px;
}
.selectd{
padding-top: 1%;
color: #FFFFFF;
font-size: 20px;
}
</style>
<body>
<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-main">
<div class="admin-login-box">
<a class="logo" style="left: 0;" href="javascript:void(0)">
<span style="font-size: 22px;color: #fff;letter-spacing: 2px;">项目全过程影像管理工具</span>
</a>
<div class="admin-side-toggle" style="display: none;">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<div class="layui-form-item selectd" style="margin-left: 8%;" > .layui-nav-tree .layui-nav-child dd {
<label class="layui-form-label" style="width: 100px;">项目名称:</label> margin: 0;
<div class="layui-input-inline" style="width: 210px;"> margin-left: 15px;
<select class="layui-input" id="proId" name="proName" lay-verify="required" lay-search="" lay-filter="proId"> }
</select> </style>
</div> <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-header header header-demo" style="background-color: #00377A;height: 65px;">
<div class="layui-main">
<div class="admin-login-box">
<a class="logo" style="left: 0;" href="javascript:void(0)">
<span style="font-size: 22px;color: #fff;letter-spacing: 2px;">项目全过程影像管理工具</span>
</a>
<div class="admin-side-toggle" style="display: none;">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<label class="layui-form-label">专业:</label> <div class="layui-form-item" style="margin-left: 15%;padding-top:1%; ">
<div class="layui-input-inline"> <label class="layui-form-label" style="width: 100px; font-size: 16px;color: #FFFFFF;">项目名称:</label>
<select class="layui-input" id="majorId" name="majorName" lay-filter="majorId" lay-search=""> <div class="layui-input-inline" style="width: 210px;">
<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>
<div class="layui-input-inline">
<select class="layui-input" id="gxId" name="gxName" lay-filter="gxId" lay-search="">
</select> <label class="layui-form-label" style="font-size: 18px;color: #FFFFFF;">专业:</label>
</div> <div class="layui-input-inline">
</div> <select class="layui-input" id="majorIdMain" name="majorName" lay-filter="majorIdMain"
</div> lay-search="">
<ul class="layui-nav" pc style="background-color: transparent !important;"> </select>
<li class="layui-nav-item"> </div>
<!-- <a href='javascript:;' lay-id="-997" data-url="pages/notice/noticePubList.html"><i class="fa fa-envelope-o" aria-hidden="true" title="公告" unreadNotice></i></a>--> <label class="layui-form-label" style="font-size: 18px;color: #FFFFFF;">工序:</label>
</li> <div class="layui-input-inline">
<li class="layui-nav-item" pc> <select class="layui-input" id="gxIdMain" name="gxName" lay-filter="gxIdMain" lay-search="">
<a href="javascript:;" style="color: #fff !important;" class="admin-header-user">
<img /> </select>
<span style="color: #fff !important;"></span> </div>
</a> </div>
<dl class="layui-nav-child"> </div>
<!-- <dd>-->
<!-- <a href='javascript:;' lay-id="-999" data-url="pages/user/updateMyself.html"><i class="fa fa-user-circle" aria-hidden="true"></i> 个人信息</a>--> <ul class="layui-nav" pc style="background-color: transparent !important;">
<!-- </dd>--> <li class="layui-nav-item">
<dd> <!-- <a href='javascript:;' lay-id="-997" data-url="pages/notice/noticePubList.html"><i class="fa fa-envelope-o" aria-hidden="true" title="公告" unreadNotice></i></a>-->
<a href='javascript:;' lay-id="-998" onclick="changeUserPwd()"><i class="fa fa-drupal" aria-hidden="true"></i> 修改密码</a> </li>
</dd> <li class="layui-nav-item" pc>
<dd> <a href="javascript:;" style="color: #fff !important;" class="admin-header-user">
<a href="javascript:;" onclick="logout()"><i class="fa fa-sign-out" aria-hidden="true"></i> 退出</a> <img/>
</dd> <span style="color: #fff !important;"></span>
</dl> </a>
</li> <dl class="layui-nav-child">
</ul> <!-- <dd>-->
</div> <!-- <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>
<a href='javascript:;' lay-id="-998" onclick="changeUserPwd()"><i class="fa fa-drupal"
aria-hidden="true"></i>
修改密码</a>
</dd>
<dd>
<a href="javascript:;" onclick="logout()"><i class="fa fa-sign-out"
aria-hidden="true"></i> 退出</a>
</dd>
</dl>
</li>
</ul>
</div> </div>
<!-- 菜单 --> </div>
<div class="layui-side layui-bg-black" id="admin-side"> <!-- 菜单 -->
<div class="layui-side-scroll" id="admin-navbar-side" lay-filter="side"> <div class="layui-side layui-bg-black" id="admin-side">
<ul id="menu" class="layui-nav layui-nav-tree" lay-filter="demo"> <div class="layui-side-scroll" id="admin-navbar-side" lay-filter="side">
<ul id="menu" class="layui-nav layui-nav-tree" lay-filter="demo">
</ul>
</div>
</div>
<div class="layui-body" style="bottom: 0;border-left: solid 2px #eeecec;" id="admin-body">
<div class="layui-tab admin-nav-card layui-tab-brief" lay-allowClose="true" lay-filter="admin-tab">
<ul class="layui-tab-title">
<li class="layui-this">
<i class="fa fa-dashboard" aria-hidden="true"></i>
<cite></cite>
</li>
</ul>
<div class="layui-tab-content" style="min-height: 150px; padding: 5px 0 0 0;background-color: #F2F2F2;">
<div class="layui-tab-item layui-show">
<iframe id="sy" src=""></iframe>
</div>
</div>
</div>
</div>
<div class="layui-footer footer footer-demo" id="admin-footer">
<div>
</div>
</div>
<div class="site-tree-mobile layui-hide">
<i class="layui-icon">&#xe602;</i>
</div>
<div class="site-mobile-shade"></div>
<script src="js/layui-v2.6.8/layui.js" charset="UTF-8" type="text/javascript"></script> </ul>
<script type="text/javascript" src="js/libs/jquery-3.7.0.min.js"></script> </div>
<script type="text/javascript" src="js/jq.js"></script> </div>
<script type="text/javascript" src="js/publicJs.js"></script> <div class="layui-body" style="bottom: 0;border-left: solid 2px #eeecec;" id="admin-body">
<script type="text/javascript" src="js/select.js"></script> <div class="layui-tab admin-nav-card layui-tab-brief" lay-allowClose="true" lay-filter="admin-tab">
<script type="text/javascript" src="js/my/aes.js"></script> <ul class="layui-tab-title">
<script type="text/javascript" src="js/ajaxRequest.js"></script> <li class="layui-this">
<script type="text/javascript" src="js/main.js"></script> <i class="fa fa-dashboard" aria-hidden="true"></i>
<script type="text/javascript" src="js/openIframe.js"></script> <cite></cite>
</li>
</ul>
<div class="layui-tab-content" style="min-height: 150px; padding: 5px 0 0 0;background-color: #F2F2F2;">
<div class="layui-tab-item layui-show">
<iframe id="sy" src=""></iframe>
</div>
</div>
</div>
</div>
<div class="layui-footer footer footer-demo" id="admin-footer">
<div>
</div>
</div>
<div class="site-tree-mobile layui-hide">
<i class="layui-icon">&#xe602;</i>
</div>
<div class="site-mobile-shade"></div>
</div> <script src="js/layui-v2.6.8/layui.js" charset="UTF-8" type="text/javascript"></script>
<script type="text/javascript" src="js/libs/jquery-3.7.0.min.js"></script>
<script type="text/javascript" src="js/jq.js"></script>
<script type="text/javascript" src="js/publicJs.js"></script>
<script type="text/javascript" src="js/select.js"></script>
<script type="text/javascript" src="js/my/aes.js"></script>
<script type="text/javascript" src="js/ajaxRequest.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/openIframe.js"></script>
</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 () {
const selectElement = event.target;
const selectedId = selectElement.value; // 获取选中项的 value (id)
if (selectedId === '' || selectedId == '') {
setSelectValueName("", 'gxId', '请先选择专业');
} else {
let gxs = getGxsSelect(selectedId);
setSelectValueName(gxs, 'gxId', '请选择工序');
}
});
form.on('select(majorIdMain)', function (data) {
const selectedId = data.value; // 获取选中项的 value 值
const selectedName = $(data.elem).find("option:selected").text(); // 获取选中项的文本
if(selectedId === '' || selectedId == ''){
setSelectValueName("", 'gxIdMain', '请先选择专业');
}else{
let gxs = getGxsSelect(data.value);
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', '请先选择专业');
} }