在头部增加;工程、专业、工序选择
This commit is contained in:
parent
3dbc3273c7
commit
71d96179ed
|
|
@ -26,6 +26,11 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
.selectd{
|
||||||
|
padding-top: 1%;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
<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;">
|
||||||
|
|
@ -39,7 +44,30 @@
|
||||||
<div class="admin-side-toggle" style="display: none;">
|
<div class="admin-side-toggle" style="display: none;">
|
||||||
<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%;" >
|
||||||
|
<label class="layui-form-label" style="width: 100px;">项目名称:</label>
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<label class="layui-form-label">专业:</label>
|
||||||
|
<div class="layui-input-inline">
|
||||||
|
<select class="layui-input" id="majorId" name="majorName" lay-filter="majorId" lay-search="">
|
||||||
|
|
||||||
|
</select>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul class="layui-nav" pc style="background-color: transparent !important;">
|
<ul class="layui-nav" pc style="background-color: transparent !important;">
|
||||||
<li class="layui-nav-item">
|
<li class="layui-nav-item">
|
||||||
<!-- <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="-997" data-url="pages/notice/noticePubList.html"><i class="fa fa-envelope-o" aria-hidden="true" title="公告" unreadNotice></i></a>-->
|
||||||
|
|
@ -100,6 +128,7 @@
|
||||||
<script type="text/javascript" src="js/libs/jquery-3.7.0.min.js"></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/jq.js"></script>
|
||||||
<script type="text/javascript" src="js/publicJs.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/my/aes.js"></script>
|
||||||
<script type="text/javascript" src="js/ajaxRequest.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/main.js"></script>
|
||||||
|
|
|
||||||
|
|
@ -19,11 +19,21 @@ let files1, files2;
|
||||||
let proId, proName, majorId, majorName, gxId, gxName;
|
let proId, proName, majorId, majorName, gxId, gxName;
|
||||||
|
|
||||||
let formData;
|
let formData;
|
||||||
layui.use(['laydate', 'upload'], function () {
|
|
||||||
|
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 () {
|
||||||
var upload = layui.upload;
|
var upload = layui.upload;
|
||||||
var layer = layui.layer;
|
var layer = layui.layer;
|
||||||
var element = layui.element;
|
var element = layui.element;
|
||||||
var $ = layui.$;
|
var $ = layui.$;
|
||||||
|
var forms = layui.form;
|
||||||
|
|
||||||
var violation = JSON.stringify({
|
var violation = JSON.stringify({
|
||||||
uploadType: 1, // 上传类型
|
uploadType: 1, // 上传类型
|
||||||
|
|
@ -221,8 +231,34 @@ function setParams(params) {
|
||||||
processList = getProcessSelected();
|
processList = getProcessSelected();
|
||||||
if (idParam) {
|
if (idParam) {
|
||||||
getUserById();
|
getUserById();
|
||||||
|
}else{
|
||||||
|
setTimeout(function () {
|
||||||
|
var s = parent.$('#proId').val()
|
||||||
|
alert(s);
|
||||||
|
if(selectedProId){
|
||||||
|
proId = selectedProId ;
|
||||||
|
proName = selectedProName;
|
||||||
|
$('#proId option[value=' + selectedProId + ']').attr('selected', true)
|
||||||
|
layui.form.render('select')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if(selectedMajor){
|
||||||
|
majorId = selectedMajor ;
|
||||||
|
majorName = selectedMajorName;
|
||||||
|
$('#majorId option[value=' + selectedMajor + ']').attr('selected', true)
|
||||||
|
layui.form.render('select')
|
||||||
|
}
|
||||||
|
|
||||||
|
if(selectedMajor && selectedGxId){
|
||||||
|
let gxs = getGxsSelect(selectedMajor);
|
||||||
|
setSelectValueName(gxs, 'gxId', '请选择工序');
|
||||||
|
gxId = selectedGxId ;
|
||||||
|
gxName = selectedGxName;
|
||||||
|
$('#gxId option[value=' + selectedGxId + ']').attr('selected', true)
|
||||||
|
layui.form.render('select')
|
||||||
|
}
|
||||||
|
},100)
|
||||||
|
}
|
||||||
form.on('select(proId)', function (data) {
|
form.on('select(proId)', function (data) {
|
||||||
// 获取选中的 id 和 name
|
// 获取选中的 id 和 name
|
||||||
const selectedId = data.value; // 获取选中项的 value 值
|
const selectedId = data.value; // 获取选中项的 value 值
|
||||||
|
|
@ -266,6 +302,8 @@ function setParams(params) {
|
||||||
formData = data;
|
formData = data;
|
||||||
uploadPhoto()
|
uploadPhoto()
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,11 @@
|
||||||
let urlIds = new Array();
|
let urlIds = new Array();
|
||||||
initMenu();
|
initMenu();
|
||||||
initsy();
|
initsy();
|
||||||
|
|
||||||
|
getMajorSelected();
|
||||||
|
getProcessSelected();
|
||||||
|
getProSelected();
|
||||||
|
|
||||||
function initMenu() {
|
function initMenu() {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: ctxPath + "/permissions/current",
|
url: ctxPath + "/permissions/current",
|
||||||
|
|
@ -55,6 +60,7 @@ function initMenu(){
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function initsy() {
|
function initsy() {
|
||||||
var $tabs = $('#menu');
|
var $tabs = $('#menu');
|
||||||
var $tabsTitle = $tabs.find('.layui-nav-item a');
|
var $tabsTitle = $tabs.find('.layui-nav-item a');
|
||||||
|
|
@ -63,6 +69,7 @@ function initsy() {
|
||||||
$("#sy").attr("src", "pages/home/home.html?token=" + localStorage.getItem("token"));
|
$("#sy").attr("src", "pages/home/home.html?token=" + localStorage.getItem("token"));
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function setChild(parentElement, child) {
|
function setChild(parentElement, child) {
|
||||||
if (child != null && child.length > 0) {
|
if (child != null && child.length > 0) {
|
||||||
$.each(child, function (j, item2) {
|
$.each(child, function (j, item2) {
|
||||||
|
|
@ -91,6 +98,7 @@ function setChild(parentElement, child){
|
||||||
|
|
||||||
// 登陆用户头像昵称
|
// 登陆用户头像昵称
|
||||||
showLoginInfo();
|
showLoginInfo();
|
||||||
|
|
||||||
function showLoginInfo() {
|
function showLoginInfo() {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: 'get',
|
type: 'get',
|
||||||
|
|
@ -128,8 +136,6 @@ function showLoginInfo(){
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function logout() {
|
function logout() {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: 'get',
|
type: 'get',
|
||||||
|
|
@ -153,8 +159,11 @@ function changeUserPwd(){
|
||||||
|
|
||||||
var active;
|
var active;
|
||||||
var element;
|
var element;
|
||||||
|
var form;
|
||||||
|
|
||||||
layui.use(['layer', 'element'], function() {
|
layui.use(['form', 'layer', 'element'], function () {
|
||||||
|
|
||||||
|
form = layui.form;
|
||||||
var $ = layui.jquery,
|
var $ = layui.jquery,
|
||||||
layer = layui.layer;
|
layer = layui.layer;
|
||||||
element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
|
element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
|
||||||
|
|
@ -244,6 +253,19 @@ var element ;
|
||||||
shadeMobile.on('click', function () {
|
shadeMobile.on('click', 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', '请选择工序');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -281,4 +303,46 @@ function resize(){
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取工程数据
|
||||||
|
*/
|
||||||
|
function getProSelected() {
|
||||||
|
let url = dataUrl + '/sys/select/getProsSelect';
|
||||||
|
let data = {
|
||||||
|
encryptedData: encryptCBC(JSON.stringify({}))
|
||||||
|
}
|
||||||
|
ajaxRequest(url, "POST", data, true, function () {
|
||||||
|
}, function (result) {
|
||||||
|
if (result.code === 200) {
|
||||||
|
setSelectValueName(result.data, 'proId', "请选择项目(可搜索)");
|
||||||
|
} else {
|
||||||
|
layer.alert(result.msg, {icon: 2})
|
||||||
|
}
|
||||||
|
}, function (xhr) {
|
||||||
|
error(xhr)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取专业数据
|
||||||
|
*/
|
||||||
|
function getMajorSelected() {
|
||||||
|
let url = dataUrl + '/sys/select/getProfessionSelect';
|
||||||
|
ajaxRequest(url, "GET", null, true, function () {
|
||||||
|
}, function (result) {
|
||||||
|
if (result.code === 200) {
|
||||||
|
setSelectValueName(result.data, 'majorId', "请选择专业");
|
||||||
|
} else {
|
||||||
|
layer.alert(result.msg, {icon: 2})
|
||||||
|
}
|
||||||
|
}, function (xhr) {
|
||||||
|
error(xhr)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取工序数据
|
||||||
|
*/
|
||||||
|
function getProcessSelected() {
|
||||||
|
setSelectValueName("", 'gxId', '请先选择专业');
|
||||||
|
}
|
||||||
|
|
@ -71,15 +71,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">专业:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>专业:</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="majorId" name="majorName" lay-verify="required" lay-filter="majorId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<label class="layui-form-label">工序:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>工序:</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="gxId" name="gxName" lay-verify="required" lay-filter="gxId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -65,7 +65,7 @@
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item" style="display: none">
|
||||||
<label class="layui-form-label">专业:</label>
|
<label class="layui-form-label">专业:</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="majorId" name="majorName" lay-filter="majorId" lay-search="">
|
||||||
|
|
|
||||||
|
|
@ -66,15 +66,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">专业:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>专业:</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="majorId" name="majorName" lay-verify="required" lay-filter="majorId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<label class="layui-form-label">工序:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>工序:</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="gxId" name="gxName" lay-verify="required" lay-filter="gxId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -66,15 +66,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">专业:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>专业:</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="majorId" name="majorName" lay-verify="required" lay-filter="majorId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<label class="layui-form-label">工序:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>工序:</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="gxId" name="gxName" lay-verify="required" lay-filter="gxId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -67,15 +67,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">专业:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>专业:</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="majorId" name="majorName" lay-verify="required" lay-filter="majorId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<label class="layui-form-label">工序:</label>
|
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>工序:</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="gxId" name="gxName" lay-verify="required" lay-filter="gxId" lay-search="">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue