自营商城-售后订单

src/views/platform/self-operated-mall/after_sales_service.vue

@@ -0,0 +1,28 @@
+<template>
+    <div class="app-container">
+        <el-tabs :activeName="activeName" type="card">
+            <el-tab-pane label="全部" name="all">
+
+            </el-tab-pane>
+            <el-tab-pane label="待审核" name="audit"></el-tab-pane>
+            <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
+            <el-tab-pane label="已失效" name="disabled"></el-tab-pane>
+            <el-tab-pane label="待退货" name="returns"></el-tab-pane>
+            <el-tab-pane label="已退款" name="refund"></el-tab-pane>
+        </el-tabs>
+        <query-order-form />
+    </div>
+</template>
+<script>
+import QueryOrderForm from "./components/query_order_form.vue"
+export default {
+    name: 'AfterSalesService',
+    components: { QueryOrderForm },
+    dicts: ['refund_type', 'after_sales_order_status'],
+    data() {
+        return {
+            activeName: 'all'
+        }
+    }
+}
+</script>

src/views/platform/self-operated-mall/components/order_detail.vue

@@ -146,10 +146,6 @@ export default {
             }
         }
     },
-    mounted() {
-        console.info(this.showDetail)
-        debugger
-    },
     methods: {
         save() {
             this.$modal.msgSuccess('保存成功')

src/views/platform/self-operated-mall/components/query_order_form.vue

@@ -0,0 +1,109 @@
+<template>
+    <div>
+        <el-form :inline="true">
+            <el-form-item>
+                <el-input placeholder="订单号" />
+            </el-form-item>
+            <el-form-item>
+                <el-input placeholder="请输入订单号" />
+            </el-form-item>
+            <el-form-item>
+                <el-select v-model="queryParams.refund_type" placeholder="退款类型" clearable>
+                    <el-option v-for="dict in dict.type.refund_type" :key="dict.value" :label="dict.label"
+                        :value="dict.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-date-picker v-model="queryParams.dateRange" style="width: 240px" value-format="yyyy-MM-dd"
+                    type="daterange" range-separator="-" start-placeholder="开始日期"
+                    end-placeholder="结束日期"></el-date-picker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary">查询</el-button>
+                <el-button>重置</el-button>
+            </el-form-item>
+            <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" :key="dict.value" :label="dict.label"
+                        :value="dict.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-select v-model="queryParams.refund_cause" placeholder="全部原因" clearable>
+                    <el-option v-for="dict in dict.type.refund_cause" :key="dict.value" :label="dict.label"
+                        :value="dict.value"></el-option>
+                </el-select>
+            </el-form-item>
+        </el-form>
+        <el-button class="export">导出</el-button>
+        <el-table :data="dataList" border>
+            <el-table-column type="selection" align="center"></el-table-column>
+            <el-table-column label="退款单号" align="center">
+                12313141
+            </el-table-column>
+            <el-table-column label="退款类型" align="center">
+                退款退货
+            </el-table-column>
+            <el-table-column label="退款原因" align="center">
+                拍错
+            </el-table-column>
+            <el-table-column label="申请时间" align="center">
+                2022-12-31 12:31
+            </el-table-column>
+            <el-table-column label="退款金额" align="center">
+                ￥120.00
+            </el-table-column>
+            <el-table-column label="退款说明" align="center">
+                7天无理由退款
+            </el-table-column>
+            <el-table-column label="审核时间" align="center">
+                2022-12-31 12:31
+            </el-table-column>
+            <el-table-column label="审核状态" align="center">
+                待审核
+            </el-table-column>
+            <el-table-column label="用户ID" align="center">
+                12
+            </el-table-column>
+            <el-table-column label="商品名称" align="center">
+                商品名称
+            </el-table-column>
+            <el-table-column label="商品图片" align="center">
+                <img src="http://dummyimage.com/50x50" />
+            </el-table-column>
+            <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-button type="text">详情</el-button>
+                <el-button type="text">审核</el-button>
+            </el-table-column>
+        </el-table>
+    </div>
+</template>
+<script>
+export default {
+    name: 'QueryOrderForm',
+    dicts: ['refund_type', 'after_sales_order_status', 'refund_cause'],
+    data() {
+        return {
+            dataList: [{}],
+            queryParams: {
+                refund_type: undefined,
+                after_sales_order_status: undefined,
+                refund_cause: undefined,
+                dateRange: undefined
+            }
+        }
+    },
+}
+</script>
+<style scoped lang="scss">
+.export {
+    margin-bottom: 10px;
+}
+</style>

src/views/platform/self-operated-mall/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div v-if="showList">
-        <el-tabs v-model="activeName" type="border-card" class="custom-tab">
+        <el-tabs v-model="activeName" type="card" class="custom-tab">
             <el-tab-pane label="全部商品（120）" name="all">
                 全部商品
 

src/views/platform/self-operated-mall/order.vue

@@ -33,7 +33,10 @@
                 </el-col>
             </el-row>
             <el-form-item>
-                <el-input placeholder="全部物流"></el-input>
+                <el-select v-model="queryParams.logistics_company" placeholder="全部物流" clearable>
+                    <el-option v-for="dict in dict.type.logistics_company" :key="dict.value" :label="dict.label"
+                        :value="dict.value"></el-option>
+                </el-select>
             </el-form-item>
         </el-form>
 
@@ -92,6 +95,7 @@ import OrderDetail from "./components/order_detail.vue"
 export default {
     name: "Order",
     components: { OrderDetail },
+    dicts: ['logistics_company'],
     data() {
         return {
             //订单详情 true:显示动态，false:显示物流
@@ -107,7 +111,9 @@ export default {
             queryParams: {
                 pageNum: 1,
                 pageSize: 10,
-                dateRange: undefined
+                dateRange: undefined,
+                logistics_company: undefined
+
             }
         }
     },