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

This commit is contained in:
shijing 2024-05-30 10:35:33 +08:00
parent 4843e7a6d1
commit c7887fc5f2
2 changed files with 117 additions and 101 deletions

View File

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

View File

@ -1,4 +1,11 @@
<template> <template>
<el-drawer
v-model="visible"
title="订单详情"
:size="'90%'"
destroy-on-close
@closed="$emit('closed')"
>
<div style="padding: 8px"> <div style="padding: 8px">
<div> <div>
<el-card style="width: 100%" header="基本信息" shadow="hover"> <el-card style="width: 100%" header="基本信息" shadow="hover">
@ -56,7 +63,10 @@
</el-table-column> --> </el-table-column> -->
<el-table-column label="所需数量" prop="count"> <el-table-column label="所需数量" prop="count">
</el-table-column> </el-table-column>
<el-table-column label="已交货数量" prop="delivered_count"> <el-table-column
label="已交货数量"
prop="delivered_count"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="创建时间" label="创建时间"
@ -92,6 +102,7 @@
</el-card> </el-card>
</div> </div>
</div> </div>
</el-drawer>
<save-dialog <save-dialog
v-if="dialog.save" v-if="dialog.save"
ref="saveDialog" ref="saveDialog"
@ -128,14 +139,17 @@ export default {
30: "在修", 30: "在修",
40: "禁用", 40: "禁用",
}, },
visible: false,
}; };
}, },
mounted() { mounted() {},
methods: {
open() {
this.visible = true;
this.params.order = this.orderId; this.params.order = this.orderId;
this.apiObj = this.$API.sam.orderitem.list; this.apiObj = this.$API.sam.orderitem.list;
this.getOrder(); this.getOrder();
}, },
methods: {
getOrder() { getOrder() {
this.$API.sam.order.item.req(this.orderId).then((res) => { this.$API.sam.order.item.req(this.orderId).then((res) => {
this.orderObj = res; this.orderObj = res;