Merge pull request 'feature/0925_优化agent交互' (#52) from feature/0925_优化agent交互 into main

Reviewed-on: ai-team/lingji-work-fe#52

src/layouts/components/navbar/components/task-center-modal/components/export-task/constants.ts

@@ -20,7 +20,7 @@ export const TABLE_COLUMNS = [
   {
     title: '状态',
     dataIndex: 'status',
-    width: 100,
+    width: 80,
   },
   {
     title: '创建时间',

src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue

@@ -4,6 +4,8 @@ import { Button, Checkbox, Input, Table, Pagination, message, notification } fro
 
 import SvgIcon from '@/components/svg-icon/index.vue';
 import NoData from '@/components/no-data';
+import TextOverTips from '@/components/text-over-tips/index.vue';
+
 import { getTask, postRedoTask, postBatchDownload, batchQueryTaskStatus } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { EXPORT_TASK_STATUS, enumTaskStatus } from '../../constants';
@@ -308,8 +310,10 @@ export default {
                       <span>{EXPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
                     </div>
                   );
+                } else if (column.dataIndex === 'name') {
+                  return <TextOverTips context={record.name} />;
                 } else if (column.dataIndex === 'operator.name') {
-                  return record.operator?.name || record.operator?.mobile;
+                  return <span>{record.operator?.name || record.operator?.mobile}</span>;
                 } else if (column.dataIndex === 'created_at') {
                   return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
                 } else {
@@ -320,7 +324,7 @@ export default {
           ))}
           <Table.Column
             dataIndex="operation"
-            width={dataSource.value.some((record) => record.status !== enumTaskStatus.Exporting) ? 120 : 60}
+            width={dataSource.value.some((record) => record.status !== enumTaskStatus.Exporting) ? 120 : 80}
             fixed="right"
             title="操作"
             customRender={({ record }) => (

src/layouts/components/navbar/components/task-center-modal/components/export-task/style.scss

@@ -83,4 +83,17 @@
       }
     }
   }
+  :deep(.ant-table) {
+    .ant-table-container {
+      display: flex;
+      flex-direction: column;
+      .ant-table-header {
+        flex-shrink: 0;
+      }
+      .ant-table-body {
+        // flex: 1;
+        // overflow: hidden;
+      }
+    }
+  }
 }

src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue

@@ -3,6 +3,7 @@ import { ref, computed } from 'vue';
 import { Button, Table, Pagination } from 'ant-design-vue';
 import NoData from '@/components/no-data';
 import DeleteTaskModal from './delete-task-modal.vue';
+import TextOverTips from '@/components/text-over-tips/index.vue';
 
 import { getTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
@@ -156,6 +157,8 @@ export default {
                       <span>{IMPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
                     </div>
                   );
+                } else if (column.dataIndex === 'name') {
+                  return <TextOverTips context={record.name} />;
                 } else if (column.dataIndex === 'operator.name') {
                   return <span>{record.operator?.name || record.operator?.mobile}</span>;
                 } else if (column.dataIndex === 'created_at') {
@@ -168,7 +171,7 @@ export default {
           ))}
           <Table.Column
             dataIndex="operation"
-            width={dataSource.value.some((record) => record.status === enumTaskStatus.Failed) ? 180 : 60}
+            width={dataSource.value.some((record) => record.status === enumTaskStatus.Failed) ? 180 : 80}
             fixed="right"
             title="操作"
             customRender={({ record }) => (

src/layouts/components/navbar/components/task-center-modal/components/import-task/style.scss

@@ -83,4 +83,17 @@
       }
     }
   }
+  :deep(.ant-table) {
+    .ant-table-container {
+      display: flex;
+      flex-direction: column;
+      .ant-table-header {
+        flex-shrink: 0;
+      }
+      .ant-table-body {
+        // flex: 1;
+        // overflow: hidden;
+      }
+    }
+  }
 }

src/styles/components/ant-modal.scss

@@ -4,7 +4,7 @@
     .ant-modal-header {
       border-bottom: 1px solid var(--Border-1, #d7d7d9);
       height: 56px;
-      padding: 0 20px;
+      padding: 0 24px;
       margin-bottom: 0;
       color: inherit;
       display: flex;
@@ -22,13 +22,13 @@
       }
     }
     .ant-modal-body {
-      padding: 20px 24px;
+      padding: 24px;
     }
     .ant-modal-footer {
       margin-top: 0;
       display: flex;
       height: 64px;
-      padding: 0px 20px;
+      padding: 0px 24px;
       justify-content: flex-end;
       align-items: center;
       border-top: 1px solid var(--Border-1, #d7d7d9);

src/styles/components/ant-pagination.scss

@@ -4,4 +4,92 @@
   padding: 12px 24px 0;
   justify-content: flex-end;
   align-items: center;
+  $border-radius: 2px;
+  $border-color: var(--Border-1, #d7d7d9);
+  @mixin cts {
+    color: var(--Text-2, #55585f);
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  @mixin cts2 {
+    color: var(--Text-2, #55585f);
+    font-family: $font-family-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+  }
+  .ant-pagination {
+    .ant-pagination-total-text {
+      @include cts;
+      margin-right: 12px;
+    }
+    .ant-pagination-prev,
+    .ant-pagination-next {
+      border-radius: $border-radius;
+      border: 1px solid $border-color;
+      margin-right: 12px;
+      .ant-pagination-item-link {
+        border-radius: $border-radius;
+        color: #737478;
+      }
+    }
+    .ant-pagination-jump-next {
+      margin-right: 12px;
+      min-width: 24px;
+      .ant-pagination-item-ellipsis {
+        font-family: $font-family-regular;
+        color: #737478;
+        letter-spacing: 0 !important;
+        text-indent: 0 !important;
+        font-size: 12px;
+      }
+    }
+    .ant-pagination-item {
+      border-radius: $border-radius;
+      border: 1px solid $border-color !important;
+      a {
+        @include cts2;
+      }
+      &:not(:last-child) {
+        margin-right: 12px;
+      }
+      &.ant-pagination-item-active {
+        border-color: $color-primary !important;
+      }
+    }
+    .ant-pagination-options {
+      .ant-select {
+        border: 1px solid $border-color;
+        border-radius: $border-radius !important;
+        &:hover,
+        &:focus,
+        &-focused {
+          border-color: $color-primary !important;
+        }
+        .ant-select-selector {
+          height: 24px !important;
+          border: none !important;
+          border: none !important;
+          @include cts2;
+        }
+      }
+      .ant-pagination-options-quick-jumper {
+        margin-left: 12px;
+        @include cts;
+        input {
+          margin: 0 12px;
+          border-radius: $border-radius;
+          border: 1px solid $border-color;
+          &:hover,
+          &:focus,
+          &-focused {
+            border-color: $color-primary !important;
+          }
+        }
+      }
+    }
+  }
 }

src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue

@@ -63,7 +63,7 @@
         <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
         <span class="cts mr-4px">{{ column.title }}</span>
         <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
-          <SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
+          <SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478 relative top-3px" size="16" />
         </Tooltip>
       </template>
 

src/views/property-marketing/media-account/account-detail/components/note-table/index.vue

@@ -68,7 +68,7 @@
         <template #title>
           <span class="cts mr-4px">{{ column.title }}</span>
           <Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
-            <SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="14" />
+            <SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478 relative top-2px" size="14" />
           </Tooltip>
         </template>
         <template #customRender="{ record }">

src/views/property-marketing/media-account/node-detail/index.vue

@@ -76,7 +76,7 @@
         <div class="flex items-center">
           <span class="cts !text-18px !lh-26px mr-4px bold">作品数据</span>
           <Tooltip title="展示作品的曝光量、点赞量等数据指标">
-            <SvgIcon name="xt-question-circle" class="color-#737478" size="14" />
+            <SvgIcon name="xt-question-circle" class="color-#737478 relative top-2px" size="14" />
           </Tooltip>
         </div>
       </div>