update

src/mixins/order.js

@@ -2,8 +2,8 @@ import {
     OrderStatus,
     OrderType,
     CommentStatus
-} from "@/enums";
-
+} from "@/enums"
+import bus from "@/utils/bus"
 export const OrderMixin = {
     computed: {
         btnList() {
@@ -103,6 +103,7 @@ export const OrderMixin = {
                     postData: this.data.payId,
                     success: () => {
                         this.data.orderState = OrderStatus.CLOSE;
+                        bus.$emit("changeState", this.data);
                     },
                     complete: () => {
                         this.$hideLoading();
@@ -132,6 +133,7 @@ export const OrderMixin = {
                 postData: this.data.oid,
                 success: () => {
                     this.data.orderState = OrderStatus.SUCCESS;
+                    bus.$emit("changeState", this.data);
                 },
                 complete: () => {
                     this.$hideLoading();

src/utils/bus.js

+import Vue from 'vue'
+const bus = new Vue()
+export default bus

src/views/user-center/order/components/order-list-item.vue

@@ -54,6 +54,7 @@
 import { OrderStatus, OrderStatusObj, CommentStatus, OrderType } from "@/enums";
 import { mapMutations } from "vuex";
 import { OrderMixin } from "@/mixins";
+import bus from "@/utils/bus"
 export default {
   mixins: [OrderMixin],
   props: {
@@ -133,6 +134,13 @@ export default {
       
     },
   },
+  mounted(){
+    bus.$on("changeState", (data) => {
+      if(data.oid===this.data.oid){
+        this.data.orderState=data.orderState
+      }
+    });
+  },
 };
 </script>