zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:生产执行中日志界面任务添加隐藏显示功能

This commit is contained in:
shijing 2025-05-22 10:55:09 +08:00
parent 8f69278bd8
commit 7bee077cd3
2 changed files with 57 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/wpm_bx/index.vue
View File

@ -1,6 +1,6 @@
<!-- 最新版生产执行页面 --> <!-- 最新版生产执行页面 -->
<template> <template>
<el-container> <el-container style="position: relative;">
<el-header> <el-header>
<el-segmented <el-segmented
v-model="values" v-model="values"
@ -15,14 +15,32 @@
:mgroupName="mgroupName" :mgroupName="mgroupName"
:mgroupId="mgroupId" :mgroupId="mgroupId"
:mgroup_code="mgroup_code" :mgroup_code="mgroup_code"
style="height: 60%" id="mlogs"
style="height: 100%"
></mlogs> ></mlogs>
<!-- 隐藏任务 -->
<div v-if="values == '日志'&&componentsShow&&mtaskVisible" class="iconWrap" @click="hiddenMtask">
<span class="iconSpan">
<el-icon>
<el-icon-arrow-down />
</el-icon>
</span>
</div>
<!-- 显示任务 -->
<div v-if="values == '日志'&&componentsShow&&!mtaskVisible" class="iconWrap iconWrapBottom" @click="showMtask">
<span class="iconSpan iconSpanBottom">
<el-icon>
<el-icon-arrow-up />
</el-icon>
</span>
</div>
<mtask <mtask
v-if="values == '日志'&&componentsShow" v-if="values == '日志'&&componentsShow"
:mgroupId="mgroupId" :mgroupId="mgroupId"
:deptId = "mgroupDept" :deptId = "mgroupDept"
:mgroupName="mgroupName" :mgroupName="mgroupName"
style="height: 40%" id="mtask"
style="height: 40%;display: none;"
></mtask> ></mtask>
<!-- 交接记录 --> <!-- 交接记录 -->
<handover <handover
@ -62,6 +80,7 @@ export default {
mgroup_code:'', mgroup_code:'',
mgroupDept:'', mgroupDept:'',
componentsShow:false, componentsShow:false,
mtaskVisible:false
}; };
}, },
mounted() { mounted() {
@ -90,8 +109,42 @@ export default {
that.componentsShow = true; that.componentsShow = true;
}); });
}, },
showMtask(){
let mtask = document.getElementById("mtask");
let mlogs = document.getElementById("mlogs");
mtask.style.height = '40%';
mlogs.style.height = '60%';
mtask.style.display = 'block';
this.mtaskVisible = true;
},
hiddenMtask(){
let mtask = document.getElementById("mtask");
let mlogs = document.getElementById("mlogs");
mtask.style.display = 'none';
mlogs.style.height = '100%';
this.mtaskVisible = false;
},
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.iconWrap {
position: absolute;
width: 30px;
height: 30px;
border-radius: 16px;
border: 1px solid #ccc;
top: 58%;
left: 50%;
}
.iconSpan{
display: inline-block;
width: 28px;
text-align: center;
line-height: 32px;
font-size: 20px;
}
.iconWrap.iconWrapBottom{
top: 95%;
}
</style> </style>

2
src/views/wpm_bx/mtask.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<el-container> <el-container>
<el-main> <el-main style="height: 100%;">
<scTable <scTable
ref="table" ref="table"
:apiObj="apiObj" :apiObj="apiObj"