订单管理-售后订单

src/views/platform/public/after_sales_service.vue

@@ -6,7 +6,7 @@
             </el-tab-pane>
             <el-tab-pane label="待审核" name="audit"></el-tab-pane>
             <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
-            <template v-if="isSelf">
+            <template v-if="type === 1">
                 <el-tab-pane label="已失效" name="disabled"></el-tab-pane>
                 <el-tab-pane label="待退货" name="returns"></el-tab-pane>
             </template>
@@ -14,13 +14,13 @@
         </el-tabs>
         <el-form :inline="true">
             <el-form-item>
-                <el-input :placeholder="isSelf ? '订单号' : '退款单号'" />
+                <el-input :placeholder="type === 1 ? '订单号' : '退款单号'" />
             </el-form-item>
             <el-form-item>
                 <el-input placeholder="请输入订单号" />
             </el-form-item>
             <el-form-item>
-                <el-select v-model="queryParams.refund_type" :placeholder="isSelf ? '退款类型' : '退款原因'" clearable>
+                <el-select v-model="queryParams.refund_type" :placeholder="type === 1 ? '退款类型' : '退款原因'" clearable>
                     <el-option v-for="dict in dict.type.refund_type" :key="dict.value" :label="dict.label"
                         :value="dict.value"></el-option>
                 </el-select>
@@ -37,8 +37,8 @@
             <br />
             <el-form-item>
                 <el-select v-model="queryParams.after_sales_order_status" placeholder="全部状态" clearable>
-                    <el-option v-for="dict in dict.type['after_sales_order_status' + (isSelf ? '' : '_2')]" :key="dict.value"
+                    <el-option v-for="dict in dict.type['after_sales_order_status' + (type === 1 ? '' : '_2')]"
-                        :label="dict.label" :value="dict.value"></el-option>
+                        :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
                 </el-select>
             </el-form-item>
             <el-form-item>
@@ -54,7 +54,7 @@
             <el-table-column label="退款单号" align="center">
                 12313141
             </el-table-column>
-            <el-table-column label="退款类型" align="center">
+            <el-table-column label="退款类型" align="center" v-if="type === 1">
                 退款退货
             </el-table-column>
             <el-table-column label="退款原因" align="center">
@@ -78,19 +78,26 @@
             <el-table-column label="用户ID" align="center">
                 12
             </el-table-column>
-            <el-table-column label="商品名称" align="center">
+            <template v-if="type === 1">
-                商品名称
+                <el-table-column label="商品名称" align="center">
-            </el-table-column>
+                    商品名称
-            <el-table-column label="商品图片" align="center">
+                </el-table-column>
-                <img src="http://dummyimage.com/50x50" />
+                <el-table-column label="商品图片" align="center">
-            </el-table-column>
+                    <img src="http://dummyimage.com/50x50" />
+                </el-table-column>
+            </template>
+            <template v-else>
+                <el-table-column label="订单号" align="center">
+                    131313135
+                </el-table-column>
+            </template>
             <el-table-column label="价格" align="center">
                 ￥120.00
             </el-table-column>
             <el-table-column label="数量" align="center">
                 2
             </el-table-column>
-            <el-table-column label="商品图片" align="center">
+            <el-table-column label="操作" align="center">
                 <el-button type="text" @click="dialog.detail = true">详情</el-button>
                 <el-button type="text" @click="dialog.audit = true">审核</el-button>
             </el-table-column>
@@ -152,9 +159,9 @@ export default {
         },
     },
     computed: {
-        //是否自营商城售后
+        //自营售后订单：1，外卖售后订单：2
-        isSelf() {
+        type() {
-            return this.$route.fullPath.endsWith('1')
+            return this.$route.fullPath.includes('self-operated-mall') ? 1 : 2
         }
     }
 }