feat: 定时刷新用户预约表

src/pages/home/detailList/index.vue

@@ -42,14 +42,15 @@ export default {
         { orderStatus: [3, 5], color: '#A3A3A3', backgroundColor: '#F0F0F0' },
         { orderStatus: [2], color: '#FA7D22', backgroundColor: '#FEF4ED' },
         { orderStatus: [0, 1], color: '#42D351', backgroundColor: '#F5FCF5' },
-      ]
+      ],
+      timer: null
     };
   },
-  async created () { 
-    let resp = await api.reservedRecords()
-    if (resp.code === 200) {
-      this.orderList = resp.data
-    }
+  created () {
+    this.fetchOrderList()
+    this.timer = setInterval(() => {
+      this.fetchOrderList()
+    }, 10000)
   },
   mounted () {
     if (this.$refs.row) {
@@ -58,7 +59,19 @@ export default {
       })
     }
   },
+  destroyed () {
+    if (this.timer) {
+      clearInterval(this.timer)
+      this.timer = null
+    }
+  },
   methods: {
+    async fetchOrderList () {
+      let resp = await api.reservedRecords()
+      if (resp.code === 200) {
+        this.orderList = resp.data
+      }
+    },
     getStyleByOrderStatus (orderSource) {
       let style = null
       // 订单状态，0已预约，未支付，1已支付，待使用，2正在使用，3已结算，5已取消