fix：el-drawer缓存显示问题-订单管理

src/views/sam/order.vue

@@ -31,6 +31,7 @@
 				row-key="id"
 				stripe
 				:params="query"
+				:query="query"
 			>
 				<el-table-column type="index" width="50" />
 				<el-table-column label="订单编号" prop="number">
@@ -119,9 +120,13 @@
 		@success="handleSaveSuccess"
 		@closed="dialog.save = false"
 	></save-dialog>
-	<el-drawer title="订单详情" v-model="dialog.detail" :size="'90%'">
-		<detail-dialog :orderId="orderId" ref="detailDialogs"> </detail-dialog>
-	</el-drawer>
+	<detail-dialog
+		v-model="dialog.detail"
+		:orderId="orderId"
+		ref="detailDialogs"
+		@closed="dialog.detail = false"
+	>
+	</detail-dialog>
 </template>
 <script>
 import saveDialog from "./order_form.vue";
@@ -184,11 +189,9 @@ export default {
 		table_detail(row) {
 			this.orderId = row.id;
 			this.dialog.detail = true;
-			// this.$router.push({
-			//   name: "samOrderitem",
-			//   query: { order: row.id }
-
-			// });
+			this.$nextTick(() => {
+				this.$refs.detailDialogs.open();
+			});
 		},
 		//删除
 		async table_del(row) {
@@ -208,7 +211,6 @@ export default {
 				})
 				.catch(() => {});
 		},
-
 		//本地更新数据
 		handleSaveSuccess(data, mode) {
 			if (mode == "add") {

src/views/sam/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">
@@ -56,7 +63,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="创建时间"
@@ -92,6 +102,7 @@
 				</el-card>
 			</div>
 		</div>
+	</el-drawer>
 	<save-dialog
 		v-if="dialog.save"
 		ref="saveDialog"
@@ -128,14 +139,17 @@ export default {
 				30: "在修",
 				40: "禁用",
 			},
+			visible: false,
 		};
 	},
-	mounted() {
+	mounted() {},
+	methods: {
+		open() {
+			this.visible = true;
 			this.params.order = this.orderId;
 			this.apiObj = this.$API.sam.orderitem.list;
 			this.getOrder();
 		},
-	methods: {
 		getOrder() {
 			this.$API.sam.order.item.req(this.orderId).then((res) => {
 				this.orderObj = res;