From ce3a5f9c34db90d071ae433a88d171bc2ae3b1be Mon Sep 17 00:00:00 2001
From: zzc <1761997216@qq.com>
Date: Sat, 21 Feb 2026 01:07:34 +0800
Subject: [PATCH] feat: order page

---
 src/views/spring/user/order/index.vue | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/views/spring/user/order/index.vue b/src/views/spring/user/order/index.vue
index 7be9875..6a5d284 100644
--- a/src/views/spring/user/order/index.vue
+++ b/src/views/spring/user/order/index.vue
@@ -19,7 +19,7 @@
     <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
       <el-table-column align="center" label="订单号" prop="outTradeNo" show-overflow-tooltip />
 
-      <el-table-column align="center" label="用户信息" min-width="150">
+      <el-table-column align="center" label="用户信息">
         <template #default="{ row }">
           <div v-if="row.detail" style="display: flex; align-items: center; justify-content: center">
             <img
@@ -29,22 +29,25 @@
             />
             <div style="text-align: left">
               <div>{{ row.detail.nickname || row.userId }}</div>
-              <div style="font-size: 12px; color: #909399">ID: {{ row.userId }}</div>
+              <div style="font-size: 12px; color: #909399">
+                ID:
+                <el-link type="primary" :underline="false" @click="goToUser(row.userId)">{{ row.userId }}</el-link>
+              </div>
             </div>
           </div>
-          <span v-else>{{ row.userId }}</span>
+          <el-link v-else type="primary" :underline="false" @click="goToUser(row.userId)">{{ row.userId }}</el-link>
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="商品描述" min-width="150" prop="description" show-overflow-tooltip />
+      <el-table-column align="center" label="商品描述" prop="description" show-overflow-tooltip />
 
-      <el-table-column align="center" label="金额" min-width="150" prop="totalAmount" width="100">
+      <el-table-column align="center" label="金额" prop="totalAmount" width="120">
         <template #default="{ row }">
           <span style="color: #f56c6c; font-weight: bold">¥{{ (row.totalAmount / 100).toFixed(2) }}</span>
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="支付渠道" width="120">
+      <el-table-column align="center" label="支付渠道">
         <template #default="{ row }">
           <el-tag v-if="row.provider === 'wechat'" size="small" type="success">微信</el-tag>
           <el-tag v-else-if="row.provider === 'alipay'" size="small" type="primary">支付宝</el-tag>
@@ -54,7 +57,7 @@
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="状态" prop="tradeState" width="100">
+      <el-table-column align="center" label="状态" prop="tradeState" width="120">
         <template #default="{ row }">
           <el-tag v-if="row.tradeState === 'SUCCESS'" type="success">支付成功</el-tag>
           <el-tag v-else-if="row.tradeState === 'REFUND'" type="warning">已退款</el-tag>
@@ -65,13 +68,13 @@
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="VIP计划" prop="vipPlanId" show-overflow-tooltip width="120">
+      <el-table-column align="center" label="VIP计划" prop="vipPlanId" show-overflow-tooltip width="140">
         <template #default="{ row }">
           {{ row.vipPlanId || '-' }}
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="创建时间" prop="createdAt" width="160">
+      <el-table-column align="center" label="创建时间" prop="createdAt" width="170">
         <template #default="{ row }">
           {{ formatTime(row.createdAt) }}
         </template>
@@ -143,6 +146,12 @@
           this.listLoading = false
         }
       },
+      goToUser(userId) {
+        this.$router.push({
+          path: '/spring/user/user',
+          query: { userId },
+        })
+      },
     },
   }
 </script>