Merge remote-tracking branch 'origin/main' into feature/v1.3_主agent_rxd

# Conflicts:
#	src/styles/lib/reset.scss
#	src/views/creative-generation-workshop/explore/detail/index.vue
#	src/views/creative-generation-workshop/explore/detail/style.scss
#	src/views/creative-generation-workshop/explore/list/index.vue
#	src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
#	src/views/creative-generation-workshop/manuscript/detail/index.vue

.drone.yml

@@ -3,40 +3,48 @@ type: docker
 name: build-deploy
 
 clone:
-  depth: 1  # ✅ 只拉取最近一次 commit，显著加快 clone 速度
+  depth: 1
 
 trigger:
-  event:
+  event: [ push, custom ]
-    - push
+  branch: [ master, test, feature/ldb_build ]
-    - custom
-  branch:
-    - master
-    - test
-    - feature/ldb_build
 
 steps:
   - name: install & build
-    image: node:23.9.0
+    image: node:22-bullseye-slim
+    environment:
+      # 统一走镜像，避免 npmjs 超时
+      NPM_CONFIG_REGISTRY: https://registry.npmmirror.com
+      PNPM_REGISTRY: https://registry.npmmirror.com
+      # 提高容错
+      PNPM_FETCH_RETRIES: "5"
+      PNPM_FETCH_RETRY_MINTIMEOUT: "2000"
+      PNPM_FETCH_RETRY_MAXTIMEOUT: "60000"
+      PNPM_FETCH_TIMEOUT: "600000"
+      CI: "true"
+      # 固定 pnpm store 到缓存卷
+      PNPM_STORE_DIR: /cache/pnpm
     volumes:
       - name: build-output
         path: /runner/builds
+      - name: pnpm-store-cache
+        path: /cache
     commands:
+      - node -v && npm -v
       - corepack enable
-      - corepack prepare pnpm@8.15.5 --activate
+      - corepack prepare pnpm@10.13.1 --activate
-      - pnpm install
+      # 关键：先把所有包拉进本地 store（不执行 postinstall）
+      - pnpm fetch
+
+      # 离线优先安装：命中 store 就不走网络；锁住 lockfile
+      - pnpm install --frozen-lockfile --prefer-offline
+
       - mkdir -p /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}
       - |
         case "${DRONE_BRANCH}" in
-          feature/ldb_build | test)
+          feature/ldb_build|test) pnpm run build:test ;;
-            pnpm run build:test
+          master) pnpm run build:prod ;;
-            ;;
+          *) echo "❌ 未配置此分支的构建规则: ${DRONE_BRANCH}"; exit 1 ;;
-          master)
-            pnpm run build:prod
-            ;;
-          *)
-            echo "❌ 未配置此分支的构建规则: ${DRONE_BRANCH}"
-            exit 1
-            ;;
         esac
       - rm -rf /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}/*
       - cp -r dist/* /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}/
@@ -44,12 +52,8 @@ steps:
   - name: deploy to spug
     image: curlimages/curl
     when:
-      status:
+      status: [ success ]
-        - success
+      branch: [ feature/ldb_build, test, master ]
-      branch:
-        - feature/ldb_build
-        - test
-        - master
     environment:
       SPUG_DEPLOY_URL:
         from_secret: spug_deploy_lingji_work_fe_url
@@ -59,38 +63,35 @@ steps:
       - |
         echo "🚀 部署到 Spug: 分支 ${DRONE_BRANCH}"
         curl -X POST "$SPUG_DEPLOY_URL?name=${DRONE_BRANCH}&token=$SPUG_DEPLOY_TOKEN" \
-        -H "Content-Type: application/json" \
+          -H "Content-Type: application/json" \
-        -d '{
+          -d '{
-        "ref": "refs/heads/'"${DRONE_BRANCH}"'",
+            "ref": "refs/heads/'"${DRONE_BRANCH}"'",
-        "before": "'"${DRONE_COMMIT_BEFORE}"'",
+            "before": "'"${DRONE_COMMIT_BEFORE}"'",
-        "after": "'"${DRONE_COMMIT_SHA}"'",
+            "after": "'"${DRONE_COMMIT_SHA}"'",
-        "commits": [
+            "commits": [{"message": "发布'"${DRONE_BRANCH}：${DRONE_COMMIT_SHA}"'"}]
-          {
+          }'
-            "message": "发布'"${DRONE_BRANCH}：${DRONE_COMMIT_SHA}"'"
-          }
-        ]
-        }'
 
   - name: notify feishu on failure
     image: curlimages/curl
     when:
-      status:
+      status: [ failure ]
-        - failure
     environment:
       FEISHU_WEBHOOK:
         from_secret: feishu_webhook_url
     commands:
       - |
         curl -X POST "$FEISHU_WEBHOOK" \
-        -H "Content-Type: application/json" \
+          -H "Content-Type: application/json" \
-        -d '{
+          -d '{
-          "msg_type": "text",
+            "msg_type": "text",
-          "content": {
+            "content": { "text": "❌ Drone-CI 执行失败 ❗️\n项目: '${DRONE_REPO_NAME}'\n分支: '${DRONE_BRANCH}'\n提交: '${DRONE_COMMIT_SHA:0:8}'" }
-            "text": "❌ Drone-CI 执行失败 ❗️\n项目: '${DRONE_REPO_NAME}'\n分支: '${DRONE_BRANCH}'\n提交: '${DRONE_COMMIT_SHA:0:8}'"
+          }'
-          }
-        }'
 
 volumes:
   - name: build-output
     host:
-      path: /www/dk_project/dk_compose/spug/data/repos/build/drone-runner/builds
+      path: /www/dk_project/dk_compose/spug/data/repos/build/drone-runner/builds
+  - name: pnpm-store-cache
+    host:
+      # 建议为 pnpm store 单独准备一个可持久化目录
+      path: /www/dk_project/dk_compose/spug/cache/pnpm-store

pnpm-lock.yaml

@@ -49,7 +49,7 @@ importers:
         version: 4.17.21
       marked:
         specifier: ^16.1.1
-        version: 16.1.1
+        version: 16.1.2
       mitt:
         specifier: ^3.0.0
         version: 3.0.0
@@ -650,36 +650,42 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.1':
     resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.1':
     resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.1':
     resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.1':
     resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.1':
     resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.1':
     resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
@@ -3696,6 +3702,11 @@ packages:
     resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
     engines: {node: '>=0.10.0'}
 
+  marked@16.1.2:
+    resolution: {integrity: sha512-rNQt5EvRinalby7zJZu/mB+BvaAY2oz3wCuCjt1RDrWNpS1Pdf9xqMOeC9Hm5adBdcV/3XZPJpG58eT+WBc0XQ==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
   match-file@0.2.2:
     resolution: {integrity: sha512-BDEZIcrBSnooL0zC72Yt3z1HhJiCq+2pMnHKVDeYN/cilCrz3KrpqKPm4ZOfWCoDolRl4QyKQpfRlQWF6PqnjQ==}
     engines: {node: '>=0.10.0'}
@@ -8080,7 +8091,6 @@ snapshots:
   dompurify@3.2.6:
     optionalDependencies:
       '@types/trusted-types': 2.0.7
-    optional: true
 
   domutils@1.7.0:
     dependencies:
@@ -10070,6 +10080,8 @@ snapshots:
     dependencies:
       object-visit: 1.0.1
 
+  marked@16.1.2: {}
+
   match-file@0.2.2:
     dependencies:
       is-glob: 3.1.0

src/components/hover-image-preview/index.vue

@@ -12,7 +12,7 @@
     :disabled="!props.src"
   >
     <template #content>
-      <div class="preview-container" :style="containerStyle">
+      <div class="preview-container">
         <img :src="props.src" alt="preview" class="preview-image" />
       </div>
     </template>
@@ -22,9 +22,9 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, ref, watch } from 'vue';
+// import { computed, onMounted, ref, watch } from 'vue';
-import type { ImageOrientation } from '@/utils/tools';
+// import type { ImageOrientation } from '@/utils/tools';
-import { getImageOrientationByUrl } from '@/utils/tools';
+// import { getImageOrientationByUrl } from '@/utils/tools';
 
 interface Props {
   src: string;
@@ -39,30 +39,30 @@ const props = withDefaults(defineProps<Props>(), {
   leaveDelay: 200,
 });
 
-const orientation = ref<ImageOrientation>('landscape');
+// const orientation = ref<ImageOrientation>('landscape');
 
-const resolveOrientation = async () => {
+// const resolveOrientation = async () => {
-  if (!props.src) {
+//   if (!props.src) {
-    orientation.value = 'landscape';
+//     orientation.value = 'landscape';
-    return;
+//     return;
-  }
+//   }
-  const o = await getImageOrientationByUrl(props.src);
+//   const o = await getImageOrientationByUrl(props.src);
-  orientation.value = o === 'square' ? 'landscape' : o;
+//   orientation.value = o === 'square' ? 'landscape' : o;
-};
+// };
 
-onMounted(resolveOrientation);
+// onMounted(resolveOrientation);
-watch(() => props.src, resolveOrientation);
+// watch(() => props.src, resolveOrientation);
 
-const containerStyle = computed(() => {
+// const containerStyle = computed(() => {
-  // 竖图: 306x400；横图: 400x251
+//   // 竖图: 306x400；横图: 400x251
-  const isPortrait = orientation.value === 'portrait';
+//   const isPortrait = orientation.value === 'portrait';
-  const width = isPortrait ? 306 : 400;
+//   const width = isPortrait ? 306 : 400;
-  const height = isPortrait ? 400 : 251;
+//   const height = isPortrait ? 400 : 251;
-  return {
+//   return {
-    width: `${width}px`,
+//     width: `${width}px`,
-    height: `${height}px`,
+//     height: `${height}px`,
-  } as Record<string, string>;
+//   } as Record<string, string>;
-});
+// });
 </script>
 
 <style lang="scss">
@@ -85,9 +85,9 @@ const containerStyle = computed(() => {
   }
 
   .preview-image {
-    width: 100%;
+    max-width: 368px;
-    height: 100%;
+    max-height: 368px;
-    object-fit: contain;
+    object-fit: scale-down;
   }
 }
 </style>

src/hooks/useGetAiReviewResult.ts

@@ -21,7 +21,7 @@ export default function useGetAiReviewResult({
   const checkResult = ref<any>({});
 
   const writerCode = computed(() => route.params.writerCode);
-  
+
   const handleStartCheck = async () => {
     checkLoading.value = true;
     const { id, platform, content } = cardInfo.value;
@@ -36,10 +36,13 @@ export default function useGetAiReviewResult({
       startStatusPolling();
     }
   };
-  const handleAgainCheck = async () => {
+  const resetAiReviewInfo = () => {
     checkResult.value = {};
     ticket.value = '';
     clearStatusPollingTimer();
+  };
+  const handleAgainCheck = async () => {
+    resetAiReviewInfo();
     handleStartCheck();
   };
   const startStatusPolling = () => {
@@ -76,5 +79,6 @@ export default function useGetAiReviewResult({
     checkResult,
     checkLoading,
     ticket,
+    resetAiReviewInfo,
   };
 }

src/router/routes/modules/creativeGenerationWorkshop.ts

@@ -118,6 +118,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       locale: '分享链接列表',
       requiresAuth: false,
       requireLogin: false,
+      hideFooter: true,
+      hideSidebar: true,
       roles: ['*'],
     },
     component: () => import('@/views/creative-generation-workshop/explore/list/index.vue'),
@@ -129,6 +131,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       locale: '分享链接详情',
       requiresAuth: false,
       requireLogin: false,
+      hideFooter: true,
+      hideSidebar: true,
       roles: ['*'],
     },
     component: () => import('@/views/creative-generation-workshop/explore/detail/index.vue'),

src/styles/components/pagination.scss

@@ -3,6 +3,7 @@
     .arco-pagination-item {
       border-radius: 4px;
       border: 1px solid var(--BG-300, #e6e6e8);
+      font-family: $font-family-manrope-regular;
       &-ellipsis {
         border: none;
       }
@@ -26,9 +27,9 @@
       border: 1px solid var(--BG-300, #e6e6e8);
     }
     &-prepend {
-      color: var(--Text-2, #3c4043);
+      color: var(--Text-2, #55585f);
       text-align: right;
-      font-family: $font-family-medium;
+      font-family: $font-family-regular;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -38,4 +39,12 @@
       background-color: transparent;
     }
   }
+  .arco-pagination-total {
+    color: var(--Text-2, #55585f);
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
 }

src/styles/components/table.scss

@@ -1,6 +1,6 @@
 .arco-table {
   @mixin table-cell-text {
-    color: var(--Text-1, #3C4043);
+    color: var(--Text-1, #211F24);
     font-family: $font-family-regular;
     font-size: 14px;
     font-style: normal;
@@ -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/utils/platform.ts

@@ -1,8 +1,8 @@
 import icon1 from '@/assets/img/media-account/icon-jl.png';
 import icon2 from '@/assets/img/media-account/icon-jg.png';
 import icon3 from '@/assets/img/media-account/icon-bili.png';
-import icon4 from '@/assets/img/media-account/icon-dy.png';
+import icon4 from '@/assets/img/platform/icon-dy.png';
-import icon5 from '@/assets/img/media-account/icon-xhs.png';
+import icon5 from '@/assets/img/platform/icon-xhs.png';
 
 // 投放账户
 export enum ENUM_PUT_ACCOUNT_PLATFORM  {

src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue

@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Image, Spin, Button, Input, Textarea } from '@arco-design/web-vue';
+import { Image, Spin, Button, Input, Textarea, Affix } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
 import SvgIcon from '@/components/svg-icon/index.vue';
 import DeleteCommentModal from './delete-comment-modal.vue';
@@ -13,6 +13,7 @@ import { useUserStore } from '@/stores';
 import icon1 from '@/assets/img/creative-generation-workshop/icon-line.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-avatar-default.png';
 import icon3 from '@/assets/img/error-img.png';
+import icon4 from '@/assets/img/creative-generation-workshop/icon-avatar-default-v2.png';
 
 const _iconMap = new Map([
   // [3, { icon: <icon-check-circle-fill size={16} class="color-#25C883 flex-shrink-0" /> }],
@@ -29,7 +30,7 @@ export default {
     },
     dataSource: {
       type: Object,
-      default: () => { },
+      default: () => {},
     },
   },
   emits: ['toggle', 'updateComment', 'deleteComment'],
@@ -45,7 +46,7 @@ export default {
     const textAreaRef = ref(null);
 
     const aiReview = computed(() => props.dataSource.ai_review);
-    const violationItems = computed(() => props.dataSource?.ai_review?.violation_items ?? []);
+    const inspectionItems = computed(() => props.dataSource?.ai_review?.inspection_items ?? []);
 
     const closeReplay = () => {
       isReplay.value = false;
@@ -55,17 +56,17 @@ export default {
     const onReplay = (item) => {
       isReplay.value = true;
       replayTarget.value = item;
+      textAreaRef.value.focus();
     };
 
     const onComment = async () => {
-      console.log(textAreaRef.value.focus());
       const { code, data } = await postShareWorksComments(props.dataSource.id, route.params.shareCode, {
         content: comment.value,
         comment_id: replayTarget.value.id,
       });
       if (code === 200) {
         emit('updateComment');
-        comment.value = '';
+        onClearComment();
         textAreaRef.value.focus();
       }
     };
@@ -110,7 +111,7 @@ export default {
         <div class="sticky bottom-0 left-0 w-full z-22 px-24px">
           <div class="relative">
             {isReplay.value && (
-              <div class="px-12px pt-8px absolute top-0 left-0 z-2 mb-8px w-full">
+              <div class="px-8px pt-8px absolute top-0 left-0 z-2 mb-8px w-full">
                 <div class="rounded-4px  bg-#F2F3F5 h-30px px-8px  flex justify-between items-center  ">
                   <div class="flex items-center mr-12px flex-1 overflow-hidden">
                     <span class="mr-4px cts !color-#737478 flex-shrink-0">回复</span>
@@ -163,7 +164,7 @@ export default {
               {props.dataSource.comments?.map((item) => (
                 <div class="comment-item flex  px-12px py-8px group" key={item.id}>
                   <Image
-                    src={item.commenter_id === 0 ? icon2 : item.commenter?.head_image}
+                    src={item.commenter_id === 0 ? icon2 : item.commenter?.head_image || icon4}
                     width={40}
                     height={40}
                     preview={false}
@@ -174,7 +175,7 @@ export default {
                     }}
                   />
 
-                  <div class="flex flex-col flex-1 overflow-hidden">
+                  <div class="flex flex-col flex-1 ">
                     <div class="flex justify-between">
                       <p class="mb-4px">
                         <span class="cts !color-#211F24 mr-8px">{getCommentName(item)}</span>
@@ -200,7 +201,7 @@ export default {
                         />
                       </div>
                     )}
-                    <p class="cts !color-#211F24">{item.content}</p>
+                    <p class="cts !color-#211F24 break-all">{item.content}</p>
                   </div>
                 </div>
               ))}
@@ -212,52 +213,51 @@ export default {
 
     const renderAiSuggest = () => {
       if (isEmpty(aiReview.value)) return null;
-      const hasViolationItems = violationItems.value.length > 0
+      const hasInspectionItems = inspectionItems.value.length > 0;
 
       return (
         <>
           <div class="result-box p-16px rounded-8px">
             <div class="flex items-center justify-between mb-16px">
               <p class="cts bold !color-#000 !text-16px">审核结果</p>
-              {
+              {hasInspectionItems && (
-                hasViolationItems && (
+                <Button
-                  <Button
+                  type="text"
-                    type="text"
+                  class="!color-#6D4CFE hover:!color-#8A70FE"
-                    class="!color-#6D4CFE hover:!color-#8A70FE"
+                  onClick={() => (isCollapse.value = !isCollapse.value)}
-                    onClick={() => (isCollapse.value = !isCollapse.value)}
+                >
-                  >
+                  {isCollapse.value ? '展开详情' : '收起详情'}
-                    {isCollapse.value ? '展开详情' : '收起详情'}
+                </Button>
-                  </Button>
+              )}
-                )
-              }
-
             </div>
             <div class="flex items-center">
               {RESULT_LIST.map((item, index) => (
                 <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
-                  <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value]}${item.suffix || ''
+                  <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value]}${
-                    }`}</span>{' '}
+                    item.suffix || ''
+                  }`}</span>{' '}
                   <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
                 </div>
               ))}
             </div>
           </div>
           <div class={`collapse-box mb-16px overflow-hidden ${isCollapse.value ? 'h-0 ' : 'h-auto'}`}>
-            {hasViolationItems && (
+            {hasInspectionItems &&
-              <div class="result-box p-16px rounded-8px mt-16px">
+              inspectionItems.value.map((parentItem, parentIndex) => (
-                <p class="cts bold !color-#000 !text-16px mb-16px">敏感词检测</p>
+                <div class="result-box p-16px rounded-8px mt-16px" key={parentIndex}>
-                <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
+                  <p class="cts bold !color-#000 !text-16px mb-16px">{parentItem.name}</p>
-                  {violationItems.value.map((item, index) => (
+                  <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
-                    <div class="audit-item" key={index}>
+                    {parentItem.items.map((item, index) => (
-                      <div class="flex items-center h-20px">
+                      <div class="audit-item" key={index}>
-                        {_iconMap.get(item.risk_level)?.icon}
+                        <div class="flex items-center h-20px">
-                        <TextOverTips context={item.word} class="cts ml-4px !color-#000" />
+                          {_iconMap.get(item.level)?.icon}
+                          <TextOverTips context={item.name} class="cts ml-4px !color-#000" />
+                        </div>
                       </div>
-                    </div>
+                    ))}
-                  ))}
+                  </div>
                 </div>
-              </div>
+              ))}
-            )}
           </div>
         </>
       );
@@ -281,11 +281,11 @@ export default {
     };
 
     return () => (
-      <section class="py-16px absolute right-16px w-440px h-full overflow-hidden">
+      <section class="ai-suggest-wrap py-16px fixed z-3 right-16px w-440px h-full overflow-hidden">
         <div class="ai-suggest-box relative py-24px flex flex-col">
           {!isEmpty(aiReview.value) && (
             <div class="relative w-fit ml-24px mb-16px">
-              <span class="ai-text">AI 智能审核</span>
+              <span class="ai-text relative z-2">AI 智能审核</span>
               <img src={icon1} class="w-80px h-10.8px absolute bottom-1px left--9px" />
             </div>
           )}
@@ -297,7 +297,7 @@ export default {
           />
 
           {/**主体 */}
-          <div class="flex-1 overflow-y-auto px-24px">
+          <div class="flex-1 overflow-y-auto px-24px main-box">
             {/* AI审核结果 */}
             {renderAiSuggest()}
             {/* 评论与回复 */}

src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss

@@ -1,92 +1,120 @@
-.ai-suggest-box {
+.ai-suggest-wrap {
-  width: 440px;
+  top: $navbar-height;
-  height: fit-content;
+  height: calc(100% - ($navbar-height + 12px));
-  max-height: 100%;
+  .ai-suggest-box {
-  border-radius: 16px;
+    width: 440px;
-  background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
+    height: fit-content;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+    max-height: 100%;
-  .cts {
+    border-radius: 16px;
-    color: #939499;
+    background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
-    font-family: $font-family-regular;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
-    font-size: 14px;
+    .cts {
-    font-style: normal;
+      color: #939499;
-    font-weight: 400;
+      font-family: $font-family-regular;
-    line-height: 22px;
+      font-size: 14px;
-    &.bold {
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+      &.bold {
+        font-family: $font-family-medium;
+      }
+    }
+    .ai-text {
       font-family: $font-family-medium;
-    }
+      font-size: 16px;
-  }
+      font-style: normal;
-  .ai-text {
+      font-weight: 400;
-    font-family: $font-family-medium;
+      line-height: 24px;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-  :deep(.arco-textarea-wrapper) {
-    min-height: 38px;
-    display: flex;
-    border-color: transparent !important;
-    align-items: center;
-    border-radius: 8px !important;
-    background-color: #fff;
-    color: #211f24 !important;
-    transition: all 0.3s;
-    &:hover {
-      border-color: #6d4cfe !important;
-    }
-    &.arco-textarea-focus {
-      border-color: #6d4cfe !important;
-    }
-  }
-  .result-box {
-    background: rgba(255, 255, 255, 0.8);
-    backdrop-filter: blur(4px);
-    .result-item {
-      .s1 {
-        color: var(--Brand-6, #6d4cfe);
-        font-family: $font-family-manrope-regular;
-        font-size: 24px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 32px;
-      }
-      &:first-child {
-        position: relative;
-        &::after {
-          content: '';
-          position: absolute;
-          top: 50%;
-          transform: translateY(-50%);
-          right: 0;
-          width: 1px;
-          height: 32px;
-          background: var(--Border-1, #d7d7d9);
-        }
-      }
-    }
-  }
-  .collapse-box {
-    transition: all 0.3s;
-  }
-  .comment-box {
-    .cm {
       background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
       background-clip: text;
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
     }
-
+    :deep(.arco-textarea-wrapper) {
-    .comment-list {
+      min-height: 38px;
+      display: flex;
+      border-color: transparent !important;
+      align-items: center;
+      border-radius: 8px !important;
+      background-color: #fff;
+      color: #211f24 !important;
+      transition: all 0.3s;
+      .arco-textarea-mirror,
+      .arco-textarea {
+        padding: 8px 16px !important;
+      }
+      &:hover {
+        border-color: #6d4cfe !important;
+      }
+      &.arco-textarea-focus {
+        border-color: #6d4cfe !important;
+      }
+    }
+    .result-box {
+      background: rgba(255, 255, 255, 0.8);
       backdrop-filter: blur(4px);
-      .comment-item {
+      .result-item {
-        &:not(:last-child) {
+        .s1 {
-          margin-bottom: 8px;
+          color: var(--Brand-6, #6d4cfe);
+          font-family: $font-family-manrope-medium;
+          font-size: 24px;
+          font-style: normal;
+          font-weight: 700;
+          line-height: 32px;
         }
+        &:first-child {
+          position: relative;
+          &::after {
+            content: '';
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            right: 0;
+            width: 1px;
+            height: 32px;
+            background: var(--Border-1, #d7d7d9);
+          }
+        }
+      }
+    }
+    .collapse-box {
+      transition: all 0.3s;
+    }
+    .comment-box {
+      .cm {
+        background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
+        background-clip: text;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+
+      .comment-list {
+        backdrop-filter: blur(4px);
+        .comment-item {
+          &:not(:last-child) {
+            margin-bottom: 8px;
+          }
+          &:hover {
+            border-radius: 8px;
+            background: rgba(255, 255, 255, 0.8);
+          }
+        }
+      }
+    }
+    .main-box {
+      scrollbar-width: none;
+      -ms-overflow-style: none;
+      &::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+        background: transparent;
+      }
+      &::-webkit-scrollbar-thumb {
+        background-color: transparent;
+        border: none;
+      }
+      &::-webkit-scrollbar-track {
+        background: transparent;
       }
     }
   }

src/views/creative-generation-workshop/explore/detail/index.vue

@@ -102,7 +102,7 @@ export default {
       } else {
         return (
           <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer">
-            <img src={coverImageUrl.value} class="w-100% h-100% object-cover absolute z-0 top-0 left-0" />
+            <img src={coverImageUrl.value} class="w-100% h-100% object-contain" />
           </div>
         );
       }
@@ -212,8 +212,8 @@ export default {
       return (
         <div class="explore-page">
           <header class="page-header">
-            <div class="content w-full px-24px flex items-center justify-between">
+            <div class="content w-full px-24px flex items-center bg-#fff justify-between">
-              <div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
+              <div class="h-full flex items-center">
                 <img src={icon1} alt="" width="96" height="24"/>
               </div>
               <div class="flex items-center">{renderActionRow()}</div>

src/views/creative-generation-workshop/explore/detail/style.scss

@@ -1,13 +1,36 @@
 .explore-page {
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    z-index: -1;
+  }
   position: relative;
-  padding-top: $navbar-height;
   min-width: 1200px;
-  height: 100vh;
+  min-height: 100vh;
-  // background: #fff;
+  background: #fff;
   display: flex;
   flex-direction: column;
-  .page-header {
+  .fold-box {
+    width: 40px;
+    height: 40px;
+    border-radius: 30px;
+    border: 1px solid var(--Border-1, #d7d7d9);
+    background: #fff;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
     position: fixed;
+    right: 16px;
+    top: calc($navbar-height + 32px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .page-header {
+    position: sticky;
     left: 0;
     right: 0;
     top: 0;
@@ -45,6 +68,7 @@
   }
 
   .page-wrap {
+    width: calc(100% - 456px);
     flex: 1;
     display: flex;
     justify-content: center;
@@ -61,20 +85,7 @@
         line-height: 40px; /* 142.857% */
       }
     }
-    .fold-box {
+
-      width: 40px;
-      height: 40px;
-      border-radius: 30px;
-      border: 1px solid var(--Border-1, #d7d7d9);
-      background: #fff;
-      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
-      position: absolute;
-      right: 16px;
-      top: 32px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
     .main-video-box {
       width: 320px;
       height: 472px;
@@ -82,10 +93,10 @@
       aspect-ratio: 3 / 4;
     }
     .main-img-box {
-      width: 347px;
+      width: 320px;
       height: auto;
+      max-height: 472px;
       background: #fff;
-      aspect-ratio: 3/4;
     }
     .desc-img-wrap {
       display: grid;

src/views/creative-generation-workshop/explore/list/index.vue

@@ -44,8 +44,8 @@ export default {
       return (
         <div class="explore-page">
           <header class="page-header">
-            <div class="content w-full px-24px flex items-center ">
+            <div class="content w-full px-24px flex items-center bg-#fff">
-              <div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
+              <div class="h-full flex items-center">
                 <img src={icon2} alt="" width="96" height="24" />
               </div>
             </div>
@@ -56,7 +56,11 @@ export default {
             ) : (
               <div class="explore-container">
                 <div class="explore-list-wrap pt-24px pb-28px">
-                  <TextOverTips context={`${works.value[0]?.title}等${works.value.length}个文件`} class="mb-8px" />
+                  <div class="mb-8px flex items-center w-fit">
+                    <TextOverTips context={`${works.value[0]?.title?.slice(0,10)}...`} class="!w-fit mr-4px"  />
+                    <span class="cts color-#211F24">{`等${works.value.length}个文件`}</span>
+                  </div>
+                  {/* <TextOverTips context={`${works.value[0]?.title}等${works.value.length}个文件`}  /> */}
                   <p class="cts !color-#939499 mb-24px">
                     {`分享时间：${exactFormatTime(dataSource.value.created_at, 'YYYY-MM-DD HH:mm:ss')}  有效期${
                       dataSource.value.days

src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue

@@ -100,7 +100,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { PLATFORMS, AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+import { PLATFORMS, AuditStatus } from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
 
 const props = defineProps({
   query: {

src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue

@@ -6,7 +6,7 @@
     column-resizable
     :pagination="false"
     :scroll="{ x: '100%' }"
-    class="manuscript-table w-100%"
+    class="flex-1 manuscript-table w-100%"
     bordered
     :row-selection="rowSelection"
     :selected-row-keys="selectedRowKeys"
@@ -118,13 +118,13 @@
 <script setup>
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
-import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
 import { patchWorkAuditsAuditWriter } from '@/api/all/generationWorkshop-writer.ts';
 import {
   AuditStatus,
   CUSTOMER_OPINION,
   PLATFORMS,
-} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+} from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
 import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';

src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts

@@ -18,15 +18,15 @@ export const TABLE_COLUMNS1 = [
     dataIndex: 'title',
     width: 300,
   },
-  {
+  // {
-    title: '客户意见',
+  //   title: '客户意见',
-    dataIndex: 'customer_opinion',
+  //   dataIndex: 'customer_opinion',
-    width: 220,
+  //   width: 120,
-  },
+  // },
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '上传时间',
@@ -71,11 +71,11 @@ export const TABLE_COLUMNS2 = [
     dataIndex: 'title',
     width: 300,
   },
-  {
+  // {
-    title: '客户意见',
+  //   title: '客户意见',
-    dataIndex: 'customer_opinion',
+  //   dataIndex: 'customer_opinion',
-    width: 220,
+  //   width: 120,
-  },
+  // },
   {
     title: '审核平台',
     dataIndex: 'platform',
@@ -90,7 +90,7 @@ export const TABLE_COLUMNS2 = [
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '审核时间',
@@ -140,11 +140,11 @@ export const TABLE_COLUMNS3 = [
     dataIndex: 'title',
     width: 300,
   },
-  {
+  // {
-    title: '客户意见',
+  //   title: '客户意见',
-    dataIndex: 'customer_opinion',
+  //   dataIndex: 'customer_opinion',
-    width: 200,
+  //   width: 120,
-  },
+  // },
   {
     title: '审核平台',
     dataIndex: 'platform',
@@ -153,7 +153,7 @@ export const TABLE_COLUMNS3 = [
   {
     title: '稿件类型',
     dataIndex: 'type',
-    width: 180,
+    width: 120,
   },
   {
     title: '通过时间',
@@ -217,8 +217,8 @@ export const INITIAL_QUERY = {
   sort_order: undefined,
 };
 
-import icon1 from '@/assets/img/media-account/icon-dy.png';
+import icon1 from '@/assets/img/platform/icon-dy.png';
-import icon2 from '@/assets/img/media-account/icon-xhs.png';
+import icon2 from '@/assets/img/platform/icon-xhs.png';
 
 export const PLATFORMS = [
   {

src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue

@@ -49,7 +49,7 @@ import {
   INITIAL_QUERY,
   AUDIT_STATUS_LIST,
   TABLE_COLUMNS1,
-} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+} from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
 
 const {
   dataSource,

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/check/check-success-modal.vue

@@ -10,8 +10,8 @@
     <div class="flex items-center flex-col justify-center">
       <img :src="icon1" width="80" height="80" class="mb-16px" />
       <span class="text-18px lh-26px font-400 color-#211F24 md mb-8px">内容稿件已通过审核</span>
-      <p class="text-14px lh-22px font-400 color-#737478 ld">想让内容更抓眼球、更吸流量吗？</p>
+      <!-- <p class="text-14px lh-22px font-400 color-#737478 ld">想让内容更抓眼球、更吸流量吗？</p>
-      <p class="text-14px lh-22px font-400 color-#737478 ld">试试「内容稿件分析」功能吧！</p>
+      <p class="text-14px lh-22px font-400 color-#737478 ld">试试「内容稿件分析」功能吧！</p> -->
     </div>
     <!-- <template #footer>
       <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">内容稿件分析</a-button>
@@ -20,15 +20,20 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, onUnmounted } from 'vue';
 import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
 const route = useRoute();
 const visible = ref(false);
 const workIds = ref([]);
+let autoCloseTimer = null;
 
 const onClose = () => {
+  if (autoCloseTimer) {
+    clearTimeout(autoCloseTimer);
+    autoCloseTimer = null;
+  }
   if (workIds.value.length === 1) {
     router.push({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
   }
@@ -39,8 +44,22 @@ const onClose = () => {
 const open = (ids) => {
   workIds.value = cloneDeep(ids);
   visible.value = true;
+  if (autoCloseTimer) {
+    clearTimeout(autoCloseTimer);
+    autoCloseTimer = null;
+  }
+  autoCloseTimer = setTimeout(() => {
+    onClose();
+  }, 3000);
 };
 
+onUnmounted(() => {
+  if (autoCloseTimer) {
+    clearTimeout(autoCloseTimer);
+    autoCloseTimer = null;
+  }
+});
+
 defineExpose({ open });
 </script>
 <style lang="scss">

src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue

@@ -5,11 +5,16 @@ import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/error-img.png';
 
 export default {
+  emits: ['cardClick'],
   setup(props, { emit, expose }) {
     const visible = ref(false);
     const dataSource = ref([]);
     const selectCardInfo = ref({});
 
+    const handleCardClick = (item) => {
+      emit('cardClick', item);
+      onClose();
+    };
     const open = (data, _selectCardInfo) => {
       dataSource.value = data;
       selectCardInfo.value = _selectCardInfo;
@@ -32,22 +37,24 @@ export default {
         class="check-list-drawer-xt"
         footer={false}
         header={false}
+        onCancel={onClose}
       >
         <div class="flex justify-between items-center h-56px px-24px">
           <div class="flex items-center">
             <div class="w-3px h-16px rounded-2px bg-#6D4CFE mr-8px"></div>
             <span class="mr-8px cts bold">批量审核列表</span>
-            <span class="mr-8px cts !lh-22px">{`共${dataSource.value.length}个`}</span>
+            <span class="mr-8px cts !lh-22px !text-14px">{`共${dataSource.value.length}个`}</span>
           </div>
           <icon-menu-unfold size={16} class="color-##55585F cursor-pointer hover:color-#6D4CFE" onClick={onClose} />
         </div>
         <div class="flex-1 overflow-y-auto px-24px">
           {dataSource.value.map((item) => (
             <div
+              key={item.id}
+              onClick={() => handleCardClick(item)}
               class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${
                 selectCardInfo.value.id === item.id ? 'active' : ''
               }`}
-              key={item.id}
             >
               <Image
                 width={48}
@@ -61,8 +68,10 @@ export default {
                 }}
               />
               <div class="flex-1 overflow-hidden flex flex-col items-start">
-                <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
+                <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px !text-14px`} />
-                <p class="cts">{`合规程度：${90}%`}</p>
+                <p class="cts !text-14px">{`合规程度：${
+                  item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'
+                }`}</p>
               </div>
             </div>
           ))}

src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss

@@ -1,30 +1,44 @@
 .check-list-drawer-xt {
-  .arco-drawer-body {
+  .arco-drawer-mask {
-    overflow: hidden;
+    background-color: transparent;
-    display: flex;
+  }
-    flex-direction: column;
+  .arco-drawer {
-    padding: 0 0 24px;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
-    .cts {
+    .arco-drawer-body {
-      color: var(--Text-1, #939499);
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+      padding: 0 0 24px;
+      .cts {
+        color: var(--Text-1, #939499);
 
-      font-family: $font-family-regular;
+        font-family: $font-family-regular;
-      font-size: 16px;
+        font-size: 16px;
-      font-style: normal;
+        font-style: normal;
-      font-weight: 400;
+        font-weight: 400;
-      line-height: 24px;
+        line-height: 24px;
-      &.bold {
+        &.bold {
-        color: var(--Text-1, #211f24);
+          color: var(--Text-1, #211f24);
-        font-family: $font-family-medium;
+          font-family: $font-family-medium;
+        }
       }
-    }
+      .card-item {
-    .card-item {
+        cursor: pointer;
-      border: 1px solid transparent;
+        border: 1px solid transparent;
-      &:not(:last-child) {
+        transition: all;
-        margin-bottom: 12px;
+        &:hover {
-      }
+          background-color: #e6e6e8;
-      &.active {
+        }
-        border-color: #6d4cfe;
+        &:not(:last-child) {
-        background-color: #f0edff;
+          margin-bottom: 12px;
+        }
+        &.active {
+          border-color: #6d4cfe;
+          background-color: #f0edff;
+          :deep(.overflow-text) {
+            font-family: $font-family-medium !important;
+          }
+        }
       }
     }
   }

src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts

@@ -41,7 +41,7 @@ export const RESULT_LIST = [
   },
   {
     label: '检验项',
-    value: 'inspection_items',
+    value: 'inspection_count',
     color: '#211F24',
   },
   {

src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue

@@ -1,11 +1,25 @@
 <template>
   <div class="highlight-textarea-container">
-    <a-textarea ref="textareaWrapRef" v-model="inputValue" placeholder="请输入作品描述" :disabled="disabled" show-word-limit
+    <a-textarea
-      :max-length="1000" size="large" class="textarea-input h-full w-full" @input="handleInput"
+      ref="textareaWrapRef"
-      @focus="() => (focus = true)" @blur="() => (focus = false)" />
+      v-model="inputValue"
+      placeholder="请输入作品描述"
+      :disabled="disabled"
+      show-word-limit
+      :max-length="1000"
+      size="large"
+      class="textarea-input h-full w-full"
+      @input="handleInput"
+      @focus="() => (focus = true)"
+      @blur="() => (focus = false)"
+    />
 
-    <div class="textarea-highlight" :class="{ focus: focus }" :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
+    <div
-      v-html="highlightedHtml" />
+      class="textarea-highlight"
+      :class="{ focus: focus }"
+      :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
+      v-html="highlightedHtml"
+    />
   </div>
 </template>
 
@@ -97,7 +111,8 @@ const generateHighlightedHtml = (): string => {
 };
 
 onMounted(() => {
-  nativeTextarea = (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
+  nativeTextarea =
+    (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
     document.querySelector('.textarea-input .arco-textarea');
 
   if (nativeTextarea) {
@@ -158,7 +173,7 @@ const handleCompositionUpdate = () => {
     font-weight: 400px;
     border: 1px solid #d7d7d9;
     border-radius: 4px;
-    resize: vertical;
+    resize: none;
     white-space: pre-wrap;
     word-wrap: break-word;
     z-index: inherit;
@@ -193,9 +208,8 @@ const handleCompositionUpdate = () => {
       background: transparent;
       color: transparent;
       caret-color: #211f24 !important;
+      resize: none;
       @include textarea-padding;
-
-      // -webkit-text-fill-color: transparent !important;
       overflow-y: auto;
     }
 

src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue

@@ -22,7 +22,7 @@ import 'swiper/css/navigation';
 import { Navigation } from 'swiper/modules';
 import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST, LEVEL_MAP, escapeRegExp } from './constants';
 import { getImagePreSignedUrl } from '@/api/all/common';
-import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-line.png';
@@ -193,7 +193,7 @@ export default {
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={isDisabled.value}>
+            <Button size="medium" type="outline" class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
               {aiReplaceLoading.value ? (
                 <>
                   <IconLoading size={14} />
@@ -344,7 +344,7 @@ export default {
             </div>
             <div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
               <div class="mb-24px relative w-fit">
-                <span class="ai-text">AI 审核建议</span>
+                <span class="ai-text relative z-2">AI 审核建议</span>
                 <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
               </div>
               <div class="flex flex-col items-center h-138px justify-center">
@@ -371,7 +371,7 @@ export default {
           </div>
           <div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
             <div class=" mb-8px relative w-fit">
-              <span class="ai-text">AI 审核建议</span>
+              <span class="ai-text relative z-2">AI 审核建议</span>
               <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
             </div>
             {aiReview.value?.suggestion?.map((item, index) => (

src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/style.scss

@@ -10,11 +10,16 @@
       font-family: $font-family-medium;
     }
   }
-  .check-text {
+  .check-btn {
-    background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
+    .check-text {
-    background-clip: text;
+      background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
-    -webkit-background-clip: text;
+      background-clip: text;
-    -webkit-text-fill-color: transparent;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+    &:hover {
+      opacity: 0.8;
+    }
   }
   .left-box {
     :deep(.arco-tabs) {
@@ -138,7 +143,7 @@
     height: fit-content;
     max-height: 100%;
     .s1 {
-      font-family: $font-family-manrope-regular;
+      font-family: $font-family-manrope-medium;
       font-size: 24px;
       font-style: normal;
       font-weight: 700;

src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/index.vue

@@ -6,7 +6,7 @@ import TextOverTips from '@/components/text-over-tips';
 import 'swiper/css';
 import 'swiper/css/navigation';
 import { Navigation } from 'swiper/modules';
-import { PLATFORMS } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+import { PLATFORMS } from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
 
 import icon1 from '@/assets/img/error-img.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-lf.png';
@@ -64,7 +64,7 @@ export default {
                     />
                     <div class="flex-1 overflow-hidden flex flex-col items-start">
                       <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
-                      <p class="cts">{`合规程度：${90}%`}</p>
+                      <p class="cts">{`合规程度：${item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'}`}</p>
                     </div>
                   </SwiperSlide>
                 ))}

src/views/creative-generation-workshop/manuscript-writer/check/index.vue

@@ -37,7 +37,7 @@ export default {
 
     const writerCode = computed(() => route.params.writerCode);
 
-    const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
+    const { handleStartCheck, handleAgainCheck, ticket, checkLoading, resetAiReviewInfo } = useGetAiReviewResult({
       cardInfo: selectCardInfo,
       startAiReviewFn: postWorkAuditsAiReviewWriter,
       getAiReviewResultFn: getWorkAuditsAiReviewResultWriter,
@@ -56,13 +56,12 @@ export default {
       submitLoading.value = false;
       getDataLoading.value = false;
       checkLoading.value = false;
-      ticket.value = '';
+      resetAiReviewInfo();
 
       const { files = [], ai_review } = item;
       selectCardInfo.value = cloneDeep(item);
       selectedImageInfo.value = cloneDeep(files?.[0] ?? {});
 
-      console.log({ ai_review });
       if (isEmpty(ai_review)) {
         handleStartCheck();
       }
@@ -210,7 +209,7 @@ export default {
               class="check-list-icon"
               onClick={() => checkListDrawerRef.value.open(dataSource.value, selectCardInfo.value)}
             >
-              <icon-menu-fold size={16} class="color-#55585F mr-4px hover:color-#6D4CFE" />
+              <icon-menu-fold size={16} class="color-#55585F mr-4px icon" />
               <span class="cts !color-#211F24">审核列表</span>
             </div>
           )}
@@ -244,7 +243,7 @@ export default {
 
         <CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
         <CheckSuccessModal ref={checkSuccessModalRef} />
-        <CheckListDrawer ref={checkListDrawerRef} />
+        <CheckListDrawer ref={checkListDrawerRef} onCardClick={onCardClick} />
       </>
     );
   },

src/views/creative-generation-workshop/manuscript-writer/check/style.scss

@@ -27,6 +27,12 @@ $footer-height: 68px;
     position: absolute;
     right: 0;
     top: calc($navbar-height + 8px);
+    &:hover {
+      .icon,
+      .cts {
+        color: #6d4cfe !important;
+      }
+    }
   }
 }
 .footer-row {

src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue

@@ -7,7 +7,7 @@ import TextOverTips from '@/components/text-over-tips';
 import ImgBox from './img-box';
 
 import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
-import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
 import { getVideoPreSignedUrlWriter, getImagePreSignedUrlWriter } from '@/api/all/generationWorkshop-writer';
 
 // import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';

src/views/creative-generation-workshop/manuscript-writer/detail/index.vue

@@ -2,9 +2,9 @@
 import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
 
 import { useRouter, useRoute } from 'vue-router';
-import { AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+import { AuditStatus } from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
 import { getWorksDetailWriter } from '@/api/all/generationWorkshop-writer.ts';
-import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
 import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
 import { slsWithCatch } from '@/utils/stroage.ts';
 
@@ -81,7 +81,7 @@ export default {
       } else {
         return (
           <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer">
-            <img src={coverImageUrl.value} class="w-100% h-100% object-contain absolute z-0 top-0 left-0" />
+            <img src={coverImageUrl.value} class="w-100% h-100% object-contain" />
           </div>
         );
       }
@@ -154,7 +154,7 @@ export default {
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">内容稿件详情</span>
           </div>
-          <div class="flex-1 overflow-y-auto bg-#fff rounded-8px  py-32px">
+          <div class="flex-1 bg-#fff rounded-8px py-32px">
             <div class="w-684px mx-auto flex flex-col items-center">
               <div class="flex justify-start flex-col w-full">
                 <p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

src/views/creative-generation-workshop/manuscript-writer/detail/style.scss

@@ -2,6 +2,7 @@ $footer-height: 68px;
 .manuscript-detail-wrap {
   width: 100%;
   height: calc(100% - 72px);
+  margin-bottom: 72px;
   .cts {
     color: #939499;
     font-family: $font-family-regular;
@@ -22,8 +23,8 @@ $footer-height: 68px;
   .main-img-box {
     width: 320px;
     height: auto;
+    max-height: 472px;
     background: #fff;
-    aspect-ratio: 3/4;
   }
   .desc-img-wrap {
     display: grid;

src/views/creative-generation-workshop/manuscript-writer/edit/index.vue

@@ -4,7 +4,7 @@ import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/
 import CancelEditModal from './cancel-edit-modal.vue';
 import { getWorksDetailWriter, putWorksUpdateWriter } from '@/api/all/generationWorkshop-writer.ts';
 
-import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
 import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
 import { slsWithCatch } from '@/utils/stroage.ts';
 
@@ -93,7 +93,7 @@ export default {
       <>
         <div class="manuscript-edit-wrap">
           <div class="flex items-center mb-8px">
-            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onCancel}>
               内容稿件列表
             </span>
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />

src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue

@@ -98,7 +98,7 @@
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
-import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
 import HoverImagePreview from '@/components/hover-image-preview';

src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue

@@ -51,11 +51,20 @@ export default {
     // 响应式状态
     const visible = ref(false);
     const formRef = ref(null);
-    const uploadType = ref(UPLOAD_TYPE.LINK);
+    const uploadType = ref(UPLOAD_TYPE.LOCAL);
     const taskStatus = ref(TASK_STATUS.DEFAULT);
     const form = ref(cloneDeep(INITIAL_FORM));
     const works = ref([]);
 
+    // 生成自增 id（基于当前列表中最大的 id）
+    const getNextWorkId = () => {
+      const currentMax = works.value.reduce((max, item) => {
+        const numericId = Number(item?.id);
+        return Number.isFinite(numericId) ? Math.max(max, numericId) : max;
+      }, 0);
+      return currentMax + 1;
+    };
+
     // 剪贴板功能
 
     const isLink = computed(() => uploadType.value === UPLOAD_TYPE.LINK);
@@ -129,6 +138,7 @@ export default {
       const formData = new FormData();
       formData.append('file', file);
       const { code, data } = await postWorksByFileWriter(formData, {
+        timeout: 0,
         headers: {
           'Content-Type': 'multipart/form-data',
           'writer-code': writerCode.value,
@@ -136,7 +146,10 @@ export default {
       });
       if (code === 200) {
         taskStatus.value = TASK_STATUS.SUCCESS;
-        works.value = data ? [data] : [];
+        if (data) {
+          const id = data.id ?? getNextWorkId();
+          works.value.push({ ...data, id });
+        }
       }
     };
 
@@ -150,7 +163,7 @@ export default {
     // 删除项目
     const onDelete = (index) => {
       works.value.splice(index, 1);
-      if(!works.value.length) {
+      if (!works.value.length) {
         taskStatus.value = TASK_STATUS.DEFAULT;
       }
       // AMessage.success('删除成功');
@@ -189,8 +202,9 @@ export default {
           <Upload
             action="/"
             draggable
+            multiple
             customRequest={handleUpload}
-            accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv"
+            accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv,.m4v"
             show-file-list={false}
           >
             {{
@@ -328,23 +342,15 @@ export default {
           footer: () => renderFooterButtons(),
         }}
       >
-        <Form
+        <Form ref={formRef} model={form.value} layout="horizontal" auto-label-width>
-          ref={formRef}
+          {/* {isDefault.value && (
-          rules={{
-            link: [{ required: true, message: '请输入飞书链接地址' }],
-          }}
-          model={form.value}
-          layout="horizontal"
-          auto-label-width
-        >
-          {isDefault.value && (
             <FormItem label="上传方式">
               <RadioGroup v-model={uploadType.value} onChange={onUploadTypeChange}>
                 <Radio value={UPLOAD_TYPE.LINK}>外部链接上传</Radio>
                 <Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
               </RadioGroup>
             </FormItem>
-          )}
+          )} */}
 
           {renderFormContent()}
         </Form>

src/views/creative-generation-workshop/manuscript-writer/list/index.vue

@@ -47,7 +47,7 @@ import UploadManuscriptModal from './components/upload-manuscript-modal';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getWorksPageWriter } from '@/api/all/generationWorkshop-writer.ts';
-import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
 
 const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {

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-writer/upload/index.vue

@@ -5,7 +5,7 @@ import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/
 import CancelUploadModal from './cancel-upload-modal.vue';
 import UploadSuccessModal from './upload-success-modal.vue';
 
-import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
 import { postWorksBatchWriter } from '@/api/all/generationWorkshop-writer.ts';
 import { glsWithCatch, rlsWithCatch, slsWithCatch } from '@/utils/stroage.ts';
 import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
@@ -199,10 +199,9 @@ export default {
           _data.videoInfo.poster = convertVideoUrlToCoverUrl(url);
         }
 
-        return _data
+        return _data;
-
       });
-      
+
       works.value = _works;
       selectCardInfo.value = cloneDeep(_works[0] ?? {});
     };
@@ -266,7 +265,7 @@ export default {
                   <div
                     key={item.id}
                     id={`card-${item.id}`}
-                    class={`group relative mb-12px px-8px py-12px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
+                    class={`group  h-66px relative mb-12px px-12px py-8px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
                       item,
                     )}`}
                     onClick={() => onSelect(item)}
@@ -277,7 +276,7 @@ export default {
                       onClick={(e) => onDelete(e, item, index)}
                     />
                     <TextOverTips
-                      context={item.content}
+                      context={item.title || '-'}
                       line={1}
                       class={`cts !color-#211F24 mb-8px ${selectCardInfo.value.id === item.id ? 'bold' : ''}`}
                     />
@@ -285,18 +284,20 @@ export default {
                       <div class="flex items-center ">
                         <img
                           src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
-                          width="16"
+                          width="14"
-                          height="16"
+                          height="14"
                           class="mr-4px"
                         />
                         <span
-                          class={`cts ${item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}`}
+                          class={`cts !text-12px ${
+                            item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
+                          }`}
                         >
                           {item.type === EnumManuscriptType.Image ? '图文' : '视频'}
                         </span>
                       </div>
                       {errorDataCards.value.find((v) => v.id === item.id) && (
-                        <p class="cts !color-#F64B31">必填项未填</p>
+                        <p class="cts !text-12px !color-#F64B31">必填项未填</p>
                       )}
                     </div>
                   </div>

src/views/creative-generation-workshop/manuscript-writer/upload/style.scss

@@ -1,7 +1,8 @@
 $footer-height: 68px;
 .manuscript-upload-wrap {
   height: calc(100% - 72px);
-  .cts {
+  .cts,
+  :deep(.overflow-text) {
     color: #939499;
     font-family: $font-family-regular;
     font-size: 14px;

src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue

@@ -6,7 +6,7 @@
     column-resizable
     :pagination="false"
     :scroll="{ x: '100%' }"
-    class="manuscript-table w-100%"
+    class="flex-1 manuscript-table w-100%"
     bordered
     :row-selection="rowSelection"
     :selected-row-keys="selectedRowKeys"

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: '通过时间',
@@ -227,8 +227,8 @@ export const INITIAL_QUERY = {
   sort_order: undefined,
 };
 
-import icon1 from '@/assets/img/media-account/icon-dy.png';
+import icon1 from '@/assets/img/platform/icon-dy.png';
-import icon2 from '@/assets/img/media-account/icon-xhs.png';
+import icon2 from '@/assets/img/platform/icon-xhs.png';
 
 export const PLATFORMS = [
   {

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/check/components/check-list-drawer/index.vue

@@ -5,11 +5,16 @@ import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/error-img.png';
 
 export default {
+  emits: ['cardClick'],
   setup(props, { emit, expose }) {
     const visible = ref(false);
     const dataSource = ref([]);
     const selectCardInfo = ref({});
 
+    const handleCardClick = (item) => {
+      emit('cardClick', item);
+      onClose();
+    };
     const open = (data, _selectCardInfo) => {
       dataSource.value = data;
       selectCardInfo.value = _selectCardInfo;
@@ -32,22 +37,24 @@ export default {
         class="check-list-drawer-xt"
         footer={false}
         header={false}
+        onCancel={onClose}
       >
         <div class="flex justify-between items-center h-56px px-24px">
           <div class="flex items-center">
             <div class="w-3px h-16px rounded-2px bg-#6D4CFE mr-8px"></div>
             <span class="mr-8px cts bold">批量审核列表</span>
-            <span class="mr-8px cts !lh-22px">{`共${dataSource.value.length}个`}</span>
+            <span class="mr-8px cts !lh-22px !text-14px">{`共${dataSource.value.length}个`}</span>
           </div>
           <icon-menu-unfold size={16} class="color-##55585F cursor-pointer hover:color-#6D4CFE" onClick={onClose} />
         </div>
         <div class="flex-1 overflow-y-auto px-24px">
           {dataSource.value.map((item) => (
             <div
+              onClick={() => handleCardClick(item)}
+              key={item.id}
               class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${
                 selectCardInfo.value.id === item.id ? 'active' : ''
               }`}
-              key={item.id}
             >
               <Image
                 width={48}
@@ -61,8 +68,10 @@ export default {
                 }}
               />
               <div class="flex-1 overflow-hidden flex flex-col items-start">
-                <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
+                <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px !text-14px`} />
-                <p class="cts">{`合规程度：${90}%`}</p>
+                <p class="cts !text-14px">{`合规程度：${
+                  item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'
+                }`}</p>
               </div>
             </div>
           ))}

src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss

@@ -1,30 +1,44 @@
 .check-list-drawer-xt {
-  .arco-drawer-body {
+  .arco-drawer-mask {
-    overflow: hidden;
+    background-color: transparent;
-    display: flex;
+  }
-    flex-direction: column;
+  .arco-drawer {
-    padding: 0 0 24px;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
-    .cts {
+    .arco-drawer-body {
-      color: var(--Text-1, #939499);
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+      padding: 0 0 24px;
+      .cts {
+        color: var(--Text-1, #939499);
 
-      font-family: $font-family-regular;
+        font-family: $font-family-regular;
-      font-size: 16px;
+        font-size: 16px;
-      font-style: normal;
+        font-style: normal;
-      font-weight: 400;
+        font-weight: 400;
-      line-height: 24px;
+        line-height: 24px;
-      &.bold {
+        &.bold {
-        color: var(--Text-1, #211f24);
+          color: var(--Text-1, #211f24);
-        font-family: $font-family-medium;
+          font-family: $font-family-medium;
+        }
       }
-    }
+      .card-item {
-    .card-item {
+        cursor: pointer;
-      border: 1px solid transparent;
+        border: 1px solid transparent;
-      &:not(:last-child) {
+        transition: all;
-        margin-bottom: 12px;
+        &:hover {
-      }
+          background-color: #e6e6e8;
-      &.active {
+        }
-        border-color: #6d4cfe;
+        &:not(:last-child) {
-        background-color: #f0edff;
+          margin-bottom: 12px;
+        }
+        &.active {
+          border-color: #6d4cfe;
+          background-color: #f0edff;
+          :deep(.overflow-text) {
+            font-family: $font-family-medium !important;
+          }
+        }
       }
     }
   }

src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts

@@ -41,7 +41,7 @@ export const RESULT_LIST = [
   },
   {
     label: '检验项',
-    value: 'inspection_items',
+    value: 'inspection_count',
     color: '#211F24',
   },
   {

src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue

@@ -1,11 +1,25 @@
 <template>
   <div class="highlight-textarea-container">
-    <a-textarea ref="textareaWrapRef" v-model="inputValue" placeholder="请输入作品描述" :disabled="disabled" show-word-limit
+    <a-textarea
-      :max-length="1000" size="large" class="textarea-input h-full w-full" @input="handleInput"
+      ref="textareaWrapRef"
-      @focus="() => (focus = true)" @blur="() => (focus = false)" />
+      v-model="inputValue"
+      placeholder="请输入作品描述"
+      :disabled="disabled"
+      show-word-limit
+      :max-length="1000"
+      size="large"
+      class="textarea-input h-full w-full"
+      @input="handleInput"
+      @focus="() => (focus = true)"
+      @blur="() => (focus = false)"
+    />
 
-    <div class="textarea-highlight" :class="{ focus: focus }" :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
+    <div
-      v-html="highlightedHtml" />
+      class="textarea-highlight"
+      :class="{ focus: focus }"
+      :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
+      v-html="highlightedHtml"
+    />
   </div>
 </template>
 
@@ -98,7 +112,8 @@ const generateHighlightedHtml = (): string => {
 };
 
 onMounted(() => {
-  nativeTextarea = (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
+  nativeTextarea =
+    (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
     document.querySelector('.textarea-input .arco-textarea');
 
   if (nativeTextarea) {
@@ -159,7 +174,7 @@ const handleCompositionUpdate = () => {
     font-weight: 400px;
     border: 1px solid #d7d7d9;
     border-radius: 4px;
-    resize: vertical;
+    resize: none;
     white-space: pre-wrap;
     word-wrap: break-word;
     z-index: inherit;
@@ -194,9 +209,8 @@ const handleCompositionUpdate = () => {
       background: transparent;
       color: transparent;
       caret-color: #211f24 !important;
+      resize: none;
       @include textarea-padding;
-
-      // -webkit-text-fill-color: transparent !important;
       overflow-y: auto;
     }
 

src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue

@@ -194,7 +194,7 @@ export default {
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={isDisabled.value}>
+            <Button size="medium" type="outline" class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
               {aiReplaceLoading.value ? (
                 <>
                   <IconLoading size={14} />
@@ -345,7 +345,7 @@ export default {
             </div>
             <div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
               <div class="mb-24px relative w-fit">
-                <span class="ai-text">AI 审核建议</span>
+                <span class="ai-text relative z-2">AI 审核建议</span>
                 <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
               </div>
               <div class="flex flex-col items-center h-138px justify-center">
@@ -372,7 +372,7 @@ export default {
           </div>
           <div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
             <div class=" mb-8px relative w-fit">
-              <span class="ai-text">AI 审核建议</span>
+              <span class="ai-text relative z-2">AI 审核建议</span>
               <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
             </div>
             {aiReview.value?.suggestion?.map((item, index) => (

src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss

@@ -10,12 +10,18 @@
       font-family: $font-family-medium;
     }
   }
-  .check-text {
+  .check-btn {
-    background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
+    .check-text {
-    background-clip: text;
+      background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
-    -webkit-background-clip: text;
+      background-clip: text;
-    -webkit-text-fill-color: transparent;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+    &:hover {
+      opacity: 0.8;
+    }
   }
+
   .left-box {
     :deep(.arco-tabs) {
       .arco-tabs-nav {
@@ -130,15 +136,17 @@
     }
   }
   .right-box {
-    border: 1px solid #E6E6E8;
+    border: 1px solid #e6e6e8;
     flex: 1;
-    border-radius: 8px; padding: 16px; display: flex;
+    border-radius: 8px;
+    padding: 16px;
+    display: flex;
     flex-direction: column;
     overflow-y: auto;
     height: fit-content;
     max-height: 100%;
     .s1 {
-      font-family: $font-family-manrope-regular;
+      font-family: $font-family-manrope-medium;
       font-size: 24px;
       font-style: normal;
       font-weight: 700;

src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue

@@ -64,7 +64,7 @@ export default {
                     />
                     <div class="flex-1 overflow-hidden flex flex-col items-start">
                       <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
-                      <p class="cts">{`合规程度：${90}%`}</p>
+                      <p class="cts">{`合规程度：${item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'}`}</p>
                     </div>
                   </SwiperSlide>
                 ))}

src/views/creative-generation-workshop/manuscript/check/index.vue

@@ -38,7 +38,7 @@ export default {
     const selectCardInfo = ref({});
     const selectedImageInfo = ref(null);
 
-    const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
+    const { handleStartCheck, handleAgainCheck, ticket, checkLoading, resetAiReviewInfo } = useGetAiReviewResult({
       cardInfo: selectCardInfo,
       startAiReviewFn: postWorkAuditsAiReview,
       getAiReviewResultFn: getWorkAuditsAiReviewResult,
@@ -57,7 +57,7 @@ export default {
       submitLoading.value = false;
       getDataLoading.value = false;
       checkLoading.value = false;
-      ticket.value = '';
+      resetAiReviewInfo();
 
       const { files = [], ai_review } = item;
       selectCardInfo.value = cloneDeep(item);
@@ -210,7 +210,7 @@ export default {
               class="check-list-icon"
               onClick={() => checkListDrawerRef.value.open(dataSource.value, selectCardInfo.value)}
             >
-              <icon-menu-fold size={16} class="color-#55585F mr-4px hover:color-#6D4CFE" />
+              <icon-menu-fold size={16} class="color-#55585F icon mr-4px" />
               <span class="cts !color-#211F24">审核列表</span>
             </div>
           )}
@@ -244,7 +244,7 @@ export default {
 
         <CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
         <CheckSuccessModal ref={checkSuccessModalRef} />
-        <CheckListDrawer ref={checkListDrawerRef} />
+        <CheckListDrawer ref={checkListDrawerRef} onCardClick={onCardClick} />
       </>
     );
   },

src/views/creative-generation-workshop/manuscript/check/style.scss

@@ -27,6 +27,12 @@ $footer-height: 68px;
     position: absolute;
     right: 0;
     top: calc($navbar-height + 8px);
+    &:hover {
+      .icon,
+      .cts {
+        color: #6d4cfe !important;
+      }
+    }
   }
 }
 .footer-row {

src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue

@@ -336,10 +336,9 @@ export default {
             onInput={onChange}
             placeholder="请输入作品描述"
             size="large"
-            class="h-300px !w-784px"
+            class="textarea-box !w-784px"
             show-word-limit
             max-length={1000}
-            auto-size={{ minRows: 7, maxRows: 12 }}
           />
         </FormItem>
         {isVideo.value ? (

src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss

@@ -30,3 +30,9 @@
     }
   }
 }
+.textarea-box {
+  :deep(.arco-textarea) {
+    height: 140px;
+    max-height: 298px;
+  }
+}

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} />
@@ -221,7 +221,7 @@ export default {
                                   class="flex items-center w-fit h-24px px-8px rounded-2px"
                                   style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }}
                                 >
-                                  <span class="cts s1" style={{ color: getStatusInfo(record.audit_status).color }}>
+                                  <span class="cts s1 bold" style={{ color: getStatusInfo(record.audit_status).color }}>
                                     {getStatusInfo(record.audit_status).name}
                                   </span>
                                 </div>
@@ -238,20 +238,23 @@ export default {
                                     class="mr-4px"
                                   />
                                   <span
-                                    class="cts"
+                                    class={`cts !text-14px !lh-22px ${
-                                    class={
                                       record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
-                                    }
+                                    }`}
                                   >
                                     {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
                                   </span>
                                 </div>
                               );
                             } else if (column.dataIndex === 'last_modified_at') {
-                              return exactFormatTime(
+                              return (
-                                record.last_modified_at,
+                                <span class="cts num">
-                                'YYYY-MM-DD HH:mm:ss',
+                                  {exactFormatTime(
-                                'YYYY-MM-DD HH:mm:ss',
+                                    record.last_modified_at,
+                                    'YYYY-MM-DD HH:mm:ss',
+                                    'YYYY-MM-DD HH:mm:ss',
+                                  )}
+                                </span>
                               );
                             } else {
                               return formatTableField(column, record, true);

src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue

@@ -116,7 +116,7 @@ export default {
         }}
       >
         <Form ref={formRef} rules={rules} model={formData.value} auto-label-width>
-          <FormItem label="有效期" prop="days">
+          <FormItem label="有效期" prop="days" row-class="!items-center">
             <CommonSelect
               v-model={formData.value.days}
               options={OPTIONS}
@@ -130,6 +130,7 @@ export default {
           <FormItem
             label="分享对象"
             prop="receiver"
+            row-class="!items-center"
             v-slots={{
               label: () => (
                 <div class="flex items-center">

src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss

@@ -6,7 +6,10 @@
     font-weight: 400;
     line-height: 20px;
     &.bold {
-        font-family: $font-family-medium;
+      font-family: $font-family-medium;
+    }
+    &.num {
+      font-family: $font-family-manrope-regular;
     }
   }
   .filter-row-item {
@@ -23,5 +26,43 @@
     .arco-scrollbar-track {
       display: none !important;
     }
+    .arco-table {
+      .arco-table-container {
+        .arco-table-element {
+          thead {
+            .arco-table-tr {
+              .arco-table-th {
+                .arco-table-cell {
+                  padding: 10px 16px !important;
+                }
+              }
+            }
+          }
+          tbody {
+            .arco-table-tr {
+              .arco-table-td {
+                .arco-table-cell {
+                  padding: 6px 16px;
+                  .arco-table-cell-content,
+                  .arco-table-td-content {
+                    font-size: 12px;
+                    line-height: 20px;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    .arco-pagination {
+      .arco-pagination-total,
+      .arco-pagination-jumper-prepend {
+        font-size: 14px;
+      }
+      .arco-pagination-jumper-prepend {
+        font-family: $font-family-regular;
+      }
+    }
   }
 }

src/views/creative-generation-workshop/manuscript/detail/index.vue

@@ -79,8 +79,8 @@ export default {
         );
       } else {
         return (
-          <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer">
+          <div class="main-img-box mb-16px overflow-hidden cursor-pointer">
-            <img src={coverImageUrl.value} class="w-100% h-100% object-contain absolute z-0 top-0 left-0" />
+            <img src={coverImageUrl.value} class="w-100% h-100% object-contain" />
           </div>
         );
       }
@@ -153,7 +153,7 @@ export default {
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">内容稿件详情</span>
           </div>
-          <div class="flex-1 overflow-y-auto bg-#fff rounded-8px  py-32px">
+          <div class="flex-1 bg-#fff rounded-8px py-32px">
             <div class="w-684px mx-auto flex flex-col items-center">
               <div class="flex justify-start flex-col w-full">
                 <p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

src/views/creative-generation-workshop/manuscript/detail/style.scss

@@ -2,6 +2,7 @@ $footer-height: 68px;
 .manuscript-detail-wrap {
   width: 100%;
   height: calc(100% - 72px);
+  margin-bottom: 72px;
   .cts {
     color: #939499;
     font-family: $font-family-regular;
@@ -22,8 +23,9 @@ $footer-height: 68px;
   .main-img-box {
     width: 320px;
     height: auto;
+    max-height: 472px;
     background: #fff;
-    aspect-ratio: 3/4;
+    // aspect-ratio: 3/4;
   }
   .desc-img-wrap {
     display: grid;

src/views/creative-generation-workshop/manuscript/edit/index.vue

@@ -91,7 +91,7 @@ export default {
       <>
         <div class="manuscript-edit-wrap">
           <div class="flex items-center mb-8px">
-            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onCancel}>
               内容稿件列表
             </span>
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />

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>
@@ -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 }">

src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue

@@ -52,6 +52,15 @@ export default {
     const form = ref(cloneDeep(INITIAL_FORM));
     const works = ref([]);
 
+    // 生成自增 id（基于当前列表中最大的 id）
+    const getNextWorkId = () => {
+      const currentMax = works.value.reduce((max, item) => {
+        const numericId = Number(item?.id);
+        return Number.isFinite(numericId) ? Math.max(max, numericId) : max;
+      }, 0);
+      return currentMax + 1;
+    };
+
     // 剪贴板功能
     const { copy } = useClipboard({ source: form.value.writerLink });
 
@@ -152,13 +161,17 @@ export default {
       const formData = new FormData();
       formData.append('file', file);
       const { code, data } = await postWorksByFile(formData, {
+        timeout: 0,
         headers: {
           'Content-Type': 'multipart/form-data',
         },
       });
       if (code === 200) {
         taskStatus.value = TASK_STATUS.SUCCESS;
-        works.value = data ? [data] : [];
+        if (data) {
+          const id = data.id ?? getNextWorkId();
+          works.value.push({ ...data, id });
+        }
       }
     };
 
@@ -220,8 +233,9 @@ export default {
           <Upload
             action="/"
             draggable
+            multiple
             customRequest={handleUpload}
-            accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv"
+            accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv,.m4v"
             show-file-list={false}
           >
             {{

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

src/views/creative-generation-workshop/manuscript/upload/index.vue

@@ -199,8 +199,7 @@ export default {
           _data.videoInfo.poster = convertVideoUrlToCoverUrl(url);
         }
 
-        return _data
+        return _data;
-
       });
 
       works.value = _works;
@@ -267,7 +266,7 @@ export default {
                   <div
                     key={item.id}
                     id={`card-${item.id}`}
-                    class={`group relative mb-12px px-8px py-12px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
+                    class={`group h-66px relative mb-12px px-12px py-8px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
                       item,
                     )}`}
                     onClick={() => onSelect(item)}
@@ -278,7 +277,7 @@ export default {
                       onClick={(e) => onDelete(e, item, index)}
                     />
                     <TextOverTips
-                      context={item.content}
+                      context={item.title || '-'}
                       line={1}
                       class={`cts !color-#211F24 mb-8px ${selectCardInfo.value.id === item.id ? 'bold' : ''}`}
                     />
@@ -286,18 +285,20 @@ export default {
                       <div class="flex items-center ">
                         <img
                           src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
-                          width="16"
+                          width="14"
-                          height="16"
+                          height="14"
                           class="mr-4px"
                         />
                         <span
-                          class={`cts ${item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}`}
+                          class={`cts !text-12px ${
+                            item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
+                          }`}
                         >
                           {item.type === EnumManuscriptType.Image ? '图文' : '视频'}
                         </span>
                       </div>
                       {errorDataCards.value.find((v) => v.id === item.id) && (
-                        <p class="cts !color-#F64B31">必填项未填</p>
+                        <p class="cts !text-12px !color-#F64B31">必填项未填</p>
                       )}
                     </div>
                   </div>

src/views/creative-generation-workshop/manuscript/upload/style.scss

@@ -1,7 +1,8 @@
 $footer-height: 68px;
 .manuscript-upload-wrap {
   height: calc(100% - 72px);
-  .cts {
+  .cts,
+  :deep(.overflow-text) {
     color: #939499;
     font-family: $font-family-regular;
     font-size: 14px;

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

@@ -143,8 +143,8 @@ import icon1 from '@/assets/img/media-account/icon5.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
 import icon3 from '@/assets/img/media-account/icon-warn-1.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
-import icon5 from '@/assets/img/media-account/icon-dy.png';
+import icon5 from '@/assets/img/platform/icon-dy.png';
-import icon6 from '@/assets/img/media-account/icon-xhs.png';
+import icon6 from '@/assets/img/platform/icon-xhs.png';
 
 const route = useRoute();
 const id = route.params.id;

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

@@ -145,8 +145,8 @@ import ReauthorizeAccountModal from '../reauthorize-account-modal';
 import AuthorizedAccountModal from '../authorized-account-modal';
 import FooterBtn from './footer-btn';
 
-import icon1 from '@/assets/img/media-account/icon-dy.png';
+import icon1 from '@/assets/img/platform/icon-dy.png';
-import icon2 from '@/assets/img/media-account/icon-xhs.png';
+import icon2 from '@/assets/img/platform/icon-xhs.png';
 import icon3 from '@/assets/img/media-account/icon-warn.png';
 
 const props = defineProps({

src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue

@@ -41,8 +41,8 @@ import {
 
 import icon1 from '@/assets/img/media-account/icon-download.png';
 import icon2 from '@/assets/img/media-account/icon-delete.png';
-import icon3 from '@/assets/img/media-account/icon-dy.png';
+import icon3 from '@/assets/img/platform/icon-dy.png';
-import icon4 from '@/assets/img/media-account/icon-xhs.png';
+import icon4 from '@/assets/img/platform/icon-xhs.png';
 // import icon5 from '@/assets/img/media-account/icon-warn-1.png';
 // import icon6 from '@/assets/img/media-account/icon-success.png';