fix:el-drawer缓存显示问题

This commit is contained in:
shijing 2024-05-29 10:27:41 +08:00
parent 13eb12434f
commit 1e930db135
2 changed files with 256 additions and 217 deletions

View File

@ -296,16 +296,20 @@
</el-container>
</el-main>
</el-container>
<el-drawer title="进度详情" v-model="dialog.detail" :size="'90%'">
<detail-dialog :mtaskId="mtaskId" ref="detailDialogs"> </detail-dialog>
</el-drawer>
<showDrawer
ref="showDrawer"
v-if="visibleDrawer"
:mtaskId="mtaskId"
@closed="visibleDrawer = false"
>
</showDrawer>
</template>
<script>
import detailDialog from "./mlog_dept6_detail.vue";
import showDrawer from "./mlog_dept6_detail.vue";
export default {
components: {
detailDialog,
showDrawer,
},
data() {
return {
@ -345,6 +349,7 @@ export default {
state__in: "",
},
mtaskId: "",
visibleDrawer: false,
};
},
mounted() {
@ -373,17 +378,10 @@ export default {
//
itemClick(row) {
this.mtaskId = row.id;
this.dialog.detail = true;
// this.currentMtask = row;
// this.mgroup = row.mgroup;
// this.material_out = row.material_out_.id;
// this.handledate = row.start_date;
// this.paramsMlog.mtask = this.mtask;
// this.apiObjMlog = this.$API.wpm.mlog.list;
// this.$router.push({
// name: "mlogDept6Detail",
// query: { mtaskId: row.id },
// });
this.visibleDrawer = true;
this.$nextTick(() => {
this.$refs.showDrawer.open();
});
},
handleQueryMtask() {
if (this.queryMtaskState) {

View File

@ -1,5 +1,12 @@
<template>
<el-container>
<el-drawer
v-model="visible"
title="进度详情"
:size="'90%'"
destroy-on-close
@closed="$emit('closed')"
>
<!-- 任务信息 -->
<el-header style="height: 20%; padding: 0">
<el-card style="width: 100%; height: 100%">
@ -86,10 +93,22 @@
prop="count_ok"
></el-table-column>
<el-table-column label="不合格数量" align="center">
<el-table-column prop="count_n_hs" label="划伤" />
<el-table-column prop="count_n_zs" label="挫伤" />
<el-table-column prop="count_n_zz" label="杂质" />
<el-table-column prop="count_n_tw" label="条纹" />
<el-table-column
prop="count_n_hs"
label="划伤"
/>
<el-table-column
prop="count_n_zs"
label="挫伤"
/>
<el-table-column
prop="count_n_zz"
label="杂质"
/>
<el-table-column
prop="count_n_tw"
label="条纹"
/>
<el-table-column
prop="count_n_zdd"
label="锥度大"
@ -97,7 +116,9 @@
<el-table-column prop="count_n_d" label="短" />
<!-- -->
<!-- <template v-if="currentMtask.material_out_.name=='光纤预制棒'"> -->
<template v-if="material_name.indexOf('棒') > -1">
<template
v-if="material_name.indexOf('棒') > -1"
>
<el-table-column
prop="count_n_dl"
label="断裂"
@ -129,7 +150,9 @@
</template>
<!-- -->
<!-- <template v-if="currentMtask.material_out_.name=='光纤预制管'"> -->
<template v-if="material_name.indexOf('管') > -1">
<template
v-if="material_name.indexOf('管') > -1"
>
<el-table-column
prop="count_n_qx"
label="气线"
@ -150,14 +173,21 @@
prop="count_n_bhpcd"
label="壁厚偏差大"
/>
<el-table-column prop="count_n_wq" label="弯" />
<el-table-column
prop="count_n_wq"
label="弯"
/>
</template>
</el-table-column>
<el-table-column
label="操作人"
prop="update_by_name"
></el-table-column>
<el-table-column label="操作" fixed="right" width="130">
<el-table-column
label="操作"
fixed="right"
width="130"
>
<template #default="scope">
<el-button
link
@ -206,6 +236,7 @@
</el-main>
</el-container>
</el-main>
</el-drawer>
<save-dialog
v-if="dialogSave"
ref="saveDialog"
@ -260,6 +291,7 @@ export default {
},
mlogId: "",
handledate: "",
visible: false,
dialogSave: false,
visibleDrawer: false,
};
@ -269,6 +301,11 @@ export default {
this.getMtask();
},
methods: {
open() {
this.visible = true;
this.params.mtask = this.mtaskId;
return this;
},
getMtask() {
let that = this;
this.$API.pm.mtask.item.req(that.mtaskId).then((res) => {
@ -339,25 +376,29 @@ export default {
this.query = {};
},
mlog_submit(row) {
let that = this;
this.$API.wpm.mlog.submit
.req(row.id)
.then((res) => {
this.$message.success("操作成功");
this.getMtask(row.mtask);
that.$message.success("操作成功");
that.getMtask(that.mtask);
that.$refs.mtaskMlogs.refresh();
})
.catch((err) => {});
},
mlog_revert(row) {
this.mlogHandleLoading = true;
this.$API.wpm.mlog.revert
let that = this;
that.mlogHandleLoading = true;
that.$API.wpm.mlog.revert
.req(row.id)
.then((res) => {
this.$message.success("撤回成功");
this.getMtask(row.mtask);
this.mlogHandleLoading = false;
that.$message.success("撤回成功");
that.$refs.mtaskMlogs.refresh();
that.getMtask(that.mtask);
that.mlogHandleLoading = false;
})
.catch((e) => {
this.mlogHandleLoading = false;
that.mlogHandleLoading = false;
});
},
},