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

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

src/views/user-vm/UserVmList.vue

@@ -55,11 +55,16 @@
       </el-table-column>
       <el-table-column label="商品名称" min-width="150" show-overflow-tooltip>
         <template #default="{ row }">
-          {{ row.good?.name ? `${row.good.name}(ID:${row.good.id})` : '-' }}
+          <el-link v-if="row.good?.name && row.itemId" type="primary" :underline="false" @click.stop="goDetail(row)">{{ row.good.name }}(ID:{{ row.good.id }})</el-link>
+          <span v-else>{{ row.good?.name ? `${row.good.name}(ID:${row.good.id})` : '-' }}</span>
         </template>
       </el-table-column>
       <el-table-column label="用户" min-width="140" show-overflow-tooltip>
-        <template #default="{ row }">{{ row.user?.UserName || '-' }} <span style="color:#909399;font-size:12px">(ID:{{ row.userId || row.user_id || '-' }})</span></template>
+        <template #default="{ row }">
+          <el-link v-if="row.userId || row.user_id" type="primary" :underline="false" @click.stop="router.push({ path: '/user/detail', query: { user_id: row.userId || row.user_id } })">{{ row.user?.UserName || '-' }}</el-link>
+          <span v-else>-</span>
+          <span style="color:#909399;font-size:12px"> (ID:{{ row.userId || row.user_id || '-' }})</span>
+        </template>
       </el-table-column>
       <el-table-column label="绑定状态" width="90">
         <template #default="{ row }">