From 97f02b178588785eaa362ab474d664904c889403 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 14 Aug 2025 16:26:43 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B5=B0=E6=9F=A5=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/table.scss              | 22 +++++++++++++++++++
 .../manuscript-writer/check-list/constants.ts | 12 +++++-----
 .../manuscript-writer/check-list/style.scss   |  2 +-
 .../manuscript-writer/list/style.scss         |  4 ++--
 .../manuscript/check-list/constants.ts        | 12 +++++-----
 .../manuscript/check-list/style.scss          |  2 +-
 .../share-manuscript-modal/index.vue          |  2 +-
 .../share-manuscript-modal/style.scss         |  2 +-
 .../components/manuscript-table/constants.ts  |  6 ++---
 .../components/manuscript-table/index.vue     |  8 +++----
 .../manuscript/list/style.scss                |  2 +-
 11 files changed, 48 insertions(+), 26 deletions(-)

diff --git a/src/styles/components/table.scss b/src/styles/components/table.scss
index 9c53cc5..fed1e7f 100644
--- a/src/styles/components/table.scss
+++ b/src/styles/components/table.scss
@@ -22,6 +22,18 @@
                 @include table-cell-text;
                 font-family: 'PingFangSC-Medium';
               }
+              .arco-table-sorter {
+                .arco-table-sorter-icon {
+                  .arco-icon {
+                    color: #939499;
+                  }
+                  &-active {
+                    .arco-icon {
+                      color: $color-primary;
+                    }
+                  }
+                }
+              }
             }
           }
         }
@@ -40,5 +52,15 @@
         }
       }
     }
+    .arco-scrollbar {
+      display: flex;
+      flex-direction: column;
+      .arco-table-element {
+        height: 100%;
+      }
+      .arco-scrollbar-container{
+        flex: 1;
+      }
+    }
   }
 }
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
index 11b2a55..b580c4a 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
@@ -21,12 +21,12 @@ export const TABLE_COLUMNS1 = [
   {
     title: '客户意见',
     dataIndex: 'customer_opinion',
-    width: 220,
+    width: 120,
   },
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '上传时间',
@@ -74,7 +74,7 @@ export const TABLE_COLUMNS2 = [
   {
     title: '客户意见',
     dataIndex: 'customer_opinion',
-    width: 220,
+    width: 120,
   },
   {
     title: '审核平台',
@@ -90,7 +90,7 @@ export const TABLE_COLUMNS2 = [
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '审核时间',
@@ -143,7 +143,7 @@ export const TABLE_COLUMNS3 = [
   {
     title: '客户意见',
     dataIndex: 'customer_opinion',
-    width: 200,
+    width: 120,
   },
   {
     title: '审核平台',
@@ -153,7 +153,7 @@ export const TABLE_COLUMNS3 = [
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '通过时间',
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss
index a2c29f0..b819185 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss
@@ -34,7 +34,7 @@
     .pagination-box {
       display: flex;
       width: 100%;
-      padding: 16px 24px;
+      padding: 16px 24px 0;
       justify-content: flex-end;
       align-items: center;
     }
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/style.scss b/src/views/creative-generation-workshop/manuscript-writer/list/style.scss
index 64d8310..fbb2fb8 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/style.scss
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/style.scss
@@ -1,5 +1,5 @@
 .manuscript-list-wrap {
-  height: 100%;
+  // height: 100%;
   display: flex;
   flex-direction: column;
   .filter-wrap {
@@ -21,7 +21,7 @@
     .pagination-box {
       display: flex;
       width: 100%;
-      padding: 16px 24px;
+      padding: 16px 24px 0;
       justify-content: flex-end;
       align-items: center;
     }
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
index 4d61416..e21d395 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
@@ -21,12 +21,12 @@ export const TABLE_COLUMNS1 = [
   {
     title: '客户意见',
     dataIndex: 'customer_opinion',
-    width: 220,
+    width: 120,
   },
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '上传时间',
@@ -84,7 +84,7 @@ export const TABLE_COLUMNS2 = [
   {
     title: '客户意见',
     dataIndex: 'customer_opinion',
-    width: 220,
+    width: 120,
   },
   {
     title: '审核平台',
@@ -100,7 +100,7 @@ export const TABLE_COLUMNS2 = [
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '审核时间',
@@ -153,7 +153,7 @@ export const TABLE_COLUMNS3 = [
   {
     title: '客户意见',
     dataIndex: 'customer_opinion',
-    width: 200,
+    width: 120,
   },
   {
     title: '审核平台',
@@ -163,7 +163,7 @@ export const TABLE_COLUMNS3 = [
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '通过时间',
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/style.scss b/src/views/creative-generation-workshop/manuscript/check-list/style.scss
index a2c29f0..b819185 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check-list/style.scss
@@ -34,7 +34,7 @@
     .pagination-box {
       display: flex;
       width: 100%;
-      padding: 16px 24px;
+      padding: 16px 24px 0;
       justify-content: flex-end;
       align-items: center;
     }
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
index ffa1247..3c22d41 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
@@ -206,7 +206,7 @@ export default {
                         v-slots={{
                           title: () => (
                             <div class="flex items-center">
-                              <span class="cts mr-4px">{column.title}</span>
+                              <span class="cts mr-4px bold color-#211F24">{column.title}</span>
                               {column.tooltip && (
                                 <Tooltip content={column.tooltip} position="top">
                                   <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
index d3dc205..7d5b641 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
@@ -6,7 +6,7 @@
     font-weight: 400;
     line-height: 20px;
     &.bold {
-        font-family: $font-family-medium;
+      font-family: $font-family-medium;
     }
   }
   .filter-row-item {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
index f75ddb8..859b8fe 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
@@ -21,7 +21,7 @@ export const TABLE_COLUMNS = [
   {
     title: '客户意见',
     dataIndex: 'customer_opinion',
-    width: 220,
+    width: 120,
   },
   // {
   //   title: '所属项目',
@@ -31,12 +31,12 @@ export const TABLE_COLUMNS = [
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '审核状态',
     dataIndex: 'audit_status',
-    width: 180,
+    width: 120,
   },
   {
     title: '上传时间',
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index d24630b..378eb48 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -1,6 +1,6 @@
 <template>
   <a-table ref="tableRef" :data="dataSource" row-key="id" column-resizable :pagination="false" :scroll="{ x: '100%' }"
-    class="manuscript-table w-100%" bordered @sorter-change="handleSorterChange">
+    class="manuscript-table w-100% flex-1" bordered @sorter-change="handleSorterChange">
     <template #empty>
       <NoData text="暂无稿件" />
     </template>
@@ -25,7 +25,7 @@
             :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }">
             <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
               getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
-            }}</span>
+              }}</span>
           </p>
         </template>
         <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
@@ -36,7 +36,7 @@
             :style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }">
             <span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
               getStatusInfo(record.audit_status).name
-            }}</span>
+              }}</span>
           </div>
         </template>
         <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
@@ -45,7 +45,7 @@
               class="mr-4px" />
             <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
               record.type === EnumManuscriptType.Image ? '图文' : '视频'
-            }}</span>
+              }}</span>
           </div>
         </template>
         <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
diff --git a/src/views/creative-generation-workshop/manuscript/list/style.scss b/src/views/creative-generation-workshop/manuscript/list/style.scss
index 64d8310..60452dc 100644
--- a/src/views/creative-generation-workshop/manuscript/list/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/list/style.scss
@@ -21,7 +21,7 @@
     .pagination-box {
       display: flex;
       width: 100%;
-      padding: 16px 24px;
+      padding: 16px 24px 0;
       justify-content: flex-end;
       align-items: center;
     }