订单管理-自提订单

src/views/platform/order_management/delivery_order.vue

@@ -3,10 +3,16 @@
         <el-tabs :activeName="activeName" type="card">
             <el-tab-pane label="全部" name="all"></el-tab-pane>
             <el-tab-pane label="待支付" name="pay"></el-tab-pane>
-            <el-tab-pane label="商家待接单" name="pending_order"></el-tab-pane>
-            <el-tab-pane label="正在召唤骑手" name="summoning_rider"></el-tab-pane>
-            <el-tab-pane label="骑手正在赶往商家" name="rider_en_route"></el-tab-pane>
-            <el-tab-pane label="配送中" name="delivering"></el-tab-pane>
+            <template v-if="type === 1">
+                <el-tab-pane label="商家待接单" name="pending_order"></el-tab-pane>
+                <el-tab-pane label="正在召唤骑手" name="summoning_rider"></el-tab-pane>
+                <el-tab-pane label="骑手正在赶往商家" name="rider_en_route"></el-tab-pane>
+                <el-tab-pane label="配送中" name="delivering"></el-tab-pane>
+            </template>
+            <template v-else>
+                <el-tab-pane label="待使用" name="pending"></el-tab-pane>
+                <el-tab-pane label="已使用" name="used"></el-tab-pane>
+            </template>
             <el-tab-pane label="已完成" name="finish"></el-tab-pane>
             <el-tab-pane label="已取消" name="cancel"></el-tab-pane>
         </el-tabs>
@@ -51,9 +57,9 @@
             <el-table-column align="center" label="共计/件">5</el-table-column>
             <el-table-column align="center" label="购买门店">门店名称</el-table-column>
             <el-table-column align="center" label="订单状态">待支付</el-table-column>
-            <el-table-column align="center" label="配送类型">美团转送</el-table-column>
+            <el-table-column align="center" label="配送类型" v-if="type === 1">美团转送</el-table-column>
             <el-table-column align="center" label="创建时间">2022-12-31 12:31</el-table-column>
-            <el-table-column align="center" label="收货地址">河南省郑州市金水区光明路125号</el-table-column>
+            <el-table-column align="center" :label="type === 1 ? '收货地址' : '提货地址'">河南省郑州市金水区光明路125号</el-table-column>
             <el-table-column align="center" label="操作">
                 <el-button type="text" @click="open = true">订单详情</el-button>
             </el-table-column>
@@ -90,6 +96,12 @@ export default {
         getList() {
 
         }
+    },
+    computed: {
+        //外卖订单：1，自提订单：2
+        type() {
+            return this.$route.fullPath.endsWith('delivery_order') ? 1 : 2
+        }
     }
 }
 </script>