fix：el-drawer缓存显示问题-采购计划

src/views/pum/order.vue

@@ -125,9 +125,13 @@
 		@success="handleSaveSuccess"
 		@closed="dialog.save = false"
 	></save-dialog>
-	<el-drawer title="订单详情" v-model="dialog.detail" :size="'90%'">
+	<detail-dialog
-		<detail-dialog :orderId="orderId" ref="detailDialogs"> </detail-dialog>
+		ref="detailDialogs"
-	</el-drawer>
+		v-if="dialog.detail"
+		:orderId="orderId"
+		@closed="dialog.detail = false"
+	>
+	</detail-dialog>
 </template>
 <script>
 import saveDialog from "./order_form.vue";
@@ -177,14 +181,9 @@ export default {
 		table_detail(row) {
 			this.orderId = row.id;
 			this.dialog.detail = true;
-			// this.$nextTick(() => {
+			this.$nextTick(() => {
-			// 	this.$router.push({
+				this.$refs.detailDialogs.open();
-			// 		name: "orderitem",
+			});
-			// 		query: {
-			// 			pu_order: row.id,
-			// 		},
-			// 	});
-			// });
 		},
 		table_submit(row) {
 			this.$API.pum.order.submit.req(row.id).then((res) => {

src/views/pum/orderitem.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">
@@ -68,7 +75,10 @@
 						</el-table-column>
 						<el-table-column label="所需数量" prop="count">
 						</el-table-column>
-					<el-table-column label="已到货数量" prop="delivered_count">
+						<el-table-column
+							label="已到货数量"
+							prop="delivered_count"
+						>
 						</el-table-column>
 						<el-table-column
 							label="创建时间"
@@ -113,6 +123,7 @@
 				</el-card>
 			</div>
 		</div>
+	</el-drawer>
 	<save-dialog
 		v-if="dialog.save"
 		ref="saveDialog"
@@ -163,6 +174,7 @@ export default {
 				30: "到货中",
 				40: "已完成",
 			},
+			visible: false,
 		};
 	},
 	mounted() {
@@ -172,6 +184,9 @@ export default {
 		this.getOrder();
 	},
 	methods: {
+		open() {
+			this.visible = true;
+		},
 		getOrder() {
 			this.$API.pum.order.item.req(this.puOrder).then((res) => {
 				this.orderObj = res;

src/views/pum/plan.vue

@@ -107,9 +107,13 @@
 		@success="handleSaveSuccess"
 		@closed="dialog.save = false"
 	></save-dialog>
-	<el-drawer title="计划详情" v-model="dialog.detail" :size="'90%'">
+	<detail-dialog
-		<detail-dialog :planId="planId" ref="detailDialogs"> </detail-dialog>
+		ref="detailDialogs"
-	</el-drawer>
+		v-if="dialog.detail"
+		:planId="planId"
+		@closed="dialog.detail = false"
+	>
+	</detail-dialog>
 </template>
 <script>
 import saveDialog from "./plan_form.vue";
@@ -155,12 +159,9 @@ export default {
 		table_detail(row) {
 			this.planId = row.id;
 			this.dialog.detail = true;
-			// this.$nextTick(() => {
+			this.$nextTick(() => {
-			// 	this.$router.push({
+				this.$refs.detailDialogs.open();
-			// 		name: "planitem",
+			});
-			// 		query: { pu_plan: row.id },
-			// 	});
-			// });
 		},
 		//编辑
 		table_edit(row) {

src/views/pum/planitem.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">
@@ -105,6 +112,7 @@
 				</el-card>
 			</div>
 		</div>
+	</el-drawer>
 	<save-dialog
 		v-if="dialog.save"
 		ref="saveDialog"
@@ -146,16 +154,20 @@ export default {
 				40: "下单完成",
 				40: "已完成",
 			},
+			visible: false,
 		};
 	},
 	mounted() {
 		this.puPlan = this.planId;
 		this.query.pu_plan = this.planId;
 		this.apiObj = this.$API.pum.planitem.list;
-		this.$refs.table.refresh();
+		// this.$refs.table.refresh();
 		this.getOrder();
 	},
 	methods: {
+		open() {
+			this.visible = true;
+		},
 		getOrder() {
 			this.$API.pum.plan.item.req(this.puPlan).then((res) => {
 				this.orderObj = res;