From d9a20c906bbd2d6dcc3463b27f64bdb45ce66ab5 Mon Sep 17 00:00:00 2001
From: ZhuRui <GodRuiCollection@163.com>
Date: Fri, 7 Aug 2026 20:06:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/EventDetailModal.module.less   | 17 ++++++++++++
 .../list/components/EventDetailModal.tsx      | 26 ++++++++++++-------
 .../WithdrawDetailModal.module.less           |  6 +----
 .../components/WithdrawDetailModal.tsx        | 10 +++----
 4 files changed, 40 insertions(+), 19 deletions(-)

diff --git a/src/pages/events/list/components/EventDetailModal.module.less b/src/pages/events/list/components/EventDetailModal.module.less
index caef3e2..d8c4f7f 100644
--- a/src/pages/events/list/components/EventDetailModal.module.less
+++ b/src/pages/events/list/components/EventDetailModal.module.less
@@ -28,12 +28,29 @@
   }
 
   .desc {
+    :global(.ant-descriptions-view table) {
+      table-layout: fixed;
+      width: 100%;
+    }
+
     :global(.ant-descriptions-item-label) {
       width: 110px;
       color: rgba(0, 0, 0, 0.65);
     }
   }
 
+  // 首列内容区加宽（省市区、公开活动、创建时间等）
+  .wideCol:global(.ant-descriptions-item-content) {
+    width: 38%;
+    min-width: 200px;
+  }
+
+  // 较长 label 加宽且不换行（class 同时挂在 label/content 上，需用复合选择器）
+  .wideLabel:global(.ant-descriptions-item-label) {
+    width: 132px;
+    white-space: nowrap;
+  }
+
   // Item 的 class 会同时挂在 label/content 两个同级 td/th 上，不能用后代选择器
   .statCell:global(.ant-descriptions-item-content) {
     min-width: 60px;
diff --git a/src/pages/events/list/components/EventDetailModal.tsx b/src/pages/events/list/components/EventDetailModal.tsx
index a7a0503..40bc17a 100644
--- a/src/pages/events/list/components/EventDetailModal.tsx
+++ b/src/pages/events/list/components/EventDetailModal.tsx
@@ -181,7 +181,7 @@ export default defineComponent({
       <Modal
         visible={props.visible}
         title="查看详情"
-        width={900}
+        width={980}
         onCancel={props.onClose}
         footer={null}
         centered
@@ -198,8 +198,10 @@ export default defineComponent({
             <div class={styles.section}>
               <div class={styles.sectionTitle}>基础信息</div>
               <Descriptions size="small" bordered column={3} class={styles.desc}>
-                <Descriptions.Item label="赛事名称">{detail.value.name}</Descriptions.Item>
-                <Descriptions.Item label="赛事时间" span={2}>
+                <Descriptions.Item label="赛事名称" span={2}>
+                  {detail.value.name}
+                </Descriptions.Item>
+                <Descriptions.Item label="赛事时间">
                   {detail.value.startTimeBegin} 至 {detail.value.startTimeEnd}
                 </Descriptions.Item>
 
@@ -207,17 +209,19 @@ export default defineComponent({
                   {detail.value.descr}
                 </Descriptions.Item>
 
-                <Descriptions.Item label="报名起止时间" span={3}>
+                <Descriptions.Item label="报名起止时间" span={3} class={styles.wideLabel}>
                   {signupTimeDisplay(detail.value.signupTimeBegin, detail.value.signupTimeEnd)}
                 </Descriptions.Item>
 
-                <Descriptions.Item label="省市区">{detail.value.venueArea}</Descriptions.Item>
+                <Descriptions.Item label="省市区" class={styles.wideCol}>
+                  {detail.value.venueArea}
+                </Descriptions.Item>
                 <Descriptions.Item label="地点">{detail.value.venue}</Descriptions.Item>
                 <Descriptions.Item label="场地编号" class={styles.statCell}>
                   {detail.value.venueNo || '--'}
                 </Descriptions.Item>
 
-                <Descriptions.Item label="公开活动">
+                <Descriptions.Item label="公开活动" class={styles.wideCol}>
                   {formatPublic(detail.value.isPublic)}
                 </Descriptions.Item>
                 <Descriptions.Item label="证件号">
@@ -227,12 +231,16 @@ export default defineComponent({
                   {formatYN(detail.value.isRequireIdCardImg)}
                 </Descriptions.Item>
 
-                <Descriptions.Item label="创建时间">{detail.value.createTime}</Descriptions.Item>
+                <Descriptions.Item label="创建时间" class={styles.wideCol}>
+                  {detail.value.createTime}
+                </Descriptions.Item>
                 <Descriptions.Item label="创建人" span={2}>
                   {detail.value.createNickname}
                 </Descriptions.Item>
 
-                <Descriptions.Item label="报名人数">{detail.value.signupCount}</Descriptions.Item>
+                <Descriptions.Item label="报名人数" class={styles.wideCol}>
+                  {detail.value.signupCount}
+                </Descriptions.Item>
                 <Descriptions.Item label="退赛人数">{detail.value.dropoutCount}</Descriptions.Item>
                 <Descriptions.Item
                   label="最大人数"
@@ -241,7 +249,7 @@ export default defineComponent({
                   {detail.value.totalLimit || '--'}
                 </Descriptions.Item>
 
-                <Descriptions.Item label="总对阵数">
+                <Descriptions.Item label="总对阵数" class={styles.wideCol}>
                   {detail.value.matchTotalCount}
                 </Descriptions.Item>
                 <Descriptions.Item label="已完成对阵数" span={2}>
diff --git a/src/pages/finance/withdraw/components/WithdrawDetailModal.module.less b/src/pages/finance/withdraw/components/WithdrawDetailModal.module.less
index adee022..5877990 100644
--- a/src/pages/finance/withdraw/components/WithdrawDetailModal.module.less
+++ b/src/pages/finance/withdraw/components/WithdrawDetailModal.module.less
@@ -96,16 +96,12 @@
     min-width: 0;
     color: rgba(0, 0, 0, 0.85);
     font-size: 13px;
+    font-weight: 600;
     word-break: break-all;
     overflow: hidden;
     text-overflow: ellipsis;
   }
 
-  .descValueBold {
-    font-weight: 600;
-    color: rgba(0, 0, 0, 0.85);
-  }
-
   .auditImgList {
     display: flex;
     gap: 5px;
diff --git a/src/pages/finance/withdraw/components/WithdrawDetailModal.tsx b/src/pages/finance/withdraw/components/WithdrawDetailModal.tsx
index fae90c9..0fab937 100644
--- a/src/pages/finance/withdraw/components/WithdrawDetailModal.tsx
+++ b/src/pages/finance/withdraw/components/WithdrawDetailModal.tsx
@@ -150,10 +150,10 @@ export default defineComponent({
       }
     };
 
-    const renderItem = (label: string, value: any, isBold = false) => (
+    const renderItem = (label: string, value: any) => (
       <div class={styles.descItem}>
         <span class={styles.descLabel}>{label}</span>
-        <span class={[styles.descValue, isBold ? styles.descValueBold : '']}>{value || '--'}</span>
+        <span class={styles.descValue}>{value || '--'}</span>
       </div>
     );
 
@@ -175,11 +175,11 @@ export default defineComponent({
               {renderItem('申请时间：', d.createDate)}
               {renderItem('打款类型：', d.withdrawType)}
               <div style="display: contents;" />
-              {renderItem('提现金额：', `¥${d.withdrawAmount}`, true)}
+              {renderItem('提现金额：', `¥${d.withdrawAmount}`)}
               {renderItem('费率：', `${(Number(d.feeRate) * 100).toFixed(2)}%`)}
               {renderItem('手续费：', `¥${d.feeAmount}`)}
-              {renderItem('到账金额：', `¥${d.receivedAmount}`, true)}
-              {renderItem('审核状态：', getAuditStatusText(d.auditStatus), true)}
+              {renderItem('到账金额：', `¥${d.receivedAmount}`)}
+              {renderItem('审核状态：', getAuditStatusText(d.auditStatus))}
               {renderItem('到账状态：', getPayStatusText(d.payStatus))}
             </div>
           </div>