座位预定-预定列表新增二次确认

htmldev/dashboard/src/views/place/reserve/index.vue

@@ -60,7 +60,7 @@
 
 <script>
 import { apiReserveList, apiRefund } from './api'
-import { PullRefresh, List, Button, Toast } from 'vant'
+import { PullRefresh, List, Button, Toast, Dialog } from 'vant'
 
 export default {
   components: {
@@ -140,20 +140,28 @@ export default {
     },
     // 退款
     async funRefund (item, idx) {
-      try {
-        const { status, msg } = await apiRefund(item.id)
-        if (status) {
-          Toast('退款成功')
-          this.reserveList.splice(idx, 1, {
-            ...item,
-            order_status: 2 // 这里没有调用接口，手动修改订单状态
-          })
-        } else {
-          Toast(msg)
+      Dialog.confirm({
+        title: '提示',
+        message: '你是否确认退款？',
+        messageAlign: 'left'
+      }).then(async () => {
+        try {
+          const { status, msg } = await apiRefund(item.id)
+          if (status) {
+            Toast('退款成功')
+            this.reserveList.splice(idx, 1, {
+              ...item,
+              order_status: 2 // 这里没有调用接口，手动修改订单状态
+            })
+          } else {
+            Toast(msg)
+          }
+        } catch (err) {
+          console.log(err)
         }
-      } catch (err) {
-        console.log(err)
-      }
+      }).catch(() => {
+        // on cancel
+      })
     }
   }
 }