fix：el-drawer缓存显示问题-库存

src/views/inm/good_mio.vue

@@ -132,15 +132,15 @@
 		@success="handleSaveSuccess"
 		@closed="dialog.save = false"
 	></save-dialog>
-	<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
 	<record-dialog
+		ref="showDrawer"
+		v-if="visibleDrawer"
 		:type="type"
 		:cate="cate"
 		:mioId="mioId"
-			ref="recordDialogs"
+		@closed="visibleDrawer = false"
 	>
 	</record-dialog>
-	</el-drawer>
 </template>
 <script>
 import saveDialog from "./mio_form.vue";
@@ -185,6 +185,7 @@ export default {
 			type: "",
 			cate: "good",
 			mioId: "",
+			visibleDrawer: false,
 		};
 	},
 	methods: {
@@ -206,11 +207,10 @@ export default {
 		table_detail(row) {
 			this.type = row.type;
 			this.mioId = row.id;
-			this.dialog.record = true;
+			this.visibleDrawer = true;
-			// this.$router.push({
+			this.$nextTick(() => {
-			// 	name: "mioitem",
+				this.$refs.showDrawer.open();
-			// 	query: { mio: row.id, type: row.type, cate: "good" },
+			});
-			// });
 		},
 		//删除
 		table_del(row) {

src/views/inm/halfgood_mio.vue

@@ -149,15 +149,15 @@
 		@success="handleSaveSuccess"
 		@closed="dialog.save = false"
 	></save-dialog>
-	<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
 	<record-dialog
+		ref="showDrawer"
+		v-if="visibleDrawer"
 		:type="type"
 		:cate="cate"
 		:mioId="mioId"
-			ref="recordDialogs"
+		@closed="visibleDrawer = false"
 	>
 	</record-dialog>
-	</el-drawer>
 </template>
 <script>
 import saveDialog from "./mio_form.vue";
@@ -201,6 +201,7 @@ export default {
 			type: "",
 			cate: "halfgood",
 			mioId: "",
+			visibleDrawer: false,
 		};
 	},
 	methods: {
@@ -222,11 +223,10 @@ export default {
 		table_detail(row) {
 			this.type = row.type;
 			this.mioId = row.id;
-			this.dialog.record = true;
+			this.visibleDrawer = true;
-			// this.$router.push({
+			this.$nextTick(() => {
-			// 	name: "mioitem",
+				this.$refs.showDrawer.open();
-			// 	query: { mio: row.id, type: row.type, cate: "halfgood" },
+			});
-			// });
 		},
 		//删除
 		table_del(row) {

src/views/inm/helpso_mio.vue

@@ -132,15 +132,15 @@
 		@success="handleSaveSuccess"
 		@closed="dialog.save = false"
 	></save-dialog>
-	<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
 	<record-dialog
+		ref="showDrawer"
+		v-if="visibleDrawer"
 		:type="type"
 		:cate="cate"
 		:mioId="mioId"
-			ref="recordDialogs"
+		@closed="visibleDrawer = false"
 	>
 	</record-dialog>
-	</el-drawer>
 </template>
 <script>
 import saveDialog from "./mio_form.vue";
@@ -179,6 +179,7 @@ export default {
 			type: "",
 			cate: "helpso",
 			mioId: "",
+			visibleDrawer: false,
 		};
 	},
 	methods: {
@@ -200,11 +201,10 @@ export default {
 		table_detail(row) {
 			this.type = row.type;
 			this.mioId = row.id;
-			this.dialog.record = true;
+			this.visibleDrawer = true;
-			// this.$router.push({
+			this.$nextTick(() => {
-			// 	name: "mioitem",
+				this.$refs.showDrawer.open();
-			// 	query: { mio: row.id, type: row.type, cate: "helpso" },
+			});
-			// });
 		},
 		//删除
 		table_del(row) {

src/views/inm/mainso_mio.vue

@@ -149,15 +149,15 @@
 		@success="handleSaveSuccess"
 		@closed="dialog.save = false"
 	></save-dialog>
-	<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
 	<record-dialog
+		ref="showDrawer"
+		v-if="visibleDrawer"
 		:type="type"
 		:cate="cate"
 		:mioId="mioId"
-			ref="recordDialogs"
+		@closed="visibleDrawer = false"
 	>
 	</record-dialog>
-	</el-drawer>
 </template>
 <script>
 import saveDialog from "./mio_form.vue";
@@ -202,6 +202,7 @@ export default {
 			type: "",
 			cate: "mainso",
 			mioId: "",
+			visibleDrawer: false,
 		};
 	},
 	methods: {
@@ -223,11 +224,10 @@ export default {
 		table_detail(row) {
 			this.type = row.type;
 			this.mioId = row.id;
-			this.dialog.record = true;
+			this.visibleDrawer = true;
-			// this.$router.push({
+			this.$nextTick(() => {
-			// 	name: "mioitem",
+				this.$refs.showDrawer.open();
-			// 	query: { mio: row.id, type: row.type, cate: "mainso" },
+			});
-			// });
 		},
 		//删除
 		table_del(row) {

src/views/inm/mioitem.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">
@@ -98,11 +105,17 @@
 										<div>
 											{{ item.material_name }}
 											<span
-											style="color: gray; font-size: 12px"
+												style="
+													color: gray;
+													font-size: 12px;
+												"
 												>批:</span
 											>{{ item.batch }}
 											<span
-											style="color: gray; font-size: 12px"
+												style="
+													color: gray;
+													font-size: 12px;
+												"
 												>比:</span
 											>{{ item.rate }}
 										</div>
@@ -170,6 +183,7 @@
 				</el-card>
 			</div>
 		</div>
+	</el-drawer>
 	<save-dialog
 		v-if="dialog.save"
 		ref="saveDialog"
@@ -240,6 +254,7 @@ export default {
 				other_in: "其他入库",
 				other_out: "其他出库",
 			},
+			visible: false,
 			mioitemId: "",
 			// type: "",
 			// cate: "",
@@ -256,6 +271,9 @@ export default {
 		this.getMio();
 	},
 	methods: {
+		open() {
+			this.visible = true;
+		},
 		getMio() {
 			this.$API.inm.mio.item.req(this.mioId).then((res) => {
 				this.mioObj = res;