perf: 走查问题调整

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;
+      }
+    }
   }
 }

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: '通过时间',

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;
     }

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;
     }

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: '通过时间',

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;
     }

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} />

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: '上传时间',

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>

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;
     }