From 111f400bdb45e05e32431e28815bdc7774a88195 Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Sat, 12 Sep 2026 17:47:37 +0800
Subject: [PATCH] =?UTF-8?q?style(frontend):=20=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E4=BB=A3=E7=A0=81=E4=BB=A5=E9=80=9A=E8=BF=87?=
 =?UTF-8?q?pre-push=E6=A3=80=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/admin/panels/ProductMatchPanel.tsx  | 41 +++++++++++--------
 .../pages/admin/panels/WorkOrdersPanel.tsx    | 19 +++++++--
 .../pages/admin/platform/PddPlatformPanel.tsx |  9 ++--
 .../src/pages/worker/WorkerAfterSalesPage.tsx |  6 ++-
 .../src/pages/worker/WorkerHallPage.tsx       |  4 +-
 .../src/pages/worker/WorkerProfileRecords.tsx |  4 +-
 .../worker/worker-profile-view-utils.tsx      |  4 +-
 7 files changed, 58 insertions(+), 29 deletions(-)

diff --git a/apps/frontend/src/pages/admin/panels/ProductMatchPanel.tsx b/apps/frontend/src/pages/admin/panels/ProductMatchPanel.tsx
index 9c9a340a..fc04de88 100644
--- a/apps/frontend/src/pages/admin/panels/ProductMatchPanel.tsx
+++ b/apps/frontend/src/pages/admin/panels/ProductMatchPanel.tsx
@@ -1,4 +1,10 @@
-import { DeleteOutlined, PlayCircleOutlined, ReloadOutlined, SearchOutlined, SettingOutlined } from '@ant-design/icons'
+import {
+  DeleteOutlined,
+  PlayCircleOutlined,
+  ReloadOutlined,
+  SearchOutlined,
+  SettingOutlined,
+} from '@ant-design/icons'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import {
   App,
@@ -58,7 +64,6 @@ export default function ProductMatchPanel() {
   const [savingRetention, setSavingRetention] = useState(false)
   const [cleaningLogs, setCleaningLogs] = useState(false)
 
-
   const shopsQuery = useQuery({
     queryKey: ['admin-kuaishou-industry-shops', 'product-match'],
     queryFn: fetchAdminKuaishouIndustryShops,
@@ -98,10 +103,10 @@ export default function ProductMatchPanel() {
 
   useEffect(() => {
     if (matchConfig) {
-      if (typeof matchConfig.maxMatchLogs === "number") {
+      if (typeof matchConfig.maxMatchLogs === 'number') {
         setMaxLogs(matchConfig.maxMatchLogs)
       }
-      if (typeof matchConfig.matchLogRetentionDays === "number") {
+      if (typeof matchConfig.matchLogRetentionDays === 'number') {
         setRetentionDays(matchConfig.matchLogRetentionDays)
       }
     }
@@ -115,13 +120,13 @@ export default function ProductMatchPanel() {
         maxMatchLogs: maxLogs,
         matchLogRetentionDays: retentionDays,
       })
-      message.success("匹配日志保留策略已保存并已执行清理")
+      message.success('匹配日志保留策略已保存并已执行清理')
       await Promise.all([
-        queryClient.invalidateQueries({ queryKey: ["admin-worker-platform-product-match-config"] }),
-        queryClient.invalidateQueries({ queryKey: ["admin-worker-platform-product-match-logs"] }),
+        queryClient.invalidateQueries({ queryKey: ['admin-worker-platform-product-match-config'] }),
+        queryClient.invalidateQueries({ queryKey: ['admin-worker-platform-product-match-logs'] }),
       ])
     } catch (error) {
-      message.error(error instanceof Error ? error.message : "保存配置失败")
+      message.error(error instanceof Error ? error.message : '保存配置失败')
     } finally {
       setSavingRetention(false)
     }
@@ -139,10 +144,10 @@ export default function ProductMatchPanel() {
         `成功清理 ${result.totalDeleted} 条历史匹配日志，剩余 ${result.remainingTotal} 条`,
       )
       await Promise.all([
-        queryClient.invalidateQueries({ queryKey: ["admin-worker-platform-product-match-logs"] }),
+        queryClient.invalidateQueries({ queryKey: ['admin-worker-platform-product-match-logs'] }),
       ])
     } catch (error) {
-      message.error(error instanceof Error ? error.message : "清理日志失败")
+      message.error(error instanceof Error ? error.message : '清理日志失败')
     } finally {
       setCleaningLogs(false)
     }
@@ -454,19 +459,19 @@ export default function ProductMatchPanel() {
                 </Space>
                 <div
                   style={{
-                    display: "flex",
-                    flexWrap: "wrap",
-                    justifyContent: "space-between",
-                    alignItems: "center",
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
                     gap: 12,
-                    background: "#fafafa",
-                    padding: "8px 12px",
+                    background: '#fafafa',
+                    padding: '8px 12px',
                     borderRadius: 6,
-                    border: "1px solid #f0f0f0",
+                    border: '1px solid #f0f0f0',
                   }}
                 >
                   <Space wrap align="center" size={8}>
-                    <SettingOutlined style={{ color: "#1677ff" }} />
+                    <SettingOutlined style={{ color: '#1677ff' }} />
                     <Typography.Text strong style={{ fontSize: 13 }}>
                       日志保留策略：
                     </Typography.Text>
diff --git a/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx b/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx
index 1d5e7e1a..6105fb71 100644
--- a/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx
+++ b/apps/frontend/src/pages/admin/panels/WorkOrdersPanel.tsx
@@ -943,15 +943,26 @@ export default function WorkOrdersPanel() {
               </Typography.Text>
             </Space>
             <Space size={4} align="center">
-              <Typography.Text type="secondary" style={{ fontSize: 12 }}>工单号:</Typography.Text>
-              <Typography.Text copyable={{ text: row.workOrderNo || getDisplayOrderNo(row) }} style={{ fontSize: 12, fontWeight: 500 }}>
+              <Typography.Text type="secondary" style={{ fontSize: 12 }}>
+                工单号:
+              </Typography.Text>
+              <Typography.Text
+                copyable={{ text: row.workOrderNo || getDisplayOrderNo(row) }}
+                style={{ fontSize: 12, fontWeight: 500 }}
+              >
                 {row.workOrderNo || getDisplayOrderNo(row)}
               </Typography.Text>
             </Space>
             {row.platformOrderId ? (
               <Space size={4} align="center">
-                <Typography.Text type="secondary" style={{ fontSize: 12 }}>平台号:</Typography.Text>
-                <Typography.Text type="secondary" copyable={{ text: row.platformOrderId }} style={{ fontSize: 12 }}>
+                <Typography.Text type="secondary" style={{ fontSize: 12 }}>
+                  平台号:
+                </Typography.Text>
+                <Typography.Text
+                  type="secondary"
+                  copyable={{ text: row.platformOrderId }}
+                  style={{ fontSize: 12 }}
+                >
                   {row.platformOrderId}
                 </Typography.Text>
               </Space>
diff --git a/apps/frontend/src/pages/admin/platform/PddPlatformPanel.tsx b/apps/frontend/src/pages/admin/platform/PddPlatformPanel.tsx
index 217d070a..e6880319 100644
--- a/apps/frontend/src/pages/admin/platform/PddPlatformPanel.tsx
+++ b/apps/frontend/src/pages/admin/platform/PddPlatformPanel.tsx
@@ -208,7 +208,8 @@ export function PddPlatformPanel() {
       })
       const data = response?.data as AdminPddSyncResult | undefined
       if (data) {
-        const pagesText = data.pagesFetched && data.pagesFetched > 1 ? `（自适应拉取 ${data.pagesFetched} 页）` : ""
+        const pagesText =
+          data.pagesFetched && data.pagesFetched > 1 ? `（自适应拉取 ${data.pagesFetched} 页）` : ''
         showSuccess(
           `店铺【${store.shopName}】同步完成${pagesText}：抓取 ${data.fetchedCount} 笔，入库/更新 ${data.upsertedCount} 笔`,
         )
@@ -887,8 +888,10 @@ export function PddPlatformPanel() {
           message={
             <span>
               当前拉单规则：默认抓取<strong>【{orderTypeDesc}】</strong>订单，单页拉取最新
-              <strong>【{config.pageSize || 50}】</strong>单；已启用<strong>【自适应翻页拉取】</strong>（上限
-              <strong>【{config.maxPages || 5}】</strong>页），当第 1 页全为新订单时自动向后翻页直至命中数据库已有订单，避免高峰期漏单。
+              <strong>【{config.pageSize || 50}】</strong>单；已启用
+              <strong>【自适应翻页拉取】</strong>（上限
+              <strong>【{config.maxPages || 5}】</strong>页），当第 1
+              页全为新订单时自动向后翻页直至命中数据库已有订单，避免高峰期漏单。
             </span>
           }
           description="系统自动保存每家店铺上次 Cookie 的测活状态与时间戳。若在定时轮询或手动测试中检测到 Cookie 失效（或触发登录过期），系统将自动更新状态并向 Bark / Wpush 发送内部告警通知。"
diff --git a/apps/frontend/src/pages/worker/WorkerAfterSalesPage.tsx b/apps/frontend/src/pages/worker/WorkerAfterSalesPage.tsx
index 9484b94f..4ed8c964 100644
--- a/apps/frontend/src/pages/worker/WorkerAfterSalesPage.tsx
+++ b/apps/frontend/src/pages/worker/WorkerAfterSalesPage.tsx
@@ -264,7 +264,11 @@ function WorkerAfterSalesItem({
           </Typography.Text>
         </div>
         <Space size={12} wrap className="worker-after-sales-item-meta">
-          <Typography.Text type="secondary" style={{ fontSize: 12 }} copyable={{ text: item.workOrderNo || item.caseNo }}>
+          <Typography.Text
+            type="secondary"
+            style={{ fontSize: 12 }}
+            copyable={{ text: item.workOrderNo || item.caseNo }}
+          >
             工单号 {item.workOrderNo || item.caseNo}
           </Typography.Text>
           <Typography.Text
diff --git a/apps/frontend/src/pages/worker/WorkerHallPage.tsx b/apps/frontend/src/pages/worker/WorkerHallPage.tsx
index 12854d22..2551ef7f 100644
--- a/apps/frontend/src/pages/worker/WorkerHallPage.tsx
+++ b/apps/frontend/src/pages/worker/WorkerHallPage.tsx
@@ -912,7 +912,9 @@ function resolveGrabDisabledReason(
   return ''
 }
 
-function getDisplayOrderNo(order: Pick<WorkOrder, 'workOrderNo' | 'platformOrderId'> | null | undefined): string {
+function getDisplayOrderNo(
+  order: Pick<WorkOrder, 'workOrderNo' | 'platformOrderId'> | null | undefined,
+): string {
   return String(order?.workOrderNo || order?.platformOrderId || '').trim() || '-'
 }
 
diff --git a/apps/frontend/src/pages/worker/WorkerProfileRecords.tsx b/apps/frontend/src/pages/worker/WorkerProfileRecords.tsx
index 0cf35b12..b355b59d 100644
--- a/apps/frontend/src/pages/worker/WorkerProfileRecords.tsx
+++ b/apps/frontend/src/pages/worker/WorkerProfileRecords.tsx
@@ -142,7 +142,9 @@ export function WorkerProfileMobileLedgerRecords({
               </div>
               {row.note ? <div className="worker-profile-record-note">说明: {row.note}</div> : null}
               {row.relatedWorkOrderNo || row.relatedPlatformOrderId ? (
-                <div className="worker-profile-record-sub">工单号 {row.relatedWorkOrderNo || row.relatedPlatformOrderId}</div>
+                <div className="worker-profile-record-sub">
+                  工单号 {row.relatedWorkOrderNo || row.relatedPlatformOrderId}
+                </div>
               ) : null}
               <div className="worker-profile-record-time">
                 {formatDateTime(String(row.createdAt || ''))}
diff --git a/apps/frontend/src/pages/worker/worker-profile-view-utils.tsx b/apps/frontend/src/pages/worker/worker-profile-view-utils.tsx
index 46e2ce8a..cfb973e4 100644
--- a/apps/frontend/src/pages/worker/worker-profile-view-utils.tsx
+++ b/apps/frontend/src/pages/worker/worker-profile-view-utils.tsx
@@ -200,7 +200,9 @@ export const workerLedgerColumns: TableColumnsType<WorkerWalletLedger> = [
       <div className="cell-stack">
         <Typography.Text>{row.note || '-'}</Typography.Text>
         {row.relatedWorkOrderNo || row.relatedPlatformOrderId ? (
-          <Typography.Text type="secondary">工单号 {row.relatedWorkOrderNo || row.relatedPlatformOrderId}</Typography.Text>
+          <Typography.Text type="secondary">
+            工单号 {row.relatedWorkOrderNo || row.relatedPlatformOrderId}
+          </Typography.Text>
         ) : null}
       </div>
     ),