feat: 添加用户ID和订单ID链接跳转功能

- 在团购活动页面中为用户ID添加点击跳转到用户详情的功能
- 在团购管理页面中为用户ID添加点击跳转到用户详情的功能
- 在审核相关页面中为容器ID添加点击跳转到容器详情的功能
- 在营销相关页面中为用户ID和订单ID添加点击跳转功能
- 在订单列表页面中为用户ID和商品ID添加点击跳转功能
- 在商品列表页面中为用户和商品添加点击跳转功能
- 在工单列表页面中为用户名添加点击跳转到用户详情的功能
- 在用户虚拟机列表中为商品和用户添加点击跳转功能
- 在用户余额页面中为支付订单ID添加点击跳转到订单详情的功能
- 统一使用el-link组件实现可点击的链接样式
- 添加useRouter依赖并创建router实例用于页面跳转

src/views/order/OrderList.vue

@@ -73,8 +73,18 @@
           <el-table-column type="selection" width="55" />
           <el-table-column prop="id" label="订单ID" width="100" />
           <el-table-column prop="name" label="订单名称" min-width="180" />
-          <el-table-column prop="userId" label="用户ID" width="100" />
-          <el-table-column prop="commodityId" label="商品ID" width="100" />
+          <el-table-column label="用户ID" width="100">
+            <template #default="{ row }">
+              <el-link v-if="row.userId" type="primary" :underline="false" @click.stop="router.push({ path: '/user/detail', query: { user_id: row.userId } })">{{ row.userId }}</el-link>
+              <span v-else>-</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="商品ID" width="100">
+            <template #default="{ row }">
+              <el-link v-if="row.commodityId" type="primary" :underline="false" @click.stop="router.push({ path: '/user-goods/list', query: { good_id: row.commodityId } })">{{ row.commodityId }}</el-link>
+              <span v-else>-</span>
+            </template>
+          </el-table-column>
           <el-table-column label="表名" width="120">
             <template #default="{ row }">
               <el-tag size="small">{{ row.table  || '未知' }}</el-tag>
@@ -409,6 +419,7 @@
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Plus, Delete, Search, Download, Refresh, User, ShoppingCart, Ticket, Money, Close } from '@element-plus/icons-vue'
 import { getOrderList, getOrderDetail, createOrder, updateOrder, deleteOrder, retryOrderHook } from '@/api/admin/order'
@@ -418,6 +429,9 @@ import DiscountCodeSelector from '@/components/admin/DiscountCodeSelector.vue'
 import VoucherSelector from '@/components/admin/VoucherSelector.vue'
 import { isoToMilliseconds, timeToTimestamp, formatDate as formatDateTool } from '@/utils/tool'
 
+const router = useRouter()
+const route = useRoute()
+
 // 查询参数
 const queryParams = reactive({
   page: 1,
@@ -845,6 +859,9 @@ const clearAllSelections = () => {
 
 // 初始化
 onMounted(() => {
+  if (route.query.key) queryParams.key = String(route.query.key)
+  if (route.query.user_id) queryParams.user_id = String(route.query.user_id)
+  if (route.query.state) queryParams.state = String(route.query.state)
   fetchOrderList()
 })
 </script>