fix：el-drawer缓存显示问题-成品检验

src/views/qm/product.vue

@@ -63,15 +63,14 @@
 			@closed="dialog.save = false"
 		>
 		</save-dialog>
-
-		<el-drawer title="成品检验" v-model="dialog.check" :size="'90%'">
 		<check-dialog
 			ref="checkDialogs"
+			v-if="dialog.check"
 			:type="product_type"
 			:ftestWork="ftestWork"
+			@closed="dialog.check = false"
 		>
 		</check-dialog>
-		</el-drawer>
 	</el-container>
 </template>
 <script>
@@ -149,13 +148,9 @@ export default {
 			that.product_type = type;
 			that.ftestWork = row.id;
 			that.dialog.check = true;
-			// this.$router.push({
-			// 	name: "productDetail",
-			// 	query: {
-			// 		type: type,
-			// 		ftestWork: row.id,
-			// 	},
-			// });
+			this.$nextTick(() => {
+				this.$refs.checkDialogs.open();
+			});
 		},
 		handleQuery() {
 			this.$refs.table.queryData(this.query);

src/views/qm/productCheck.vue

@@ -1,4 +1,11 @@
 <template>
+	<el-drawer
+		v-model="visible"
+		title="成品检验"
+		:size="'90%'"
+		destroy-on-close
+		@closed="$emit('closed')"
+	>
 		<div style="padding: 8px">
 			<div>
 				<el-card style="width: 100%" header="基本信息" shadow="hover">
@@ -278,6 +285,7 @@
 				</el-card>
 			</div>
 		</div>
+	</el-drawer>
 	<save-dialog
 		v-if="dialog.save"
 		ref="saveDialog"
@@ -333,6 +341,7 @@ export default {
 			// type: "",
 			userList: [],
 			workObj: {},
+			visible: false,
 		};
 	},
 	watch: {
@@ -356,6 +365,9 @@ export default {
 		that.getUserList(that.ftestWork);
 	},
 	methods: {
+		open() {
+			this.visible = true;
+		},
 		//获取检验项目
 		getTestItem(tag, ftestWork) {
 			let that = this;