Эх сурвалжийг харах

fix: 审核预览数据刷新问题

cuiyalong 3 сар өмнө
parent
commit
dbf791bce8

+ 12 - 2
src/views/create-order/components/order-detail-submodule/PaymentPlan.vue

@@ -12,7 +12,7 @@
         </span>
       </template>
       <div class="payment-plan-content">
-        <paymentPlanModule></paymentPlanModule>
+        <paymentPlanModule :orderDetail="orderDetail"></paymentPlanModule>
       </div>
     </InfoCard>
   </div>
@@ -36,7 +36,17 @@ export default {
   computed: {
     ...mapState({
       orderDetail: state => state.order.orderDetail
-    }) 
+    })
+  },
+  watch: {
+    orderDetail: {
+      deep: true,
+      handler() {
+        this.$nextTick(() => {
+          this.getPaymentPlanList()
+        })
+      }
+    }
   },
   mounted() {
     this.getPaymentPlanList()

+ 16 - 6
src/views/create-order/components/order-detail-submodule/PaymentPlanModule.vue

@@ -18,9 +18,14 @@
 </template>
 <script>
 import TableCard from '../../ui/TableCard.vue'
-import { mapState } from 'vuex'
 export default {
   name: 'PaymentPlanModule',
+  props: {
+    orderDetail: {
+      type: Object,
+      default: () => ({})
+    }
+  },
   components: {
     TableCard
   },
@@ -34,14 +39,19 @@ export default {
       returnMoneyPlant: {}
     } 
   },
+  watch: {
+    orderDetail: {
+      deep: true,
+      handler() {
+        this.$nextTick(() => {
+          this.getPaymentPlanList()
+        })
+      }
+    }
+  },
   mounted() {
     this.getPaymentPlanList()
   },
-  computed: {
-    ...mapState({
-      orderDetail: state => state.order.orderDetail
-    })
-  },
   methods: {
     getPaymentPlanList() {
       this.returnMoneyPlant = this.orderDetail?.returnMoneyPlant || {};

+ 10 - 5
src/views/create-order/components/order-review-submodule/OrderReviewContent.vue

@@ -58,16 +58,21 @@ export default {
       orderInfo: state => state.order.orderDetail
     })
   },
-  created() {
-    this.getOrderDetailFn()
+  watch: {
+    orderCode: {
+      immediate: true,
+      handler(val) {
+        this.getOrderDetailFn(val)
+      }
+    }
   },
   methods: {
     ...mapActions('order', ['getOrderDetail']),
-    getOrderDetailFn() {
-      if (!this.orderCode) {
+    getOrderDetailFn(id = this.orderCode) {
+      if (!id) {
         return
       }
-      this.getOrderDetail({ id: this.orderCode }).then(res => {
+      this.getOrderDetail({ id }).then(res => {
         this.orderDetail = res || {}
       })
       .finally(() => {