From bf09234c8c3521f73d10a473bf694ec929505333 Mon Sep 17 00:00:00 2001
From: ZhuRui <GodRuiCollection@163.com>
Date: Wed, 29 Jul 2026 15:02:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B0=8F=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E4=B8=8E=E9=85=8D=E7=BD=AE=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../events/list/components/EventDetailModal.tsx  | 16 ++++++++++++++--
 src/pages/events/list/model/useEventListModel.ts |  1 -
 src/pages/events/orders/model/useOrderModel.ts   |  1 -
 src/types/yp-component.d.ts                      |  1 +
 4 files changed, 15 insertions(+), 4 deletions(-)
 create mode 100644 src/types/yp-component.d.ts

diff --git a/src/pages/events/list/components/EventDetailModal.tsx b/src/pages/events/list/components/EventDetailModal.tsx
index 0644989..dfa1457 100644
--- a/src/pages/events/list/components/EventDetailModal.tsx
+++ b/src/pages/events/list/components/EventDetailModal.tsx
@@ -1,5 +1,6 @@
 import { defineComponent } from 'vue';
 import { Modal, Descriptions, Image, Table, Pagination, Space } from 'ant-design-vue';
+import { EyeOutlined } from '@ant-design/icons-vue';
 import styles from './EventDetailModal.module.less';
 
 interface EventDetailModalProps {
@@ -72,6 +73,17 @@ const MOCK_GROUPS = [
 // 假分组数据
 const MOCK_DIVISIONS = ['分组1:男子小组1（循环赛）', '分组2:女子小组1（淘汰赛）'];
 
+const renderIdImage = (src: string) => (
+  <Image
+    width={48}
+    height={32}
+    src={src}
+    v-slots={{
+      previewMask: () => <EyeOutlined />,
+    }}
+  />
+);
+
 const PLAYER_COLUMNS = [
   { title: '选手', dataIndex: 'name', key: 'name', width: 100 },
   { title: '性别', dataIndex: 'gender', key: 'gender', width: 80 },
@@ -84,8 +96,8 @@ const PLAYER_COLUMNS = [
     width: 180,
     customRender: () => (
       <Space>
-        <Image width={48} height={32} src="https://picsum.photos/seed/idimg1/96/64" />
-        <Image width={48} height={32} src="https://picsum.photos/seed/idimg2/96/64" />
+        {renderIdImage('https://picsum.photos/seed/idimg1/96/64')}
+        {renderIdImage('https://picsum.photos/seed/idimg2/96/64')}
       </Space>
     ),
   },
diff --git a/src/pages/events/list/model/useEventListModel.ts b/src/pages/events/list/model/useEventListModel.ts
index 53b8f5e..a1ca485 100644
--- a/src/pages/events/list/model/useEventListModel.ts
+++ b/src/pages/events/list/model/useEventListModel.ts
@@ -180,7 +180,6 @@ export function useEventListModel() {
       dataIndex: 'status',
       key: 'status',
       width: 90,
-      align: 'center' as const,
       customRender: ({ text }: { text: string }) => {
         const info = STATUS_MAP[text] || { label: text, tone: 'default' as const };
         return h(StatusTag, { label: info.label, tone: info.tone });
diff --git a/src/pages/events/orders/model/useOrderModel.ts b/src/pages/events/orders/model/useOrderModel.ts
index a2298ec..9513f95 100644
--- a/src/pages/events/orders/model/useOrderModel.ts
+++ b/src/pages/events/orders/model/useOrderModel.ts
@@ -263,7 +263,6 @@ export function useOrderModel() {
       dataIndex: 'orderStatus',
       key: 'orderStatus',
       width: 100,
-      align: 'center' as const,
       customRender: ({ text }: { text: string }) => {
         const info = ORDER_STATUS_MAP[text] || { label: text || '-', tone: 'default' as const };
         return h(StatusTag, { label: info.label, tone: info.tone });
diff --git a/src/types/yp-component.d.ts b/src/types/yp-component.d.ts
new file mode 100644
index 0000000..95e3bbb
--- /dev/null
+++ b/src/types/yp-component.d.ts
@@ -0,0 +1 @@
+declare module '@yp-component/root';