【新增】MALL: 会员详情增加售后管理界面

src/views/mall/trade/afterSale/index.vue

@@ -156,7 +156,7 @@
           <dict-tag :type="DICT_TYPE.TRADE_AFTER_SALE_WAY" :value="scope.row.way" />
         </template>
       </el-table-column>
-      <el-table-column align="center" fixed="right" label="操作" width="160">
+      <el-table-column align="center" fixed="right" label="操作" width="120">
         <template #default="{ row }">
           <el-button link type="primary" @click="openAfterSaleDetail(row.id)">处理退款</el-button>
         </template>
@@ -181,6 +181,9 @@ import { cloneDeep } from 'lodash-es'
 import { fenToYuan } from '@/utils'
 
 defineOptions({ name: 'TradeAfterSale' })
+const props = defineProps<{
+  userId?: number
+}>()
 
 const { push } = useRouter() // 路由跳转
 
@@ -204,7 +207,8 @@ const queryParams = reactive({
   spuName: null,
   createTime: [],
   way: null,
-  type: null
+  type: null,
+  userId: null
 })
 /** 查询列表 */
 const getList = async () => {
@@ -215,8 +219,11 @@ const getList = async () => {
     if (data.status === '0') {
       delete data.status
     }
+    if (props.userId) {
+      data.userId = props.userId
+    }
     // 执行查询
-    const res = (await AfterSaleApi.getAfterSalePage(data)) as AfterSaleApi.TradeAfterSaleVO[]
+    const res = await AfterSaleApi.getAfterSalePage(data)
     list.value = res.list
     total.value = res.total
   } finally {

src/views/member/user/detail/index.vue

@@ -48,7 +48,9 @@
           <el-tab-pane label="订单管理" lazy>
             <UserOrderList :user-id="id" />
           </el-tab-pane>
-          <el-tab-pane label="售后管理" lazy>售后管理(WIP)</el-tab-pane>
+          <el-tab-pane label="售后管理" lazy>
+            <TradeAfterSale :user-id="id" />
+          </el-tab-pane>
           <el-tab-pane label="收藏记录" lazy>
             <UserFavoriteList :user-id="id" />
           </el-tab-pane>
@@ -81,6 +83,7 @@ import UserPointList from './UserPointList.vue'
 import UserSignList from './UserSignList.vue'
 import UserFavoriteList from './UserFavoriteList.vue'
 import WalletTransactionList from '@/views/pay/wallet/transaction/WalletTransactionList.vue'
+import TradeAfterSale from '@/views/mall/trade/afterSale/index.vue'
 import { CardTitle } from '@/components/Card/index'
 import { ElMessage } from 'element-plus'