From 9bc6ed44d53455a9ce5cbfd16aa4982e2c6089f9 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 11:52:23 +0800
Subject: [PATCH 01/64] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96app-routes=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/_base/menu/use-menu-tree.ts         | 8 ++++----
 src/stores/modules/user/index.ts                   | 8 ++++----
 src/views/components/workplace/modules/product.vue | 2 --
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/_base/menu/use-menu-tree.ts b/src/components/_base/menu/use-menu-tree.ts
index c784606..55010ad 100644
--- a/src/components/_base/menu/use-menu-tree.ts
+++ b/src/components/_base/menu/use-menu-tree.ts
@@ -3,13 +3,13 @@
  * @Date: 2025-06-19 01:45:53
  */
 import type { RouteRecordRaw, RouteRecordNormalized } from 'vue-router';
-
-// import { useAppStore } from '@/stores';
-import { appRoutes } from '@/router/routes';
+import { useRouter } from 'vue-router';
 import { useSidebarStore } from '@/stores/modules/side-bar';
 
 export default function useMenuTree() {
-  // const appStore = useAppStore();
+  const router  = useRouter();
+  const appRoutes = router.options.routes;
+
   const sidebarStore = useSidebarStore();
   const appRoute = computed(() => {
     const _filterRoutes = appRoutes.filter((v) => v.meta?.id === sidebarStore.activeMenuId);
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index 71443de..645eb9d 100644
--- a/src/stores/modules/user/index.ts
+++ b/src/stores/modules/user/index.ts
@@ -1,9 +1,7 @@
-import type { RouteRecordNormalized } from 'vue-router';
-
+import { useRouter } from 'vue-router';
 import { defineStore } from 'pinia';
 import { fetchProfileInfo } from '@/api/all/login';
 import { useSidebarStore } from '@/stores/modules/side-bar';
-import router from '@/router';
 import { glsWithCatch, slsWithCatch, rlsWithCatch } from '@/utils/stroage';
 
 interface UserInfo {
@@ -80,8 +78,10 @@ export const useUserStore = defineStore('user', {
     },
     getUserAllowAccessRoutes() {
       const sidebarStore = useSidebarStore();
+      const router = useRouter();
+
       const menuList = sidebarStore.menuList;
-      const appRoutes = router.getRoutes();
+      const appRoutes = router.options.routes;
 
       appRoutes.forEach((route: any) => {
         if (!route.meta?.requiresAuth) {
diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index 616cecf..8a9aac5 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -69,7 +69,6 @@ import { now } from '@vueuse/core';
 import { trialProduct } from '@/api/all';
 import { useRouter } from 'vue-router';
 import CustomerServiceModal from '@/components/customer-service-modal.vue';
-import { appRoutes } from '@/router/routes';
 
 import { useSidebarStore } from '@/stores/modules/side-bar';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
@@ -119,7 +118,6 @@ const gotoModule = (menuId: number) => {
     '1': 'DataEngineHotTranslation',
     '2': 'RepositoryBrandMaterials',
   };
-  console.log(routeMap[menuId]);
   router.push({ name: routeMap[menuId] });
 };
 </script>

From 28dc67bfa4f2aa0dcf20cd0bf70d60610ef8c54c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 12:02:44 +0800
Subject: [PATCH 02/64] =?UTF-8?q?perf:=20=E7=BB=9F=E4=B8=80=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/workplace/modules/product.vue  | 48 ++++---------------
 1 file changed, 9 insertions(+), 39 deletions(-)

diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index 8a9aac5..16ee2a2 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -24,23 +24,26 @@
     <div class="footer flex arco-row-justify-start">
       <a-button
         v-if="props.product.status === Status.Enable || props.product.status === Status.ON_TRIAL"
-        class="primary-button"
         type="primary"
+        size="mini"
+        class="mr-8px"
         @click="gotoModule(props.product.id)"
       >
         进入模块
       </a-button>
       <a-button
         v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
-        class="primary-button"
+        size="mini"
         type="primary"
+        class="mr-8px"
         @click="visible = true"
       >
         立即购买
       </a-button>
       <a-button
         v-if="props.product.status === Status.ON_TRIAL"
-        class="outline-button"
+        class="mr-8px"
+        size="mini"
         type="outline"
         @click="visible = true"
       >
@@ -48,16 +51,15 @@
       </a-button>
       <a-button
         v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
-        class="outline-button"
+        class="mr-8px"
+        size="mini"
         type="outline"
         @click="visible = true"
       >
         联系客服
       </a-button>
       <a-popconfirm focusLock title="试用产品" content="确定试用该产品吗？" @ok="handleTrial(props.product.id)">
-        <a-button v-if="props.product.status === Status.Disable" class="outline-button" type="outline">
-          免费试用7天
-        </a-button>
+        <a-button v-if="props.product.status === Status.Disable" size="mini" type="outline"> 免费试用7天 </a-button>
       </a-popconfirm>
     </div>
     <CustomerServiceModal v-model:visible="visible" />
@@ -219,38 +221,6 @@ const gotoModule = (menuId: number) => {
 
   .footer {
     margin-top: 16px;
-
-    .primary-button {
-      height: 24px;
-      border-radius: 4px;
-      gap: 8px;
-      padding: 2px 12px;
-      background-color: rgba(109, 76, 254, 1) !important;
-      font-family: $font-family-medium;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 20px;
-      text-align: right;
-      vertical-align: middle;
-      color: rgba(255, 255, 255, 1);
-      margin-right: 8px;
-    }
-
-    .outline-button {
-      height: 24px;
-      border-radius: 4px;
-      gap: 8px;
-      padding: 2px 12px;
-      border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
-      font-family: $font-family-medium;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 20px;
-      text-align: right;
-      vertical-align: middle;
-      color: rgba(109, 76, 254, 1);
-      margin-right: 8px;
-    }
   }
 }
 </style>

From ae065418d50530bd0ed88a2528238e0530607322 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 15:11:57 +0800
Subject: [PATCH 03/64] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E7=A8=BF=E4=BB=B6=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 env.d.ts                                      |   5 +
 src/router/constants.ts                       |   7 +-
 src/router/index.ts                           |   4 +-
 .../modules/creativeGenerationWorkshop.ts     |  46 +++++++
 src/router/routes/modules/management.ts       |   6 +-
 .../routes/modules/propertyMarketing.ts       |  22 ++--
 src/stores/modules/side-bar/constants.ts      |  13 ++
 .../manuscript-analysis/index.vue             |   0
 .../components/filter-block/index.vue         |  70 +++++++++++
 .../components/filter-block/style.scss        |  23 ++++
 .../manuscript-check-table/constants.ts       |  60 +++++++++
 .../delete-manuscript-modal.vue               |  58 +++++++++
 .../manuscript-check-table/index.vue          |  91 ++++++++++++++
 .../manuscript-check-table/style.scss         |  10 ++
 .../manuscript/manuscript-check/constants.ts  |   5 +
 .../manuscript/manuscript-check/index.vue     | 115 ++++++++++++++++++
 .../manuscript/manuscript-check/style.scss    |  29 +++++
 .../components/filter-block/index.vue         |  70 +++++++++++
 .../components/filter-block/style.scss        |  23 ++++
 .../components/manuscript-table/constants.ts  |  65 ++++++++++
 .../delete-manuscript-modal.vue               |  58 +++++++++
 .../components/manuscript-table/index.vue     |  91 ++++++++++++++
 .../components/manuscript-table/style.scss    |  10 ++
 .../manuscript/manuscript-list/constants.ts   |   5 +
 .../manuscript/manuscript-list/index.vue      | 115 ++++++++++++++++++
 .../manuscript/manuscript-list/style.scss     |  29 +++++
 .../components/group-manage-modal/index.vue   |   5 +-
 .../components/tags-manage-modal/index.vue    |   5 +-
 .../media-account/account-manage/index.vue    |   3 +-
 .../components/project-table/constants.ts     |   3 +-
 .../project-manage/project-list/index.vue     |   4 +-
 .../components/group-manage-modal/index.vue   |   5 +-
 .../put-account/account-manage/index.vue      |   3 +-
 33 files changed, 1022 insertions(+), 36 deletions(-)
 create mode 100644 src/router/routes/modules/creativeGenerationWorkshop.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript-analysis/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/delete-manuscript-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/delete-manuscript-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/style.scss

diff --git a/env.d.ts b/env.d.ts
index 11f02fe..fda0b3d 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1 +1,6 @@
 /// <reference types="vite/client" />
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const vueComponent: DefineComponent<{}, {}, any>;
+  export default vueComponent;
+}
diff --git a/src/router/constants.ts b/src/router/constants.ts
index 6fc8bef..3e79148 100644
--- a/src/router/constants.ts
+++ b/src/router/constants.ts
@@ -23,7 +23,8 @@ export const DEFAULT_ROUTE = {
 
 export const MENU_GROUP_IDS = {
   DATA_ENGINE_ID: 1, // 全域数据分析
-  MANAGEMENT_ID: -1, // 管理中心
-  PROPERTY_ID: 10, // 资产营销平台
-  WORK_BENCH_ID: -99, // 工作台
+  CREATIVE_GENERATION_WORKSHOP_ID: 2, // 创意生成工坊
+  MANAGEMENT_ID: 3, // 管理中心
+  PROPERTY_ID: 4, // 资产营销平台
+  WORK_BENCH_ID: 5, // 工作台
 };
diff --git a/src/router/index.ts b/src/router/index.ts
index 2471c01..aa86ee7 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -18,7 +18,7 @@ export const router = createRouter({
     {
       path: '/login',
       name: 'UserLogin',
-      component: () => import('@/views/components/login'),
+      component: () => import('@/views/components/login/index.vue'),
       meta: {
         requiresAuth: false,
         requireLogin: false,
@@ -27,7 +27,7 @@ export const router = createRouter({
     {
       path: '/',
       name: 'Home',
-      component: () => import('@/views/components/workplace'),
+      component: () => import('@/views/components/workplace/index.vue'),
       meta: {
         hideSidebar: true,
         requiresAuth: false,
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
new file mode 100644
index 0000000..7327514
--- /dev/null
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -0,0 +1,46 @@
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+import IconRepository from '@/assets/svg/svg-repository.svg';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+{
+    path: '/manuscript',
+    name: 'Manuscript',
+    redirect: 'manuscript/list',
+    meta: {
+      locale: '内容稿件',
+      icon: IconRepository,
+      requiresAuth: false,
+      requireLogin: true,
+      roles: ['*'],
+      id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'ManuscriptList',
+        meta: {
+          locale: '内容稿件列表',
+          requiresAuth: false,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/manuscript-list/index.vue'),
+      },
+      {
+        path: 'check',
+        name: 'ManuscriptCheck',
+        meta: {
+          locale: '内容稿件审核',
+          requiresAuth: false,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/manuscript-check/index.vue'),
+      },
+    ],
+  },
+];
+
+export default COMPONENTS;
diff --git a/src/router/routes/modules/management.ts b/src/router/routes/modules/management.ts
index 2c5e104..3933cbc 100644
--- a/src/router/routes/modules/management.ts
+++ b/src/router/routes/modules/management.ts
@@ -23,7 +23,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       {
         path: 'person',
         name: 'ManagementPerson',
-        component: () => import('@/views/components/management/person'),
+        component: () => import('@/views/components/management/person/index.vue'),
         meta: {
           locale: '个人信息',
           requiresAuth: false,
@@ -34,7 +34,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       {
         path: 'enterprise',
         name: 'ManagementEnterprise',
-        component: () => import('@/views/components/management/enterprise'),
+        component: () => import('@/views/components/management/enterprise/index.vue'),
         meta: {
           locale: '企业信息',
           requiresAuth: false,
@@ -45,7 +45,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       {
         path: 'account',
         name: 'ManagementAccount',
-        component: () => import('@/views/components/management/account'),
+        component: () => import('@/views/components/management/account/index.vue'),
         meta: {
           locale: '账号管理',
           requiresAuth: false,
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index f47428b..ba8af63 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -60,7 +60,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/media-account/account-manage'),
+        component: () => import('@/views/property-marketing/media-account/account-manage/index.vue'),
       },
       {
         path: 'dashboard',
@@ -71,7 +71,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/media-account/account-dashboard'),
+        component: () => import('@/views/property-marketing/media-account/account-dashboard/index.vue'),  
       },
       {
         path: 'detail/:id',
@@ -84,7 +84,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           hideInMenu: true,
           activeMenu: 'MediaAccountAccountDashboard',
         },
-        component: () => import('@/views/property-marketing/media-account/account-detail'),
+        component: () => import('@/views/property-marketing/media-account/account-detail/index.vue'),
       },
     ],
   },
@@ -110,7 +110,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/put-account/account-manage'),
+        component: () => import('@/views/property-marketing/put-account/account-manage/index.vue'),
       },
       {
         path: 'data',
@@ -121,7 +121,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/put-account/account-data'),
+        component: () => import('@/views/property-marketing/put-account/account-data/index.vue'), 
       },
       {
         path: 'account-dashboard',
@@ -132,7 +132,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/put-account/account-dashboard'),
+        component: () => import('@/views/property-marketing/put-account/account-dashboard/index.vue'),
       },
       {
         path: 'investmentGuidelines',
@@ -143,7 +143,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/put-account/investment-guidelines'),
+        component: () => import('@/views/property-marketing/put-account/investment-guidelines/index.vue'),
       },
       {
         path: 'detail/:id',
@@ -155,7 +155,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           roles: ['*'],
           activeMenu: 'PutAccountInvestmentGuidelines',
         },
-        component: () => import('@/views/property-marketing/put-account/investment-guidelines/detail'),
+        component: () => import('@/views/property-marketing/put-account/investment-guidelines/detail.vue'),
       },
     ],
   },
@@ -181,7 +181,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
   //         requireLogin: true,
   //         roles: ['*'],
   //       },
-  //       component: () => import('@/views/property-marketing/intelligent-solution/businessAnalysisReport'),
+  //       component: () => import('@/views/property-marketing/intelligent-solution/businessAnalysisReport.vue'),
   //     },
   //     {
   //       path: 'competitiveProductAnalysisReport',
@@ -192,7 +192,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
   //         requireLogin: true,
   //         roles: ['*'],
   //       },
-  //       component: () => import('@/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport'),
+  //       component: () => import('@/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue'),
   //     },
   //   ],
   // },
@@ -218,7 +218,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/project-manage/project-list'),
+        component: () => import('@/views/property-marketing/project-manage/project-list/index.vue'),
       },
     ],
   },
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index 8bd5ed5..b04e2f7 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -46,6 +46,19 @@ export const MENU_LIST = [
       },
     ],
   },
+  {
+    id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+    name: '创意生成工坊',
+    permissionKey: '',
+    requiresAuth: true,
+    children: [
+      {
+        name: '内容稿件',
+        routeName: 'ManuscriptList',
+        includeRouteNames: ['ManuscriptList', 'ManuscriptCheck'],
+      }
+    ]
+  },
   {
     id: MENU_GROUP_IDS.PROPERTY_ID,
     name: '营销资产中台',
diff --git a/src/views/creative-generation-workshop/manuscript-analysis/index.vue b/src/views/creative-generation-workshop/manuscript-analysis/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
new file mode 100644
index 0000000..4a884e2
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
@@ -0,0 +1,70 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="filter-wrap px-24px pt-12px pb-24px">
+    <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">内容稿件标题</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.name"
+            class="w-240px"
+            placeholder="请输入内容稿件标题"
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+          <template #icon>
+            <icon-search />
+          </template>
+          <template #default>搜索</template>
+        </a-button>
+        <a-button size="medium" @click="handleReset">
+          <template #icon>
+            <icon-refresh />
+          </template>
+          <template #default>重置</template>
+        </a-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineEmits, defineProps } from 'vue';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('search', 'reset', 'update:query');
+
+const handleSearch = () => {
+  emits('update:query', props.query);
+  nextTick(() => {
+    emits('search');
+  });
+};
+
+const handleReset = () => {
+  emits('reset');
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
new file mode 100644
index 0000000..dd08cb3
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
@@ -0,0 +1,23 @@
+.filter-wrap {
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+  
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/constants.ts
new file mode 100644
index 0000000..f074544
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/constants.ts
@@ -0,0 +1,60 @@
+export const TABLE_COLUMNS = [
+  {
+    title: '序号',
+    dataIndex: 'index',
+    width: 120,
+    fixed: 'left',
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'picker',
+    width: 240,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'name',
+    width: 240,
+  },
+  {
+    title: '所属项目',
+    dataIndex: 'name',
+    width: 240,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'budget',
+    width: 180,
+  },
+  {
+    title: '上传时间',
+    dataIndex: 'create_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '上传人员',
+    dataIndex: 'placement_account_count',
+    width: 180,
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_create_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改人员',
+    dataIndex: 'placement_account_count1',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 160,
+    fixed: 'right'
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..97fd12d
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -0,0 +1,58 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除稿件"
+    width="480px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ projectName }} 这个稿件吗？</span>  
+    </div>
+    <template #footer>
+      <a-button size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteProject } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const update = inject('update');
+
+const visible = ref(false);
+const projectId = ref(null);
+const projectName = ref('');
+
+const isBatch = computed(() => Array.isArray(projectId.value));
+
+function onClose() {
+  visible.value = false;
+  projectId.value = null;
+  projectName.value = '';
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  projectId.value = id;
+  projectName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteProject(projectId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    update()
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/index.vue
new file mode 100644
index 0000000..2bec16d
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/index.vue
@@ -0,0 +1,91 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="flex-1 manuscript-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+  >
+    <template #empty>
+      <NoData text="暂无项目"/>
+    </template>
+    <template #columns>
+      <a-table-column
+        v-for="column in TABLE_COLUMNS"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
+          {{ exactFormatTime(record.create_at) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <div class="flex items-center">
+            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+            <a-button type="outline" size="mini" @click="onEdit(record)">分享</a-button>
+            <a-button type="outline" size="mini" @click="onEdit(record)">审核</a-button>
+          </div>
+        </template>
+
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { TABLE_COLUMNS } from './constants';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+
+const emits = defineEmits(['edit', 'sorterChange', 'delete']);
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const tableRef = ref(null);
+
+const handleSorterChange = (column, order) => {
+  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+const onDelete = (item) => {
+  emits('delete', item);
+};
+const onEdit = (item) => {
+  emits('edit', item);
+};
+const onDetail = (item) => {
+  console.log('onDetail')
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/style.scss
new file mode 100644
index 0000000..d1a16ec
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/style.scss
@@ -0,0 +1,10 @@
+.manuscript-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: $font-family-medium;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-check/constants.ts
new file mode 100644
index 0000000..2e16021
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/constants.ts
@@ -0,0 +1,5 @@
+export const INITIAL_QUERY = {
+  name: '',
+  sort_column: undefined,
+  sort_order: undefined,
+};
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue
new file mode 100644
index 0000000..9d8f036
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue
@@ -0,0 +1,115 @@
+<template>
+  <div class="manuscript-check-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">内容审核列表</p>
+        <div class="flex items-center">
+          <a-button type="primary" size="medium" @click="handleOpenAddProjectModal">
+            <template #icon>
+              <icon-plus size="16"/>
+            </template>
+            <template #default>上传内容稿件</template>
+          </a-button>
+        </div>
+      </div>
+      <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <ManuscriptCheckTable
+        :dataSource="dataSource"
+        @sorterChange="handleSorterChange"
+        @delete="handleDelete"
+        @edit="handleEdit"
+      />
+      <div v-if="pageInfo.total > 0" class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.page_size"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+
+    <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
+  </div>
+</template>
+<script lang="jsx" setup>
+import { defineComponent } from 'vue';
+import { Button } from '@arco-design/web-vue';
+import FilterBlock from './components/filter-block';
+import ManuscriptCheckTable from './components/manuscript-check-table';
+import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
+
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { getProjects } from '@/api/all/propertyMarketing';
+import { INITIAL_QUERY } from './constants';
+
+const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+const query = ref(cloneDeep(INITIAL_QUERY));
+const addManuscriptModalRef = ref(null);
+const deleteManuscriptModalRef = ref(null);
+
+const getData = async () => {
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getProjects({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
+};
+const handleSearch = () => {
+  reload();
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+const handleReset = () => {
+  resetPageInfo();
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+const handleSorterChange = (column, order) => {
+  query.value.sort_column = column;
+  query.value.sort_order = order;
+  reload();
+};
+
+const handleOpenAddProjectModal = () => {
+  console.log('handleOpenAddProjectModal');
+};
+
+const handleDelete = (item) => {
+  const { id, name } = item;
+  deleteManuscriptModalRef.value?.open({ id, name: `“${name}”` });
+};
+const handleEdit = (item) => {
+  // addManuscriptModalRef.value?.open(item.id);
+};
+
+onMounted(() => {
+  getData();
+});
+provide('update', getData);
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-check/style.scss
new file mode 100644
index 0000000..13b35ec
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/style.scss
@@ -0,0 +1,29 @@
+.manuscript-check-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .filter-wrap {
+    .top {
+      .title {
+        font-family: $font-family-medium;
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 16px;
+        }
+      }
+    }
+  }
+  .table-wrap {
+    display: flex;
+    flex-direction: column;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
new file mode 100644
index 0000000..4a884e2
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
@@ -0,0 +1,70 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="filter-wrap px-24px pt-12px pb-24px">
+    <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">内容稿件标题</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.name"
+            class="w-240px"
+            placeholder="请输入内容稿件标题"
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+          <template #icon>
+            <icon-search />
+          </template>
+          <template #default>搜索</template>
+        </a-button>
+        <a-button size="medium" @click="handleReset">
+          <template #icon>
+            <icon-refresh />
+          </template>
+          <template #default>重置</template>
+        </a-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineEmits, defineProps } from 'vue';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('search', 'reset', 'update:query');
+
+const handleSearch = () => {
+  emits('update:query', props.query);
+  nextTick(() => {
+    emits('search');
+  });
+};
+
+const handleReset = () => {
+  emits('reset');
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
new file mode 100644
index 0000000..dd08cb3
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
@@ -0,0 +1,23 @@
+.filter-wrap {
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+  
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
new file mode 100644
index 0000000..649a3b3
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
@@ -0,0 +1,65 @@
+export const TABLE_COLUMNS = [
+  {
+    title: '序号',
+    dataIndex: 'index',
+    width: 120,
+    fixed: 'left',
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'picker',
+    width: 240,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'name',
+    width: 240,
+  },
+  {
+    title: '所属项目',
+    dataIndex: 'name',
+    width: 240,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'budget',
+    width: 180,
+  },
+  {
+    title: '审核状态',
+    dataIndex: 'media_account_count',
+    width: 180,
+  },
+  {
+    title: '上传时间',
+    dataIndex: 'create_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '上传人员',
+    dataIndex: 'placement_account_count',
+    width: 180,
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_create_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改人员',
+    dataIndex: 'placement_account_count1',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 160,
+    fixed: 'right'
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..97fd12d
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/delete-manuscript-modal.vue
@@ -0,0 +1,58 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除稿件"
+    width="480px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ projectName }} 这个稿件吗？</span>  
+    </div>
+    <template #footer>
+      <a-button size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteProject } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const update = inject('update');
+
+const visible = ref(false);
+const projectId = ref(null);
+const projectName = ref('');
+
+const isBatch = computed(() => Array.isArray(projectId.value));
+
+function onClose() {
+  visible.value = false;
+  projectId.value = null;
+  projectName.value = '';
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  projectId.value = id;
+  projectName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteProject(projectId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    update()
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
new file mode 100644
index 0000000..81dea68
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
@@ -0,0 +1,91 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="flex-1 manuscript-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+  >
+    <template #empty>
+      <NoData text="暂无项目"/>
+    </template>
+    <template #columns>
+      <a-table-column
+        v-for="column in TABLE_COLUMNS"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
+          {{ exactFormatTime(record.create_at) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <div class="flex items-center">
+            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+            <a-button type="outline" size="mini" @click="onEdit(record)">编辑</a-button>
+            <a-button type="outline" size="mini" @click="onDetail(record)">详情</a-button>
+          </div>
+        </template>
+
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { TABLE_COLUMNS } from './constants';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+
+const emits = defineEmits(['edit', 'sorterChange', 'delete']);
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const tableRef = ref(null);
+
+const handleSorterChange = (column, order) => {
+  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+const onDelete = (item) => {
+  emits('delete', item);
+};
+const onEdit = (item) => {
+  emits('edit', item);
+};
+const onDetail = (item) => {
+  console.log('onDetail')
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
new file mode 100644
index 0000000..d1a16ec
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
@@ -0,0 +1,10 @@
+.manuscript-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: $font-family-medium;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
new file mode 100644
index 0000000..2e16021
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
@@ -0,0 +1,5 @@
+export const INITIAL_QUERY = {
+  name: '',
+  sort_column: undefined,
+  sort_order: undefined,
+};
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
new file mode 100644
index 0000000..11070f3
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
@@ -0,0 +1,115 @@
+<template>
+  <div class="manuscript-list-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
+        <div class="flex items-center">
+          <a-button type="primary" size="medium" @click="handleOpenAddProjectModal">
+            <template #icon>
+              <icon-plus size="16"/>
+            </template>
+            <template #default>上传内容稿件</template>
+          </a-button>
+        </div>
+      </div>
+      <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <ManuscriptTable
+        :dataSource="dataSource"
+        @sorterChange="handleSorterChange"
+        @delete="handleDelete"
+        @edit="handleEdit"
+      />
+      <div v-if="pageInfo.total > 0" class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.page_size"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+
+    <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
+  </div>
+</template>
+<script lang="jsx" setup>
+import { defineComponent } from 'vue';
+import { Button } from '@arco-design/web-vue';
+import FilterBlock from './components/filter-block';
+import ManuscriptTable from './components/manuscript-table';
+import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
+
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { getProjects } from '@/api/all/propertyMarketing';
+import { INITIAL_QUERY } from './constants';
+
+const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+const query = ref(cloneDeep(INITIAL_QUERY));
+const addManuscriptModalRef = ref(null);
+const deleteManuscriptModalRef = ref(null);
+
+const getData = async () => {
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getProjects({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
+};
+const handleSearch = () => {
+  reload();
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+const handleReset = () => {
+  resetPageInfo();
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+const handleSorterChange = (column, order) => {
+  query.value.sort_column = column;
+  query.value.sort_order = order;
+  reload();
+};
+
+const handleOpenAddProjectModal = () => {
+  console.log('handleOpenAddProjectModal');
+};
+
+const handleDelete = (item) => {
+  const { id, name } = item;
+  deleteManuscriptModalRef.value?.open({ id, name: `“${name}”` });
+};
+const handleEdit = (item) => {
+  // addManuscriptModalRef.value?.open(item.id);
+};
+
+onMounted(() => {
+  getData();
+});
+provide('update', getData);
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/style.scss
new file mode 100644
index 0000000..64d8310
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/style.scss
@@ -0,0 +1,29 @@
+.manuscript-list-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .filter-wrap {
+    .top {
+      .title {
+        font-family: $font-family-medium;
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 16px;
+        }
+      }
+    }
+  }
+  .table-wrap {
+    display: flex;
+    flex-direction: column;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index d451d51..90730b9 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -25,7 +25,7 @@
       </div>
       <a-button type="primary" size="medium" @click="openAdd"
         ><template #icon>
-          <img :src="icon3" width="16" height="16" />
+          <icon-plus size="16" />
         </template>
         <template #default>添加新分组</template>
       </a-button>
@@ -47,7 +47,7 @@
           <span class="s1 mb-16px">暂无分组</span>
           <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
             ><template #icon>
-              <img :src="icon3" width="16" height="16" />
+              <icon-plus size="16"/>
             </template>
             <template #default>去添加</template>
           </a-button>
@@ -89,7 +89,6 @@ import DeleteGroup from './delete-group.vue';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/media-account/icon-empty.png';
-import icon3 from '@/assets/img/media-account/icon-add.png';
 
 const emit = defineEmits(['update']);
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
index 83d9ba5..77950ea 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -25,7 +25,7 @@
       </div>
       <a-button type="primary" size="medium" @click="openAdd">
         <template #icon>
-          <img :src="iconAdd" width="16" height="16" />
+          <icon-plus size="16" />
         </template>
         <template #default>添加新标签</template>
       </a-button>
@@ -45,7 +45,7 @@
           <span class="s1 mb-16px">暂无标签</span>
           <a-button type="primary" class="mb-16px" size="medium" @click="openAdd">
             <template #icon>
-              <img :src="iconAdd" width="16" height="16" class="relative top-2px" />
+              <icon-plus size="16" />
             </template>
             <template #default>去添加</template>
           </a-button>
@@ -65,7 +65,6 @@ import { getTagsList } from '@/api/all/propertyMarketing';
 import AddTag from './add-tag.vue';
 import DeleteTag from './delete-tag.vue';
 
-import iconAdd from '@/assets/img/media-account/icon-add.png';
 import iconDelete from '@/assets/img/media-account/icon-delete-1.png';
 
 const emit = defineEmits(['update']);
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 8a974c3..43ac764 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -22,7 +22,7 @@
           </a-button>
           <a-button type="primary" class="w-112px" size="medium" @click="handleOpenAccountModal">
             <template #icon>
-              <img :src="icon1" width="16" height="16" />
+              <icon-plus size="16"/>
             </template>
             <template #default>添加账号</template>
           </a-button>
@@ -142,7 +142,6 @@ import {
   getMediaAccountSyncStatus,
 } from '@/api/all/propertyMarketing';
 
-import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon2 from '@/assets/img/media-account/icon-group.png';
 import icon3 from '@/assets/img/media-account/icon-tag.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
index a23eb25..2ed2491 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
@@ -13,7 +13,7 @@ export const TABLE_COLUMNS = [
     title: '项目预算',
     dataIndex: 'budget',
     width: 180,
-    prefix: "￥"
+    prefix: '￥',
   },
   {
     title: '关联平台账号',
@@ -42,5 +42,6 @@ export const TABLE_COLUMNS = [
     title: '操作',
     dataIndex: 'operation',
     width: 100,
+    fixed: 'right',
   },
 ];
diff --git a/src/views/property-marketing/project-manage/project-list/index.vue b/src/views/property-marketing/project-manage/project-list/index.vue
index 404ccd3..51d8643 100644
--- a/src/views/property-marketing/project-manage/project-list/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/index.vue
@@ -6,7 +6,7 @@
         <div class="flex items-center">
           <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAddProjectModal">
             <template #icon>
-              <img :src="icon1" width="16" height="16" />
+              <icon-plus size="16"/>
             </template>
             <template #default>添加项目</template>
           </a-button>
@@ -53,8 +53,6 @@ import ProjectTable from './components/project-table';
 import AddProjectModal from './components/add-project-modal';
 import DeleteProjectModal from './components/project-table/delete-project-modal.vue';
 
-import icon1 from '@/assets/img/media-account/icon-add.png';
-
 const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
index 4ee4610..49d4357 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -25,7 +25,7 @@
       </div>
       <a-button type="primary" size="medium" @click="openAdd"
         ><template #icon>
-          <img :src="icon3" width="16" height="16" />
+          <icon-plus size="16" />
         </template>
         <template #default>添加新分组</template>
       </a-button>
@@ -46,7 +46,7 @@
           <span class="s1 mb-16px">暂无分组</span>
           <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
             ><template #icon>
-              <img :src="icon3" width="16" height="16" class="relative top-3px" />
+              <icon-plus size="16" />
             </template>
             <template #default>去添加</template>
           </a-button>
@@ -88,7 +88,6 @@ import DeleteGroup from './delete-group.vue';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/media-account/icon-empty.png';
-import icon3 from '@/assets/img/media-account/icon-add.png';
 
 const emit = defineEmits(['update']);
 const visible = ref(false);
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index e110d61..16fc6ba 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -10,7 +10,7 @@
         <div class="flex items-center">
           <a-button type="primary" class="w-112px" size="medium" @click="handleOpenAccountModal">
             <template #icon>
-              <img :src="icon1" width="16" height="16" />
+              <icon-plus size="16"/>
             </template>
             <template #default>添加账户</template>
           </a-button>
@@ -104,7 +104,6 @@ import { getPlacementAccounts, getPlacementAccountsHealth } from '@/api/all/prop
 import { getTaskStatus } from '@/api/all/common';
 import { showImportResultNotification } from '@/utils/arcoD';
 
-import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
 import icon5 from '@/assets/img/media-account/icon-warn.png';
 import icon6 from '@/assets/img/media-account/icon-close.png';

From e88695a5e48e1a277a7b2b5921d68bf260e6b567 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 16:05:11 +0800
Subject: [PATCH 04/64] =?UTF-8?q?style:=20=E6=9B=B4=E6=8D=A2svg=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/svg-contentManuscript.svg                | 3 +++
 src/router/routes/modules/creativeGenerationWorkshop.ts | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/svg/svg-contentManuscript.svg

diff --git a/src/assets/svg/svg-contentManuscript.svg b/src/assets/svg/svg-contentManuscript.svg
new file mode 100644
index 0000000..a9ddac0
--- /dev/null
+++ b/src/assets/svg/svg-contentManuscript.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3997 1.33398C11.2944 1.33398 11.9999 2.0689 12 2.95052V6.66732H13.3333C14.0697 6.66732 14.6667 7.26426 14.6667 8.00065V13.6673C14.6667 14.5878 13.9205 15.334 13 15.334H2.93359C2.09483 15.334 1.42261 14.6881 1.3418 13.8809L1.33333 13.7174V2.95052C1.3334 2.06889 2.03891 1.33398 2.93359 1.33398H10.3997ZM12 14.0007H13C13.1841 14.0007 13.3333 13.8514 13.3333 13.6673V8.00065H12V14.0007ZM4 5.66732C3.63181 5.66732 3.33333 5.96579 3.33333 6.33398C3.33333 6.70217 3.63181 7.00065 4 7.00065H8C8.36819 7.00065 8.66667 6.70217 8.66667 6.33398C8.66667 5.96579 8.36819 5.66732 8 5.66732H4ZM4 3.33398C3.63181 3.33398 3.33333 3.63246 3.33333 4.00065C3.33333 4.36884 3.63181 4.66732 4 4.66732H6.66667C7.03486 4.66732 7.33333 4.36884 7.33333 4.00065C7.33333 3.63246 7.03486 3.33398 6.66667 3.33398H4Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index 7327514..fa2abbd 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -1,7 +1,7 @@
 import type { AppRouteRecordRaw } from '../types';
 import { MENU_GROUP_IDS } from '@/router/constants';
 
-import IconRepository from '@/assets/svg/svg-repository.svg';
+import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
 
 const COMPONENTS: AppRouteRecordRaw[] = [
 {
@@ -10,7 +10,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     redirect: 'manuscript/list',
     meta: {
       locale: '内容稿件',
-      icon: IconRepository,
+      icon: IconContentManuscript,
       requiresAuth: false,
       requireLogin: true,
       roles: ['*'],

From 52a696c133744fb38e51613dcee83f48574f2d56 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 17:15:44 +0800
Subject: [PATCH 05/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=88=97=E8=A1=A8=E7=AD=9B=E9=80=89=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/button.scss             |  8 ++-
 .../manuscript/manuscript-check/index.vue     |  4 +-
 .../components/filter-block/index.vue         | 67 ++++++++++++++++---
 .../components/manuscript-table/index.vue     |  2 +-
 .../manuscript/manuscript-list/constants.ts   |  4 ++
 .../manuscript/manuscript-list/index.vue      |  7 +-
 6 files changed, 75 insertions(+), 17 deletions(-)

diff --git a/src/styles/components/button.scss b/src/styles/components/button.scss
index b5fb0c3..eb2c9cf 100644
--- a/src/styles/components/button.scss
+++ b/src/styles/components/button.scss
@@ -21,15 +21,17 @@
 
 .arco-btn-primary {
   background-color: $color-primary !important;
-  border: none !important;
+  border-color: transparent !important;
   color: #fff !important;
   &.arco-btn-disabled {
     color: #fff !important;
+    border-color: transparent !important;
     background-color: $color-primary-3 !important;
   }
   &:not(.arco-btn-disabled) {
     &:hover {
       color: #fff !important;
+      border-color: transparent !important;
       background-color: $color-primary-5 !important;
     }
   }
@@ -134,14 +136,16 @@
 
 .arco-btn-text {
   background-color: transparent !important;
-  border: none !important;
+  border-color: transparent !important;
   color: $color-primary !important;
   &.arco-btn-disabled {
     color: $color-primary-2 !important;
+    border-color: transparent !important;
   }
   &:not(.arco-btn-disabled) {
     &:hover {
       color: $color-primary-5 !important;
+      border-color: transparent !important;
     }
   }
 
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue
index 9d8f036..7910a93 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue
@@ -112,4 +112,6 @@ onMounted(() => {
 provide('update', getData);
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+@import "./style.scss"
+</style>
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
index 4a884e2..1aa957f 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
@@ -1,18 +1,32 @@
-<!-- eslint-disable vue/no-mutating-props -->
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-25 14:02:40
--->
 <template>
-  <div class="filter-wrap px-24px pt-12px pb-24px">
-    <div class="filter-row flex">
+  <div class="filter-wrap px-24px py-24px">
+    <div class="filter-row flex mb-16px">
       <div class="filter-row-item flex items-center">
         <span class="label">内容稿件标题</span>
+        <a-input
+          v-model="query.name"
+          class="!w-240px"
+          placeholder="请输入内容稿件标题"
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">所属项目</span>
+        <CommonSelect placeholder="请选择所属项目" v-model="query.project_id" class="!w-166px" />
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">序号</span>
         <a-space size="medium">
           <a-input
-            v-model="query.name"
-            class="w-240px"
-            placeholder="请输入内容稿件标题"
+            v-model="query.number"
+            class="w-160px"
+            placeholder="请输入序号"
             size="medium"
             allow-clear
             @change="handleSearch"
@@ -23,6 +37,23 @@
           </a-input>
         </a-space>
       </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">审核状态</span>
+        <CommonSelect placeholder="请选择审核状态" v-model="query.status" class="!w-166px" />
+      </div>
+    </div>
+    <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">发布日期</span>
+        <a-range-picker
+          v-model="published_at"
+          size="medium"
+          allow-clear
+          format="YYYY-MM-DD"
+          class="w-280px"
+          @change="onDateChange"
+        />
+      </div>
       <div class="filter-row-item flex items-center">
         <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
@@ -43,7 +74,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-
+import CommonSelect from '@/components/common-select';
 const props = defineProps({
   query: {
     type: Object,
@@ -53,6 +84,8 @@ const props = defineProps({
 
 const emits = defineEmits('search', 'reset', 'update:query');
 
+const published_at = ref([]);
+
 const handleSearch = () => {
   emits('update:query', props.query);
   nextTick(() => {
@@ -60,7 +93,19 @@ const handleSearch = () => {
   });
 };
 
+const onDateChange = (value) => {
+  const [start, end] = value;
+  const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
+  props.query.published_at = [
+    dayjs(start).startOf('day').format(FORMAT_DATE),
+    dayjs(end).endOf('day').format(FORMAT_DATE),
+  ];
+
+  handleSearch();
+};
+
 const handleReset = () => {
+  published_at.value = [];
   emits('reset');
 };
 </script>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
index 81dea68..c49dfa8 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
@@ -11,7 +11,7 @@
     @sorter-change="handleSorterChange"
   >
     <template #empty>
-      <NoData text="暂无项目"/>
+      <NoData text="暂无稿件"/>
     </template>
     <template #columns>
       <a-table-column
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
index 2e16021..cf104c9 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
@@ -1,5 +1,9 @@
 export const INITIAL_QUERY = {
   name: '',
+  project_id: '',
+  number: '',
+  status: '',
+  published_at: [],
   sort_column: undefined,
   sort_order: undefined,
 };
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
index 11070f3..4c7b29b 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
@@ -4,9 +4,10 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
         <div class="flex items-center">
+          <a-button type="outline" size="medium" class="mr-12px" @click="handleOpenAddProjectModal"> 分享内容稿件 </a-button>
           <a-button type="primary" size="medium" @click="handleOpenAddProjectModal">
             <template #icon>
-              <icon-plus size="16"/>
+              <icon-plus size="16" />
             </template>
             <template #default>上传内容稿件</template>
           </a-button>
@@ -112,4 +113,6 @@ onMounted(() => {
 provide('update', getData);
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+@import "./style.scss"
+</style>

From 3d08f9c8d3efbd834c66eb33da0b6ab3b749bd17 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 17:26:46 +0800
Subject: [PATCH 06/64] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/_base/menu/index.vue | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/_base/menu/index.vue b/src/components/_base/menu/index.vue
index 04c296b..e78ad55 100644
--- a/src/components/_base/menu/index.vue
+++ b/src/components/_base/menu/index.vue
@@ -88,30 +88,20 @@ export default defineComponent({
           // 跳过没有 name 的菜单项，防止 key 报错
           if (!element?.name) return;
 
-          // const icon element?.meta?.icon
           const icon = element?.meta?.icon
             ? (() => {
                 if (typeof element.meta.icon === 'string') {
-                  return h(
-                    'svg',
-                    {
-                      style: {
-                        width: '16px',
-                        height: '16px',
-                      },
-                    },
-                    [
-                      h('use', {
-                        'xlink:href': element.meta.icon,
-                      }),
-                    ],
+                  return (
+                    <svg class="w-16px h-16px">
+                      <use xlinkHref={element.meta.icon} />
+                    </svg>
                   );
                 } else {
-                  // 如果是对象，按原来的方式渲染
                   return h(element.meta.icon as object);
                 }
               })()
             : null;
+
           if (element.children && element.children.length > 0) {
             nodes.push(
               <a-sub-menu

From 077d45e58b58164b4bb35b7be986918bfb4ed32c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 17:37:51 +0800
Subject: [PATCH 07/64] =?UTF-8?q?style:=20=E5=88=A0=E9=99=A4=E6=97=A0?=
 =?UTF-8?q?=E7=94=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/confirm-button/index.vue |  70 ------
 src/components/wyg-form/README.md       |   5 -
 src/components/wyg-form/constants.ts    |  40 ----
 src/components/wyg-form/index.vue       | 271 ------------------------
 src/components/wyg-form/interface.d.ts  |  95 ---------
 src/components/wyg-form/utils.ts        |  25 ---
 src/components/wyg-table/index.vue      |  73 -------
 src/views/components/form/config.ts     | 158 --------------
 src/views/components/form/index.vue     |  67 ------
 src/views/components/table/columns.ts   |  38 ----
 src/views/components/table/config.ts    | 132 ------------
 src/views/components/table/index.md     |  27 ---
 src/views/components/table/index.vue    |  52 -----
 13 files changed, 1053 deletions(-)
 delete mode 100644 src/components/confirm-button/index.vue
 delete mode 100644 src/components/wyg-form/README.md
 delete mode 100644 src/components/wyg-form/constants.ts
 delete mode 100644 src/components/wyg-form/index.vue
 delete mode 100644 src/components/wyg-form/interface.d.ts
 delete mode 100644 src/components/wyg-form/utils.ts
 delete mode 100644 src/components/wyg-table/index.vue
 delete mode 100644 src/views/components/form/config.ts
 delete mode 100644 src/views/components/form/index.vue
 delete mode 100644 src/views/components/table/columns.ts
 delete mode 100644 src/views/components/table/config.ts
 delete mode 100644 src/views/components/table/index.md
 delete mode 100644 src/views/components/table/index.vue

diff --git a/src/components/confirm-button/index.vue b/src/components/confirm-button/index.vue
deleted file mode 100644
index 679f8d9..0000000
--- a/src/components/confirm-button/index.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<!--
- * @Author: 田鑫
- * @Date: 2023-02-16 11:58:01
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-02-16 16:56:27
- * @Description: 二次确认框
--->
-
-<template>
-  <div>
-    <a-popconfirm
-      :content="content"
-      :position="position"
-      :ok-text="okText"
-      :cancel-text="cancelText"
-      :type="popupType"
-      @ok="handleConfirm"
-      @cancel="handleCancel"
-    >
-      <slot></slot>
-    </a-popconfirm>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { PropType } from 'vue-demi';
-
-type Position = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
-
-type PopupType = 'info' | 'success' | 'warning' | 'error';
-
-const props = defineProps({
-  content: {
-    type: String,
-    default: '是否确认？',
-  },
-  position: {
-    type: String as PropType<Position>,
-    default: 'top',
-  },
-  okText: {
-    type: String,
-    default: '确定',
-  },
-  cancelText: {
-    type: String,
-    default: '取消',
-  },
-  popupType: {
-    type: String as PropType<PopupType>,
-    default: 'info',
-  },
-});
-
-const emit = defineEmits(['confirmEmit', 'cancelEmit']);
-
-/**
- * 确定事件
- */
-function handleConfirm() {
-  emit('confirmEmit');
-}
-/**
- * 确定事件
- */
-function handleCancel() {
-  emit('cancelEmit');
-}
-</script>
-<style lang="scss" scoped></style>
diff --git a/src/components/wyg-form/README.md b/src/components/wyg-form/README.md
deleted file mode 100644
index 54529d3..0000000
--- a/src/components/wyg-form/README.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# 动态配置form表单
-示例见 views/components/form
-参数 fieldList：配置项，包括arco.design Form.Item和Input、Select以及自定义属性component等
-参数 model: 传默认值
-通过ref获取实例，调用子组件实例updateFieldsList方法更新配置项，调用setModel方法更新数据，调用setForm方法更新Form属性，自定义事件change处理逻辑
diff --git a/src/components/wyg-form/constants.ts b/src/components/wyg-form/constants.ts
deleted file mode 100644
index 382d2c2..0000000
--- a/src/components/wyg-form/constants.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-// form.item的属性名称集合
-export const formItemKeys = [
-  'field',
-  'label',
-  'tooltip',
-  'showColon',
-  'noStyle',
-  'disabled',
-  'help',
-  'extra',
-  'required',
-  'asteriskPosition',
-  'rules',
-  'validateStatus',
-  'validateTrigger',
-  'wrapperColProps',
-  'hideLabel',
-  'hideAsterisk',
-  'labelColStyle',
-  'wrapperColStyle',
-  'rowProps',
-  'rowClass',
-  'contentClass',
-  'contentFlex',
-  'labelColFlex',
-  'feedback',
-  'labelComponent',
-  'labelAttrs',
-];
-// 自定义属性名称集合
-export const customKeys = ['component', 'lists'];
-// 响应式栅格默认配置
-export const COL_PROPS = {
-  xs: 12,
-  sm: 12,
-  md: 8,
-  lg: 8,
-  xl: 6,
-  xxl: 6,
-};
diff --git a/src/components/wyg-form/index.vue b/src/components/wyg-form/index.vue
deleted file mode 100644
index 36b4cd4..0000000
--- a/src/components/wyg-form/index.vue
+++ /dev/null
@@ -1,271 +0,0 @@
-<template>
-  <slot name="header"></slot>
-  <a-form v-bind="_options" ref="formRef" :model="model" @submit.prevent>
-    <a-row v-bind="rowProps" :gutter="20">
-      <template
-        v-for="{ field, component, formItemProps, componentProps, lists, colProps } in newFieldList"
-        :key="field"
-      >
-        <!-- 单选框 -->
-        <a-col v-if="component === 'radio'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-radio-group v-bind="componentProps" v-model="model[field]">
-              <a-radio v-for="val in lists" :key="val['value']" :label="val['value']" size="large">
-                {{ val['label'] }}
-              </a-radio>
-            </a-radio-group>
-          </a-form-item>
-        </a-col>
-        <!-- 复选框 -->
-        <a-col v-if="component === 'checkbox'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-checkbox-group v-bind="componentProps" v-model="model[field]">
-              <a-checkbox v-for="c in lists" :key="c['value']" :label="c['value']">{{ c['label'] }}</a-checkbox>
-            </a-checkbox-group>
-          </a-form-item>
-        </a-col>
-        <!-- 下拉框 -->
-        <a-col v-if="component === 'select'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-select v-bind="componentProps" v-model="model[field]">
-              <a-option v-for="s in lists" :key="s['value']" :label="s['label']" :value="s['value']" />
-            </a-select>
-          </a-form-item>
-        </a-col>
-        <!-- 文本域 -->
-        <a-col v-if="component === 'textarea'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-textarea v-bind="componentProps" v-model="model[field]" />
-          </a-form-item>
-        </a-col>
-        <!-- 时间选择器 -->
-        <a-col v-if="component === 'time'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-time-picker v-bind="componentProps" v-model="model[field]" />
-          </a-form-item>
-        </a-col>
-        <!-- 日期选择器 -->
-        <a-col v-if="component === 'date'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-date-picker v-bind="componentProps" v-model="model[field]" />
-          </a-form-item>
-        </a-col>
-        <!-- 日期范围选择器 -->
-        <a-col v-if="component === 'rangeDate'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-range-picker v-bind="componentProps" v-model="model[field]" />
-          </a-form-item>
-        </a-col>
-        <!-- 级联选择器 -->
-        <a-col v-if="component === 'cascader'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-cascader v-bind="componentProps" v-model="model[field]" />
-          </a-form-item>
-        </a-col>
-        <!-- 数字输入框 -->
-        <a-col v-if="component === 'inputNumber'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-input-number v-bind="componentProps" v-model="model[field]" />
-          </a-form-item>
-        </a-col>
-        <!-- 输入框 -->
-        <a-col v-if="component === 'input'" v-bind="colProps">
-          <a-form-item v-bind="formItemProps">
-            <a-input v-bind="componentProps" v-model="model[field]" />
-          </a-form-item>
-        </a-col>
-        <!-- 标题模块 -->
-        <a-col v-if="component === 'title'" :span="24">
-          <div class="title">
-            <div class="bar"></div>
-            <h4 class="text">{{ formItemProps.label }}</h4>
-          </div>
-        </a-col>
-        <!-- 自定义插槽slot -->
-        <a-col v-if="component === 'slot'" :span="24">
-          <slot :name="field"></slot>
-        </a-col>
-      </template>
-      <a-col :span="24">
-        <a-form-item>
-          <slot name="buttons" :model="model" :formRef="formRef">
-            <a-space>
-              <a-button type="primary" @click="onSubmit(formRef)">{{ _options.submitButtonText }}</a-button>
-              <a-button v-if="_options.showResetButton" @click="resetForm(formRef)">
-                {{ _options.resetButtonText }}
-              </a-button>
-              <a-button v-if="_options.showCancelButton" @click="emit('cancel')">
-                {{ _options.cancelButtonText }}
-              </a-button>
-            </a-space>
-          </slot>
-        </a-form-item>
-      </a-col>
-    </a-row>
-  </a-form>
-  <slot name="footer"></slot>
-</template>
-<script lang="ts" setup>
-import type { FormInstance, RowProps, ValidatedError } from '@arco-design/web-vue';
-import type { ComputedRef } from 'vue';
-import type { Form } from './interface';
-import { formItemKeys, customKeys, COL_PROPS } from './constants';
-import { changeFormList } from './utils';
-import type { FieldData } from '@arco-design/web-vue/es/form/interface';
-// 父组件传递的值
-interface Props {
-  fieldList: Form.FieldItem[];
-  model?: Record<string, any>;
-  options?: Form.Options;
-  rowProps?: RowProps;
-}
-interface EmitEvent {
-  (e: 'submit' | 'change', params: any): void;
-  (e: 'reset' | 'cancel'): void;
-}
-
-const props = defineProps<Props>();
-const emit = defineEmits<EmitEvent>();
-// 表单的数据
-let model = ref<Record<string, any>>({});
-
-const formRef = ref<FormInstance>();
-
-// 初始化处理Form组件属性options
-const _options = ref<Record<string, any>>({});
-const initOptions = () => {
-  const option = {
-    layout: 'vertical',
-    disabled: false,
-    submitButtonText: '提交',
-    resetButtonText: '重置',
-    cancelButtonText: '取消',
-    showResetButton: true,
-  };
-  Object.assign(option, props?.options);
-  _options.value = option;
-};
-initOptions();
-// 初始化处理model
-const initFormModel = () => {
-  props.fieldList.forEach((item: Form.FieldItem) => {
-    // 如果类型为checkbox，默认值需要设置一个空数组
-    const value = item.component === 'checkbox' ? [] : '';
-    const { field, component } = item;
-    if (component !== 'slot' && component !== 'title') {
-      model.value[item.field] = props?.model?.[field] || value;
-    }
-  });
-};
-initFormModel();
-// 初始化处理fieldList
-const newFieldList: any = ref(null);
-const initFieldList = () => {
-  const list = props?.fieldList.map((item: Form.FieldItem) => {
-    const customProps = pick(item, customKeys);
-    const formItemProps = pick(item, formItemKeys);
-    const componentProps = omit(item, [...formItemKeys, ...customKeys, 'field', 'colProps']);
-    const { colProps = {}, field, placeholder, component = 'input', label } = item;
-    componentProps.onChange = (val: any) => onChange(field, val);
-    const newColProps = {
-      ...colProps,
-      ...COL_PROPS,
-    };
-    const obj = {
-      field,
-      colProps: newColProps,
-      ...customProps,
-      formItemProps,
-      componentProps,
-    };
-    if ((component === 'input' || component === 'textarea') && !placeholder) {
-      componentProps.placeholder = `请输入${label}`;
-    }
-    if (component === 'select' && !placeholder) {
-      componentProps.placeholder = `请选择${label}`;
-    }
-    if (component === 'rangeDate') {
-      componentProps.value = [null, null];
-    }
-    return obj;
-  });
-  newFieldList.value = list;
-  return list;
-};
-initFieldList();
-// 提交
-const onSubmit = async (formEl: FormInstance | undefined) => {
-  if (!formEl) return;
-  let flag = false;
-  await formEl.validate((errors: undefined | Record<string, ValidatedError>) => {
-    if (!errors) {
-      emit('submit', model.value);
-      flag = true;
-    } else {
-      return false;
-    }
-  });
-  return (flag && model.value) || null;
-};
-// 提交--父组件调用
-const submit = () => {
-  return onSubmit(formRef.value);
-};
-// 重置
-const resetForm = (formEl: FormInstance | undefined) => {
-  if (!formEl) return;
-  formEl.resetFields();
-};
-// 表单变化
-const onChange = (key: string, val: any) => {
-  emit('change', { key, val });
-};
-// 设置
-const setModel = (data: Record<string, FieldData>) => {
-  const newData = {
-    ...model.value,
-    ...data,
-  };
-  model.value = newData;
-};
-// 设置Form
-const setForm = (data: Form.Options) => {
-  const options = {
-    ..._options.value,
-    ...data,
-  };
-  _options.value = options;
-};
-// 更新配置项
-const updateFieldsList = (updateList: any[]) => {
-  const list = changeFormList(newFieldList.value, updateList);
-  newFieldList.value = list;
-};
-
-defineExpose({
-  submit,
-  setModel,
-  setForm,
-  updateFieldsList,
-});
-</script>
-<style lang="scss" scoped>
-:deep(.arco-picker) {
-  width: 100%;
-}
-.title {
-  display: flex;
-  align-items: center;
-  .bar {
-    width: 4px;
-    height: 14px;
-    border-radius: 1px;
-    margin-right: 8px;
-    background-color: rgb(var(--primary-6));
-  }
-  .text {
-    font-size: 16px;
-    color: var(--color-text-1);
-  }
-}
-</style>
diff --git a/src/components/wyg-form/interface.d.ts b/src/components/wyg-form/interface.d.ts
deleted file mode 100644
index 34f6eef..0000000
--- a/src/components/wyg-form/interface.d.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import type { FieldRule } from '@arco-design/web-vue/es/form/interface';
-import { Size, ColProps, CascaderOption, InputProps } from '@arco-design/web-vue';
-console.log(InputProps, 'InputProps=====');
-
-export namespace Form {
-  /** 表单项自身Props */
-  interface FormItem<T = string> {
-    field: string;
-    label: string;
-    tooltip?: string;
-    showColon?: boolean;
-    noStyle?: boolean;
-    disabled?: boolean;
-    help?: string;
-    extra?: string;
-    required?: boolean;
-    asteriskPosition?: 'start' | 'end';
-    rules?: FieldRule | FieldRule[];
-    validateStatus?: 'success' | 'warning' | 'error' | 'validating';
-    validateTrigger?: 'change' | 'input' | 'focus' | 'blur';
-    labelColProps?: object;
-    wrapperColProps?: object;
-    hideLabel?: boolean;
-    hideAsterisk?: boolean;
-    labelColStyle?: object;
-    wrapperColStyle?: object;
-    rowProps?: object;
-    rowClass?: string | Array<T> | object;
-    contentClass?: string | Array<T> | object;
-    contentFlex?: boolean;
-    labelColFlex?: number | string;
-    feedback?: boolean;
-    labelComponent?: string;
-    labelAttrs?: object;
-  }
-  // 当前 fieldItem 的类型 默认值'input'
-  type ComponentType =
-    | 'input'
-    | 'textarea'
-    | 'radio'
-    | 'checkbox'
-    | 'select'
-    | 'time'
-    | 'date'
-    | 'rangeDate'
-    | 'inputNumber'
-    | 'cascader'
-    | 'title'
-    | 'slot';
-  /** 自定义Props */
-  interface CustomProps {
-    component?: ComponentType;
-    lists?: object; // 如果 type='checkbox' / 'radio' / 'select'时，需传入此配置项。格式参考FieldItemOptions配置项
-  }
-  /** Input、Select组件等的Props */
-  interface ComponentProps {
-    placeholder?: string; // 输入框占位文本
-    readonly?: boolean; // 是否只读 false
-    allowClear?: boolean; // 是否可清空 false
-    onChange?: Function;
-    options?: CascaderOption[];
-  }
-  /** 每一项配置项的属性 */
-  interface FieldItem extends FormItem, CustomProps, ComponentProps {
-    colProps?: ColProps;
-  }
-  /** 处理后的配置项属性 */
-  interface NewFieldItem extends CustomProps {
-    formItemProps: FormItem;
-    componentProps: ComponentProps;
-    field: string;
-    colProps?: ColProps;
-  }
-  interface FieldItemOptions {
-    label: string | number;
-    value: string | number;
-  }
-  /** 表单Form自身Props */
-  interface Options {
-    layout?: 'horizontal' | 'vertical' | 'inline'; // 表单的布局方式，包括水平、垂直、多列
-    size?: Size; // 用于控制该表单内组件的尺寸
-    labelColProps?: object; // 标签元素布局选项。参数同 <col> 组件一致，默认值span: 5, offset: 0
-    wrapperColProps?: object; // 表单控件布局选项。参数同 <col> 组件一致，默认值span: 19, offset: 0
-    labelAlign?: 'left' | 'right'; // 标签的对齐方向，默认值'right'
-    disabled?: boolean; // 是否禁用表单
-    rules?: Record<string, FieldRule | FieldRule[]>; // 表单项校验规则
-    autoLabelWidth?: boolean; // 是否开启自动标签宽度，仅在 layout="horizontal" 下生效。默认值false
-
-    showResetButton?: boolean; // 是否展示重置按钮
-    showCancelButton?: boolean; // 是否展示取消按钮
-    submitButtonText?: string;
-    resetButtonText?: string;
-    cancelButtonText?: string;
-  }
-}
diff --git a/src/components/wyg-form/utils.ts b/src/components/wyg-form/utils.ts
deleted file mode 100644
index 9bfdafc..0000000
--- a/src/components/wyg-form/utils.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { formItemKeys, customKeys, COL_PROPS } from './constants';
-import type { Form } from './interface';
-// fieldList更新
-export const changeFormList = (formList: Form.NewFieldItem[], updateList: Form.FieldItem[]): Form.NewFieldItem[] => {
-  let list: any = formList;
-  list.forEach((item: any, index: string | number) => {
-    updateList.forEach((ele: any) => {
-      if (item.field === ele.field) {
-        list[index] = { ...item, ...ele };
-        const keys: string[] = Object.keys(ele);
-        keys.forEach((key: string) => {
-          const val = ele[key];
-          if (formItemKeys.includes(key)) {
-            list[index].formItemProps[key] = val;
-          } else if (customKeys.includes(key) || key === 'colProps') {
-            list[index][key] = val;
-          } else {
-            list[index].componentProps[key] = val;
-          }
-        });
-      }
-    });
-  });
-  return list;
-};
diff --git a/src/components/wyg-table/index.vue b/src/components/wyg-table/index.vue
deleted file mode 100644
index 22d60aa..0000000
--- a/src/components/wyg-table/index.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<!--
- * @Author: 田鑫
- * @Date: 2023-02-16 14:40:38
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-02-16 16:37:52
- * @Description: table公用封装
--->
-
-<template>
-  <div>
-    <a-table
-      :loading="loading"
-      :size="size"
-      :data="tableData"
-      :bordered="{ cell: borderCell }"
-      :pagination="setPagination"
-      page-position="br"
-      v-bind="propsRes"
-      v-on="propsEvent"
-    >
-      <template #columns>
-        <slot></slot>
-      </template>
-    </a-table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { PaginationProps, TableData } from '@arco-design/web-vue';
-import type { PropType } from 'vue-demi';
-import Components from 'unplugin-vue-components/vite';
-
-type Size = 'mini' | 'small' | 'medium' | 'large';
-
-const props = defineProps({
-  size: {
-    type: String as PropType<Size>,
-    default: 'large',
-  },
-  tableData: {
-    type: Array as PropType<TableData[]>,
-    default: () => [],
-  },
-  borderCell: {
-    type: Boolean,
-    default: true,
-  },
-  pagination: {
-    type: Object as PropType<PaginationProps>,
-    default: () => {},
-  },
-});
-const loading = ref(false);
-
-const setPagination = computed(() => {
-  const defaultPagination: PaginationProps = {
-    showPageSize: true,
-    showTotal: true,
-    showMore: true,
-    size: 'large',
-  };
-  return Object.assign(defaultPagination, props.pagination);
-});
-
-watchEffect(() => {
-  if (props.tableData.length === 0) {
-    loading.value = true;
-  } else {
-    loading.value = false;
-  }
-});
-</script>
-<style lang="scss" scoped></style>
diff --git a/src/views/components/form/config.ts b/src/views/components/form/config.ts
deleted file mode 100644
index af9158f..0000000
--- a/src/views/components/form/config.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-import type { Form } from '@/components/wyg-form/interface';
-export const options = [
-  {
-    value: 'beijing',
-    label: 'Beijing',
-    children: [
-      {
-        value: 'chaoyang',
-        label: 'ChaoYang',
-        children: [
-          {
-            value: 'datunli',
-            label: 'Datunli',
-          },
-        ],
-      },
-      {
-        value: 'haidian',
-        label: 'Haidian',
-      },
-      {
-        value: 'dongcheng',
-        label: 'Dongcheng',
-      },
-      {
-        value: 'xicheng',
-        label: 'Xicheng',
-        children: [
-          {
-            value: 'jinrongjie',
-            label: 'Jinrongjie',
-          },
-          {
-            value: 'tianqiao',
-            label: 'Tianqiao',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    value: 'shanghai',
-    label: 'Shanghai',
-    children: [
-      {
-        value: 'huangpu',
-        label: 'Huangpu',
-      },
-    ],
-  },
-];
-
-export const formConfig: Form.FieldItem[] = [
-  {
-    field: 'basic',
-    label: '基本信息',
-    component: 'title',
-  },
-  {
-    field: 'name',
-    label: '姓名',
-    required: true,
-    component: 'input',
-    allowClear: true,
-    colProps: {
-      span: 20,
-      offset: 100,
-    },
-    rules: [{ required: true, message: 'name is required' }],
-  },
-  {
-    field: 'age',
-    label: '年龄',
-    required: true,
-    component: 'input',
-    allowClear: true,
-  },
-  {
-    field: 'hobby',
-    label: '爱好',
-    required: true,
-    component: 'input',
-  },
-  {
-    field: 'school',
-    label: '学校',
-    required: true,
-    component: 'input',
-  },
-  {
-    field: 'sex',
-    label: '性别',
-    required: true,
-    component: 'select',
-    lists: [
-      {
-        label: '男',
-        value: 'M',
-      },
-      {
-        label: '女',
-        value: 'F',
-      },
-    ],
-  },
-  {
-    field: 'birthTime',
-    label: '时间',
-    component: 'time',
-  },
-  {
-    field: 'birthDate',
-    label: '出生日期',
-    component: 'date',
-  },
-  {
-    field: 'rangeDate',
-    label: '日期范围',
-    component: 'rangeDate',
-  },
-  {
-    field: 'address',
-    label: '地址',
-    component: 'cascader',
-    options,
-  },
-  {
-    field: 'desc',
-    label: '自我介绍',
-    required: true,
-    component: 'input',
-  },
-  {
-    field: 'contact',
-    label: '联系信息',
-    component: 'title',
-  },
-  {
-    field: 'tel',
-    label: '联系电话',
-    component: 'input',
-  },
-  {
-    field: 'email',
-    label: '邮箱',
-    component: 'input',
-  },
-  {
-    field: 'relation',
-    label: '关系信息',
-    component: 'title',
-  },
-  {
-    field: 'relationTable',
-    label: '关系信息',
-    component: 'slot',
-  },
-];
diff --git a/src/views/components/form/index.vue b/src/views/components/form/index.vue
deleted file mode 100644
index 6ae6051..0000000
--- a/src/views/components/form/index.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <a-card class="mb-5">
-    <eo-form ref="formRef" :fieldList="fieldList" :model="model" @submit="handleSubmit" @change="handleChange">
-      <!-- <template #header> 基本表单header </template> -->
-      <!-- <template #footer>基本表单footer</template> -->
-
-      <!-- <template #buttons="{ model, formRef }">
-        <a-button @click="handleSubmit(model, formRef)">提交</a-button>
-      </template> -->
-
-      <!-- <template #relationTable>
-        <div>关系人slot</div>
-      </template> -->
-    </eo-form>
-    <a-space>
-      <a-button type="primary" @click="onSubmit">父组件提交</a-button>
-      <a-button @click="onSwith">启用/禁用</a-button>
-    </a-space>
-  </a-card>
-</template>
-<script lang="ts" setup>
-import EoForm from '@/components/wyg-form/index.vue';
-import { formConfig } from './config';
-import type { Form } from '@/components/wyg-form/interface';
-import type { Ref } from 'vue';
-
-const formRef = ref();
-
-let fieldList: Form.FieldItem[] = formConfig;
-const model = ref<Record<string, any>>({
-  name: '张三',
-  age: 18,
-});
-// 提交按钮在子组件
-const handleSubmit = (model: Record<string, any>) => {
-  console.log(model, 'model====');
-};
-// 提交按钮在父组件
-const onSubmit = async () => {
-  const res = await formRef?.value?.submit();
-  console.log(formRef, 'formRef====');
-  console.log(res, 'res====');
-};
-// 修改Form组件相关属性
-const status = ref(false);
-const onSwith = () => {
-  status.value = !status.value;
-  formRef?.value?.setForm({ disabled: !status.value });
-};
-
-const handleChange = (params: any) => {
-  const { key, val } = params;
-  if (key === 'sex') {
-    const required = val === 'F';
-    // 更新form配置
-    const updateList: any = [
-      {
-        field: 'school',
-        required: required,
-        disabled: !required,
-      },
-    ];
-    formRef?.value?.updateFieldsList(updateList);
-    formRef?.value?.setModel({ age: 26 });
-  }
-};
-</script>
diff --git a/src/views/components/table/columns.ts b/src/views/components/table/columns.ts
deleted file mode 100644
index 4e87466..0000000
--- a/src/views/components/table/columns.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * @Author: 田鑫
- * @Date: 2023-02-20 14:00:07
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-02-20 14:00:08
- * @Description:
- */
-import type { TableColumnData } from '@arco-design/web-vue';
-
-export const columnsData: TableColumnData[] = [
-  {
-    title: '测试表头1',
-    dataIndex: 'column1',
-  },
-  {
-    title: '测试表头2',
-    dataIndex: 'column2',
-  },
-  {
-    title: '测试表头3',
-    dataIndex: 'column3',
-  },
-  {
-    title: '测试表头4',
-    dataIndex: 'column4',
-  },
-  {
-    title: '测试表头5',
-    dataIndex: 'column5',
-  },
-  {
-    title: '操作',
-    dataIndex: '',
-    fixed: 'right',
-    width: 200,
-    slotName: 'opeartion',
-  },
-];
diff --git a/src/views/components/table/config.ts b/src/views/components/table/config.ts
deleted file mode 100644
index 1a9f53a..0000000
--- a/src/views/components/table/config.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import type { Form } from '../wyg-form/interface';
-export const options = [
-  {
-    value: 'beijing',
-    label: 'Beijing',
-    children: [
-      {
-        value: 'chaoyang',
-        label: 'ChaoYang',
-        children: [
-          {
-            value: 'datunli',
-            label: 'Datunli',
-          },
-        ],
-      },
-      {
-        value: 'haidian',
-        label: 'Haidian',
-      },
-      {
-        value: 'dongcheng',
-        label: 'Dongcheng',
-      },
-      {
-        value: 'xicheng',
-        label: 'Xicheng',
-        children: [
-          {
-            value: 'jinrongjie',
-            label: 'Jinrongjie',
-          },
-          {
-            value: 'tianqiao',
-            label: 'Tianqiao',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    value: 'shanghai',
-    label: 'Shanghai',
-    children: [
-      {
-        value: 'huangpu',
-        label: 'Huangpu',
-      },
-    ],
-  },
-];
-
-export const formConfig: Form.FieldItem[] = [
-  {
-    field: 'name',
-    label: '姓名',
-    required: true,
-    value: '波波',
-    component: 'input',
-    allowClear: true,
-    colProps: {
-      span: 20,
-      offset: 100,
-    },
-  },
-  {
-    field: 'age',
-    label: '年龄',
-    required: true,
-    value: '18',
-    component: 'input',
-    allowClear: true,
-  },
-  {
-    field: 'hobby',
-    label: '爱好',
-    required: true,
-    value: '',
-    component: 'input',
-  },
-  {
-    field: 'school',
-    label: '学校',
-    required: true,
-    value: '',
-    component: 'input',
-  },
-  {
-    field: 'sex',
-    label: '性别',
-    required: true,
-    component: 'select',
-    lists: [
-      {
-        label: '男',
-        value: 'M',
-      },
-      {
-        label: '女',
-        value: 'F',
-      },
-    ],
-  },
-  {
-    field: 'birthTime',
-    label: '时间',
-    component: 'time',
-  },
-  {
-    field: 'birthDate',
-    label: '出生日期',
-    component: 'date',
-  },
-  {
-    field: 'rangeDate',
-    label: '日期范围',
-    component: 'rangeDate',
-  },
-  {
-    field: 'address',
-    label: '地址',
-    component: 'cascader',
-    options,
-  },
-  {
-    field: 'desc',
-    label: '自我介绍',
-    required: true,
-    value: '',
-    component: 'input',
-  },
-];
diff --git a/src/views/components/table/index.md b/src/views/components/table/index.md
deleted file mode 100644
index e16d128..0000000
--- a/src/views/components/table/index.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Table 说明
-
-## 说明
-
-`<a-table v-bind="propsRes" v-on="propsEvent" ></a-table>`
-
-`复写a-table中原始的v-bind及v-on属性，propRes负责处理属性，propsEvent负责处理a-table的事件`
-
-`setProps：设置a-table的属性，类型为：IDefaultProps`
-
-`setColumns：设置table中columns的属性，类型为：TableColumnData[]`
-
-`setLoadListParams: 设置列表数据接口的请求参数，类型为自定义`
-
-`loadTableData：获取列表数据，返回列表参数`
-
-## 使用方式
-
-`<a-table v-bind="propsRes" v-on="propsEvent">`
-<br>
-`<template #xx></template> // 自定义插槽名称，在setColumns的传入值中设置`
-<br>
-`</a-table>`
-
-## 示例
-
-`具体参照table文件夹的示例`
diff --git a/src/views/components/table/index.vue b/src/views/components/table/index.vue
deleted file mode 100644
index 410c236..0000000
--- a/src/views/components/table/index.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<!--
- * @Author: 田鑫
- * @Date: 2023-02-20 13:58:48
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-02-28 12:05:03
- * @Description: table示例
--->
-
-<template>
-  <div>
-    <a-table v-bind="propsRes" v-on="propsEvent">
-      <template #opeartion="{ record }">
-        <div flex>
-          <a-link>编辑</a-link>
-          <ConfirmButton content="确定要删除该条数据吗？" popupType="error" @confirm-emit="deleteItem(record)">
-            <a-link>删除</a-link>
-          </ConfirmButton>
-          <a-link>下载</a-link>
-        </div>
-      </template>
-    </a-table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { fetchTableData, type IExample } from '@/api/example';
-import useTableProps from '@/hooks/table-hooks';
-import { Message } from '@arco-design/web-vue';
-import { columnsData } from './columns';
-
-const { propsRes, propsEvent, setProps, setColumns, setLoadListParams, loadTableData } =
-  useTableProps<IExample.ITableResponse>(fetchTableData);
-setProps({
-  'row-key': 'id',
-  'row-selection': {
-    type: 'checkbox',
-    showCheckedAll: true,
-  },
-  'selected-keys': [1, 2, 3],
-});
-setColumns(columnsData);
-onMounted(async () => {
-  await loadTableData();
-});
-
-function add() {
-  Message.info('=sa');
-}
-
-function deleteItem(record) {}
-</script>
-<style lang="scss" scoped></style>

From deea25055759721f4eedb59163dc629e9b2a844d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 28 Jul 2025 12:04:04 +0800
Subject: [PATCH 08/64] =?UTF-8?q?perf:=20=E4=BF=AE=E5=A4=8Drouter=E4=B8=BA?=
 =?UTF-8?q?null?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/_base/menu/use-menu-tree.ts | 2 +-
 src/stores/modules/user/index.ts           | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/_base/menu/use-menu-tree.ts b/src/components/_base/menu/use-menu-tree.ts
index 55010ad..9b18626 100644
--- a/src/components/_base/menu/use-menu-tree.ts
+++ b/src/components/_base/menu/use-menu-tree.ts
@@ -8,7 +8,7 @@ import { useSidebarStore } from '@/stores/modules/side-bar';
 
 export default function useMenuTree() {
   const router  = useRouter();
-  const appRoutes = router.options.routes;
+  const appRoutes = router.options?.routes ?? [];
 
   const sidebarStore = useSidebarStore();
   const appRoute = computed(() => {
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index 645eb9d..e94729e 100644
--- a/src/stores/modules/user/index.ts
+++ b/src/stores/modules/user/index.ts
@@ -1,4 +1,4 @@
-import { useRouter } from 'vue-router';
+import router from '@/router';
 import { defineStore } from 'pinia';
 import { fetchProfileInfo } from '@/api/all/login';
 import { useSidebarStore } from '@/stores/modules/side-bar';
@@ -78,10 +78,8 @@ export const useUserStore = defineStore('user', {
     },
     getUserAllowAccessRoutes() {
       const sidebarStore = useSidebarStore();
-      const router = useRouter();
-
       const menuList = sidebarStore.menuList;
-      const appRoutes = router.options.routes;
+      const appRoutes = router.options?.routes ?? [];
 
       appRoutes.forEach((route: any) => {
         if (!route.meta?.requiresAuth) {

From 6513fcf2ede44614e5428a243ac4a9ea0bb71f5a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 28 Jul 2025 17:55:04 +0800
Subject: [PATCH 09/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=88=97=E8=A1=A8=E3=80=81=E4=B8=8A=E4=BC=A0=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E3=80=81=E9=80=9A=E7=94=A8Textovertips=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 +
 .../icon-photo.png                            | Bin 0 -> 543 bytes
 .../icon-upload-fail.png                      | Bin 0 -> 4991 bytes
 .../icon-video.png                            | Bin 0 -> 513 bytes
 .../navbar/components/navbar-menu/index.vue   |   4 +-
 src/components/text-over-tips/index.vue       | 143 ++++++++
 src/main.ts                                   |  10 +-
 src/stores/modules/user/index.ts              |   2 +-
 src/styles/components/form.scss               |   5 +-
 src/styles/lib/reset.scss                     |  20 ++
 src/styles/vars.scss                          |  24 ++
 .../components/filter-block/index.vue         |  12 +-
 .../components/filter-block/style.scss        |  23 --
 .../components/filter-block/index.vue         |  36 +-
 .../components/filter-block/style.scss        |  23 --
 .../components/manuscript-table/constants.ts  |   9 +-
 .../components/manuscript-table/index.vue     |  46 ++-
 .../components/manuscript-table/style.scss    |   6 +
 .../upload-manascript-modal/index.vue         | 320 ++++++++++++++++++
 .../upload-manascript-modal/style.scss        |  31 ++
 .../manuscript/manuscript-list/constants.ts   |  61 +++-
 .../manuscript/manuscript-list/index.vue      |  66 +++-
 .../components/add-account-modal/index.vue    |   2 +-
 23 files changed, 733 insertions(+), 111 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-photo.png
 create mode 100644 src/assets/img/creative-generation-workshop/icon-upload-fail.png
 create mode 100644 src/assets/img/creative-generation-workshop/icon-video.png
 create mode 100644 src/components/text-over-tips/index.vue
 delete mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
 delete mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss

diff --git a/package.json b/package.json
index 01ea60b..23a94e5 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "axios": "^1.3.0",
     "dayjs": "^1.11.7",
     "echarts": "^5.6.0",
+    "element-resize-detector": "^1.2.4",
     "html2canvas": "^1.4.1",
     "jspdf": "^3.0.1",
     "lodash-es": "^4.17.21",
diff --git a/src/assets/img/creative-generation-workshop/icon-photo.png b/src/assets/img/creative-generation-workshop/icon-photo.png
new file mode 100644
index 0000000000000000000000000000000000000000..270b691549cac0559ea9fa1575af9f4907687229
GIT binary patch
literal 543
zcmV+)0^t3LP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0kla(K~#7F?NmEX
z!$1(7S=(vJ5nMn>89LG>H!wFKHy|YvC>BPd<OqQikQ>;Ylge!*km4hxBq+PXF0mcw
zYa(Jd_!ZXd%y{41ot*(F@!x^5QTJ_=qt=&Z3vz@c95B+m<K}Is)_NQes6FRRu0Q}5
z$9Ywn?G*tk5NQnM$AcUoPv0US6H*7&x8!;6mv<e=0X5%wkt)ozPtW?v4D71$$t(>F
zFRt4$!S)5!!!%~v1Q7eOZj<xj!wnQEKz4;9tj22r*n=VkAT7xw&lHLjz<}Gh=!zc@
z(d&ASdLy-wV?iDQ#!Wk9G;a%pE8y(nqj_(q<LZr6W_mybZ)YPXsQXVQ98*9n!Voa6
z7^{ADa)G)V^|cx#4UXJB^_><RfJ_1MdV3tf{SqQjcI>arw0=UKfJ~IR>AWoHS>*D1
z?PPmt*M?4m7=<KYXWiqx^vvG{_FM8~b2YLBX3m4f%;#>_yI_Zq9}Y6r0NYoREhQj}
zHv0dMGUQ>-hL5J4s3#z6mm%P|<S7}~a*k|xGrJ&flmbctX#pM-1OzsKbpaaj4&pM9
hBfZCnb)iIw2;Zq^sv#W0{yqQz002ovPDHLkV1jNL;qd?f

literal 0
HcmV?d00001

diff --git a/src/assets/img/creative-generation-workshop/icon-upload-fail.png b/src/assets/img/creative-generation-workshop/icon-upload-fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0b667eaf9eb07c3130f96fbb8725808a2a50a46
GIT binary patch
literal 4991
zcmV-_6M*cAP)<h;3K|Lk000e1NJLTq005x?005u}1^@s6WDN`x00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH6BJ2AK~#7F?VU}G
zTi11f&wb?R*F~pDpmYRH%rS~+V?i@OfC|dO6s!P6n@Xcaf!G_5T&G<Gu%y}rT4!OY
zfZYOhp;3VVZCrH58#`S^65OCbB#2(vaDfy<BVJTqc$i3$5+MdAiS79z`EKsH<fAwo
zKE5BGbKiaB{Q!cTA%~oK@0)Y(xqnZ9V;gdHbrSYZl%V04!1GGr!=oTzQax1ysqR~k
zL4Vy30c+}Yts6cTVhwy*0}p-*zF&i)R}%*gRUu>6=Vwc@E|#Q#S%H6-6j#MA|H9s@
z)fyN^z!;;2+g&ItQD#ASM?uP22$PHa!=VbEsDbo9P+wJGqfr$zGizV~6wq&o6)oR(
z*2ILIGcDp+NvNgUGcm6OII8~gc`zkhTu@A*ZqmO7VxlUhrfR^z`k&3+k^tq9rz`vZ
zd*uWeWaK53_wSSeyeHHnbsu`*ZKa~l&^49HD^w|b{Tp8`OWC|N;3aEH!ao3m6k!CB
z_wSbg{Abjo1<=t>LQW~GU%d=X{G0Bo)D2fb6s`;vA!YOBh*wO4VMZnr>QuXTVnLm#
z(~!T2mz0XSy&<L!EhqSyI8jhFi{aY-AFj-UL2@4nJ5f)_^B~Rt7iUBnZz?)sRI30K
zF2#zD(NR!!2*^b+Ol~7#tF0&Spq9abEDw?~P83u&RQA1XwkSbz7YUtwp)3G27gTgy
z?ki)AC@4T)f|Lx?@0goN*h;(2C2;b^WjT<MI|_dKr?a!d6Sva#J9=O_Sa8T++`X&>
zTm>g!5*F~7smQn__wT<P_2RTqaDafwBu2-m_pmx0%U|3(r;3h?V^naE<KO<t0(|<L
z!7ox#aPQmI3M3>#z<}9^x3N<~`QYxX>KnVPMh?p07>fG!w<2GYCJM$B5Qz*R)}>>4
z|K~3&0aw7K-l0)ZP~QfUA_^uDQ1?4Vy~dhIs0$C-{DFED8NMCysNc9A`I@9rFp+=)
z*1V?bzm33(NT}O>qPe1uh!c<yf93sw&wHgmTHEuzw__jkqykD`p4j_8(Ooo|O4zA<
zrN8Kk4|>GD{R5w$_={(8e&l652YT3Z0BHn#<cHN*lP)roP^aJB6StInk>T2r4l(^$
z=yTrTBl@PnbFgP(rPUX^6HWp3?*bX1M?GBnWoOsf^L?Wses9;=bG_d#seZ*<x@V#b
zZUOc01BOxmZO^Dbb{QN-kiU8W_5XSunyP(>@?msD0mT=;G~kEef;f0+(S(4AQ3-YT
z3&@L*1LWtQfxPoE$WI<X^Ji+X=JQYWW4vkbYxSC5^vT`3zjea(NuSa8o;vv`KvX-;
z7X1HvcX8w2{%L_*K*X4YwhO5H)Rc7o?GM%cs)``L1P;U(4`?C1!;iP`kAQ99Ki}p*
zzts1iY{zSd6c8~YVXFeRs{p|R+<fnbN>l&aig+;&I0rgPVv#U+3<_U)d~ljHfN22{
zb_rDkTxw6V&zx@YB1aN30);Gm?a54p%tAnfRYF@*Fbdar_a^w&_cM!lX($|j5{gPl
z6Db=Dn9YB9-nf7Wn}jw9i1Oh8zO7L&E?CeMzkUjeN=hy^zxzt$2n#|jAi^SH)&in*
zTT55iii@nkqNaH2X%-pRpZoL3*I@f~;xAuVF8;}xvp@*BgnAqphv70{R3cv#C?j@6
zQ>N*S=f62H6{CQ=|Mu1PC`@5NOijH3M373@o(H%BhQapC*3#n0%hwCG87EFXMN+_E
zK@xWSwhI^_Pl&1M3J^dhVS5b-u45>HK^ix%L*x3Jxhgm)K|u;9Piq;6A*?XzFCerx
zek#mSY*j)cVSA4kjDRID#JEPkFfc{$e(}|zqGIA9KHNKJvwmXOjhtvCG~5|I?$Iv{
z6h{{>Cr^Pf1T2a_JanPoQ*wTG^7G9?S$Gon0-6n54mz}iCJPaiuAvH##*N4s<6}(`
z)AKi<17ox&Jgm<jD>b*a%ANq+W^Z2ERT}V9o#miINvPX_I3>%#gjC&TQGHq1tM7=0
zB0WdZ8E^mK$7_xMuYySKf!>C0ND1%aTHq2eqlc5e`|8N``*Fh|V$c>R8gJLz(50T#
z+Uk(z7Z4lCdOXt!n3z_@drluiy7zltM?j+XxQ?8uBy4rZ@Q;Wz-n$7~n1Wpak{UdA
zcntAa4$GFRoGH&mupBgHB#hYCgaABf_5aLd;AJGiV>zsdK2bzP^m0(YwH!3DgsL65
z0L*FF3CP2+B2vr>m->nZQ1Ke7GHx#iO|<yEJt`8p#n>=l`^5>!2Oe9oSB<jF9fPD`
z=e0~YIDpa#5Ea#p_l^)y-CKmJxLV!Txt*vw=ANLMWKNqSJ$kjB8jAA<ED7yLob!W~
zxQ7#R4^CH`*OtzZ?oZf`f~&xU{sUigRj?`2cHi_H+QVA`*UTI~(vz|aGjYb26G+G#
z1vmcgIVYfDP#!%wfo}z1MNA!v+;}rqVbboBSpX*L-~SIMU<P1^b0fyqaYImUZSOpo
znANe*R*dM$2yQGmGw|3qV(i|P9ua-TfT$O6MnP;};A|L2w&)p2e3>XR8peo(d{Iyr
zBCZn796hSCbOrbr91RCb$QcE3Er@Fe+Jjye%a@kRVLN^y5s{E53St^=x^|#-@TTR)
zLfA7A66z~sl2doHqOF8AEemljY$MK43Ax6IG3+-9W^_1sh_%^z8gRnv?umtdPYsHM
z&j16w4PXZab*{ccp|8NYgT4~B8<Axo1|y&=M(l?z8io`o{Uf1lu&kV`^Y+d=2*D}*
zJnSq``b#K8->^9hE(+!g?7`rPhGIuEZ-<2PuHHDi1jN*T#5pwN;D9M}m3l`|c1FS?
zeOpj3jB!gfa|dVJu=|Uh5=tOX#kfJGBcJe`JMl#KSKB1ysEYOIi0c>3Elj)Hmb*Ky
zw?{%*C%?Fj|B>Ar7Ktw%1hN13AS?9etDCI^`+SqLXJS5hxP76MD4fQ8Oo^?jxOn<$
zC_eqy9RcOXw_)>@7eM~<9+*Hpb{KYj>jm(Re6{uY5AH$Z+MD`j8@SOt?r%eie0Vii
zFYF1D&tWU`hXVzi_|}WtA|Oh!`(NME_uS~u`p55e1k~R<a8UnF_`BH#;f@Or>FNgT
zNT_o(@wMh`O~qj+8l^-zI7JKu3~K^lbhZ(Olw1nhg%2a)o+5dButB(Dp9<XuI}qLm
z;}kJUz~J+3Y$IYyCTCxvjCbAXxD3Qd3sZ3%I7EyiV24kC3%0@1&+7{v_#R3qy`w+~
zOFM!9EIj<5{5bM;lp-b((Es=&ke^v7p*ol3?RyD55`ruNA-=^UBwMflORN)3Az~5%
z@psyK<!``N$j_+|I`BP|khmym-u@75MR&*i{a>+*m{dUhI~nRCN`p^-PIYmjC2UVx
zAVuC`+cAU$ZV^)nsD3A#Vaaa$CrYhI==mieL|?Ev2h+B=L>xr{5$yLRZ|6%tkkBgu
zA$giHLoMQ{3K&3sZkt|PLVtXUl73K$IO+l-{wEKB7TJ~%yhnkMJTB)PR>W}-5b=LT
zULpT}OF|(@uS4QnUX+B9R>W};P(vSJ+L4g@VmLWo*q%nju@O)qsnfB5NiTQ+gyem9
zg`^^mi-3sygt*s3GD!&Q`QPFriHMQ!H6j9X!IF+gWoajch$AN;Tbs}k$}l31Vg%%9
zYB>pGkVZt8g5%>PbYzZ`Fb0Vxqy|4@V5z{Uz#<{zbuo;SM!?R`IuT<LNLT|(_B{fl
zz%T-K-ebf>#4AD3z9Fo+bQ}VOfSvamArZx1;s7H93DpB2M0|nxzr`>~$AV2Q6|e&8
zrdB5s3MXMen#l+zmI~Mcd3(PT3Bms<5R%uzB<*Y%Q)^aiKupg7DN_ErosI=*B=o-g
z803v%r(=zahztRy)}G!kYCuTd(lOP1z;O^U>4mzZ5p4;5zXpVe>HI`O>Itc%E+YB4
zE%<?iUJVG*R|HRZMe!`)nh`y!B4QsQc{&zeTf%z12E>pzV2R<Ll0S+fdJGv(95__f
z5{j7_EKF)ZNa66~U@N%mm5C|&qb8z9eNF{b_4{_dAw?Ak@hol^np_i-R7Bjp)mF&Q
zsV{ZcVAozW{s%yacld~v{e^l>$bsnn|0w4JCJ_;LZ?$oMLOhpvPHEqCM<kS_kx+kz
zjnVLtY!)R^u35<fasgXZ^m}){+-z2Wn8Ms2gKglhSA#_0oDm&IMBG5##+|vmxnn@i
zMq_&<WGPOLp9C9ey!r2azi(nnew2td?%t0SzCvG=w4K|rd;c{cgryxp0G{aj>#ymk
z6M(z7npzX0MST9LZJ&=);_qamgt~oC-R~=*)BNkXj)@>|7h+1b@iG#@HA8|Tz;p`4
z&)azR8?7o`wNq{09JBDXCxIN#?*zQ<k#M7a6^Ox<Z1b!d-A2q%06ibkVgV8IRE+o&
zoq)GZ!gh|X03kXh&oVS>9Y!b|f0APewj!pcYQYzMruWNtfS4jjICmI<<=jcwR(teY
zV^RTPuwiRsf#Mhpj*zgNx8iokc1S3urtt+eAZFs!Q{c!Kg|D9i25LBIq5B&ltL@|)
zKnzQn?_dL`Z55Amq~e|3fFTkVmw|y@XU~Bn9~4h9U2Rkp7kj_eSHgDXQUPLI+b|!n
zMZun`I3RrSy8zPBlK|H?w4YsP&jS;En|a|9uGg2T*CXo>bkWdiuwRhr{M5wMq2+#0
zgi5G8uBE&J4B&s-C~cZFD&RR`%v6=ICnENu;VDpbo5Q7L>nNT)#n^*UxD@uxKnb}D
z6r_0av`fnt(FzPq6*0hazk(zn#;#oQ5-{P?vK`<#*!|+Gz(--ALy;1;M^GxjfJ@7E
zfaid5AYot>L}Knw$QKPUEn{26kqvn4@f`3`h;%2Ggq+b3!L~@AwhkE;nA?F!WE4aa
z?9^H~3ry%X$+y4b#+D6&0%ALmw@qG%l|f@msEuaoH`MQs2j$x@xkAMNK_SBYPai7^
zA_*d)VzY6PV-zI-Q}P7gkddPe9%E(!YjL9>l1M^5isA!Xk%AQFj&Y7%jy=1cJ+F^3
zGne8<K}0|b<o&z1)Lj`EX})_Cww4ybL5CLbIQvoy93xJ&C0nv|98iD@zzi-kbP<sb
zLjo!aCm<oIBy3I3maJ(R(IR5i?247t;IYGFXhuMpC=CasO2?g#ymxm+y~8XpBY*V(
zHeY*bWUixZidK)qcTDxcCQicv>C$n4D4gM}mOCF4^l7<%#Mq#C`k0vzP&<%34L|(x
zAyLs#)%$Q63{n67>(IDy9US54p*S3cGS!Tca6ueAl)8!>T0;Fh+`F>~LKs`c)VOgC
z8rR=qxe9rnLFsTZ0`FLG4{88I9Go7if~1jfb#)SUPuw!mKJ0v^YbS04=Vsz+M#D{(
z8f?_(f-T<CLLwm|@82(hXs)QxJP8JATz^xi=W&gSnMA)9HEai_sfK$YlMs>j@08VB
z-U7p5RIDo*oA2F(aU!GW*P;M(y*nwSg;YXBjixN9yCui~+y`-M>B`8bXp|2ZBxSZd
zV#q?I7jg*^6%jA0w|*Hi0wZD_3zrd-5xc5z6e-)aIoKgReGv#@kr2sRL`2K@Bh_BK
z^D*R^%p+e1dI1qO2@%s>H(_9!ZoGRlS8c{%b5YzM(2iA!JOU!D5+bUNxUBA;0Smwa
z#{Z}#q>cM%BPbm1^KIES%WtS5xdmW?T|&f$)Z9xTWOL<xEo4?*Jo<{LYG}<u@mdgc
zMn_>pLc~T9yFn3s)pqo6f2i(P*@_zMPVuH^^u-F<c0whCF9mmFOhUwV5xc?2hy@Lb
z*?PR%y2psQ{#jp1brjq8NbB(z4(J<xUHI}$>uV)lex{|F5fCvdA!2&MgCiAZ!*<Z(
zz_^5nd~kObn(zblumlc!z$sZ$o@uW$H~6s`p~sq`i9>uPaAXf&=1UaLP>cm9Ww=SL
zL!kfIjrtttT4qN~@EmN`Ph=q=l366|Mz<3^c-iy}oUsSfuMd|f$AQ!R8kXSFvtcq!
zzrAFZj(fp_(OM|OzlzTxG5XEfARuB*B<#jTMK&t9W}IpsAQe_h7|@=Zh@IOdaHPkQ
zwqF?5q~m_HI!yIaLh{R;jSX1&uGeR56%esH5_Z#0(HFsz896zif_qBZ((W5XZX^tF
zGDcEqkNZ|2C*)4T04L)PDtVJHAh!|*bjkPxj9UTI8tc7+7d^^D+6^Q35_Z$BrZF;>
zVYI2}3t+C-mxo<=ZUZAFVStW~vT+`Sz!l*o7!7Kzi=pQ`>h)tJCG18|8}n6Ulz>8(
zAzxI~U+@m->jdYotrwS(m#~{wgsjhk@aC12M@{aX6O)>1<6Tn`yb2rjtD}%=<1khd
z_M$g(+EYXk%Sz0n;LDOhF>6{j>3^WatHNfpGA`2fGS(7?p;LInFM;Qkw3wdvs1jvT
zPc;+mTlloITI)?z<=Wan6r<a(!4oy`{TdX#8hlo-jjM3|_#H~TSg9moD<1#=002ov
JPDHLkV1g+2A}Rm?

literal 0
HcmV?d00001

diff --git a/src/assets/img/creative-generation-workshop/icon-video.png b/src/assets/img/creative-generation-workshop/icon-video.png
new file mode 100644
index 0000000000000000000000000000000000000000..471861e32fd68331baf0dd3b4ed1af0f4c2a68ad
GIT binary patch
literal 513
zcmV+c0{;DpP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0hUQbK~#7F?UqYY
z!axv)|DNFhxq)~Ra4l#!fv^|B696ZWQe5K^u)sZ@K#qVnz`ZkVPa@?euc|y)m~W9x
z=27#frym2<{CDWsxVz#JGf%<rP!xncgYFk=TE$NhhF$K1d5Lm3=mwq7S9FLPRG|vn
zMtOL~7(Z^Xfr<&N4cpRM&BQAE$^?vk_Sj%zna9rN##q-q$SPn9;#U}TfVLii#9`6Q
zxE4hE%o_fPT9Yb(iFy%UJiqOjsR)@M18gO_Vo*s7#ayu=wAkn=oMmznFF<1W`AyG}
zfW-I=r3ql{kwT+^9deQ+;0r0lC6{6Z5L!rK+~GEIlH`Qm@Y0ME#$kv@C{ch5;K{K2
z-H#d?b@@S#$wyAo@_+|c%VEb}OCoxAiHH==q}`VgZK43OW<p;wk`Kl5(?Iwr289z-
z3#di_*@1Y^>~sPU7B5#>iNX|5tUfCfprM15?JBF%bm4?NZfNTIf-q#Ltvqi~1_Zgp
z{1q*C4U^aY_#If_X-zM|8M(=Y?u{KY^?o<4sfpwV@5_`t7oqKY00000NkvXXu0mjf
D+kx9l

literal 0
HcmV?d00001

diff --git a/src/components/_base/navbar/components/navbar-menu/index.vue b/src/components/_base/navbar/components/navbar-menu/index.vue
index 7c33508..8611b4c 100644
--- a/src/components/_base/navbar/components/navbar-menu/index.vue
+++ b/src/components/_base/navbar/components/navbar-menu/index.vue
@@ -27,9 +27,11 @@
 
 <script setup>
 import { useSidebarStore } from '@/stores/modules/side-bar';
-import router from '@/router';
+// import router from '@/router';
+import { useRouter } from 'vue-router';
 
 const sidebarStore = useSidebarStore();
+const router = useRouter();
 
 const selectedKey = computed(() => {
   return [String(sidebarStore.activeMenuId)];
diff --git a/src/components/text-over-tips/index.vue b/src/components/text-over-tips/index.vue
new file mode 100644
index 0000000..72230c1
--- /dev/null
+++ b/src/components/text-over-tips/index.vue
@@ -0,0 +1,143 @@
+<template>
+  <a-tooltip :disabled="isShowBtn || (!isShowBtn && disabled)" :placement="props.placement">
+    <template #content>
+      <div :style="contentStyle" class="tip-content">{{ props.context }}</div>
+    </template>
+    <div v-bind="$attrs" class="overflow-hidden">
+      <div ref="Text" :class="`${isShow ? '' : `line-${props.line}`} `" class="overflow-text">
+        {{ props.context }}
+      </div>
+      <div
+        v-if="isShowBtn && !disabled"
+        class="color-#8C8C8C flex items-center cursor-pointer mt-2px"
+        @click="
+          () => {
+            isShow = !isShow;
+          }
+        "
+      >
+        {{ isShow ? '收起' : '展开' }}
+        <icon-up size="16" :class="{ active: isShow }" class="ml-2px color-#8C8C8C" />
+      </div>
+    </div>
+  </a-tooltip>
+</template>
+
+<script setup>
+import { ref, reactive, toRefs, onBeforeMount, onMounted, watchEffect, computed, watch, nextTick } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import elementResizeDetectorMaker from 'element-resize-detector';
+
+const route = useRoute();
+const router = useRouter();
+const props = defineProps({
+  context: {
+    type: String,
+    default: '',
+  },
+  placement: {
+    type: String,
+    default: 'bottom',
+  },
+  line: {
+    type: Number,
+    default: 1,
+  },
+  maxHeight: {
+    type: [String, Number],
+    default: '',
+  },
+  maxWidth: {
+    type: [String, Number],
+    default: '',
+  },
+  isShowBtn: {
+    type: Boolean,
+    default: false,
+  },
+});
+const data = reactive({});
+const isShow = ref(false);
+const contentStyle = computed(() => {
+  let style = {
+    'max-height': props.maxHeight + 'px',
+    'max-width': props.maxWidth + 'px',
+    overflow: 'auto',
+    padding: '1px 0',
+  };
+  return props.maxHeight || props.maxWidth ? style : {};
+});
+const disabled = ref(true);
+const Text = ref(null);
+const textWidth = ref();
+watch(
+  [() => props.context, textWidth],
+  async () => {
+    if (props.context) {
+      await nextTick();
+      nextTick(() => {
+        if (props.line < 2) {
+          if (Text.value?.clientWidth < Text.value?.scrollWidth) {
+            disabled.value = false;
+          } else {
+            disabled.value = true;
+          }
+        } else {
+          if (Text.value?.clientHeight < Text.value?.scrollHeight) {
+            disabled.value = false;
+          } else {
+            disabled.value = true;
+          }
+        }
+      });
+    }
+  },
+  {
+    deep: true,
+    immediate: true,
+  },
+);
+onBeforeMount(() => {});
+onMounted(async () => {
+  await nextTick();
+  const erd = elementResizeDetectorMaker();
+  if (Text.value) {
+    erd.listenTo(Text.value, () => {
+      const _width = Text.value.getBoundingClientRect().width;
+      textWidth.value = _width;
+    });
+  }
+});
+watchEffect(() => {});
+defineExpose({
+  ...toRefs(data),
+});
+</script>
+<style scoped lang="scss">
+.overflow-text {
+  display: inline-block;
+  font-family: $font-family-regular;
+  width: 100%;
+  vertical-align: middle;
+  font-style: normal;
+  box-sizing: border-box;
+  white-space: pre-line;
+  &.line-1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &.line-2 {
+    @include multi-ellipsis(2);
+  }
+  &.line-3 {
+    @include multi-ellipsis(3);
+  }
+}
+.tip-content {
+  white-space: pre-line;
+}
+.active {
+  transform: rotate(-180deg);
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index bab185a..c88a324 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -6,8 +6,8 @@ import App from './App.vue';
 import router from './router';
 import store from './stores';
 
-import NoData from '@/components/no-data';
-import SvgIcon from "@/components/svg-icon";
+import NoData from '@/components/no-data/index.vue';
+import SvgIcon from '@/components/svg-icon/index.vue';
 
 import '@/api/index';
 import '@arco-design/web-vue/dist/arco.css'; // Arco 默认样式
@@ -15,7 +15,7 @@ import './core';
 
 import 'normalize.css';
 import 'uno.css';
-import 'virtual:svg-icons-register'
+import 'virtual:svg-icons-register';
 
 // import '@/styles/vars.css'; // 优先加载
 
@@ -24,6 +24,4 @@ const app = createApp(App);
 app.component('NoData', NoData);
 app.component('SvgIcon', SvgIcon);
 
-app.use(store);
-app.use(router);
-app.mount('#app');
+app.use(store).use(router).mount('#app');
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index e94729e..972eda7 100644
--- a/src/stores/modules/user/index.ts
+++ b/src/stores/modules/user/index.ts
@@ -79,7 +79,7 @@ export const useUserStore = defineStore('user', {
     getUserAllowAccessRoutes() {
       const sidebarStore = useSidebarStore();
       const menuList = sidebarStore.menuList;
-      const appRoutes = router.options?.routes ?? [];
+      const appRoutes = router.getRoutes();
 
       appRoutes.forEach((route: any) => {
         if (!route.meta?.requiresAuth) {
diff --git a/src/styles/components/form.scss b/src/styles/components/form.scss
index 8a5895c..0457555 100644
--- a/src/styles/components/form.scss
+++ b/src/styles/components/form.scss
@@ -1,6 +1,9 @@
 .arco-form {
   .arco-form-item {
-    margin-bottom: 16px !important;
+    margin-bottom: 0;
+    &:not(:last-child) {
+      margin-bottom: 16px !important;
+    }
     .arco-form-item-label-col {
       padding-right: 12px !important;
       .arco-form-item-label {
diff --git a/src/styles/lib/reset.scss b/src/styles/lib/reset.scss
index 5c3b861..00bdba2 100644
--- a/src/styles/lib/reset.scss
+++ b/src/styles/lib/reset.scss
@@ -23,3 +23,23 @@ p {
 a {
   text-decoration: none;
 }
+
+/* 滚动条样式 */
+::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+::-webkit-scrollbar-track-piece {
+  border-radius: 0;
+}
+
+::-webkit-scrollbar-thumb {
+  height: 10px;
+  background-color: #C9CDD4;
+  border-radius: 99px;
+  outline-offset: -2px;
+}
+::-webkit-scrollbar-button {
+  display: none;
+}
diff --git a/src/styles/vars.scss b/src/styles/vars.scss
index 573e1ee..8741cbe 100644
--- a/src/styles/vars.scss
+++ b/src/styles/vars.scss
@@ -74,3 +74,27 @@
 .arco-link {
   --color-primary-6: var(--arco-primary-6) !important;
 }
+
+.common-filter-wrap {
+  padding: 24px 24px 8px;
+  .filter-row {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    .filter-row-item {
+      display: flex;
+      align-items: center;
+      margin: 0 24px 16px 0;
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px;
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
index 4a884e2..edc1821 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
@@ -4,9 +4,9 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <div class="filter-wrap px-24px pt-12px pb-24px">
-    <div class="filter-row flex">
-      <div class="filter-row-item flex items-center">
+  <div class="common-filter-wrap">
+    <div class="filter-row">
+      <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
         <a-space size="medium">
           <a-input
@@ -23,7 +23,7 @@
           </a-input>
         </a-space>
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
             <icon-search />
@@ -64,7 +64,3 @@ const handleReset = () => {
   emits('reset');
 };
 </script>
-
-<style scoped lang="scss">
-@import './style.scss';
-</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
deleted file mode 100644
index dd08cb3..0000000
--- a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/style.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.filter-wrap {
-  .filter-row {
-    .filter-row-item {
-      &:not(:last-child) {
-        margin-right: 24px;
-      }
-      .label {
-        margin-right: 8px;
-        color: #211f24;
-        font-family: $font-family-regular;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        flex-shrink: 0;
-        line-height: 22px; /* 157.143% */
-      }
-      :deep(.arco-space-item) {
-        width: 100%;
-      }
-    }
-  }
-  
-}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
index 1aa957f..31678b6 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="filter-wrap px-24px py-24px">
-    <div class="filter-row flex mb-16px">
-      <div class="filter-row-item flex items-center">
+  <div class="common-filter-wrap">
+    <div class="filter-row">
+      <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
         <a-input
-          v-model="query.name"
+          v-model="query.title"
           class="!w-240px"
           placeholder="请输入内容稿件标题"
           size="medium"
@@ -16,15 +16,15 @@
           </template>
         </a-input>
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">所属项目</span>
         <CommonSelect placeholder="请选择所属项目" v-model="query.project_id" class="!w-166px" />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">序号</span>
         <a-space size="medium">
           <a-input
-            v-model="query.number"
+            v-model="query.uid"
             class="w-160px"
             placeholder="请输入序号"
             size="medium"
@@ -37,14 +37,12 @@
           </a-input>
         </a-space>
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <span class="label">审核状态</span>
-        <CommonSelect placeholder="请选择审核状态" v-model="query.status" class="!w-166px" />
+        <CommonSelect placeholder="请选择审核状态" v-model="query.audit_status" class="!w-166px" />
       </div>
-    </div>
-    <div class="filter-row flex">
-      <div class="filter-row-item flex items-center">
-        <span class="label">发布日期</span>
+      <div class="filter-row-item">
+        <span class="label">上传时间</span>
         <a-range-picker
           v-model="published_at"
           size="medium"
@@ -54,7 +52,7 @@
           @change="onDateChange"
         />
       </div>
-      <div class="filter-row-item flex items-center">
+      <div class="filter-row-item">
         <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
             <icon-search />
@@ -84,7 +82,7 @@ const props = defineProps({
 
 const emits = defineEmits('search', 'reset', 'update:query');
 
-const published_at = ref([]);
+const created_at = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -96,7 +94,7 @@ const handleSearch = () => {
 const onDateChange = (value) => {
   const [start, end] = value;
   const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
-  props.query.published_at = [
+  props.query.created_at = [
     dayjs(start).startOf('day').format(FORMAT_DATE),
     dayjs(end).endOf('day').format(FORMAT_DATE),
   ];
@@ -105,11 +103,7 @@ const onDateChange = (value) => {
 };
 
 const handleReset = () => {
-  published_at.value = [];
+  created_at.value = [];
   emits('reset');
 };
 </script>
-
-<style scoped lang="scss">
-@import './style.scss';
-</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
deleted file mode 100644
index dd08cb3..0000000
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/style.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.filter-wrap {
-  .filter-row {
-    .filter-row-item {
-      &:not(:last-child) {
-        margin-right: 24px;
-      }
-      .label {
-        margin-right: 8px;
-        color: #211f24;
-        font-family: $font-family-regular;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        flex-shrink: 0;
-        line-height: 22px; /* 157.143% */
-      }
-      :deep(.arco-space-item) {
-        width: 100%;
-      }
-    }
-  }
-  
-}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
index 649a3b3..dd2cdc4 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
@@ -4,6 +4,9 @@ export const TABLE_COLUMNS = [
     dataIndex: 'index',
     width: 120,
     fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
   },
   {
     title: '图片/视频',
@@ -12,12 +15,12 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '内容稿件标题',
-    dataIndex: 'name',
+    dataIndex: 'manuscript_name',
     width: 240,
   },
   {
     title: '所属项目',
-    dataIndex: 'name',
+    dataIndex: 'project_name',
     width: 240,
   },
   {
@@ -27,7 +30,7 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '审核状态',
-    dataIndex: 'media_account_count',
+    dataIndex: 'status',
     width: 180,
   },
   {
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
index c49dfa8..7e30b4c 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
@@ -11,7 +11,7 @@
     @sorter-change="handleSorterChange"
   >
     <template #empty>
-      <NoData text="暂无稿件"/>
+      <NoData text="暂无稿件" />
     </template>
     <template #columns>
       <a-table-column
@@ -38,14 +38,43 @@
         <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
           {{ exactFormatTime(record.create_at) }}
         </template>
+        <template v-else-if="column.dataIndex === 'manuscript_name'" #cell="{ record }">
+          <TextOverTips :context="record.name" :line="3" class="manuscript_name" />
+        </template>
+        <template v-else-if="column.dataIndex === 'project_name'" #cell="{ record }">
+          <TextOverTips :context="record.project_name" :line="3" />
+        </template>
+        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
+          <div
+            class="flex items-center w-fit h-28px px-8px rounded-2px"
+            :style="{ backgroundColor: getStatusInfo(record.status).backgroundColor }"
+          >
+            <span class="cts s1" :style="{ color: getStatusInfo(record.status).color }">{{
+              getStatusInfo(record.status).label
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'budget'" #cell="{ record }">
+          <div class="flex items-center">
+            <img :src="record.budget === 1 ? icon2 : icon3" width="16" height="16" class="mr-4px" />
+            <span class="cts" :class="record.budget === 1 ? '!color-#25C883' : '!color-#6D4CFE'">{{
+              record.budget === 1 ? '图文' : '视频'
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="['create_at', 'last_create_at'].includes(column.dataIndex)" #cell="{ record }">
+          {{ exactFormatTime(record[column.dataIndex]) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'picker'" #cell="{ record }">
+          <a-image :width="64" :height="64" :src="record.picker" class="rounded-6px" />
+        </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onEdit(record)">编辑</a-button>
+            <a-button type="outline" size="mini" class="mr-8px" @click="onEdit(record)">编辑</a-button>
             <a-button type="outline" size="mini" @click="onDetail(record)">详情</a-button>
           </div>
         </template>
-
         <template v-else #cell="{ record }">
           {{ formatTableField(column, record, true) }}
         </template>
@@ -58,8 +87,13 @@
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
+import { CHECK_STATUS } from '@/views/creative-generation-workshop/manuscript/manuscript-list/constants';
+
+import TextOverTips from '@/components/text-over-tips';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 
@@ -82,7 +116,11 @@ const onEdit = (item) => {
   emits('edit', item);
 };
 const onDetail = (item) => {
-  console.log('onDetail')
+  console.log('onDetail');
+};
+
+const getStatusInfo = (status) => {
+  return CHECK_STATUS.find((v) => v.value === status) ?? {};
 };
 </script>
 
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
index d1a16ec..47c40df 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
@@ -7,4 +7,10 @@
     font-weight: 400;
     line-height: 22px;
   }
+  :deep(.manuscript_name) {
+    cursor: pointer;
+    &:hover {
+      color: #6d4cfe;
+    }
+  }
 }
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
new file mode 100644
index 0000000..632252c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
@@ -0,0 +1,320 @@
+<script lang="jsx">
+import {
+  Modal,
+  Form,
+  FormItem,
+  Input,
+  RadioGroup,
+  Radio,
+  Upload,
+  Button,
+  Tooltip,
+  Message as AMessage,
+  Textarea,
+} from '@arco-design/web-vue';
+import { useClipboard } from '@vueuse/core';
+
+import TextOverTips from '@/components/text-over-tips';
+
+import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
+
+const INITIAL_FORM = {
+  linkUrl: '',
+  link: '',
+};
+const FORM_TASK_STATUS = {
+  default: 1, // 默认状态,
+  importLoading: 2, // 上传中
+  importFailed: 3, // 上传失败
+  importSuccess: 4, // 上传成功
+};
+
+export default {
+  setup(props, { emit, expose }) {
+    const update = inject('update');
+    const visible = ref(false);
+    const formRef = ref(null);
+    const uploadRef = ref(null);
+    const uploadType = ref('link');
+    const taskStatus = ref(FORM_TASK_STATUS.default);
+    const form = ref(cloneDeep(INITIAL_FORM));
+
+    const { copy, copied, isSupported } = useClipboard({ source: form.value.link });
+
+    const isLink = computed(() => uploadType.value === 'link'); // 链接上传
+    const isLocal = computed(() => uploadType.value === 'local'); // 本地上传
+    const isHandwrite = computed(() => uploadType.value === 'handwrite'); // 手写上传
+
+    const isDefaultTask = computed(() => taskStatus.value === FORM_TASK_STATUS.default);
+    const isImportLoadingTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importLoading);
+    const isImportFailedTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importFailed);
+    const isImportSuccessTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importSuccess);
+
+    const open = () => {
+      visible.value = true;
+    };
+    const reset = () => {
+      formRef.value?.resetFields?.();
+      uploadType.value = 'link';
+      taskStatus.value = FORM_TASK_STATUS.default;
+      form.value = cloneDeep(INITIAL_FORM);
+    };
+    const onClose = () => {
+      reset();
+      visible.value = false;
+    };
+
+    const onSubmit = async () => {
+      if (isHandwrite.value) {
+        if (!isSupported) {
+          AMessage.error('您的浏览器不支持复制，请手动复制！');
+        }
+        copy(form.value.link);
+        if (!copied) {
+          AMessage.error('复制失败，请手动复制！');
+        }
+        AMessage.success('复制成功！');
+        onClose();
+        return;
+      }
+
+      taskStatus.value = FORM_TASK_STATUS.importLoading;
+      setTimeout(() => {
+        taskStatus.value = FORM_TASK_STATUS.importSuccess;
+      }, 2000);
+    };
+    const onCancelUpload = () => {
+      console.log('onCancelUpload');
+      taskStatus.value = FORM_TASK_STATUS.default;
+      // onClose()
+    };
+
+    const handleUpload = async (file) => {
+      console.log('handleUpload11111', file);
+      taskStatus.value = FORM_TASK_STATUS.importLoading;
+      setTimeout(() => {
+        taskStatus.value = FORM_TASK_STATUS.importSuccess;
+      }, 2000);
+    };
+
+    const goEdit = () => {
+      console.log('goEdit 去稿件编辑页面');
+    };
+
+    const onDelete = (item) => {
+      console.log('onDelete', item);
+    };
+
+    const handleDownloadTemplate = async () => {
+      // const { code, data } = await getPlacementAccountsTemplateUrl();
+      // if (code === 200) {
+      //   window.open(data.download_url, '_blank');
+      // }
+    };
+    const getLink = () => {
+      return (
+        <FormItem label="链接地址">
+          <Textarea
+            v-model={form.value.linkUrl}
+            size="large"
+            placeholder="请输入..."
+            autoSize={{ minRows: 5, maxRows: 8 }}
+          />
+        </FormItem>
+      );
+    };
+
+    const getHandwrite = () => {
+      return (
+        <FormItem label="上传链接">
+          <Input v-model={form.value.link} placeholder="请输入..." size="large" />
+        </FormItem>
+      );
+    };
+
+    const getLocal = () => {
+      return (
+        <FormItem label="内容稿件">
+          <div class="flex flex-col w-full">
+            <Upload
+              ref="uploadRef"
+              action="/"
+              draggable
+              customRequest={handleUpload}
+              accept=".xlsx,.xls,.docx,.doc"
+              show-file-list={false}
+            >
+              {{
+                'upload-button': () => (
+                  <div class="upload-box">
+                    <icon-plus size="14" class="mb-16px" />
+                    <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                    <span class="tip">支持文档（文本+图）, 视频批量上传</span>
+                  </div>
+                ),
+              }}
+            </Upload>
+            <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
+              <icon-download size="14" class="mr-4px !color-#6D4CFE" />
+              <span class="cts color-#6D4CFE">下载示例文档</span>
+            </div>
+          </div>
+        </FormItem>
+      );
+    };
+
+    const renderFormContent = () => {
+      if (isDefaultTask.value) {
+        if (isLink.value) {
+          return getLink();
+        }
+        if (isHandwrite.value) {
+          return getHandwrite();
+        }
+        if (isLocal.value) {
+          return getLocal();
+        }
+      }
+
+      if (isImportLoadingTask.value) {
+        return (
+          <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+            <icon-loading size="48" class="!color-#6D4CFE mb-16px" />
+            <p class="tip !text-#768893">上传过程耗时可能较长，请耐心等待；</p>
+            <p class="tip !text-#768893">刷新页面将会终止本次数据的上传，请谨慎操作</p>
+          </div>
+        );
+      }
+
+      if (isImportFailedTask.value) {
+        return (
+          <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+            <img src={icon1} class="w-80px h-80px mb-16px" />
+            <p class="text mb-4px">上传失败</p>
+            <p class="tip !text-#768893">可能是网络不稳定导致，请检查网络后重试～</p>
+          </div>
+        );
+      }
+
+      if (isImportSuccessTask.value) {
+        return (
+          <div class="flex flex-col  py-12px max-h-540px  rounded-8px bg-#F7F8FA">
+            <span class="tip mb-8px px-12px fs-14px !text-left">共 30 个内容稿件</span>
+            <div class="flex-1 overflow-y-auto overflow-x-hidden px-12px">
+              {new Array(20).fill(0).map((v) => (
+                <div class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
+                  <div class="flex-1 overflow-hidden flex items-center mr-12px">
+                    <img width="32" height="32" class="rounded-3px  mr-8px" />
+                    <TextOverTips
+                      class="text"
+                      context="挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨"
+                    />
+                  </div>
+                  <icon-delete
+                    size="16px"
+                    class="color-#737478 cursor-pointer hover:!color-#211F24"
+                    onClick={onDelete}
+                  />
+                </div>
+              ))}
+            </div>
+          </div>
+        );
+      }
+    };
+
+    const renderFooterBtn = () => {
+      if (isImportLoadingTask.value) {
+        return (
+          <Button type="primary" size="medium" onClick={onCancelUpload}>
+            取消上传
+          </Button>
+        );
+      }
+
+      const getConfirmBtn = () => {
+        if (isDefaultTask.value) {
+          return (
+            <Button type="primary" size="medium" onClick={onSubmit}>
+              {isHandwrite.value ? '复制链接' : '确认'}
+            </Button>
+          );
+        }
+        if (isImportFailedTask.value) {
+          return (
+            <Button type="primary" size="medium" onClick={onClose}>
+              重新上传
+            </Button>
+          );
+        }
+        if (isImportSuccessTask.value) {
+          return (
+            <Button type="primary" size="medium" onClick={goEdit}>
+              确认
+            </Button>
+          );
+        }
+      };
+
+      return (
+        <>
+          <Button size="medium" onClick={onClose}>
+            取消
+          </Button>
+          {getConfirmBtn()}
+        </>
+      );
+    };
+
+    const getTitle = () => {
+      if (isDefaultTask.value) {
+        return '上传内容稿件';
+      } else if (isImportSuccessTask.value) {
+        return '上传内容稿件列表';
+      } else {
+        if (isLink.value) {
+          return '链接上传';
+        }
+        if (isLocal.value) {
+          return '本地批量上传';
+        }
+      }
+    };
+
+    expose({ open });
+
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title={getTitle()}
+        modal-class="upload-manuscript-modal"
+        width="500px"
+        mask-closable={false}
+        unmount-on-close
+        onClose={onClose}
+        footer={!(isDefaultTask.value && isLocal.value)}
+        v-slots={{
+          footer: () => renderFooterBtn(),
+        }}
+      >
+        <Form ref="formRef" model={form.value} layout="horizontal" auto-label-width>
+          {isDefaultTask.value && (
+            <FormItem label="上传方式">
+              <RadioGroup v-model={uploadType.value}>
+                <Radio value="link">链接上传</Radio>
+                <Radio value="local">本地上传</Radio>
+                <Radio value="handwrite">手写上传</Radio>
+              </RadioGroup>
+            </FormItem>
+          )}
+
+          {renderFormContent()}
+        </Form>
+      </Modal>
+    );
+  },
+};
+</script>
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss
new file mode 100644
index 0000000..494dff7
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss
@@ -0,0 +1,31 @@
+.upload-manuscript-modal {
+  .text {
+    color: var(--Text-1, #211f24);
+    text-align: center;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .tip {
+    color: var(--Text-3, #737478);
+    text-align: center;
+    font-family: $font-family-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+  .upload-box {
+    display: flex;
+    height: 120px;
+    padding: 0 16px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-radius: 2px;
+    border: 1px dashed var(--Border-1, #d7d7d9);
+    background: var(--BG-200, #f2f3f5);
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
index cf104c9..625fe79 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
@@ -1,9 +1,60 @@
 export const INITIAL_QUERY = {
-  name: '',
-  project_id: '',
-  number: '',
-  status: '',
-  published_at: [],
+  title: '',
+  project_ids: [],
+  uid: '',
+  audit_status: '',
+  created_at: [],
   sort_column: undefined,
   sort_order: undefined,
 };
+
+export enum EnumCheckStatus {
+  All = '',
+  Wait = 0,
+  Checking = 1, 
+  Passed = 2,
+}
+export enum EnumManuscriptType {
+  All = '',
+  Image = 1,
+  Video = 2,  
+}
+
+export const CHECK_STATUS = [
+  {
+    label: '全部',
+    value: EnumCheckStatus.All,
+  },
+  {
+    label: '待审核',
+    value: EnumCheckStatus.Wait,
+    backgroundColor: '#F2F3F5',
+    color: '#3C4043'
+  },
+  {
+    label: '审核中',
+    value: EnumCheckStatus.Checking,
+    backgroundColor: '#FFF7E5',
+    color: '#FFAE00'
+  },
+  {
+    label: '已通过',
+    value: EnumCheckStatus.Passed,
+    backgroundColor: '#EBF7F2',
+    color: '#25C883'
+  },
+];
+export const MANUSCRIPT_TYPE = [
+  {
+    label: '全部',
+    value: EnumManuscriptType.All,
+  },
+  {
+    label: '图片',
+    value: EnumManuscriptType.Image,
+  },
+  {
+    label: '视频',
+    value: EnumManuscriptType.Video,
+  },
+]
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
index 4c7b29b..0ef2c83 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
@@ -4,8 +4,10 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
         <div class="flex items-center">
-          <a-button type="outline" size="medium" class="mr-12px" @click="handleOpenAddProjectModal"> 分享内容稿件 </a-button>
-          <a-button type="primary" size="medium" @click="handleOpenAddProjectModal">
+          <a-button type="outline" size="medium" class="mr-12px" @click="handleOpenAddProjectModal">
+            分享内容稿件
+          </a-button>
+          <a-button type="primary" size="medium" @click="openUploadModal">
             <template #icon>
               <icon-plus size="16" />
             </template>
@@ -40,6 +42,7 @@
     </div>
 
     <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
+    <UploadManuscriptModal ref="uploadManuscriptModalRef" />
   </div>
 </template>
 <script lang="jsx" setup>
@@ -48,10 +51,14 @@ import { Button } from '@arco-design/web-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptTable from './components/manuscript-table';
 import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
+import UploadManuscriptModal from './components/upload-manascript-modal';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getProjects } from '@/api/all/propertyMarketing';
-import { INITIAL_QUERY } from './constants';
+import {
+  INITIAL_QUERY,
+  EnumCheckStatus,
+} from '@/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts';
 
 const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
@@ -64,18 +71,46 @@ const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } =
 const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
+const uploadManuscriptModalRef = ref(null);
 
 const getData = async () => {
-  const { page, page_size } = pageInfo.value;
-  const { code, data } = await getProjects({
-    ...query.value,
-    page,
-    page_size,
-  });
-  if (code === 200) {
-    dataSource.value = data?.data ?? [];
-    pageInfo.value.total = data.total;
-  }
+  dataSource.value = [
+    {
+      index: 1,
+      name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      status: EnumCheckStatus.Wait,
+      budget: 1,
+      create_at: 1753682671,
+    },
+    {
+      index: 2,
+      name: '内容稿件2',
+      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      status: EnumCheckStatus.Checking,
+      budget: 2,
+      create_at: 1753682672,
+    },
+    {
+      index: 3,
+      name: '内容稿件3',
+      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      status: EnumCheckStatus.Passed,
+      budget: 1,
+      create_at: 1753682673,
+    },
+  ];
+  pageInfo.value.total = 3;
+  // const { page, page_size } = pageInfo.value;
+  // const { code, data } = await getProjects({
+  //   ...query.value,
+  //   page,
+  //   page_size,
+  // });
+  // if (code === 200) {
+  //   dataSource.value = data?.data ?? [];
+  //   pageInfo.value.total = data.total;
+  // }
 };
 const handleSearch = () => {
   reload();
@@ -98,6 +133,9 @@ const handleSorterChange = (column, order) => {
 const handleOpenAddProjectModal = () => {
   console.log('handleOpenAddProjectModal');
 };
+const openUploadModal = () => {
+  uploadManuscriptModalRef.value?.open();
+};
 
 const handleDelete = (item) => {
   const { id, name } = item;
@@ -114,5 +152,5 @@ provide('update', getData);
 </script>
 
 <style scoped lang="scss">
-@import "./style.scss"
+@import './style.scss';
 </style>
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 7f0aa6e..028a821 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -308,7 +308,7 @@ const handleBatchImport = async () => {
     if (code === 200) {
       const id = genRandomId();
       showExportNotification(`正在导入“${file.value.name}”，请稍后...`, { id });
-      emit('startQueryTaskStatus', data.id, id);
+      emits('startQueryTaskStatus', data.id, id);
       onClose();
     } else {
       uploadStatus.value = UploadStatus.ERROR;

From 4e10e1db04449d7eed59d82be8e24951a2590b75 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 29 Jul 2025 12:00:20 +0800
Subject: [PATCH 10/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=88=97=E8=A1=A8=E3=80=81=E6=95=B4=E7=90=86=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E7=9B=AE=E5=BD=95=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Basic.vue                         |   3 +-
 src/layouts/Page.vue                          |   5 +-
 .../modules/creativeGenerationWorkshop.ts     |  41 +-
 src/router/typeings.d.ts                      |   1 +
 src/stores/modules/side-bar/constants.ts      |  10 +-
 src/styles/lib/variable.scss                  |   3 +
 .../components/filter-block/index.vue         |   0
 .../manuscript-check-table/constants.ts       |   0
 .../delete-manuscript-modal.vue               |   0
 .../manuscript-check-table/index.vue          |   0
 .../manuscript-check-table/style.scss         |   0
 .../{manuscript-check => check}/constants.ts  |   0
 .../{manuscript-check => check}/index.vue     |   0
 .../{manuscript-check => check}/style.scss    |   0
 .../manuscript/detail/index.vue               |   5 +
 .../manuscript/detail/style.scss              |   3 +
 .../manuscript/edit/index.vue                 | 248 ++++++++++++
 .../manuscript/edit/style.scss                |  61 +++
 .../components/filter-block/index.vue         |   0
 .../components/manuscript-table/constants.ts  |   2 +-
 .../delete-manuscript-modal.vue               |   0
 .../components/manuscript-table/index.vue     |  17 +-
 .../components/manuscript-table/style.scss    |   0
 .../upload-manascript-modal/index.vue         | 352 ++++++++++++++++++
 .../upload-manascript-modal/style.scss        |   0
 .../{manuscript-list => list}/constants.ts    |   0
 .../{manuscript-list => list}/index.vue       |   2 +-
 .../{manuscript-list => list}/style.scss      |   0
 .../upload-manascript-modal/index.vue         | 320 ----------------
 29 files changed, 730 insertions(+), 343 deletions(-)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/components/filter-block/index.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/components/manuscript-check-table/constants.ts (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/components/manuscript-check-table/delete-manuscript-modal.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/components/manuscript-check-table/index.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/components/manuscript-check-table/style.scss (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/constants.ts (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/index.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-check => check}/style.scss (100%)
 create mode 100644 src/views/creative-generation-workshop/manuscript/detail/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/detail/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/edit/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/edit/style.scss
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/components/filter-block/index.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/components/manuscript-table/constants.ts (98%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/components/manuscript-table/delete-manuscript-modal.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/components/manuscript-table/index.vue (88%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/components/manuscript-table/style.scss (100%)
 create mode 100644 src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/components/upload-manascript-modal/style.scss (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/constants.ts (100%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/index.vue (98%)
 rename src/views/creative-generation-workshop/manuscript/{manuscript-list => list}/style.scss (100%)
 delete mode 100644 src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue

diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 8f3f10d..4dbdd0d 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -108,7 +108,6 @@ provide('toggleDrawerMenu', () => {
 </template>
 
 <style scoped lang="scss">
-$nav-size-height: 72px;
 $layout-max-width: 1100px;
 
 .layout {
@@ -121,7 +120,7 @@ $layout-max-width: 1100px;
   left: 0;
   z-index: 100;
   width: 100%;
-  height: $nav-size-height;
+  height: $navbar-height;
 }
 .layout-sider {
   position: fixed;
diff --git a/src/layouts/Page.vue b/src/layouts/Page.vue
index 7a20384..6c37b62 100644
--- a/src/layouts/Page.vue
+++ b/src/layouts/Page.vue
@@ -8,6 +8,9 @@ const route = useRoute();
 const routerKey = computed(() => {
   return route.path + Math.random();
 });
+const showFooter = computed(() => {
+  return !(route.meta && route.meta.hideFooter);
+});
 /*** - end */
 </script>
 
@@ -19,7 +22,7 @@ const routerKey = computed(() => {
         <component :is="Component" :key="route.fullPath" />
       </keep-alive>
     </transition>
-    <view class="footer">
+    <view class="footer" v-if="showFooter">
       <view>闽公网安备 352018502850842号 闽ICP备20250520582号 © 2025小题科技，All Rights Reserved.</view>
       <view>* 数据通过公开渠道获取，灵机进行统计分析</view>
     </view>
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index fa2abbd..1e5aa4e 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -4,7 +4,7 @@ import { MENU_GROUP_IDS } from '@/router/constants';
 import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
 
 const COMPONENTS: AppRouteRecordRaw[] = [
-{
+  {
     path: '/manuscript',
     name: 'Manuscript',
     redirect: 'manuscript/list',
@@ -12,7 +12,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       locale: '内容稿件',
       icon: IconContentManuscript,
       requiresAuth: false,
-      requireLogin: true,
+      requireLogin: false,
       roles: ['*'],
       id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
     },
@@ -23,21 +23,48 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         meta: {
           locale: '内容稿件列表',
           requiresAuth: false,
-          requireLogin: true,
+          requireLogin: false,
           roles: ['*'],
         },
-        component: () => import('@/views/creative-generation-workshop/manuscript/manuscript-list/index.vue'),
+        component: () => import('@/views/creative-generation-workshop/manuscript/list/index.vue'),
       },
       {
-        path: 'check',
+        path: 'edit/:id',
+        name: 'ManuscriptEdit',
+        meta: {
+          locale: '账号详情',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/edit/index.vue'),
+      },
+      {
+        path: 'detail/:id',
+        name: 'ManuscriptDetail',
+        meta: {
+          locale: '账号详情',
+          requiresAuth: false,
+          requireLogin: false,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/detail/index.vue'),
+      },
+      {
+        path: 'check-list',
         name: 'ManuscriptCheck',
         meta: {
           locale: '内容稿件审核',
           requiresAuth: false,
-          requireLogin: true,
+          requireLogin: false,
           roles: ['*'],
         },
-        component: () => import('@/views/creative-generation-workshop/manuscript/manuscript-check/index.vue'),
+        component: () => import('@/views/creative-generation-workshop/manuscript/check/index.vue'),
       },
     ],
   },
diff --git a/src/router/typeings.d.ts b/src/router/typeings.d.ts
index de97cea..da972d7 100644
--- a/src/router/typeings.d.ts
+++ b/src/router/typeings.d.ts
@@ -14,6 +14,7 @@ declare module 'vue-router' {
     noAffix?: boolean; // if set true, the tag will not affix in the tab-bar
     ignoreCache?: boolean; // if set true, the page will not be cached
     hideSidebar?: boolean;
+    hideFooter?: boolean;
     requireLogin?: boolean; // 是否需要登陆才能访问
   }
 }
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index b04e2f7..c68b581 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -55,9 +55,9 @@ export const MENU_LIST = [
       {
         name: '内容稿件',
         routeName: 'ManuscriptList',
-        includeRouteNames: ['ManuscriptList', 'ManuscriptCheck'],
-      }
-    ]
+        includeRouteNames: ['ManuscriptList', 'ManuscriptCheck', 'ManuscriptEdit', 'ManuscriptDetail'],
+      },
+    ],
   },
   {
     id: MENU_GROUP_IDS.PROPERTY_ID,
@@ -101,9 +101,7 @@ export const MENU_LIST = [
       {
         name: '项目管理',
         routeName: 'ProjectList',
-        includeRouteNames: [
-          'ProjectList',
-        ],
+        includeRouteNames: ['ProjectList'],
       },
     ],
   },
diff --git a/src/styles/lib/variable.scss b/src/styles/lib/variable.scss
index fe28ae1..21ddc48 100644
--- a/src/styles/lib/variable.scss
+++ b/src/styles/lib/variable.scss
@@ -1,4 +1,7 @@
 
+$navbar-height: 72px; // 头部高度
+$sidebar-width: 220px; // 侧边栏菜单宽度
+
 // 汉字字体
 $font-family-regular: 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif;
 $font-family-medium: 'PingFangSC-Medium', 'Microsoft Yahei', Arial, sans-serif;
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/components/filter-block/index.vue
rename to src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/constants.ts
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/constants.ts
rename to src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/constants.ts
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/delete-manuscript-modal.vue
rename to src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/index.vue
rename to src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/components/manuscript-check-table/style.scss
rename to src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/constants.ts b/src/views/creative-generation-workshop/manuscript/check/constants.ts
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/constants.ts
rename to src/views/creative-generation-workshop/manuscript/check/constants.ts
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/index.vue
rename to src/views/creative-generation-workshop/manuscript/check/index.vue
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-check/style.scss
rename to src/views/creative-generation-workshop/manuscript/check/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
new file mode 100644
index 0000000..afcf76c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="manuscript-detail-wrap">
+    <div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-24px">详情</div>
+  </div>
+</template>
diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss
new file mode 100644
index 0000000..14cda51
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss
@@ -0,0 +1,3 @@
+.manuscript-edit-wrap {
+    
+}
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
new file mode 100644
index 0000000..5bc07b6
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -0,0 +1,248 @@
+<script lang="jsx">
+import {
+  Modal,
+  Form,
+  FormItem,
+  Input,
+  RadioGroup,
+  Radio,
+  Upload,
+  Button,
+  Message as AMessage,
+  Textarea,
+} from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+import CommonSelect from '@/components/common-select';
+
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { getProjectList } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
+
+const generateMockData = (count = 20) =>
+  Array.from({ length: count }, (_, i) => ({
+    id: `item-${i + 1}`,
+    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+    type: 1,
+  }));
+
+const INITIAL_FORM = {
+  title: '',
+  desc: '',
+  project_ids: [],
+  files: [],
+};
+
+export default {
+  setup(props, { emit, expose }) {
+    const formRef = ref(null);
+    const uploadRef = ref(null);
+    const form = ref(cloneDeep(INITIAL_FORM));
+    const projects = ref([]);
+
+    const rules = {
+      title: [{ required: true, message: '请输入标题' }],
+    };
+
+    const dataSource = generateMockData();
+    const onCancel = () => {
+      console.log('onCancel');
+    };
+    const onSubmit = () => {
+      console.log('onSubmit');
+    };
+    const handleUpload = (option) => {
+      console.log('handleUpload', option);
+      const {
+        fileItem: { file },
+      } = option;
+
+      // 验证文件类型
+      const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/webp'];
+      if (!allowedTypes.includes(file.type)) {
+        AMessage.error('只能上传图片文件！');
+        return;
+      }
+
+      // 验证文件大小 (5MB)
+      const maxSize = 5 * 1024 * 1024;
+      if (file.size > maxSize) {
+        AMessage.error('图片大小不能超过5MB！');
+        return;
+      }
+
+      // 验证文件数量
+      if (form.value.files.length >= 18) {
+        AMessage.error('最多只能上传18张图片！');
+        return;
+      }
+
+      // 模拟上传过程
+      setTimeout(() => {
+        const newFile = {
+          id: Date.now(),
+          name: file.name,
+          url: URL.createObjectURL(file),
+          size: file.size,
+          type: file.type,
+        };
+
+        form.value.files.push(newFile);
+        console.log(form.value.files);
+        AMessage.success('上传成功！');
+      }, 1000);
+    };
+
+    const handleDeleteFile = (index) => {
+      form.value.files.splice(index, 1);
+      AMessage.success('删除成功！');
+    };
+    const renderLeft = () => {
+      return (
+        <Form ref={formRef} model={form.value} rules={rules} layout="vertical" auto-label-width>
+          <FormItem label="标题" field="title" required>
+            <Input v-model={form.value.title} placeholder="请输入标题" size="large" class="w-500px" />
+          </FormItem>
+          <FormItem label="作品描述" field="desc">
+            <Textarea
+              v-model={form.value.desc}
+              placeholder="请输入作品描述"
+              size="large"
+              class="h-200px"
+              show-word-limit
+              max-length={1000}
+              auto-size={{ minRows: 7, maxRows: 9 }}
+            />
+          </FormItem>
+          <FormItem
+            field="files"
+            v-slots={{
+              label: () => (
+                <div class="flex items-center">
+                  <span class="cts !color-#211F24 mr-4px">图片</span>
+                  <span class="cts mr-8px">{`(${form.value.files.length}/18)`}</span>
+                  <span class="cts">第一张为首图，支持拖拽排序</span>
+                </div>
+              ),
+            }}
+          >
+            <div class="flex flex-col gap-16px">
+              {/* 已上传的图片列表 */}
+              {form.value.files.length > 0 && (
+                <div class="grid grid-cols-4 gap-12px">
+                  {form.value.files.map((file, index) => (
+                    <div key={file.id} class="relative group">
+                      <img
+                        src={file.url}
+                        alt={file.name}
+                        class="w-full h-120px object-cover rounded-8px border-1px border-#E6E6E8"
+                      />
+                      <div class="absolute top-8px right-8px opacity-0 group-hover:opacity-100 transition-opacity">
+                        <icon-delete
+                          size="16"
+                          class="color-#fff cursor-pointer bg-#000 bg-opacity-50 rounded-full p-4px"
+                          onClick={() => handleDeleteFile(index)}
+                        />
+                      </div>
+                      {index === 0 && (
+                        <div class="absolute top-8px left-8px">
+                          <span class="text-10px color-#fff bg-#6D4CFE px-4px py-2px rounded-4px">首图</span>
+                        </div>
+                      )}
+                    </div>
+                  ))}
+                </div>
+              )}
+
+              {/* 上传按钮 */}
+              {form.value.files.length < 18 && (
+                <Upload
+                  ref={uploadRef}
+                  action="/"
+                  draggable
+                  custom-request={handleUpload}
+                  accept=".jpg,.jpeg,.png,.gif,.webp"
+                  show-file-list={false}
+                  multiple
+                  limit={18 - form.value.files.length}
+                >
+                  {{
+                    'upload-button': () => (
+                      <div class="upload-box">
+                        <icon-plus size="14" class="mb-16px color-#3C4043" />
+                        <span class="cts !color-#211F24">上传图片</span>
+                      </div>
+                    ),
+                  }}
+                </Upload>
+              )}
+            </div>
+          </FormItem>
+          <FormItem label="所属项目" field="project_ids">
+            <CommonSelect
+              v-model={form.value.project_ids}
+              options={projects.value}
+              placeholder="请选择所属项目"
+              size="large"
+              class="w-280px"
+            />
+          </FormItem>
+        </Form>
+      );
+    };
+    const getProjects = async () => {
+      const { code, data } = await getProjectList();
+      if (code === 200) {
+        projects.value = data;
+      }
+    };
+
+    onMounted(() => {
+      getProjects();
+    });
+    return () => (
+      <>
+        <div class="manuscript-edit-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
+          <div class="left flex-1 overflow-y-auto p-24px">{renderLeft()}</div>
+          <div class="right  pt-24px pb-12px flex flex-col">
+            <div class="title flex items-center mb-24px px-24px">
+              <div class="w-3px h-16px bg-#6D4CFE rounded-2px mr-8px"></div>
+              <p class="cts bold !color-#211F24 !text-16px !lh-24px mr-8px">上传内容稿件列表</p>
+              <p class="cts">共30个</p>
+            </div>
+            <div class="flex-1 px-24px overflow-y-auto">
+              {dataSource.map((item) => (
+                <div key={item.id} class="mb-12px px-8px py-12px flex flex-col rounded-8px bg-#F7F8FA">
+                  <TextOverTips context={item.content} line={1} class="cts bold color-#211F24 mb-8px" />
+                  <div class="flex items-center">
+                    <img
+                      src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
+                      width="16"
+                      height="16"
+                      class="mr-4px"
+                    />
+                    <span class={`cts ${item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}`}>
+                      {item.type === EnumManuscriptType.Image ? '图文' : '视频'}
+                    </span>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">
+          <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+            取消上传
+          </Button>
+          <Button type="primary" size="medium" onClick={onSubmit}>
+            批量上传
+          </Button>
+        </div>
+      </>
+    );
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/edit/style.scss b/src/views/creative-generation-workshop/manuscript/edit/style.scss
new file mode 100644
index 0000000..1e7a19e
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/edit/style.scss
@@ -0,0 +1,61 @@
+$footer-height: 68px;
+.manuscript-edit-wrap {
+  height: calc(100% - 72px);
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .left {
+    .upload-box {
+      display: flex;
+      width: 100px;
+      height: 100px;
+      padding: 24px 16px;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border-radius: 8px;
+      border: 1px dashed var(--Border-1, #d7d7d9);
+      background: var(--BG-200, #f2f3f5);
+    }
+  }
+  .right {
+    border-left: 1px solid var(--Border-2, #e6e6e8);
+    width: 320px;
+    flex-shrink: 0;
+  }
+  
+  .upload-box {
+    display: flex;
+    height: 120px;
+    padding: 0 16px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-radius: 8px;
+    border: 1px dashed var(--Border-1, #d7d7d9);
+    background: var(--BG-200, #f2f3f5);
+    cursor: pointer;
+    transition: all 0.3s ease;
+    
+    &:hover {
+      border-color: var(--Primary-6, #6D4CFE);
+      background: var(--Primary-1, #f0f0ff);
+    }
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/components/filter-block/index.vue
rename to src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
similarity index 98%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
rename to src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
index dd2cdc4..bcd236d 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
@@ -62,7 +62,7 @@ export const TABLE_COLUMNS = [
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 160,
+    width: 180,
     fixed: 'right'
   },
 ];
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/delete-manuscript-modal.vue
rename to src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
similarity index 88%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
rename to src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index 7e30b4c..866537e 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -56,10 +56,17 @@
         </template>
         <template v-else-if="column.dataIndex === 'budget'" #cell="{ record }">
           <div class="flex items-center">
-            <img :src="record.budget === 1 ? icon2 : icon3" width="16" height="16" class="mr-4px" />
-            <span class="cts" :class="record.budget === 1 ? '!color-#25C883' : '!color-#6D4CFE'">{{
-              record.budget === 1 ? '图文' : '视频'
-            }}</span>
+            <img
+              :src="record.budget === EnumManuscriptType.Image ? icon2 : icon3"
+              width="16"
+              height="16"
+              class="mr-4px"
+            />
+            <span
+              class="cts"
+              :class="record.budget === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'"
+              >{{ record.budget === EnumManuscriptType.Image ? '图文' : '视频' }}</span
+            >
           </div>
         </template>
         <template v-else-if="['create_at', 'last_create_at'].includes(column.dataIndex)" #cell="{ record }">
@@ -87,7 +94,7 @@
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
-import { CHECK_STATUS } from '@/views/creative-generation-workshop/manuscript/manuscript-list/constants';
+import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
 
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/components/manuscript-table/style.scss
rename to src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
new file mode 100644
index 0000000..282ea8b
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
@@ -0,0 +1,352 @@
+<script lang="jsx">
+import {
+  Modal,
+  Form,
+  FormItem,
+  Input,
+  RadioGroup,
+  Radio,
+  Upload,
+  Button,
+  Message as AMessage,
+  Textarea,
+} from '@arco-design/web-vue';
+
+import TextOverTips from '@/components/text-over-tips';
+import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
+
+// 状态枚举
+const TASK_STATUS = {
+  DEFAULT: 1,
+  LOADING: 2,
+  FAILED: 3,
+  SUCCESS: 4,
+};
+
+const UPLOAD_TYPE = {
+  LINK: 'link',
+  LOCAL: 'local',
+  HANDWRITE: 'handwrite',
+};
+
+// 初始表单数据
+const INITIAL_FORM = {
+  linkUrl: '',
+  link: '',
+};
+
+// 模拟数据生成
+const generateMockData = (count = 20) =>
+  Array.from({ length: count }, (_, i) => ({
+    id: `item-${i + 1}`,
+    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+  }));
+
+export default {
+  setup(props, { emit, expose }) {
+    const update = inject('update');
+    const router = useRouter();
+
+    // 响应式状态
+    const visible = ref(false);
+    const formRef = ref(null);
+    const uploadType = ref(UPLOAD_TYPE.LINK);
+    const taskStatus = ref(TASK_STATUS.DEFAULT);
+    const form = ref(cloneDeep(INITIAL_FORM));
+    const uploadList = ref([]);
+    const totalCount = ref(0);
+
+    // 剪贴板功能
+    const { copy } = useClipboard({ source: form.value.link });
+
+    const isLink = computed(() => uploadType.value === UPLOAD_TYPE.LINK);
+    const isLocal = computed(() => uploadType.value === UPLOAD_TYPE.LOCAL);
+    const isHandwrite = computed(() => uploadType.value === UPLOAD_TYPE.HANDWRITE);
+    const isDefault = computed(() => taskStatus.value === TASK_STATUS.DEFAULT);
+
+    // 模态框标题
+    const getTitle = () => {
+      const titleMap = {
+        [TASK_STATUS.DEFAULT]: '上传内容稿件',
+        [TASK_STATUS.LOADING]: isLink.value ? '链接上传' : isLocal.value ? '本地批量上传' : '上传内容稿件',
+        [TASK_STATUS.FAILED]: isLink.value ? '链接上传' : isLocal.value ? '本地批量上传' : '上传内容稿件',
+        [TASK_STATUS.SUCCESS]: '上传内容稿件列表',
+      };
+      return titleMap[taskStatus.value];
+    };
+
+    // 重置状态
+    const reset = () => {
+      formRef.value?.resetFields?.();
+      uploadType.value = UPLOAD_TYPE.LINK;
+      taskStatus.value = TASK_STATUS.DEFAULT;
+      form.value = cloneDeep(INITIAL_FORM);
+      uploadList.value = [];
+      totalCount.value = 0;
+    };
+
+    // 打开模态框
+    const open = () => {
+      visible.value = true;
+    };
+
+    // 关闭模态框
+    const onClose = () => {
+      reset();
+      visible.value = false;
+    };
+
+    // 防抖提交
+    const debouncedSubmit = debounce(async () => {
+      if (isHandwrite.value) {
+        handleHandwriteSubmit();
+        return;
+      }
+
+      taskStatus.value = TASK_STATUS.LOADING;
+
+      // 模拟上传过程
+      setTimeout(() => {
+        taskStatus.value = TASK_STATUS.SUCCESS;
+        totalCount.value = 30;
+        uploadList.value = generateMockData();
+      }, 2000);
+    }, 300);
+
+    // 提交处理
+    const onSubmit = () => {
+      debouncedSubmit();
+    };
+
+    // 手写提交处理
+    const handleHandwriteSubmit = () => {
+      copy(form.value.link);
+      AMessage.success('复制成功！');
+      onClose();
+    };
+
+    // 取消上传
+    const onCancelUpload = () => {
+      taskStatus.value = TASK_STATUS.DEFAULT;
+      AMessage.info('已取消上传');
+    };
+
+    // 文件上传处理
+    const handleUpload = async (file) => {
+      console.log('handleUpload', file);
+      taskStatus.value = TASK_STATUS.LOADING;
+
+      setTimeout(() => {
+        taskStatus.value = TASK_STATUS.SUCCESS;
+        totalCount.value = 30;
+        uploadList.value = generateMockData();
+      }, 2000);
+    };
+
+    // 跳转编辑
+    const goEdit = () => {
+      router.push(`/manuscript/edit/1`);
+      onClose();
+    };
+
+    // 删除项目
+    const onDelete = (item) => {
+      console.log('onDelete', item);
+      uploadList.value = uploadList.value.filter((i) => i.id !== item.id);
+      totalCount.value = uploadList.value.length;
+      AMessage.success('删除成功');
+    };
+
+    // 下载模板
+    const handleDownloadTemplate = async () => {
+      AMessage.info('下载模板功能开发中...');
+    };
+
+    // 渲染链接上传表单
+    const renderLinkForm = () => (
+      <FormItem label="链接地址">
+        <Textarea
+          v-model={form.value.linkUrl}
+          size="large"
+          placeholder="请输入..."
+          autoSize={{ minRows: 5, maxRows: 8 }}
+        />
+      </FormItem>
+    );
+
+    // 渲染手写上传表单
+    const renderHandwriteForm = () => (
+      <FormItem label="上传链接">
+        <Input v-model={form.value.link} placeholder="请输入..." size="large" />
+      </FormItem>
+    );
+
+    // 渲染本地上传表单
+    const renderLocalForm = () => (
+      <FormItem label="内容稿件">
+        <div class="flex flex-col w-full">
+          <Upload
+            action="/"
+            draggable
+            customRequest={handleUpload}
+            accept=".xlsx,.xls,.docx,.doc"
+            show-file-list={false}
+          >
+            {{
+              'upload-button': () => (
+                <div class="upload-box">
+                  <icon-plus size="14" class="mb-16px" />
+                  <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                  <span class="tip">支持文档（文本+图）, 视频批量上传</span>
+                </div>
+              ),
+            }}
+          </Upload>
+          <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
+            <icon-download size="14" class="mr-4px !color-#6D4CFE" />
+            <span class="cts color-#6D4CFE">下载示例文档</span>
+          </div>
+        </div>
+      </FormItem>
+    );
+
+    // 渲染加载状态
+    const renderLoadingState = () => (
+      <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+        <icon-loading size="48" class="!color-#6D4CFE mb-16px" />
+        <p class="tip !text-#768893">上传过程耗时可能较长，请耐心等待；</p>
+        <p class="tip !text-#768893">刷新页面将会终止本次数据的上传，请谨慎操作</p>
+      </div>
+    );
+
+    // 渲染失败状态
+    const renderFailedState = () => (
+      <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+        <img src={icon1} class="w-80px h-80px mb-16px" />
+        <p class="text mb-4px">上传失败</p>
+        <p class="tip !text-#768893">可能是网络不稳定导致，请检查网络后重试～</p>
+      </div>
+    );
+
+    // 渲染成功状态
+    const renderSuccessState = () => (
+      <div class="flex flex-col py-12px max-h-540px rounded-8px bg-#F7F8FA">
+        <span class="tip mb-8px px-12px fs-14px !text-left">共 {totalCount.value} 个内容稿件</span>
+        <div class="flex-1 overflow-y-auto overflow-x-hidden px-12px">
+          {uploadList.value.map((item) => (
+            <div key={item.id} class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
+              <div class="flex-1 overflow-hidden flex items-center mr-12px">
+                <img width="32" height="32" class="rounded-3px mr-8px" />
+                <TextOverTips class="text" context={item.content} />
+              </div>
+              <icon-delete
+                size="16px"
+                class="color-#737478 cursor-pointer hover:!color-#211F24"
+                onClick={() => onDelete(item)}
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+    );
+
+    // 渲染表单内容
+    const renderFormContent = () => {
+      const contentMap = {
+        [TASK_STATUS.DEFAULT]: () => {
+          const formMap = {
+            [UPLOAD_TYPE.LINK]: renderLinkForm,
+            [UPLOAD_TYPE.HANDWRITE]: renderHandwriteForm,
+            [UPLOAD_TYPE.LOCAL]: renderLocalForm,
+          };
+          return formMap[uploadType.value]?.();
+        },
+        [TASK_STATUS.LOADING]: renderLoadingState,
+        [TASK_STATUS.FAILED]: renderFailedState,
+        [TASK_STATUS.SUCCESS]: renderSuccessState,
+      };
+
+      return contentMap[taskStatus.value]?.();
+    };
+
+    // 渲染底部按钮
+    const renderFooterButtons = () => {
+      const buttonMap = {
+        [TASK_STATUS.LOADING]: () => (
+          <Button type="primary" size="medium" onClick={onCancelUpload}>
+            取消上传
+          </Button>
+        ),
+        [TASK_STATUS.DEFAULT]: () => (
+          <>
+            <Button size="medium" onClick={onClose}>
+              取消
+            </Button>
+            <Button type="primary" size="medium" onClick={onSubmit}>
+              {isHandwrite.value ? '复制链接' : '确认'}
+            </Button>
+          </>
+        ),
+        [TASK_STATUS.FAILED]: () => (
+          <>
+            <Button size="medium" onClick={onClose}>
+              取消
+            </Button>
+            <Button type="primary" size="medium" onClick={onClose}>
+              重新上传
+            </Button>
+          </>
+        ),
+        [TASK_STATUS.SUCCESS]: () => (
+          <>
+            <Button size="medium" onClick={onClose}>
+              取消
+            </Button>
+            <Button type="primary" size="medium" onClick={goEdit}>
+              确认
+            </Button>
+          </>
+        ),
+      };
+
+      return buttonMap[taskStatus.value]?.();
+    };
+
+    expose({ open });
+
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title={getTitle()}
+        modal-class="upload-manuscript-modal"
+        width="500px"
+        mask-closable={false}
+        unmount-on-close
+        onClose={onClose}
+        footer={!(isDefault.value && isLocal.value)}
+        v-slots={{
+          footer: () => renderFooterButtons(),
+        }}
+      >
+        <Form ref="formRef" model={form.value} layout="horizontal" auto-label-width>
+          {isDefault.value && (
+            <FormItem label="上传方式">
+              <RadioGroup v-model={uploadType.value}>
+                <Radio value={UPLOAD_TYPE.LINK}>链接上传</Radio>
+                <Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
+                <Radio value={UPLOAD_TYPE.HANDWRITE}>手写上传</Radio>
+              </RadioGroup>
+            </FormItem>
+          )}
+
+          {renderFormContent()}
+        </Form>
+      </Modal>
+    );
+  },
+};
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/style.scss
rename to src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts b/src/views/creative-generation-workshop/manuscript/list/constants.ts
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts
rename to src/views/creative-generation-workshop/manuscript/list/constants.ts
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue b/src/views/creative-generation-workshop/manuscript/list/index.vue
similarity index 98%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
rename to src/views/creative-generation-workshop/manuscript/list/index.vue
index 0ef2c83..83a09ad 100644
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/index.vue
@@ -58,7 +58,7 @@ import { getProjects } from '@/api/all/propertyMarketing';
 import {
   INITIAL_QUERY,
   EnumCheckStatus,
-} from '@/views/creative-generation-workshop/manuscript/manuscript-list/constants.ts';
+} from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 
 const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/style.scss b/src/views/creative-generation-workshop/manuscript/list/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/manuscript-list/style.scss
rename to src/views/creative-generation-workshop/manuscript/list/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
deleted file mode 100644
index 632252c..0000000
--- a/src/views/creative-generation-workshop/manuscript/manuscript-list/components/upload-manascript-modal/index.vue
+++ /dev/null
@@ -1,320 +0,0 @@
-<script lang="jsx">
-import {
-  Modal,
-  Form,
-  FormItem,
-  Input,
-  RadioGroup,
-  Radio,
-  Upload,
-  Button,
-  Tooltip,
-  Message as AMessage,
-  Textarea,
-} from '@arco-design/web-vue';
-import { useClipboard } from '@vueuse/core';
-
-import TextOverTips from '@/components/text-over-tips';
-
-import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
-
-const INITIAL_FORM = {
-  linkUrl: '',
-  link: '',
-};
-const FORM_TASK_STATUS = {
-  default: 1, // 默认状态,
-  importLoading: 2, // 上传中
-  importFailed: 3, // 上传失败
-  importSuccess: 4, // 上传成功
-};
-
-export default {
-  setup(props, { emit, expose }) {
-    const update = inject('update');
-    const visible = ref(false);
-    const formRef = ref(null);
-    const uploadRef = ref(null);
-    const uploadType = ref('link');
-    const taskStatus = ref(FORM_TASK_STATUS.default);
-    const form = ref(cloneDeep(INITIAL_FORM));
-
-    const { copy, copied, isSupported } = useClipboard({ source: form.value.link });
-
-    const isLink = computed(() => uploadType.value === 'link'); // 链接上传
-    const isLocal = computed(() => uploadType.value === 'local'); // 本地上传
-    const isHandwrite = computed(() => uploadType.value === 'handwrite'); // 手写上传
-
-    const isDefaultTask = computed(() => taskStatus.value === FORM_TASK_STATUS.default);
-    const isImportLoadingTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importLoading);
-    const isImportFailedTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importFailed);
-    const isImportSuccessTask = computed(() => taskStatus.value === FORM_TASK_STATUS.importSuccess);
-
-    const open = () => {
-      visible.value = true;
-    };
-    const reset = () => {
-      formRef.value?.resetFields?.();
-      uploadType.value = 'link';
-      taskStatus.value = FORM_TASK_STATUS.default;
-      form.value = cloneDeep(INITIAL_FORM);
-    };
-    const onClose = () => {
-      reset();
-      visible.value = false;
-    };
-
-    const onSubmit = async () => {
-      if (isHandwrite.value) {
-        if (!isSupported) {
-          AMessage.error('您的浏览器不支持复制，请手动复制！');
-        }
-        copy(form.value.link);
-        if (!copied) {
-          AMessage.error('复制失败，请手动复制！');
-        }
-        AMessage.success('复制成功！');
-        onClose();
-        return;
-      }
-
-      taskStatus.value = FORM_TASK_STATUS.importLoading;
-      setTimeout(() => {
-        taskStatus.value = FORM_TASK_STATUS.importSuccess;
-      }, 2000);
-    };
-    const onCancelUpload = () => {
-      console.log('onCancelUpload');
-      taskStatus.value = FORM_TASK_STATUS.default;
-      // onClose()
-    };
-
-    const handleUpload = async (file) => {
-      console.log('handleUpload11111', file);
-      taskStatus.value = FORM_TASK_STATUS.importLoading;
-      setTimeout(() => {
-        taskStatus.value = FORM_TASK_STATUS.importSuccess;
-      }, 2000);
-    };
-
-    const goEdit = () => {
-      console.log('goEdit 去稿件编辑页面');
-    };
-
-    const onDelete = (item) => {
-      console.log('onDelete', item);
-    };
-
-    const handleDownloadTemplate = async () => {
-      // const { code, data } = await getPlacementAccountsTemplateUrl();
-      // if (code === 200) {
-      //   window.open(data.download_url, '_blank');
-      // }
-    };
-    const getLink = () => {
-      return (
-        <FormItem label="链接地址">
-          <Textarea
-            v-model={form.value.linkUrl}
-            size="large"
-            placeholder="请输入..."
-            autoSize={{ minRows: 5, maxRows: 8 }}
-          />
-        </FormItem>
-      );
-    };
-
-    const getHandwrite = () => {
-      return (
-        <FormItem label="上传链接">
-          <Input v-model={form.value.link} placeholder="请输入..." size="large" />
-        </FormItem>
-      );
-    };
-
-    const getLocal = () => {
-      return (
-        <FormItem label="内容稿件">
-          <div class="flex flex-col w-full">
-            <Upload
-              ref="uploadRef"
-              action="/"
-              draggable
-              customRequest={handleUpload}
-              accept=".xlsx,.xls,.docx,.doc"
-              show-file-list={false}
-            >
-              {{
-                'upload-button': () => (
-                  <div class="upload-box">
-                    <icon-plus size="14" class="mb-16px" />
-                    <span class="text mb-4px">点击或拖拽文件到此处上传</span>
-                    <span class="tip">支持文档（文本+图）, 视频批量上传</span>
-                  </div>
-                ),
-              }}
-            </Upload>
-            <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
-              <icon-download size="14" class="mr-4px !color-#6D4CFE" />
-              <span class="cts color-#6D4CFE">下载示例文档</span>
-            </div>
-          </div>
-        </FormItem>
-      );
-    };
-
-    const renderFormContent = () => {
-      if (isDefaultTask.value) {
-        if (isLink.value) {
-          return getLink();
-        }
-        if (isHandwrite.value) {
-          return getHandwrite();
-        }
-        if (isLocal.value) {
-          return getLocal();
-        }
-      }
-
-      if (isImportLoadingTask.value) {
-        return (
-          <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
-            <icon-loading size="48" class="!color-#6D4CFE mb-16px" />
-            <p class="tip !text-#768893">上传过程耗时可能较长，请耐心等待；</p>
-            <p class="tip !text-#768893">刷新页面将会终止本次数据的上传，请谨慎操作</p>
-          </div>
-        );
-      }
-
-      if (isImportFailedTask.value) {
-        return (
-          <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
-            <img src={icon1} class="w-80px h-80px mb-16px" />
-            <p class="text mb-4px">上传失败</p>
-            <p class="tip !text-#768893">可能是网络不稳定导致，请检查网络后重试～</p>
-          </div>
-        );
-      }
-
-      if (isImportSuccessTask.value) {
-        return (
-          <div class="flex flex-col  py-12px max-h-540px  rounded-8px bg-#F7F8FA">
-            <span class="tip mb-8px px-12px fs-14px !text-left">共 30 个内容稿件</span>
-            <div class="flex-1 overflow-y-auto overflow-x-hidden px-12px">
-              {new Array(20).fill(0).map((v) => (
-                <div class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
-                  <div class="flex-1 overflow-hidden flex items-center mr-12px">
-                    <img width="32" height="32" class="rounded-3px  mr-8px" />
-                    <TextOverTips
-                      class="text"
-                      context="挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨"
-                    />
-                  </div>
-                  <icon-delete
-                    size="16px"
-                    class="color-#737478 cursor-pointer hover:!color-#211F24"
-                    onClick={onDelete}
-                  />
-                </div>
-              ))}
-            </div>
-          </div>
-        );
-      }
-    };
-
-    const renderFooterBtn = () => {
-      if (isImportLoadingTask.value) {
-        return (
-          <Button type="primary" size="medium" onClick={onCancelUpload}>
-            取消上传
-          </Button>
-        );
-      }
-
-      const getConfirmBtn = () => {
-        if (isDefaultTask.value) {
-          return (
-            <Button type="primary" size="medium" onClick={onSubmit}>
-              {isHandwrite.value ? '复制链接' : '确认'}
-            </Button>
-          );
-        }
-        if (isImportFailedTask.value) {
-          return (
-            <Button type="primary" size="medium" onClick={onClose}>
-              重新上传
-            </Button>
-          );
-        }
-        if (isImportSuccessTask.value) {
-          return (
-            <Button type="primary" size="medium" onClick={goEdit}>
-              确认
-            </Button>
-          );
-        }
-      };
-
-      return (
-        <>
-          <Button size="medium" onClick={onClose}>
-            取消
-          </Button>
-          {getConfirmBtn()}
-        </>
-      );
-    };
-
-    const getTitle = () => {
-      if (isDefaultTask.value) {
-        return '上传内容稿件';
-      } else if (isImportSuccessTask.value) {
-        return '上传内容稿件列表';
-      } else {
-        if (isLink.value) {
-          return '链接上传';
-        }
-        if (isLocal.value) {
-          return '本地批量上传';
-        }
-      }
-    };
-
-    expose({ open });
-
-    return () => (
-      <Modal
-        v-model:visible={visible.value}
-        title={getTitle()}
-        modal-class="upload-manuscript-modal"
-        width="500px"
-        mask-closable={false}
-        unmount-on-close
-        onClose={onClose}
-        footer={!(isDefaultTask.value && isLocal.value)}
-        v-slots={{
-          footer: () => renderFooterBtn(),
-        }}
-      >
-        <Form ref="formRef" model={form.value} layout="horizontal" auto-label-width>
-          {isDefaultTask.value && (
-            <FormItem label="上传方式">
-              <RadioGroup v-model={uploadType.value}>
-                <Radio value="link">链接上传</Radio>
-                <Radio value="local">本地上传</Radio>
-                <Radio value="handwrite">手写上传</Radio>
-              </RadioGroup>
-            </FormItem>
-          )}
-
-          {renderFormContent()}
-        </Form>
-      </Modal>
-    );
-  },
-};
-</script>
-<style lang="scss">
-@import './style.scss';
-</style>

From d8a4fc73e23b518e77466eaddd494d67414f24db Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 29 Jul 2025 18:12:25 +0800
Subject: [PATCH 11/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=8A=E4=BC=A0=E3=80=81=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/unplugin/auto-import.ts                |   2 +-
 .../icon-close.png                            | Bin 0 -> 604 bytes
 src/components/text-over-tips/index.vue       |   7 +-
 .../modules/creativeGenerationWorkshop.ts     |  16 +-
 .../manuscript/components/edit-form/index.vue | 255 ++++++++++++++++
 .../manuscript/edit/cancel-edit-modal.vue     |  34 +++
 .../manuscript/edit/index.vue                 | 289 +++++-------------
 .../manuscript/edit/style.scss                |  40 +--
 .../components/manuscript-table/index.vue     |   4 +-
 .../upload-manascript-modal/index.vue         |   6 +-
 .../manuscript/list/index.vue                 |   4 -
 .../manuscript/upload/cancel-upload-modal.vue |  38 +++
 .../manuscript/upload/index.vue               | 225 ++++++++++++++
 .../manuscript/upload/style.scss              |  28 ++
 .../upload/upload-success-modal.vue           |  63 ++++
 15 files changed, 739 insertions(+), 272 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-close.png
 create mode 100644 src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/edit/cancel-edit-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/upload/cancel-upload-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/upload/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/upload/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue

diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index 7778cc9..3b4b32f 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -16,7 +16,7 @@ export function configAutoImport() {
       '@vueuse/core',
       {
         dayjs: [['default', 'dayjs']],
-        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'uniq', 'isNumber', 'uniqBy', 'isEmpty', 'merge', 'debounce'],
+        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'uniq', 'isNumber', 'uniqBy', 'isEmpty', 'merge', 'debounce', 'isEqual'],
         '@/hooks': ['useModal'],
       },
     ],
diff --git a/src/assets/img/creative-generation-workshop/icon-close.png b/src/assets/img/creative-generation-workshop/icon-close.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c06dc57a3d599ba8a09e2958e96e79c818f725a
GIT binary patch
literal 604
zcmV-i0;BzjP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0r5#hK~#7F?N`xp
zgD?ygz5FsjGe8!|0L=g-3-q51(Ej)GUj_(cGz^dhvOoq11290U7vwtwMm8?}YTum>
z5&`eomSmaeuOp!d-0%04FDtesTO)Q&lBA)D2o}JkAj{acY|kT))od5GlEvI;4goUS
zHzA*bDnv-)Az$<5lP#q<U`7fSai*yPm>g66LG$3iB2E-4fXO%1j(kq+S;U2W0wmau
zG#+TNK!)u4neya#F#iQ|zyvdm3b0a5Llfx(GUix~3ZQoM8W7d5Y^B3jim&#3W2*^R
zkH7aA9RlgbR`x_7-%ZZ%NuP-q`^UoENWsz89{$V_gOJ}Lb8kJDkzO~JSZY(C7M5d0
ze&irEggs&m0!!#yMgRkS2(XtRwA$rDM3Lmc(%i%dm;;SVK+x_*5^()L9f3Jnz?J;y
zkYn2I<(MGiIuIZwQp;iZE1R6!HSfnnMS2?6b~*0XfwS@=V&sSvas*s1vtjlTEuK0X
zQfD)g4}6i1Mj_CA20Ob+>CAvQD$fVfNFPx3J0#a`Sdf2Hi2>qk5TFAA5+Lt1KMGfW
z=$ZkN&gDS!;V{-0`kK-WwM|59gYuY7S1T4IKtv!jka96?dEq;(Og)%D2zmzXU~*<V
qF>y#`{qfN(6+>{<p{JpL*!TuMZn){l_pycm0000<MNUMnLSTZsmHjLL

literal 0
HcmV?d00001

diff --git a/src/components/text-over-tips/index.vue b/src/components/text-over-tips/index.vue
index 72230c1..0460cc2 100644
--- a/src/components/text-over-tips/index.vue
+++ b/src/components/text-over-tips/index.vue
@@ -3,8 +3,8 @@
     <template #content>
       <div :style="contentStyle" class="tip-content">{{ props.context }}</div>
     </template>
-    <div v-bind="$attrs" class="overflow-hidden">
-      <div ref="Text" :class="`${isShow ? '' : `line-${props.line}`} `" class="overflow-text">
+    <div class="overflow-hidden">
+      <div v-bind="$attrs" ref="Text" :class="`${isShow ? '' : `line-${props.line}`} `" class="overflow-text">
         {{ props.context }}
       </div>
       <div
@@ -25,11 +25,8 @@
 
 <script setup>
 import { ref, reactive, toRefs, onBeforeMount, onMounted, watchEffect, computed, watch, nextTick } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
 import elementResizeDetectorMaker from 'element-resize-detector';
 
-const route = useRoute();
-const router = useRouter();
 const props = defineProps({
   context: {
     type: String,
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index 1e5aa4e..ed40761 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -28,6 +28,20 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         },
         component: () => import('@/views/creative-generation-workshop/manuscript/list/index.vue'),
       },
+      {
+        path: 'upload/:id',
+        name: 'ManuscriptUpload',
+        meta: {
+          locale: '稿件上传',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/upload/index.vue'),
+      },
       {
         path: 'edit/:id',
         name: 'ManuscriptEdit',
@@ -46,7 +60,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'detail/:id',
         name: 'ManuscriptDetail',
         meta: {
-          locale: '账号详情',
+          locale: '稿件详情',
           requiresAuth: false,
           requireLogin: false,
           roles: ['*'],
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
new file mode 100644
index 0000000..24396c9
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -0,0 +1,255 @@
+<script lang="jsx">
+import { Form, FormItem, Input, Textarea, Upload, Message as AMessage } from '@arco-design/web-vue';
+import CommonSelect from '@/components/common-select';
+import { VueDraggable } from 'vue-draggable-plus';
+
+import { getProjectList } from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
+
+// 初始表单数据
+// const INITIAL_FORM = {
+//   title: '',
+//   desc: '',
+//   project_ids: [],
+//   files: [],
+// };
+
+// 表单验证规则
+const FORM_RULES = {
+  title: [{ required: true, message: '请输入标题' }],
+};
+
+export default {
+  name: 'ManuscriptForm',
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {},
+    },
+    rules: {
+      type: Object,
+      default: () => FORM_RULES,
+    },
+  },
+  emits: ['reValidate', 'change'],
+  setup(props, { emit, expose }) {
+    const formRef = ref(null);
+    const uploadRef = ref(null);
+    const projects = ref([]);
+
+    // 文件上传处理
+    const handleUpload = (option) => {
+      const {
+        fileItem: { file },
+      } = option;
+
+      // 验证文件类型
+      const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/webp'];
+      if (!allowedTypes.includes(file.type)) {
+        AMessage.error('只能上传图片文件！');
+        return;
+      }
+
+      // 验证文件大小 (5MB)
+      const maxSize = 5 * 1024 * 1024;
+      if (file.size > maxSize) {
+        AMessage.error('图片大小不能超过5MB！');
+        return;
+      }
+
+      // 验证文件数量
+      if (props.modelValue.files?.length >= 18) {
+        AMessage.error('最多只能上传18张图片！');
+        return;
+      }
+      const newFile = {
+        id: Date.now(),
+        name: file.name,
+        url: URL.createObjectURL(file),
+        size: file.size,
+        type: file.type,
+      };
+
+      props.modelValue.files.push(newFile);
+      emit('change');
+    };
+
+    // 删除文件
+    const handleDeleteFile = (index) => {
+      props.modelValue.files.splice(index, 1);
+      emit('change');
+      AMessage.success('删除成功！');
+    };
+
+    // 获取项目列表
+    const getProjects = async () => {
+      try {
+        const { code, data } = await getProjectList();
+        if (code === 200) {
+          projects.value = data;
+        }
+      } catch (error) {
+        console.error('获取项目列表失败:', error);
+      }
+    };
+
+    // 表单验证
+    const validate = () => {
+      return new Promise((resolve, reject) => {
+        formRef.value?.validate((errors) => {
+          if (errors) {
+            reject(props.modelValue);
+          } else {
+            resolve();
+          }
+        });
+      });
+    };
+
+    // 重置表单
+    const resetForm = () => {
+      formRef.value?.resetFields?.();
+      formRef.value?.clearValidate?.();
+    };
+
+    // 暴露方法
+    expose({
+      validate,
+      resetForm,
+    });
+
+    // 组件挂载时获取项目列表
+    onMounted(() => {
+      getProjects();
+    });
+
+    return () => (
+      <Form ref={formRef} model={props.modelValue} rules={props.rules} layout="vertical" auto-label-width>
+        <FormItem label="标题" field="title" required>
+          <Input
+            v-model={props.modelValue.title}
+            onChange={() => {
+              emit('change');
+              emit('reValidate');
+            }}
+            placeholder="请输入标题"
+            size="large"
+            class="!w-500px"
+          />
+        </FormItem>
+
+        <FormItem label="作品描述" field="desc">
+          <Textarea
+            v-model={props.modelValue.desc}
+            onChange={() => emit('change')}
+            placeholder="请输入作品描述"
+            size="large"
+            class="h-200px !w-784px"
+            show-word-limit
+            max-length={1000}
+            auto-size={{ minRows: 7, maxRows: 9 }}
+          />
+        </FormItem>
+
+        <FormItem
+          field="files"
+          v-slots={{
+            label: () => (
+              <div class="flex items-center">
+                <span class="cts !color-#211F24 mr-4px">图片</span>
+                <span class="cts mr-8px">{`(${props.modelValue.files?.length ?? 0}/18)`}</span>
+                <span class="cts">第一张为首图，支持拖拽排序</span>
+              </div>
+            ),
+          }}
+        >
+          <div>
+            <div class="">
+              {/* 已上传的图片列表 */}
+              <VueDraggable v-model={props.modelValue.files} class="grid grid-cols-7 gap-8px">
+                {props.modelValue.files?.map((file, index) => (
+                  <div key={file.id} class="group relative cursor-move">
+                    <img
+                      src={file.url}
+                      alt={file.name}
+                      class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8"
+                    />
+                    <img
+                      src={icon1}
+                      width={16}
+                      height={16}
+                      class="absolute top-2px right-2px cursor-pointer hidden group-hover:block"
+                      onClick={() => handleDeleteFile(index)}
+                    />
+                  </div>
+                ))}
+              </VueDraggable>
+            </div>
+            {props.modelValue.files?.length < 18 && (
+              <Upload
+                class="not-draggable"
+                ref={uploadRef}
+                action="/"
+                draggable
+                custom-request={handleUpload}
+                accept=".jpg,.jpeg,.png,.gif,.webp"
+                show-file-list={false}
+                multiple
+                limit={18 - props.modelValue.files?.length}
+              >
+                {{
+                  'upload-button': () => (
+                    <div class="upload-box">
+                      <icon-plus size="14" class="mb-16px color-#3C4043" />
+                      <span class="cts !color-#211F24">上传图片</span>
+                    </div>
+                  ),
+                }}
+              </Upload>
+            )}
+          </div>
+        </FormItem>
+
+        <FormItem label="所属项目" field="project_ids">
+          <CommonSelect
+            v-model={props.modelValue.project_ids}
+            onChange={() => emit('change')}
+            options={projects.value}
+            placeholder="请选择所属项目"
+            size="large"
+            class="!w-280px"
+          />
+        </FormItem>
+      </Form>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.upload-box {
+  display: flex;
+  width: 100px;
+  height: 100px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px dashed var(--Border-1, #d7d7d9);
+  background: var(--BG-200, #f2f3f5);
+  &:hover {
+    background: var(--Primary-1, #e6e6e8);
+  }
+}
+.group {
+  cursor: move;
+  border-radius: 8px;
+  &:hover {
+    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
+      url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/edit/cancel-edit-modal.vue b/src/views/creative-generation-workshop/manuscript/edit/cancel-edit-modal.vue
new file mode 100644
index 0000000..7aff674
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/edit/cancel-edit-modal.vue
@@ -0,0 +1,34 @@
+<template>
+  <a-modal v-model:visible="visible" title="退出编辑" width="480px" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>内容已修改尚未保存，若退出编辑，本次修改将不保存。</span>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onClose">继续编辑</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认退出</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const router = useRouter();
+const visible = ref(false);
+
+const onClose = () => {
+  visible.value = false;
+};
+const onConfirm = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+
+const open = () => {
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index 5bc07b6..6b95a0d 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -1,248 +1,99 @@
 <script lang="jsx">
-import {
-  Modal,
-  Form,
-  FormItem,
-  Input,
-  RadioGroup,
-  Radio,
-  Upload,
-  Button,
-  Message as AMessage,
-  Textarea,
-} from '@arco-design/web-vue';
-import TextOverTips from '@/components/text-over-tips';
-import CommonSelect from '@/components/common-select';
-
-import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
-import { getProjectList } from '@/api/all/propertyMarketing';
-import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
-import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
-
-const generateMockData = (count = 20) =>
-  Array.from({ length: count }, (_, i) => ({
-    id: `item-${i + 1}`,
-    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
-    type: 1,
-  }));
-
-const INITIAL_FORM = {
-  title: '',
-  desc: '',
-  project_ids: [],
-  files: [],
-};
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+import EditForm from '../components/edit-form';
+import CancelEditModal from './cancel-edit-modal.vue';
 
 export default {
+  components: {
+    EditForm,
+  },
   setup(props, { emit, expose }) {
+    const router = useRouter();
     const formRef = ref(null);
-    const uploadRef = ref(null);
-    const form = ref(cloneDeep(INITIAL_FORM));
-    const projects = ref([]);
+    const cancelEditModal = ref(null);
+    const dataSource = ref({});
+    const editDataSource = ref({});
+    const uploadLoading = ref(false);
+    const isSaved = ref(false);
 
-    const rules = {
-      title: [{ required: true, message: '请输入标题' }],
-    };
-
-    const dataSource = generateMockData();
     const onCancel = () => {
-      console.log('onCancel');
-    };
-    const onSubmit = () => {
-      console.log('onSubmit');
-    };
-    const handleUpload = (option) => {
-      console.log('handleUpload', option);
-      const {
-        fileItem: { file },
-      } = option;
-
-      // 验证文件类型
-      const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/webp'];
-      if (!allowedTypes.includes(file.type)) {
-        AMessage.error('只能上传图片文件！');
-        return;
-      }
-
-      // 验证文件大小 (5MB)
-      const maxSize = 5 * 1024 * 1024;
-      if (file.size > maxSize) {
-        AMessage.error('图片大小不能超过5MB！');
-        return;
-      }
-
-      // 验证文件数量
-      if (form.value.files.length >= 18) {
-        AMessage.error('最多只能上传18张图片！');
-        return;
-      }
-
-      // 模拟上传过程
-      setTimeout(() => {
-        const newFile = {
-          id: Date.now(),
-          name: file.name,
-          url: URL.createObjectURL(file),
-          size: file.size,
-          type: file.type,
-        };
-
-        form.value.files.push(newFile);
-        console.log(form.value.files);
-        AMessage.success('上传成功！');
-      }, 1000);
-    };
-
-    const handleDeleteFile = (index) => {
-      form.value.files.splice(index, 1);
-      AMessage.success('删除成功！');
-    };
-    const renderLeft = () => {
-      return (
-        <Form ref={formRef} model={form.value} rules={rules} layout="vertical" auto-label-width>
-          <FormItem label="标题" field="title" required>
-            <Input v-model={form.value.title} placeholder="请输入标题" size="large" class="w-500px" />
-          </FormItem>
-          <FormItem label="作品描述" field="desc">
-            <Textarea
-              v-model={form.value.desc}
-              placeholder="请输入作品描述"
-              size="large"
-              class="h-200px"
-              show-word-limit
-              max-length={1000}
-              auto-size={{ minRows: 7, maxRows: 9 }}
-            />
-          </FormItem>
-          <FormItem
-            field="files"
-            v-slots={{
-              label: () => (
-                <div class="flex items-center">
-                  <span class="cts !color-#211F24 mr-4px">图片</span>
-                  <span class="cts mr-8px">{`(${form.value.files.length}/18)`}</span>
-                  <span class="cts">第一张为首图，支持拖拽排序</span>
-                </div>
-              ),
-            }}
-          >
-            <div class="flex flex-col gap-16px">
-              {/* 已上传的图片列表 */}
-              {form.value.files.length > 0 && (
-                <div class="grid grid-cols-4 gap-12px">
-                  {form.value.files.map((file, index) => (
-                    <div key={file.id} class="relative group">
-                      <img
-                        src={file.url}
-                        alt={file.name}
-                        class="w-full h-120px object-cover rounded-8px border-1px border-#E6E6E8"
-                      />
-                      <div class="absolute top-8px right-8px opacity-0 group-hover:opacity-100 transition-opacity">
-                        <icon-delete
-                          size="16"
-                          class="color-#fff cursor-pointer bg-#000 bg-opacity-50 rounded-full p-4px"
-                          onClick={() => handleDeleteFile(index)}
-                        />
-                      </div>
-                      {index === 0 && (
-                        <div class="absolute top-8px left-8px">
-                          <span class="text-10px color-#fff bg-#6D4CFE px-4px py-2px rounded-4px">首图</span>
-                        </div>
-                      )}
-                    </div>
-                  ))}
-                </div>
-              )}
-
-              {/* 上传按钮 */}
-              {form.value.files.length < 18 && (
-                <Upload
-                  ref={uploadRef}
-                  action="/"
-                  draggable
-                  custom-request={handleUpload}
-                  accept=".jpg,.jpeg,.png,.gif,.webp"
-                  show-file-list={false}
-                  multiple
-                  limit={18 - form.value.files.length}
-                >
-                  {{
-                    'upload-button': () => (
-                      <div class="upload-box">
-                        <icon-plus size="14" class="mb-16px color-#3C4043" />
-                        <span class="cts !color-#211F24">上传图片</span>
-                      </div>
-                    ),
-                  }}
-                </Upload>
-              )}
-            </div>
-          </FormItem>
-          <FormItem label="所属项目" field="project_ids">
-            <CommonSelect
-              v-model={form.value.project_ids}
-              options={projects.value}
-              placeholder="请选择所属项目"
-              size="large"
-              class="w-280px"
-            />
-          </FormItem>
-        </Form>
-      );
-    };
-    const getProjects = async () => {
-      const { code, data } = await getProjectList();
-      if (code === 200) {
-        projects.value = data;
+      const isModified = !isEqual(dataSource.value, editDataSource.value);
+      if (isModified && isSaved.value) {
+        cancelEditModal.value?.open();
+      } else {
+        onBack();
       }
     };
 
+    const onSubmit = async () => {
+      formRef.value?.validate().then(() => {
+        AMessage.success('保存成功');
+        isSaved.value = true;
+        console.log('success');
+      });
+    };
+
+    const onSubmitAndCheck = () => {
+      console.log('onSubmitAndCheck');
+      isSaved.value = false;
+    };
+
+    const getData = () => {
+      const _data = {
+        id: 1,
+        title: '',
+        desc: '',
+        content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+        type: 1,
+        project_ids: [],
+        files: [],
+      };
+      dataSource.value = cloneDeep(_data);
+      editDataSource.value = cloneDeep(_data);
+    };
+    const handleFormChange = () => {
+      console.log('handleFormChange');
+    };
+    const onBack = () => {
+      router.push({ name: 'ManuscriptList' });
+    };
     onMounted(() => {
-      getProjects();
+      getData();
     });
+
     return () => (
       <>
-        <div class="manuscript-edit-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
-          <div class="left flex-1 overflow-y-auto p-24px">{renderLeft()}</div>
-          <div class="right  pt-24px pb-12px flex flex-col">
-            <div class="title flex items-center mb-24px px-24px">
-              <div class="w-3px h-16px bg-#6D4CFE rounded-2px mr-8px"></div>
-              <p class="cts bold !color-#211F24 !text-16px !lh-24px mr-8px">上传内容稿件列表</p>
-              <p class="cts">共30个</p>
-            </div>
-            <div class="flex-1 px-24px overflow-y-auto">
-              {dataSource.map((item) => (
-                <div key={item.id} class="mb-12px px-8px py-12px flex flex-col rounded-8px bg-#F7F8FA">
-                  <TextOverTips context={item.content} line={1} class="cts bold color-#211F24 mb-8px" />
-                  <div class="flex items-center">
-                    <img
-                      src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
-                      width="16"
-                      height="16"
-                      class="mr-4px"
-                    />
-                    <span class={`cts ${item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}`}>
-                      {item.type === EnumManuscriptType.Image ? '图文' : '视频'}
-                    </span>
-                  </div>
-                </div>
-              ))}
-            </div>
+        <div class="manuscript-edit-wrap">
+          <div class="flex items-center mb-8px">
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+              内容稿件列表
+            </span>
+            <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 p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+            <EditForm ref={formRef} v-model={dataSource.value} onChange={handleFormChange} />
           </div>
         </div>
         <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">
           <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
-            取消上传
+            退出
           </Button>
-          <Button type="primary" size="medium" onClick={onSubmit}>
-            批量上传
+          <Button size="medium" type="outline" onClick={onSubmit} class="mr-12px">
+            保存
+          </Button>
+          <Button type="primary" size="medium" onClick={onSubmitAndCheck} loading={uploadLoading.value}>
+            保存并审核
           </Button>
         </div>
+
+        <CancelEditModal ref={cancelEditModal} />
       </>
     );
   },
 };
 </script>
+
 <style lang="scss" scoped>
 @import './style.scss';
 </style>
diff --git a/src/views/creative-generation-workshop/manuscript/edit/style.scss b/src/views/creative-generation-workshop/manuscript/edit/style.scss
index 1e7a19e..b574f60 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/edit/style.scss
@@ -1,6 +1,8 @@
 $footer-height: 68px;
 .manuscript-edit-wrap {
   height: calc(100% - 72px);
+  display: flex;
+  flex-direction: column;
   .cts {
     color: #939499;
     font-family: $font-family-regular;
@@ -12,44 +14,6 @@ $footer-height: 68px;
       font-family: $font-family-medium;
     }
   }
-  .left {
-    .upload-box {
-      display: flex;
-      width: 100px;
-      height: 100px;
-      padding: 24px 16px;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      border-radius: 8px;
-      border: 1px dashed var(--Border-1, #d7d7d9);
-      background: var(--BG-200, #f2f3f5);
-    }
-  }
-  .right {
-    border-left: 1px solid var(--Border-2, #e6e6e8);
-    width: 320px;
-    flex-shrink: 0;
-  }
-  
-  .upload-box {
-    display: flex;
-    height: 120px;
-    padding: 0 16px;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    border-radius: 8px;
-    border: 1px dashed var(--Border-1, #d7d7d9);
-    background: var(--BG-200, #f2f3f5);
-    cursor: pointer;
-    transition: all 0.3s ease;
-    
-    &:hover {
-      border-color: var(--Primary-6, #6D4CFE);
-      background: var(--Primary-1, #f0f0ff);
-    }
-  }
 }
 .footer-row {
   position: fixed;
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index 866537e..7dc91ae 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -103,6 +103,7 @@ import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
+const router = useRouter();
 
 const props = defineProps({
   dataSource: {
@@ -120,10 +121,11 @@ const onDelete = (item) => {
   emits('delete', item);
 };
 const onEdit = (item) => {
-  emits('edit', item);
+  router.push(`/manuscript/edit/${item.index}`);
 };
 const onDetail = (item) => {
   console.log('onDetail');
+  router.push(`/manuscript/detail/${item.index}`);
 };
 
 const getStatusInfo = (status) => {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
index 282ea8b..c4b6fd1 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
@@ -144,8 +144,8 @@ export default {
     };
 
     // 跳转编辑
-    const goEdit = () => {
-      router.push(`/manuscript/edit/1`);
+    const goUpload = () => {
+      router.push(`/manuscript/upload/1`);
       onClose();
     };
 
@@ -302,7 +302,7 @@ export default {
             <Button size="medium" onClick={onClose}>
               取消
             </Button>
-            <Button type="primary" size="medium" onClick={goEdit}>
+            <Button type="primary" size="medium" onClick={goUpload}>
               确认
             </Button>
           </>
diff --git a/src/views/creative-generation-workshop/manuscript/list/index.vue b/src/views/creative-generation-workshop/manuscript/list/index.vue
index 83a09ad..139a7df 100644
--- a/src/views/creative-generation-workshop/manuscript/list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/index.vue
@@ -24,7 +24,6 @@
         :dataSource="dataSource"
         @sorterChange="handleSorterChange"
         @delete="handleDelete"
-        @edit="handleEdit"
       />
       <div v-if="pageInfo.total > 0" class="pagination-box">
         <a-pagination
@@ -141,9 +140,6 @@ const handleDelete = (item) => {
   const { id, name } = item;
   deleteManuscriptModalRef.value?.open({ id, name: `“${name}”` });
 };
-const handleEdit = (item) => {
-  // addManuscriptModalRef.value?.open(item.id);
-};
 
 onMounted(() => {
   getData();
diff --git a/src/views/creative-generation-workshop/manuscript/upload/cancel-upload-modal.vue b/src/views/creative-generation-workshop/manuscript/upload/cancel-upload-modal.vue
new file mode 100644
index 0000000..358e4c4
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/upload/cancel-upload-modal.vue
@@ -0,0 +1,38 @@
+<template>
+  <a-modal v-model:visible="visible" title="确认提示" width="480px" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认取消上传这 {{ num }} 个文件吗？此操作不可恢复。</span>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onClose">继续编辑</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认取消</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const router = useRouter();
+const visible = ref(false);
+const num = ref('');
+
+const onClose = () => {
+  num.value = '';
+  visible.value = false;
+};
+const onConfirm = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+
+const open = (manusNum) => {
+  num.value = manusNum;
+
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript/upload/index.vue b/src/views/creative-generation-workshop/manuscript/upload/index.vue
new file mode 100644
index 0000000..acae812
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue
@@ -0,0 +1,225 @@
+<script lang="jsx">
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+import EditForm from '../components/edit-form';
+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 icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
+
+const generateMockData = (count = 20) =>
+  Array.from({ length: count }, (_, i) => ({
+    id: `${i + 1}`,
+    title: '',
+    desc: '',
+    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+    type: 1,
+    project_ids: [],
+    files: [],
+  }));
+
+export default {
+  components: {
+    EditForm,
+  },
+  setup(props, { emit, expose }) {
+    const formRef = ref(null);
+    const cancelUploadModal = ref(null);
+    const uploadSuccessModal = ref(null);
+    const dataSource = ref([]);
+    const selectCardInfo = ref({});
+    const errorDataCards = ref([]);
+    const uploadLoading = ref(false);
+
+    const onCancel = () => {
+      cancelUploadModal.value?.open(dataSource.value.length);
+    };
+
+    const validateDataSource = () => {
+      return new Promise((resolve) => {
+        dataSource.value.forEach((item) => {
+          if (!item.title?.trim()) {
+            errorDataCards.value.push(item);
+          }
+        });
+        if (!errorDataCards.value.length) {
+          resolve();
+        }
+
+        if (errorDataCards.value.length > 0) {
+          AMessage.error(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
+          
+          setTimeout(() => {
+            const el = document.getElementById(`card-${errorDataCards.value[0]?.id}`);
+            if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+          }, 100);
+          return;
+        }
+      });
+    };
+
+    const onSubmit = async () => {
+      formRef.value
+        ?.validate()
+        .then(() => {
+          validateDataSource().then((res) => {
+            console.log('success');
+            uploadSuccessModal.value?.open(dataSource.value);
+          });
+        })
+        .catch((err) => {
+          errorDataCards.value.push(err);
+        });
+    };
+
+    const onSubmitAndCheck = () => {
+      console.log('onSubmitAndCheck');
+    };
+
+    const handleReValidate = () => {
+      formRef.value?.validate().then(() => {
+        deleteErrorCard(selectCardInfo.value);
+      });
+    };
+    const onselect = (item) => {
+      selectCardInfo.value = item;
+    };
+
+    const deleteErrorCard = (item) => {
+      const errorIndex = errorDataCards.value.findIndex((v) => v.id === item.id);
+      errorIndex > -1 && errorDataCards.value.splice(errorIndex, 1);
+    };
+
+    const onDelete = (e, item, index) => {
+      e.stopPropagation();
+      dataSource.value.splice(index, 1);
+      deleteErrorCard(item);
+
+      if (item.id === selectCardInfo.value.id) {
+        if (dataSource.value.length) {
+          const _target = dataSource.value[0] ?? {};
+          selectCardInfo.value = _target;
+        } else {
+          selectCardInfo.value = {};
+        }
+      }
+    };
+
+    const renderFooterRow = () => {
+      if (dataSource.value.length > 1) {
+        return (
+          <>
+            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+              取消上传
+            </Button>
+            <Button type="primary" size="medium" onClick={onSubmit} loading={uploadLoading.value}>
+              {uploadLoading.value ? '批量上传' : '批量上传'}
+            </Button>
+          </>
+        );
+      } else {
+        return (
+          <>
+            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+              取消上传
+            </Button>
+            <Button size="medium" type="outline" onClick={onSubmit} class="mr-12px">
+              上传
+            </Button>
+            <Button type="primary" size="medium" onClick={onSubmitAndCheck} loading={uploadLoading.value}>
+              上传并审核
+            </Button>
+          </>
+        );
+      }
+    };
+    const getData = () => {
+      dataSource.value = generateMockData();
+      selectCardInfo.value = dataSource.value[0] ?? {};
+    };
+    const getCardClass = (item) => {
+      if (selectCardInfo.value.id === item.id) {
+        return '!border-#6D4CFE !bg-#F0EDFF';
+      }
+      if (errorDataCards.value.find((v) => v.id === item.id)) {
+        return '!border-#F64B31';
+      }
+      return '';
+    };
+    onMounted(() => {
+      getData();
+    });
+
+    return () => (
+      <>
+        <div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
+          <div class="left flex-1 overflow-y-auto p-24px">
+            <EditForm ref={formRef} v-model={selectCardInfo.value} onReValidate={handleReValidate} />
+          </div>
+          {dataSource.value.length > 1 && (
+            <div class="right pt-24px pb-12px flex flex-col">
+              <div class="title flex items-center  px-24px">
+                <div class="w-3px h-16px bg-#6D4CFE rounded-2px mr-8px"></div>
+                <p class="cts bold !color-#211F24 !text-16px !lh-24px mr-8px">上传内容稿件列表</p>
+                <p class="cts">{`共${dataSource.value.length}个`}</p>
+              </div>
+              <div class="flex-1 px-24px overflow-y-auto pt-24px">
+                {dataSource.value.map((item, index) => (
+                  <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(
+                      item,
+                    )}`}
+                    onClick={() => onselect(item)}
+                  >
+                    <icon-close-circle-fill
+                      size={16}
+                      class="absolute top--8px right--8px color-#737478 hover:color-#211F24  hidden group-hover:block"
+                      onClick={(e) => onDelete(e, item, index)}
+                    />
+                    <TextOverTips
+                      context={item.content}
+                      line={1}
+                      class={`cts !color-#211F24 mb-8px ${selectCardInfo.value.id === item.id ? 'bold' : ''}`}
+                    />
+                    <div class="flex items-center justify-between">
+                      <div class="flex items-center ">
+                        <img
+                          src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
+                          width="16"
+                          height="16"
+                          class="mr-4px"
+                        />
+                        <span
+                          class={`cts ${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>
+                      )}
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
+
+        <CancelUploadModal ref={cancelUploadModal} />
+        <UploadSuccessModal ref={uploadSuccessModal} />
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/upload/style.scss b/src/views/creative-generation-workshop/manuscript/upload/style.scss
new file mode 100644
index 0000000..f1dadcd
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/upload/style.scss
@@ -0,0 +1,28 @@
+$footer-height: 68px;
+.manuscript-upload-wrap {
+  height: calc(100% - 72px);
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .right {
+    border-left: 1px solid var(--Border-2, #e6e6e8);
+    width: 320px;
+    flex-shrink: 0;
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}
diff --git a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
new file mode 100644
index 0000000..a821613
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
@@ -0,0 +1,63 @@
+<template>
+  <a-modal v-model:visible="visible" title="提示" width="480px" @close="onClose" modal-class="upload-success11-modal">
+    <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">上传成功</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>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onBack">回到列表</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">批量审核</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
+
+const router = useRouter();
+const visible = ref(false);
+const data = ref([]);
+
+const onClose = () => {
+  data.value = [];
+  visible.value = false;
+};
+
+const onBack = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+const onConfirm = () => {
+  onClose();
+  console.log('跳转至「内容稿件审核」菜单tab，进入批量审核稿件页面');
+  router.push({ name: 'ManuscriptCheck' });
+};
+
+const open = (dataSource) => {
+  data.value = dataSource;
+
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
+<style lang="scss">
+.upload-success11-modal {
+  .arco-modal-header {
+    border-bottom: none;
+  }
+  .md {
+    font-family: $font-family-medium;
+  }
+  .ld {
+    font-family: $font-family-regular;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    justify-content: center;
+  }
+}
+</style>

From 9668f2a56d204df387694daa1d75fffef6c876f8 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 31 Jul 2025 15:07:55 +0800
Subject: [PATCH 12/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=88=97=E8=A1=A8=E7=9B=B8=E5=85=B3=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             | 55 +++++++++++
 .../modules/creativeGenerationWorkshop.ts     | 15 ++-
 .../components/check/index.vue                | 48 +++++++++
 .../components/check/style.scss               | 25 +++++
 .../manuscript/components/edit-form/index.vue | 26 ++---
 .../manuscript/detail/index.vue               | 58 ++++++++++-
 .../manuscript/detail/style.scss              | 26 ++++-
 .../manuscript/edit/index.vue                 | 65 +++++++-----
 .../list/components/filter-block/index.vue    | 46 ++++++++-
 .../components/manuscript-table/constants.ts  | 20 ++--
 .../delete-manuscript-modal.vue               |  4 +-
 .../components/manuscript-table/index.vue     | 39 ++++----
 .../components/manuscript-table/style.scss    |  2 +-
 .../manuscript/list/constants.ts              | 26 +++--
 .../manuscript/list/index.vue                 | 99 +++++++++++--------
 15 files changed, 409 insertions(+), 145 deletions(-)
 create mode 100644 src/api/all/generationWorkshop.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-analysis/components/check/style.scss

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
new file mode 100644
index 0000000..e29bc84
--- /dev/null
+++ b/src/api/all/generationWorkshop.ts
@@ -0,0 +1,55 @@
+import Http from '@/api';
+
+// 内容稿件-列表
+export const getWorksList = (params = {}) => {
+  return Http.get('/v1/works/list', params);
+};
+// 内容稿件-批量添加
+export const postWorksBatch = (params = {}) => {
+  return Http.post('/v1/works/batch', params);
+};
+// 内容稿件-修改
+export const putWorksUpdate = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/works/${id}`, rest);
+};
+// 内容稿件-删除
+export const deleteWork = (id: string) => {
+  return Http.delete(`/v1/works/${id}`);
+};
+// 内容稿件-分页
+export const getWorksPage = (params = {}) => {
+  return Http.get('/v1/works', params);
+};
+// 内容稿件-详情
+export const getWorksDetail = (id: string) => {
+  return Http.get(`/v1/works/${id}`);
+};
+
+// 内容稿件审核-分页
+export const getWorkAuditsPage = (params = {}) => {
+  return Http.get('/v1/work-audits', params);
+};
+// 内容稿件审核-详情
+export const getWorkAuditsDetail = (id: string) => {
+  return Http.get(`/v1/work-audits/${id}`);
+};
+// 内容稿件-审核
+export const patchWorkAuditsAudit = (params = {}) => {
+  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
+  return Http.patch(`/v1/work-audits/${auditId}/audit`, rest);
+};
+// 内容稿件-批量审核
+export const patchWorkAuditsBatchAudit = (params = {}) => {
+  return Http.patch('/v1/work-audits/batch-audit', params);
+};
+// 内容稿件审核-修改
+export const putWorkAuditsUpdate = (params = {}) => {
+  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/work-audits/${auditId}`, rest);
+};
+// 内容稿件审核-审核通过
+export const putWorkAuditsAuditPass = (params = {}) => {
+  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/work-audits/${auditId}/audit-pass`, rest);
+};
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index ed40761..c21723f 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -71,7 +71,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       },
       {
         path: 'check-list',
-        name: 'ManuscriptCheck',
+        name: 'ManuscriptCheckList',
         meta: {
           locale: '内容稿件审核',
           requiresAuth: false,
@@ -80,6 +80,19 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         },
         component: () => import('@/views/creative-generation-workshop/manuscript/check/index.vue'),
       },
+      {
+        path: 'check/:id',
+        name: 'ManuscriptCheck',
+        meta: {
+          locale: '内容稿件审核',
+          requiresAuth: false,
+          requireLogin: false,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptCheckList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue'),
+      },
     ],
   },
 ];
diff --git a/src/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue b/src/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue
new file mode 100644
index 0000000..31f63a2
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue
@@ -0,0 +1,48 @@
+<script lang="jsx">
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+
+export default {
+  setup(props, { emit, expose }) {
+    const router = useRouter();
+    const route = useRoute();
+    const workId = ref(route.params.id);
+
+    const onBack = () => {
+      router.push({ name: 'ManuscriptCheckList' });
+    };
+    const renderFooterRow = () => {
+      return (
+        <>
+          <Button size="medium" type="outline" class="mr-12px">
+            退出
+          </Button>
+          <Button size="medium" type="outline" class="mr-12px">
+            保存
+          </Button>
+          <Button type="primary" size="medium">
+            通过审核
+          </Button>
+        </>
+      );
+    };
+    return () => (
+      <>
+        <div class="manuscript-check-wrap">
+          <div class="flex items-center mb-8px">
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+              内容稿件审核
+            </span>
+            <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
+            <span class="cts bold !color-#1D2129">批量审核内容稿件</span>
+          </div>
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-analysis/components/check/style.scss b/src/views/creative-generation-workshop/manuscript-analysis/components/check/style.scss
new file mode 100644
index 0000000..d6a5cc6
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-analysis/components/check/style.scss
@@ -0,0 +1,25 @@
+$footer-height: 68px;
+.manuscript-check-wrap {
+  height: calc(100% - 72px);
+  display: flex;
+  flex-direction: column;
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 24396c9..8388dac 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -63,15 +63,8 @@ export default {
         AMessage.error('最多只能上传18张图片！');
         return;
       }
-      const newFile = {
-        id: Date.now(),
-        name: file.name,
-        url: URL.createObjectURL(file),
-        size: file.size,
-        type: file.type,
-      };
 
-      props.modelValue.files.push(newFile);
+      props.modelValue.files.push(URL.createObjectURL(file));
       emit('change');
     };
 
@@ -79,7 +72,6 @@ export default {
     const handleDeleteFile = (index) => {
       props.modelValue.files.splice(index, 1);
       emit('change');
-      AMessage.success('删除成功！');
     };
 
     // 获取项目列表
@@ -136,12 +128,14 @@ export default {
             placeholder="请输入标题"
             size="large"
             class="!w-500px"
+            maxLength={30}
+            show-word-limit
           />
         </FormItem>
 
         <FormItem label="作品描述" field="desc">
           <Textarea
-            v-model={props.modelValue.desc}
+            v-model={props.modelValue.content}
             onChange={() => emit('change')}
             placeholder="请输入作品描述"
             size="large"
@@ -158,8 +152,8 @@ export default {
             label: () => (
               <div class="flex items-center">
                 <span class="cts !color-#211F24 mr-4px">图片</span>
-                <span class="cts mr-8px">{`(${props.modelValue.files?.length ?? 0}/18)`}</span>
-                <span class="cts">第一张为首图，支持拖拽排序</span>
+                <span class="cts mr-8px !color-#939499">{`(${props.modelValue.files?.length ?? 0}/18)`}</span>
+                <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
               </div>
             ),
           }}
@@ -169,12 +163,8 @@ export default {
               {/* 已上传的图片列表 */}
               <VueDraggable v-model={props.modelValue.files} class="grid grid-cols-7 gap-8px">
                 {props.modelValue.files?.map((file, index) => (
-                  <div key={file.id} class="group relative cursor-move">
-                    <img
-                      src={file.url}
-                      alt={file.name}
-                      class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8"
-                    />
+                  <div key={index} class="group relative cursor-move">
+                    <img src={file} class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8" />
                     <img
                       src={icon1}
                       width={16}
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index afcf76c..2df3242 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -1,5 +1,53 @@
-<template>
-  <div class="manuscript-detail-wrap">
-    <div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-24px">详情</div>
-  </div>
-</template>
+<script lang="jsx">
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+
+export default {
+  setup(props, { emit, expose }) {
+    const router = useRouter();
+    const route = useRoute();
+    const workId = ref(route.params.id);
+
+    const onBack = () => {
+      router.push({ name: 'ManuscriptList' });
+    };
+    const renderFooterRow = () => {
+      return (
+        <>
+          <Button size="medium" type="outline" class="mr-12px" onClick={onBack}>
+            退出
+          </Button>
+          <Button
+            size="medium"
+            type="outline"
+            class="mr-12px"
+            onClick={() => router.push(`/manuscript/edit/${workId.value}`)}
+          >
+            编辑
+          </Button>
+          <Button type="primary" size="medium" onClick={() => router.push(`/manuscript/check/${workId.value}`)}>
+            去审核
+          </Button>
+        </>
+      );
+    };
+    return () => (
+      <>
+        <div class="manuscript-check-wrap">
+          <div class="flex items-center mb-8px">
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+              内容稿件列表
+            </span>
+            <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
+            <span class="cts bold !color-#1D2129">内容稿件详情</span>
+          </div>
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss
index 14cda51..76b35c1 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss
@@ -1,3 +1,25 @@
-.manuscript-edit-wrap {
-    
+$footer-height: 68px;
+.manuscript-detail-wrap {
+  height: calc(100% - 72px);
+  display: flex;
+  flex-direction: column;
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
 }
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index 6b95a0d..a286729 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -2,6 +2,15 @@
 import { Button, Message as AMessage } from '@arco-design/web-vue';
 import EditForm from '../components/edit-form';
 import CancelEditModal from './cancel-edit-modal.vue';
+import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop';
+
+const INITIAL_DATA = {
+  title: '',
+  desc: '',
+  content: '',
+  project_ids: [],
+  files: [],
+};
 
 export default {
   components: {
@@ -9,15 +18,18 @@ export default {
   },
   setup(props, { emit, expose }) {
     const router = useRouter();
+    const route = useRoute();
     const formRef = ref(null);
     const cancelEditModal = ref(null);
     const dataSource = ref({});
-    const editDataSource = ref({});
+    const remoteDataSource = ref({});
     const uploadLoading = ref(false);
     const isSaved = ref(false);
 
+    const workId = ref(route.params.id);
+
     const onCancel = () => {
-      const isModified = !isEqual(dataSource.value, editDataSource.value);
+      const isModified = !isEqual(dataSource.value, remoteDataSource.value);
       if (isModified && isSaved.value) {
         cancelEditModal.value?.open();
       } else {
@@ -25,31 +37,29 @@ export default {
       }
     };
 
-    const onSubmit = async () => {
-      formRef.value?.validate().then(() => {
-        AMessage.success('保存成功');
-        isSaved.value = true;
-        console.log('success');
+    const onSave = async (check = false) => {
+      formRef.value?.validate().then(async () => {
+        const { code, data } = await putWorksUpdate({ id: workId.value, ...dataSource.value });
+        if (code === 200) {
+          AMessage.success('保存成功');
+          isSaved.value = true;
+
+          if (check) {
+            router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
+          }
+        }
       });
     };
-
-    const onSubmitAndCheck = () => {
-      console.log('onSubmitAndCheck');
-      isSaved.value = false;
+    const init = () => {
+      dataSource.value = cloneDeep(INITIAL_DATA);
+      remoteDataSource.value = cloneDeep(INITIAL_DATA);
     };
-
-    const getData = () => {
-      const _data = {
-        id: 1,
-        title: '',
-        desc: '',
-        content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
-        type: 1,
-        project_ids: [],
-        files: [],
-      };
-      dataSource.value = cloneDeep(_data);
-      editDataSource.value = cloneDeep(_data);
+    const getData = async () => {
+      const { code, data } = await getWorksDetail(workId.value);
+      if (code === 200) {
+        dataSource.value = cloneDeep(data);
+        remoteDataSource.value = cloneDeep(data);
+      }
     };
     const handleFormChange = () => {
       console.log('handleFormChange');
@@ -58,7 +68,8 @@ export default {
       router.push({ name: 'ManuscriptList' });
     };
     onMounted(() => {
-      getData();
+      init();
+      workId && getData();
     });
 
     return () => (
@@ -79,10 +90,10 @@ export default {
           <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
             退出
           </Button>
-          <Button size="medium" type="outline" onClick={onSubmit} class="mr-12px">
+          <Button size="medium" type="outline" onClick={() => onSave()} class="mr-12px">
             保存
           </Button>
-          <Button type="primary" size="medium" onClick={onSubmitAndCheck} loading={uploadLoading.value}>
+          <Button type="primary" size="medium" onClick={() => onSave(true)} loading={uploadLoading.value}>
             保存并审核
           </Button>
         </div>
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
index 31678b6..83675a1 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
@@ -18,7 +18,13 @@
       </div>
       <div class="filter-row-item">
         <span class="label">所属项目</span>
-        <CommonSelect placeholder="请选择所属项目" v-model="query.project_id" class="!w-166px" />
+        <CommonSelect
+          placeholder="请选择所属项目"
+          v-model="query.project_id"
+          :options="projects"
+          class="!w-166px"
+          @change="handleSearch"
+        />
       </div>
       <div class="filter-row-item">
         <span class="label">序号</span>
@@ -39,12 +45,19 @@
       </div>
       <div class="filter-row-item">
         <span class="label">审核状态</span>
-        <CommonSelect placeholder="请选择审核状态" v-model="query.audit_status" class="!w-166px" />
+        <CommonSelect
+          placeholder="全部"
+          :options="CHECK_STATUS"
+          v-model="query.audit_status"
+          class="!w-166px"
+          :multiple="false"
+          @change="handleSearch"
+        />
       </div>
       <div class="filter-row-item">
         <span class="label">上传时间</span>
         <a-range-picker
-          v-model="published_at"
+          v-model="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
@@ -72,7 +85,10 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
+import { CHECK_STATUS } from '@/views/creative-generation-workshop/manuscript/list/constants';
 import CommonSelect from '@/components/common-select';
+import { getProjectList } from '@/api/all/propertyMarketing';
+
 const props = defineProps({
   query: {
     type: Object,
@@ -83,6 +99,7 @@ const props = defineProps({
 const emits = defineEmits('search', 'reset', 'update:query');
 
 const created_at = ref([]);
+const projects = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -92,6 +109,12 @@ const handleSearch = () => {
 };
 
 const onDateChange = (value) => {
+  if (!value) {
+    props.query.created_at = [];
+    handleSearch();
+    return;
+  }
+
   const [start, end] = value;
   const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
   props.query.created_at = [
@@ -102,8 +125,25 @@ const onDateChange = (value) => {
   handleSearch();
 };
 
+// 获取项目列表
+const getProjects = async () => {
+  try {
+    const { code, data } = await getProjectList();
+    if (code === 200) {
+      projects.value = data;
+    }
+  } catch (error) {
+    console.error('获取项目列表失败:', error);
+  }
+};
+
 const handleReset = () => {
   created_at.value = [];
+  projects.value = [];
   emits('reset');
 };
+
+onMounted(() => {
+  getProjects();
+});
 </script>
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
index bcd236d..84c8903 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
@@ -1,7 +1,7 @@
 export const TABLE_COLUMNS = [
   {
     title: '序号',
-    dataIndex: 'index',
+    dataIndex: 'uid',
     width: 120,
     fixed: 'left',
     sortable: {
@@ -10,32 +10,32 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '图片/视频',
-    dataIndex: 'picker',
+    dataIndex: 'cover',
     width: 240,
   },
   {
     title: '内容稿件标题',
-    dataIndex: 'manuscript_name',
+    dataIndex: 'title',
     width: 240,
   },
   {
     title: '所属项目',
-    dataIndex: 'project_name',
+    dataIndex: 'projects',
     width: 240,
   },
   {
     title: '稿件类型',
-    dataIndex: 'budget',
+    dataIndex: 'type',
     width: 180,
   },
   {
     title: '审核状态',
-    dataIndex: 'status',
+    dataIndex: 'audit_status',
     width: 180,
   },
   {
     title: '上传时间',
-    dataIndex: 'create_at',
+    dataIndex: 'updated_at',
     width: 180,
     sortable: {
       sortDirections: ['ascend', 'descend'],
@@ -43,12 +43,12 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '上传人员',
-    dataIndex: 'placement_account_count',
+    dataIndex: 'uploader.name',
     width: 180,
   },
   {
     title: '最后修改时间',
-    dataIndex: 'last_create_at',
+    dataIndex: 'last_modified_at',
     width: 180,
     sortable: {
       sortDirections: ['ascend', 'descend'],
@@ -56,7 +56,7 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '最后修改人员',
-    dataIndex: 'placement_account_count1',
+    dataIndex: 'last_modifier.name',
     width: 180,
   },
   {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
index 97fd12d..ef68bd5 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -20,7 +20,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import { deleteProject } from '@/api/all/propertyMarketing';
+import { deleteWork } from '@/api/all/generationWorkshop';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const update = inject('update');
@@ -46,7 +46,7 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const { code } = await deleteProject(projectId.value);
+  const { code } = await deleteWork(projectId.value);
   if (code === 200) {
     AMessage.success('删除成功');
     update()
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index 7dc91ae..9d9ac11 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -38,42 +38,42 @@
         <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
           {{ exactFormatTime(record.create_at) }}
         </template>
-        <template v-else-if="column.dataIndex === 'manuscript_name'" #cell="{ record }">
-          <TextOverTips :context="record.name" :line="3" class="manuscript_name" />
+        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
+          <TextOverTips :context="record.title" :line="3" class="title" />
         </template>
-        <template v-else-if="column.dataIndex === 'project_name'" #cell="{ record }">
-          <TextOverTips :context="record.project_name" :line="3" />
+        <template v-else-if="column.dataIndex === 'projects'" #cell="{ record }">
+          <TextOverTips :context="record.projects.map((item) => item).join('，')" :line="3" />
         </template>
-        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
+        <template v-else-if="column.dataIndex === 'audit_status'" #cell="{ record }">
           <div
             class="flex items-center w-fit h-28px px-8px rounded-2px"
-            :style="{ backgroundColor: getStatusInfo(record.status).backgroundColor }"
+            :style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }"
           >
-            <span class="cts s1" :style="{ color: getStatusInfo(record.status).color }">{{
-              getStatusInfo(record.status).label
+            <span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
+              getStatusInfo(record.audit_status).name
             }}</span>
           </div>
         </template>
-        <template v-else-if="column.dataIndex === 'budget'" #cell="{ record }">
+        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
           <div class="flex items-center">
             <img
-              :src="record.budget === EnumManuscriptType.Image ? icon2 : icon3"
+              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
               width="16"
               height="16"
               class="mr-4px"
             />
             <span
               class="cts"
-              :class="record.budget === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'"
-              >{{ record.budget === EnumManuscriptType.Image ? '图文' : '视频' }}</span
+              :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'"
+              >{{ record.type === EnumManuscriptType.Image ? '图文' : '视频' }}</span
             >
           </div>
         </template>
-        <template v-else-if="['create_at', 'last_create_at'].includes(column.dataIndex)" #cell="{ record }">
+        <template v-else-if="['updated_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
           {{ exactFormatTime(record[column.dataIndex]) }}
         </template>
-        <template v-else-if="column.dataIndex === 'picker'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.picker" class="rounded-6px" />
+        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
+          <a-image :width="64" :height="64" :src="record.cover" class="rounded-6px" />
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
@@ -121,15 +121,14 @@ const onDelete = (item) => {
   emits('delete', item);
 };
 const onEdit = (item) => {
-  router.push(`/manuscript/edit/${item.index}`);
+  router.push(`/manuscript/edit/${item.id}`);
 };
 const onDetail = (item) => {
-  console.log('onDetail');
-  router.push(`/manuscript/detail/${item.index}`);
+  router.push(`/manuscript/detail/${item.id}`);
 };
 
-const getStatusInfo = (status) => {
-  return CHECK_STATUS.find((v) => v.value === status) ?? {};
+const getStatusInfo = (audit_status) => {
+  return CHECK_STATUS.find((v) => v.id === audit_status) ?? {};
 };
 </script>
 
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/style.scss b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/style.scss
index 47c40df..8621a01 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/style.scss
@@ -7,7 +7,7 @@
     font-weight: 400;
     line-height: 22px;
   }
-  :deep(.manuscript_name) {
+  :deep(.title) {
     cursor: pointer;
     &:hover {
       color: #6d4cfe;
diff --git a/src/views/creative-generation-workshop/manuscript/list/constants.ts b/src/views/creative-generation-workshop/manuscript/list/constants.ts
index 625fe79..e0448e7 100644
--- a/src/views/creative-generation-workshop/manuscript/list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/list/constants.ts
@@ -10,36 +10,32 @@ export const INITIAL_QUERY = {
 
 export enum EnumCheckStatus {
   All = '',
-  Wait = 0,
-  Checking = 1, 
-  Passed = 2,
+  Wait = 1,
+  Checking = 2, 
+  Passed = 3,
 }
 export enum EnumManuscriptType {
   All = '',
-  Image = 1,
-  Video = 2,  
+  Image = 0,
+  Video = 1,  
 }
 
 export const CHECK_STATUS = [
   {
-    label: '全部',
-    value: EnumCheckStatus.All,
-  },
-  {
-    label: '待审核',
-    value: EnumCheckStatus.Wait,
+    name: '待审核',
+    id: EnumCheckStatus.Wait,
     backgroundColor: '#F2F3F5',
     color: '#3C4043'
   },
   {
-    label: '审核中',
-    value: EnumCheckStatus.Checking,
+    name: '审核中',
+    id: EnumCheckStatus.Checking,
     backgroundColor: '#FFF7E5',
     color: '#FFAE00'
   },
   {
-    label: '已通过',
-    value: EnumCheckStatus.Passed,
+    name: '已通过',
+    id: EnumCheckStatus.Passed,
     backgroundColor: '#EBF7F2',
     color: '#25C883'
   },
diff --git a/src/views/creative-generation-workshop/manuscript/list/index.vue b/src/views/creative-generation-workshop/manuscript/list/index.vue
index 139a7df..2760d88 100644
--- a/src/views/creative-generation-workshop/manuscript/list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/index.vue
@@ -20,11 +20,7 @@
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
     >
-      <ManuscriptTable
-        :dataSource="dataSource"
-        @sorterChange="handleSorterChange"
-        @delete="handleDelete"
-      />
+      <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-box">
         <a-pagination
           :total="pageInfo.total"
@@ -53,11 +49,8 @@ import DeleteManuscriptModal from './components/manuscript-table/delete-manuscri
 import UploadManuscriptModal from './components/upload-manascript-modal';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
-import { getProjects } from '@/api/all/propertyMarketing';
-import {
-  INITIAL_QUERY,
-  EnumCheckStatus,
-} from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { getWorksPage } from '@/api/all/generationWorkshop.ts';
+import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 
 const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
   onPageChange: () => {
@@ -73,43 +66,67 @@ const deleteManuscriptModalRef = ref(null);
 const uploadManuscriptModalRef = ref(null);
 
 const getData = async () => {
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getWorksPage({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
+
   dataSource.value = [
     {
-      index: 1,
-      name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
-      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
-      status: EnumCheckStatus.Wait,
-      budget: 1,
-      create_at: 1753682671,
+      uid: 1,
+      id:1,
+      projects: ['内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1', '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1'],
+      title: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      audit_status: EnumCheckStatus.Wait,
+      type: 0,
+      updated_at: 1753682671,
+      last_modified_at: 1753682671,
+      uploader: {
+        name: '1111'
+      },
+      last_modifier: {
+        name: '1111'
+      }
     },
     {
-      index: 2,
-      name: '内容稿件2',
-      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
-      status: EnumCheckStatus.Checking,
-      budget: 2,
-      create_at: 1753682672,
+      uid: 2,
+      id:2,
+      projects: ['内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1', '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1'],
+      title: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      audit_status: EnumCheckStatus.Checking,
+      type: 1,
+      updated_at: 1753682672,
+      last_modified_at: 1753682672,
+      uploader: {
+        name: '1111'
+      },
+      last_modifier: {
+        name: '1111'
+      }
     },
     {
-      index: 3,
-      name: '内容稿件3',
-      project_name: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
-      status: EnumCheckStatus.Passed,
-      budget: 1,
-      create_at: 1753682673,
+      uid: 3,
+      id:3,
+      projects: ['内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1', '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1'],
+      title: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
+      audit_status: EnumCheckStatus.Passed,
+      type: 1,
+      updated_at: 1753682673,
+      last_modified_at: 1753682673,
+      uploader: {
+        name: '1111'
+      },
+      last_modifier: {
+        name: '1111'
+      }
     },
   ];
-  pageInfo.value.total = 3;
-  // const { page, page_size } = pageInfo.value;
-  // const { code, data } = await getProjects({
-  //   ...query.value,
-  //   page,
-  //   page_size,
-  // });
-  // if (code === 200) {
-  //   dataSource.value = data?.data ?? [];
-  //   pageInfo.value.total = data.total;
-  // }
 };
 const handleSearch = () => {
   reload();
@@ -137,8 +154,8 @@ const openUploadModal = () => {
 };
 
 const handleDelete = (item) => {
-  const { id, name } = item;
-  deleteManuscriptModalRef.value?.open({ id, name: `“${name}”` });
+  const { id, title } = item;
+  deleteManuscriptModalRef.value?.open({ id, name: `“${title}”` });
 };
 
 onMounted(() => {

From ed1050313cc20e509d0a35237259efde8e931337 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 31 Jul 2025 16:22:37 +0800
Subject: [PATCH 13/64] =?UTF-8?q?feat:=20=E7=A8=BF=E4=BB=B6=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../icon-play-hover.png                       | Bin 0 -> 2214 bytes
 .../icon-play.png                             | Bin 0 -> 2161 bytes
 .../modules/creativeGenerationWorkshop.ts     |   4 +-
 .../manuscript/detail/index.vue               |  98 +++++++++++++++++-
 .../manuscript/detail/style.scss              |  21 +++-
 .../manuscript/edit/index.vue                 |   2 +
 .../manuscript/upload/index.vue               |  57 ++++++----
 .../upload/upload-success-modal.vue           |  14 +--
 8 files changed, 163 insertions(+), 33 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-play-hover.png
 create mode 100644 src/assets/img/creative-generation-workshop/icon-play.png

diff --git a/src/assets/img/creative-generation-workshop/icon-play-hover.png b/src/assets/img/creative-generation-workshop/icon-play-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..5756142a9c44ab370314992388f19dc2116b377c
GIT binary patch
literal 2214
zcmV;X2wC@uP)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH2s=qcK~#7F?VUYn
zRc9E-|A}>o1q(?8scEG`m0&<?3DgV@x|wFkP_yY3x)g_kE+w>!gU~^T7Rk~fRa#Jo
z4!St#;1Gvc)PhD`iYB<^CeRMK6g%|&-*eye+~Ya-o^#LV`@YW)p4@ZIg_u15=i~i4
zrw?{Atn342gRScUWkW54?={GpvWBvamaQwRD_d#3UxsD$!F=f8z3?2)S2}$g@_`~)
zY1s>9ui%NsSWFZEol9pQRCWN-(OeW112e;YWzS(4CJA7lvcvG4o>zpYg&E>;%O1i2
zsxAN>=|@prr$@okz%p?Y6)qE16#%3Cb9gn~1}KDEs9=exngDEbd=O>=3Sj{ip(+Bf
z-SI&xBZRUAzz)6!cN`z&k+SP3u}3IN0Bq=v!Hasq%LaGgjUo!A3;{6RpF;WL_o~4x
zFb}U`EQ}%rz^G@$AA`^dW`gS|h@u3*Xg>#u`nWI~TtorA!4~AtgtD)cy$2yK%$A(>
z{8!nZ$dSASa6;L%vaJx3!oS&mcv(8Pz926FP{Ciqi+&*;dZqKJvNy<>JOscx|25nl
z+vmYfW#jPX4I0RhtOcN(y`2!UhFO&hW0{H|O94oypFf$4AS(fg^NS->5o93%aenb+
zCW5pA;D6*Bi1W*Ue|t`=KR}AnL0SQDsJ90~S!{>ba6dqgq!GZBvLg`6h5}$Vc!D12
zRRCPjnTAjmn1y+UA@R9|ek6zWUe@ue#~0|K7waVhd<R+BsUloE;K+dI6Jj@oNd>^g
zo&6B13VQ(xA$C8Iqy%utA)7g>4}BDS9VV^-sH{^EOreID2WjF8fU1(o9&@0tVrA<%
z0+6oXOz5+&K^sQ^Cm@(gt=k8>34r_34ni=Mz39>qb`!u91k>s0!%hNV^h@JsJ{_|_
zCjm(G+e4%;qXfW7ABlc@h|B^}0+3;!eS~I#Faa>~WlOhx=<@|_ge?ZmgniINCMPF{
zPoF-$`}OPB8})iU^FtK|@;3sfjKT!Ki67H$$n+Lx&Yb!1{Q2{T$HvBXOixem?(6IO
zXK``yFSyN!vfKWD2$ld&`dHEYjgOD-(ANV416$9YJ^Sf}3l~P=HVo{x@*XAtYnhpu
z8NG4i#%H6WqsC{r6ttb!3<}@?Ea%XnL+@X?a^;A_B51qOre6U2U_tGV!{FfHHkApE
zsXk#h+=D(I(Qo_$I1Gnyyf64fU-$)J#n3M)j`jtcrCtkwo&N|N#lgOS{^o7=HwEBi
z^!stJFK7-2`~7cR$FaVk8T66?LU5!n_?Ta`0GzG=Q8>^SG-rG%07k#dGh>lh-WSm4
z!~GEFcf|6(V1xpY^dAFD`+^|~K(>Cx#KOLySptS3#Ky9|V1NP`fRG4_`hp>80#jf?
zUoa#YASI^v1=0j&fWdviP%k%$5<)PwFAxD_4EutKi3wwFq9p=w91%dqT)TE{X<=c(
znDYnkK*)qfqw!{LZtjoEmoLABK~MmEG?|P9Qn0?hzH##8$$LvnONBrAGbL-10aEhp
z*|U1BR=dBtx@zLt!wvQTr9HUVbXe~vCnxV2>U`4BB|u1ksr5dD4GO@tx>YI$*ZVNm
zB?BbD@OmFcU3!3+SWxf7SY`%D{FDiou&CaLvDpN&p2@y|0G8GJApD({^;GaWgf>|3
zj~_pN$5Q8$6@JkIcn)C`OY41*rU3Lzp!5N-zTO9E2E7)*3pkGD^*)Sd(CZSg28V}(
z4%GV~bbiy{{`~-t;2@6F`yea&!oM0w0XXwiFvseBkOh6=7XVe^#C(8*_1+JE=gpq4
zKk$vmup9^LeULUE2loUnz+xP&_d(ivy`TV?8mx$n#l^){ea(7*>C&a&XJ==Z;5O|1
z+XN7{CG0LNcwmHT?q2bA*REafUcGwtrNb%T&s+07eIXy>En~igU?Z~#%=d(y3*aPy
z^D~1MLZ7}h*%x&%<R%2$2=!@{0A4_{fK4#+L;cz5XqaRHd$<+#jZOlPEMNzW{>b^A
zZiho93z*NXPT%Y%0LcPo!%3fxv%7JQhtESWmFwL;um#;|z?(3VTgsaS%Xinsy|_1s
zxC1#rViNS#-8dhND*(=;&qFYUdBj}Qi&FwLR24Ui?14~an62-{{czHI1aU|qrJ%ad
zH(eV)KS?qG;YJD$E%=PVtq`gNQ~vkxn)cWv6#!a4fR7=!`Z>b}@|&_JNJuXNAlyJI
z{Xli#knc8npjQD9s*RgRc0wo<mgHa2BWVOco+=wtwjDwlu<82|UT@YDX$8O^%uK+3
zK<+P4EOh=wc>P$<q!j>RQ^+(VA}9{+{M1A8ECfJA1jUh=^GQ|$AR>bN$<+BIO92oO
zL4I)P{R1+diOpI7gd(^PZ+Iv}#B5+t%^_vO7e*ceARHY$XkG7vkOnU9{EQSsy-wsM
z01da3F(Z5gSvyDy=k|X=k28F6=|eH_c?9Pm&n1XU=FMIdd1n9(vj9_>tRHlTf2W_2
zL%k29s0`qTdkbrjY!HOeK97QTVV5BQ!c1^f*%SoA)jaOuEBpw1Spv{73(P1x05@T@
z&!fa$R%Hu7!yQJ<2CkF^I{qdqaOkEg0?^nlgvvNxQ#Ao-*eFiHp2H}WbG)Xi0?;rM
zXd#%E71+>mNXOGTmAx5v)dk?^V9VGrR&}9C-)oTvGL1M?Ymxx`Fe6OB+mkqga$yHg
zr$5C1cUv_EQw89MrGY}=qSHvr^2!i&E}yQ#=zfKW8!wrJ4FU*5i-5uyRyNprPa8mV
oKe6U}rEv<o-nw3fg{Pwa1MLM$M)yDv^8f$<07*qoM6N<$g14Ii>;M1&

literal 0
HcmV?d00001

diff --git a/src/assets/img/creative-generation-workshop/icon-play.png b/src/assets/img/creative-generation-workshop/icon-play.png
new file mode 100644
index 0000000000000000000000000000000000000000..95b46f2858b50bf4081af288f1195dda6ad6dc50
GIT binary patch
literal 2161
zcmV-%2#)uOP)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH2nI<+K~#7F?Va0e
zR96(nzoe2Bi7_P=F`$`JQ7Gy|gg^?SPzn~T#hS;0LjDDxeD{y=K~QL^FNI>Il|m)K
zVxS;Om4Ydj(TdWN2qw0T0ipYwGdrFf&&-_r*_ZW$#mt!;&1HRit+g*_?>@N67G<N#
zhLjB}8)$zv6#9A`E6UbF#_MHe&)V0EaEw0K51qL~*}LsmI(ZP~@DhO-mXtkdzplVy
zY!m>U%hugcHjd7%xhj_0wtzqsR$-F>#+2<r;PkRucwQJG9x7|L&3H@~fNtsgV6M|U
z!PM|n*)15HCQKCoTl+x-Io$=c5R6L^rU}3`$46l#pb!>d2&M?Yb;n0BMhJBafED}^
z_~ZB}EEsR1#u}k60kEKBVRsM$VKlghpchdobqIjr{xItAzncc5z#J+r6sr^fTm6Kx
z{SdlwSJ^x&qACHfwI74D`lK)#Ttx-7!CNSwy~;jTwi!ZF7%lmCd!_7elt|eEm{K;W
zY!igE&^J5V@1LS1$`Sw-{1E~b3;AHt%$d%|2qHqElpz4-`A-o1;6gEsD0?5lxWO6<
zq-X)?Vs8XO(J-nuP_PJ!6o6Fv<x{u_iV}c0zd8yPK@kEF=T}c*BFHNM{ve-0oL>k0
z+q2OA137vJc?H0(-gXFe!NIk6ls!O3@(6%4c^^Qi8}_)k?ENt^kW~Pj(3yl_3XH-p
z5Ufs4ML*KRd_MufG&t;@x)#e40Zu|Dc1(o6Y$*F3DT>0h0-(xvLNFEf4CvFu^+1{w
zz%GX@<}e@nDDgZ@QUOp|hauPkeU<1znxq2Y0!|t1u?PBUUy>V>2!Q{YtlqT``mAT8
zO(K9P2)1&h*A2Y{z^8E=5Nw4H+;lAndkH{7zx{OeVK)J=^-JMrKV73hHvvfNcZZI?
z>?8mxMq0l+bc_O>1R$;7Jz{+tCjh<cmf#k8C$$a43BZ}wKQlA4>*B?Who+{cwn8A|
z(GTKg13B<x+lEYUaPHi>182^hncls7_xOnuCk|}ew(Xzm*RTHtzhMNp6aF9?0UB_m
z_?wuR*rneO4i3JpqQNmn1NaS>j%_Fg;{@O=M~@yoG&eVQ(({zCCw$?R0LWg&rAwE-
z@K^*5gi?H101OQS@POgr;jNc1U!Gx|0RNzmNA*Qm0DIsOp4SBp{U$7cQFw@_b-{Xf
zPzylsukR%u)&*PIwk`l~ov-n*E@+MR_J=Qg$FsViH7wj8z7PUDsS7ql0Pj;k6c6fx
z^%{V!-;4f#S{$znS_f(ML!93g$LoSo3P8et0vxRiS`lCfLLwZj3t9pghL9M?>Vg5O
z0W#oFT_8nZ9vr9(hC~24vAr&!0A&4tPAskqwq)5PN{GSMx<CX_FsuuXA3tu*=9wY@
z&k+F>%(ZLRZd|!?#hT|2L;wY`y1M%E!i5W0PoF-00~W!<oOm>u^aOISyuAGU)TvWn
z&d<+3hh415X<j*b^ytyU>FMcj)axqjV~r``1%ym6-%n0Xer2iiNlO5=om_1zw&wd7
z)|dh+Ke5_oEYA0Fv}yoJ0SU1@-^a0{djUcZnC~43`B9cw1EfA>!Y3Tc_i?Q02*9Jq
zWLh|aWBEP`eZHv20Vo1l92&yGd>^G1`Snon6A0@#(7#W@1_4MN0O#|4lvbnHDc~tQ
z$MJk0N2}3?YXEO2g*?djQRw_u_dh%x+=PdClJBFer~I%09>OC$%lA<h^qcT>@FF}J
z5AZPGhoO(xdwrWCUueSd-NHP~_feYRi|CTD1vreS`94ZBd=V7@L&F*z;P&m?>otw%
z`92J1ew*PB;+BNng#%m0pFMk)zX!&~#zxMcKmV(z`98`UBffnxH*w3D&mp+T*N9C2
z$1MwIZ@~MJK?k8v-&p(6>A8Sg5L_eHr=0}ATp>}w9a#Lu&iHnFGDxC;J9PAAHvvc#
za09mf`<=en>)Akw0`}9@hrI+KQNV6E7<Rwg4N0C3o`qm5H+$Xi7J8$HhQ}b-1Vewb
z*G)<H2jH-(JV9g+^wqs2HzpMTqrfZ#TbM<{XFijp01bx`xmd)S4UjyAE&sQqH>ceq
zhIvI&fw|B(Jqy1uX(9l5g`lw5o8jLI<-#=mEmE%M$l^qPga6>cF|(HOi?TnFlB}(m
z%ZjBQFbAgQJIFwuF#Z_91EnJn>ZGacXJjOA9%snescbWZI$+WF1A^Kt6L|%|Z_G&W
z9%O%ks-g40Q}!=%P(&rKpC=FzREKtc?(Kbw>dJ`-s-rOHlOp@_B7*WM)cK_7!5k4m
zc|240Jqq5{t&Gt;ihzp{Mj&0pqG&4n5jhLKILaE%W$)lY`@O6q$Ok8PW|5<-*Nw8r
z^SPXi5n(%I?jSAvyK#Ug(+FQu`cMtrdgfEeF||o4yx8kRRjrb0=Bgr@Kj;lZ{!b_&
z-^Wo^1PH^L;0PodL}9C+Ma6qI)*%4GNU$FcJceEnoXum)uYBwNx&)wMZSbM8arg;~
z<XP0XV|(2K&~Swjqk%7JfsSXZuYHSNQv{%KT?ocFUSpa7G%OS;gdK1L;~cLsRR9{+
z2owSZVOvztU0*(*w+KTqT>xPkAv1NNNl%7xyFDwm;I~NtVHgp(q2(y*Kj?xLJX?7a
z!D3mfPGPfE0AZLWD1tG(7DQPQf-Rg5XHM6fX<2>fmJ0%igCZDgzfvGW?dyTIb=nqR
nJM#rzpQWU?(qDpuC#?MszI#7FZcK}T00000NkvXXu0mjf=keVP

literal 0
HcmV?d00001

diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index c21723f..6dd7ad1 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -63,6 +63,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '稿件详情',
           requiresAuth: false,
           requireLogin: false,
+          hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
           activeMenu: 'ManuscriptList',
@@ -84,9 +85,10 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'check/:id',
         name: 'ManuscriptCheck',
         meta: {
-          locale: '内容稿件审核',
+          locale: '稿件审核',
           requiresAuth: false,
           requireLogin: false,
+          hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
           activeMenu: 'ManuscriptCheckList',
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index 2df3242..a00df89 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -1,5 +1,8 @@
 <script lang="jsx">
 import { Button, Message as AMessage } from '@arco-design/web-vue';
+import icon1 from '@/assets/img/creative-generation-workshop/icon-play.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-play-hover.png';
+import { useRouter, useRoute } from 'vue-router';
 
 export default {
   setup(props, { emit, expose }) {
@@ -7,9 +10,61 @@ export default {
     const route = useRoute();
     const workId = ref(route.params.id);
 
+    // 视频播放相关状态
+    const isPlaying = ref(false);
+    const isHovered = ref(false);
+    const videoRef = ref(null);
+    const videoUrl = ref(''); // 视频URL，实际项目中可能从API获取
+    const coverImageUrl = ref(''); // 封面图URL，实际项目中可能从API获取
+    const isVideoLoaded = ref(false); // 视频是否已加载
+
     const onBack = () => {
       router.push({ name: 'ManuscriptList' });
     };
+
+    const togglePlay = () => {
+      if (!videoRef.value) return;
+
+      if (isPlaying.value) {
+        videoRef.value.pause();
+      } else {
+        // 首次播放时才加载视频
+        if (!isVideoLoaded.value) {
+          videoRef.value.src = videoUrl.value;
+          isVideoLoaded.value = true;
+        }
+        videoRef.value.play();
+      }
+      isPlaying.value = !isPlaying.value;
+    };
+
+    const onVideoEnded = () => {
+      isPlaying.value = false;
+    };
+    const onMouseEnter = () => {
+      isHovered.value = true;
+    };
+    const onMouseLeave = () => {
+      isHovered.value = false;
+    };
+    let containerRef = null;
+
+    onMounted(() => {
+      containerRef = document.querySelector('.main-img-box');
+      if (containerRef) {
+        containerRef.addEventListener('mouseenter', onMouseEnter);
+        containerRef.addEventListener('mouseleave', onMouseLeave);
+      }
+    });
+
+    onUnmounted(() => {
+      if (containerRef) {
+        containerRef.removeEventListener('mouseenter', onMouseEnter);
+        containerRef.removeEventListener('mouseleave', onMouseLeave);
+        containerRef = null;
+      }
+    });
+
     const renderFooterRow = () => {
       return (
         <>
@@ -30,9 +85,10 @@ export default {
         </>
       );
     };
+
     return () => (
       <>
-        <div class="manuscript-check-wrap">
+        <div class="manuscript-detail-wrap">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
               内容稿件列表
@@ -40,6 +96,46 @@ 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 border-1px border-#D7D7D9 border-solid py-32px">
+            <div class="w-684px mx-auto flex flex-col items-center">
+              <p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">
+                挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价
+              </p>
+              <p class="cts !text-12px !color-#737478 mb-32px w-full text-left">6月26日修改</p>
+
+              <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
+                <video ref={videoRef} class="w-100% h-100% object-cover" onEnded={onVideoEnded}></video>
+
+                <img
+                  v-show={!isPlaying.value}
+                  src={coverImageUrl.value}
+                  class="w-100% h-100% object-cover absolute inset-0"
+                />
+
+                <div v-show={!isPlaying.value} class="absolute inset-0 flex items-center justify-center">
+                  <img src={isHovered.value ? icon2 : icon1} class="w-64px h-64px transition-all duration-300" />
+                </div>
+              </div>
+
+              <p class="cts !color-#211F24 mb-40px">
+                谁懂啊！作为混干皮，每天素颜出门总被说 “气色好差”，直到被闺蜜按头安利这个 30 块的素颜霜 ——
+                质地像冰淇淋一样推开就化，完全不卡粉！带一点自然提亮，黄黑皮涂完像天生好皮肤，连遮瑕都省了～
+                最绝的是它还带轻微防晒值，早上洗完脸涂一层就能冲出门，懒人狂喜！我已经空罐 3
+                瓶了，现在同事都以为我每天早起化妆，其实我多睡了 20 分钟 hhh
+                （PS：油痘肌姐妹建议局部薄涂，后续补妆更服帖～）
+              </p>
+              <div class="desc-img-wrap">
+                {new Array(5).fill(0).map((item, index) => (
+                  <div class="desc-img-box" key={index}>
+                    <img src="" class="w-100% h-100%" />
+                  </div>
+                ))}
+                <div class="desc-img-box">
+                  <img src="" class="w-100% h-100%" />
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
         <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
       </>
diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss
index 76b35c1..32075a2 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss
@@ -14,6 +14,25 @@ $footer-height: 68px;
       font-family: $font-family-medium;
     }
   }
+  .main-img-box {
+    width: 320px;
+    height: 472px;
+    background: #fff;
+    object-fit: contain;
+    aspect-ratio: 3/4;
+  }
+  .desc-img-wrap {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24px;
+    .desc-img-box {
+      width: 212px;
+      height: 283px;
+      background: #fff;
+      object-fit: contain;
+      aspect-ratio: 3/4;
+    }
+  }
 }
 .footer-row {
   position: fixed;
@@ -22,4 +41,4 @@ $footer-height: 68px;
   width: calc(100% - $sidebar-width);
   border-top: 1px solid #e6e6e8;
   height: $footer-height;
-}
\ No newline at end of file
+}
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index a286729..4cdc684 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -46,6 +46,8 @@ export default {
 
           if (check) {
             router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
+          } else {
+            onBack()
           }
         }
       });
diff --git a/src/views/creative-generation-workshop/manuscript/upload/index.vue b/src/views/creative-generation-workshop/manuscript/upload/index.vue
index acae812..6fa205a 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue
@@ -6,6 +6,7 @@ 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 { postWorksBatch } from '@/api/all/generationWorkshop.ts';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
@@ -27,20 +28,22 @@ export default {
   },
   setup(props, { emit, expose }) {
     const formRef = ref(null);
+    const route = useRoute();
     const cancelUploadModal = ref(null);
     const uploadSuccessModal = ref(null);
-    const dataSource = ref([]);
+    const works = ref([]);
     const selectCardInfo = ref({});
     const errorDataCards = ref([]);
     const uploadLoading = ref(false);
+    const workId = route.params.id;
 
     const onCancel = () => {
-      cancelUploadModal.value?.open(dataSource.value.length);
+      cancelUploadModal.value?.open(works.value.length);
     };
 
     const validateDataSource = () => {
       return new Promise((resolve) => {
-        dataSource.value.forEach((item) => {
+        works.value.forEach((item) => {
           if (!item.title?.trim()) {
             errorDataCards.value.push(item);
           }
@@ -50,8 +53,8 @@ export default {
         }
 
         if (errorDataCards.value.length > 0) {
-          AMessage.error(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
-          
+          AMessage.warning(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
+
           setTimeout(() => {
             const el = document.getElementById(`card-${errorDataCards.value[0]?.id}`);
             if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
@@ -61,13 +64,21 @@ export default {
       });
     };
 
-    const onSubmit = async () => {
+    const onUpload = async (e, check = false) => {
+      console.log('onUpload', works.value);
       formRef.value
         ?.validate()
         .then(() => {
-          validateDataSource().then((res) => {
-            console.log('success');
-            uploadSuccessModal.value?.open(dataSource.value);
+          validateDataSource().then(async (res) => {
+            const { code, data } = await postWorksBatch({ works: works.value });
+            if (code === 200) {
+              uploadLoading.value = false;
+              if (check) {
+                uploadSuccessModal.value?.open(workId);
+              } else {
+                router.push({ name: 'ManuscriptList' });
+              }
+            }
           });
         })
         .catch((err) => {
@@ -75,8 +86,8 @@ export default {
         });
     };
 
-    const onSubmitAndCheck = () => {
-      console.log('onSubmitAndCheck');
+    const onUploadAndCheck = (e) => {
+      onUpload(e, true);
     };
 
     const handleReValidate = () => {
@@ -95,12 +106,12 @@ export default {
 
     const onDelete = (e, item, index) => {
       e.stopPropagation();
-      dataSource.value.splice(index, 1);
+      works.value.splice(index, 1);
       deleteErrorCard(item);
 
       if (item.id === selectCardInfo.value.id) {
-        if (dataSource.value.length) {
-          const _target = dataSource.value[0] ?? {};
+        if (works.value.length) {
+          const _target = works.value[0] ?? {};
           selectCardInfo.value = _target;
         } else {
           selectCardInfo.value = {};
@@ -109,13 +120,13 @@ export default {
     };
 
     const renderFooterRow = () => {
-      if (dataSource.value.length > 1) {
+      if (works.value.length > 1) {
         return (
           <>
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button type="primary" size="medium" onClick={onSubmit} loading={uploadLoading.value}>
+            <Button type="primary" size="medium" onClick={onUpload} loading={uploadLoading.value}>
               {uploadLoading.value ? '批量上传' : '批量上传'}
             </Button>
           </>
@@ -126,10 +137,10 @@ export default {
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button size="medium" type="outline" onClick={onSubmit} class="mr-12px">
+            <Button size="medium" type="outline" onClick={onUpload} class="mr-12px" loading={uploadLoading.value}>
               上传
             </Button>
-            <Button type="primary" size="medium" onClick={onSubmitAndCheck} loading={uploadLoading.value}>
+            <Button type="primary" size="medium" onClick={onUploadAndCheck} loading={uploadLoading.value}>
               上传并审核
             </Button>
           </>
@@ -137,8 +148,8 @@ export default {
       }
     };
     const getData = () => {
-      dataSource.value = generateMockData();
-      selectCardInfo.value = dataSource.value[0] ?? {};
+      works.value = generateMockData();
+      selectCardInfo.value = works.value[0] ?? {};
     };
     const getCardClass = (item) => {
       if (selectCardInfo.value.id === item.id) {
@@ -159,15 +170,15 @@ export default {
           <div class="left flex-1 overflow-y-auto p-24px">
             <EditForm ref={formRef} v-model={selectCardInfo.value} onReValidate={handleReValidate} />
           </div>
-          {dataSource.value.length > 1 && (
+          {works.value.length > 1 && (
             <div class="right pt-24px pb-12px flex flex-col">
               <div class="title flex items-center  px-24px">
                 <div class="w-3px h-16px bg-#6D4CFE rounded-2px mr-8px"></div>
                 <p class="cts bold !color-#211F24 !text-16px !lh-24px mr-8px">上传内容稿件列表</p>
-                <p class="cts">{`共${dataSource.value.length}个`}</p>
+                <p class="cts">{`共${works.value.length}个`}</p>
               </div>
               <div class="flex-1 px-24px overflow-y-auto pt-24px">
-                {dataSource.value.map((item, index) => (
+                {works.value.map((item, index) => (
                   <div
                     key={item.id}
                     id={`card-${item.id}`}
diff --git a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
index a821613..ca23870 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
@@ -19,10 +19,10 @@ import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
 const visible = ref(false);
-const data = ref([]);
+const workId = ref('');
 
 const onClose = () => {
-  data.value = [];
+  workId.value = '';
   visible.value = false;
 };
 
@@ -31,13 +31,13 @@ const onBack = () => {
   router.push({ name: 'ManuscriptList' });
 };
 const onConfirm = () => {
-  onClose();
-  console.log('跳转至「内容稿件审核」菜单tab，进入批量审核稿件页面');
-  router.push({ name: 'ManuscriptCheck' });
+  visible.value = false;
+  router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
 };
 
-const open = (dataSource) => {
-  data.value = dataSource;
+const open = (id) => {
+  console.log({ id });
+  workId.value = id;
 
   visible.value = true;
 };

From 44f9fc3cc34b8d7ab1000e120e004a256308ad19 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 31 Jul 2025 16:46:08 +0800
Subject: [PATCH 14/64] =?UTF-8?q?perf:=20=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manuscript/detail/index.vue               | 89 ++++++++-----------
 .../manuscript/detail/style.scss              | 18 ++++
 2 files changed, 56 insertions(+), 51 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index a00df89..7c39c10 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -1,7 +1,5 @@
 <script lang="jsx">
 import { Button, Message as AMessage } from '@arco-design/web-vue';
-import icon1 from '@/assets/img/creative-generation-workshop/icon-play.png';
-import icon2 from '@/assets/img/creative-generation-workshop/icon-play-hover.png';
 import { useRouter, useRoute } from 'vue-router';
 
 export default {
@@ -12,16 +10,36 @@ export default {
 
     // 视频播放相关状态
     const isPlaying = ref(false);
-    const isHovered = ref(false);
     const videoRef = ref(null);
-    const videoUrl = ref(''); // 视频URL，实际项目中可能从API获取
-    const coverImageUrl = ref(''); // 封面图URL，实际项目中可能从API获取
-    const isVideoLoaded = ref(false); // 视频是否已加载
+    const videoUrl = ref(''); 
+    const coverImageUrl = ref(''); 
+    const isVideoLoaded = ref(false); 
+    const contentType = ref('video');
+
+    const isVideo = computed(() => contentType.value === 'video');
 
     const onBack = () => {
       router.push({ name: 'ManuscriptList' });
     };
 
+    const renderMainImg = () => {
+      if (isVideo.value) {
+        return (
+          <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
+            <video ref={videoRef} class="w-100% h-100% object-cover" onEnded={onVideoEnded}></video>
+            <img src={coverImageUrl.value} class="w-100% h-100% object-cover absolute z-0 top-0 left-0" />
+            <div v-show={!isPlaying.value} class="play-icon"></div>
+          </div>
+        );
+      } 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" />
+          </div>
+        );
+      }
+    };
+
     const togglePlay = () => {
       if (!videoRef.value) return;
 
@@ -41,29 +59,6 @@ export default {
     const onVideoEnded = () => {
       isPlaying.value = false;
     };
-    const onMouseEnter = () => {
-      isHovered.value = true;
-    };
-    const onMouseLeave = () => {
-      isHovered.value = false;
-    };
-    let containerRef = null;
-
-    onMounted(() => {
-      containerRef = document.querySelector('.main-img-box');
-      if (containerRef) {
-        containerRef.addEventListener('mouseenter', onMouseEnter);
-        containerRef.addEventListener('mouseleave', onMouseLeave);
-      }
-    });
-
-    onUnmounted(() => {
-      if (containerRef) {
-        containerRef.removeEventListener('mouseenter', onMouseEnter);
-        containerRef.removeEventListener('mouseleave', onMouseLeave);
-        containerRef = null;
-      }
-    });
 
     const renderFooterRow = () => {
       return (
@@ -86,6 +81,7 @@ export default {
       );
     };
 
+    // 4. 修改模板部分，根据contentType条件渲染
     return () => (
       <>
         <div class="manuscript-detail-wrap">
@@ -102,38 +98,29 @@ export default {
                 挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价
               </p>
               <p class="cts !text-12px !color-#737478 mb-32px w-full text-left">6月26日修改</p>
+              {renderMainImg()}
 
-              <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
-                <video ref={videoRef} class="w-100% h-100% object-cover" onEnded={onVideoEnded}></video>
-
-                <img
-                  v-show={!isPlaying.value}
-                  src={coverImageUrl.value}
-                  class="w-100% h-100% object-cover absolute inset-0"
-                />
-
-                <div v-show={!isPlaying.value} class="absolute inset-0 flex items-center justify-center">
-                  <img src={isHovered.value ? icon2 : icon1} class="w-64px h-64px transition-all duration-300" />
-                </div>
-              </div>
-
-              <p class="cts !color-#211F24 mb-40px">
+              <p class="cts !color-#211F24 ">
                 谁懂啊！作为混干皮，每天素颜出门总被说 “气色好差”，直到被闺蜜按头安利这个 30 块的素颜霜 ——
                 质地像冰淇淋一样推开就化，完全不卡粉！带一点自然提亮，黄黑皮涂完像天生好皮肤，连遮瑕都省了～
                 最绝的是它还带轻微防晒值，早上洗完脸涂一层就能冲出门，懒人狂喜！我已经空罐 3
                 瓶了，现在同事都以为我每天早起化妆，其实我多睡了 20 分钟 hhh
                 （PS：油痘肌姐妹建议局部薄涂，后续补妆更服帖～）
               </p>
-              <div class="desc-img-wrap">
-                {new Array(5).fill(0).map((item, index) => (
-                  <div class="desc-img-box" key={index}>
+
+              {/* 仅图片类型显示图片列表 */}
+              {!isVideo.value && (
+                <div class="desc-img-wrap mt-40px">
+                  {new Array(5).fill(0).map((item, index) => (
+                    <div class="desc-img-box" key={index}>
+                      <img src="" class="w-100% h-100%" />
+                    </div>
+                  ))}
+                  <div class="desc-img-box">
                     <img src="" class="w-100% h-100%" />
                   </div>
-                ))}
-                <div class="desc-img-box">
-                  <img src="" class="w-100% h-100%" />
                 </div>
-              </div>
+              )}
             </div>
           </div>
         </div>
diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss
index 32075a2..369a3b6 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss
@@ -33,6 +33,24 @@ $footer-height: 68px;
       aspect-ratio: 3/4;
     }
   }
+  .play-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 222;
+    width: 64px;
+    height: 64px;
+    background-image: url('@/assets/img/creative-generation-workshop/icon-play.png');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    transition: background-image 0.3s ease;
+  }
+
+  .play-icon:hover {
+    background-image: url('@/assets/img/creative-generation-workshop/icon-play-hover.png');
+  }
 }
 .footer-row {
   position: fixed;

From 372f6731192c8cf78d00943769558a4b2c088dfb Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 31 Jul 2025 17:10:44 +0800
Subject: [PATCH 15/64] =?UTF-8?q?perf:=20=E7=BC=96=E8=BE=91=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=8C=BA=E5=88=86=E8=A7=86=E9=A2=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manuscript/components/edit-form/index.vue | 183 ++++++++++++------
 1 file changed, 119 insertions(+), 64 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 8388dac..120f59e 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -1,20 +1,13 @@
 <script lang="jsx">
-import { Form, FormItem, Input, Textarea, Upload, Message as AMessage } from '@arco-design/web-vue';
+import { Form, FormItem, Input, Textarea, Upload, Message as AMessage, Button } from '@arco-design/web-vue';
 import CommonSelect from '@/components/common-select';
 import { VueDraggable } from 'vue-draggable-plus';
+import TextOverTips from '@/components/text-over-tips';
 
 import { getProjectList } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
 
-// 初始表单数据
-// const INITIAL_FORM = {
-//   title: '',
-//   desc: '',
-//   project_ids: [],
-//   files: [],
-// };
-
 // 表单验证规则
 const FORM_RULES = {
   title: [{ required: true, message: '请输入标题' }],
@@ -38,6 +31,11 @@ export default {
     const uploadRef = ref(null);
     const projects = ref([]);
 
+    const isVideo = computed(() => false);
+
+    const replaceVideo = () => {
+      console.log('replaceVideo');
+    };
     // 文件上传处理
     const handleUpload = (option) => {
       const {
@@ -105,6 +103,110 @@ export default {
       formRef.value?.clearValidate?.();
     };
 
+    const renderImage = () => {
+      return (
+        <FormItem
+          field="files"
+          v-slots={{
+            label: () => (
+              <div class="flex items-center">
+                <span class="cts !color-#211F24 mr-8px">视频</span>
+                <span class="cts !color-#939499">截取视频第一帧为首图</span>
+              </div>
+            ),
+          }}
+        >
+          <div class="flex items-center justify-between p-12px rounded-8px bg-#F7F8FA w-784px">
+            <div class="flex items-center mr-12px">
+              <img src={''} class="w-80 h-80 object-cover mr-16px rounded-8px" />
+              <div class="flex flex-col">
+                <TextOverTips
+                  context={`视频素材标题视频素材标题.mp4`}
+                  class="mb-4px cts !text-14px !lh-22px color-#211F24"
+                />
+                <p>
+                  <span class="cts color-#939499 mr-24px">视频大小：483.29kb</span>
+                  <span class="cts color-#939499">视频时长：2.73s</span>
+                </p>
+              </div>
+            </div>
+            <div>
+              <Upload
+                ref={uploadRef}
+                action="/"
+                draggable
+                custom-request={replaceVideo}
+                accept=".mp4,.webm,.ogg,.mov,.avi,.flv,.wmv,.mkv"
+                show-file-list={false}
+              >
+                {{
+                  'upload-button': () => <Button type="text">替换视频</Button>,
+                }}
+              </Upload>
+            </div>
+          </div>
+        </FormItem>
+      );
+    };
+
+    const renderVideo = () => {
+      return (
+        <FormItem
+          field="files"
+          v-slots={{
+            label: () => (
+              <div class="flex items-center">
+                <span class="cts !color-#211F24 mr-4px">图片</span>
+                <span class="cts mr-8px !color-#939499">{`(${props.modelValue.files?.length ?? 0}/18)`}</span>
+                <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
+              </div>
+            ),
+          }}
+        >
+          <div>
+            <div class="">
+              {/* 已上传的图片列表 */}
+              <VueDraggable v-model={props.modelValue.files} class="grid grid-cols-7 gap-8px">
+                {props.modelValue.files?.map((file, index) => (
+                  <div key={index} class="group relative cursor-move">
+                    <img src={file} class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8" />
+                    <img
+                      src={icon1}
+                      width={16}
+                      height={16}
+                      class="absolute top-2px right-2px cursor-pointer hidden group-hover:block"
+                      onClick={() => handleDeleteFile(index)}
+                    />
+                  </div>
+                ))}
+              </VueDraggable>
+            </div>
+            {props.modelValue.files?.length < 18 && (
+              <Upload
+                ref={uploadRef}
+                action="/"
+                draggable
+                custom-request={handleUpload}
+                accept=".jpg,.jpeg,.png,.gif,.webp"
+                show-file-list={false}
+                multiple
+                limit={18 - props.modelValue.files?.length}
+              >
+                {{
+                  'upload-button': () => (
+                    <div class="upload-box">
+                      <icon-plus size="14" class="mb-16px color-#3C4043" />
+                      <span class="cts !color-#211F24">上传图片</span>
+                    </div>
+                  ),
+                }}
+              </Upload>
+            )}
+          </div>
+        </FormItem>
+      );
+    };
+
     // 暴露方法
     expose({
       validate,
@@ -145,61 +247,7 @@ export default {
             auto-size={{ minRows: 7, maxRows: 9 }}
           />
         </FormItem>
-
-        <FormItem
-          field="files"
-          v-slots={{
-            label: () => (
-              <div class="flex items-center">
-                <span class="cts !color-#211F24 mr-4px">图片</span>
-                <span class="cts mr-8px !color-#939499">{`(${props.modelValue.files?.length ?? 0}/18)`}</span>
-                <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
-              </div>
-            ),
-          }}
-        >
-          <div>
-            <div class="">
-              {/* 已上传的图片列表 */}
-              <VueDraggable v-model={props.modelValue.files} class="grid grid-cols-7 gap-8px">
-                {props.modelValue.files?.map((file, index) => (
-                  <div key={index} class="group relative cursor-move">
-                    <img src={file} class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8" />
-                    <img
-                      src={icon1}
-                      width={16}
-                      height={16}
-                      class="absolute top-2px right-2px cursor-pointer hidden group-hover:block"
-                      onClick={() => handleDeleteFile(index)}
-                    />
-                  </div>
-                ))}
-              </VueDraggable>
-            </div>
-            {props.modelValue.files?.length < 18 && (
-              <Upload
-                class="not-draggable"
-                ref={uploadRef}
-                action="/"
-                draggable
-                custom-request={handleUpload}
-                accept=".jpg,.jpeg,.png,.gif,.webp"
-                show-file-list={false}
-                multiple
-                limit={18 - props.modelValue.files?.length}
-              >
-                {{
-                  'upload-button': () => (
-                    <div class="upload-box">
-                      <icon-plus size="14" class="mb-16px color-#3C4043" />
-                      <span class="cts !color-#211F24">上传图片</span>
-                    </div>
-                  ),
-                }}
-              </Upload>
-            )}
-          </div>
-        </FormItem>
+        {isVideo.value ? renderVideo() : renderImage()}
 
         <FormItem label="所属项目" field="project_ids">
           <CommonSelect
@@ -218,6 +266,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.cts {
+  font-family: $font-family-regular;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+}
 .upload-box {
   display: flex;
   width: 100px;

From 1cb33bd3ad8590882ede66a9f3ab3f1cec047131 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 31 Jul 2025 18:18:50 +0800
Subject: [PATCH 16/64] =?UTF-8?q?feat:=20=E8=A7=86=E9=A2=91=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/common.ts                         |  12 +-
 src/utils/tools.ts                            |  22 +++
 .../manuscript/components/edit-form/index.vue | 156 ++++++++++++++----
 3 files changed, 157 insertions(+), 33 deletions(-)

diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index d06e4f4..574d7e9 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -61,4 +61,14 @@ export const postBatchDownload = (params = {}) => {
 // 任务中心-批量查询任务状态
 export const batchQueryTaskStatus = (params = {}) => {
   return Http.get(`/v1/tasks/batch-query-status`, params);
-};
\ No newline at end of file
+};
+
+// 获取图片上传地址
+export const getImagePreSignedUrl = (params = {}) => {
+  return Http.get('/v1/oss/image-pre-signed-url', params);
+};
+
+// 获取视频上传地址
+export const getVideoPreSignedUrl = (params = {}) => {
+  return Http.get('/v1/oss/video-pre-signed-url', params);
+};
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 7fa94db..02e2178 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -109,4 +109,26 @@ export function downloadByUrl(url: string, filename?: string) {
 
 export function genRandomId() {
   return `id_${Date.now()}_${Math.floor(Math.random() * 10000)}`;
+}
+
+export function formatFileSize(bytes: number): string {
+  if (bytes === 0) return '0 Bytes';
+  
+  const k = 1024;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+
+export function getVideoDuration(file: any) {  
+  return new Promise((resolve) => {
+    const video = document.createElement('video');
+    video.preload = 'metadata';
+    video.onloadedmetadata = function() {
+      window.URL.revokeObjectURL(video.src);
+      resolve(video.duration);
+    };
+    video.src = URL.createObjectURL(file);
+  });
 }
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 120f59e..6a1d3fd 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -1,10 +1,13 @@
 <script lang="jsx">
+import axios from 'axios';
 import { Form, FormItem, Input, Textarea, Upload, Message as AMessage, Button } from '@arco-design/web-vue';
 import CommonSelect from '@/components/common-select';
 import { VueDraggable } from 'vue-draggable-plus';
 import TextOverTips from '@/components/text-over-tips';
 
+import { formatFileSize, getVideoDuration } from '@/utils/tools';
 import { getProjectList } from '@/api/all/propertyMarketing';
+import { getImagePreSignedUrl, getVideoPreSignedUrl } from '@/api/all/common';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
 
@@ -13,6 +16,12 @@ const FORM_RULES = {
   title: [{ required: true, message: '请输入标题' }],
 };
 
+const ENUM_UPLOAD_STATUS = {
+  DEFAULT: 'default',
+  UPLOADING: 'uploading',
+  END: 'end',
+};
+
 export default {
   name: 'ManuscriptForm',
   props: {
@@ -30,11 +39,63 @@ export default {
     const formRef = ref(null);
     const uploadRef = ref(null);
     const projects = ref([]);
+    const uploadStatus = ref(ENUM_UPLOAD_STATUS.DEFAULT);
 
-    const isVideo = computed(() => false);
+    const videoInfo = ref({
+      name: '',
+      size: '',
+      percent: 0,
+      poster: '',
+      time: '',
+    });
+    function getFileExtension(filename) {
+      const match = filename.match(/\.([^.]+)$/);
+      return match ? match[1].toLowerCase() : '';
+    }
+    const isVideo = computed(() => true);
 
-    const replaceVideo = () => {
-      console.log('replaceVideo');
+    function formatDuration(seconds) {
+      const minutes = Math.floor(seconds / 60);
+      const remainingSeconds = Math.floor(seconds % 60);
+      const milliseconds = Math.floor((seconds % 1) * 100);
+      return `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}.${milliseconds
+        .toString()
+        .padStart(2, '0')}`;
+    }
+
+    const replaceVideo = async (option) => {
+      try {
+        const {
+          fileItem: { file },
+        } = option;
+
+        uploadStatus.value = ENUM_UPLOAD_STATUS.UPLOADING;
+        // 重置进度为0
+        videoInfo.value.percent = 0;
+        videoInfo.value.name = file.name;
+        videoInfo.value.size = formatFileSize(file.size);
+
+        // const duration = getVideoDuration(file);
+        // videoInfo.value.time = formatDuration(duration);
+
+        const response = await getVideoPreSignedUrl({ suffix: getFileExtension(file.name) });
+        const { file_name, upload_url } = response?.data;
+        if (!upload_url) {
+          throw new Error('未能获取有效的预签名上传地址');
+        }
+
+        const blob = new Blob([file], { type: file.type });
+        const res = await axios.put(upload_url, blob, {
+          headers: { 'Content-Type': file.type },
+          onUploadProgress: (progressEvent) => {
+            const percentCompleted = Math.round(progressEvent.progress * 100);
+            videoInfo.value.percent = percentCompleted;
+          },
+        });
+        props.modelValue.files.push(file_name);
+      } finally {
+        uploadStatus.value = ENUM_UPLOAD_STATUS.END;
+      }
     };
     // 文件上传处理
     const handleUpload = (option) => {
@@ -103,7 +164,36 @@ export default {
       formRef.value?.clearValidate?.();
     };
 
-    const renderImage = () => {
+    const renderVideoUpload = () => {
+      return (
+        <Upload
+          ref={uploadRef}
+          action="/"
+          draggable
+          custom-request={replaceVideo}
+          accept=".mp4,.webm,.ogg,.mov,.avi,.flv,.wmv,.mkv"
+          show-file-list={false}
+        >
+          {{
+            'upload-button': () => {
+              if (uploadStatus.value === ENUM_UPLOAD_STATUS.DEFAULT) {
+                return (
+                  <div class="upload-box">
+                    <icon-plus size="14" class="mb-16px color-#3C4043" />
+                    <span class="cts !color-#211F24">上传视频</span>
+                  </div>
+                );
+              } else {
+                return <Button type="text">替换视频</Button>;
+              }
+            },
+          }}
+        </Upload>
+      );
+    };
+    const renderVideo = () => {
+      const isUploading = uploadStatus.value === ENUM_UPLOAD_STATUS.UPLOADING;
+      const isEnd = uploadStatus.value === ENUM_UPLOAD_STATUS.END;
       return (
         <FormItem
           field="files"
@@ -116,40 +206,42 @@ export default {
             ),
           }}
         >
-          <div class="flex items-center justify-between p-12px rounded-8px bg-#F7F8FA w-784px">
-            <div class="flex items-center mr-12px">
-              <img src={''} class="w-80 h-80 object-cover mr-16px rounded-8px" />
-              <div class="flex flex-col">
-                <TextOverTips
-                  context={`视频素材标题视频素材标题.mp4`}
-                  class="mb-4px cts !text-14px !lh-22px color-#211F24"
-                />
-                <p>
-                  <span class="cts color-#939499 mr-24px">视频大小：483.29kb</span>
-                  <span class="cts color-#939499">视频时长：2.73s</span>
-                </p>
+          {uploadStatus.value === ENUM_UPLOAD_STATUS.DEFAULT ? (
+            renderVideoUpload()
+          ) : (
+            <div class="flex items-center justify-between p-12px rounded-8px bg-#F7F8FA w-784px">
+              <div class="flex items-center mr-12px">
+                {isUploading ? (
+                  <div class="w-80px h-80px flex items-center justify-center bg-#fff rounded-8px mr-16px">
+                    <icon-loading size="24" class="color-#B1B2B5" />
+                  </div>
+                ) : (
+                  <img src={''} class="w-80 h-80 object-cover mr-16px rounded-8px" />
+                )}
+                <div class="flex flex-col">
+                  <TextOverTips context={videoInfo.value.name} class="mb-4px cts !text-14px !lh-22px color-#211F24" />
+                  {isEnd ? (
+                    <p>
+                      <span class="cts color-#939499 mr-24px">视频大小：{videoInfo.value.size}</span>
+                      <span class="cts color-#939499">视频时长：2.73s</span>
+                    </p>
+                  ) : (
+                    <div class="flex items-center">
+                      <icon-loading size="16" class="color-#6D4CFE mr-8px" />
+                      <span class="cts !color-#6D4CFE mr-4px">上传中</span>
+                      <span class="cts !color-#6D4CFE mr-4px">{videoInfo.value.percent}%</span>
+                    </div>
+                  )}
+                </div>
               </div>
+              <div>{renderVideoUpload()}</div>
             </div>
-            <div>
-              <Upload
-                ref={uploadRef}
-                action="/"
-                draggable
-                custom-request={replaceVideo}
-                accept=".mp4,.webm,.ogg,.mov,.avi,.flv,.wmv,.mkv"
-                show-file-list={false}
-              >
-                {{
-                  'upload-button': () => <Button type="text">替换视频</Button>,
-                }}
-              </Upload>
-            </div>
-          </div>
+          )}
         </FormItem>
       );
     };
 
-    const renderVideo = () => {
+    const renderImage = () => {
       return (
         <FormItem
           field="files"

From c211693d1fb7cc6370e4a623d56ee23a3682d6c8 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 1 Aug 2025 11:49:15 +0800
Subject: [PATCH 17/64] =?UTF-8?q?feat:=20=E4=B8=8A=E4=BC=A0=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91/=E5=9B=BE=E7=89=87=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/unplugin/auto-import.ts                |  15 +-
 src/utils/tools.ts                            | 147 ++++++++-
 .../manuscript/components/edit-form/index.vue | 303 ++++++++++--------
 .../components/edit-form/style.scss           |  31 ++
 .../manuscript/edit/index.vue                 |  27 +-
 .../upload-manascript-modal/index.vue         |   5 +
 .../manuscript/upload/index.vue               |  85 +++--
 7 files changed, 444 insertions(+), 169 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss

diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index 3b4b32f..e80028b 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -16,7 +16,20 @@ export function configAutoImport() {
       '@vueuse/core',
       {
         dayjs: [['default', 'dayjs']],
-        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'uniq', 'isNumber', 'uniqBy', 'isEmpty', 'merge', 'debounce', 'isEqual'],
+        'lodash-es': [
+          'cloneDeep',
+          'omit',
+          'pick',
+          'union',
+          'map',
+          'uniq',
+          'isNumber',
+          'uniqBy',
+          'isEmpty',
+          'merge',
+          'debounce',
+          'isEqual',
+        ],
         '@/hooks': ['useModal'],
       },
     ],
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 02e2178..513ad2b 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -113,22 +113,155 @@ export function genRandomId() {
 
 export function formatFileSize(bytes: number): string {
   if (bytes === 0) return '0 Bytes';
-  
+
   const k = 1024;
   const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  
+
   return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
 }
 
-export function getVideoDuration(file: any) {  
+// 修改函数以同时获取视频时长和首帧
+export function getVideoInfo(file: File): Promise<{ duration: number; firstFrame: string }> {
   return new Promise((resolve) => {
     const video = document.createElement('video');
     video.preload = 'metadata';
-    video.onloadedmetadata = function() {
-      window.URL.revokeObjectURL(video.src);
-      resolve(video.duration);
+    video.crossOrigin = 'anonymous'; // 避免跨域问题
+    video.muted = true; // 静音，避免意外播放声音
+    video.style.position = 'fixed'; // 确保视频元素在DOM中
+    video.style.top = '-1000px'; // 但不可见
+    document.body.appendChild(video); // 添加到DOM
+    
+    let hasResolved = false;
+    
+    // 先获取元数据(时长)
+    video.onloadedmetadata = function () {
+      // 视频时长
+      const duration = video.duration;
+      
+      // 尝试将视频定位到非常小的时间点，确保有帧可捕获
+      if (duration > 0) {
+        video.currentTime = Math.min(0.1, duration / 2);
+      }
     };
+    
+    // 当视频定位完成后尝试捕获首帧
+    video.onseeked = function () {
+      if (hasResolved) return;
+      
+      const canvas = document.createElement('canvas');
+      canvas.width = video.videoWidth;
+      canvas.height = video.videoHeight;
+      
+      const ctx = canvas.getContext('2d');
+      if (ctx) {
+        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+      }
+      
+      // 清理
+      window.URL.revokeObjectURL(video.src);
+      document.body.removeChild(video);
+      
+      // 返回结果
+      hasResolved = true;
+      resolve({
+        duration: video.duration,
+        firstFrame: canvas.toDataURL('image/jpeg', 0.9) // 提高质量
+      });
+    };
+    
+    // 作为备选方案，监听loadeddata事件
+    video.onloadeddata = function () {
+      if (hasResolved) return;
+      
+      // 尝试捕获帧
+      const canvas = document.createElement('canvas');
+      canvas.width = video.videoWidth;
+      canvas.height = video.videoHeight;
+      
+      const ctx = canvas.getContext('2d');
+      if (ctx) {
+        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+      }
+      
+      // 检查是否捕获到有效帧(非全黑)
+      const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height);
+      if (imageData) {
+        let isAllBlack = true;
+        for (let i = 0; i < imageData.data.length; i += 4) {
+          if (imageData.data[i] > 10 || imageData.data[i+1] > 10 || imageData.data[i+2] > 10) {
+            isAllBlack = false;
+            break;
+          }
+        }
+        
+        if (!isAllBlack) {
+          // 清理
+          window.URL.revokeObjectURL(video.src);
+          document.body.removeChild(video);
+          
+          // 返回结果
+          hasResolved = true;
+          resolve({
+            duration: video.duration,
+            firstFrame: canvas.toDataURL('image/jpeg', 0.9)
+          });
+          return;
+        }
+      }
+      
+      // 如果是全黑帧，尝试定位到0.1秒
+      if (video.duration > 0) {
+        video.currentTime = 0.1;
+      }
+    };
+    
+    // 设置视频源以触发加载
     video.src = URL.createObjectURL(file);
+    
+    // 设置超时，防止长时间无响应
+    setTimeout(() => {
+      if (!hasResolved) {
+        document.body.removeChild(video);
+        resolve({
+          duration: 0,
+          firstFrame: ''
+        });
+      }
+    }, 5000); // 5秒超时
   });
-}
\ No newline at end of file
+}
+
+export const formatDuration = (seconds: number) => {
+  const hours = Math.floor(seconds / 3600);
+  const remainingSecondsAfterHours = seconds % 3600;
+  const minutes = Math.floor(remainingSecondsAfterHours / 60);
+  const remainingSeconds = Math.floor(remainingSecondsAfterHours % 60);
+
+  if (hours > 0) {
+    if (remainingSecondsAfterHours === 0) {
+      return `${hours}小时`;
+    }
+    if (remainingSeconds === 0) {
+      return `${hours}小时${minutes}分`;
+    }
+    return `${hours}小时${minutes}分${remainingSeconds}秒`;
+  } else if (minutes > 0) {
+    if (remainingSeconds === 0) {
+      return `${minutes}分`;
+    }
+    return `${minutes}分${remainingSeconds}秒`;
+  } else {
+    return `${remainingSeconds}秒`;
+  }
+};
+
+export const formatUploadSpeed = (bytesPerSecond: number): string => {
+  if (bytesPerSecond < 1024) {
+    return `${bytesPerSecond.toFixed(2)} B/s`;
+  } else if (bytesPerSecond < 1024 * 1024) {
+    return `${(bytesPerSecond / 1024).toFixed(2)} KB/s`;
+  } else {
+    return `${(bytesPerSecond / (1024 * 1024)).toFixed(2)} MB/s`;
+  }
+};
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 6a1d3fd..8523ec7 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -5,8 +5,9 @@ import CommonSelect from '@/components/common-select';
 import { VueDraggable } from 'vue-draggable-plus';
 import TextOverTips from '@/components/text-over-tips';
 
-import { formatFileSize, getVideoDuration } from '@/utils/tools';
+import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
 import { getProjectList } from '@/api/all/propertyMarketing';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { getImagePreSignedUrl, getVideoPreSignedUrl } from '@/api/all/common';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
@@ -15,13 +16,27 @@ import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
 const FORM_RULES = {
   title: [{ required: true, message: '请输入标题' }],
 };
-
-const ENUM_UPLOAD_STATUS = {
+export const ENUM_UPLOAD_STATUS = {
   DEFAULT: 'default',
   UPLOADING: 'uploading',
   END: 'end',
 };
 
+export const INITIAL_VIDEO_INFO = {
+  name: '',
+  size: '',
+  percent: 0,
+  poster: '',
+  time: '',
+  uploadSpeed: '0 KB/s',
+  startTime: 0,
+  lastTime: 0,
+  lastLoaded: 0,
+  estimatedTime: 0,
+  poster: '',
+  uploadStatus: ENUM_UPLOAD_STATUS.DEFAULT,
+};
+
 export default {
   name: 'ManuscriptForm',
   props: {
@@ -33,124 +48,167 @@ export default {
       type: Object,
       default: () => FORM_RULES,
     },
+    formData: {
+      type: Object,
+      default: () => ({}),
+    },
   },
-  emits: ['reValidate', 'change'],
+  emits: ['reValidate', 'change', 'update:modelValue', 'updateVideoInfo'],
   setup(props, { emit, expose }) {
     const formRef = ref(null);
+    const formData = ref({});
     const uploadRef = ref(null);
-    const projects = ref([]);
-    const uploadStatus = ref(ENUM_UPLOAD_STATUS.DEFAULT);
 
-    const videoInfo = ref({
-      name: '',
-      size: '',
-      percent: 0,
-      poster: '',
-      time: '',
-    });
     function getFileExtension(filename) {
       const match = filename.match(/\.([^.]+)$/);
       return match ? match[1].toLowerCase() : '';
     }
-    const isVideo = computed(() => true);
+    const isVideo = computed(() => formData.value.type === EnumManuscriptType.Video);
+    const setVideoInfo = (file) => {
+      formData.value.videoInfo.percent = 0;
+      formData.value.videoInfo.name = file.name;
+      formData.value.videoInfo.size = formatFileSize(file.size);
+      formData.value.videoInfo.startTime = Date.now();
+      formData.value.videoInfo.lastTime = Date.now();
+      formData.value.videoInfo.lastLoaded = 0;
+      formData.value.videoInfo.uploadSpeed = '0 KB/s';
+      emit('updateVideoInfo', formData.value.videoInfo);
 
-    function formatDuration(seconds) {
-      const minutes = Math.floor(seconds / 60);
-      const remainingSeconds = Math.floor(seconds % 60);
-      const milliseconds = Math.floor((seconds % 1) * 100);
-      return `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}.${milliseconds
-        .toString()
-        .padStart(2, '0')}`;
-    }
+      getVideoInfo(file)
+        .then(({ duration, firstFrame }) => {
+          console.log({ duration, firstFrame });
+          formData.value.videoInfo.poster = firstFrame;
+          formData.value.videoInfo.time = formatDuration(duration);
+          emit('updateVideoInfo', formData.value.videoInfo);
+        })
+        .catch((error) => {
+          console.error('获取视频时长失败:', error);
+        });
+    };
 
-    const replaceVideo = async (option) => {
+    const uploadVideo = async (option) => {
       try {
+        formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.UPLOADING;
+        emit('updateVideoInfo', formData.value.videoInfo);
+
         const {
           fileItem: { file },
         } = option;
-
-        uploadStatus.value = ENUM_UPLOAD_STATUS.UPLOADING;
-        // 重置进度为0
-        videoInfo.value.percent = 0;
-        videoInfo.value.name = file.name;
-        videoInfo.value.size = formatFileSize(file.size);
-
-        // const duration = getVideoDuration(file);
-        // videoInfo.value.time = formatDuration(duration);
+        setVideoInfo(file);
 
         const response = await getVideoPreSignedUrl({ suffix: getFileExtension(file.name) });
-        const { file_name, upload_url } = response?.data;
+        const { file_name, upload_url, file_url } = response?.data;
         if (!upload_url) {
           throw new Error('未能获取有效的预签名上传地址');
         }
 
         const blob = new Blob([file], { type: file.type });
-        const res = await axios.put(upload_url, blob, {
+        await axios.put(upload_url, blob, {
           headers: { 'Content-Type': file.type },
           onUploadProgress: (progressEvent) => {
             const percentCompleted = Math.round(progressEvent.progress * 100);
-            videoInfo.value.percent = percentCompleted;
+            formData.value.videoInfo.percent = percentCompleted;
+
+            const currentTime = Date.now();
+            const currentLoaded = progressEvent.loaded;
+            const totalSize = progressEvent.total;
+
+            if (formData.value.videoInfo.lastLoaded === 0) {
+              formData.value.videoInfo.lastLoaded = currentLoaded;
+              formData.value.videoInfo.lastTime = currentTime;
+              return;
+            }
+
+            const timeDiff = (currentTime - formData.value.videoInfo.lastTime) / 1000;
+            const bytesDiff = currentLoaded - formData.value.videoInfo.lastLoaded;
+
+            // 避免频繁更新，至少间隔200ms计算一次速率
+            if (timeDiff >= 0.2) {
+              const bytesPerSecond = bytesDiff / timeDiff;
+              formData.value.videoInfo.uploadSpeed = formatUploadSpeed(bytesPerSecond);
+              formData.value.videoInfo.lastLoaded = currentLoaded;
+              formData.value.videoInfo.lastTime = currentTime;
+
+              // 计算预估剩余时间
+              if (totalSize && bytesPerSecond > 0) {
+                const remainingBytes = totalSize - currentLoaded;
+                const remainingSeconds = remainingBytes / bytesPerSecond;
+                formData.value.videoInfo.estimatedTime = formatDuration(remainingSeconds);
+              } else {
+                formData.value.videoInfo.estimatedTime = 0;
+              }
+            }
+
+            emit('updateVideoInfo', formData.value.videoInfo);
           },
         });
-        props.modelValue.files.push(file_name);
+
+        formData.value.files.push(file_url);
+        onChange();
       } finally {
-        uploadStatus.value = ENUM_UPLOAD_STATUS.END;
+        formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.END;
+        emit('updateVideoInfo', formData.value.videoInfo);
       }
     };
+
+    const onChange = () => {
+      emit('change', formData.value);
+    };
     // 文件上传处理
-    const handleUpload = (option) => {
+    const uploadImage = async (option) => {
       const {
         fileItem: { file },
       } = option;
 
-      // 验证文件类型
-      const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/webp'];
-      if (!allowedTypes.includes(file.type)) {
-        AMessage.error('只能上传图片文件！');
-        return;
-      }
-
       // 验证文件大小 (5MB)
-      const maxSize = 5 * 1024 * 1024;
-      if (file.size > maxSize) {
-        AMessage.error('图片大小不能超过5MB！');
-        return;
-      }
+      // const maxSize = 5 * 1024 * 1024;
+      // if (file.size > maxSize) {
+      //   AMessage.error('图片大小不能超过5MB！');
+      //   return;
+      // }
 
       // 验证文件数量
-      if (props.modelValue.files?.length >= 18) {
+      if (formData.value.files?.length >= 18) {
         AMessage.error('最多只能上传18张图片！');
         return;
       }
 
-      props.modelValue.files.push(URL.createObjectURL(file));
-      emit('change');
+      const response = await getImagePreSignedUrl({ suffix: getFileExtension(file.name) });
+      const { file_name, upload_url, file_url } = response?.data;
+
+      const blob = new Blob([file], { type: file.type });
+      await axios.put(upload_url, blob, {
+        headers: { 'Content-Type': file.type },
+      });
+
+      formData.value.files.push(file_url);
+      onChange();
     };
 
     // 删除文件
     const handleDeleteFile = (index) => {
-      props.modelValue.files.splice(index, 1);
-      emit('change');
+      formData.value.files.splice(index, 1);
+      onChange();
     };
 
-    // 获取项目列表
-    const getProjects = async () => {
-      try {
-        const { code, data } = await getProjectList();
-        if (code === 200) {
-          projects.value = data;
-        }
-      } catch (error) {
-        console.error('获取项目列表失败:', error);
-      }
-    };
+    // // 获取项目列表
+    // const getProjects = async () => {
+    //   try {
+    //     const { code, data } = await getProjectList();
+    //     if (code === 200) {
+    //       projects.value = data;
+    //     }
+    //   } catch (error) {
+    //     console.error('获取项目列表失败:', error);
+    //   }
+    // };
 
     // 表单验证
     const validate = () => {
       return new Promise((resolve, reject) => {
         formRef.value?.validate((errors) => {
           if (errors) {
-            reject(props.modelValue);
+            reject(formData.value);
           } else {
             resolve();
           }
@@ -160,6 +218,7 @@ export default {
 
     // 重置表单
     const resetForm = () => {
+      formData.value = {};
       formRef.value?.resetFields?.();
       formRef.value?.clearValidate?.();
     };
@@ -170,13 +229,13 @@ export default {
           ref={uploadRef}
           action="/"
           draggable
-          custom-request={replaceVideo}
+          custom-request={uploadVideo}
           accept=".mp4,.webm,.ogg,.mov,.avi,.flv,.wmv,.mkv"
           show-file-list={false}
         >
           {{
             'upload-button': () => {
-              if (uploadStatus.value === ENUM_UPLOAD_STATUS.DEFAULT) {
+              if (formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT) {
                 return (
                   <div class="upload-box">
                     <icon-plus size="14" class="mb-16px color-#3C4043" />
@@ -192,8 +251,8 @@ export default {
       );
     };
     const renderVideo = () => {
-      const isUploading = uploadStatus.value === ENUM_UPLOAD_STATUS.UPLOADING;
-      const isEnd = uploadStatus.value === ENUM_UPLOAD_STATUS.END;
+      const isUploading = formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING;
+      const isEnd = formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.END;
       return (
         <FormItem
           field="files"
@@ -206,7 +265,7 @@ export default {
             ),
           }}
         >
-          {uploadStatus.value === ENUM_UPLOAD_STATUS.DEFAULT ? (
+          {formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT ? (
             renderVideoUpload()
           ) : (
             <div class="flex items-center justify-between p-12px rounded-8px bg-#F7F8FA w-784px">
@@ -216,20 +275,31 @@ export default {
                     <icon-loading size="24" class="color-#B1B2B5" />
                   </div>
                 ) : (
-                  <img src={''} class="w-80 h-80 object-cover mr-16px rounded-8px" />
+                  <img src={formData.value.videoInfo.poster} class="w-80 h-80 object-cover mr-16px rounded-8px" />
                 )}
                 <div class="flex flex-col">
-                  <TextOverTips context={videoInfo.value.name} class="mb-4px cts !text-14px !lh-22px color-#211F24" />
+                  <TextOverTips
+                    context={formData.value.videoInfo.name}
+                    class="mb-4px cts !text-14px !lh-22px color-#211F24"
+                  />
                   {isEnd ? (
                     <p>
-                      <span class="cts color-#939499 mr-24px">视频大小：{videoInfo.value.size}</span>
-                      <span class="cts color-#939499">视频时长：2.73s</span>
+                      <span class="cts color-#939499 mr-24px">视频大小：{formData.value.videoInfo.size}</span>
+                      <span class="cts color-#939499">视频时长：{formData.value.videoInfo.time}</span>
                     </p>
                   ) : (
                     <div class="flex items-center">
-                      <icon-loading size="16" class="color-#6D4CFE mr-8px" />
-                      <span class="cts !color-#6D4CFE mr-4px">上传中</span>
-                      <span class="cts !color-#6D4CFE mr-4px">{videoInfo.value.percent}%</span>
+                      <div class="flex items-center mr-24px w-100px">
+                        <icon-loading size="16" class="color-#6D4CFE mr-8px" />
+                        <span class="cts !color-#6D4CFE mr-4px">上传中</span>
+                        <span class="cts !color-#6D4CFE ">{formData.value.videoInfo.percent}%</span>
+                      </div>
+                      <div class="flex items-center w-160px mr-24px">
+                        <span class="cts  color-#939499">上传速度：{formData.value.videoInfo.uploadSpeed}</span>
+                      </div>
+                      <div class="flex items-center">
+                        <span class="cts color-#939499">预估剩余时间：{formData.value.videoInfo.estimatedTime}</span>
+                      </div>
                     </div>
                   )}
                 </div>
@@ -249,7 +319,7 @@ export default {
             label: () => (
               <div class="flex items-center">
                 <span class="cts !color-#211F24 mr-4px">图片</span>
-                <span class="cts mr-8px !color-#939499">{`(${props.modelValue.files?.length ?? 0}/18)`}</span>
+                <span class="cts mr-8px !color-#939499">{`(${formData.value.files?.length ?? 0}/18)`}</span>
                 <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
               </div>
             ),
@@ -258,8 +328,8 @@ export default {
           <div>
             <div class="">
               {/* 已上传的图片列表 */}
-              <VueDraggable v-model={props.modelValue.files} class="grid grid-cols-7 gap-8px">
-                {props.modelValue.files?.map((file, index) => (
+              <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-8px">
+                {formData.value.files?.map((file, index) => (
                   <div key={index} class="group relative cursor-move">
                     <img src={file} class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8" />
                     <img
@@ -273,16 +343,16 @@ export default {
                 ))}
               </VueDraggable>
             </div>
-            {props.modelValue.files?.length < 18 && (
+            {formData.value.files?.length < 18 && (
               <Upload
                 ref={uploadRef}
                 action="/"
                 draggable
-                custom-request={handleUpload}
+                custom-request={uploadImage}
                 accept=".jpg,.jpeg,.png,.gif,.webp"
                 show-file-list={false}
                 multiple
-                limit={18 - props.modelValue.files?.length}
+                limit={18 - formData.value.files?.length}
               >
                 {{
                   'upload-button': () => (
@@ -305,18 +375,21 @@ export default {
       resetForm,
     });
 
-    // 组件挂载时获取项目列表
-    onMounted(() => {
-      getProjects();
-    });
+    watch(
+      () => props.formData,
+      (val) => {
+        formData.value = val;
+      },
+      { deep: true, immediate: true },
+    );
 
     return () => (
-      <Form ref={formRef} model={props.modelValue} rules={props.rules} layout="vertical" auto-label-width>
+      <Form ref={formRef} model={formData.value} rules={props.rules} layout="vertical" auto-label-width>
         <FormItem label="标题" field="title" required>
           <Input
-            v-model={props.modelValue.title}
-            onChange={() => {
-              emit('change');
+            v-model={formData.value.title}
+            onInput={() => {
+              onChange();
               emit('reValidate');
             }}
             placeholder="请输入标题"
@@ -327,10 +400,10 @@ export default {
           />
         </FormItem>
 
-        <FormItem label="作品描述" field="desc">
+        <FormItem label="作品描述" field="content">
           <Textarea
-            v-model={props.modelValue.content}
-            onChange={() => emit('change')}
+            v-model={formData.value.content}
+            onInput={onChange}
             placeholder="请输入作品描述"
             size="large"
             class="h-200px !w-784px"
@@ -341,16 +414,16 @@ export default {
         </FormItem>
         {isVideo.value ? renderVideo() : renderImage()}
 
-        <FormItem label="所属项目" field="project_ids">
+        {/* <FormItem label="所属项目" field="project_ids">
           <CommonSelect
-            v-model={props.modelValue.project_ids}
+            v-model={formData.value.project_ids}
             onChange={() => emit('change')}
             options={projects.value}
             placeholder="请选择所属项目"
             size="large"
             class="!w-280px"
           />
-        </FormItem>
+        </FormItem>*/}
       </Form>
     );
   },
@@ -358,35 +431,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.cts {
-  font-family: $font-family-regular;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-}
-.upload-box {
-  display: flex;
-  width: 100px;
-  height: 100px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  border-radius: 8px;
-  border: 1px dashed var(--Border-1, #d7d7d9);
-  background: var(--BG-200, #f2f3f5);
-  &:hover {
-    background: var(--Primary-1, #e6e6e8);
-  }
-}
-.group {
-  cursor: move;
-  border-radius: 8px;
-  &:hover {
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
-      url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
-  }
-}
+@import './style.scss';
 </style>
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
new file mode 100644
index 0000000..11dc4de
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
@@ -0,0 +1,31 @@
+.cts {
+  font-family: $font-family-regular;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+}
+.upload-box {
+  display: flex;
+  width: 100px;
+  height: 100px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px dashed var(--Border-1, #d7d7d9);
+  background: var(--BG-200, #f2f3f5);
+  &:hover {
+    background: var(--Primary-1, #e6e6e8);
+  }
+}
+.group {
+  cursor: move;
+  border-radius: 8px;
+  &:hover {
+    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
+      url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
+  }
+}
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index 4cdc684..eec286f 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -1,15 +1,17 @@
 <script lang="jsx">
 import { Button, Message as AMessage } from '@arco-design/web-vue';
-import EditForm from '../components/edit-form';
+import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
 import CancelEditModal from './cancel-edit-modal.vue';
 import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 
 const INITIAL_DATA = {
   title: '',
-  desc: '',
   content: '',
-  project_ids: [],
+  type: EnumManuscriptType.Video,
+  // project_ids: [],
   files: [],
+  videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
 };
 
 export default {
@@ -39,7 +41,8 @@ export default {
 
     const onSave = async (check = false) => {
       formRef.value?.validate().then(async () => {
-        const { code, data } = await putWorksUpdate({ id: workId.value, ...dataSource.value });
+        const filteredWorks = omit(dataSource.value, 'videoInfo');
+        const { code, data } = await putWorksUpdate({ id: workId.value, ...filteredWorks });
         if (code === 200) {
           AMessage.success('保存成功');
           isSaved.value = true;
@@ -47,7 +50,7 @@ export default {
           if (check) {
             router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
           } else {
-            onBack()
+            onBack();
           }
         }
       });
@@ -63,8 +66,11 @@ export default {
         remoteDataSource.value = cloneDeep(data);
       }
     };
-    const handleFormChange = () => {
-      console.log('handleFormChange');
+    const onChange = (val) => {
+      dataSource.value = val;
+    };
+    const onUpdateVideoInfo = (newVideoInfo) => {
+      dataSource.value.videoInfo = { ...dataSource.value.videoInfo, ...newVideoInfo };
     };
     const onBack = () => {
       router.push({ name: 'ManuscriptList' });
@@ -85,7 +91,12 @@ export default {
             <span class="cts bold !color-#1D2129">编辑内容稿件</span>
           </div>
           <div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
-            <EditForm ref={formRef} v-model={dataSource.value} onChange={handleFormChange} />
+            <EditForm
+              ref={formRef}
+              formData={dataSource.value}
+              onChange={onChange}
+              onUpdateVideoInfo={onUpdateVideoInfo}
+            />
           </div>
         </div>
         <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
index c4b6fd1..b8e953f 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
@@ -120,6 +120,11 @@ export default {
 
     // 手写提交处理
     const handleHandwriteSubmit = () => {
+      if(!form.value.link) {
+        AMessage.warning('请输入上传链接！');
+        return;
+      }
+
       copy(form.value.link);
       AMessage.success('复制成功！');
       onClose();
diff --git a/src/views/creative-generation-workshop/manuscript/upload/index.vue b/src/views/creative-generation-workshop/manuscript/upload/index.vue
index 6fa205a..75db523 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue
@@ -1,7 +1,7 @@
 <script lang="jsx">
 import { Button, Message as AMessage } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
-import EditForm from '../components/edit-form';
+import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
 import CancelUploadModal from './cancel-upload-modal.vue';
 import UploadSuccessModal from './upload-success-modal.vue';
 
@@ -11,15 +11,14 @@ import { postWorksBatch } from '@/api/all/generationWorkshop.ts';
 import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
 
-const generateMockData = (count = 20) =>
+const generateMockData = (count = 4) =>
   Array.from({ length: count }, (_, i) => ({
     id: `${i + 1}`,
-    title: '',
-    desc: '',
+    title: `标题${i + 1}`,
     content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
-    type: 1,
-    project_ids: [],
+    type: i % 2 === 0 ? EnumManuscriptType.Image : EnumManuscriptType.Video,
     files: [],
+    videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
   }));
 
 export default {
@@ -29,6 +28,7 @@ export default {
   setup(props, { emit, expose }) {
     const formRef = ref(null);
     const route = useRoute();
+    const router = useRouter();
     const cancelUploadModal = ref(null);
     const uploadSuccessModal = ref(null);
     const works = ref([]);
@@ -43,6 +43,14 @@ export default {
 
     const validateDataSource = () => {
       return new Promise((resolve) => {
+        const uploadingVideos = works.value.filter(
+          (item) => item.videoInfo?.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING,
+        );
+        if (uploadingVideos.length > 0) {
+          AMessage.warning(`有 ${uploadingVideos.length} 个视频正在上传中，请等待上传完成后再提交`);
+          return;
+        }
+
         works.value.forEach((item) => {
           if (!item.title?.trim()) {
             errorDataCards.value.push(item);
@@ -64,24 +72,32 @@ export default {
       });
     };
 
+    const onSubmit = async (check) => {
+      uploadLoading.value = true;
+      const filteredWorks = map(works.value, (work) => omit(work, 'videoInfo'));
+      const { code, data } = await postWorksBatch({ works: filteredWorks });
+      if (code === 200) {
+        uploadLoading.value = false;
+        if (check) {
+          uploadSuccessModal.value?.open(workId);
+        } else {
+          router.push({ name: 'ManuscriptList' });
+        }
+      }
+    };
+
     const onUpload = async (e, check = false) => {
       console.log('onUpload', works.value);
       formRef.value
         ?.validate()
         .then(() => {
-          validateDataSource().then(async (res) => {
-            const { code, data } = await postWorksBatch({ works: works.value });
-            if (code === 200) {
-              uploadLoading.value = false;
-              if (check) {
-                uploadSuccessModal.value?.open(workId);
-              } else {
-                router.push({ name: 'ManuscriptList' });
-              }
-            }
-          });
+          return validateDataSource();
+        })
+        .then(() => {
+          onSubmit(check);
         })
         .catch((err) => {
+          console.log('catch');
           errorDataCards.value.push(err);
         });
     };
@@ -95,8 +111,9 @@ export default {
         deleteErrorCard(selectCardInfo.value);
       });
     };
-    const onselect = (item) => {
-      selectCardInfo.value = item;
+    const onSelect = (item) => {
+      formRef.value.resetForm();
+      selectCardInfo.value = cloneDeep(item);
     };
 
     const deleteErrorCard = (item) => {
@@ -112,7 +129,7 @@ export default {
       if (item.id === selectCardInfo.value.id) {
         if (works.value.length) {
           const _target = works.value[0] ?? {};
-          selectCardInfo.value = _target;
+          selectCardInfo.value = cloneDeep(_target);
         } else {
           selectCardInfo.value = {};
         }
@@ -149,7 +166,7 @@ export default {
     };
     const getData = () => {
       works.value = generateMockData();
-      selectCardInfo.value = works.value[0] ?? {};
+      selectCardInfo.value = cloneDeep(works.value[0] ?? {});
     };
     const getCardClass = (item) => {
       if (selectCardInfo.value.id === item.id) {
@@ -160,6 +177,22 @@ export default {
       }
       return '';
     };
+
+    const onChange = (val) => {
+      const index = works.value.findIndex((v) => v.id === selectCardInfo.value.id);
+      if (index !== -1) {
+        works.value[index] = cloneDeep(val);
+      }
+      selectCardInfo.value = val;
+    };
+    const onUpdateVideoInfo = (newVideoInfo) => {
+      const index = works.value.findIndex((v) => v.id === selectCardInfo.value.id);
+      if (index !== -1) {
+        works.value[index].videoInfo = cloneDeep(newVideoInfo);
+      }
+      selectCardInfo.value.videoInfo = { ...selectCardInfo.value.videoInfo, ...newVideoInfo };
+    };
+
     onMounted(() => {
       getData();
     });
@@ -168,7 +201,13 @@ export default {
       <>
         <div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
           <div class="left flex-1 overflow-y-auto p-24px">
-            <EditForm ref={formRef} v-model={selectCardInfo.value} onReValidate={handleReValidate} />
+            <EditForm
+              ref={formRef}
+              formData={selectCardInfo.value}
+              onReValidate={handleReValidate}
+              onChange={onChange}
+              onUpdateVideoInfo={onUpdateVideoInfo}
+            />
           </div>
           {works.value.length > 1 && (
             <div class="right pt-24px pb-12px flex flex-col">
@@ -185,7 +224,7 @@ export default {
                     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(
                       item,
                     )}`}
-                    onClick={() => onselect(item)}
+                    onClick={() => onSelect(item)}
                   >
                     <icon-close-circle-fill
                       size={16}

From 568eeb33b4a7472b05ec8dd7eccc492580c9d63b Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 1 Aug 2025 11:51:58 +0800
Subject: [PATCH 18/64] =?UTF-8?q?perf:=20=E5=8E=BB=E6=8E=89=E6=89=80?=
 =?UTF-8?q?=E5=B1=9E=E9=A1=B9=E7=9B=AE=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../list/components/filter-block/index.vue    | 32 +++++++++----------
 .../manuscript/list/constants.ts              |  2 +-
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
index 83675a1..b3449c2 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
@@ -16,7 +16,7 @@
           </template>
         </a-input>
       </div>
-      <div class="filter-row-item">
+      <!-- <div class="filter-row-item">
         <span class="label">所属项目</span>
         <CommonSelect
           placeholder="请选择所属项目"
@@ -25,7 +25,7 @@
           class="!w-166px"
           @change="handleSearch"
         />
-      </div>
+      </div> -->
       <div class="filter-row-item">
         <span class="label">序号</span>
         <a-space size="medium">
@@ -87,7 +87,7 @@
 import { defineEmits, defineProps } from 'vue';
 import { CHECK_STATUS } from '@/views/creative-generation-workshop/manuscript/list/constants';
 import CommonSelect from '@/components/common-select';
-import { getProjectList } from '@/api/all/propertyMarketing';
+// import { getProjectList } from '@/api/all/propertyMarketing';
 
 const props = defineProps({
   query: {
@@ -99,7 +99,7 @@ const props = defineProps({
 const emits = defineEmits('search', 'reset', 'update:query');
 
 const created_at = ref([]);
-const projects = ref([]);
+// const projects = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -126,24 +126,24 @@ const onDateChange = (value) => {
 };
 
 // 获取项目列表
-const getProjects = async () => {
-  try {
-    const { code, data } = await getProjectList();
-    if (code === 200) {
-      projects.value = data;
-    }
-  } catch (error) {
-    console.error('获取项目列表失败:', error);
-  }
-};
+// const getProjects = async () => {
+//   try {
+//     const { code, data } = await getProjectList();
+//     if (code === 200) {
+//       projects.value = data;
+//     }
+//   } catch (error) {
+//     console.error('获取项目列表失败:', error);
+//   }
+// };
 
 const handleReset = () => {
   created_at.value = [];
-  projects.value = [];
+  // projects.value = [];
   emits('reset');
 };
 
 onMounted(() => {
-  getProjects();
+  // getProjects();
 });
 </script>
diff --git a/src/views/creative-generation-workshop/manuscript/list/constants.ts b/src/views/creative-generation-workshop/manuscript/list/constants.ts
index e0448e7..b06f7cd 100644
--- a/src/views/creative-generation-workshop/manuscript/list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/list/constants.ts
@@ -1,6 +1,6 @@
 export const INITIAL_QUERY = {
   title: '',
-  project_ids: [],
+  // project_ids: [],
   uid: '',
   audit_status: '',
   created_at: [],

From a9bb9a45c0bbb1c7419a5b3f7a4c256ed377f827 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 1 Aug 2025 15:03:16 +0800
Subject: [PATCH 19/64] =?UTF-8?q?feat:=20=E5=88=86=E4=BA=AB=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E7=A8=BF=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/tools.ts                            |  16 ++
 .../manuscript/components/edit-form/index.vue |   2 -
 .../share-manuscript-modal/constants.ts       |  40 +++
 .../share-manuscript-modal/index.vue          | 267 ++++++++++++++++++
 .../share-manuscript-modal/style.scss         |  17 ++
 .../manuscript/edit/index.vue                 |  28 +-
 .../components/manuscript-table/constants.ts  |  14 +-
 .../components/manuscript-table/index.vue     |  16 +-
 .../index.vue                                 |   0
 .../style.scss                                |   0
 .../manuscript/list/index.vue                 |  58 +---
 11 files changed, 376 insertions(+), 82 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
 rename src/views/creative-generation-workshop/manuscript/list/components/{upload-manascript-modal => upload-manuscript-modal}/index.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/list/components/{upload-manascript-modal => upload-manuscript-modal}/style.scss (100%)

diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 513ad2b..e78aa17 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -265,3 +265,19 @@ export const formatUploadSpeed = (bytesPerSecond: number): string => {
     return `${(bytesPerSecond / (1024 * 1024)).toFixed(2)} MB/s`;
   }
 };
+
+ export function convertVideoUrlToCoverUrl(videoUrl: string): string {
+  if (!videoUrl || typeof videoUrl !== 'string') {
+    console.error('Invalid video URL');
+    return '';
+  }
+
+  const urlWithCovers = videoUrl.replace('/videos/', '/covers/');
+
+  const lastDotIndex = urlWithCovers.lastIndexOf('.');
+  if (lastDotIndex !== -1) {
+    return urlWithCovers.substring(0, lastDotIndex) + '.jpg';
+  }
+
+  return urlWithCovers + '.jpg';
+}
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 8523ec7..025c97e 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -26,7 +26,6 @@ export const INITIAL_VIDEO_INFO = {
   name: '',
   size: '',
   percent: 0,
-  poster: '',
   time: '',
   uploadSpeed: '0 KB/s',
   startTime: 0,
@@ -76,7 +75,6 @@ export default {
 
       getVideoInfo(file)
         .then(({ duration, firstFrame }) => {
-          console.log({ duration, firstFrame });
           formData.value.videoInfo.poster = firstFrame;
           formData.value.videoInfo.time = formatDuration(duration);
           emit('updateVideoInfo', formData.value.videoInfo);
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/constants.ts b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/constants.ts
new file mode 100644
index 0000000..19964f0
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/constants.ts
@@ -0,0 +1,40 @@
+export const INITIAL_FORM = {
+  audit_status: '',
+  sort_column: undefined,
+  sort_order: undefined,
+};
+
+export const TABLE_COLUMNS = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 220,
+  },
+  {
+    title: '审核状态',
+    dataIndex: 'audit_status',
+    width: 120,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 120,
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 160,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
new file mode 100644
index 0000000..469cbfb
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
@@ -0,0 +1,267 @@
+<script lang="jsx">
+import {
+  Input,
+  Table,
+  Modal,
+  TableColumn,
+  Checkbox,
+  Pagination,
+  Button,
+  Tooltip,
+  Notification,
+} from '@arco-design/web-vue';
+import CommonSelect from '@/components/common-select';
+import TextOverTips from '@/components/text-over-tips';
+
+import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { getWorksPage } from '@/api/all/generationWorkshop.ts';
+
+import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
+
+export default {
+  setup(props, { emit, expose }) {
+    const {
+      selectedRowKeys,
+      selectedRows,
+      dataSource,
+      pageInfo,
+      onPageChange,
+      onPageSizeChange,
+      rowSelection,
+      handleSelect,
+      handleSelectAll,
+      DEFAULT_PAGE_INFO,
+    } = useTableSelectionWithPagination({
+      onPageChange: () => {
+        getData();
+      },
+      onPageSizeChange: () => {
+        getData();
+      },
+    });
+    const visible = ref(false);
+    const query = ref(cloneDeep(INITIAL_FORM));
+    const tableRef = ref(null);
+
+    const reset = () => {
+      query.value = cloneDeep(INITIAL_FORM);
+      pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
+      selectedRowKeys.value = [];
+      selectedRows.value = [];
+      dataSource.value = [];
+    };
+
+    const getData = async () => {
+      const { page, page_size } = pageInfo.value;
+      const { code, data } = await getWorksPage({
+        ...query.value,
+        page,
+        page_size,
+      });
+      if (code === 200) {
+        dataSource.value = data?.data ?? [];
+        pageInfo.value.total = data.total;
+      }
+    };
+    const handleSearch = () => {
+      reload();
+    };
+    const reload = () => {
+      pageInfo.value.page = 1;
+      getData();
+    };
+    const open = () => {
+      getData();
+      visible.value = true;
+    };
+    const onClose = () => {
+      visible.value = false;
+      reset();
+    };
+
+    const renderColumn = () => {
+      return TABLE_COLUMNS.map((column) => (
+        <TableColumn
+          key={column.dataIndex}
+          data-index={column.dataIndex}
+          fixed={column.fixed}
+          width={column.width}
+          min-width={column.minWidth}
+          sortable={column.sortable}
+          align={column.align}
+          ellipsis
+          tooltip
+          v-slots={{
+            title: () => (
+              <div class="flex items-center">
+                <span class="cts mr-4px">{column.title}</span>
+                {column.tooltip && (
+                  <Tooltip content={column.tooltip} position="top">
+                    <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                  </Tooltip>
+                )}
+              </div>
+            ),
+            cell: ({ record }) => renderCell(record),
+          }}
+        />
+      ));
+    };
+
+    const onShare = () => {
+      console.log('onShare');
+    };
+    const handleSorterChange = (column, order) => {
+      query.value.sort_column = column;
+      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
+      reload();
+    };
+    const getStatusInfo = (audit_status) => {
+      return CHECK_STATUS.find((v) => v.id === audit_status) ?? {};
+    };
+    expose({
+      open,
+    });
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title="分享内容稿件"
+        width="920px"
+        onClose={onClose}
+        modal-class="share-manuscript-modal"
+        v-slots={{
+          footer: () => (
+            <>
+              <Button size="large" onClick={onClose}>
+                取消
+              </Button>
+              <Button type="primary" class="ml-16px" size="large" onClick={onShare}>
+                分享
+              </Button>
+            </>
+          ),
+        }}
+      >
+        <div class="filter-row-item mb-16px">
+          <span class="label mr-12px">审核状态</span>
+          <CommonSelect
+            placeholder="全部"
+            options={CHECK_STATUS}
+            v-model={query.value.audit_status}
+            class="!w-200px"
+            multiple={false}
+            onchange={handleSearch}
+          />
+        </div>
+        <Table
+          ref={tableRef.value}
+          data={dataSource.value}
+          row-key="id"
+          column-resizable
+          row-selection={rowSelection.value}
+          selected-keys={selectedRowKeys.value}
+          pagination={false}
+          scroll={{ x: '100%' }}
+          class="flex-1 w-100% overflow-hidden"
+          bordered
+          onSorterChange={handleSorterChange}
+          onSelect={handleSelect}
+          onSelectAll={handleSelectAll}
+          v-slots={{
+            empty: () => <NoData />,
+            columns: () => (
+              <>
+                {TABLE_COLUMNS.map((column) => (
+                  <TableColumn
+                    key={column.dataIndex}
+                    data-index={column.dataIndex}
+                    fixed={column.fixed}
+                    width={column.width}
+                    min-width={column.minWidth}
+                    sortable={column.sortable}
+                    align={column.align}
+                    ellipsis
+                    tooltip
+                    v-slots={{
+                      title: () => (
+                        <div class="flex items-center">
+                          <span class="cts mr-4px">{column.title}</span>
+                          {column.tooltip && (
+                            <Tooltip content={column.tooltip} position="top">
+                              <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                            </Tooltip>
+                          )}
+                        </div>
+                      ),
+                      cell: ({ record }) => {
+                        if (column.dataIndex === 'audit_status') {
+                          return (
+                            <div
+                              class="flex items-center w-fit h-28px px-8px rounded-2px"
+                              style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }}
+                            >
+                              <span class="cts s1" style={{ color: getStatusInfo(record.audit_status).color }}>
+                                {getStatusInfo(record.audit_status).name}
+                              </span>
+                            </div>
+                          );
+                        } else if (column.dataIndex === 'title') {
+                          return <TextOverTips context={record.title} />;
+                        } else if (column.dataIndex === 'type') {
+                          return (
+                            <div class="flex items-center">
+                              <img
+                                src={record.type === EnumManuscriptType.Image ? icon2 : icon3}
+                                width="16"
+                                height="16"
+                                class="mr-4px"
+                              />
+                              <span
+                                class="cts"
+                                class={record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}
+                              >
+                                {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
+                              </span>
+                            </div>
+                          );
+                        } else if (column.dataIndex === 'last_modified_at') {
+                          return exactFormatTime(record.last_modified_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+                        } else {
+                          return formatTableField(column, record, true);
+                        }
+                      },
+                    }}
+                  />
+                ))}
+              </>
+            ),
+          }}
+        />
+        {pageInfo.value.total > 0 && (
+          <div class="flex justify-end mt-16px">
+            <Pagination
+              total={pageInfo.value.total}
+              size="mini"
+              show-total
+              show-jumper
+              show-page-size
+              current={pageInfo.value.page}
+              page-size={pageInfo.value.page_size}
+              onChange={onPageChange}
+              onPageSizeChange={onPageSizeChange}
+            />
+          </div>
+        )}
+      </Modal>
+    );
+  },
+};
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
new file mode 100644
index 0000000..ee9ff54
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
@@ -0,0 +1,17 @@
+.share-manuscript-modal {
+  .filter-row-item {
+    .label {
+      color: var(--Text-1, #211f24);
+      font-family: $font-family-regular;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+  }
+  .arco-modal-body {
+    height: 464px;
+    display: flex;
+    flex-direction: column;
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index eec286f..0d93070 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -5,14 +5,14 @@ import CancelEditModal from './cancel-edit-modal.vue';
 import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 
-const INITIAL_DATA = {
-  title: '',
-  content: '',
-  type: EnumManuscriptType.Video,
-  // project_ids: [],
-  files: [],
-  videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
-};
+// const INITIAL_DATA = {
+//   title: '',
+//   content: '',
+//   type: EnumManuscriptType.Video,
+//   // project_ids: [],
+//   files: [],
+//   videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
+// };
 
 export default {
   components: {
@@ -41,6 +41,11 @@ export default {
 
     const onSave = async (check = false) => {
       formRef.value?.validate().then(async () => {
+        if (dataSource.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING) {
+          AMessage.warning('有视频正在上传中，请等待上传完成后再提交');
+          return;
+        }
+
         const filteredWorks = omit(dataSource.value, 'videoInfo');
         const { code, data } = await putWorksUpdate({ id: workId.value, ...filteredWorks });
         if (code === 200) {
@@ -62,8 +67,9 @@ export default {
     const getData = async () => {
       const { code, data } = await getWorksDetail(workId.value);
       if (code === 200) {
-        dataSource.value = cloneDeep(data);
-        remoteDataSource.value = cloneDeep(data);
+        const _data = { ...data, videoInfo: cloneDeep(INITIAL_VIDEO_INFO) };
+        dataSource.value = cloneDeep(_data);
+        remoteDataSource.value = cloneDeep(_data);
       }
     };
     const onChange = (val) => {
@@ -76,7 +82,7 @@ export default {
       router.push({ name: 'ManuscriptList' });
     };
     onMounted(() => {
-      init();
+      // init();
       workId && getData();
     });
 
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
index 84c8903..2020a01 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
@@ -18,11 +18,11 @@ export const TABLE_COLUMNS = [
     dataIndex: 'title',
     width: 240,
   },
-  {
-    title: '所属项目',
-    dataIndex: 'projects',
-    width: 240,
-  },
+  // {
+  //   title: '所属项目',
+  //   dataIndex: 'projects',
+  //   width: 240,
+  // },
   {
     title: '稿件类型',
     dataIndex: 'type',
@@ -43,7 +43,7 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '上传人员',
-    dataIndex: 'uploader.name',
+    dataIndex: 'uploader',
     width: 180,
   },
   {
@@ -56,7 +56,7 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '最后修改人员',
-    dataIndex: 'last_modifier.name',
+    dataIndex: 'last_modifier',
     width: 180,
   },
   {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index 9d9ac11..b39cac1 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -41,9 +41,6 @@
         <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
           <TextOverTips :context="record.title" :line="3" class="title" />
         </template>
-        <template v-else-if="column.dataIndex === 'projects'" #cell="{ record }">
-          <TextOverTips :context="record.projects.map((item) => item).join('，')" :line="3" />
-        </template>
         <template v-else-if="column.dataIndex === 'audit_status'" #cell="{ record }">
           <div
             class="flex items-center w-fit h-28px px-8px rounded-2px"
@@ -62,18 +59,19 @@
               height="16"
               class="mr-4px"
             />
-            <span
-              class="cts"
-              :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'"
-              >{{ record.type === EnumManuscriptType.Image ? '图文' : '视频' }}</span
-            >
+            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+              record.type === EnumManuscriptType.Image ? '图文' : '视频'
+            }}</span>
           </div>
         </template>
+        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
+          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+        </template>
         <template v-else-if="['updated_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
           {{ exactFormatTime(record[column.dataIndex]) }}
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="rounded-6px" />
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/index.vue
rename to src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/list/components/upload-manascript-modal/style.scss
rename to src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/list/index.vue b/src/views/creative-generation-workshop/manuscript/list/index.vue
index 2760d88..298588e 100644
--- a/src/views/creative-generation-workshop/manuscript/list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/index.vue
@@ -38,6 +38,7 @@
 
     <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
     <UploadManuscriptModal ref="uploadManuscriptModalRef" />
+    <ShareManuscriptModal ref="shareManuscriptModalRef" />
   </div>
 </template>
 <script lang="jsx" setup>
@@ -46,7 +47,8 @@ import { Button } from '@arco-design/web-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptTable from './components/manuscript-table';
 import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
-import UploadManuscriptModal from './components/upload-manascript-modal';
+import UploadManuscriptModal from './components/upload-manuscript-modal';
+import ShareManuscriptModal from '../components/share-manuscript-modal';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getWorksPage } from '@/api/all/generationWorkshop.ts';
@@ -64,6 +66,7 @@ const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
 const uploadManuscriptModalRef = ref(null);
+const shareManuscriptModalRef = ref(null);
 
 const getData = async () => {
   const { page, page_size } = pageInfo.value;
@@ -76,57 +79,6 @@ const getData = async () => {
     dataSource.value = data?.data ?? [];
     pageInfo.value.total = data.total;
   }
-
-  dataSource.value = [
-    {
-      uid: 1,
-      id:1,
-      projects: ['内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1', '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1'],
-      title: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
-      audit_status: EnumCheckStatus.Wait,
-      type: 0,
-      updated_at: 1753682671,
-      last_modified_at: 1753682671,
-      uploader: {
-        name: '1111'
-      },
-      last_modifier: {
-        name: '1111'
-      }
-    },
-    {
-      uid: 2,
-      id:2,
-      projects: ['内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1', '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1'],
-      title: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
-      audit_status: EnumCheckStatus.Checking,
-      type: 1,
-      updated_at: 1753682672,
-      last_modified_at: 1753682672,
-      uploader: {
-        name: '1111'
-      },
-      last_modifier: {
-        name: '1111'
-      }
-    },
-    {
-      uid: 3,
-      id:3,
-      projects: ['内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1', '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1'],
-      title: '内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1内容稿件1',
-      audit_status: EnumCheckStatus.Passed,
-      type: 1,
-      updated_at: 1753682673,
-      last_modified_at: 1753682673,
-      uploader: {
-        name: '1111'
-      },
-      last_modifier: {
-        name: '1111'
-      }
-    },
-  ];
 };
 const handleSearch = () => {
   reload();
@@ -147,7 +99,7 @@ const handleSorterChange = (column, order) => {
 };
 
 const handleOpenAddProjectModal = () => {
-  console.log('handleOpenAddProjectModal');
+  shareManuscriptModalRef.value.open()
 };
 const openUploadModal = () => {
   uploadManuscriptModalRef.value?.open();

From 0969c806f59d13bc57f0a8ef42e764a6c1517857 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 1 Aug 2025 17:25:21 +0800
Subject: [PATCH 20/64] =?UTF-8?q?feat:=20=E5=88=86=E4=BA=AB=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E7=A8=BF=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common-select/index.vue        |   6 +-
 .../share-manuscript-modal/index.vue          | 280 ++++++++++--------
 .../share-manuscript-modal/share-modal.vue    | 115 +++++++
 .../share-manuscript-modal/style.scss         |  18 +-
 .../upload-manuscript-modal/index.vue         |   1 +
 5 files changed, 288 insertions(+), 132 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue

diff --git a/src/components/common-select/index.vue b/src/components/common-select/index.vue
index 44b2025..fbcc4c9 100644
--- a/src/components/common-select/index.vue
+++ b/src/components/common-select/index.vue
@@ -8,7 +8,7 @@
     :multiple="multiple"
     size="medium"
     :placeholder="placeholder"
-    allow-clear
+    :allow-clear="allClear"
     :max-tag-count="maxTagCount"
     @change="handleChange"
   >
@@ -42,6 +42,10 @@ const props = defineProps({
     type: Number,
     default: 3,
   },  
+  allClear: {
+    type: Boolean,
+    default: true,
+  }
 });
 
 const emits = defineEmits(['update:modelValue', 'change']);
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
index 469cbfb..2fbeeae 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
@@ -12,6 +12,7 @@ import {
 } from '@arco-design/web-vue';
 import CommonSelect from '@/components/common-select';
 import TextOverTips from '@/components/text-over-tips';
+import ShareModal from './share-modal';
 
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
@@ -46,6 +47,7 @@ export default {
     const visible = ref(false);
     const query = ref(cloneDeep(INITIAL_FORM));
     const tableRef = ref(null);
+    const shareModalRef = ref(null);
 
     const reset = () => {
       query.value = cloneDeep(INITIAL_FORM);
@@ -67,7 +69,8 @@ export default {
         pageInfo.value.total = data.total;
       }
     };
-    const handleSearch = () => {
+    const handleSearch = (value) => {
+      query.value.audit_status = value;
       reload();
     };
     const reload = () => {
@@ -113,7 +116,7 @@ export default {
     };
 
     const onShare = () => {
-      console.log('onShare');
+      shareModalRef.value?.open();
     };
     const handleSorterChange = (column, order) => {
       query.value.sort_column = column;
@@ -127,136 +130,159 @@ export default {
       open,
     });
     return () => (
-      <Modal
-        v-model:visible={visible.value}
-        title="分享内容稿件"
-        width="920px"
-        onClose={onClose}
-        modal-class="share-manuscript-modal"
-        v-slots={{
-          footer: () => (
-            <>
-              <Button size="large" onClick={onClose}>
-                取消
-              </Button>
-              <Button type="primary" class="ml-16px" size="large" onClick={onShare}>
-                分享
-              </Button>
-            </>
-          ),
-        }}
-      >
-        <div class="filter-row-item mb-16px">
-          <span class="label mr-12px">审核状态</span>
-          <CommonSelect
-            placeholder="全部"
-            options={CHECK_STATUS}
-            v-model={query.value.audit_status}
-            class="!w-200px"
-            multiple={false}
-            onchange={handleSearch}
-          />
-        </div>
-        <Table
-          ref={tableRef.value}
-          data={dataSource.value}
-          row-key="id"
-          column-resizable
-          row-selection={rowSelection.value}
-          selected-keys={selectedRowKeys.value}
-          pagination={false}
-          scroll={{ x: '100%' }}
-          class="flex-1 w-100% overflow-hidden"
-          bordered
-          onSorterChange={handleSorterChange}
-          onSelect={handleSelect}
-          onSelectAll={handleSelectAll}
+      <>
+        <Modal
+          v-model:visible={visible.value}
+          title="分享内容稿件"
+          width="920px"
+          onClose={onClose}
+          unmount-on-close
+          modal-class="share-manuscript-modal"
           v-slots={{
-            empty: () => <NoData />,
-            columns: () => (
-              <>
-                {TABLE_COLUMNS.map((column) => (
-                  <TableColumn
-                    key={column.dataIndex}
-                    data-index={column.dataIndex}
-                    fixed={column.fixed}
-                    width={column.width}
-                    min-width={column.minWidth}
-                    sortable={column.sortable}
-                    align={column.align}
-                    ellipsis
-                    tooltip
-                    v-slots={{
-                      title: () => (
-                        <div class="flex items-center">
-                          <span class="cts mr-4px">{column.title}</span>
-                          {column.tooltip && (
-                            <Tooltip content={column.tooltip} position="top">
-                              <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
-                            </Tooltip>
-                          )}
-                        </div>
-                      ),
-                      cell: ({ record }) => {
-                        if (column.dataIndex === 'audit_status') {
-                          return (
-                            <div
-                              class="flex items-center w-fit h-28px px-8px rounded-2px"
-                              style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }}
-                            >
-                              <span class="cts s1" style={{ color: getStatusInfo(record.audit_status).color }}>
-                                {getStatusInfo(record.audit_status).name}
-                              </span>
-                            </div>
-                          );
-                        } else if (column.dataIndex === 'title') {
-                          return <TextOverTips context={record.title} />;
-                        } else if (column.dataIndex === 'type') {
-                          return (
-                            <div class="flex items-center">
-                              <img
-                                src={record.type === EnumManuscriptType.Image ? icon2 : icon3}
-                                width="16"
-                                height="16"
-                                class="mr-4px"
-                              />
-                              <span
-                                class="cts"
-                                class={record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}
-                              >
-                                {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
-                              </span>
-                            </div>
-                          );
-                        } else if (column.dataIndex === 'last_modified_at') {
-                          return exactFormatTime(record.last_modified_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
-                        } else {
-                          return formatTableField(column, record, true);
-                        }
-                      },
-                    }}
-                  />
-                ))}
-              </>
+            footer: () => (
+              <div class="flex justify-between w-full items-center">
+                <p class="cts color-#737478">
+                  已选择 <span class="cts color-#211F24 bold">{selectedRows.value.length}</span> 个
+                </p>
+                <div class="flex items-center">
+                  <Button size="large" onClick={onClose}>
+                    取消
+                  </Button>
+                  <Button
+                    type="primary"
+                    class="ml-16px"
+                    size="large"
+                    onClick={onShare}
+                    disabled={!selectedRows.value.length}
+                  >
+                    分享
+                  </Button>
+                </div>
+              </div>
             ),
           }}
-        />
-        {pageInfo.value.total > 0 && (
-          <div class="flex justify-end mt-16px">
-            <Pagination
-              total={pageInfo.value.total}
-              size="mini"
-              show-total
-              show-jumper
-              show-page-size
-              current={pageInfo.value.page}
-              page-size={pageInfo.value.page_size}
-              onChange={onPageChange}
-              onPageSizeChange={onPageSizeChange}
+        >
+          <div class="flex flex-col h-100%">
+            <div class="filter-row-item mb-16px">
+              <span class="cts text-#211f24 !text-14px mr-12px">审核状态</span>
+              <CommonSelect
+                placeholder="全部"
+                options={CHECK_STATUS}
+                v-model={query.value.audit_status}
+                class="!w-200px"
+                multiple={false}
+                onChange={handleSearch}
+              />
+            </div>
+            <Table
+              ref={tableRef}
+              data={dataSource.value}
+              row-key="id"
+              column-resizable
+              row-selection={rowSelection.value}
+              selected-keys={selectedRowKeys.value}
+              pagination={false}
+              scroll={{ x: '100%', y: '100%' }}
+              class="overflow-hidden"
+              bordered
+              onSorterChange={handleSorterChange}
+              onSelect={handleSelect}
+              onSelectAll={handleSelectAll}
+              v-slots={{
+                empty: () => <NoData />,
+                columns: () => (
+                  <>
+                    {TABLE_COLUMNS.map((column) => (
+                      <TableColumn
+                        key={column.dataIndex}
+                        data-index={column.dataIndex}
+                        fixed={column.fixed}
+                        width={column.width}
+                        min-width={column.minWidth}
+                        sortable={column.sortable}
+                        align={column.align}
+                        ellipsis
+                        tooltip
+                        v-slots={{
+                          title: () => (
+                            <div class="flex items-center">
+                              <span class="cts mr-4px">{column.title}</span>
+                              {column.tooltip && (
+                                <Tooltip content={column.tooltip} position="top">
+                                  <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                                </Tooltip>
+                              )}
+                            </div>
+                          ),
+                          cell: ({ record }) => {
+                            if (column.dataIndex === 'audit_status') {
+                              return (
+                                <div
+                                  class="flex items-center w-fit h-28px px-8px rounded-2px"
+                                  style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }}
+                                >
+                                  <span class="cts s1" style={{ color: getStatusInfo(record.audit_status).color }}>
+                                    {getStatusInfo(record.audit_status).name}
+                                  </span>
+                                </div>
+                              );
+                            } else if (column.dataIndex === 'title') {
+                              return <TextOverTips context={record.title} />;
+                            } else if (column.dataIndex === 'type') {
+                              return (
+                                <div class="flex items-center">
+                                  <img
+                                    src={record.type === EnumManuscriptType.Image ? icon2 : icon3}
+                                    width="16"
+                                    height="16"
+                                    class="mr-4px"
+                                  />
+                                  <span
+                                    class="cts"
+                                    class={
+                                      record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
+                                    }
+                                  >
+                                    {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
+                                  </span>
+                                </div>
+                              );
+                            } else if (column.dataIndex === 'last_modified_at') {
+                              return exactFormatTime(
+                                record.last_modified_at,
+                                'YYYY-MM-DD HH:mm:ss',
+                                'YYYY-MM-DD HH:mm:ss',
+                              );
+                            } else {
+                              return formatTableField(column, record, true);
+                            }
+                          },
+                        }}
+                      />
+                    ))}
+                  </>
+                ),
+              }}
             />
+            {pageInfo.value.total > 0 && (
+              <div class="flex justify-end mt-16px">
+                <Pagination
+                  total={pageInfo.value.total}
+                  size="mini"
+                  show-total
+                  show-jumper
+                  show-page-size
+                  current={pageInfo.value.page}
+                  page-size={pageInfo.value.page_size}
+                  onChange={onPageChange}
+                  onPageSizeChange={onPageSizeChange}
+                />
+              </div>
+            )}
           </div>
-        )}
-      </Modal>
+        </Modal>
+        <ShareModal ref={shareModalRef} onClose={onClose} />
+      </>
     );
   },
 };
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
new file mode 100644
index 0000000..066b6ee
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
@@ -0,0 +1,115 @@
+<script lang="jsx">
+import { Modal, Form, FormItem, Input, Button, Message as AMessage } from '@arco-design/web-vue';
+import CommonSelect from '@/components/common-select';
+
+import { useClipboard } from '@vueuse/core';
+
+const INITIAL_FORM = {
+  link: '',
+  data: 1,
+  target: '',
+};
+const OPTIONS = [
+  {
+    id: 1,
+    name: '1天',
+  },
+  {
+    id: 2,
+    name: '3天',
+  },
+  {
+    id: 3,
+    name: '7天',
+  },
+  {
+    id: 4,
+    name: '15天',
+  },
+  {
+    id: 5,
+    name: '30天',
+  },
+  {
+    id: 6,
+    name: '60天',
+  },
+];
+
+export default {
+  emits: ['close'],
+  setup(props, { emit, expose }) {
+    const visible = ref(false);
+    const formRef = ref(null);
+    const formData = ref(cloneDeep(INITIAL_FORM));
+
+    const { copy } = useClipboard({ source: formData.value.link });
+
+    const reset = () => {
+      formData.value = cloneDeep(INITIAL_FORM);
+      formRef.value?.resetFields?.();
+      formRef.value?.clearValidate?.();
+    };
+
+    const onClose = () => {
+      visible.value = false;
+      reset();
+    };
+
+    const onCopy = () => {
+      onClose();
+      copy(formData.value.link);
+      AMessage.success('复制成功！');
+      emit('close');
+    };
+    const open = () => {
+      visible.value = true;
+    };
+
+    expose({
+      open,
+    });
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title="分享内容稿件"
+        width="480px"
+        onClose={onClose}
+        unmount-on-close
+        v-slots={{
+          footer: () => (
+            <>
+              <Button size="large" onClick={onClose}>
+                取消
+              </Button>
+              <Button type="primary" class="ml-16px" size="large" onClick={onCopy}>
+                复制链接
+              </Button>
+            </>
+          ),
+        }}
+      >
+        <Form ref={formRef} model={formData.value} auto-label-width>
+          <FormItem label="分享地址" prop="link">
+            <Input v-model={formData.value.link} size="large" placeholder="请输入分享地址" />
+          </FormItem>
+          <FormItem label="有效期" prop="data">
+            <CommonSelect
+              v-model={formData.value.data}
+              options={OPTIONS}
+              multiple={false}
+              placeholder="请选择有效期"
+              size="large"
+              class="!w-240px"
+              allClear={false}
+            />
+          </FormItem>
+          <FormItem label="分享对象" prop="target">
+            <Input v-model={formData.value.target} class="!w-240px" size="large" placeholder="请输入分享对象" />
+          </FormItem>
+        </Form>
+      </Modal>
+    );
+  },
+};
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
index ee9ff54..d3dc205 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
@@ -1,17 +1,27 @@
 .share-manuscript-modal {
+  .cts {
+    font-family: $font-family-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    &.bold {
+        font-family: $font-family-medium;
+    }
+  }
   .filter-row-item {
     .label {
       color: var(--Text-1, #211f24);
-      font-family: $font-family-regular;
       font-size: 14px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 22px;
     }
   }
   .arco-modal-body {
     height: 464px;
     display: flex;
     flex-direction: column;
+    overflow: hidden;
+    .arco-scrollbar-track {
+      display: none !important;
+    }
   }
 }
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
index b8e953f..7a945fd 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -11,6 +11,7 @@ import {
   Message as AMessage,
   Textarea,
 } from '@arco-design/web-vue';
+import { useClipboard } from '@vueuse/core';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';

From 0b358cc19d5495985d72973564a91f293f26826c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 1 Aug 2025 18:28:38 +0800
Subject: [PATCH 21/64] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/error-img.png                  | Bin 0 -> 1936 bytes
 .../manuscript/components/edit-form/index.vue |  28 ++++++++----------
 .../components/edit-form/style.scss           |   9 +++---
 .../components/manuscript-table/index.vue     |   7 ++++-
 4 files changed, 24 insertions(+), 20 deletions(-)
 create mode 100644 src/assets/img/error-img.png

diff --git a/src/assets/img/error-img.png b/src/assets/img/error-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a303d70213b89a621292b944c21ec0f6efb07f3
GIT binary patch
literal 1936
zcmdT_do<ez6#k_MRf&|+OjELktwtMVtx`!zN#d<^(RxNHWgaCeLZl6?>O7)Prt6}t
ztR)_4X>}!5D?+P7Lktax%wwr%#WO73_W%Cf&iTH3&v);+=Y02^d(OS;<w1aG8fXFl
z0C6TddMk7LM{0nTk#n-@du7^sj(Ca!0Qx2$33B!}o>dk>6mJ3!sOmyYDurr<gS!I&
z)Uvj%ho}L7x{0%+!--_j`(co`ZUp?w9M$@4$t?qdS-QX(I&#*N+{nZ@q-My$Q(L3r
z$Z;c(O6wZGm^xcN5t2Uzo62%T4yO6Ou-Dlz4|BSn#<0>X6nqjcpIb}fp`*#Bf~dNL
z2PdAro4n-vy2Q)@c0$ZLqXKO#)^j?J*;qz?W4q+*>pM-V5Re}78U{fW3gy;bO-7Ek
zf{C=)FQ%+|z>{L#Jw5vc@khX76uvfDhF_ob1m|#OlYUZ6_j#Z?n(Ytab5rNa^;BAe
zF&ZUbXW(ztENK_L{#{RO-({?l&R%OoNAGfg+vHQyQ2hGsmk#Gs_`qntX!xj5>xb^b
z&4DbHA9rL24^1$xxz!#jBOO%9&nox(iX9b`gB*pZ)I_FXTy9&Z`^6jxnmLO$xXAH)
zFJFr~`2{Dy8ffew<lU@l^D!6ss}=jgF8Q|X<(h$uJz+vU9<dsJ5me&R4h<v|q`v~P
zEPH_Ye?Z8Kn$jn6qThJcB4LkrXJ21m%y({XJ1XhiXe+B;lDR%4LoK(J9yZZ?_SHZI
zzGa>q9^Ts3cCXmTrxFyzqusc3H~_T~G`_Palc8#9k0Qh;t}H!o!UpxWo5P4KQpK6~
za`nz#tWX+lpk_DoLvn%S#u#t8OtoIJpX9=LGES!-I09W??TEvXsX54t_J5)IATd*E
zrLykv4w2f|ZDs=9Lp1TF-A5Ti7SA+{QQPKl{-IUfPfVn*CVQjD;UR9dmLp~}=!gjQ
z>Hhit@3E<^dxo<1<bS$yl{eV&6WXo|Z4Sq4Gqw2C^|Dj63%V?0I7Zd-hsS0!w4o+T
zs74r3_cHFGMAMYjGKxbUb4lGrO-SgmNKrNz;&Pi6bkI|>a^gBO>i%g$Hi1f4NNn4W
zyLRqG>@0dcR)Dq@FNEB)P+`mmHzk?|nFkR2Ft-at{vjpgHr8&}Bw*%DigboQd;Z3B
zQAY(1MRS!kJb09uK|p>|R8-``cwfNMe-r#%SU)oHhxwzqJ!4n2W6C1gAfL)(FC??q
zLdyq#Zn`BMEhV@$K;cY;4mLqnPZC$BI#!=bw6jny|9d|S9kJ<55-Rj(Uv3MYNr8yl
z*3P>c7&>!Ep4j=)6f6dxuXP?>BZ__gWRSP<$D~!N$-8$`acP0VHtasp=HfD+?bd)j
zu!T>Y87}9nhslSV8jqwXo}Dga^8~w$xk{^E@rg7o7Ta!M-Dp#CBDybA>cbhvo63xs
zTBh!ZKz}q>QDWzcbx|nR)qJXQwztFNI)whdY+2=scH>%dMIn)kL#{n$ABLu1S(@!O
za%-?u>T@S0!jAF)toIyAGzx1s%*7!B8JtIpt$;kwUQWI#o|rc+s4kdI&QOGyVD2x?
zxlkVsAo!oV*N(<-Y8c;txeV?8aiI>*>pe(Ir&^aeA#Ef+RY`YV=S9XtwrHsSD|#fI
zh@)*81kw^J-;i;AY%bDkV>#1D$_+WPWpXrr8MSTxGnR;AplaFt_U%A`V#xnO^P6vb
z%OQ$%d??mZYb<X6JR8b=`j)%6onFBaYcHF!?IMHk+O#a_s%-(OmYw|PsQ*6g|8j(>
z>pa$KM(#6mm;#e878|PftPBGmuI@>NftiYMVAb*XIK!)A-|g&|+I7pFT#)c>Ebpiu
zsiNHPZr5rxnC!Ddjrvd!m2fTgGVa_U5UttL#ThHzJcPjn&LrCM;J||Z^R1h7%Dr>v
z7lrPU+i0)gz!;H?u{}ENOl)kG&YQ;Rmu!+&J39sD*#E5b%3!_Vm*B!e4W1QVXUsEU
zIxe?GEh8_?*rDq~E+SCH+H93+Wi|dV;A!a4ij844m2R~cx>F|CrX$>C;q-|maL#4q
zskH@Z?%fwcyB=?)HL3T5L`<G^FnOdQn*SkNK+Q=HYfHfl`0FK2S65aJEjl%Sd12u~
Xw?~h=X<**R7YjH$c{o<#$mxFq`b1H0

literal 0
HcmV?d00001

diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 025c97e..be164a3 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -10,7 +10,7 @@ import { getProjectList } from '@/api/all/propertyMarketing';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { getImagePreSignedUrl, getVideoPreSignedUrl } from '@/api/all/common';
 
-import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
+// import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
 
 // 表单验证规则
 const FORM_RULES = {
@@ -324,23 +324,21 @@ export default {
           }}
         >
           <div>
-            <div class="">
-              {/* 已上传的图片列表 */}
-              <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-8px">
-                {formData.value.files?.map((file, index) => (
-                  <div key={index} class="group relative cursor-move">
-                    <img src={file} class="w-100px h-100px object-cover rounded-8px border-1px border-#E6E6E8" />
-                    <img
-                      src={icon1}
-                      width={16}
-                      height={16}
-                      class="absolute top-2px right-2px cursor-pointer hidden group-hover:block"
+            {/* 已上传的图片列表 */}
+            <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-y-8px">
+              {formData.value.files?.map((file, index) => (
+                <div key={index} class="group relative cursor-move overflow-visible py-8px pr-8px">
+                  <div class="group-container relative rounded-8px w-100px h-100px">
+                    <img src={file} class=" object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
+                    <icon-close-circle-fill
+                      size={16}
+                      class="absolute top--8px right--8px cursor-pointer hidden color-#939499  hidden group-hover:block z-50"
                       onClick={() => handleDeleteFile(index)}
                     />
                   </div>
-                ))}
-              </VueDraggable>
-            </div>
+                </div>
+              ))}
+            </VueDraggable>
             {formData.value.files?.length < 18 && (
               <Upload
                 ref={uploadRef}
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
index 11dc4de..c16695e 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
@@ -22,10 +22,11 @@
   }
 }
 .group {
-  cursor: move;
   border-radius: 8px;
   &:hover {
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
-      url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
+    .group-container {
+      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
+        url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
+    }
   }
-}
\ No newline at end of file
+}
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index b39cac1..0db6d7f 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -71,7 +71,11 @@
           {{ exactFormatTime(record[column.dataIndex]) }}
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" />
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px">
+            <template #error>
+              <img :src="icon4" class="w-full h-full" />
+            </template>
+          </a-image>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
@@ -99,6 +103,7 @@ import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
+import icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
 const router = useRouter();

From 29f4f224321e32015736a62e766b8dd7664afe92 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 4 Aug 2025 10:36:27 +0800
Subject: [PATCH 22/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E8=A1=A8=E6=A0=BC=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |   5 +
 .../check/components/filter-block/index.vue   |  71 +++++-
 .../manuscript-check-table/constants.ts       |  60 -----
 .../delete-manuscript-modal.vue               |   4 +-
 .../manuscript-check-table/index.vue          |  57 ++++-
 .../manuscript-check-table/style.scss         |   6 +
 .../manuscript/check/constants.ts             | 221 +++++++++++++++++-
 .../manuscript/check/index.vue                |  52 +++--
 .../manuscript/check/style.scss               |  13 ++
 .../share-manuscript-modal/index.vue          |   4 +-
 .../components/manuscript-table/constants.ts  |   2 +-
 .../components/manuscript-table/index.vue     |   2 +-
 12 files changed, 403 insertions(+), 94 deletions(-)
 delete mode 100644 src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/constants.ts

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index e29bc84..e365302 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -53,3 +53,8 @@ export const putWorkAuditsAuditPass = (params = {}) => {
   const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/work-audits/${auditId}/audit-pass`, rest);
 };
+
+// 生成分享链接
+export const getWriterLinksGenerate = (params = {}) => {
+  return Http.get('/v1/writer-links/generate', params);
+};
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue
index edc1821..c8bca08 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue
@@ -10,7 +10,7 @@
         <span class="label">内容稿件标题</span>
         <a-space size="medium">
           <a-input
-            v-model="query.name"
+            v-model="query.title"
             class="w-240px"
             placeholder="请输入内容稿件标题"
             size="medium"
@@ -23,6 +23,57 @@
           </a-input>
         </a-space>
       </div>
+      <div class="filter-row-item">
+        <span class="label">序号</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.uid"
+            class="w-160px"
+            placeholder="请输入序号"
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item">
+        <span class="label">上传时间</span>
+        <a-range-picker
+          v-model="created_at"
+          size="medium"
+          allow-clear
+          format="YYYY-MM-DD"
+          class="w-280px"
+          @change="(value) => onDateChange(value, 'created_at')"
+        />
+      </div>
+      <div class="filter-row-item">
+        <span class="label">审核平台</span>
+        <a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+          <a-option
+            v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
+            :key="index"
+            :value="item.value"
+            :label="item.label"
+            >{{ item.label }}</a-option
+          >
+        </a-select>
+      </div>
+      <div class="filter-row-item">
+        <span class="label">审核时间</span>
+        <a-range-picker
+          v-model="audit_started_at"
+          size="medium"
+          allow-clear
+          format="YYYY-MM-DD"
+          class="w-280px"
+          @change="(value) => onDateChange(value, 'audit_started_at')"
+        />
+      </div>
       <div class="filter-row-item">
         <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
@@ -43,6 +94,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
+import { MEDIA_ACCOUNT_PLATFORMS } from '@/utils/platform';
 
 const props = defineProps({
   query: {
@@ -52,6 +104,8 @@ const props = defineProps({
 });
 
 const emits = defineEmits('search', 'reset', 'update:query');
+const created_at = ref([]);
+const audit_started_at = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -60,7 +114,22 @@ const handleSearch = () => {
   });
 };
 
+const onDateChange = (value, type) => {
+  if (!value) {
+    props.query[type] = [];
+    handleSearch();
+    return;
+  }
+
+  const [start, end] = value;
+  const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
+  props.query[type] = [dayjs(start).startOf('day').format(FORMAT_DATE), dayjs(end).endOf('day').format(FORMAT_DATE)];
+
+  handleSearch();
+};
+
 const handleReset = () => {
+  created_at.value = [];
   emits('reset');
 };
 </script>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/constants.ts
deleted file mode 100644
index f074544..0000000
--- a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/constants.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-export const TABLE_COLUMNS = [
-  {
-    title: '序号',
-    dataIndex: 'index',
-    width: 120,
-    fixed: 'left',
-  },
-  {
-    title: '图片/视频',
-    dataIndex: 'picker',
-    width: 240,
-  },
-  {
-    title: '内容稿件标题',
-    dataIndex: 'name',
-    width: 240,
-  },
-  {
-    title: '所属项目',
-    dataIndex: 'name',
-    width: 240,
-  },
-  {
-    title: '稿件类型',
-    dataIndex: 'budget',
-    width: 180,
-  },
-  {
-    title: '上传时间',
-    dataIndex: 'create_at',
-    width: 180,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '上传人员',
-    dataIndex: 'placement_account_count',
-    width: 180,
-  },
-  {
-    title: '最后修改时间',
-    dataIndex: 'last_create_at',
-    width: 180,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '最后修改人员',
-    dataIndex: 'placement_account_count1',
-    width: 180,
-  },
-  {
-    title: '操作',
-    dataIndex: 'operation',
-    width: 160,
-    fixed: 'right'
-  },
-];
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue
index 97fd12d..ef68bd5 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -20,7 +20,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import { deleteProject } from '@/api/all/propertyMarketing';
+import { deleteWork } from '@/api/all/generationWorkshop';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const update = inject('update');
@@ -46,7 +46,7 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const { code } = await deleteProject(projectId.value);
+  const { code } = await deleteWork(projectId.value);
   if (code === 200) {
     AMessage.success('删除成功');
     update()
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue
index 2bec16d..34d3f4c 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue
@@ -11,11 +11,11 @@
     @sorter-change="handleSorterChange"
   >
     <template #empty>
-      <NoData text="暂无项目"/>
+      <NoData text="暂无稿件" />
     </template>
     <template #columns>
       <a-table-column
-        v-for="column in TABLE_COLUMNS"
+        v-for="column in tableColumns"
         :key="column.dataIndex"
         :data-index="column.dataIndex"
         :fixed="column.fixed"
@@ -38,14 +38,41 @@
         <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
           {{ exactFormatTime(record.create_at) }}
         </template>
+        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
+          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
+        </template>
+        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
+          <div class="flex items-center">
+            <img
+              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
+              width="16"
+              height="16"
+              class="mr-4px"
+            />
+            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+              record.type === EnumManuscriptType.Image ? '图文' : '视频'
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
+          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+        </template>
+        <template v-else-if="['updated_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
+          {{ exactFormatTime(record[column.dataIndex]) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px">
+            <template #error>
+              <img :src="icon4" class="w-full h-full" />
+            </template>
+          </a-image>
+        </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onEdit(record)">分享</a-button>
-            <a-button type="outline" size="mini" @click="onEdit(record)">审核</a-button>
+            <a-button type="outline" size="mini" @click="onCheck(record)">审核</a-button>
           </div>
         </template>
-
         <template v-else #cell="{ record }">
           {{ formatTableField(column, record, true) }}
         </template>
@@ -57,17 +84,28 @@
 <script setup>
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
-import { TABLE_COLUMNS } from './constants';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { AuditStatus } from '@/views/creative-generation-workshop/manuscript/check/constants';
+
+import TextOverTips from '@/components/text-over-tips';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
+import icon4 from '@/assets/img/error-img.png';
 
 const emits = defineEmits(['edit', 'sorterChange', 'delete']);
+const router = useRouter();
 
 const props = defineProps({
   dataSource: {
     type: Array,
     default: () => [],
   },
+  tableColumns: {
+    type: Array,
+    default: () => [],
+  },
 });
 
 const tableRef = ref(null);
@@ -78,12 +116,13 @@ const handleSorterChange = (column, order) => {
 const onDelete = (item) => {
   emits('delete', item);
 };
-const onEdit = (item) => {
-  emits('edit', item);
+const onCheck = (item) => {
+  router.push(`/manuscript/detail/${item.id}`);
 };
 const onDetail = (item) => {
-  console.log('onDetail')
+  router.push(`/manuscript/detail/${item.id}`);
 };
+
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss
index d1a16ec..8621a01 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss
@@ -7,4 +7,10 @@
     font-weight: 400;
     line-height: 22px;
   }
+  :deep(.title) {
+    cursor: pointer;
+    &:hover {
+      color: #6d4cfe;
+    }
+  }
 }
diff --git a/src/views/creative-generation-workshop/manuscript/check/constants.ts b/src/views/creative-generation-workshop/manuscript/check/constants.ts
index 2e16021..b659415 100644
--- a/src/views/creative-generation-workshop/manuscript/check/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check/constants.ts
@@ -1,5 +1,224 @@
+
+
+export const TABLE_COLUMNS1 = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'cover',
+    width: 120,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 300,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 180,
+  },
+  {
+    title: '上传时间',
+    dataIndex: 'updated_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '上传人员',
+    dataIndex: 'uploader',
+    width: 180,
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改人员',
+    dataIndex: 'last_modifier',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 180,
+    fixed: 'right',
+  },
+];
+export const TABLE_COLUMNS2 = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'cover',
+    width: 120,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 300,
+  },
+  {
+    title: '客户意见',
+    dataIndex: 'opinion',
+    width: 220,
+  },
+  {
+    title: '审核平台',
+    dataIndex: 'platform',
+    width: 120,
+  },
+  {
+    title: '合规程度',
+    dataIndex: 'platform',
+    width: 120,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 180,
+  },
+  {
+    title: '审核时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '修改人员',
+    dataIndex: 'last_modifier',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 180,
+    fixed: 'right',
+  },
+];
+export const TABLE_COLUMNS3 = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'cover',
+    width: 120,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 300,
+  },
+  {
+    title: '客户意见',
+    dataIndex: 'title',
+    width: 120,
+  },
+  {
+    title: '审核平台',
+    dataIndex: 'platform',
+    width: 120,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 180,
+  },
+  {
+    title: '通过时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+   {
+    title: '修改人员',
+    dataIndex: 'last_modifier',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 180,
+    fixed: 'right',
+  },
+];
+export enum AuditStatus {
+  Pending = '1',
+  Auditing = '2',
+  Passed = '3',
+}
+
+export const AUDIT_STATUS_LIST = [
+  {
+    label: '待审核',
+    value: AuditStatus.Pending,
+    tableColumns: TABLE_COLUMNS1,
+  },
+  {
+    label: '审核中',
+    value: AuditStatus.Auditing,
+    tableColumns: TABLE_COLUMNS2,
+  },
+  {
+    label: '已通过',
+    value: AuditStatus.Passed,
+    tableColumns: TABLE_COLUMNS3,
+  },
+]
+
 export const INITIAL_QUERY = {
-  name: '',
+  audit_status: AuditStatus.Pending,
+  title: '',
+  created_at: [],
+  audit_started_at: [],
+  audit_platform: '',
   sort_column: undefined,
   sort_order: undefined,
 };
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index 7910a93..4a4d3f0 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -1,23 +1,19 @@
 <template>
   <div class="manuscript-check-wrap">
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
-      <div class="top flex h-64px px-24px py-10px justify-between items-center">
-        <p class="text-18px font-400 lh-26px color-#211F24 title">内容审核列表</p>
-        <div class="flex items-center">
-          <a-button type="primary" size="medium" @click="handleOpenAddProjectModal">
-            <template #icon>
-              <icon-plus size="16"/>
-            </template>
-            <template #default>上传内容稿件</template>
-          </a-button>
-        </div>
-      </div>
-      <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
+      <a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
+        <a-tab-pane title="待审核" v-for="item in AUDIT_STATUS_LIST" :key="item.value">{{ item.label }}</a-tab-pane>
+        <template #extra>
+          <a-button type="outline" size="medium" @click="handleOpenAddProjectModal">分享内容稿件</a-button>
+        </template>
+      </a-tabs>
+      <FilterBlock v-model:query="query" :audit_status="query.audit_status" @search="handleSearch" @reset="handleReset" />
     </div>
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
     >
       <ManuscriptCheckTable
+        :tableColumns="tableColumns"
         :dataSource="dataSource"
         @sorterChange="handleSorterChange"
         @delete="handleDelete"
@@ -48,11 +44,21 @@ import FilterBlock from './components/filter-block';
 import ManuscriptCheckTable from './components/manuscript-check-table';
 import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
 
+import { getWorkAuditsPage } from '@/api/all/generationWorkshop.ts';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getProjects } from '@/api/all/propertyMarketing';
-import { INITIAL_QUERY } from './constants';
+import { INITIAL_QUERY, AUDIT_STATUS_LIST, TABLE_COLUMNS1, TABLE_COLUMNS2, TABLE_COLUMNS3 } from '@/views/creative-generation-workshop/manuscript/check/constants';
 
-const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+const {
+  dataSource,
+  pageInfo,
+  onPageChange,
+  onPageSizeChange,
+  resetPageInfo,
+  selectedRowKeys,
+  selectedRows,
+  DEFAULT_PAGE_INFO,
+} = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
   },
@@ -60,13 +66,14 @@ const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } =
     getData();
   },
 });
+const tableColumns = ref([]);
 const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
 
 const getData = async () => {
   const { page, page_size } = pageInfo.value;
-  const { code, data } = await getProjects({
+  const { code, data } = await getWorkAuditsPage({
     ...query.value,
     page,
     page_size,
@@ -94,6 +101,16 @@ const handleSorterChange = (column, order) => {
   reload();
 };
 
+const handleTabClick = (key) => {
+  dataSource.value = [];
+  selectedRowKeys.value = [];
+  selectedRows.value = [];
+  resetPageInfo();
+  query.value.audit_status = key;
+  tableColumns.value = AUDIT_STATUS_LIST.find((item) => item.value === key).tableColumns;
+  getData();
+};
+
 const handleOpenAddProjectModal = () => {
   console.log('handleOpenAddProjectModal');
 };
@@ -107,11 +124,12 @@ const handleEdit = (item) => {
 };
 
 onMounted(() => {
+  tableColumns.value = TABLE_COLUMNS1;
   getData();
 });
 provide('update', getData);
 </script>
 
 <style scoped lang="scss">
-@import "./style.scss"
-</style>
\ No newline at end of file
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss
index 13b35ec..a2c29f0 100644
--- a/src/views/creative-generation-workshop/manuscript/check/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/style.scss
@@ -3,11 +3,24 @@
   display: flex;
   flex-direction: column;
   .filter-wrap {
+    :deep(.arco-tabs) {
+      .arco-tabs-tab {
+        height: 56px;
+        padding:  0 8px;
+      }
+      .arco-tabs-nav-extra {
+        padding-right: 24px;
+      }
+      .arco-tabs-content {
+        display: none;
+      }
+    }
     .top {
       .title {
         font-family: $font-family-medium;
         font-style: normal;
       }
+
       :deep(.arco-btn) {
         .arco-btn-icon {
           line-height: 16px;
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
index 2fbeeae..c5a7d6e 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
@@ -18,7 +18,7 @@ import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
-import { getWorksPage } from '@/api/all/generationWorkshop.ts';
+import { getWorksPage, getWriterLinksGenerate } from '@/api/all/generationWorkshop.ts';
 
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
@@ -218,7 +218,7 @@ export default {
                             if (column.dataIndex === 'audit_status') {
                               return (
                                 <div
-                                  class="flex items-center w-fit h-28px px-8px rounded-2px"
+                                  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 }}>
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
index 2020a01..5199e88 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
@@ -11,7 +11,7 @@ export const TABLE_COLUMNS = [
   {
     title: '图片/视频',
     dataIndex: 'cover',
-    width: 240,
+    width: 120,
   },
   {
     title: '内容稿件标题',
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index 0db6d7f..5a25e9e 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -39,7 +39,7 @@
           {{ exactFormatTime(record.create_at) }}
         </template>
         <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
-          <TextOverTips :context="record.title" :line="3" class="title" />
+          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
         </template>
         <template v-else-if="column.dataIndex === 'audit_status'" #cell="{ record }">
           <div

From eb76d00a8e7ecd4ea208578f589ef11a23243a1c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 4 Aug 2025 14:45:53 +0800
Subject: [PATCH 23/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=AE=A1=E6=A0=B8=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/creativeGenerationWorkshop.ts     |  2 +-
 .../components/filter-block/index.vue         | 49 ++++++++---------
 .../delete-manuscript-modal.vue               |  0
 .../manuscript-check-table/index.vue          | 45 +++++++++++++--
 .../manuscript-check-table/style.scss         |  0
 .../{check => check-list}/constants.ts        | 55 +++++++++++++++----
 .../{check => check-list}/index.vue           | 17 +++++-
 .../{check => check-list}/style.scss          |  0
 8 files changed, 124 insertions(+), 44 deletions(-)
 rename src/views/creative-generation-workshop/manuscript/{check => check-list}/components/filter-block/index.vue (71%)
 rename src/views/creative-generation-workshop/manuscript/{check => check-list}/components/manuscript-check-table/delete-manuscript-modal.vue (100%)
 rename src/views/creative-generation-workshop/manuscript/{check => check-list}/components/manuscript-check-table/index.vue (73%)
 rename src/views/creative-generation-workshop/manuscript/{check => check-list}/components/manuscript-check-table/style.scss (100%)
 rename src/views/creative-generation-workshop/manuscript/{check => check-list}/constants.ts (82%)
 rename src/views/creative-generation-workshop/manuscript/{check => check-list}/index.vue (89%)
 rename src/views/creative-generation-workshop/manuscript/{check => check-list}/style.scss (100%)

diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index 6dd7ad1..70a2a17 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -79,7 +79,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requireLogin: false,
           roles: ['*'],
         },
-        component: () => import('@/views/creative-generation-workshop/manuscript/check/index.vue'),
+        component: () => import('@/views/creative-generation-workshop/manuscript/check-list/index.vue'),
       },
       {
         path: 'check/:id',
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
similarity index 71%
rename from src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue
rename to src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
index c8bca08..99add2c 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
@@ -40,7 +40,7 @@
           </a-input>
         </a-space>
       </div>
-      <div class="filter-row-item">
+      <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
         <span class="label">上传时间</span>
         <a-range-picker
           v-model="created_at"
@@ -51,29 +51,28 @@
           @change="(value) => onDateChange(value, 'created_at')"
         />
       </div>
-      <div class="filter-row-item">
-        <span class="label">审核平台</span>
-        <a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-          <a-option
-            v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
-            :key="index"
-            :value="item.value"
-            :label="item.label"
-            >{{ item.label }}</a-option
-          >
-        </a-select>
-      </div>
-      <div class="filter-row-item">
-        <span class="label">审核时间</span>
-        <a-range-picker
-          v-model="audit_started_at"
-          size="medium"
-          allow-clear
-          format="YYYY-MM-DD"
-          class="w-280px"
-          @change="(value) => onDateChange(value, 'audit_started_at')"
-        />
-      </div>
+      <template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
+        <div class="filter-row-item">
+          <span class="label">审核平台</span>
+          <a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
+              item.label
+            }}</a-option>
+          </a-select>
+        </div>
+        <div class="filter-row-item">
+          <span class="label">审核时间</span>
+          <a-range-picker
+            v-model="audit_started_at"
+            size="medium"
+            allow-clear
+            format="YYYY-MM-DD"
+            class="w-280px"
+            @change="(value) => onDateChange(value, 'audit_started_at')"
+          />
+        </div>
+      </template>
+
       <div class="filter-row-item">
         <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
@@ -94,7 +93,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { MEDIA_ACCOUNT_PLATFORMS } from '@/utils/platform';
+import { PLATFORMS, AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
 
 const props = defineProps({
   query: {
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue
rename to src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
similarity index 73%
rename from src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue
rename to src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index 34d3f4c..51488cd 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -38,6 +38,19 @@
         <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
           {{ exactFormatTime(record.create_at) }}
         </template>
+        <template v-else-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
+          <p
+            class="h-28px px-8px flex items-center rounded-2px w-fit"
+            :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
+          >
+            <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
+              getCustomerOpinionInfo(record.customer_opinion)?.label
+            }}</span>
+          </p>
+        </template>
+        <template v-else-if="column.dataIndex === 'platform'" #cell="{ record }">
+          <img width="24" height="24" :src="PLATFORMS.find((item) => item.value === record.platform)?.icon" />
+        </template>
         <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
           <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
         </template>
@@ -57,7 +70,12 @@
         <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
           {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
         </template>
-        <template v-else-if="['updated_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
+        <template
+          #cell="{ record }"
+          v-else-if="
+            ['updated_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
+          "
+        >
           {{ exactFormatTime(record[column.dataIndex]) }}
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
@@ -70,7 +88,14 @@
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onCheck(record)">审核</a-button>
+            <a-button
+              type="outline"
+              size="mini"
+              @click="onShare(record)"
+              v-if="audit_status === AuditStatus.Passed"
+              >分享</a-button
+            >
+            <a-button type="outline" size="mini" @click="onCheck(record)" v-else>审核</a-button>
           </div>
         </template>
         <template v-else #cell="{ record }">
@@ -85,7 +110,11 @@
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
-import { AuditStatus } from '@/views/creative-generation-workshop/manuscript/check/constants';
+import {
+  AuditStatus,
+  CUSTOMER_OPINION,
+  PLATFORMS,
+} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
 
@@ -106,6 +135,9 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  audit_status: {
+    type: String,
+  }
 });
 
 const tableRef = ref(null);
@@ -116,13 +148,18 @@ const handleSorterChange = (column, order) => {
 const onDelete = (item) => {
   emits('delete', item);
 };
+const onShare = (item) => {
+  console.log('onShare', item);
+};
 const onCheck = (item) => {
   router.push(`/manuscript/detail/${item.id}`);
 };
 const onDetail = (item) => {
   router.push(`/manuscript/detail/${item.id}`);
 };
-
+const getCustomerOpinionInfo = (value = 1) => {
+  return CUSTOMER_OPINION.find((item) => item.value === value);
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss
rename to src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/check/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
similarity index 82%
rename from src/views/creative-generation-workshop/manuscript/check/constants.ts
rename to src/views/creative-generation-workshop/manuscript/check-list/constants.ts
index b659415..a20e022 100644
--- a/src/views/creative-generation-workshop/manuscript/check/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
@@ -47,14 +47,14 @@ export const TABLE_COLUMNS1 = [
     },
   },
   {
-    title: '最后修改人员',
+    title: '修改人员',
     dataIndex: 'last_modifier',
     width: 180,
   },
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 180,
+    width: 120,
     fixed: 'right',
   },
 ];
@@ -80,7 +80,7 @@ export const TABLE_COLUMNS2 = [
   },
   {
     title: '客户意见',
-    dataIndex: 'opinion',
+    dataIndex: 'customer_opinion',
     width: 220,
   },
   {
@@ -88,11 +88,11 @@ export const TABLE_COLUMNS2 = [
     dataIndex: 'platform',
     width: 120,
   },
-  {
-    title: '合规程度',
-    dataIndex: 'platform',
-    width: 120,
-  },
+  // {
+  //   title: '合规程度',
+  //   dataIndex: 'platform',
+  //   width: 120,
+  // },
   {
     title: '稿件类型',
     dataIndex: 'type',
@@ -100,7 +100,7 @@ export const TABLE_COLUMNS2 = [
   },
   {
     title: '审核时间',
-    dataIndex: 'last_modified_at',
+    dataIndex: 'audit_started_at',
     width: 180,
     sortable: {
       sortDirections: ['ascend', 'descend'],
@@ -122,7 +122,7 @@ export const TABLE_COLUMNS2 = [
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 180,
+    width: 120,
     fixed: 'right',
   },
 ];
@@ -163,7 +163,7 @@ export const TABLE_COLUMNS3 = [
   },
   {
     title: '通过时间',
-    dataIndex: 'last_modified_at',
+    dataIndex: 'audit_passed_at',
     width: 180,
     sortable: {
       sortDirections: ['ascend', 'descend'],
@@ -185,7 +185,7 @@ export const TABLE_COLUMNS3 = [
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 180,
+    width: 120,
     fixed: 'right',
   },
 ];
@@ -222,3 +222,34 @@ export const INITIAL_QUERY = {
   sort_column: undefined,
   sort_order: undefined,
 };
+
+import icon1 from '@/assets/img/media-account/icon-dy.png';
+import icon2 from '@/assets/img/media-account/icon-xhs.png';
+
+export const PLATFORMS = [
+  {
+    label: '抖音',
+    value: 2,
+    icon: icon1,
+  },
+  {
+    label: '小红书',
+    value: 1,
+    icon: icon2,
+  },
+];
+
+export const CUSTOMER_OPINION = [
+  {
+    label: '待确认',
+    value: 0,
+    bg: '#F2F3F5',
+    color: 'color-#3C4043'
+  },
+  {
+    label: '已确认',
+    value: 1,
+    bg: '#F0EDFF',
+    color: '!color-#6D4CFE'
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
similarity index 89%
rename from src/views/creative-generation-workshop/manuscript/check/index.vue
rename to src/views/creative-generation-workshop/manuscript/check-list/index.vue
index 4a4d3f0..618e7cd 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
@@ -7,7 +7,12 @@
           <a-button type="outline" size="medium" @click="handleOpenAddProjectModal">分享内容稿件</a-button>
         </template>
       </a-tabs>
-      <FilterBlock v-model:query="query" :audit_status="query.audit_status" @search="handleSearch" @reset="handleReset" />
+      <FilterBlock
+        v-model:query="query"
+        :audit_status="query.audit_status"
+        @search="handleSearch"
+        @reset="handleReset"
+      />
     </div>
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
@@ -15,6 +20,7 @@
       <ManuscriptCheckTable
         :tableColumns="tableColumns"
         :dataSource="dataSource"
+        :audit_status="query.audit_status"
         @sorterChange="handleSorterChange"
         @delete="handleDelete"
         @edit="handleEdit"
@@ -47,7 +53,13 @@ import DeleteManuscriptModal from './components/manuscript-check-table/delete-ma
 import { getWorkAuditsPage } from '@/api/all/generationWorkshop.ts';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getProjects } from '@/api/all/propertyMarketing';
-import { INITIAL_QUERY, AUDIT_STATUS_LIST, TABLE_COLUMNS1, TABLE_COLUMNS2, TABLE_COLUMNS3 } from '@/views/creative-generation-workshop/manuscript/check/constants';
+import {
+  INITIAL_QUERY,
+  AUDIT_STATUS_LIST,
+  TABLE_COLUMNS1,
+  TABLE_COLUMNS2,
+  TABLE_COLUMNS3,
+} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
 
 const {
   dataSource,
@@ -102,6 +114,7 @@ const handleSorterChange = (column, order) => {
 };
 
 const handleTabClick = (key) => {
+  query.value = cloneDeep(INITIAL_QUERY);
   dataSource.value = [];
   selectedRowKeys.value = [];
   selectedRows.value = [];
diff --git a/src/views/creative-generation-workshop/manuscript/check/style.scss b/src/views/creative-generation-workshop/manuscript/check-list/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript/check/style.scss
rename to src/views/creative-generation-workshop/manuscript/check-list/style.scss

From e2f2d26d007470edfc4c20b6bd6a8f2fc27c63cf Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 4 Aug 2025 17:05:44 +0800
Subject: [PATCH 24/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=AE=A1=E6=A0=B8=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |  8 +++
 src/hooks/useTableSelectionWithPagination.ts  |  1 +
 .../modules/creativeGenerationWorkshop.ts     | 14 +++++
 src/styles/components/input.scss              |  4 ++
 src/styles/components/table.scss              |  1 +
 .../delete-manuscript-modal.vue               |  4 +-
 .../manuscript-check-table/index.vue          | 49 ++++++++++-----
 .../manuscript-check-table/style.scss         |  3 +
 .../manuscript/check-list/constants.ts        |  5 ++
 .../manuscript/check-list/index.vue           | 62 ++++++++++++++++---
 .../share-manuscript-modal/index.vue          |  8 +--
 .../share-manuscript-modal/share-modal.vue    | 47 ++++++++------
 .../manuscript/detail/index.vue               | 34 +++++++---
 .../manuscript/list/index.vue                 |  6 +-
 14 files changed, 190 insertions(+), 56 deletions(-)

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index e365302..3d178a2 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -8,6 +8,14 @@ export const getWorksList = (params = {}) => {
 export const postWorksBatch = (params = {}) => {
   return Http.post('/v1/works/batch', params);
 };
+// 生成分享链接
+export const postShareLinksGenerate = (params = {}) => {
+  return Http.post('/v1/share-links/generate', params);
+};
+// 生成写手链接
+export const postWriterLinksGenerate = (params = {}) => {
+  return Http.post('/v1/writer-links/generate', params);
+};
 // 内容稿件-修改
 export const putWorksUpdate = (params = {}) => {
   const { id, ...rest } = params as { id: string; [key: string]: any };
diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
index 80ae4aa..71286e5 100644
--- a/src/hooks/useTableSelectionWithPagination.ts
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -45,6 +45,7 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
 
   // 全选/取消全选
   const handleSelectAll = (checked: boolean) => {
+    console.log('handleSelectAll', checked)
     const currentPageRows = dataSource.value;
     const currentPageKeys = currentPageRows.map((v) => v[rowKey]);
 
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index 70a2a17..8d4ad1e 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -81,6 +81,20 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         },
         component: () => import('@/views/creative-generation-workshop/manuscript/check-list/index.vue'),
       },
+      {
+        path: 'check-list/detail/:id',
+        name: 'ManuscriptCheckListDetail',
+        meta: {
+          locale: '内容稿件审核详情',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          hideInMenu: true,
+          roles: ['*'],
+          activeMenu: 'ManuscriptCheckList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/detail/index.vue'),
+      },
       {
         path: 'check/:id',
         name: 'ManuscriptCheck',
diff --git a/src/styles/components/input.scss b/src/styles/components/input.scss
index e55b6f4..4e81891 100644
--- a/src/styles/components/input.scss
+++ b/src/styles/components/input.scss
@@ -15,4 +15,8 @@
   &.arco-input-disabled {
     background-color: var(--BG-200, #F2F3F5) !important;
   }
+  .arco-input-prefix {
+    padding-right: 0 !important;
+    margin-right: 4px;
+  }
 }
diff --git a/src/styles/components/table.scss b/src/styles/components/table.scss
index 4abb4b9..9c53cc5 100644
--- a/src/styles/components/table.scss
+++ b/src/styles/components/table.scss
@@ -9,6 +9,7 @@
   }
   .arco-table-container {
     border: none !important;
+    height: 100%;
     .arco-table-element {
       thead {
         .arco-table-tr {
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
index ef68bd5..98016d4 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -10,8 +10,8 @@
       <span>确认删除 {{ projectName }} 这个稿件吗？</span>  
     </div>
     <template #footer>
-      <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
+      <a-button size="medium" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="medium" @click="onDelete"
         >确认删除</a-button
       >
     </template>
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index 51488cd..9b511b2 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -8,7 +8,11 @@
     :scroll="{ x: '100%' }"
     class="flex-1 manuscript-table w-100%"
     bordered
+    :row-selection="rowSelection"
+    :selected-row-keys="selectedRowKeys"
     @sorter-change="handleSorterChange"
+    @select="(selectedKeys, rowKeyValue, record) => emits('select', selectedKeys, rowKeyValue, record)"
+    @select-all="(check) => emits('selectAll', check)"
   >
     <template #empty>
       <NoData text="暂无稿件" />
@@ -35,8 +39,10 @@
           </div>
         </template>
 
-        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
-          {{ exactFormatTime(record.create_at) }}
+        <template v-if="column.dataIndex === 'compliance_degree'" #cell="{ record }">
+          <span class="cts num !color-#6D4CFE">{{
+            record.compliance_degree ? `${record.compliance_degree}%` : '-'
+          }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
           <p
@@ -44,7 +50,7 @@
             :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
           >
             <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
-              getCustomerOpinionInfo(record.customer_opinion)?.label
+              getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
             }}</span>
           </p>
         </template>
@@ -76,7 +82,7 @@
             ['updated_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
           "
         >
-          {{ exactFormatTime(record[column.dataIndex]) }}
+          <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
           <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px">
@@ -88,14 +94,17 @@
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+            <a-button type="outline" size="mini" @click="onShare(record)" v-if="audit_status === AuditStatus.Passed"
+              >分享</a-button
+            >
             <a-button
               type="outline"
               size="mini"
-              @click="onShare(record)"
-              v-if="audit_status === AuditStatus.Passed"
-              >分享</a-button
+              @click="onCheck(record)"
+              v-else-if="audit_status === AuditStatus.Pending"
+              >审核</a-button
             >
-            <a-button type="outline" size="mini" @click="onCheck(record)" v-else>审核</a-button>
+            <a-button type="outline" size="mini" @click="onCheck(record)" v-else>查看</a-button>
           </div>
         </template>
         <template v-else #cell="{ record }">
@@ -104,6 +113,8 @@
       </a-table-column>
     </template>
   </a-table>
+
+  <ShareModal ref="shareModalRef" />
 </template>
 
 <script setup>
@@ -117,13 +128,14 @@ import {
 } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
+import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
 import icon4 from '@/assets/img/error-img.png';
 
-const emits = defineEmits(['edit', 'sorterChange', 'delete']);
+const emits = defineEmits(['edit', 'sorterChange', 'delete', 'select', 'selectAll']);
 const router = useRouter();
 
 const props = defineProps({
@@ -135,12 +147,21 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  rowSelection: {
+    type: Array,
+    default: () => [],
+  },
+  selectedRowKeys: {
+    type: Array,
+    default: () => [],
+  },
   audit_status: {
     type: String,
-  }
+  },
 });
 
 const tableRef = ref(null);
+const shareModalRef = ref(null);
 
 const handleSorterChange = (column, order) => {
   emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
@@ -149,15 +170,15 @@ const onDelete = (item) => {
   emits('delete', item);
 };
 const onShare = (item) => {
-  console.log('onShare', item);
+  shareModalRef.value?.open([item.id]);
 };
 const onCheck = (item) => {
-  router.push(`/manuscript/detail/${item.id}`);
+  router.push(`/manuscript/check/${item.id}`);
 };
 const onDetail = (item) => {
-  router.push(`/manuscript/detail/${item.id}`);
+  router.push(`/manuscript/check-list/detail/${item.id}?source=check&audit_status=${props.audit_status}`);
 };
-const getCustomerOpinionInfo = (value = 1) => {
+const getCustomerOpinionInfo = (value) => {
   return CUSTOMER_OPINION.find((item) => item.value === value);
 };
 </script>
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss
index 8621a01..5a1711b 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss
@@ -6,6 +6,9 @@
     font-style: normal;
     font-weight: 400;
     line-height: 22px;
+    &.num {
+      font-family: $font-family-manrope-regular;
+    }
   }
   :deep(.title) {
     cursor: pointer;
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
index a20e022..dd7acf4 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
@@ -88,6 +88,11 @@ export const TABLE_COLUMNS2 = [
     dataIndex: 'platform',
     width: 120,
   },
+  {
+    title: '合规程度',
+    dataIndex: 'compliance_degree',
+    width: 120,
+  },
   // {
   //   title: '合规程度',
   //   dataIndex: 'platform',
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
index 618e7cd..1de279b 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
@@ -2,9 +2,9 @@
   <div class="manuscript-check-wrap">
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
       <a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
-        <a-tab-pane title="待审核" v-for="item in AUDIT_STATUS_LIST" :key="item.value">{{ item.label }}</a-tab-pane>
+        <a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
         <template #extra>
-          <a-button type="outline" size="medium" @click="handleOpenAddProjectModal">分享内容稿件</a-button>
+          <a-button type="outline" size="medium" @click="handleShareModal">分享内容稿件</a-button>
         </template>
       </a-tabs>
       <FilterBlock
@@ -17,13 +17,37 @@
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
     >
+      <div class="flex justify-end mb-12px" v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchCheck"
+          v-if="query.audit_status === AuditStatus.Pending"
+          >批量审核</a-button
+        >
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchView"
+          v-if="query.audit_status === AuditStatus.Auditing"
+          >批量查看</a-button
+        >
+      </div>
+
       <ManuscriptCheckTable
+        :key="query.audit_status"
         :tableColumns="tableColumns"
+        :rowSelection="rowSelection"
+        :selectedRowKeys="selectedRowKeys"
         :dataSource="dataSource"
         :audit_status="query.audit_status"
         @sorterChange="handleSorterChange"
         @delete="handleDelete"
         @edit="handleEdit"
+        @select="handleSelect"
+        @selectAll="handleSelectAll"
       />
       <div v-if="pageInfo.total > 0" class="pagination-box">
         <a-pagination
@@ -41,19 +65,22 @@
     </div>
 
     <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
+    <ShareManuscriptModal ref="shareManuscriptModalRef" />
   </div>
 </template>
 <script lang="jsx" setup>
 import { defineComponent } from 'vue';
-import { Button } from '@arco-design/web-vue';
+import { Button, Message as AMessage } from '@arco-design/web-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptCheckTable from './components/manuscript-check-table';
 import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
+import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal';
 
 import { getWorkAuditsPage } from '@/api/all/generationWorkshop.ts';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getProjects } from '@/api/all/propertyMarketing';
 import {
+  AuditStatus,
   INITIAL_QUERY,
   AUDIT_STATUS_LIST,
   TABLE_COLUMNS1,
@@ -61,14 +88,18 @@ import {
   TABLE_COLUMNS3,
 } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
 
+console.log({AUDIT_STATUS_LIST})
 const {
   dataSource,
   pageInfo,
+  rowSelection,
   onPageChange,
   onPageSizeChange,
   resetPageInfo,
   selectedRowKeys,
   selectedRows,
+  handleSelect,
+  handleSelectAll,
   DEFAULT_PAGE_INFO,
 } = useTableSelectionWithPagination({
   onPageChange: () => {
@@ -78,10 +109,13 @@ const {
     getData();
   },
 });
+const router = useRouter();
 const tableColumns = ref([]);
 const query = ref(cloneDeep(INITIAL_QUERY));
+
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
+const shareManuscriptModalRef = ref(null);
 
 const getData = async () => {
   const { page, page_size } = pageInfo.value;
@@ -112,7 +146,21 @@ const handleSorterChange = (column, order) => {
   query.value.sort_order = order;
   reload();
 };
+const handleBatchCheck = () => {
+  if (!selectedRows.value.length) {
+    AMessage.warning('请选择需审核的内容稿件');
+    return;
+  }
 
+  const ids = selectedRowKeys.value.join(',');
+  router.push(`/manuscript/check/${ids}`);
+};
+const handleBatchView = () => {
+   if (!selectedRows.value.length) {
+    AMessage.warning('请选择需查看的内容稿件');
+    return;
+  }
+};
 const handleTabClick = (key) => {
   query.value = cloneDeep(INITIAL_QUERY);
   dataSource.value = [];
@@ -124,13 +172,13 @@ const handleTabClick = (key) => {
   getData();
 };
 
-const handleOpenAddProjectModal = () => {
-  console.log('handleOpenAddProjectModal');
+const handleShareModal = () => {
+  shareManuscriptModalRef.value.open();
 };
 
 const handleDelete = (item) => {
-  const { id, name } = item;
-  deleteManuscriptModalRef.value?.open({ id, name: `“${name}”` });
+  const { id, title } = item;
+  deleteManuscriptModalRef.value?.open({ id, name: `“${title}”` });
 };
 const handleEdit = (item) => {
   // addManuscriptModalRef.value?.open(item.id);
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
index c5a7d6e..ffa1247 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
@@ -12,7 +12,7 @@ import {
 } from '@arco-design/web-vue';
 import CommonSelect from '@/components/common-select';
 import TextOverTips from '@/components/text-over-tips';
-import ShareModal from './share-modal';
+import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal';
 
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
@@ -116,7 +116,7 @@ export default {
     };
 
     const onShare = () => {
-      shareModalRef.value?.open();
+      shareModalRef.value?.open(selectedRowKeys.value);
     };
     const handleSorterChange = (column, order) => {
       query.value.sort_column = column;
@@ -145,13 +145,13 @@ export default {
                   已选择 <span class="cts color-#211F24 bold">{selectedRows.value.length}</span> 个
                 </p>
                 <div class="flex items-center">
-                  <Button size="large" onClick={onClose}>
+                  <Button size="medium" onClick={onClose}>
                     取消
                   </Button>
                   <Button
                     type="primary"
                     class="ml-16px"
-                    size="large"
+                    size="medium"
                     onClick={onShare}
                     disabled={!selectedRows.value.length}
                   >
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
index 066b6ee..c7a4518 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
@@ -3,11 +3,12 @@ import { Modal, Form, FormItem, Input, Button, Message as AMessage } from '@arco
 import CommonSelect from '@/components/common-select';
 
 import { useClipboard } from '@vueuse/core';
+import { postShareLinksGenerate } from '@/api/all/generationWorkshop';
 
 const INITIAL_FORM = {
-  link: '',
-  data: 1,
-  target: '',
+  work_ids: [],
+  days: 1,
+  receiver: '',
 };
 const OPTIONS = [
   {
@@ -42,10 +43,12 @@ export default {
     const visible = ref(false);
     const formRef = ref(null);
     const formData = ref(cloneDeep(INITIAL_FORM));
+    const loading = ref(false);
 
     const { copy } = useClipboard({ source: formData.value.link });
 
     const reset = () => {
+      loading.value = false;
       formData.value = cloneDeep(INITIAL_FORM);
       formRef.value?.resetFields?.();
       formRef.value?.clearValidate?.();
@@ -56,13 +59,22 @@ export default {
       reset();
     };
 
-    const onCopy = () => {
-      onClose();
-      copy(formData.value.link);
-      AMessage.success('复制成功！');
-      emit('close');
+    const onGenerateLink = async () => {
+      try {
+        loading.value = true;
+        const { code, data } = await postShareLinksGenerate(formData.value);
+        if (!code) {
+          onClose();
+          copy(data.code);
+          AMessage.success('复制成功！');
+          emit('close');
+        }
+      } finally {
+        loading.value = false;
+      }
     };
-    const open = () => {
+    const open = (workIds) => {
+      formData.value.work_ids = workIds;
       visible.value = true;
     };
 
@@ -79,23 +91,20 @@ export default {
         v-slots={{
           footer: () => (
             <>
-              <Button size="large" onClick={onClose}>
+              <Button size="medium" onClick={onClose}>
                 取消
               </Button>
-              <Button type="primary" class="ml-16px" size="large" onClick={onCopy}>
-                复制链接
+              <Button type="primary" class="ml-16px" size="medium" onClick={onGenerateLink} disabled={loading.value}>
+                {loading.value ? '生成中...' : '生成链接'}
               </Button>
             </>
           ),
         }}
       >
         <Form ref={formRef} model={formData.value} auto-label-width>
-          <FormItem label="分享地址" prop="link">
-            <Input v-model={formData.value.link} size="large" placeholder="请输入分享地址" />
-          </FormItem>
-          <FormItem label="有效期" prop="data">
+          <FormItem label="有效期" prop="days">
             <CommonSelect
-              v-model={formData.value.data}
+              v-model={formData.value.days}
               options={OPTIONS}
               multiple={false}
               placeholder="请选择有效期"
@@ -104,8 +113,8 @@ export default {
               allClear={false}
             />
           </FormItem>
-          <FormItem label="分享对象" prop="target">
-            <Input v-model={formData.value.target} class="!w-240px" size="large" placeholder="请输入分享对象" />
+          <FormItem label="分享对象" prop="receiver">
+            <Input v-model={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
           </FormItem>
         </Form>
       </Modal>
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index 7c39c10..243c057 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -1,25 +1,36 @@
 <script lang="jsx">
 import { Button, Message as AMessage } from '@arco-design/web-vue';
 import { useRouter, useRoute } from 'vue-router';
+import { AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+
+const DEFAULT_SOURCE_INFO = {
+  title: '内容稿件列表',
+  routeName: 'ManuscriptList',
+};
+const SOURCE_MAP = new Map([['check', { title: '内容稿件审核', routeName: 'ManuscriptCheckList' }]]);
 
 export default {
   setup(props, { emit, expose }) {
     const router = useRouter();
     const route = useRoute();
     const workId = ref(route.params.id);
+    const { source, audit_status } = route.query;
+
+    const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
+    console.log({ source });
 
     // 视频播放相关状态
     const isPlaying = ref(false);
     const videoRef = ref(null);
-    const videoUrl = ref(''); 
-    const coverImageUrl = ref(''); 
-    const isVideoLoaded = ref(false); 
+    const videoUrl = ref('');
+    const coverImageUrl = ref('');
+    const isVideoLoaded = ref(false);
     const contentType = ref('video');
 
     const isVideo = computed(() => contentType.value === 'video');
 
     const onBack = () => {
-      router.push({ name: 'ManuscriptList' });
+      router.push({ name: sourceInfo.value.routeName });
     };
 
     const renderMainImg = () => {
@@ -61,6 +72,15 @@ export default {
     };
 
     const renderFooterRow = () => {
+      const isPassed = audit_status === AuditStatus.Passed;
+      const _fn = () => {
+        if (isPassed) {
+          console.log('审核详情');
+        } else {
+          router.push(`/manuscript/check/${workId.value}`);
+        }
+      };
+      
       return (
         <>
           <Button size="medium" type="outline" class="mr-12px" onClick={onBack}>
@@ -74,8 +94,8 @@ export default {
           >
             编辑
           </Button>
-          <Button type="primary" size="medium" onClick={() => router.push(`/manuscript/check/${workId.value}`)}>
-            去审核
+          <Button type="primary" size="medium" onClick={_fn}>
+            {isPassed ? '审核详情' : '去审核'}
           </Button>
         </>
       );
@@ -87,7 +107,7 @@ export default {
         <div class="manuscript-detail-wrap">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
-              内容稿件列表
+              {sourceInfo.value.title}
             </span>
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">内容稿件详情</span>
diff --git a/src/views/creative-generation-workshop/manuscript/list/index.vue b/src/views/creative-generation-workshop/manuscript/list/index.vue
index 298588e..457862e 100644
--- a/src/views/creative-generation-workshop/manuscript/list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/index.vue
@@ -4,7 +4,7 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
         <div class="flex items-center">
-          <a-button type="outline" size="medium" class="mr-12px" @click="handleOpenAddProjectModal">
+          <a-button type="outline" size="medium" class="mr-12px" @click="handleShareModal">
             分享内容稿件
           </a-button>
           <a-button type="primary" size="medium" @click="openUploadModal">
@@ -48,7 +48,7 @@ import FilterBlock from './components/filter-block';
 import ManuscriptTable from './components/manuscript-table';
 import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
 import UploadManuscriptModal from './components/upload-manuscript-modal';
-import ShareManuscriptModal from '../components/share-manuscript-modal';
+import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { getWorksPage } from '@/api/all/generationWorkshop.ts';
@@ -98,7 +98,7 @@ const handleSorterChange = (column, order) => {
   reload();
 };
 
-const handleOpenAddProjectModal = () => {
+const handleShareModal = () => {
   shareManuscriptModalRef.value.open()
 };
 const openUploadModal = () => {

From 99138a3b573845d18cc4eff52d97341fa59ffe44 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 4 Aug 2025 17:06:26 +0800
Subject: [PATCH 25/64] =?UTF-8?q?style:=20=E5=88=A0=E9=99=A4log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../creative-generation-workshop/manuscript/check-list/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/creative-generation-workshop/manuscript/check-list/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
index 1de279b..493082d 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
@@ -88,7 +88,6 @@ import {
   TABLE_COLUMNS3,
 } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
 
-console.log({AUDIT_STATUS_LIST})
 const {
   dataSource,
   pageInfo,

From c719b9a9d31fa4e6bd728c2487d500976cd4d1f4 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 4 Aug 2025 17:11:53 +0800
Subject: [PATCH 26/64] =?UTF-8?q?style:=20=E5=90=8D=E7=A7=B0=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../list/components/upload-manuscript-modal/index.vue           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
index 7a945fd..34d578c 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -340,7 +340,7 @@ export default {
               <RadioGroup v-model={uploadType.value}>
                 <Radio value={UPLOAD_TYPE.LINK}>链接上传</Radio>
                 <Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
-                <Radio value={UPLOAD_TYPE.HANDWRITE}>手写上传</Radio>
+                <Radio value={UPLOAD_TYPE.HANDWRITE}>写手上传</Radio>
               </RadioGroup>
             </FormItem>
           )}

From 447b0d1be32752d70432fe34568d96827120b015 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 4 Aug 2025 18:05:51 +0800
Subject: [PATCH 27/64] =?UTF-8?q?feat:=20=E7=94=9F=E6=88=90=E5=86=99?=
 =?UTF-8?q?=E6=89=8B=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |  9 +---
 src/api/index.ts                              |  3 +-
 .../upload-manuscript-modal/index.vue         | 43 +++++++++++++++----
 3 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index 3d178a2..3a00fb5 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -13,8 +13,8 @@ export const postShareLinksGenerate = (params = {}) => {
   return Http.post('/v1/share-links/generate', params);
 };
 // 生成写手链接
-export const postWriterLinksGenerate = (params = {}) => {
-  return Http.post('/v1/writer-links/generate', params);
+export const getWriterLinksGenerate = () => {
+  return Http.get('/v1/writer-links/generate');
 };
 // 内容稿件-修改
 export const putWorksUpdate = (params = {}) => {
@@ -61,8 +61,3 @@ export const putWorkAuditsAuditPass = (params = {}) => {
   const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/work-audits/${auditId}/audit-pass`, rest);
 };
-
-// 生成分享链接
-export const getWriterLinksGenerate = (params = {}) => {
-  return Http.get('/v1/writer-links/generate', params);
-};
\ No newline at end of file
diff --git a/src/api/index.ts b/src/api/index.ts
index c7d5a6a..2684e95 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -10,6 +10,7 @@ import axios from 'axios';
 import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
 import { handleUserLogout, goUserLogin } from '@/utils/user';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
+import { glsWithCatch } from '@/utils/stroage';
 import pinia from '@/stores';
 
 const contentType = 'application/json';
@@ -43,7 +44,7 @@ export class Request {
       (config: AxiosRequestConfig) => {
         const store = useEnterpriseStore(pinia);
 
-        const token = localStorage.getItem('accessToken') as string;
+        const token = glsWithCatch('accessToken');
         config.headers!.Authorization = token;
 
         if (store.enterpriseInfo) {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
index 34d578c..37c3515 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -12,6 +12,7 @@ import {
   Textarea,
 } from '@arco-design/web-vue';
 import { useClipboard } from '@vueuse/core';
+import { getWriterLinksGenerate } from '@/api/all/generationWorkshop';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
@@ -33,7 +34,7 @@ const UPLOAD_TYPE = {
 // 初始表单数据
 const INITIAL_FORM = {
   linkUrl: '',
-  link: '',
+  writerLink: '',
 };
 
 // 模拟数据生成
@@ -58,7 +59,7 @@ export default {
     const totalCount = ref(0);
 
     // 剪贴板功能
-    const { copy } = useClipboard({ source: form.value.link });
+    const { copy } = useClipboard({ source: form.value.writerLink });
 
     const isLink = computed(() => uploadType.value === UPLOAD_TYPE.LINK);
     const isLocal = computed(() => uploadType.value === UPLOAD_TYPE.LOCAL);
@@ -86,12 +87,29 @@ export default {
       totalCount.value = 0;
     };
 
-    // 打开模态框
+    const getWriterLink = async () => {
+      const data = {
+        code: 1,
+      };
+      const url = new URL(window.location.href);
+      url.searchParams.set('writer_code', data.code);
+      form.value.writerLink = url.toString();
+      console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
+
+      // const { code, data } = await getWriterLinksGenerate();
+      // if (code === 200) {
+      //   const url = new URL(window.location.href);
+      //   url.searchParams.set('writer_code', data.code);
+      //   form.value.writerLink = url.toString();
+      //   console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
+      // }
+    };
+
     const open = () => {
+      getWriterLink();
       visible.value = true;
     };
 
-    // 关闭模态框
     const onClose = () => {
       reset();
       visible.value = false;
@@ -121,12 +139,12 @@ export default {
 
     // 手写提交处理
     const handleHandwriteSubmit = () => {
-      if(!form.value.link) {
+      if (!form.value.writerLink) {
         AMessage.warning('请输入上传链接！');
         return;
       }
 
-      copy(form.value.link);
+      copy(form.value.writerLink);
       AMessage.success('复制成功！');
       onClose();
     };
@@ -163,6 +181,15 @@ export default {
       AMessage.success('删除成功');
     };
 
+    // 上传方式切换
+    const onUploadTypeChange = (val) => {
+      if (val === UPLOAD_TYPE.HANDWRITE) {
+        getWriterLink();
+      }
+      // uploadType.value = val;
+      // formRef.value?.clearValidate?.();
+    };
+
     // 下载模板
     const handleDownloadTemplate = async () => {
       AMessage.info('下载模板功能开发中...');
@@ -183,7 +210,7 @@ export default {
     // 渲染手写上传表单
     const renderHandwriteForm = () => (
       <FormItem label="上传链接">
-        <Input v-model={form.value.link} placeholder="请输入..." size="large" />
+        <Input v-model={form.value.writerLink} placeholder="请输入..." disabled size="large" />
       </FormItem>
     );
 
@@ -337,7 +364,7 @@ export default {
         <Form ref="formRef" model={form.value} layout="horizontal" auto-label-width>
           {isDefault.value && (
             <FormItem label="上传方式">
-              <RadioGroup v-model={uploadType.value}>
+              <RadioGroup v-model={uploadType.value} onChange={onUploadTypeChange}>
                 <Radio value={UPLOAD_TYPE.LINK}>链接上传</Radio>
                 <Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
                 <Radio value={UPLOAD_TYPE.HANDWRITE}>写手上传</Radio>

From f6e4bdea096662f50e965275fda1c81fd88abf07 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 5 Aug 2025 10:48:08 +0800
Subject: [PATCH 28/64] =?UTF-8?q?feat:=20=E7=A8=BF=E4=BB=B6=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manuscript-check-table/index.vue          |  2 +-
 .../manuscript/detail/index.vue               | 97 ++++++++++++-------
 .../manuscript/detail/style.scss              | 11 ++-
 .../manuscript/edit/index.vue                 |  6 ++
 .../components/manuscript-table/index.vue     |  2 +-
 5 files changed, 79 insertions(+), 39 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index 9b511b2..a6bffbc 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -85,7 +85,7 @@
           <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px">
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
             <template #error>
               <img :src="icon4" class="w-full h-full" />
             </template>
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index 243c057..35905b9 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -1,7 +1,11 @@
 <script lang="jsx">
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+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 { getWorksDetail } from '@/api/all/generationWorkshop';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
 
 const DEFAULT_SOURCE_INFO = {
   title: '内容稿件列表',
@@ -16,36 +20,66 @@ export default {
     const workId = ref(route.params.id);
     const { source, audit_status } = route.query;
 
-    const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
-    console.log({ source });
-
     // 视频播放相关状态
     const isPlaying = ref(false);
     const videoRef = ref(null);
     const videoUrl = ref('');
     const coverImageUrl = ref('');
     const isVideoLoaded = ref(false);
-    const contentType = ref('video');
+    const dataSource = ref({});
+    const images = ref([]);
+    const loading = ref(false);
 
-    const isVideo = computed(() => contentType.value === 'video');
+    const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
+    const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
 
     const onBack = () => {
       router.push({ name: sourceInfo.value.routeName });
     };
 
+    const initData = () => {
+      const [fileOne, ...fileOthers] = dataSource.value.files ?? [];
+      if (isVideo.value) {
+        videoUrl.value = fileOne;
+        coverImageUrl.value = convertVideoUrlToCoverUrl(fileOne);
+      } else {
+        coverImageUrl.value = fileOne;
+        images.value = fileOthers;
+      }
+    };
+
+    const getData = async () => {
+      try {
+        loading.value = true;
+        const { code, data } = await getWorksDetail(workId.value);
+        if (code === 200) {
+          dataSource.value = data;
+          initData();
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+
     const renderMainImg = () => {
+      if (!coverImageUrl.value) return null;
+
       if (isVideo.value) {
         return (
-          <div class="main-img-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
-            <video ref={videoRef} class="w-100% h-100% object-cover" onEnded={onVideoEnded}></video>
-            <img src={coverImageUrl.value} class="w-100% h-100% object-cover absolute z-0 top-0 left-0" />
-            <div v-show={!isPlaying.value} class="play-icon"></div>
+          <div class="main-video-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
+            <video ref={videoRef} class="w-100% h-100% object-contain" onEnded={onVideoEnded}></video>
+            {!isPlaying.value && (
+              <>
+                <img src={coverImageUrl.value} class="w-100% h-100% object-contain absolute z-0 top-0 left-0" />
+                <div v-show={!isPlaying.value} class="play-icon"></div>
+              </>
+            )}
           </div>
         );
       } 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 absolute z-0 top-0 left-0" />
           </div>
         );
       }
@@ -54,10 +88,10 @@ export default {
     const togglePlay = () => {
       if (!videoRef.value) return;
 
+      console.log('togglePlay', videoRef.value);
       if (isPlaying.value) {
         videoRef.value.pause();
       } else {
-        // 首次播放时才加载视频
         if (!isVideoLoaded.value) {
           videoRef.value.src = videoUrl.value;
           isVideoLoaded.value = true;
@@ -80,7 +114,7 @@ export default {
           router.push(`/manuscript/check/${workId.value}`);
         }
       };
-      
+
       return (
         <>
           <Button size="medium" type="outline" class="mr-12px" onClick={onBack}>
@@ -101,10 +135,13 @@ export default {
       );
     };
 
-    // 4. 修改模板部分，根据contentType条件渲染
+    onMounted(() => {
+      workId && getData();
+    });
+
     return () => (
-      <>
-        <div class="manuscript-detail-wrap">
+      <Spin loading={loading.value} class="manuscript-detail-wrap" size={50}>
+        <div class="h-full w-full flex flex-col">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
               {sourceInfo.value.title}
@@ -114,38 +151,32 @@ export default {
           </div>
           <div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
             <div class="w-684px mx-auto flex flex-col items-center">
-              <p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">
-                挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价
-              </p>
-              <p class="cts !text-12px !color-#737478 mb-32px w-full text-left">6月26日修改</p>
+              <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>
+                <p class="cts !text-12px !color-#737478 mb-32px w-full text-left">
+                  {exactFormatTime(dataSource.value.update_time)}修改
+                </p>
+              </div>
+
               {renderMainImg()}
 
-              <p class="cts !color-#211F24 ">
-                谁懂啊！作为混干皮，每天素颜出门总被说 “气色好差”，直到被闺蜜按头安利这个 30 块的素颜霜 ——
-                质地像冰淇淋一样推开就化，完全不卡粉！带一点自然提亮，黄黑皮涂完像天生好皮肤，连遮瑕都省了～
-                最绝的是它还带轻微防晒值，早上洗完脸涂一层就能冲出门，懒人狂喜！我已经空罐 3
-                瓶了，现在同事都以为我每天早起化妆，其实我多睡了 20 分钟 hhh
-                （PS：油痘肌姐妹建议局部薄涂，后续补妆更服帖～）
-              </p>
+              <p class="cts !color-#211F24 ">{dataSource.value.content}</p>
 
               {/* 仅图片类型显示图片列表 */}
               {!isVideo.value && (
                 <div class="desc-img-wrap mt-40px">
-                  {new Array(5).fill(0).map((item, index) => (
+                  {images.value.map((item, index) => (
                     <div class="desc-img-box" key={index}>
-                      <img src="" class="w-100% h-100%" />
+                      <img src={item} class="w-100% h-100% object-contain" />
                     </div>
                   ))}
-                  <div class="desc-img-box">
-                    <img src="" class="w-100% h-100%" />
-                  </div>
                 </div>
               )}
             </div>
           </div>
         </div>
         <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
-      </>
+      </Spin>
     );
   },
 };
diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss
index 369a3b6..f3fe2c6 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss
@@ -1,8 +1,7 @@
 $footer-height: 68px;
 .manuscript-detail-wrap {
+  width: 100%;
   height: calc(100% - 72px);
-  display: flex;
-  flex-direction: column;
   .cts {
     color: #939499;
     font-family: $font-family-regular;
@@ -14,11 +13,15 @@ $footer-height: 68px;
       font-family: $font-family-medium;
     }
   }
+  .main-video-box {
+    width: 320px;
+    height: auto;
+    background: #fff;
+  }
   .main-img-box {
     width: 320px;
-    height: 472px;
+    height: auto;
     background: #fff;
-    object-fit: contain;
     aspect-ratio: 3/4;
   }
   .desc-img-wrap {
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index 0d93070..d41b3f3 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -67,12 +67,18 @@ export default {
     const getData = async () => {
       const { code, data } = await getWorksDetail(workId.value);
       if (code === 200) {
+        const { type, files } = data;
         const _data = { ...data, videoInfo: cloneDeep(INITIAL_VIDEO_INFO) };
+
+        if (type === EnumManuscriptType.Video && files.length) {
+          _data.videoInfo.uploadStatus = 'end';
+        }
         dataSource.value = cloneDeep(_data);
         remoteDataSource.value = cloneDeep(_data);
       }
     };
     const onChange = (val) => {
+      console.log('onChange', val);
       dataSource.value = val;
     };
     const onUpdateVideoInfo = (newVideoInfo) => {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index 5a25e9e..feb9347 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -71,7 +71,7 @@
           {{ exactFormatTime(record[column.dataIndex]) }}
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px">
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
             <template #error>
               <img :src="icon4" class="w-full h-full" />
             </template>

From e8f2e561f515f5ba002a4e53b7da2a66d61ac9b9 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 5 Aug 2025 11:15:24 +0800
Subject: [PATCH 29/64] =?UTF-8?q?perf:=20=E7=A8=BF=E4=BB=B6=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E8=B7=AF=E7=94=B1=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/routes/modules/creativeGenerationWorkshop.ts    | 2 +-
 .../components => manuscript}/check/index.vue              | 0
 .../components => manuscript}/check/style.scss             | 0
 .../manuscript/detail/index.vue                            | 7 ++++++-
 4 files changed, 7 insertions(+), 2 deletions(-)
 rename src/views/creative-generation-workshop/{manuscript-analysis/components => manuscript}/check/index.vue (100%)
 rename src/views/creative-generation-workshop/{manuscript-analysis/components => manuscript}/check/style.scss (100%)

diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index 8d4ad1e..ae9d681 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -107,7 +107,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           hideInMenu: true,
           activeMenu: 'ManuscriptCheckList',
         },
-        component: () => import('@/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue'),
+        component: () => import('@/views/creative-generation-workshop/manuscript/check/index.vue'),
       },
     ],
   },
diff --git a/src/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript-analysis/components/check/index.vue
rename to src/views/creative-generation-workshop/manuscript/check/index.vue
diff --git a/src/views/creative-generation-workshop/manuscript-analysis/components/check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss
similarity index 100%
rename from src/views/creative-generation-workshop/manuscript-analysis/components/check/style.scss
rename to src/views/creative-generation-workshop/manuscript/check/style.scss
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index 35905b9..e4b0c38 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -88,7 +88,6 @@ export default {
     const togglePlay = () => {
       if (!videoRef.value) return;
 
-      console.log('togglePlay', videoRef.value);
       if (isPlaying.value) {
         videoRef.value.pause();
       } else {
@@ -138,6 +137,12 @@ export default {
     onMounted(() => {
       workId && getData();
     });
+    onBeforeUnmount(() => {
+      if (videoRef.value) {
+        videoRef.value.pause();
+        videoRef.value = null;
+      }
+    });
 
     return () => (
       <Spin loading={loading.value} class="manuscript-detail-wrap" size={50}>

From da68733cb37f46b5a682b4719141ee07e8145192 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 5 Aug 2025 15:24:46 +0800
Subject: [PATCH 30/64] =?UTF-8?q?feat:=20files=E6=8E=A5=E5=8F=A3=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=E8=B0=83=E6=95=B4=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manuscript/components/edit-form/index.vue | 110 ++++++++----------
 .../manuscript/detail/index.vue               |   8 +-
 .../manuscript/edit/index.vue                 |  25 ++--
 3 files changed, 60 insertions(+), 83 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index be164a3..da6a2fd 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -26,6 +26,7 @@ export const INITIAL_VIDEO_INFO = {
   name: '',
   size: '',
   percent: 0,
+  duration: 0,
   time: '',
   uploadSpeed: '0 KB/s',
   startTime: 0,
@@ -76,6 +77,7 @@ export default {
       getVideoInfo(file)
         .then(({ duration, firstFrame }) => {
           formData.value.videoInfo.poster = firstFrame;
+          formData.value.videoInfo.duration = Math.floor(duration);
           formData.value.videoInfo.time = formatDuration(duration);
           emit('updateVideoInfo', formData.value.videoInfo);
         })
@@ -83,6 +85,42 @@ export default {
           console.error('获取视频时长失败:', error);
         });
     };
+    const handleUploadProgress = (progressEvent) => {
+      const percentCompleted = Math.round(progressEvent.progress * 100);
+      formData.value.videoInfo.percent = percentCompleted;
+
+      const currentTime = Date.now();
+      const currentLoaded = progressEvent.loaded;
+      const totalSize = progressEvent.total;
+
+      if (formData.value.videoInfo.lastLoaded === 0) {
+        formData.value.videoInfo.lastLoaded = currentLoaded;
+        formData.value.videoInfo.lastTime = currentTime;
+        return;
+      }
+
+      const timeDiff = (currentTime - formData.value.videoInfo.lastTime) / 1000;
+      const bytesDiff = currentLoaded - formData.value.videoInfo.lastLoaded;
+
+      // 避免频繁更新，至少间隔200ms计算一次速率
+      if (timeDiff >= 0.2) {
+        const bytesPerSecond = bytesDiff / timeDiff;
+        formData.value.videoInfo.uploadSpeed = formatUploadSpeed(bytesPerSecond);
+        formData.value.videoInfo.lastLoaded = currentLoaded;
+        formData.value.videoInfo.lastTime = currentTime;
+
+        // 计算预估剩余时间
+        if (totalSize && bytesPerSecond > 0) {
+          const remainingBytes = totalSize - currentLoaded;
+          const remainingSeconds = remainingBytes / bytesPerSecond;
+          formData.value.videoInfo.estimatedTime = formatDuration(remainingSeconds);
+        } else {
+          formData.value.videoInfo.estimatedTime = 0;
+        }
+      }
+
+      emit('updateVideoInfo', formData.value.videoInfo);
+    };
 
     const uploadVideo = async (option) => {
       try {
@@ -104,44 +142,12 @@ export default {
         await axios.put(upload_url, blob, {
           headers: { 'Content-Type': file.type },
           onUploadProgress: (progressEvent) => {
-            const percentCompleted = Math.round(progressEvent.progress * 100);
-            formData.value.videoInfo.percent = percentCompleted;
-
-            const currentTime = Date.now();
-            const currentLoaded = progressEvent.loaded;
-            const totalSize = progressEvent.total;
-
-            if (formData.value.videoInfo.lastLoaded === 0) {
-              formData.value.videoInfo.lastLoaded = currentLoaded;
-              formData.value.videoInfo.lastTime = currentTime;
-              return;
-            }
-
-            const timeDiff = (currentTime - formData.value.videoInfo.lastTime) / 1000;
-            const bytesDiff = currentLoaded - formData.value.videoInfo.lastLoaded;
-
-            // 避免频繁更新，至少间隔200ms计算一次速率
-            if (timeDiff >= 0.2) {
-              const bytesPerSecond = bytesDiff / timeDiff;
-              formData.value.videoInfo.uploadSpeed = formatUploadSpeed(bytesPerSecond);
-              formData.value.videoInfo.lastLoaded = currentLoaded;
-              formData.value.videoInfo.lastTime = currentTime;
-
-              // 计算预估剩余时间
-              if (totalSize && bytesPerSecond > 0) {
-                const remainingBytes = totalSize - currentLoaded;
-                const remainingSeconds = remainingBytes / bytesPerSecond;
-                formData.value.videoInfo.estimatedTime = formatDuration(remainingSeconds);
-              } else {
-                formData.value.videoInfo.estimatedTime = 0;
-              }
-            }
-
-            emit('updateVideoInfo', formData.value.videoInfo);
+            handleUploadProgress(progressEvent);
           },
         });
 
-        formData.value.files.push(file_url);
+        const { name, duration, size } = formData.value.videoInfo;
+        formData.value.files.push({ url: file_url, name, duration, size });
         onChange();
       } finally {
         formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.END;
@@ -158,50 +164,29 @@ export default {
         fileItem: { file },
       } = option;
 
-      // 验证文件大小 (5MB)
-      // const maxSize = 5 * 1024 * 1024;
-      // if (file.size > maxSize) {
-      //   AMessage.error('图片大小不能超过5MB！');
-      //   return;
-      // }
-
       // 验证文件数量
       if (formData.value.files?.length >= 18) {
         AMessage.error('最多只能上传18张图片！');
         return;
       }
-
-      const response = await getImagePreSignedUrl({ suffix: getFileExtension(file.name) });
+      const { name, size, type } = file;
+      const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
       const { file_name, upload_url, file_url } = response?.data;
 
-      const blob = new Blob([file], { type: file.type });
+      const blob = new Blob([file], { type });
       await axios.put(upload_url, blob, {
-        headers: { 'Content-Type': file.type },
+        headers: { 'Content-Type': type },
       });
 
-      formData.value.files.push(file_url);
+      formData.value.files.push({ url: file_url, name, size });
       onChange();
     };
 
-    // 删除文件
     const handleDeleteFile = (index) => {
       formData.value.files.splice(index, 1);
       onChange();
     };
 
-    // // 获取项目列表
-    // const getProjects = async () => {
-    //   try {
-    //     const { code, data } = await getProjectList();
-    //     if (code === 200) {
-    //       projects.value = data;
-    //     }
-    //   } catch (error) {
-    //     console.error('获取项目列表失败:', error);
-    //   }
-    // };
-
-    // 表单验证
     const validate = () => {
       return new Promise((resolve, reject) => {
         formRef.value?.validate((errors) => {
@@ -214,7 +199,6 @@ export default {
       });
     };
 
-    // 重置表单
     const resetForm = () => {
       formData.value = {};
       formRef.value?.resetFields?.();
@@ -329,7 +313,7 @@ export default {
               {formData.value.files?.map((file, index) => (
                 <div key={index} class="group relative cursor-move overflow-visible py-8px pr-8px">
                   <div class="group-container relative rounded-8px w-100px h-100px">
-                    <img src={file} class=" object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
+                    <img src={file.url} class=" object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
                     <icon-close-circle-fill
                       size={16}
                       class="absolute top--8px right--8px cursor-pointer hidden color-#939499  hidden group-hover:block z-50"
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index e4b0c38..c8c7998 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -40,10 +40,10 @@ export default {
     const initData = () => {
       const [fileOne, ...fileOthers] = dataSource.value.files ?? [];
       if (isVideo.value) {
-        videoUrl.value = fileOne;
-        coverImageUrl.value = convertVideoUrlToCoverUrl(fileOne);
+        videoUrl.value = fileOne.url;
+        coverImageUrl.value = convertVideoUrlToCoverUrl(fileOne.url);
       } else {
-        coverImageUrl.value = fileOne;
+        coverImageUrl.value = fileOne.url;
         images.value = fileOthers;
       }
     };
@@ -172,7 +172,7 @@ export default {
                 <div class="desc-img-wrap mt-40px">
                   {images.value.map((item, index) => (
                     <div class="desc-img-box" key={index}>
-                      <img src={item} class="w-100% h-100% object-contain" />
+                      <img src={item.url} class="w-100% h-100% object-contain" />
                     </div>
                   ))}
                 </div>
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index d41b3f3..e176349 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -4,15 +4,7 @@ import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/
 import CancelEditModal from './cancel-edit-modal.vue';
 import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
-
-// const INITIAL_DATA = {
-//   title: '',
-//   content: '',
-//   type: EnumManuscriptType.Video,
-//   // project_ids: [],
-//   files: [],
-//   videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
-// };
+import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
 
 export default {
   components: {
@@ -32,7 +24,7 @@ export default {
 
     const onCancel = () => {
       const isModified = !isEqual(dataSource.value, remoteDataSource.value);
-      if (isModified && isSaved.value) {
+      if (isModified && !isSaved.value) {
         cancelEditModal.value?.open();
       } else {
         onBack();
@@ -60,25 +52,27 @@ export default {
         }
       });
     };
-    const init = () => {
-      dataSource.value = cloneDeep(INITIAL_DATA);
-      remoteDataSource.value = cloneDeep(INITIAL_DATA);
-    };
     const getData = async () => {
       const { code, data } = await getWorksDetail(workId.value);
       if (code === 200) {
         const { type, files } = data;
         const _data = { ...data, videoInfo: cloneDeep(INITIAL_VIDEO_INFO) };
 
+        // 初始化视频数据
         if (type === EnumManuscriptType.Video && files.length) {
           _data.videoInfo.uploadStatus = 'end';
+          const { name, size, duration, url } = files[0];
+          _data.videoInfo.name = name;
+          _data.videoInfo.size = formatFileSize(size);
+          _data.videoInfo.time = formatDuration(duration);
+          _data.videoInfo.poster = convertVideoUrlToCoverUrl(url);
         }
+
         dataSource.value = cloneDeep(_data);
         remoteDataSource.value = cloneDeep(_data);
       }
     };
     const onChange = (val) => {
-      console.log('onChange', val);
       dataSource.value = val;
     };
     const onUpdateVideoInfo = (newVideoInfo) => {
@@ -88,7 +82,6 @@ export default {
       router.push({ name: 'ManuscriptList' });
     };
     onMounted(() => {
-      // init();
       workId && getData();
     });
 

From 07771f08bfb78d6fb5229ff3ab4e01d83c293ea0 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 5 Aug 2025 17:37:11 +0800
Subject: [PATCH 31/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../creative-generation-workshop/icon-lf.png  | Bin 0 -> 346 bytes
 src/components/text-over-tips/index.vue       |  30 +++--
 .../manuscript/check-list/constants.ts        |  20 ++-
 .../manuscript/check/cancel-check-modal.vue   |  57 +++++++++
 .../manuscript/check/check-success-modal.vue  |  61 ++++++++++
 .../check/components/content-card/index.vue   |  20 +++
 .../check/components/content-card/style.scss  |   0
 .../check/components/header-card/index.vue    | 115 ++++++++++++++++++
 .../check/components/header-card/style.scss   |  74 +++++++++++
 .../manuscript/check/index.vue                | 111 ++++++++++++++++-
 10 files changed, 455 insertions(+), 33 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-lf.png
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/cancel-check-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/header-card/style.scss

diff --git a/src/assets/img/creative-generation-workshop/icon-lf.png b/src/assets/img/creative-generation-workshop/icon-lf.png
new file mode 100644
index 0000000000000000000000000000000000000000..beee4383a1e415d1b9338b8b38fd49d9c43a69ff
GIT binary patch
literal 346
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rj|K8KZF{Fa=?UjwZhYSQ-9~LiYQ{gU9n4n?o
zB+)83gW=kOWRV%noOw+NR$L;J6;^Rf*<35u`(H0`&3DaK#w5ds0)|_E+A$tXv$(Hi
zyhllo>zyR4)7Hnw4!rxkqPNPg)8qSG;h)TN3k|$-Egt9ItAB9%$E+7M59WPm`q5X-
zsB&yBW6)zihLeTa4PSPMDjczp7RcJuTPk=}HX~>@Cx_{SnkA*BKAU4qyFUGOa-7*;
zyyNa_;fiBSEiM}v7Yc+m2ykRKm>l9%=qzCKP~5{H#F2l1-(_Oj;=R{?T`Uh{x!@>r
nHgvDjE`dMFM^v43(k^myFIc_iQ*?1X(CZAIu6{1-oD!M<eU^bQ

literal 0
HcmV?d00001

diff --git a/src/components/text-over-tips/index.vue b/src/components/text-over-tips/index.vue
index 0460cc2..63ca224 100644
--- a/src/components/text-over-tips/index.vue
+++ b/src/components/text-over-tips/index.vue
@@ -3,22 +3,20 @@
     <template #content>
       <div :style="contentStyle" class="tip-content">{{ props.context }}</div>
     </template>
-    <div class="overflow-hidden">
-      <div v-bind="$attrs" ref="Text" :class="`${isShow ? '' : `line-${props.line}`} `" class="overflow-text">
-        {{ props.context }}
-      </div>
-      <div
-        v-if="isShowBtn && !disabled"
-        class="color-#8C8C8C flex items-center cursor-pointer mt-2px"
-        @click="
-          () => {
-            isShow = !isShow;
-          }
-        "
-      >
-        {{ isShow ? '收起' : '展开' }}
-        <icon-up size="16" :class="{ active: isShow }" class="ml-2px color-#8C8C8C" />
-      </div>
+    <div v-bind="$attrs" ref="Text" :class="`${isShow ? '' : `line-${props.line}`} `" class="overflow-text">
+      {{ props.context }}
+    </div>
+    <div
+      v-if="isShowBtn && !disabled"
+      class="color-#8C8C8C flex items-center cursor-pointer mt-2px"
+      @click="
+        () => {
+          isShow = !isShow;
+        }
+      "
+    >
+      {{ isShow ? '收起' : '展开' }}
+      <icon-up size="16" :class="{ active: isShow }" class="ml-2px color-#8C8C8C" />
     </div>
   </a-tooltip>
 </template>
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
index dd7acf4..d964a1a 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
@@ -1,5 +1,3 @@
-
-
 export const TABLE_COLUMNS1 = [
   {
     title: '序号',
@@ -182,7 +180,7 @@ export const TABLE_COLUMNS3 = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-   {
+  {
     title: '修改人员',
     dataIndex: 'last_modifier',
     width: 180,
@@ -216,7 +214,7 @@ export const AUDIT_STATUS_LIST = [
     value: AuditStatus.Passed,
     tableColumns: TABLE_COLUMNS3,
   },
-]
+];
 
 export const INITIAL_QUERY = {
   audit_status: AuditStatus.Pending,
@@ -232,16 +230,16 @@ import icon1 from '@/assets/img/media-account/icon-dy.png';
 import icon2 from '@/assets/img/media-account/icon-xhs.png';
 
 export const PLATFORMS = [
-  {
-    label: '抖音',
-    value: 2,
-    icon: icon1,
-  },
   {
     label: '小红书',
     value: 1,
     icon: icon2,
   },
+  {
+    label: '抖音',
+    value: 2,
+    icon: icon1,
+  },
 ];
 
 export const CUSTOMER_OPINION = [
@@ -249,12 +247,12 @@ export const CUSTOMER_OPINION = [
     label: '待确认',
     value: 0,
     bg: '#F2F3F5',
-    color: 'color-#3C4043'
+    color: 'color-#3C4043',
   },
   {
     label: '已确认',
     value: 1,
     bg: '#F0EDFF',
-    color: '!color-#6D4CFE'
+    color: '!color-#6D4CFE',
   },
 ];
diff --git a/src/views/creative-generation-workshop/manuscript/check/cancel-check-modal.vue b/src/views/creative-generation-workshop/manuscript/check/cancel-check-modal.vue
new file mode 100644
index 0000000..235f796
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/cancel-check-modal.vue
@@ -0,0 +1,57 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="action === 'exit' ? '退出审核' : '切换内容稿件'"
+    width="480px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>{{
+        action === 'exit'
+          ? '内容已修改尚未保存，若退出编辑，本次修改将不保存。'
+          : '当前内容已修改尚未保存，若切换内容稿件，本次修改将不保存。'
+      }}</span>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onClose">继续编辑</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">
+        {{ action === 'exit' ? '确认退出' : '确认切换' }}
+      </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+import { useRouter } from 'vue-router';
+
+const emit = defineEmits(['selectCard']);
+const router = useRouter();
+const visible = ref(false);
+const action = ref('');
+const cardInfo = ref(null);
+
+const onClose = () => {
+  action.value = '';
+  cardInfo.value = null;
+  visible.value = false;
+};
+const onConfirm = () => {
+  if (action.value === 'exit') {
+    router.push({ name: 'ManuscriptCheckList' });
+  } else {
+    emit('selectCard', cardInfo.value);
+  }
+  onClose();
+};
+
+const open = (type = 'exit', card = null) => {
+  action.value = type;
+  cardInfo.value = card;
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue b/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
new file mode 100644
index 0000000..fe041db
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
@@ -0,0 +1,61 @@
+<template>
+  <a-modal v-model:visible="visible" title="提示" width="480px" @close="onClose" modal-class="upload-success11-modal">
+    <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">内容稿件已通过审核</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>
+    </div>
+    <template #footer>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">内容稿件分析</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
+
+const router = useRouter();
+const visible = ref(false);
+const workId = ref('');
+
+const onClose = () => {
+  workId.value = '';
+  visible.value = false;
+};
+
+const onBack = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+const onConfirm = () => {
+  visible.value = false;
+  // router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
+};
+
+const open = (id) => {
+  workId.value = id;
+
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
+<style lang="scss">
+.upload-success11-modal {
+  .arco-modal-header {
+    border-bottom: none;
+  }
+  .md {
+    font-family: $font-family-medium;
+  }
+  .ld {
+    font-family: $font-family-regular;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    justify-content: center;
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
new file mode 100644
index 0000000..abd7821
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -0,0 +1,20 @@
+<script lang="jsx">
+
+export default {
+  setup(props, { emit, expose }) {
+    return () => {
+      return (
+        <div class="content-wrap">
+          <div class="content-left">
+            <span class="cts bold !color-#1D2129">批量审核内容稿件</span>
+          </div>
+        </div>
+      );
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
new file mode 100644
index 0000000..ad55ce9
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
@@ -0,0 +1,115 @@
+<script lang="jsx">
+import { Image } from '@arco-design/web-vue';
+import { Swiper, SwiperSlide } from 'swiper/vue';
+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 icon1 from '@/assets/img/error-img.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-lf.png';
+
+export default {
+  props: {
+    dataSource: {
+      type: Array,
+      default: () => [],
+    },
+    modelValue: {
+      type: Object,
+      default: {},
+    },
+  },
+  emits: ['update:modelValue', 'cardClick'],    
+  setup(props, { emit, expose }) {
+    const selectedPlatform = ref(2);
+    const modules = [Navigation];
+    const handleCardClick = (item) => {
+    //   emit('update:modelValue', item);
+      emit('cardClick', item);
+    };
+    return () => {
+      return (
+        <header class="header-wrap">
+          {props.dataSource.length > 1 && (
+            <div class="swiper-wrap pt-16px h-80px px-24px">
+              <Swiper
+                spaceBetween={16}
+                modules={modules}
+                navigation={{
+                  nextEl: '.swiper-button-next',
+                  prevEl: '.swiper-button-prev',
+                }}
+              >
+                {props.dataSource.map((item) => (
+                  <SwiperSlide
+                    key={item.id}
+                    onClick={() => handleCardClick(item)}
+                    class={`swiper-item !h-64px !w-280px bg-#F7F8FA border-1px cursor-pointer border-solid border-transparent rounded-8px p-8px overflow-hidden !flex items-center ${
+                      item.id === props.modelValue.id ? 'active' : ''
+                    }`}
+                  >
+                    <Image
+                      width={48}
+                      height={48}
+                      src={item.cover}
+                      class="!rounded-4px mr-8px"
+                      fit="cover"
+                      v-slots={{
+                        error: () => <img src={icon1} class="w-full h-full" />,
+                      }}
+                    />
+                    <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>
+                    </div>
+                  </SwiperSlide>
+                ))}
+
+                <div class="swiper-box swiper-button-prev">
+                  <div class="swiper-button">
+                    <img src={icon2} class="w-16px h-16px" />
+                  </div>
+                </div>
+                <div class="swiper-box swiper-button-next">
+                  <div class="swiper-button">
+                    <img src={icon2} class="w-16px h-16px rotate-180" />
+                  </div>
+                </div>
+              </Swiper>
+            </div>
+          )}
+          <div class="platform-row py-16px flex items-center px-24px">
+            <span class="mr-16px cts !color-#211F24">审核平台选择</span>
+            <div class="flex items-center">
+              {PLATFORMS.map((item) => (
+                <div
+                  key={item.value}
+                  onClick={() => {
+                    selectedPlatform.value = item.value;
+                  }}
+                  class={`w-100px flex items-center mr-16px py-8px px-12px flex border-1px border-solid border-transparent transition-all
+                    items-center rounded-8px cursor-pointer bg-#F2F3F5 hover:bg-#E6E6E8 ${
+                      selectedPlatform.value === item.value ? '!bg-#F0EDFF  !border-#6D4CFE' : ''
+                    }`}
+                >
+                  <img src={item.icon} alt="" width={20} height={20} class="mr-4px" />
+                  <span class={`cts !color-#211F24 ${selectedPlatform.value === item.value ? 'bold' : ''}`}>
+                    {item.label}
+                  </span>
+                </div>
+              ))}
+            </div>
+          </div>
+        </header>
+      );
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/header-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/header-card/style.scss
new file mode 100644
index 0000000..9a4dcef
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/header-card/style.scss
@@ -0,0 +1,74 @@
+.header-wrap {
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .swiper-wrap {
+    .swiper-item {
+      transition: all;
+      &:hover {
+        background-color: #e6e6e8;
+      }
+      &.active {
+        background-color: #f0edff;
+        border-color: #6d4cfe;
+        :deep(.overflow-text) {
+          font-family: $font-family-medium !important;
+        }
+      }
+    }
+    .swiper-box {
+      width: 100px;
+      height: 64px;
+      position: absolute;
+      &.swiper-button-prev {
+        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+        margin-top: 0 !important;
+        top: 0;
+        left: 0;
+        justify-content: flex-start;
+        padding-left: 8px;
+      }
+      &.swiper-button-next {
+        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+        margin-top: 0 !important;
+        top: 0;
+        right: 0;
+        justify-content: flex-end;
+        padding-right: 8px;
+      }
+      &::after {
+        display: none;
+      }
+      .swiper-button {
+        width: 40px;
+        height: 40px;
+        background-color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 8px;
+        border: 1px solid var(--Border-1, #d7d7d9);
+        &:hover {
+          background-color: #f7f8fa;
+        }
+        &.click {
+          background-color: #f2f3f5;
+        }
+      }
+      &.swiper-button-disabled {
+        display: none;
+      }
+    }
+  }
+  .platform-row {
+    border-bottom: 1px solid var(--Border-2, #e6e6e8);
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index 31f63a2..fd8512c 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -1,42 +1,141 @@
 <script lang="jsx">
 import { Button, Message as AMessage } from '@arco-design/web-vue';
+import CancelCheckModal from './cancel-check-modal.vue';
+import CheckSuccessModal from './check-success-modal.vue';
+import HeaderCard from './components/header-card';
+import ContentCard from './components/content-card';
+
+import {
+  patchWorkAuditsAudit,
+  patchWorkAuditsBatchAudit,
+  putWorkAuditsUpdate,
+  putWorkAuditsAuditPass,
+  getWorkAuditsDetail,
+} from '@/api/all/generationWorkshop.ts';
+
+const generateMockData = (count = 20) =>
+  Array.from({ length: count }, (_, i) => ({
+    id: `${i + 1}`,
+    title: `挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨${i + 1}`,
+    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+    platform: 1,
+    files: [],
+  }));
 
 export default {
   setup(props, { emit, expose }) {
     const router = useRouter();
     const route = useRoute();
+
     const workId = ref(route.params.id);
+    const selectCardInfo = ref({});
+    const isSaved = ref(false);
+    const dataSource = ref([]);
+    const remoteDataSource = ref([]);
+    const cancelCheckModalRef = ref(null);
+    const checkSuccessModalRef = ref(null);
+    const checkLoading = ref(false);
 
     const onBack = () => {
       router.push({ name: 'ManuscriptCheckList' });
     };
+
+    const onChangeCard = (item) => {
+      isSaved.value = false;
+      checkLoading.value = false;
+      selectCardInfo.value = cloneDeep(item);
+    };
+
+    const onCardClick = async (item) => {
+      const isModified = await isSelectCardModified();
+      if (isModified) {
+        cancelCheckModalRef.value?.open('toggle', item);
+      } else {
+        onChangeCard(item);
+      }
+    };
+
+    const getData = () => {
+      dataSource.value = generateMockData();
+      selectCardInfo.value = cloneDeep(dataSource.value[0] ?? {});
+    };
+
+    const isSelectCardModified = () => {
+      return new Promise((resolve) => {
+        const _a = dataSource.value.find((item) => item.id === selectCardInfo.value);
+        const _b = remoteDataSource.value.find((item) => item.id === selectCardInfo.value);
+        resolve(!isEqual(_a, _b) && !isSaved.value);
+      });
+    };
+
+    const onExit = async () => {
+      const isModified = await isSelectCardModified();
+      if (isModified) {
+        cancelCheckModalRef.value?.open();
+      } else {
+        onBack();
+      }
+    };
+    const onSave = async () => {
+      const { code, data } = await putWorkAuditsUpdate(selectCardInfo.value);
+      if (code === 200) {
+        isSaved.value = true;
+        AMessage.success('当前内容稿件已保存');
+      }
+    };
+    const onSubmit = async () => {
+      try {
+        checkLoading.value = true;
+        const { code, data } = await putWorkAuditsAuditPass(selectCardInfo.value);
+        if (code === 200) {
+          checkSuccessModalRef.value?.open(selectCardInfo.value.id);
+        }
+      } finally {
+        checkLoading.value = false;
+      }
+    };
     const renderFooterRow = () => {
       return (
         <>
-          <Button size="medium" type="outline" class="mr-12px">
+          <Button size="medium" type="outline" class="mr-12px" onClick={onExit}>
             退出
           </Button>
-          <Button size="medium" type="outline" class="mr-12px">
+          <Button size="medium" type="outline" class="mr-12px" onClick={onSave}>
             保存
           </Button>
-          <Button type="primary" size="medium">
-            通过审核
+          <Button type="primary" size="medium" onClick={onSubmit} loading={checkLoading.value}>
+            {checkLoading.value ? '通过审核中...' : '通过审核'}
           </Button>
         </>
       );
     };
+    onMounted(() => {
+      getData();
+    });
+
     return () => (
       <>
         <div class="manuscript-check-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={onExit}>
               内容稿件审核
             </span>
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">批量审核内容稿件</span>
           </div>
+          <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+            <HeaderCard dataSource={dataSource.value} v-model={selectCardInfo.value} onCardClick={onCardClick} />
+            <section class="flex-1">
+              <ContentCard />
+            </section>
+          </div>
         </div>
-        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
+        <footer class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">
+          {renderFooterRow()}
+        </footer>
+
+        <CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
+        <CheckSuccessModal ref={checkSuccessModalRef} />
       </>
     );
   },

From a9b2cfc7d12e8148324f64e6bea78cf0334e5b99 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 5 Aug 2025 17:46:12 +0800
Subject: [PATCH 32/64] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E5=BE=AE?=
 =?UTF-8?q?=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manuscript/check/check-success-modal.vue                    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue b/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
index fe041db..b064833 100644
--- a/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
@@ -2,7 +2,7 @@
   <a-modal v-model:visible="visible" title="提示" width="480px" @close="onClose" modal-class="upload-success11-modal">
     <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">内容稿件已通过审核</span>
+      <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>
     </div>

From e73414c46ca7f2f11992bdea82dfdfa3af9867c4 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 6 Aug 2025 12:00:05 +0800
Subject: [PATCH 33/64] =?UTF-8?q?feat:=20=E6=96=87=E6=9C=AC=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |  24 ++-
 .../icon-magic.png                            | Bin 0 -> 1088 bytes
 .../manuscript-check-table/index.vue          |   7 +-
 .../manuscript/check-list/constants.ts        |   2 +-
 .../manuscript/check-list/index.vue           |  16 +-
 .../components/content-card/constants.ts      |  42 ++++
 .../check/components/content-card/index.vue   | 183 +++++++++++++++++-
 .../check/components/content-card/style.scss  |  90 +++++++++
 .../check/components/header-card/index.vue    |  13 +-
 .../manuscript/check/index.vue                | 100 +++++++---
 .../manuscript/check/style.scss               |   3 +-
 11 files changed, 428 insertions(+), 52 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-magic.png
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index 3a00fb5..d55ecd9 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -4,31 +4,38 @@ import Http from '@/api';
 export const getWorksList = (params = {}) => {
   return Http.get('/v1/works/list', params);
 };
+
 // 内容稿件-批量添加
 export const postWorksBatch = (params = {}) => {
   return Http.post('/v1/works/batch', params);
 };
+
 // 生成分享链接
 export const postShareLinksGenerate = (params = {}) => {
   return Http.post('/v1/share-links/generate', params);
 };
+
 // 生成写手链接
 export const getWriterLinksGenerate = () => {
   return Http.get('/v1/writer-links/generate');
 };
+
 // 内容稿件-修改
 export const putWorksUpdate = (params = {}) => {
   const { id, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/works/${id}`, rest);
 };
+
 // 内容稿件-删除
 export const deleteWork = (id: string) => {
   return Http.delete(`/v1/works/${id}`);
 };
+
 // 内容稿件-分页
 export const getWorksPage = (params = {}) => {
   return Http.get('/v1/works', params);
 };
+
 // 内容稿件-详情
 export const getWorksDetail = (id: string) => {
   return Http.get(`/v1/works/${id}`);
@@ -38,24 +45,33 @@ export const getWorksDetail = (id: string) => {
 export const getWorkAuditsPage = (params = {}) => {
   return Http.get('/v1/work-audits', params);
 };
+
 // 内容稿件审核-详情
 export const getWorkAuditsDetail = (id: string) => {
   return Http.get(`/v1/work-audits/${id}`);
 };
-// 内容稿件-审核
-export const patchWorkAuditsAudit = (params = {}) => {
-  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
-  return Http.patch(`/v1/work-audits/${auditId}/audit`, rest);
+
+// 内容稿件审核-多个详情
+export const getWorkAuditsBatchDetail = (params = {}) => {
+  return Http.get('/v1/work-audits/list', params);
 };
+
+// 内容稿件-审核
+export const patchWorkAuditsAudit = (id: string, params = {}) => {
+  return Http.patch(`/v1/work-audits/${id}/audit`, params);
+};
+
 // 内容稿件-批量审核
 export const patchWorkAuditsBatchAudit = (params = {}) => {
   return Http.patch('/v1/work-audits/batch-audit', params);
 };
+
 // 内容稿件审核-修改
 export const putWorkAuditsUpdate = (params = {}) => {
   const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/work-audits/${auditId}`, rest);
 };
+
 // 内容稿件审核-审核通过
 export const putWorkAuditsAuditPass = (params = {}) => {
   const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
diff --git a/src/assets/img/creative-generation-workshop/icon-magic.png b/src/assets/img/creative-generation-workshop/icon-magic.png
new file mode 100644
index 0000000000000000000000000000000000000000..0076dec4a73939518c014ae938759a9168a36054
GIT binary patch
literal 1088
zcmV-G1i$-<P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1Jy}HK~#7F<(5rv
z8&wpB&$%;qTuTMp|G;#G!~$>Fbb}p<O;<*O1tnF-3zwuDy9+>B*<K*nIgvmyRYe>X
zP{gWY#fI4Y0aBK%GW>#sBvLBdb5Gwp<4Ik|b`mMO9?A1{@7(8}uXjxJ##^~AS-PTa
z`3L#OcMl4)#?*yxpAOrfteh6<3N{+LHBG#AW#FCapkRc23Y`XB(l-6mykS!pqQdsw
z|7+9Zyy)dSUkvvgq4zxz(he`}baa2-+@>$tj5(>fMry7|E=5941mJF{O{>z)1$N#{
z4~xj#(rVZ?*yVUzOriXAuX^gw1A3$5q9O5xILf(<4<h2L0o7-ESOCZym>N8)Yr!?1
zX{_RjVS8;o#jo#bs&qQ(U>e#+v8a*qwNN94dq?EC82PxelM7}8S4U-!xUEU@p0H>O
zvf&gGgot$vB!ui)+N3M%T|R6gXF_552Fdfa?puAk&gSw_PaFBrG3M4J>>Mz$+bdzi
zLwEoH7#>=f5uEw28x*#lJV{3jf9anTT%sQ4WOcMLe)RRzo9mm)$3=%s`N7Yb`t;g!
zi>A0@Vc{OUjTQs6_1oiAGZ}vfSlYsnGXUYWp_K6cS5I%=vg2FjgKXtl?r?hDxoy$!
za6l{@5~n{<%5;;lDqxOMJz<qa+lZZmy0Yhgk~y<r3xU=KFWhx3bZ8va+!+^1wR%!u
z2QZ>6Ffj?w4by+daUanIwh-7yQ7FZg-#6WDd+!4_G;R->$ck8)JrGKZ1H(>ft^2BS
zfBgLD{;V|@HvXi23YaFni+tv6&QQT*&-ew3xb)ow?1$y!h9jn#(&n9{;V<Q3Vr592
zu(yjOMPZEdYWK?LU~RNX$l_y6%z)c;RS&J6y39RPp%ns&y)x)Y3Q~qj>l3hV?j8AP
z_y)%EQUBr@-sx&c+h=1>7Xm*53_0wLRR=H`3xNbWq*7-B*1UhRh39^>A&TZu+%AGJ
zvMA=t@-J_1&kgBqz=n?66;8q!S0k?XL;X4|j@8gsXbUbJ#`Dhfv>z(7WMOkX`~Wb|
zb;h1yw<g{(!WFP%N;@-jG_h}?r|FUNHv}UG9qvB(HB*@!Kj&fLp%g^BJ!p0|68mIZ
ziZ6s&TSKnUnj7||(3sZrxI20C9$-dEPeRHN+i#MMr4T+-P#q1J7tkflxT6gjy4lq!
z;ZF7**}HYg%ZT<6x(q^h_GPfusL3h)VWsXG?99V(M0G{+A0`=R90d}Dq)LBY6U>^L
zxY)O0q*xy<FK|Sa`qv114fyZ(ya7%(5@N_Gr>-CNX4p$7%IGKacvZRp0000<MNUMn
GLSTaK4g!z>

literal 0
HcmV?d00001

diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index a6bffbc..f0fd54a 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -104,7 +104,7 @@
               v-else-if="audit_status === AuditStatus.Pending"
               >审核</a-button
             >
-            <a-button type="outline" size="mini" @click="onCheck(record)" v-else>查看</a-button>
+            <a-button type="outline" size="mini" @click="onScan(record)" v-else>查看</a-button>
           </div>
         </template>
         <template v-else #cell="{ record }">
@@ -121,6 +121,7 @@
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { patchWorkAuditsAudit } from '@/api/all/generationWorkshop';
 import {
   AuditStatus,
   CUSTOMER_OPINION,
@@ -173,6 +174,10 @@ const onShare = (item) => {
   shareModalRef.value?.open([item.id]);
 };
 const onCheck = (item) => {
+  patchWorkAuditsAudit(item.id);
+  router.push(`/manuscript/check/${item.id}`);
+};
+const onScan = (item) => {
   router.push(`/manuscript/check/${item.id}`);
 };
 const onDetail = (item) => {
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
index d964a1a..418efcb 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
@@ -152,7 +152,7 @@ export const TABLE_COLUMNS3 = [
   {
     title: '客户意见',
     dataIndex: 'title',
-    width: 120,
+    width: 200,
   },
   {
     title: '审核平台',
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
index 493082d..f354883 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
@@ -17,7 +17,10 @@
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
     >
-      <div class="flex justify-end mb-12px" v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
+      <div
+        class="flex justify-end mb-12px"
+        v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)"
+      >
         <a-button
           type="outline"
           class="w-fit"
@@ -76,9 +79,9 @@ import ManuscriptCheckTable from './components/manuscript-check-table';
 import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
 import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal';
 
-import { getWorkAuditsPage } from '@/api/all/generationWorkshop.ts';
+import { getWorkAuditsPage, patchWorkAuditsBatchAudit } from '@/api/all/generationWorkshop.ts';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
-import { getProjects } from '@/api/all/propertyMarketing';
+// import { getProjects } from '@/api/all/propertyMarketing';
 import {
   AuditStatus,
   INITIAL_QUERY,
@@ -151,14 +154,19 @@ const handleBatchCheck = () => {
     return;
   }
 
+  patchWorkAuditsBatchAudit({ ids: selectedRowKeys.value });
+  
   const ids = selectedRowKeys.value.join(',');
   router.push(`/manuscript/check/${ids}`);
 };
 const handleBatchView = () => {
-   if (!selectedRows.value.length) {
+  if (!selectedRows.value.length) {
     AMessage.warning('请选择需查看的内容稿件');
     return;
   }
+
+  const ids = selectedRowKeys.value.join(',');
+  router.push(`/manuscript/check/${ids}`);
 };
 const handleTabClick = (key) => {
   query.value = cloneDeep(INITIAL_QUERY);
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
new file mode 100644
index 0000000..08c369d
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
@@ -0,0 +1,42 @@
+const FORM_RULES = {
+  title: [{ required: true, message: '请输入标题' }],
+};
+const enumTab = {
+  TEXT: 0,
+  IMAGE: 1,
+};
+const TAB_LIST = [
+  {
+    label: '文本',
+    value: enumTab.TEXT,
+  },
+  {
+    label: '图片',
+    value: enumTab.IMAGE,
+  },
+];
+
+export const RESULT_LIST = [
+  {
+    label: '合规程度',
+    value: 'compliance_degree',
+    class: '!color-#6d4cfe',
+  },
+  {
+    label: '检验项',
+    value: 'compliance',
+    class: '!color-#211F24',
+  },
+  {
+    label: '高风险',
+    value: 'high_risk',
+    class: '!color-#F64B31',
+  },
+  {
+    label: '中风险',
+    value: 'medium_risk',
+    class: '!color-#FFAE00',
+  },
+];
+
+export { FORM_RULES, enumTab, TAB_LIST };
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index abd7821..9258bc2 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -1,12 +1,187 @@
 <script lang="jsx">
+import axios from 'axios';
+import { IconLoading } from '@arco-design/web-vue/es/icon';
+import {
+  Form,
+  FormItem,
+  Input,
+  Textarea,
+  Button,
+  Tabs,
+  Upload,
+  TabPane,
+  Message as AMessage,
+} from '@arco-design/web-vue';
+
+import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST } from './constants';
+
+import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
 
 export default {
+  props: {
+    modelValue: {
+      type: Object,
+      default: {},
+    },
+    checkResult: {
+      type: Object,
+      default: {},
+    },
+  },
+  emits: ['update:modelValue', 'filesChange', 'againCheck'],
   setup(props, { emit, expose }) {
+    const activeTab = ref(enumTab.TEXT);
+    const aiCheckLoading = ref(false);
+    const formRef = ref(null);
+
+    const onAiCheck = () => {
+      if (aiCheckLoading.value) return;
+
+      aiCheckLoading.value = true;
+      setTimeout(() => {
+        aiCheckLoading.value = false;
+      }, 2000);
+    };
+    const onAgainCheck = () => {
+      emit('againCheck');
+    };
+    const handleTabClick = (key) => {
+      activeTab.value = key;
+    };
+
+    const validate = () => {
+      return new Promise((resolve, reject) => {
+        formRef.value?.validate((errors) => {
+          if (errors) {
+            reject();
+          } else {
+            resolve();
+          }
+        });
+      });
+    };
+    const resetForm = () => {
+      formRef.value?.resetFields?.();
+      formRef.value?.clearValidate?.();
+    };
+
+    const renderFooterRow = () => {
+      return (
+        <>
+          <Button class="mr-12px" size="medium" onClick={onAgainCheck}>
+            再次审核
+          </Button>
+          {activeTab.value === enumTab.TEXT ? (
+            <Button size="medium" type="outline" class="w-123px" onClick={onAiCheck}>
+              {aiCheckLoading.value ? (
+                <>
+                  <IconLoading size={14} />
+                  <span class="ml-8px check-text">AI生成中</span>
+                </>
+              ) : (
+                <>
+                  <img src={icon1} width={14} height={14} />
+                  <span class="ml-8px check-text">替换违禁词</span>
+                </>
+              )}
+            </Button>
+          ) : (
+            <Button size="medium" type="outline">
+              图片替换
+            </Button>
+          )}
+        </>
+      );
+    };
+    const renderContent = () => {
+      if (activeTab.value === enumTab.TEXT) {
+        return (
+          <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
+            <FormItem label="标题" field="title" required>
+              <Input
+                v-model={props.modelValue.title}
+                placeholder="请输入标题"
+                size="large"
+                maxLength={30}
+                show-word-limit
+              />
+            </FormItem>
+            <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
+              <Textarea
+                v-model={props.modelValue.content}
+                placeholder="请输入作品描述"
+                size="large"
+                show-word-limit
+                maxLength={1000}
+                show-word-limit
+              />
+            </FormItem>
+          </Form>
+        );
+      }
+    };
+
+    expose({
+      validate,
+      resetForm,
+    });
+
+    const descs = [
+      '删除 “效果炸裂”“医院都做不到” 等夸大对比的表述；',
+      '去掉 “顽固体质逆袭”“腰围小 10cm” 等具体效果承诺（食品 / 非药品不得宣称减肥等功效）；',
+      '严禁提及 “孕妇能吃”，明确标注不适宜人群；',
+      '“进口纯天然” 需有依据，避免绝对化，可改为 “选用进口原料，成分温和”；',
+      '去掉 “当糖吃” 等误导性表述，强调正常食用量。',
+    ]
+    const forbidWords = [
+      {
+        label: '纯天然',
+        desc: '涉嫌虚假内容相关词语'
+      },
+      {
+        label: '安全',
+        desc: '涉嫌绝对化承诺保证'
+      },
+      {
+        label: '副作用',
+        desc: '涉嫌夸大词语'
+      },
+    ]
     return () => {
       return (
-        <div class="content-wrap">
-          <div class="content-left">
-            <span class="cts bold !color-#1D2129">批量审核内容稿件</span>
+        <div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
+          <div class="flex-2 left-box mr-24px flex flex-col">
+            <div class="flex-1 mb-12px rounded-8px border-1px pt-8px flex flex-col pb-16px bg-#F7F8FA border-#E6E6E8 border-solid">
+              <Tabs v-model={activeTab.value} onTabClick={handleTabClick} class="mb-16px">
+                {TAB_LIST.map((item) => (
+                  <TabPane key={item.value} title={item.label}></TabPane>
+                ))}
+              </Tabs>
+              <div class="flex-1 px-16px">{renderContent()}</div>
+            </div>
+            <div class="flex items-center justify-end">{renderFooterRow()}</div>
+          </div>
+          <div class="right-box flex-1 rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+            <div class="flex items-center mb-16px">
+              {RESULT_LIST.map((item, index) => (
+                <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
+                  <span class={`s1 ${item.class}`}>30</span>
+                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                </div>
+              ))}
+            </div>
+            <div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col max-h-220px overflow-y-auto">
+              <img src={null} class="mb-8px w-84px h-24px"/>
+              {
+                descs.map((item, index) => (
+                  <p class="cts !color-#55585F  !lh-20px" key={index}>{`${index + 1}. ${item}`}</p>
+                ))
+              }
+            </div>
+            
+            <div class="forbid-word-box flex">
+            </div>
           </div>
         </div>
       );
@@ -17,4 +192,4 @@ export default {
 
 <style lang="scss" scoped>
 @import './style.scss';
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
index e69de29..c456489 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
@@ -0,0 +1,90 @@
+.content-wrap {
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .check-text {
+    background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+  .left-box {
+    :deep(.arco-tabs) {
+      .arco-tabs-nav {
+        .arco-tabs-tab {
+          height: 40px;
+          padding: 0;
+          margin: 0 16px;
+        }
+        &::before {
+          display: none;
+        }
+      }
+      .arco-tabs-content {
+        display: none;
+      }
+    }
+    :deep(.arco-form) {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      .arco-form-item {
+        margin-bottom: 24px;
+        .arco-form-item-label-col {
+          .arco-form-item-label {
+            color: #939499;
+          }
+        }
+      }
+      .content-form-item {
+        margin-bottom: 0;
+        display: flex;
+        flex-direction: column;
+        .arco-form-item-wrapper-col {
+          flex: 1;
+          .arco-form-item-content-wrapper,
+          .arco-form-item-content,
+          .arco-textarea-wrapper {
+            height: 100%;
+          }
+        }
+      }
+    }
+  }
+  .right-box {
+    .s1 {
+      color: var(--Brand-6, #6d4cfe);
+      font-family: $font-family-manrope-regular;
+      font-size: 24px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 32px; /* 133.333% */
+    }
+    .result-item {
+      &:first-child {
+        position: relative;
+        &::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          right: 0;
+          width: 1px;
+          height: 32px;
+          background: var(--Border-1, #d7d7d9);
+        }
+      }
+    }
+    .forbid-word-box{
+
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
index ad55ce9..4e7765c 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
@@ -21,13 +21,17 @@ export default {
       type: Object,
       default: {},
     },
+    selectCardInfo: {
+      type: Object,
+      default: {},
+    },
   },
-  emits: ['update:modelValue', 'cardClick'],    
+  emits: ['update:modelValue', 'cardClick'],
   setup(props, { emit, expose }) {
-    const selectedPlatform = ref(2);
+    const selectedPlatform = ref(1);
     const modules = [Navigation];
     const handleCardClick = (item) => {
-    //   emit('update:modelValue', item);
+      //   emit('update:modelValue', item);
       emit('cardClick', item);
     };
     return () => {
@@ -38,6 +42,7 @@ export default {
               <Swiper
                 spaceBetween={16}
                 modules={modules}
+                slidesPerView="auto"
                 navigation={{
                   nextEl: '.swiper-button-next',
                   prevEl: '.swiper-button-prev',
@@ -48,7 +53,7 @@ export default {
                     key={item.id}
                     onClick={() => handleCardClick(item)}
                     class={`swiper-item !h-64px !w-280px bg-#F7F8FA border-1px cursor-pointer border-solid border-transparent rounded-8px p-8px overflow-hidden !flex items-center ${
-                      item.id === props.modelValue.id ? 'active' : ''
+                      item.id === props.selectCardInfo.id ? 'active' : ''
                     }`}
                   >
                     <Image
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index fd8512c..364d9a9 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Button, Message as AMessage } from '@arco-design/web-vue';
+import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
 import CancelCheckModal from './cancel-check-modal.vue';
 import CheckSuccessModal from './check-success-modal.vue';
 import HeaderCard from './components/header-card';
@@ -11,38 +11,49 @@ import {
   putWorkAuditsUpdate,
   putWorkAuditsAuditPass,
   getWorkAuditsDetail,
+  getWorkAuditsBatchDetail,
 } from '@/api/all/generationWorkshop.ts';
 
-const generateMockData = (count = 20) =>
-  Array.from({ length: count }, (_, i) => ({
-    id: `${i + 1}`,
-    title: `挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨${i + 1}`,
-    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
-    platform: 1,
-    files: [],
-  }));
+// const generateMockData = (count = 20) =>
+//   Array.from({ length: count }, (_, i) => ({
+//     id: `${i + 1}`,
+//     title: `挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨${i + 1}`,
+//     content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+//     platform: 1,
+//     files: [],
+//   }));
 
 export default {
   setup(props, { emit, expose }) {
     const router = useRouter();
     const route = useRoute();
 
-    const workId = ref(route.params.id);
+    // const workIds = ref(route.params.id);
     const selectCardInfo = ref({});
     const isSaved = ref(false);
     const dataSource = ref([]);
     const remoteDataSource = ref([]);
     const cancelCheckModalRef = ref(null);
     const checkSuccessModalRef = ref(null);
+    const submitLoading = ref(false);
+    const contentCardRef = ref(null);
     const checkLoading = ref(false);
+    const checkResult = ref({});
+
+    const workIds = computed(() => {
+      return route.params.id.split(',');
+    });
 
     const onBack = () => {
       router.push({ name: 'ManuscriptCheckList' });
     };
 
     const onChangeCard = (item) => {
+      contentCardRef.value.resetForm();
       isSaved.value = false;
+      submitLoading.value = false;
       checkLoading.value = false;
+      checkResult.value = {};
       selectCardInfo.value = cloneDeep(item);
     };
 
@@ -55,9 +66,14 @@ export default {
       }
     };
 
-    const getData = () => {
-      dataSource.value = generateMockData();
-      selectCardInfo.value = cloneDeep(dataSource.value[0] ?? {});
+    const getData = async () => {
+      const { code, data } = await getWorkAuditsBatchDetail({ ids: workIds.value });
+      if (code === 200) {
+        dataSource.value = data ?? [];
+        selectCardInfo.value = cloneDeep(data?.[0] ?? {});
+      }
+      // dataSource.value = generateMockData();
+      // selectCardInfo.value = cloneDeep(dataSource.value[0] ?? {});
     };
 
     const isSelectCardModified = () => {
@@ -77,22 +93,35 @@ export default {
       }
     };
     const onSave = async () => {
-      const { code, data } = await putWorkAuditsUpdate(selectCardInfo.value);
-      if (code === 200) {
-        isSaved.value = true;
-        AMessage.success('当前内容稿件已保存');
-      }
+      contentCardRef.value?.validate().then(async () => {
+        const { code, data } = await putWorkAuditsUpdate(selectCardInfo.value);
+        if (code === 200) {
+          isSaved.value = true;
+          AMessage.success('当前内容稿件已保存');
+        }
+      });
     };
     const onSubmit = async () => {
-      try {
-        checkLoading.value = true;
-        const { code, data } = await putWorkAuditsAuditPass(selectCardInfo.value);
-        if (code === 200) {
-          checkSuccessModalRef.value?.open(selectCardInfo.value.id);
+      contentCardRef.value?.validate().then(async () => {
+        try {
+          submitLoading.value = true;
+          const { code, data } = await putWorkAuditsAuditPass(selectCardInfo.value);
+          if (code === 200) {
+            checkSuccessModalRef.value?.open(selectCardInfo.value.id);
+          }
+        } finally {
+          submitLoading.value = false;
         }
-      } finally {
+      });
+    };
+    const onFilesChange = (files) => {
+      selectCardInfo.value.files = cloneDeep(files);
+    };
+    const onAgainCheck = () => {
+      checkLoading.value = true;
+      setTimeout(() => {
         checkLoading.value = false;
-      }
+      }, 2000);
     };
     const renderFooterRow = () => {
       return (
@@ -103,8 +132,8 @@ export default {
           <Button size="medium" type="outline" class="mr-12px" onClick={onSave}>
             保存
           </Button>
-          <Button type="primary" size="medium" onClick={onSubmit} loading={checkLoading.value}>
-            {checkLoading.value ? '通过审核中...' : '通过审核'}
+          <Button type="primary" size="medium" onClick={onSubmit} loading={submitLoading.value}>
+            {submitLoading.value ? '通过审核中...' : '通过审核'}
           </Button>
         </>
       );
@@ -114,8 +143,8 @@ export default {
     });
 
     return () => (
-      <>
-        <div class="manuscript-check-wrap">
+      <Spin loading={checkLoading.value} tip="文本检测中" class="manuscript-check-wrap" size={100}>
+        <div class="h-full w-full flex flex-col">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onExit}>
               内容稿件审核
@@ -124,9 +153,16 @@ export default {
             <span class="cts bold !color-#1D2129">批量审核内容稿件</span>
           </div>
           <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
-            <HeaderCard dataSource={dataSource.value} v-model={selectCardInfo.value} onCardClick={onCardClick} />
+            <HeaderCard dataSource={dataSource.value} selectCardInfo={selectCardInfo.value} onCardClick={onCardClick} />
             <section class="flex-1">
-              <ContentCard />
+              <ContentCard
+                ref={contentCardRef}
+                v-model={selectCardInfo.value}
+                selectCardInfo={selectCardInfo.value}
+                checkResult={checkResult.value}
+                onFilesChange={onFilesChange}
+                onAgainCheck={onAgainCheck}
+              />
             </section>
           </div>
         </div>
@@ -136,7 +172,7 @@ export default {
 
         <CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
         <CheckSuccessModal ref={checkSuccessModalRef} />
-      </>
+      </Spin>
     );
   },
 };
diff --git a/src/views/creative-generation-workshop/manuscript/check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss
index d6a5cc6..e4727a2 100644
--- a/src/views/creative-generation-workshop/manuscript/check/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/style.scss
@@ -1,8 +1,7 @@
 $footer-height: 68px;
 .manuscript-check-wrap {
+  width: 100%;
   height: calc(100% - 72px);
-  display: flex;
-  flex-direction: column;
   .cts {
     color: #939499;
     font-family: $font-family-regular;

From 3fb274fbdac1764aec757fe135a2933b39032ca3 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 6 Aug 2025 14:00:50 +0800
Subject: [PATCH 34/64] =?UTF-8?q?feat:=20=E6=96=87=E5=AD=97=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../icon-line.png                             | Bin 0 -> 2311 bytes
 .../check/components/content-card/index.vue   |  44 +++++++++++++-----
 .../check/components/content-card/style.scss  |  33 ++++++++++++-
 3 files changed, 63 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-line.png

diff --git a/src/assets/img/creative-generation-workshop/icon-line.png b/src/assets/img/creative-generation-workshop/icon-line.png
new file mode 100644
index 0000000000000000000000000000000000000000..17b462d3f187d5de2fdb825cadf16c6c85f94bdc
GIT binary patch
literal 2311
zcmV+i3HbJjP)<h;3K|Lk000e1NJLTq005`}0018d1^@s6bA*O@00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH2%JeoK~#7F?VHbT
z97PbutH(=-_#<zGgv8040|(%c%>{{5HaE-#`w8I63Ai9}B6$Mf2@;;b&dGuxv3`Oq
zXAW6&<&cRWiA6k9eAV66Q$4$m5@IJ#+-0qHrn_f$X8PA(bybgviWNJ-=BU_-wVi7`
z((RQqG;}Qu>7c705RF=VS8Xh)@R99C4hY{X=6uf4+#Vm#G1u*nzHoCoVO9V=X4}~c
zkR9yP2>i%LKw4u4aPo09WPpc`7-3)j&Y{JsbPUQJ>dBXju`uS_xVSHMVJCi@diJ{j
zwsOQQ$A+^|`i{qG8BWe<@6fi!F*V9+6xR`wIbg5RqHdV(R*f&8ONBsw@$2J(y8!wW
zCh$R!MgVDq2f2pM9H9dRxDl#{RoJ)C_-$d%gQ0aq3SR<Eww!{N*YQHz9(dG))|RDf
z;qF=hq=;`0vAt$<-YP;I+w`wN0G>y<Z?_HoS*_3=wBHl3LGlbB*YpHd0DXjQZSnBT
z>ojT}(%1vYUggH3cogB|*wLbP2|7nX^P&PS02A8?fV>1cT2#dj!m!Q$v=OLyF0zBb
zK)499emFpB&YQ|9>@OV%3)f`^h*xU^aDPC=<A1LL%rmZN&pm`X4`}|{eVU)Yk^@`-
zh3)*tqlXQRR|LWq00Ke^+voHFV><^?EObs#9#hwcs;6FBw@e*vhw>6tT~NtPfdg3K
zm^d#r@N?X^=ho|S*>BLIN*chNs%>uou(_{=Yu4ZL*Jq)&&mf#bz`cRKxcc6=Zhoo&
z-MYoY!9O%cP;tS7NI@CV8ABcQ+T9t53MYp-9T`=i(3v`4^vBtb?yF=}Pp?v`Lvt6M
z%KM!c6`A`=*@M=?=XCx_cD}0j85A#gfkRZ5jG9&kGXG56A-`|#OMkC2_hNoe2Y2py
z!XuJ7@8y>kP=Rsf0Zj&&52D8}F%%L{WGw+<)sHhpNN}<l=@eXc+SZ5Mckz8dq<K=0
z*cl6MuQ%5_>>R#x+W?(8Uv}=;Hd8&b-@$GGO3<?jmdta?l+_;B_XuX7_2ISG*}GTj
z{Z5z{hwbT00jR)u_JGDM(*^8~0n$X~i?)+2box*dfNeTeaBZpqvEI%vQw^tcSV+>m
zka``RsbL??SVny}Pg!T{fUt@~G4jvdY6qsGoZP={v!I|IRDQtvx;9tc%7Dk5DQ$Mo
z3j-%UyUIYG-8-4-i<(Orgcr*M$XAIb*t~>Dag3Y3#5y`VP%=2xT^Tp69h20PI6XY>
zgJ%I$KvOUf$`|L1Jt%xTqAaE3kEbQ78QRSKg*Lvv#(r%Ela$TVplL%IRL^ICpqML_
zz;0;gr}5fHdJnKse*i5}xNIQxG7bGqKsIRfcMh3KbOK;(Kreu8-9|M1H*MfXF5o6M
z@R8Jxw`_!&8`N@*Qb`9q`&mA>X3l7iPTnlJt*$)Hm!jar9_fD4X;)F0cg7~70zUmh
zx=l#Cw8$~WT%#xj0IHjRseUk|dUNy1QZYwux32MUf1ieUM#BiU*a+9Tip7F+P|?*^
zV3xUifPRfaKG*3SB0;K(YUa-R$nuUMeWd!p8P8|;L@KBNd3K*RSX_1+fXr0UC=ulf
z=x?lTyQn(O+la_07I$roD%w$;(nLf?b@lw68?R9}_e$3K&mNN4^#IB@K-y%Vo<D5Q
z(r$ep^1`xORaM@ztx`~E`3$|lv?ikv2eDOIr$HSC?SSdxi2-!y51!zHKaFXgNpjB$
ziUG%i7xzt&leye}`{Zs-pktv|7oX;*ZBoIxlYAWj6qk!&Yp-c&MyCwEqq199cu21z
zPN@7s#u(3Z&4oaA?4nwuYzi;;^#|X$*>eL_RPuGA&zb}8x&_L#ycc02wkj9E62NTT
zGRT(BL9N2t`skKwuYd#)$-{W}m4>Epa|Oa@Y_|chP1ZkCKzDBQ1k!&A?sX!Ob~Z6K
zfs5uHwa(-uGuRAt9dJ4Yh<Umt?Y$zxP48g@&+wV9Up{#+NfZlqtU;2WOAa92aNPjo
za}=#2>h1=G&WJS(X}h9iY}#w$nN0AL2Ra%SvvVHIJ$%p5b{9a-;hLwLmy064NOt53
z>Y+UA=M$d+ObK*`Hu$g!ZM!tsDx6&~vgoEY(CL&lwZr!vl>d(1*+EOY%^ARWvB3DE
z+mR?}f)aDeDne<!x9gVMT-;9)o9wfFsUoIs?6GObq$y&$W*fgZYXIaYAG#S8d+F?{
z0Nwcub4s{x!16hV*UWqvoGlS*S|;w;^;Ra68{;eq+2tI&a!FKgljO$Ws@E@;dE;rY
zCkFK99iG4)E0mJwa&b=BEy+<PhFw0E<LX@Jx*fZipyjS{$fZ*a-lzE9<%hKWNdfXy
z+G7E_b%%#<RP-gtkqG><lo^;h8rxm~6zeK=&Z@4)6xitEr})U~!Sv(z-IR)*dV3_G
zH~;1dfcXwCdJ^4n7G-C!apsyi)~5vm;x1S>hsko^HokWsyh7WX=SxsiEVl(ffBA<c
zyZ<So<*xuzSclc9nNpC`2T&ViFOXAKnbun+^|Or?nHwL!TU4^xqb-5->pk9JxN&a%
zTSBC3&vwbsB-M2pFs*O<mv*U3k`s~rmx3uD&@R5Oub(e-$zqRhUO{i(=imHGz45IR
zn*=wBa%bk7>8)>${|^)2GIb{DKE>vZ2M2V$xb9;A*9L&|dm_K=n1wIqtr87!6us{4
z9}0D<rV`vVNCROF`-cK$v7@j7*xHZ{^KM=j*qFE`%|C7GD8B6jkNy)B^ZNQb#eEk$
zS`!yPG70j2lD(HJPZ^~e>876~0$+c-1Ukiz&j#{l4-%DQ>$cq?FJMTHvT5k*{(xqi
zZxt6_?D%Z}Fn<Jq*OH5O(ameVi0LlW^2hsxdF8nRWwB>#p39%_@fE1%cUCz8=JbH+
h>iV0-g%^8%_8&gz!WwzG+pPcq002ovPDHLkV1jK6Y|a1x

literal 0
HcmV?d00001

diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index 9258bc2..0ac30bd 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -12,10 +12,12 @@ import {
   TabPane,
   Message as AMessage,
 } from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
 
 import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST } from './constants';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-line.png';
 
 export default {
   props: {
@@ -132,21 +134,24 @@ export default {
       '严禁提及 “孕妇能吃”，明确标注不适宜人群；',
       '“进口纯天然” 需有依据，避免绝对化，可改为 “选用进口原料，成分温和”；',
       '去掉 “当糖吃” 等误导性表述，强调正常食用量。',
-    ]
+    ];
     const forbidWords = [
       {
         label: '纯天然',
-        desc: '涉嫌虚假内容相关词语'
+        desc: '涉嫌虚假内容相关词语',
+        level: 1,
       },
       {
         label: '安全',
-        desc: '涉嫌绝对化承诺保证'
+        desc: '涉嫌绝对化承诺保证',
+        level: 2,
       },
       {
         label: '副作用',
-        desc: '涉嫌夸大词语'
+        desc: '涉嫌夸大词语',
+        level: 3,
       },
-    ]
+    ];
     return () => {
       return (
         <div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
@@ -172,15 +177,30 @@ export default {
               ))}
             </div>
             <div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col max-h-220px overflow-y-auto">
-              <img src={null} class="mb-8px w-84px h-24px"/>
-              {
-                descs.map((item, index) => (
-                  <p class="cts !color-#55585F  !lh-20px" key={index}>{`${index + 1}. ${item}`}</p>
-                ))
-              }
+              <div class=" mb-8px relative w-fit">
+                <span class="ai-text">AI 审核建议</span>
+                <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
+              </div>
+              {descs.map((item, index) => (
+                <p class="cts !color-#55585F !text-12px  !lh-20px" key={index}>{`${index + 1}. ${item}`}</p>
+              ))}
             </div>
-            
+
             <div class="forbid-word-box flex">
+              <div class="left mr-32px w-56px">
+                <p class="mb-12px cts !text-12px">违禁词</p>
+                {forbidWords.map((item, index) => (
+                  <p class={`mb-12px cts level${item.level}`} key={index}>
+                    {item.label}
+                  </p>
+                ))}
+              </div>
+              <div class="right flex-1">
+                <p class="mb-12px cts !text-12px">解释</p>
+                {forbidWords.map((item, index) => (
+                  <TextOverTips context={item.desc} class="mb-12px" key={index} />
+                ))}
+              </div>
             </div>
           </div>
         </div>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
index c456489..e389c79 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
@@ -83,8 +83,37 @@
         }
       }
     }
-    .forbid-word-box{
-
+    .suggestion-box {
+      .ai-text {
+        background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
+        background-clip: text;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        font-family: $font-family-medium;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 24px;
+      }
+    }
+    :deep(.overflow-text) {
+      color: #211f24;
+      font-family: $font-family-regular;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    .forbid-word-box {
+      .level1 {
+        color: #6d4cfe;
+      }
+      .level2 {
+        color: #f64b31;
+      }
+      .level3 {
+        color: #ffae00;
+      }
     }
   }
 }

From 86f01e7ea58ac6ca6ddb28021f0a2f0bff692ed7 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 6 Aug 2025 16:31:33 +0800
Subject: [PATCH 35/64] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=AE=A1=E6=A0=B8id=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../icon-success.png                          | Bin 0 -> 2481 bytes
 src/layouts/Basic.vue                         |   8 +-
 .../modules/creativeGenerationWorkshop.ts     |   2 +-
 .../manuscript-check-table/index.vue          |   7 +-
 .../manuscript/check-list/index.vue           |  12 +-
 .../manuscript/check/check-success-modal.vue  |  34 ++---
 .../check/components/content-card/index.vue   | 138 +++++++++++++-----
 .../check/components/content-card/style.scss  |   2 +-
 .../manuscript/check/index.vue                |  55 ++++---
 .../manuscript/detail/index.vue               |   4 +-
 .../manuscript/edit/index.vue                 |   4 +-
 .../upload/upload-success-modal.vue           |   4 +-
 12 files changed, 174 insertions(+), 96 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-success.png

diff --git a/src/assets/img/creative-generation-workshop/icon-success.png b/src/assets/img/creative-generation-workshop/icon-success.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a3c569cd07dd5162a400797ad9fd4a04fe0fe19
GIT binary patch
literal 2481
zcmV;i2~PHjP)<h;3K|Lk000e1NJLTq0058x0058(1^@s6=SJeV00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH2}VgoK~#7F?VU|>
z6IT#`yJti}R#9%C6qv9>-UPd{K%5|Of;cC@S*C)qK%}w^oB(kG!wFCpDVuB%J1T}k
zIYGoKP<W>ETJlsBgKf>5_dC;H6=jSmz|u!|zwUYO0SJO12!bF8f*=TjAP9mW2!bF8
zLOnrfAf4y^_PKXyHv{TGnp}n)+Ms@pfF1ri0jbaV*Zz<C`h<|C>NiZ)3&$T{AmJ2|
z#_!H$<H>4&3Js$X0$ti2^oX!a30+m+a+g>fE8qly#+c)8EY-{Ptr66mS_;Gw=IlSM
zjXa@m)u&zfL^N>(N2(DKJxSrr=;iv46Q~)r5$K3CJqVK#5Iw4sOwkL(=_y0}PE{_~
z!C$1&0EelPDfToMtw3{eU>m}XHp_u9hMXSkuiqX*ghVG0i<2Whv{wlG0w+NEo!CT*
zMxfe6oKwMxN^RfAlG=h7=+bV#lVSQ0YA?=FxJF9vgkEeX5HMfu4Q?uVo<rm0VQ3@6
zgXb5Y4Yna*f{Z}TjXKA{X)V1LVl)aa0yR7890zqc8hy2QcM}35m<Ys;z%w6`ZOAdW
z7bz_0{{GtSA0QBd5NMXNl5|H6C%YglK{zSRyFe?y|J=otcIwyHu}v5fd98uYKO0<!
zG=D1c=rFH~X0M?~yhWgk&+dJvrqn|aDuaj{e_pxu2t43LAd$yBz9e!kkjP^X9}+ng
zi1T$qumgfMa)cYNuWUUAM>rGcu)E9+!ib*PiIOQK$+i8je;R`WoUFoFo*Y|GLF92k
z8*<vYwEIg39N<JCmPeNAE>TPT<Y0%p`(PRC0<HXU_g9g}1FEZk=6zy)l5bTY9*oLt
z%O|*LdjM;#h?b%`7^W$;R&9+utVJLxnuDROMjj8r5>^D_r|6{a35uSrRAxMdN$Ls~
zE2+$Q1j?|*mA}Xn9#&GB(Fk<7_2wxE!9oPrUK!jnWHbWthCdL32IqV0jA2ZmmEF4=
zQaDFJ?}Ew{U<hLZAtpiZUlRTU4Q2`>0!j3V4eFSRLS`aRlH3F#DooWvl?CFJmn!XL
zJB}7O$pIdKAB@yOl?9p~?j)3FzAfkV+SaC8THgT=pn><UQXlBB>-+|Ul6<_UOGSge
z=_U3OOh25>zN~V(Y^4a4LDB=EB%j_8sG56y50R*S_I+yuDo`zjN%|_u$-7B?NR-3u
zP*QEQQ<$W$vMj$9*>yToY3vK#G^QPaBz={k+&*^Kk*G=<(-sJmv{LA64tj?mxRj_$
z8q*etDDQ!A3e`@~V2K>{iM0E8S^`~~H=yL1pA)Hm{0i5ZDWHo;-_~s^Y6-*_mw<2r
zX5?|XpDsnc_f$`y6t9AC4DrdsP_9>!=+!_n`#Od=<zXmEE`tW81>)_p0Y17Bz(sHI
z$}@*LI$NPj3&c15K|t_QH>GTqZxaM>#4gXAmd1NqTA+{$XqJbUx-ZxJlY|bg`H`p|
z@-PTV2TD?2AfzCc?}a?Y=YAxrk32Ilw;zE(v)D4pQF#j7N>np>X5i;g5{(p=dyPQH
z$y4A)qB_bmqXQ)=AAu0P33Qq~1$HH>tvpNzN>W-NBtIjJW#uWbBT=p8(V~0`^YD$A
zm8Zb0L`{%~?Dv5@Fl|9=2%4CYs4<bJmIAdi%$`;`b+np9lD1AF27zFHv4{_eM4r=#
zL?FhsL?X{J=m_L-aOp}Sk!M-TFXI6{PrhwS)MR<e*N73NutjW1)bz+hrGtY`A7}zW
zU|J$cTcD9$bUM+0K`@w;NaW#ReEt?nqVYIK2v7elVn!k<n1Sb<rLTx8Ujq?2xreG8
z)g{uUPOB|MbWsEOe020A+)GrqrFy0j97+pxa4ril0u{KEsE&Oeo%go1Kzxb=1{;MK
z`x4c&Nr)4j6FT(zKpMrCTkJ_x*ABB<fxQ3?v;@M8euLmKFHxPx6PP3;&_GL|3`1Or
zeF}3D)qS>=X|ArdPbgd28~hE?oX}CN%iMs$=yZQ=>kH7J$}B9BD8%STq9#n$G1o6i
zv;|6Xd;(EXUZSQvlA)#xk3kb{f!=?1Foft>UZSSR!=!L#1e$0Ibl5W(L3ErhQIq6R
z32anl4p`}Vp!m{Q!SNC`OCI2pr5-^ADhYI$#sZtpFU!XgHBKI=mcE$Ecc!lF4u<Ma
ziTK3&`4V6KcYvnJqrUgy{@ShYp#qg3X(fOmM9n-BHBTOXGKVUqFUH8N&8n%$H#PS_
zh>5Xk9<D+~j678D>%J?Y0z^g*FgJE@{KdU{Z{*(8Sip&@eZB+(7~9s96ICk41cy*=
zEMpjpK#bHvF<>tGFh(~PN-Y#VWH?h873kIa)(D~;Z!`rQ9==D$Fut`prHl=av^!mE
zrmA6TJVO{4h&SmGpro?EQ02vgDnrxbFj_<}A_a9wm@S+av35F#q_SX`&S!mguqKeC
zvM}KHz((pSu$ICK&hHKGD@$*J;2geh_4V4;CRoJ!0aMx8tgkeU=mGq?fRov4ZyD<X
z@uRP4p4|w0J9OQcKjWmcRk`%v1ddqw{pT*EIj_v*wr9JjqPewdv+h~M*%^uZ-~2Sr
z5oF+M8Gemj$-_83Wb^fvt;Zl!dwZzYcJ>-O#90bkWM%j61|U8J!5m7S{q@^JaEup$
z7?H>zp5$S?3B;U#Hn^S;utZW=>oMh;$939T#H&C|6Zc}7LA6CPyuphT@QC-5>iu5X
z9Vx0Y%Y7c-^34A!0U=|L)8X+1cbHu?36~)#ftU+>_cjq|8>B8e%9IDAuhwqehkyu9
zAV%t<qu@xTET;{^WeHNCf(yHYKH@B;H8mOq8Fdy3S|Em_Q3h#0?gJcj2si3161+eK
zDjM|?)p)FbTEh_$-7&p;!WPj8RKOi<#ALgEBH@JhY{eo@L39EY%tj$ea#OYOyAU;T
zMVzBVD^LNaHuX(xL{=lI9u7X{^Lb(wryzQP3g*Rj(gRGCNYsNM!BLXK6FwR+lty4x
zY9r7hg-nR)w*+|){Ivl%(v0gS%_6lF=qQ}#Qo=4JcvVHGuB`(6@bca<pZw1EiNv0s
zmZ1>>9i{WU-)_B2yECbf+A8f`R#K^t&_;sxF@o_uX|o7I027$~ptpPlDBt49m$lU~
v!U%#O2!bF8f*=TjAP9mW2!bF8LR0w{`X!W7gXUz600000NkvXXu0mjfFnen1

literal 0
HcmV?d00001

diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 4dbdd0d..4d84785 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -61,7 +61,7 @@ provide('toggleDrawerMenu', () => {
 </script>
 
 <template>
-  <a-layout :class="['layout', { mobile: appStore.hideMenu }]">
+  <a-layout :class="['layout', { mobile: appStore.hideMenu }]" class="h-100vh flex flex-col w-full">
     <JoinModal v-model:visible="joinEnterpriseVisible" ref="joinModalRef" />
     <div v-if="navbar" class="layout-navbar">
       <base-navbar />
@@ -111,8 +111,8 @@ provide('toggleDrawerMenu', () => {
 $layout-max-width: 1100px;
 
 .layout {
-  width: 100%;
-  height: 100%;
+  // width: 100%;
+  // height: 100%;
 }
 .layout-navbar {
   position: fixed;
@@ -167,7 +167,7 @@ $layout-max-width: 1100px;
 }
 .layout-content {
   min-width: 1366px;
-  min-height: 100vh;
+  height: 100%;
   overflow-y: hidden;
   background-color: var(--color-fill-2);
   transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index ae9d681..c426c3e 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -96,7 +96,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/creative-generation-workshop/manuscript/detail/index.vue'),
       },
       {
-        path: 'check/:id',
+        path: 'check',
         name: 'ManuscriptCheck',
         meta: {
           locale: '稿件审核',
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index f0fd54a..a0b1862 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -127,6 +127,7 @@ import {
   CUSTOMER_OPINION,
   PLATFORMS,
 } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue';
@@ -175,10 +176,12 @@ const onShare = (item) => {
 };
 const onCheck = (item) => {
   patchWorkAuditsAudit(item.id);
-  router.push(`/manuscript/check/${item.id}`);
+  slsWithCatch('manuscriptCheckIds', [item.id]);
+  router.push({ name: 'ManuscriptCheck' });
 };
 const onScan = (item) => {
-  router.push(`/manuscript/check/${item.id}`);
+  slsWithCatch('manuscriptCheckIds', [item.id]);
+  router.push({ name: 'ManuscriptCheck' });
 };
 const onDetail = (item) => {
   router.push(`/manuscript/check-list/detail/${item.id}?source=check&audit_status=${props.audit_status}`);
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
index f354883..3294747 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
@@ -81,6 +81,7 @@ import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscrip
 
 import { getWorkAuditsPage, patchWorkAuditsBatchAudit } from '@/api/all/generationWorkshop.ts';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { slsWithCatch } from '@/utils/stroage.ts';
 // import { getProjects } from '@/api/all/propertyMarketing';
 import {
   AuditStatus,
@@ -155,9 +156,9 @@ const handleBatchCheck = () => {
   }
 
   patchWorkAuditsBatchAudit({ ids: selectedRowKeys.value });
-  
-  const ids = selectedRowKeys.value.join(',');
-  router.push(`/manuscript/check/${ids}`);
+
+  slsWithCatch('manuscriptCheckIds', selectedRowKeys.value);
+  router.push({ name: 'ManuscriptCheck' });
 };
 const handleBatchView = () => {
   if (!selectedRows.value.length) {
@@ -165,9 +166,10 @@ const handleBatchView = () => {
     return;
   }
 
-  const ids = selectedRowKeys.value.join(',');
-  router.push(`/manuscript/check/${ids}`);
+  slsWithCatch('manuscriptCheckIds', selectedRowKeys.value);
+  router.push({ name: 'ManuscriptCheck' });
 };
+
 const handleTabClick = (key) => {
   query.value = cloneDeep(INITIAL_QUERY);
   dataSource.value = [];
diff --git a/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue b/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
index b064833..f1b0bf8 100644
--- a/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/check-success-modal.vue
@@ -1,14 +1,21 @@
 <template>
-  <a-modal v-model:visible="visible" title="提示" width="480px" @close="onClose" modal-class="upload-success11-modal">
+  <a-modal
+    v-model:visible="visible"
+    title="提示"
+    width="480px"
+    @close="onClose"
+    modal-class="upload-success11-modal"
+    :footer="null"
+  >
     <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>
     </div>
-    <template #footer>
+    <!-- <template #footer>
       <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">内容稿件分析</a-button>
-    </template>
+    </template> -->
   </a-modal>
 </template>
 
@@ -18,25 +25,18 @@ import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
 const visible = ref(false);
-const workId = ref('');
+const workIds = ref([]);
 
 const onClose = () => {
-  workId.value = '';
+  if (workIds.value.length === 1) {
+    router.push({ name: 'ManuscriptCheckList' });
+  }
+  workIds.value = [];
   visible.value = false;
 };
 
-const onBack = () => {
-  onClose();
-  router.push({ name: 'ManuscriptList' });
-};
-const onConfirm = () => {
-  visible.value = false;
-  // router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
-};
-
-const open = (id) => {
-  workId.value = id;
-
+const open = (ids) => {
+  workIds.value = cloneDeep(ids);
   visible.value = true;
 };
 
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index 0ac30bd..0bf94c9 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -10,6 +10,7 @@ import {
   Tabs,
   Upload,
   TabPane,
+  Spin,
   Message as AMessage,
 } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
@@ -18,6 +19,7 @@ import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST } from './constants';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-line.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-success.png';
 
 export default {
   props: {
@@ -29,6 +31,10 @@ export default {
       type: Object,
       default: {},
     },
+    checkLoading: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: ['update:modelValue', 'filesChange', 'againCheck'],
   setup(props, { emit, expose }) {
@@ -50,7 +56,6 @@ export default {
     const handleTabClick = (key) => {
       activeTab.value = key;
     };
-
     const validate = () => {
       return new Promise((resolve, reject) => {
         formRef.value?.validate((errors) => {
@@ -95,7 +100,7 @@ export default {
         </>
       );
     };
-    const renderContent = () => {
+    const renderLeftBoxContent = () => {
       if (activeTab.value === enumTab.TEXT) {
         return (
           <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
@@ -106,6 +111,7 @@ export default {
                 size="large"
                 maxLength={30}
                 show-word-limit
+                disabled={props.checkLoading}
               />
             </FormItem>
             <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
@@ -116,6 +122,7 @@ export default {
                 show-word-limit
                 maxLength={1000}
                 show-word-limit
+                disabled={props.checkLoading}
               />
             </FormItem>
           </Form>
@@ -123,6 +130,87 @@ export default {
       }
     };
 
+    const renderRightBox = () => {
+      if (isEmpty(props.checkResult)) {
+        return (
+          <div class="right-box flex-1 h-372px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+            <div class="flex items-center mb-16px">
+              {RESULT_LIST.map((item, index) => (
+                <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
+                  <span class={`s1 ${item.class}`}>30</span>
+                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                </div>
+              ))}
+            </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>
+                <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">
+                <img src={icon3} width={72} height={72} class="mb-12px" />
+                <span class="cts !color-#25C883">
+                {
+                  activeTab.value === enumTab.TEXT ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'
+                }
+                </span>
+              </div>
+            </div>
+          </div>
+        );
+      }
+
+      if (props.checkLoading) {
+        return (
+          <div class="right-box flex-1 h-210px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+            <Spin loading={true} tip="文本检测中" size={72} class="" />
+          </div>
+        );
+      } else {
+        return (
+          <div class="right-box flex-1 rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+            <div class="flex items-center mb-16px">
+              {RESULT_LIST.map((item, index) => (
+                <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
+                  <span class={`s1 ${item.class}`}>30</span>
+                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                </div>
+              ))}
+            </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>
+                <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
+              </div>
+              {descs.map((item, index) => (
+                <p class="cts !color-#55585F !text-12px  !lh-20px" key={index}>{`${index + 1}. ${item}`}</p>
+              ))}
+            </div>
+
+            <div class="forbid-word-box flex-1 flex">
+              <div class="left mr-32px w-56px">
+                <p class="mb-12px cts !text-12px">违禁词</p>
+                {forbidWords.map((item, index) => (
+                  <p class={`mb-12px cts level${item.level}`} key={index}>
+                    {item.label}
+                  </p>
+                ))}
+              </div>
+              <div class="right flex-1">
+                <p class="mb-12px cts !text-12px">解释</p>
+                {forbidWords.map((item, index) => (
+                  <TextOverTips context={item.desc} class="mb-12px" key={index} />
+                ))}
+              </div>
+            </div>
+          </div>
+        );
+      }
+    };
+
     expose({
       validate,
       resetForm,
@@ -151,7 +239,13 @@ export default {
         desc: '涉嫌夸大词语',
         level: 3,
       },
+      {
+        label: '副作用',
+        desc: '涉嫌夸大词语',
+        level: 3,
+      },
     ];
+
     return () => {
       return (
         <div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
@@ -162,47 +256,11 @@ export default {
                   <TabPane key={item.value} title={item.label}></TabPane>
                 ))}
               </Tabs>
-              <div class="flex-1 px-16px">{renderContent()}</div>
+              <div class="flex-1 px-16px">{renderLeftBoxContent()}</div>
             </div>
             <div class="flex items-center justify-end">{renderFooterRow()}</div>
           </div>
-          <div class="right-box flex-1 rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
-            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
-            <div class="flex items-center mb-16px">
-              {RESULT_LIST.map((item, index) => (
-                <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
-                  <span class={`s1 ${item.class}`}>30</span>
-                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
-                </div>
-              ))}
-            </div>
-            <div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col max-h-220px overflow-y-auto">
-              <div class=" mb-8px relative w-fit">
-                <span class="ai-text">AI 审核建议</span>
-                <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
-              </div>
-              {descs.map((item, index) => (
-                <p class="cts !color-#55585F !text-12px  !lh-20px" key={index}>{`${index + 1}. ${item}`}</p>
-              ))}
-            </div>
-
-            <div class="forbid-word-box flex">
-              <div class="left mr-32px w-56px">
-                <p class="mb-12px cts !text-12px">违禁词</p>
-                {forbidWords.map((item, index) => (
-                  <p class={`mb-12px cts level${item.level}`} key={index}>
-                    {item.label}
-                  </p>
-                ))}
-              </div>
-              <div class="right flex-1">
-                <p class="mb-12px cts !text-12px">解释</p>
-                {forbidWords.map((item, index) => (
-                  <TextOverTips context={item.desc} class="mb-12px" key={index} />
-                ))}
-              </div>
-            </div>
-          </div>
+          {renderRightBox()}
         </div>
       );
     };
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
index e389c79..4590e90 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
@@ -21,7 +21,7 @@
       .arco-tabs-nav {
         .arco-tabs-tab {
           height: 40px;
-          padding: 0;
+        //   padding: 0 8px;
           margin: 0 16px;
         }
         &::before {
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index 364d9a9..b8a041e 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -5,6 +5,7 @@ import CheckSuccessModal from './check-success-modal.vue';
 import HeaderCard from './components/header-card';
 import ContentCard from './components/content-card';
 
+import { slsWithCatch, rlsWithCatch, glsWithCatch } from '@/utils/stroage.ts';
 import {
   patchWorkAuditsAudit,
   patchWorkAuditsBatchAudit,
@@ -14,21 +15,12 @@ import {
   getWorkAuditsBatchDetail,
 } from '@/api/all/generationWorkshop.ts';
 
-// const generateMockData = (count = 20) =>
-//   Array.from({ length: count }, (_, i) => ({
-//     id: `${i + 1}`,
-//     title: `挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨${i + 1}`,
-//     content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
-//     platform: 1,
-//     files: [],
-//   }));
-
 export default {
   setup(props, { emit, expose }) {
     const router = useRouter();
     const route = useRoute();
 
-    // const workIds = ref(route.params.id);
+    const workIds = ref([]);
     const selectCardInfo = ref({});
     const isSaved = ref(false);
     const dataSource = ref([]);
@@ -40,10 +32,6 @@ export default {
     const checkLoading = ref(false);
     const checkResult = ref({});
 
-    const workIds = computed(() => {
-      return route.params.id.split(',');
-    });
-
     const onBack = () => {
       router.push({ name: 'ManuscriptCheckList' });
     };
@@ -66,14 +54,12 @@ export default {
       }
     };
 
-    const getData = async () => {
+    const getWorkAudits = async () => {
       const { code, data } = await getWorkAuditsBatchDetail({ ids: workIds.value });
       if (code === 200) {
         dataSource.value = data ?? [];
         selectCardInfo.value = cloneDeep(data?.[0] ?? {});
       }
-      // dataSource.value = generateMockData();
-      // selectCardInfo.value = cloneDeep(dataSource.value[0] ?? {});
     };
 
     const isSelectCardModified = () => {
@@ -101,13 +87,30 @@ export default {
         }
       });
     };
+    const onCheckSuccess = () => {
+      checkSuccessModalRef.value?.open(workIds.value);
+
+      if (workIds.value.length > 1) {
+        const _id = selectCardInfo.value.id;
+        workIds.value = workIds.value.filter((v) => v != _id);
+        dataSource.value = dataSource.value.filter((v) => v.id != _id);
+
+        slsWithCatch('manuscriptCheckIds', workIds.value.join(','));
+        if (dataSource.value.length) {
+          const _target = dataSource.value[0] ?? {};
+          selectCardInfo.value = cloneDeep(_target);
+        } else {
+          selectCardInfo.value = {};
+        }
+      }
+    };
     const onSubmit = async () => {
       contentCardRef.value?.validate().then(async () => {
         try {
           submitLoading.value = true;
           const { code, data } = await putWorkAuditsAuditPass(selectCardInfo.value);
           if (code === 200) {
-            checkSuccessModalRef.value?.open(selectCardInfo.value.id);
+            onCheckSuccess();
           }
         } finally {
           submitLoading.value = false;
@@ -139,12 +142,17 @@ export default {
       );
     };
     onMounted(() => {
-      getData();
+      const manuscriptCheckIds = glsWithCatch('manuscriptCheckIds');
+      workIds.value = manuscriptCheckIds.split(',');
+      getWorkAudits();
+    });
+    onUnmounted(() => {
+      rlsWithCatch('manuscriptCheckIds');
     });
 
     return () => (
-      <Spin loading={checkLoading.value} tip="文本检测中" class="manuscript-check-wrap" size={100}>
-        <div class="h-full w-full flex flex-col">
+      <>
+        <div class="manuscript-check-wrap flex flex-col">
           <div class="flex items-center mb-8px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onExit}>
               内容稿件审核
@@ -154,7 +162,7 @@ export default {
           </div>
           <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
             <HeaderCard dataSource={dataSource.value} selectCardInfo={selectCardInfo.value} onCardClick={onCardClick} />
-            <section class="flex-1">
+            <section class="flex-1 overflow-hidden">
               <ContentCard
                 ref={contentCardRef}
                 v-model={selectCardInfo.value}
@@ -162,6 +170,7 @@ export default {
                 checkResult={checkResult.value}
                 onFilesChange={onFilesChange}
                 onAgainCheck={onAgainCheck}
+                checkLoading={checkLoading.value}
               />
             </section>
           </div>
@@ -172,7 +181,7 @@ export default {
 
         <CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
         <CheckSuccessModal ref={checkSuccessModalRef} />
-      </Spin>
+      </>
     );
   },
 };
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index c8c7998..53400ae 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -6,6 +6,7 @@ import { AuditStatus } from '@/views/creative-generation-workshop/manuscript/che
 import { getWorksDetail } from '@/api/all/generationWorkshop';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
+import { slsWithCatch } from '@/utils/stroage.ts';
 
 const DEFAULT_SOURCE_INFO = {
   title: '内容稿件列表',
@@ -110,7 +111,8 @@ export default {
         if (isPassed) {
           console.log('审核详情');
         } else {
-          router.push(`/manuscript/check/${workId.value}`);
+          slsWithCatch('manuscriptCheckIds', [workId.value]);
+          router.push({ name: 'ManuscriptCheck' });
         }
       };
 
diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue
index e176349..ae2abdb 100644
--- a/src/views/creative-generation-workshop/manuscript/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue
@@ -5,6 +5,7 @@ import CancelEditModal from './cancel-edit-modal.vue';
 import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
+import { slsWithCatch } from '@/utils/stroage.ts';
 
 export default {
   components: {
@@ -45,7 +46,8 @@ export default {
           isSaved.value = true;
 
           if (check) {
-            router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
+            slsWithCatch('manuscriptCheckIds', [workId.value]);
+            router.push({ name: 'ManuscriptCheck' });
           } else {
             onBack();
           }
diff --git a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
index ca23870..b92cfd6 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
@@ -15,6 +15,7 @@
 
 <script setup>
 import { ref } from 'vue';
+import { slsWithCatch } from '@/utils/stroage.ts';
 import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
@@ -32,7 +33,8 @@ const onBack = () => {
 };
 const onConfirm = () => {
   visible.value = false;
-  router.push({ name: 'ManuscriptCheck', params: { id: workId.value } });
+  slsWithCatch('manuscriptCheckIds', [workId.value]);
+  router.push({ name: 'ManuscriptCheck' });
 };
 
 const open = (id) => {

From 3da0aef6766c62aaee5dfa16d543849e83689160 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 6 Aug 2025 18:13:17 +0800
Subject: [PATCH 36/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../creative-generation-workshop/icon-lf2.png | Bin 0 -> 234 bytes
 .../check/components/content-card/index.vue   | 232 +++++++++++++++---
 .../check/components/content-card/style.scss  |  58 ++++-
 .../manuscript/check/index.vue                |  22 +-
 4 files changed, 268 insertions(+), 44 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-lf2.png

diff --git a/src/assets/img/creative-generation-workshop/icon-lf2.png b/src/assets/img/creative-generation-workshop/icon-lf2.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fe57e65809c04901f4397ebfdaf7d777cd2ac68
GIT binary patch
literal 234
zcmeAS@N?(olHy`uVBq!ia0vp^JU}eM!3HFEez+qDq&N#aB8wRqxP?KOkzv*x37{Zj
zage(c!@6@aFM%AEbVpxD28NCO+<y{Tf&6+;7srqa#<!CX@-`^&xX#|eplraTyrVNu
zY4!`Xz5^UR4s#Y<TO#*^{Z_Ym{in;P>vfknq;$+&ykphll-8wl9xZ44`1IwURawpU
zHhkI>c3$^Ue%Zn%+{CInBk07Wmav90{+91I?V9--#P~xPyu<`{#AitBg(%jr&XjR~
cz3&C@Rq>h|7ybn<20Deo)78&qol`;+0BIaiCjbBd

literal 0
HcmV?d00001

diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index 0bf94c9..ae43424 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -1,7 +1,9 @@
 <script lang="jsx">
 import axios from 'axios';
+import { Swiper, SwiperSlide } from 'swiper/vue';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
 import {
+  Image,
   Form,
   FormItem,
   Input,
@@ -15,11 +17,17 @@ import {
 } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
 
+import 'swiper/css';
+import 'swiper/css/navigation';
+import { Navigation } from 'swiper/modules';
 import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST } from './constants';
+import { getImagePreSignedUrl } from '@/api/all/common';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-line.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-success.png';
+import icon4 from '@/assets/img/error-img.png';
+import icon5 from '@/assets/img/creative-generation-workshop/icon-lf2.png';
 
 export default {
   props: {
@@ -31,16 +39,24 @@ export default {
       type: Object,
       default: {},
     },
+    selectedImageInfo: {
+      type: Object,
+      default: {},
+    },
     checkLoading: {
       type: Boolean,
       default: false,
     },
   },
-  emits: ['update:modelValue', 'filesChange', 'againCheck'],
+  emits: ['update:modelValue', 'filesChange', 'againCheck', 'imageClick'],
   setup(props, { emit, expose }) {
     const activeTab = ref(enumTab.TEXT);
     const aiCheckLoading = ref(false);
     const formRef = ref(null);
+    const uploadRef = ref(null);
+    const modules = [Navigation];
+
+    const isTextTab = computed(() => activeTab.value === enumTab.TEXT);
 
     const onAiCheck = () => {
       if (aiCheckLoading.value) return;
@@ -51,7 +67,18 @@ export default {
       }, 2000);
     };
     const onAgainCheck = () => {
-      emit('againCheck');
+      if (isTextTab.value) {
+        emit('againCheck');
+      } else {
+        if (!props.modelValue.files?.length) {
+          AMessage.warning('请先上传需审核图片');
+          return;
+        }
+        emit('againCheck');
+      }
+    };
+    const onReplaceImage = () => {
+      uploadRef.value?.upload?.();
     };
     const handleTabClick = (key) => {
       activeTab.value = key;
@@ -71,6 +98,62 @@ export default {
       formRef.value?.resetFields?.();
       formRef.value?.clearValidate?.();
     };
+    const getFileExtension = (filename) => {
+      const match = filename.match(/\.([^.]+)$/);
+      return match ? match[1].toLowerCase() : '';
+    };
+    const handleSelectImage = (item) => {
+      emit('imageClick', item);
+    };
+
+    const renderUpload = (UploadBtn) => {
+      return (
+        <Upload
+          ref={uploadRef}
+          action="/"
+          draggable
+          class="w-fit"
+          custom-request={uploadImage}
+          accept=".jpg,.jpeg,.png,.gif,.webp"
+          show-file-list={false}
+          multiple
+        >
+          {{
+            'upload-button': () => <UploadBtn />,
+          }}
+        </Upload>
+      );
+    };
+
+    const uploadImage = async (option) => {
+      const {
+        fileItem: { file },
+      } = option;
+
+      // 验证文件数量
+      if (formData.value.files?.length >= 18) {
+        AMessage.error('最多只能上传18张图片！');
+        return;
+      }
+      const { name, size, type } = file;
+      const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
+      const { file_name, upload_url, file_url } = response?.data;
+
+      const blob = new Blob([file], { type });
+      await axios.put(upload_url, blob, {
+        headers: { 'Content-Type': type },
+      });
+
+      const _files = [
+        ...props.modelValue.files,
+        {
+          url: file_url,
+          name: file_name,
+          size,
+        },
+      ];
+      emits('filesChange', _files);
+    };
 
     const renderFooterRow = () => {
       return (
@@ -78,7 +161,7 @@ export default {
           <Button class="mr-12px" size="medium" onClick={onAgainCheck}>
             再次审核
           </Button>
-          {activeTab.value === enumTab.TEXT ? (
+          {isTextTab.value ? (
             <Button size="medium" type="outline" class="w-123px" onClick={onAiCheck}>
               {aiCheckLoading.value ? (
                 <>
@@ -93,39 +176,122 @@ export default {
               )}
             </Button>
           ) : (
-            <Button size="medium" type="outline">
-              图片替换
-            </Button>
+            <div class="w-88px">
+              {renderUpload(
+                <Button size="medium" type="outline">
+                  图片替换
+                </Button>,
+              )}
+            </div>
           )}
         </>
       );
     };
-    const renderLeftBoxContent = () => {
-      if (activeTab.value === enumTab.TEXT) {
+    const renderTextForm = () => {
+      return (
+        <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
+          <FormItem label="标题" field="title" required>
+            <Input
+              v-model={props.modelValue.title}
+              placeholder="请输入标题"
+              size="large"
+              maxLength={30}
+              show-word-limit
+              disabled={props.checkLoading}
+            />
+          </FormItem>
+          <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
+            <Textarea
+              v-model={props.modelValue.content}
+              placeholder="请输入作品描述"
+              size="large"
+              show-word-limit
+              maxLength={1000}
+              show-word-limit
+              disabled={props.checkLoading}
+            />
+          </FormItem>
+        </Form>
+      );
+    };
+    const renderImageForm = () => {
+      if (props.modelValue.files?.length > 0) {
         return (
-          <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
-            <FormItem label="标题" field="title" required>
-              <Input
-                v-model={props.modelValue.title}
-                placeholder="请输入标题"
-                size="large"
-                maxLength={30}
-                show-word-limit
-                disabled={props.checkLoading}
+          <div class="w-full h-full py-16px flex justify-center">
+            <div class="w-380px flex flex-col justify-center">
+              <Image
+                src={props.selectedImageInfo.url}
+                width={370}
+                height={370}
+                class="flex items-center justify-center mb-16px"
+                fit="contain"
+                v-slots={{
+                  error: () => <img src={icon4} class="w-full h-full" />,
+                }}
               />
-            </FormItem>
-            <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
-              <Textarea
-                v-model={props.modelValue.content}
-                placeholder="请输入作品描述"
-                size="large"
-                show-word-limit
-                maxLength={1000}
-                show-word-limit
-                disabled={props.checkLoading}
-              />
-            </FormItem>
-          </Form>
+
+              <div class="swiper-wrap h-60px">
+                <Swiper
+                  spaceBetween={16}
+                  modules={modules}
+                  slidesPerView="auto"
+                  navigation={{
+                    nextEl: '.swiper-button-next',
+                    prevEl: '.swiper-button-prev',
+                  }}
+                >
+                  {props.modelValue.files.map((item) => (
+                    <SwiperSlide
+                      key={item.id}
+                      onClick={() => handleSelectImage(item)}
+                      class={`swiper-item !h-48px !w-48px bg-#F7F8FA cursor-pointer rounded-4px overflow-hidden !flex items-center ${
+                        item.id === props.selectedImageInfo.id ? 'active' : ''
+                      }`}
+                    >
+                      <div class="group relative">
+                        <Image
+                          width={48}
+                          height={48}
+                          src={item.url}
+                          class="!rounded-4px"
+                          fit="cover"
+                          preview={false}
+                          v-slots={{
+                            error: () => <img src={icon4} class="w-full h-full" />,
+                          }}
+                        />
+                        <icon-close-circle-fill
+                          size={16}
+                          class="absolute top--8px right--8px hidden cursor-pointer color-#939499  group-hover:block z-50"
+                        />
+                      </div>
+                    </SwiperSlide>
+                  ))}
+                  <div class="swiper-box swiper-button-prev">
+                    <img src={icon5} class="w-8px h-17px" />
+                  </div>
+                  <div class="swiper-box swiper-button-next">
+                    <img src={icon5} class="w-8px h-17px rotate-180" />
+                  </div>
+                </Swiper>
+              </div>
+            </div>
+          </div>
+        );
+      } else {
+        return (
+          <div class="w-full h-full flex flex-col items-center justify-center">
+            <div class="flex justify-center mb-16px">
+              {renderUpload(
+                <div class="upload-box">
+                  <icon-plus size="14" class="mb-16px color-#3C4043" />
+                  <span class="cts !color-#211F24">上传图片</span>
+                </div>,
+              )}
+            </div>
+
+            <span class="cts">上传要审核的图片素材</span>
+          </div>
         );
       }
     };
@@ -151,9 +317,7 @@ export default {
               <div class="flex flex-col items-center h-138px justify-center">
                 <img src={icon3} width={72} height={72} class="mb-12px" />
                 <span class="cts !color-#25C883">
-                {
-                  activeTab.value === enumTab.TEXT ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'
-                }
+                  {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'}
                 </span>
               </div>
             </div>
@@ -256,7 +420,7 @@ export default {
                   <TabPane key={item.value} title={item.label}></TabPane>
                 ))}
               </Tabs>
-              <div class="flex-1 px-16px">{renderLeftBoxContent()}</div>
+              <div class="flex-1 px-16px">{isTextTab.value ? renderTextForm() : renderImageForm()}</div>
             </div>
             <div class="flex items-center justify-end">{renderFooterRow()}</div>
           </div>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
index 4590e90..c79a193 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
@@ -21,7 +21,7 @@
       .arco-tabs-nav {
         .arco-tabs-tab {
           height: 40px;
-        //   padding: 0 8px;
+          //   padding: 0 8px;
           margin: 0 16px;
         }
         &::before {
@@ -58,6 +58,62 @@
         }
       }
     }
+    .upload-box {
+      display: flex;
+      width: 100px;
+      height: 100px;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border-radius: 8px;
+      border: 1px dashed var(--Border-1, #d7d7d9);
+      background: var(--BG-200, #f2f3f5);
+      &:hover {
+        background: var(--Primary-1, #e6e6e8);
+      }
+    }
+    .swiper-wrap {
+      .swiper-item {
+        transition: all;
+        &.active {
+          width: 60px;
+          height: 60px;
+          border: 2px solid var(--Brand-6, #6d4cfe);
+          background: url(<path-to-image>) lightgray 50% / cover no-repeat;
+        }
+      }
+      .swiper-box {
+        position: absolute;
+        margin-top: 0 !important;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        background: rgba(0, 0, 0, 0.4);
+        transition: all;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        top: 50%;
+        transform: translateY(-50%);
+        &:hover {
+          background: rgba(0, 0, 0, 0.6);
+        }
+        &.swiper-button-prev {
+          left: 16px;
+        }
+        &.swiper-button-next {
+          right: 16px;
+        }
+        &::after {
+          display: none;
+        }
+        &.swiper-button-disabled {
+          display: none;
+        }
+      }
+    }
   }
   .right-box {
     .s1 {
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index b8a041e..ad3fae9 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -21,7 +21,6 @@ export default {
     const route = useRoute();
 
     const workIds = ref([]);
-    const selectCardInfo = ref({});
     const isSaved = ref(false);
     const dataSource = ref([]);
     const remoteDataSource = ref([]);
@@ -32,6 +31,9 @@ export default {
     const checkLoading = ref(false);
     const checkResult = ref({});
 
+    const selectCardInfo = ref({});
+    const selectedImageInfo = ref(null);
+
     const onBack = () => {
       router.push({ name: 'ManuscriptCheckList' });
     };
@@ -43,6 +45,7 @@ export default {
       checkLoading.value = false;
       checkResult.value = {};
       selectCardInfo.value = cloneDeep(item);
+      selectedImageInfo.value = cloneDeep(item.files?.[0] ?? {});
     };
 
     const onCardClick = async (item) => {
@@ -54,11 +57,16 @@ export default {
       }
     };
 
+    const onImageClick = (item) => {
+      selectedImageInfo.value = cloneDeep(item);
+    };
+
     const getWorkAudits = async () => {
       const { code, data } = await getWorkAuditsBatchDetail({ ids: workIds.value });
       if (code === 200) {
         dataSource.value = data ?? [];
         selectCardInfo.value = cloneDeep(data?.[0] ?? {});
+        selectedImageInfo.value = data?.[0].files?.[0] ?? {};
       }
     };
 
@@ -96,12 +104,7 @@ export default {
         dataSource.value = dataSource.value.filter((v) => v.id != _id);
 
         slsWithCatch('manuscriptCheckIds', workIds.value.join(','));
-        if (dataSource.value.length) {
-          const _target = dataSource.value[0] ?? {};
-          selectCardInfo.value = cloneDeep(_target);
-        } else {
-          selectCardInfo.value = {};
-        }
+        onChangeCard(dataSource.value.length ? dataSource.value[0] : {});
       }
     };
     const onSubmit = async () => {
@@ -142,8 +145,7 @@ export default {
       );
     };
     onMounted(() => {
-      const manuscriptCheckIds = glsWithCatch('manuscriptCheckIds');
-      workIds.value = manuscriptCheckIds.split(',');
+      workIds.value = glsWithCatch('manuscriptCheckIds')?.split(',') ?? [];
       getWorkAudits();
     });
     onUnmounted(() => {
@@ -171,6 +173,8 @@ export default {
                 onFilesChange={onFilesChange}
                 onAgainCheck={onAgainCheck}
                 checkLoading={checkLoading.value}
+                selectedImageInfo={selectedImageInfo.value}
+                onImageClick={onImageClick}
               />
             </section>
           </div>

From 91f5888fa72fdc30883818c0470eb000a1ac98fd Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 6 Aug 2025 18:15:54 +0800
Subject: [PATCH 37/64] =?UTF-8?q?perf:=20=E6=A0=87=E9=A2=98=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../creative-generation-workshop/manuscript/check/index.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index ad3fae9..95b114e 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -160,7 +160,7 @@ export default {
               内容稿件审核
             </span>
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
-            <span class="cts bold !color-#1D2129">批量审核内容稿件</span>
+            <span class="cts bold !color-#1D2129">{`${workIds.value.length > 0 ? '批量' : ''}审核内容稿件`}</span>
           </div>
           <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
             <HeaderCard dataSource={dataSource.value} selectCardInfo={selectCardInfo.value} onCardClick={onCardClick} />

From a164ec9fecbf7e10a7905f1ea239a7149176ffb7 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 7 Aug 2025 10:49:17 +0800
Subject: [PATCH 38/64] =?UTF-8?q?feat:=20=E5=AE=A1=E6=A0=B8=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=8A=BD=E5=B1=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/check-list-drawer/index.vue    |  78 ++++++++++
 .../components/check-list-drawer/style.scss   |  31 ++++
 .../check/components/content-card/index.vue   | 143 +++++++++---------
 .../check/components/header-card/index.vue    |   1 +
 .../manuscript/check/index.vue                |  41 ++---
 .../manuscript/check/style.scss               |  17 ++-
 6 files changed, 224 insertions(+), 87 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss

diff --git a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue
new file mode 100644
index 0000000..42a9cc0
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue
@@ -0,0 +1,78 @@
+<script lang="jsx">
+import { Drawer, Image } from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+
+import icon1 from '@/assets/img/error-img.png';
+
+export default {
+  setup(props, { emit, expose }) {
+    const visible = ref(false);
+    const dataSource = ref([]);
+    const selectCardInfo = ref({});
+
+    const open = (data, _selectCardInfo) => {
+      dataSource.value = data;
+      selectCardInfo.value = _selectCardInfo;
+      visible.value = true;
+    };
+    const onClose = () => {
+      dataSource.value = [];
+      selectCardInfo.value = {};
+      visible.value = false;
+    };
+    expose({
+      open,
+    });
+
+    return () => (
+      <Drawer
+        title="审核列表"
+        visible={visible.value}
+        width={420}
+        class="check-list-drawer-xt"
+        footer={false}
+        header={false}
+      >
+        <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>
+          </div>
+          <icon-menu-unfold size={16} class="color-##55585F cursor-pointer" onClick={onClose} />
+        </div>
+        <div class="flex-1 overflow-y-auto px-24px">
+          {dataSource.value.map((item) => (
+            <div
+              class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${
+                selectCardInfo.value.id === item.id ? 'active' : ''
+              }`}
+              key={item.id}
+            >
+              <Image
+                width={48}
+                height={48}
+                preview={false}
+                src={item.cover}
+                class="!rounded-4px mr-8px"
+                fit="cover"
+                v-slots={{
+                  error: () => <img src={icon1} class="w-full h-full" />,
+                }}
+              />
+              <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>
+              </div>
+            </div>
+          ))}
+        </div>
+      </Drawer>
+    );
+  },
+};
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss
new file mode 100644
index 0000000..943ca06
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss
@@ -0,0 +1,31 @@
+.check-list-drawer-xt {
+  .arco-drawer-body {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding: 0 0 24px;
+    .cts {
+      color: var(--Text-1, #939499);
+
+      font-family: $font-family-regular;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+      &.bold {
+        color: var(--Text-1, #211f24);
+        font-family: $font-family-medium;
+      }
+    }
+    .card-item {
+      border: 1px solid transparent;
+      &:not(:last-child) {
+        margin-bottom: 12px;
+      }
+      &.active {
+        border-color: #6d4cfe;
+        background-color: #f0edff;
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index ae43424..cc047d7 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -43,22 +43,19 @@ export default {
       type: Object,
       default: {},
     },
-    checkLoading: {
-      type: Boolean,
-      default: false,
-    },
   },
-  emits: ['update:modelValue', 'filesChange', 'againCheck', 'imageClick'],
+  emits: ['update:modelValue', 'filesChange', 'selectImage'],
   setup(props, { emit, expose }) {
     const activeTab = ref(enumTab.TEXT);
     const aiCheckLoading = ref(false);
     const formRef = ref(null);
     const uploadRef = ref(null);
     const modules = [Navigation];
+    const checkLoading = ref(false);
 
     const isTextTab = computed(() => activeTab.value === enumTab.TEXT);
 
-    const onAiCheck = () => {
+    const onAiReplace = () => {
       if (aiCheckLoading.value) return;
 
       aiCheckLoading.value = true;
@@ -66,16 +63,16 @@ export default {
         aiCheckLoading.value = false;
       }, 2000);
     };
-    const onAgainCheck = () => {
-      if (isTextTab.value) {
-        emit('againCheck');
-      } else {
-        if (!props.modelValue.files?.length) {
-          AMessage.warning('请先上传需审核图片');
-          return;
-        }
-        emit('againCheck');
+
+    const onCheck = () => {
+      if (!isTextTab.value && !props.modelValue.files?.length) {
+        AMessage.warning('请先上传需审核图片');
+        return;
       }
+      checkLoading.value = true;
+      setTimeout(() => {
+        checkLoading.value = false;
+      }, 2000);
     };
     const onReplaceImage = () => {
       uploadRef.value?.upload?.();
@@ -94,26 +91,28 @@ export default {
         });
       });
     };
-    const resetForm = () => {
+    const reset = () => {
       formRef.value?.resetFields?.();
       formRef.value?.clearValidate?.();
+      aiCheckLoading.value = false;
+      checkLoading.value = false;
     };
     const getFileExtension = (filename) => {
       const match = filename.match(/\.([^.]+)$/);
       return match ? match[1].toLowerCase() : '';
     };
     const handleSelectImage = (item) => {
-      emit('imageClick', item);
+      emit('selectImage', item);
     };
 
-    const renderUpload = (UploadBtn) => {
+    const renderUpload = (UploadBtn, action = 'upload') => {
       return (
         <Upload
           ref={uploadRef}
           action="/"
           draggable
           class="w-fit"
-          custom-request={uploadImage}
+          custom-request={(option) => uploadImage(option, action)}
           accept=".jpg,.jpeg,.png,.gif,.webp"
           show-file-list={false}
           multiple
@@ -125,16 +124,11 @@ export default {
       );
     };
 
-    const uploadImage = async (option) => {
+    const uploadImage = async (option, action = 'upload') => {
       const {
         fileItem: { file },
       } = option;
 
-      // 验证文件数量
-      if (formData.value.files?.length >= 18) {
-        AMessage.error('最多只能上传18张图片！');
-        return;
-      }
       const { name, size, type } = file;
       const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
       const { file_name, upload_url, file_url } = response?.data;
@@ -144,25 +138,34 @@ export default {
         headers: { 'Content-Type': type },
       });
 
-      const _files = [
-        ...props.modelValue.files,
-        {
-          url: file_url,
-          name: file_name,
-          size,
-        },
-      ];
-      emits('filesChange', _files);
+      const _file = {
+        url: file_url,
+        name: file_name,
+        size,
+      };
+
+      const _newFiles =
+        action === 'replaceImage'
+          ? props.modelValue.files.map((item) => {
+              if (item.url === props.selectedImageInfo.url) {
+                return _file;
+              }
+              return item;
+            })
+          : [...props.modelValue.files, _file];
+
+      emit('filesChange', _newFiles);
+      emit('selectImage', _file);
     };
 
     const renderFooterRow = () => {
       return (
         <>
-          <Button class="mr-12px" size="medium" onClick={onAgainCheck}>
+          <Button class="mr-12px" size="medium" onClick={onCheck}>
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px" onClick={onAiCheck}>
+            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace}>
               {aiCheckLoading.value ? (
                 <>
                   <IconLoading size={14} />
@@ -181,6 +184,7 @@ export default {
                 <Button size="medium" type="outline">
                   图片替换
                 </Button>,
+                'replaceImage',
               )}
             </div>
           )}
@@ -197,7 +201,7 @@ export default {
               size="large"
               maxLength={30}
               show-word-limit
-              disabled={props.checkLoading}
+              disabled={checkLoading.value}
             />
           </FormItem>
           <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
@@ -208,7 +212,7 @@ export default {
               show-word-limit
               maxLength={1000}
               show-word-limit
-              disabled={props.checkLoading}
+              disabled={checkLoading.value}
             />
           </FormItem>
         </Form>
@@ -223,6 +227,7 @@ export default {
                 src={props.selectedImageInfo.url}
                 width={370}
                 height={370}
+                preview={false}
                 class="flex items-center justify-center mb-16px"
                 fit="contain"
                 v-slots={{
@@ -297,42 +302,42 @@ export default {
     };
 
     const renderRightBox = () => {
-      if (isEmpty(props.checkResult)) {
-        return (
-          <div class="right-box flex-1 h-372px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
-            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
-            <div class="flex items-center mb-16px">
-              {RESULT_LIST.map((item, index) => (
-                <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
-                  <span class={`s1 ${item.class}`}>30</span>
-                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
-                </div>
-              ))}
-            </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>
-                <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">
-                <img src={icon3} width={72} height={72} class="mb-12px" />
-                <span class="cts !color-#25C883">
-                  {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'}
-                </span>
-              </div>
-            </div>
-          </div>
-        );
-      }
-
-      if (props.checkLoading) {
+      if (checkLoading.value) {
         return (
           <div class="right-box flex-1 h-210px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
-            <Spin loading={true} tip="文本检测中" size={72} class="" />
+            <Spin loading={true} tip={`${isTextTab.value ? '文本' : '图片'}检测中`} size={72} class="" />
           </div>
         );
       } else {
+        if (isEmpty(props.checkResult)) {
+          return (
+            <div class="right-box flex-1 h-372px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+              <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+              <div class="flex items-center mb-16px">
+                {RESULT_LIST.map((item, index) => (
+                  <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
+                    <span class={`s1 ${item.class}`}>30</span>
+                    <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                  </div>
+                ))}
+              </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>
+                  <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">
+                  <img src={icon3} width={72} height={72} class="mb-12px" />
+                  <span class="cts !color-#25C883">
+                    {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'}
+                  </span>
+                </div>
+              </div>
+            </div>
+          );
+        }
+
         return (
           <div class="right-box flex-1 rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
@@ -377,7 +382,7 @@ export default {
 
     expose({
       validate,
-      resetForm,
+      reset,
     });
 
     const descs = [
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
index 4e7765c..a00b885 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
@@ -59,6 +59,7 @@ export default {
                     <Image
                       width={48}
                       height={48}
+                      preview={false}
                       src={item.cover}
                       class="!rounded-4px mr-8px"
                       fit="cover"
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index 95b114e..66cac56 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -4,6 +4,7 @@ import CancelCheckModal from './cancel-check-modal.vue';
 import CheckSuccessModal from './check-success-modal.vue';
 import HeaderCard from './components/header-card';
 import ContentCard from './components/content-card';
+import CheckListDrawer from './components/check-list-drawer';
 
 import { slsWithCatch, rlsWithCatch, glsWithCatch } from '@/utils/stroage.ts';
 import {
@@ -28,7 +29,7 @@ export default {
     const checkSuccessModalRef = ref(null);
     const submitLoading = ref(false);
     const contentCardRef = ref(null);
-    const checkLoading = ref(false);
+    const checkListDrawerRef = ref(null);
     const checkResult = ref({});
 
     const selectCardInfo = ref({});
@@ -39,10 +40,9 @@ export default {
     };
 
     const onChangeCard = (item) => {
-      contentCardRef.value.resetForm();
+      contentCardRef.value.reset();
       isSaved.value = false;
       submitLoading.value = false;
-      checkLoading.value = false;
       checkResult.value = {};
       selectCardInfo.value = cloneDeep(item);
       selectedImageInfo.value = cloneDeep(item.files?.[0] ?? {});
@@ -57,7 +57,7 @@ export default {
       }
     };
 
-    const onImageClick = (item) => {
+    const onSelectImage = (item) => {
       selectedImageInfo.value = cloneDeep(item);
     };
 
@@ -65,6 +65,7 @@ export default {
       const { code, data } = await getWorkAuditsBatchDetail({ ids: workIds.value });
       if (code === 200) {
         dataSource.value = data ?? [];
+        remoteDataSource.value = cloneDeep(data ?? []);
         selectCardInfo.value = cloneDeep(data?.[0] ?? {});
         selectedImageInfo.value = data?.[0].files?.[0] ?? {};
       }
@@ -72,9 +73,8 @@ export default {
 
     const isSelectCardModified = () => {
       return new Promise((resolve) => {
-        const _a = dataSource.value.find((item) => item.id === selectCardInfo.value);
-        const _b = remoteDataSource.value.find((item) => item.id === selectCardInfo.value);
-        resolve(!isEqual(_a, _b) && !isSaved.value);
+        const _item = remoteDataSource.value.find((item) => item.id === selectCardInfo.value.id);
+        resolve(!isEqual(selectCardInfo.value, _item) && !isSaved.value);
       });
     };
 
@@ -87,6 +87,10 @@ export default {
       }
     };
     const onSave = async () => {
+      if (!selectCardInfo.value.title) {
+        AMessage.warning('标题不能为空');
+      }
+
       contentCardRef.value?.validate().then(async () => {
         const { code, data } = await putWorkAuditsUpdate(selectCardInfo.value);
         if (code === 200) {
@@ -123,12 +127,6 @@ export default {
     const onFilesChange = (files) => {
       selectCardInfo.value.files = cloneDeep(files);
     };
-    const onAgainCheck = () => {
-      checkLoading.value = true;
-      setTimeout(() => {
-        checkLoading.value = false;
-      }, 2000);
-    };
     const renderFooterRow = () => {
       return (
         <>
@@ -155,13 +153,23 @@ export default {
     return () => (
       <>
         <div class="manuscript-check-wrap flex flex-col">
-          <div class="flex items-center mb-8px">
+          <div class="flex items-center mb-10px">
             <span class="cts color-#4E5969 cursor-pointer" onClick={onExit}>
               内容稿件审核
             </span>
             <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
             <span class="cts bold !color-#1D2129">{`${workIds.value.length > 0 ? '批量' : ''}审核内容稿件`}</span>
           </div>
+          {dataSource.value.length > 1 && (
+            <div
+              class="check-list-icon"
+              onClick={() => checkListDrawerRef.value.open(dataSource.value, selectCardInfo.value)}
+            >
+              <icon-menu-fold size={16} class="color-#55585F mr-4px" />
+              <span class="cts !color-#211F24">审核列表</span>
+            </div>
+          )}
+
           <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
             <HeaderCard dataSource={dataSource.value} selectCardInfo={selectCardInfo.value} onCardClick={onCardClick} />
             <section class="flex-1 overflow-hidden">
@@ -171,10 +179,8 @@ export default {
                 selectCardInfo={selectCardInfo.value}
                 checkResult={checkResult.value}
                 onFilesChange={onFilesChange}
-                onAgainCheck={onAgainCheck}
-                checkLoading={checkLoading.value}
                 selectedImageInfo={selectedImageInfo.value}
-                onImageClick={onImageClick}
+                onSelectImage={onSelectImage}
               />
             </section>
           </div>
@@ -185,6 +191,7 @@ export default {
 
         <CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
         <CheckSuccessModal ref={checkSuccessModalRef} />
+        <CheckListDrawer ref={checkListDrawerRef} />
       </>
     );
   },
diff --git a/src/views/creative-generation-workshop/manuscript/check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss
index e4727a2..2a6deb1 100644
--- a/src/views/creative-generation-workshop/manuscript/check/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/style.scss
@@ -13,6 +13,21 @@ $footer-height: 68px;
       font-family: $font-family-medium;
     }
   }
+  .check-list-icon {
+    // width: 92px;
+    cursor: pointer;
+    height: 36px;
+    display: flex;
+    padding: 8px 12px;
+    justify-content: center;
+    align-items: center;
+    border-radius: 30px 0 0 30px;
+    border: 1px solid var(--Border-1, #d7d7d9);
+    background: #fff;
+    position: absolute;
+    right: 0;
+    top: calc($navbar-height + 8px);
+  }
 }
 .footer-row {
   position: fixed;
@@ -21,4 +36,4 @@ $footer-height: 68px;
   width: calc(100% - $sidebar-width);
   border-top: 1px solid #e6e6e8;
   height: $footer-height;
-}
\ No newline at end of file
+}

From c10f2c91bdadf8a222dcd68ac11ae1b9be4afc83 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 7 Aug 2025 11:47:02 +0800
Subject: [PATCH 39/64] =?UTF-8?q?feat:=20=E8=BD=AE=E6=92=AD=E5=9B=BE?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../check/components/content-card/index.vue   | 37 +++++++++++++------
 .../check/components/content-card/style.scss  | 28 ++++++++++----
 2 files changed, 46 insertions(+), 19 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index cc047d7..65111b7 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -104,6 +104,18 @@ export default {
     const handleSelectImage = (item) => {
       emit('selectImage', item);
     };
+    const onDeleteImage = (e, item, index) => {
+      e.stopPropagation();
+
+      const _newFiles = cloneDeep(props.modelValue.files);
+      _newFiles.splice(index, 1);
+
+      if (item.id === props.selectedImageInfo.id) {
+        emit('selectImage', _newFiles.length ? _newFiles[0] : {});
+      }
+
+      emit('filesChange', _newFiles);
+    };
 
     const renderUpload = (UploadBtn, action = 'upload') => {
       return (
@@ -228,14 +240,14 @@ export default {
                 width={370}
                 height={370}
                 preview={false}
-                class="flex items-center justify-center mb-16px"
+                class="flex items-center justify-center mb-8px"
                 fit="contain"
                 v-slots={{
                   error: () => <img src={icon4} class="w-full h-full" />,
                 }}
               />
 
-              <div class="swiper-wrap h-60px">
+              <div class="swiper-wrap h-78px">
                 <Swiper
                   spaceBetween={16}
                   modules={modules}
@@ -245,31 +257,32 @@ export default {
                     prevEl: '.swiper-button-prev',
                   }}
                 >
-                  {props.modelValue.files.map((item) => (
+                  {props.modelValue.files.map((item, index) => (
                     <SwiperSlide
                       key={item.id}
                       onClick={() => handleSelectImage(item)}
-                      class={`swiper-item !h-48px !w-48px bg-#F7F8FA cursor-pointer rounded-4px overflow-hidden !flex items-center ${
+                      class={`!h-48px !w-48px !relative bg-#F7F8FA cursor-pointer  !flex items-center ${
                         item.id === props.selectedImageInfo.id ? 'active' : ''
                       }`}
                     >
-                      <div class="group relative">
+                      <div class="group relative w-full h-full rounded-5px">
                         <Image
-                          width={48}
-                          height={48}
+                          width={'100%'}
+                          height={'100%'}
                           src={item.url}
                           class="!rounded-4px"
-                          fit="cover"
+                          fit="contain"
                           preview={false}
                           v-slots={{
                             error: () => <img src={icon4} class="w-full h-full" />,
                           }}
                         />
-                        <icon-close-circle-fill
-                          size={16}
-                          class="absolute top--8px right--8px hidden cursor-pointer color-#939499  group-hover:block z-50"
-                        />
                       </div>
+                      <icon-close-circle-fill
+                        size={16}
+                        class="close-icon absolute top--8px right--8px hidden cursor-pointer color-#737478 hover:!color-#211F24 z-50"
+                        onClick={(e) => onDeleteImage(e, item, index)}
+                      />
                     </SwiperSlide>
                   ))}
                   <div class="swiper-box swiper-button-prev">
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
index c79a193..507d4b7 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
@@ -75,15 +75,29 @@
       }
     }
     .swiper-wrap {
-      .swiper-item {
-        transition: all;
-        &.active {
-          width: 60px;
-          height: 60px;
-          border: 2px solid var(--Brand-6, #6d4cfe);
-          background: url(<path-to-image>) lightgray 50% / cover no-repeat;
+      :deep(.swiper) {
+        height: 100%;
+        .swiper-wrapper {
+          align-items: center;
+          .swiper-slide {
+            transition: all;
+            &.active {
+              width: 60px !important;
+              height: 60px !important;
+              .group {
+                border: 2px solid var(--Brand-6, #6d4cfe);
+                background: url(<path-to-image>) lightgray 50% / cover no-repeat;
+              }
+            }
+            &:hover {
+              .close-icon {
+                display: block;
+              }
+            }
+          }
         }
       }
+
       .swiper-box {
         position: absolute;
         margin-top: 0 !important;

From de55e00196b369d5b6525e6a7fe133b245538326 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 7 Aug 2025 11:48:19 +0800
Subject: [PATCH 40/64] =?UTF-8?q?style:=20=E6=96=87=E6=A1=88=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manuscript-check-table/delete-manuscript-modal.vue        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
index 98016d4..39f8fd3 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -1,13 +1,13 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    title="删除稿件"
+    title="删除内容稿件"
     width="480px"
     @close="onClose"
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除 {{ projectName }} 这个稿件吗？</span>  
+      <span>确认删除 {{ projectName }} 这个内容稿件吗？</span>  
     </div>
     <template #footer>
       <a-button size="medium" @click="onClose">取消</a-button>

From d07f773123b1a0b7fe2814a699dbb22e8525021c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 7 Aug 2025 18:05:27 +0800
Subject: [PATCH 41/64] =?UTF-8?q?feat:=20=E5=AE=A2=E6=88=B7=E5=88=86?=
 =?UTF-8?q?=E4=BA=AB=E9=93=BE=E6=8E=A5=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |   2 +-
 src/api/all/generationWorkshop.ts             |  43 ++++
 .../icon-confirm.png                          | Bin 0 -> 14796 bytes
 src/router/app-menus/index.ts                 |  20 --
 src/router/index.ts                           |  24 +-
 src/router/routes/base.ts                     |  35 ---
 .../modules/creativeGenerationWorkshop.ts     |  22 ++
 src/utils/tools.ts                            |  61 +++--
 .../explore/detail/index.vue                  | 213 ++++++++++++++++++
 .../explore/detail/style.scss                 | 151 +++++++++++++
 .../explore/list/index.vue                    | 102 +++++++++
 .../explore/list/style.scss                   |  59 +++++
 .../components/check-list-drawer/index.vue    |   2 +-
 .../check/components/content-card/index.vue   |  11 +-
 .../check/components/header-card/index.vue    |  13 +-
 .../manuscript/check/index.vue                |  25 +-
 .../share-manuscript-modal/share-modal.vue    |  10 +-
 17 files changed, 678 insertions(+), 115 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-confirm.png
 delete mode 100644 src/router/app-menus/index.ts
 delete mode 100644 src/router/routes/base.ts
 create mode 100644 src/views/creative-generation-workshop/explore/detail/index.vue
 create mode 100644 src/views/creative-generation-workshop/explore/detail/style.scss
 create mode 100644 src/views/creative-generation-workshop/explore/list/index.vue
 create mode 100644 src/views/creative-generation-workshop/explore/list/style.scss

diff --git a/src/App.vue b/src/App.vue
index 21ab695..1ce3d3e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <a-config-provider :locale="zhCN" size="small" :theme="redTheme">
-    <router-view v-if="$route.path === '/login'" />
+    <router-view v-if="$route.path === '/login' || ['ExploreList', 'ExploreDetail'].includes($route.name)" />
     <LayoutBasic v-else />
   </a-config-provider>
 </template>
diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index d55ecd9..e614a6f 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -77,3 +77,46 @@ export const putWorkAuditsAuditPass = (params = {}) => {
   const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/work-audits/${auditId}/audit-pass`, rest);
 };
+
+// 内容稿件-列表(客户)
+export const getShareWorksList = (shareCode: string) => {
+  return Http.get(
+    '/v1/share/works/list',
+    {},
+    {
+      headers: { 'share-code': shareCode },
+    },
+  );
+};
+
+// 内容稿件-详情(客户)
+export const getShareWorksDetail = (id: string, shareCode: string) => {
+  return Http.get(
+    `/v1/share/works/${id}`,
+    {},
+    {
+      headers: { 'share-code': shareCode },
+    },
+  );
+};
+
+// 内容稿件-确认(客户)
+export const patchShareWorksConfirm = (id: string, params = {}, shareCode: string) => {
+  return Http.patch(`/v1/share/works/${id}/confirm`, params, {
+    headers: { 'share-code': shareCode },
+  });
+};
+
+// 内容稿件-评论(客户)
+export const postShareWorksComments = (id: string, params = {}, shareCode: string) => {
+  return Http.post(`/v1/share/works/${id}/comments`, params, {
+    headers: { 'share-code': shareCode },
+  });
+};
+
+// 内容稿件-删除评论(客户)
+export const deleteShareWorksComments = (id: string, commentId: string, shareCode: string) => {
+  return Http.delete(`/v1/share/works/${id}/comments/${commentId}`, {
+    headers: { 'share-code': shareCode },
+  });
+};
diff --git a/src/assets/img/creative-generation-workshop/icon-confirm.png b/src/assets/img/creative-generation-workshop/icon-confirm.png
new file mode 100644
index 0000000000000000000000000000000000000000..9adbf1955f5799050d8343143491a52f25013451
GIT binary patch
literal 14796
zcmV;-IWxwIP)<h;3K|Lk000e1NJLTq006oG006lN1^@s6pPD6K00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsHIblgeK~#7F?S0L5
z8^_UhRSzgBc^5{mK=4VV_?#?6ZDQG32)+VQS0L&NL@vJ*$)qg#yi18!VDbt?U4fxR
zVmTXAi<}cn_Azt?ffsKgl9=wVp6+R2X3zr+fWZ$zK0Y$Z!9S*^y85ZAr<g7<6+Zdy
ze;ZMx>nCx%u8gYd8eJt#bt2OsraBw0<9>z=e%1?~ro+UY<bG{;h}&$;dwG1vM5e7Y
zbv|5)kJ>kPJ9L4u!E}LAX#B8SzjP8cIp&5|bc5Kei&ZwL*m!3J82S+@K2lwJ&uotV
z_1U8qU0^6K3_SoC^_36Nx-q<Nl({Wm)4G9&UT(Bt{IUwXI=K|LE<Ar07lxkTlkc81
z#Z%ulhMMwclPZLSC2b>yDB;H&!=`SSc4+o!v7uK=eqMO|b8hG`?wI+WM8+F5(-4GP
zMm%lzO8k87INFs14}y0ybl~pJvWie!4m9PD{nN|c?X~}`H8kr+jksYH-!`N-s5Drf
zi&~K}2j|u3&z+$oEV=yO+NM$TV9apDhXSb!f?M|g*htDZsbS2QyZcu@P~Di?1`JXg
zz4wzC7hV^}N|Amh4{2I2FZUN?ZuOpxxN#yE1Hum6KNNmk`^VSo@<MW<m|x}ocT%6B
zL!~ZO+2pd>SGp!f|Nq)_PH=7vJ=sh?kkDj{MjJ#&?zdN?ct7UaH}I^Nl)CwUYo~1(
zD@S@qLXk#fYImnK7JC7FP#a`d7J<as@BaL7+uwfu`zO|Oud!<5_0z`xd$~;+yE-&U
z-d_}-c4CqhgXv!Svm`$UKC_(sLwWq(dGPWpZRpqj_Vqf~^c^z1Iof+$4||^#J)^F=
z|L!k;J;G7H0%&FKi1EJ?@4WlRzdzmTg7TAiUXC69lo$%`>z~bg<tra9*FRi2?hM-;
zUi<E=O?dNIk$ufb)4KQUe|Y_Li^=R@)i4NWj6Qhx*_ZqN^O1_zDN;91*Se3B6=Rc(
zIbw#lrzE`LeNdIe>P9%^VLb0+|GcY+l{EA*y*JqqL^g?*E@V0B%=h2@*%|scfQN;V
z%C~yM#OkrG=>`k`t&+{{Te(PROn76~iaT+RO~L2<pVPI*KLhXelkavL@a|&pw^J8+
zD~Z<|F8<HMUF<)tpod>6Loa3EOh=mNvC=kyL#J2t;jox^nPH6?p_N>u!mtRl!yRl~
z{pWCDQS>}#>^5W(gMNtwm)+R1+-4*%&`0a^a(s7{D9V*E^f5emCmjN?c*(b)K02fo
zfRFVf(n2Thw$r!$LD(f`dO`i~MhuvbtXG!{e@No1B^SU!L~E_HzHvR%hCWG%BA)EA
zY%<$1N3zMJH?pC8eqPuIy8@`_g&6j_ryRxDH%mP9=-sVHH|Y%HOd9&62JT}|c)0F4
zt{b`j`pF9kb5M_iaHVAaKxj!aM+kY&;->Y?8M<XCSnU+BC@|auunuw}+mWR3V>U;t
zxVf4J*x(wa>-b)J%ndX6{jy0jNj}x?pQV-X%ow`cc-e5H8MxW<-pD-S572?2|9)PP
z_`6D2N1^y?jIfR91`<bIjyJ?xKTGbC>|;jLv5|?sI4j0}CJbGYCOgGp3h$E=Pp*w5
z{NT~G{HIzMUc4A^8rZP*S4V2GHZL`kczQa5gXl3jC>)mj0SD`IB+gfK7{$@vvK#zT
z8+vy0lz?4Q#U7L2L94OmSI58U?q5{wO$PA)Y`7s_{SH``d<<^Go0|Rx-?^hE=~wyg
zugXoS7~ecUy{sQE>p56jL;vIJCl7@0-lg6b=~#kyw;tZdW-^Jt5ohkw1u8+W9D%sW
zuCPq(-epYT{Uwh7Cb_GP(Yw@bC^^;-bCx%pSxQ4sjQn}(P)EMlo2RO~E?LGM74w0P
z%)LlYUu$xKLBQanlc-sPmzRyb?`-l8#+Di@x`R>)iV)jpv#b*4>`H#(F)b06%Fu17
z64f3^yuFpVAyzki?Fk@X_->7A`xi!DJ<u8mPi<pzrn(OiPcOw^pej=cfnUgXIoaE7
z;%Rg6nauNdx4zt_CBf1dI*eR%?c2fKKDRF^z8j-5FH#R=&-v<tO_?2Rh$5j2%7<Nv
zK(Cy+CC0xehW!kGGpWOoHSuzREX%696o!8N`=|FL5rI%8n1)6?NOUZ}UZx8#K6~Wr
zer!3gCX^DJ$aEiTiZ(S2AC;bIq9BOnh}#!#=m~YW8@|<jN&c@3BVQ~$E%_&5VNQgF
zfx>|p(4GccGqn8>G$h}hq$0E`EY#4iy?*-5h+2!5{98vd=q$4<-b32fJ%j-|Iy(LB
zX}k6zTE85r4jL-ZjD1!bAUr#R(qUT#%IdaIll6Z6dk`Jr>F+Np>|BVU+b`-kLN#4;
z)P2RsA1}L+_bUhcRelL`BpF9SwPceu-IsW`DL369rM9D3*JG_ZNX7elb!9K?S{u)C
z7RrXNy?*lil2ZF#(<W9hD1*dOU1{D9wJQp3x%u|fhX*ug%-ztfQJh5IW@9^W<mM%z
zY1o#H@{ufuzpgDwWue_Dn`m8e?I_l|PHS{Kiceo+8ArDfPAH+^2_8-Hb776}*_z42
zQ@xz_a|)v&8#yz$ku${Gip*_8mhE^?5&xTF{RTDj@ctZ0h!7)nKUj*p2qa}0Tkmc?
z+Okb2wxl3FaHImEknSKU4?d9ddfT7#MHu^B4LxY&Fl^=)C`Dx5kmX!tA(r=~h(rJH
zx2{JMeVfLxWDWHzEYsq+-o(rw3CG-kkdbS8pbeTGBt&4#OFJ*A?ed?d?|l4B3jp|a
z{IuoIq?!~(M<&)AV&v#&t@~CzaRLwgxt9xi`^Q^fKBqZhZiZfD<VMrB%dY7|+1&i<
zdnIW>0KH~oPa`LVv}~RfHeAiVq@2yrl9ilGJaqrj+;Rm``aSAy&;yDX)+CQ%2~{Gc
z>}SKufUrgK0d4;~TiT8rwzqSz>nDU(@0D4}@A}Om8%cc6EY347e)%5ToXLq~zpr^F
zmgZ*Y*S>%9Lyn5-$cfzcS2@cS|Ms(;U0M*lC%^WOubz>Haof#RlL|^#*`72Bv5bBr
zf3|8#Y)uuTmyL8<E=?L)O3V9744%!};WC7MJzhSmOwhx;jD0SKKAb|dZ=-d3xjVNW
zMZ3D3t~F$Nt)l@08%c<Hp8O_mT{>A4CP*I`FC*dKp-Ygwmk^@O93778?4K1-V5QhV
zRqRf<!I@k*sLh`5houF<eb2QWR5vEs)^s~x5A!hgnH#!O!=i5sZblvX-Fe01PJTkt
z*c9zX6z^(PyKS^)gesAtdlF(uy4yIzaD9|uefH$XQkMPtniM2+@(s{{B-%b+v{!d>
z9rVEELyjq&{hqzC&(zTEPCQ8&hi(VU@YAh_bK8(y`^VQ0D2{)%F?d(Cg~fOQnP$Yr
zS;Z?p)NEeHXH2X!?d=(o7TRpT{e1D|64$?bvTK;{d1Du*<_8**1)s&mIWt2~sHa~7
zFNx0b_p<H2fhxowKcB6k``8<021<8@(W&jQiQf}P_p%ZY+}1*ebr-xDURAg~8rNa$
zmZFXH4+VGaNS@(~s<WswG4!GWEhK*=PB=7?X`*#&*2y3z^MLfUs#|IhaJ`X~w2R56
zQ?-P%e>KmQ<vhZ3?qH)7)%IgLZKmqmbKth@*=|<paB5UB;6dXPbOjBBD?-`HCaI?H
zup~Vc#~;s{_hqMNxPc&vB-JiU`6l%{Vz5kZU)0ac2g$kKat2S|oL<&<B?;CDx9FM1
z+Ofj%%F28z_2|W=wr<mzRJ%c(^X4oK%*nAS@fhk}A~gqEGs#f8<i(;HiSrCEH-g`z
z<7ihE$Y_hrd{Gq%P^qD#_JKlg+L-%xz7NKsh$o$uE{IP<lQ1cyYLbDrymQmvu8H>I
z%kl0k3>+IlB!ezii18pc;~BZ;;H|Q6VzXUEAy{RhOH#xXN(yu!uOL>p{_fVJyEH?r
z>G<eWMHG=*m)F}QaulJ@!2Uc#iV$o^%<%*9R`=npAh3j$<n4?<^H~R`auiPhF%1cK
zUkF=vbK1>mC58@hdaZTQW=@hX+(bf%W(4O=bzNe=9ZB7{#ju+`)oeGsw`O1cC~Q1v
zNyMDrt{q1m<HDqUy1-CCXC5nUQTSq^%?sK4O|?0##-kfuw0lOzb9dIUu=S?o%L~k=
zu`ewf->$m<(_a=+>~A-`sNSOs48^<89&O_1_191D6pJQJzd2PjC2Va-s)hv~)X(C<
zgtS>2IX0cPvJjKw`Z^<c<$d%jz8hiWY2p4!f#<N_L4Yb#if+>dN<nfM_lMtuw|tf4
zB$&$3ZNZM_t>ld$!`NojU|<d>+09?;_sM9ISpdC@#%5l7ljQ2ysYCmv%%*Vdxc0*z
zUw^e#bo-w$FKE<rV9JD6p4G_!^*yNbp$m*e!mhN2-G>W#_tBUtbV<ZM{huw_RIK-k
z>&3I<mNi|gEObEKOc&1`sT-GwUY%%-h6m@BlR~DSKKrs&_W3|LY2s(sUVn8pTib2x
zb9PR&T}nS5_8iHoVf$LIefMPFRp}-5*JO?T%m6Fohbz=s6zysgiaf0A%rqd!F$uFZ
zv7y78XJaa}Ax7>yX^?Gf8AbJfeOeveW{n&*+p+%L33IO!&JLZ@6C{6_k6dDlx30Z@
zica@E%qof#s!Kwzv5JhuruP}l(;1rw<Yl;HLtAUdW}hld)Qkgo_3Ph%9qPXF7oMF5
zMH66RL(h40`zHD~ntILD+Ep648#}0XP}^)Qo6(m+dwc8QM2wDnq3=_FVf6X4^zBGh
z(-^QP>h;%$Z$JC%SdUv2dOGvRv}OA3ep~WgA1tb4-*oA*j_7@cg)wFug?N|;HR)<I
zQH*Zu%ZJDcYvD$#Oq^i3!e~M2B^46o00`uy<S@pCQ{OGb(IlVY?XAC_Dc(G&Qmpke
zS`ZKl){rP7TOLgy7K|ht5du$>B^}$)5yxSiVevh<{qwCyTT~GcB1s}<Cn@brqce>P
z6cSv9hj6#D2cQ)PydxWLP#H9*VK}CNE#ENa$l8!qPS%~DK7aUp(vZbtY(qzxYuKA}
z+i2dN#>3{3D7ZdLJh=BdsGE5#S=Qf8^5L;uW3)*kVmgdoe1OtkT5(_`B=`DY`vAjH
z1^qfMQ2Yh?58G6t<Gbi1M%e1x9I?971Q^TE(HUPXIAmVp%Bw15!3R~$A0>bG4cgF4
zU)novyasP^Nhrm#9s7{UyH<i?JnIN^*rsvmLsZ$yJPs7a`)eQ8HemE<mhbHsG_$Pk
z-%fG?j%Dblk$Dk14%UMz1g_dk$LQT;Fo1Q`jwi3w_L;OvfG-Xw72-PR0ky2laMUGU
z{dU!jy@<m`XtyY@{w~?jXPlXYG%iaTy%_T;%d;+nbYc%3*?jKt$eB0gVH;_cX-hKb
z9*7;M-pXxNL0FVJsR&&tCvXq6P-v8XjEQ3y`a)QUc_A|K{Xj=pJ@M+hv;=@~Q!M`%
zG;!X>p>Ru=>Hgs#PoHsKx11cw@8{l7MQ~*Ws@c~ykr*=OktzL2kjUfx+yA``4aJLs
z>+Kw<B<#$(f1oU`zkZ788k@<Vozu(l$7RFU(xHoRm;+0gZ-rB=+Ef7$L!&;KHRLBu
zyZ<`o{<|3!XC+@$%l*aYdbq%eo9dT0oO-OfV}}Z}fY=~3bb867arO`+4ZT;iG_VQf
zmfsXsnp`mE0HI2M!^r!ymYQ&(ij}CIi)z%eqL6Mhw0`aNR}16TJ#>v*P-yUfV-Hc5
zg&Aq+5c=sCZuKEXai1#2sfyOg#b7OW#5T#!JROZ)zFb&KKSFRGfL9OEjmVhJvOup4
z;7}O~5-G2a97~zUj*QWhR;Om}Vf&~MqzZv6({Q|@$yPo#vAZtYGiZ}o=WH5=lg{IH
zVUS+d#MAw=!c{e}LHAgAybkqZtt|1;OZJu7SB>=OR`fFeAjQ>%DhV)g&ei%MM6!ie
zr9&1pLdV?w0Vl{NguZ{WV|7GU7}&?ikEWdTXD3?!aP9TeUocqVlL|7LU^BvA-Fnb(
z7eP6CV4f^GZPLfec=e%%UPLKst#_#+;7fx?MsJ|*ja(crWQp8Ksly8igYt{jc{J5u
zjLQP>`h({Mf16Fn|H0^Su}_*s1Z3m47rtdO9=j?)f{$bKYxbzw9Ch&(8aj**6^enI
z5Fb_6B8J8VCr#1ksZmBSPS#Va3?t-9ceNcXu#!;S0&&qEY}mIetK2ULJ)NTMc(9(6
z3X9&FZY<CI0hvJj%qJ;FF))ROt~m;6CPIw!Zk6o>Ru`P3JHBB9l;t=vAYxT{%!|S2
z<vX;Z(BmcNtRmL9;l_}HuLNdu5loDIU(898vL9ZJ%Hj?fy6wY!{p3YKJ&5hJ*UXhv
z_F)NzuDBuHdxNzxYQXI#w4jX*Ct_9G*xr5qXiGAgACs+70p&IlN0ZcXC%pO)@YW)}
zV>Z#D)r_ais$IwUo1(`I7<!kYh8a@T2aj7t7Bp$3keITIC9vs^j+d~pH4(QSet}9x
zwC*L((Y6L4|6;NUhLwb?2l*20*B8#{>7ZZ(i7@UxO@M4NEewQ6^A2NRBN+c9pDeR#
zbD=&=0lgTe6sad6F^wXXAHfYqB|Cm`y1}bny?5SH)XN4(4XS(TApuIhlOHGiPMlC{
zp}u_@ElJ7GZI}Zfc8b!Cj8m5P@Vn4^81U#xrCu|2sO5f$A?n&)R(fL^9u<<oFmjiC
zFum{y8Yt5|uNAQruXf&5ar0gt$6{OcHyIL&w~X;Np{g(q(=#sI+@>swHl+iGKCq*A
zB0L><Tdj@}7qw{$pk~Di)@zf#5<BC>=7rBaMG5b!!G$)DHev7;lu(pp*-XRdGiVNY
z`>AbPY^9GG4r}QQ7`je0S$Yq&oOb-NR^5Asq8$v4r6~ZxAt-Cf^173%Ghd3qQmcq6
zq`5T*<MftaF><i^441r`pLb888G79Sy=YQw3-6;~9SH){Rd$CvtwG8Lk-8C91x$T&
zG}(DBrm_{AGxmT!TTBzebJsaEPp`yVrbhzgf#g;E?Yz8u8k)MB`C}PFPtwP|km8c!
zJtH&@cA>URRyLwE1+cNH^#=s_*Eu?m-rO6XZFXROHmkHc&Z%u5glgD#Pj+bn6tORt
z{u?z>!8*j)8_v5w`F2*`J>Mi_Uo{ZEWDH$6@(g$0)foJQ!LIt?_kVw~F>OsaIP>Gn
zdLM(bd>flE0+nT1mkBW3BIAVuL9bN7p`M6nRt6Y23=Aa!e&w99HEw{aHOi3|Fm?%V
z5HA;IQeBp|`fx^v>Ca~VbLK;rOnff!`c<oa!hBD$nabl>X=&44w=+G_dzy3)f&8Zx
zfUDUN<NC+bXD~2yE#(s!-uS`_1k;IVrr!s$#mUIaX71+6FQ@=>!@8fLMQ%klzBh}w
z{NzbCrzuMap@<bib9MUfo}njKKr?+KV}7N<P%D0kQ7AM8P)m$afS7z?{4CEE3R{HM
zdTx!&wHr2Zj7c@{(`TCtjIW1j`)&~mVWkN552RjYvI{DT1`OROm2r&N_`bdM@Z;i8
zriW&-VXda(QU^B0Y%<|X&(N<7q)#!|9$JKSqb6Q=nnZwKM$mUEq0kP-@Fh1@QcAES
zXy*^8h(1c<@KO>RmjcFA2B2%Ni_s*Z(8!f{SO&2Or)#I}!K2{|6QK-f&EekNKfYga
z38M!qH+FbaQ=zirX8Mnwq3c0U({?ol-N(~<U4$zLU9duk+iLrC>?Ni4X+?mQFMkYE
zK*|~)5^|yDiEDowEw!O*x?#pF^cuHYC~<THpRvd&d)}QOEi%gB0cZ3m(6iyq7@-X=
z!a;2sr@ZU`>KVFWzM8%pT9#no)9|p~lgo$26ypc>!-zLGR_Zx?V$UkvXqVC$FdEi6
zv)QxpJeo%$J+jdusXc0iZ?#2VgDG({KGW0Bdz1$<)yj0gDB#=+VM<*b4j6l{0`h_}
z*<o!Ksm*A{BXsnLVxBTUt@-uuzuuAEe!V~D#J)~lk=~<o3EoFL+JMm{ER<J5u<^Vr
zT`skO48+A96t<xpK#V33GgqU;g}S9t_ep1IAs$-B!<WhC`U};`BnCo5*1gp*&AMck
zNJYa0*~=lJBiEJe*ck(DQx}g`QH#zMxaFsD#F4HKOw}gU_VGLo_UMk>K*BH*1zM|3
ziEOqP_(|%2TKUI}(?##z<8<X8FnEZEBBU8nVq9vahbOm6%MxA}sIK)k%hu47D<jjT
zBh1K0Q~{uOO_936PTQRPQX1aetR%o%ZNsznyp&V^%7XPb!{Yfe8%WGh#cF}gV4gfE
zU_ydj^o|A%G*vK9MKPz5DL%`2`LbojxNy)=kDrk?q1MZ+N52v*SXY&ND7#V8^gfw0
z)JV!l+h=uZvkfguYB8eS3!ZhLqLS5Z8XqG!koZoEhyz??VU0|)nO`kpJ6fK%K#8W~
zcs5j-p?kQV0_Wvn^w7nOqcO%-YWL&AmH5c&X=YLPE0#6%Q<eJwSO#LQB!<S60yci5
z)|*ms=8Qa*vi~6@lpj({kYnMgd`zV-lsqQcKxQ8w!|M&apZsdUN$7;QckLwVrSA=y
z$_+gY82yi*KYTt;V~?wwau>NagZn-tDe==9dM)Ng=2ppCqVAk3K#k(IH3Fd(eFL<-
z=$UF<&ZX>aVyz7QWpp;C?G;z`G$jjR!yO(7H>TS_!jOuD|NZ9~P#BO6vCw_~H3tkG
zWgWCYqzleMSyEQqz)x%Fi6Bf5*wl>f7c2*iNYqxLwjbY3(+Dt63{Bay+R1s>M*i`d
z`(HZ34qseF#prD$5$=Sv5Xap>=257`l@ykR6b9ry9TtUa(@vt87Wox3&t~~Xa?iSC
zQn_-~A66AZ8?6rE)vcFEI{g>z1xBG<%0BB|jT`8j0Y0a{SfE=oJgLL2{6-Q#1Jqz?
z8MYAYb0(u9^UsUVgQ<ME;~mTB7~Lp(K3XE=nIT_~;|;x;zVWi70;|CqHaAhGdA1Dq
zx(KA>@KGuIfmJWSNW{_UgHiP@y@wkU9B>w<1_w8g;~=3OTlwS3Os8i0m>7yJ(};9%
zU$ImxvsH!Q?8<ADON6RGK~3jGHd~d|M>{I5nLeauuzQ~txzJ+B`*VCa_~6_$hCxFZ
zT3nSyQAmRQ0nwn5O;WFtdA$O<kp|z_Ve&J;6fGaAVEdXgp_y|)sylF3hH%Y9@(6jj
zIYcV(<*B7H^f5w<HfpXje0YL!N55b-2pC#Dk^bntFBEF&;-O;AX-Zw~XDE@DPqj`4
zKBHMGIT38Oq2ZYu^lX2xA%0HAW%Tg2q9$XM0384JbU!+Y+WwdrR5PN%?(Idu)@^Gl
z<#lBV-~RdY0@@3!7IT?rX-OQn{d3a5B8Ge~cX2fnCEI&$di4lFG`E4Act3?!IAN0z
zlNUK2TSje1#s}`B#;8Y`7r?@(<E%Zy;nw144FjoChfM=FRI$lObtI(?<dBvHnoE1)
zq?;!E-faSCm{D>YQ#*e8>|rbO@^WlIGbJq7T!g7+4B;GK|L)12DGq~de4g(-^H@gq
z%#LY%{iH>yaQVuI%XJmSdf-a^ABg{-17JW^_?BSBUtu<rOKdi~lDW$tE1CvZ082gQ
zsll1ijpS%W`wMgMv(I`G$s}-E`PuUkMY^tB^K$~@cG#!gFqO1wND?UNSh-i1BFFPd
zt@WY}y6#nG79pJIu|xous#V|j)MJ1e%*6KN!ishlNJPVsKe3a-LkX@@nvZjbo0^iv
zu{d*;Nfuc>JL)K|E!~ndD|nBVPSoJI#Llh!ebMzEdX8R44ZB*4q^6`W(ep`~r#HjO
z0s0k>o_Z{x2B#Wn&fGl=y*B=jgkShk%e4{pD4;>9CMV~rcnSBH70*}aN`4~Qi+r3v
zo|<Xd!>~9#X;8U~&7?*s!2F8Iq-$d8n!C@0r$35~-2jjD<d_o`Iu|yC;T+$s2(NXM
zCcxl6tzV`AM<8UvkwX8lgfM>dEUQ3^mJ^N8K?z;@F*>Lu`2z1Oa&*Tu!27Ohpj2YG
z`8fRs6}&DIP523qizOc`!$3SONvQIzb=U+Bh9r0mj?AF;yQ~a<eEn4^1}P6Tu0x#D
zsSsPrvEw(Ia0Do_LgR$3BahWh-0$Q!K~bZ{gXyEto}-3>E0Zt=Noslh(n*9Q#i&m1
zr2$Sp-m^J&RH6Lcs)99wh^07!^o299EFz(!k7?I91_T`AuD>nFsuaIkiy$eI4P|Ud
z;x~Q%wW#1ik(C4&+x{e<J$cN2@~;pHleV;>ts(tBDKT%PkLPq<%qDsl#p^WBidRo7
zQIRu%`r2`=l1U6=<oU!|y&q=}CUo))NGVo@=_rZAzmN!Wpm{*Tg>QWS=#b=5@BLLR
zgmmVhYWu+fbGfMj66>iJGNZ$$2P^~79iLaC>SMZEkp9yQ^2F$9DSq8S2Bet6Oc<U|
zAKmmGJKP)rh1yY@)--r)+)V9C;nWfdjr?JiKbcVHG7<mVi|;HOdXuap9q6s>W7=8}
zi-69Gb{ov*kVj=0kN}10-k+hpkd}K<b3_=z%E-ksa5&Hyvg-Jgmj#LRX6SYmWde7-
zCxPX<oXw48Nz<p{8z4#+OEssJJ)5+zHGh#6)RhOvBiadlqtWZ|FKB#jR<fd<A;jvm
zlYE~8gaOK>Rh%x#HNu}u@&k1p%S17b5u;`?*c>qyibQ(?$ls@#W<Uz+$|+yOWk>3`
z5`d!jJka6qo=62_dpcK$?8qP?5Q67RMe%9>2I$o(^}x3uEgGK;YMcy1-~&#tT{1$n
z#~L1ng;CC{CJac=V6Ern0k*=fI*?*3S+{-^>hK2>l1N>oU>b|iCSN4%gu_7s!D{*s
zur5gV>H@xaUdS{ek39Lw6uMY_5xRBST99Hb6E_J2hG*{=D7(#HWFc0?d2m0lY$OVm
z0M<;P_0e|oFDI&I^;~3f49|qRoU|jbzpD>d0$t%+|Be=fKqGPyl4ZPm(`tkSy_$v1
zNYaETuFW?MXiECOQUXH#d*tHqaf`S@_2NZJ09r*Mqi)g?!sb1M681?pssQh-ykP`s
zm6zF7*!`|T$pxcSCE`WnV7PX87NFolLOl@hp+E?OjO0u<XSqogq1VsTjU^<NZDWRu
z!yj#iLX!MSkxb9t4Lnsz_GZ3-gD`H4`^J?DX>1fIUXBK|UE27c4_yYnka;DHJ}Idk
z?%;}?-rjn2H?&zU+Vt5+PDnQz9%?L^@T6d@c!mKP?$yzlp>C$z^g<Vp56A2t2129-
zER?44ggxhmo`4hAb%kw}kT^flS$a{TlV9=E8hX)&Ytq_@G8m^3nL@H|1t{3`0nJH1
zkDd521o=I{TUllDwHA2>q`<4U>=f+W_?&`^$0`9>Nj6=ekt5#$E*M%y^aPx$7erES
z&-SYST7HC37!Btg)q`1N*~&K}JEI87x($0wXwyf7Oh`o-$cBcry3>QQ3dWHX*1LzB
zBV6`3G%O3@4l=H^gviym*Vk&QO%*|DdV^v#HYveTLw!RJFbi$_rOVZz^q`>4q$uBr
z3|O6$k3)3YC=3Y?>QzW3(})C3==Jl1vO-=uKX=E&$*q}zQUV{2Sz~t@(heH9m)4V0
zzA>WOo>OSlTT-B=ulA26tc!iQEVHnOB^0$T#+XiCR&5fD7$B8{ZGx~xPSYf<k{Xl2
zjcGwfavX$0kE9+v|N3cU3a&!>^K9b65H5W2a&Iq%6%Ty=IJ$+4fUrjW5@R-<6RHk9
z#fj9O#kVjzkDlFd-AHa|;^*7Xr~Bf{4Un?%ad;IYy@%-x(lo7SKu{_oR}YTYA7o7W
zI_IJA#V8)GvfIyq_DTTGoGNijU=<<ey9%eC80Oo#Bw5FQKQ2bk7IxVZU4%0j?=opj
z>&sZn#NnP!8z&Ag1y$IZU%D0q@v)tuDTbYnlOYvBIYZ6w0YZ#Pn*Bk&d+z1x!&V!c
zE0FgxPy%p9kd4o|RkbuBB9Lr}Za-GX1a#jvh7)2>(&gjYCR6t?R?!Rj9mh)>AU+Hv
z=t}95Sh~<W{<-3Aa$ICum=0r#_W=nL^6{wWN<6}0@~=0Xsz55jhbP<qK7V-q^l`4G
z&Sp0eVuaGwiOg}k=>05vXfh0l&sEPP3{_uGCEUD{6(e~KPO&f6qbF@+J?qzG?%1VY
zs4G2k)0jolOxqlOuYMd}rDQ_7HfF?Tw}Y8VldM+hlM`k`c*|c5w(U*zH%1;lyBVS`
zmr2E}YGmT`*@z##$<#!dzD=vlo%(3nnr~MtF;?A6s3bLoUfRA&15a`Czfg&!Q_=X7
zaZ$vEU=J{SZ{o6>p*k9-)s-5_=-(Lq>Jz8IQW+$yYo-5At6B67J>N~EdDD5t@vgk$
z>?H5|BB&}iP`TQeVx(Hus$4P)sLbZby$P#@7S7EZ{Q(2An)jMTE>o3&++qJOZl}+4
z&(IO4=N@+eof6Gv?CBKQW`MpnNtFgZMs3VM%Ub0K)Ponpg>7$d{q-)!#nU-KZ@_@W
z&C0~}(<}P0>KI+Z$h0~_D}7td|ALrYSdw;6w}a@a)_QN!jiQrJGY9WJd$dm#0?VD|
z=viE1<T%(IFdws~;J}9b{`HeR@fr_?+|90ZX=cf=IX8yx2Mh@7^wG&>^StVFVigiH
zBWd)j^zF6Gy|GJWClg>GAFa8A_!lCL<6eEEyr+xLE|=bUdr6CO;y;MPqx<is@EF)o
zYSmqTTax9#1*MK{sqA10ZNUYHq!CyMV`b^sR*c5#Y>d4b2bPKR@wql!wUH;!zneam
zlDoFZ7`l^T>lN!aFRcl`jrZp2x$ja1fWfYvs-0LiX`nF6JTH;}EVNyTvVov#Z5dc;
z<Vco2ZF%1Hn7Ytdp+EiO>zidpxreF5tW0zsW7emiSr}8>K>8gJ+P5@SJ?8VL9n65*
zT&AcCaZ~EyjT5bZuo@|b-b`E1?U|7@6EUhzJl#h*nl403+vHhQ4UeM@-dB@SUO8X(
zIShSuu0DPG?k|5`IS)N9gxj_u9r_4Ds>0L4k6=vURsKF1Lr<2JR{l;V;*X}CYh>xP
z022|a6SuW7CHp9QS=FSaZBh)OMemKnw=2{AqH6l|ECbG}$F`X9iH$PI^7ARV>-2r{
z2V{jAxEe6o>*SQC!Vp91)rn`k{>VPcf>}ZnqM+^@s3TKMC4o)-S)GbK3%DuNgw*^I
zB8FLfHyM6jE~t=`88GyGRUP_AWmEd<^tY2~oOlfD{y~k%_432A3TFvTi=x@8$Q08B
z#)cyt;IOzuru$|VMvnbkF05^Z?l)lQ`Kmfp)PWkRqK>;jYzL^D(KYJ5tm>@lJ&Hm%
zL37&D-m?Ta9lJN05;513u+%if$+c(l9p;n{Ou<lwq7I|<o$E^TOCwK+t7qB{oifeA
zgXm9un0Z)G@I^s$k<JSYgE?BC=3Kk6o<98KeXY1NBT=ko|JQKX0@OkW5zI69lOGA$
z{}SwnurR2ZE)vch3A~Z(ub&*2=o2Mh-8czdI4ME{0Dwhn-OLhBej@tD=1$1e{mOdz
zSZxZu+WO}NHRIap)sPD{%}Y#+ql#h6$xrz?JGKmH72P-J(d|{ioT*Vqrqups^vKfI
zQ79p#+1D1FGkamDKLin)<FguY#c3$&Gn;7#Bzvc4pqSBDFphUm$IXy8R9)4cMUn{A
zcgo1=lH$Fh`xk{Sc!L=#$UvF^gJ8wWPRpqe>;3^2*;pW(@99-|&ma&Mh6SKlvbWKA
zolHtSNPcc%GDf6MD>ZUlbWX)B&CGFo*veCA=z|P|X)5A7jLswGooPp?3>*80C6ne1
zOKrY>@}fAT;+0SQsH6-bjd80zk^ev!5zehRjV1=1CH)SS;mQX$@F8<>a9Upmg@ztx
zAY?gmu~)N58m%lW-B|GEW+Y2dh~CtUVf%(5%i^ja;iDx^@2g#na~}G1VxlY|;gB)a
z$ys;=WE4C3+Lk=jup5UnB&IR#RE&aAg1}rxl%&-OhEbcgyx`BPoyx~|fqAJ28&N_G
z#V~l~vcr|_<GI$OBqi6ehgEwPB@k)NO9viV@;lVf1DnzejH3D<Uq79SUoXCxW;>z;
z8>TYq1bBbbmKU4_V1-T7w=mEX$yt<TTrM9+_xdH?+*aDuXGI0e^EcCfM<yCcS*wwE
zhzs=ln2y$T?MNFv)rSd6M|jL&M2YV!9U-_+zA)=78#z8_1%nVq!ZxF)8tAby%#uuy
zoKC9ip7+b_Ax0Yd@o&2OR7eGO8>3>QG6+dWB&cje$vAzbu2Af37iJ~;Ce0%Cud3i0
zVS3t<ouoqXIn4;^eE?uaj;D7RY3QM1CmU`UT8|Yy)70IhDKVs=%F0qqyD`N{Pu0;3
zf%D>36^bnq%*h@HQ%q(Er1^cwg6uVvj%WGZ^~(wXZk2ULBMlwMR~{x0f>8ZBx?`$f
zNQ&vk$;Y#dThG2K<+WJ3`k&X#%%fW>G4ZbO<g=W6b?xs@p1b;+{^vo~yzJw->>Z&7
z+ZXHMc4WF=NUD5SUJfGw+f^6{!jytZ%N?)*<zq%CqC_L5F96qew@kyy#=-UPzkZP(
zbDsd4`2I1;GFM$9YeOS(Al^A)UhTUXikn*1w~Vu5E3;kp@wKvdgvS+@0vRv+1=>*}
zhVDd0?`l=e)B;>Aa@DqI&_Mk(=%F<>={7wYiOJjUmI<aSVPs^TL-DF=Ym}mIu6_UH
zNJ2!*Z{vJUYWQ}=NWwrXUFcMNTQno!qQVAOG2iQlNzqvKR;5B0AR9;9u^hYjt&6!a
zhF*XQtfUOHP&%S`8g!^lZwOW@OtCz*8&o#hXc1~kQcUs&^(l;e1LxjmKCMijesgj;
zzCTl`JTY*LZ0QR=m19~mPeEfMyM*vQD$^u&yu&(vX_UHidMTb-;q~{gpF9ssM<8U1
zdMRnI3}8wr1GqR+nc7m#P^}6>!oC#zDmK{#o_-C~LZQ)l*3JSBOzGNz=J?yxruXA<
z&td7%#RC#-{V&vPDnlFcq3^%_eCP1m-@ZOvV>?>CRFa_x#nKT*V(;!RNtth*j;T3H
z#?--;`@UP@KF%RwpM{g$=uTYE@Af_RyyNjl!ew`mFr*m)7gdeoc5HZ4t1g(n299Gj
zp2Sg=4qZF~5)E~u9EF8tbkecnX$)(-1CpAQCXIxfLAr=?-+3d^F>Dsy9%*V#Zsh;l
zNM^obRcwi)>zIiDjf5f10OBy$8BWcS9SzA4ZMs{yU8CAQO@Oft9T=P@A?f<pU)d~X
zRXh73ZFgmmnL$ct2))ehn21R=huuD@N-vBKVFM+rtE`N_)0+19ln-VR0@@2U($B0!
zB9m>C>xIfjKc4h8Co=SKJ$Zkc1HPOpHl{`6S%#p~8}2oaw!0Z1Nr*JZ&Q16l@Z>vi
zMOi7?2i9XVV~CH%=zd7idiMK-fd8!YYHR{Z-haA4%z^i(aav<<M$@n}F4KC{@@C|n
zx(lGDzq!Qf{y(Rz`tyA4h`ZtB?scc2%oYXT#^(R-mkOKbmsE66=KHg>s$_nZcv_Tf
zq`w1kKD$mkM-1iG!_t&oIvE6@bXOU*{o%@SXYD_0jae8vym^;v8|+jUnyH&Q$huCm
zf=p%TuFj#BFLCY2vx2LA1$9$d>Rw?2GED(Ac|?Yv1+trG*1*%~8)F!gunf89Z*s(U
z-u?OENY!7TY{Q5Y+b_Uql;%Tb(|-HuqX`<@%fpYT%uNwNciZ-~V}GVHbYO_bwVu7o
zY?(E9P3vs96SFy5r4447QkBhg%y;J{Yj^$or}xA$!Jz60du+2b+XjmDnCSg1$2#Hy
zlYPVnnr<k=wvCqoEyC1>4kVkWX6~sawcfptopVIB-BskStAu=qFtCiFPwUCcB9)KW
z^~WF*B@U$lJp>(#vCa5mbE?hJdYs7xWb-D|V4}@v9^vK*vu;NaDmsK3?|Bjcngo3j
zdv4Jj(UZDJjGPlCG<5DGT)-seNU52Hg$c`KLr<NL45naN@~Fh41L39DJU67?W5R(f
zOSgp?*k1LPv`OGLld|%e+H;&(zxUBoWHCnpuYoCXxxLSkc&$B5;`s6Nibr7<0E9-Q
zYj-6nbT6}_Na$N-s8pGu14#(uE9W}U+(XJ4Qo-mil?~SmSwwa(DSGwK3xi)6>~sjG
z&4e*)$$4ssQ+kQ+{fO2!=MgUX3k@rWJs>n@|5k280-P#DC83K4cyIZ4lRWn=OAklp
z4w_kA%beLpJ@Ls5TI4P;8h*&JZF}p}!gZ8fL!AvqeyX}-^X=om4@{^~O{jN8O4r56
z2jX(77?pZ-k3YPAx|K|RK*b|;8;$31k%Tz86z^R~E6)#hnunw8n(m0LA#WQ^FBO|Q
zSS*xrpgV|W3?vg(6gS!E!%)va(x=;^iczUY_eiDhB{ru!NIduw0n=44liKp70;o&G
zi&gcgE*eSc@`fKUOc{fM3Y$LaN^;58lM7V~BcHXF4!&C$`H#20d>(5n{g+)m3?0mB
zPcjpa4uq0Pv$|TVK#n36?)FjT%jdjMkYIx_Q44ICVbf7DAHcx>HOKP-<_+<`-F%-!
z-=?$bvz8T^nV|z%rjq!}dkUM%jk&ue49vb~VDP~g8OkK@^M~wFS>A;jjbiiiUuPgO
z<--%3(M;*97^veK;lxQcpY|YMB}~C%zP~62%uXfGG{{uPmlt8Ch7J^z3AE6D1yx;%
z)9``s$u+(I?$(!M45qCH3AOhN4K{9c`p3AflzGl^?d38gzTg>Ab8`8=wM|{4tH~t2
zX73IRnh@U7JQvUYQfSJpIO2VD0WH$0q%*Jmqq8@1`zkaCB=r;Um}z73Up73>7vf>o
zr>$q01lG`n6@okjydUbVU161N74s#c-so-90VzIGU3x$7r9a7FHs$*&5MRQ3Hb;<v
zR;+FqC5b$(H^HbZB4kX@k}a%@iq%{u_szx7fg!D43yp_;+=$;{NRb#4YguianCekd
zO=wr3eq~|W+gr3?{A|ptHCF8^as+r^#>5*YG9M+qp3UT@(1y`ofWl<FGEwai#*G>y
zTMbB2V^Kzq3E$Y{BCP6?oj~|)<~`5J$bq>TI*_6rvyiYrX?l;{I4u}1UN_IgTklDF
zZrv!pBL>`tKD>NcF8+0)0gS6z@HD=HvqL$p8u^@W{O>O8fZ_IH>c;4y!5%D(3B6&(
zE!8#RM5054Gs{BTqFLVW0qj6z#aC0A&$${oFjqqd21^CR5QGH~qi9T9b6h37cNfFl
zkSwCG6lz~bdQ;x}Jx0binVrej>+`yNlbF&mX|g51LZpxhp;GtfLyTdO4d}s4JMhPZ
zt7cU@?ws<GZJsyQAtdK~J~4S7GvU#PA*o+z^^X{gB7cRta<DO;%blk_dI(nDLqm5v
z-i1IuM|!8GZ4c_UK`0}1n9C@dmuT6eE+Zk<N*>+{JY^^K&mx&J-I5FGe($zKa5WJI
zviJ2yj`|PDJbw&tE-TJUy!KKVIeI-A#cAmCB=mjO#mHaKf{on1GA#fh9+j}ki`9Ky
z(~Zc640H#@KFi?Y|M2&xTjHUx%r@Z}-X?r6_-Zr=$8_3+S{b_Hu>weZFB?LGxEj+z
zZp+V?HPe+$Aa5Cp+E~#H=|iQ}d*QU}@^=d(+9kP$Ci8XF2(gKU=jKkV<ub#tG@}kE
zqN8OlinCcyHchPp;i-gsi#(qTF?5fDW`li9mx$uij#g{;jE>(gy1_ZUsl)H-Q6=`G
z{ZAs6uk=>F_TCMy>Pz<F;(!;<GZMzsHqcDs3*d0k`1@hP!!nmlSlW=xmU!=dxj<hg
zip42#OIE$Ri~I}=HFO}nK^5Mb^d9OVG_O6g6By1Auo1g-3ehpuS(ZJ=tdLyD4UFqV
z_^A|x0%likJ1G`!=s*F-YL&GhceZv~+lk_6@1jd-x!_kiG49*exO<5z3#-kuh}=jB
zOJV3hf2eDIU>5IVe&k6UW71heQEmUi;Fkl5l5d0Z#aRp7bQWQ04BewZcd;WY;$!ga
zh;dQJd{O2*f4~``?4VZTRvfEN9GyN0h`P?5BQJxcGjw2x{6j~MKcBVi!UYCl%Q#f@
zBFB{Fu)JFHOKIo;JhyoEozNFsRPJlbQ|0H|CE}J>0rp%J*4H?gC7<56w1y72maAyj
zYw&qUBImB+_{jDgYEuXO_($Qokp>5+EyVL}rOeTfe}1&`LvUw_q&_LtnG^!IDCX^D
z3sv%1YD4$1wGytnu;GrNR$L!)Y<?w%ytJg@4gHD>LQc#sLK|DNBE0srDq-gle-e81
zR5qFNo%+3!Z+K5*saTa!I1`5MQ4qWLB=D%eiIrHfcHeiiTx?v+A)DC@*4QLCdvl-8
zl%WH;a7Ne|ejFP~qucp5)FPu_NeFXCPSCm?D2B!kq}B}|p+4l~g0Tt0N?@dh;)XHZ
z#EeDa%o(~zpf3_~8g^naZmY%I(28!j@!7|u)!H-Rd@V<h@a95^ASDB*=-F^K#ZSzL
z&!iMLaApnNBOAZVa*IjAvJ+MM^q`k*MaE7Ww=rc#(bPw5H(0Lwoz5Z3$#J8C5>=9m
z=}@W?XWr0(Bo)1xir+htp}QLO7nw{eE`(Svgy<LaE~068)knUBP=XUjz5CHwU{lIs
zB@Er8h>k3Tc={@a6`Te5-dKz>q#>PAtDrX@!b%yshc|dv3qGnfE$I?sYS>}3Ob7Xd
zlT!ljHsXlyxQ=^sv<St5vOtgKhb!?BjMd3tz_{&b@uGy!${M)GN*cO{*Z9kF@S}mM
zN!I+zPunxh4Lf%M7Xm3VF+E=7lJ51)ZPT=ZC{f&y-F9NcV$edjLZHYfgl<DW_sSc%
z$4VP|8aB%Z5g#j&H|BgyV_wPj)_Qp`IkMq>|2CEGMpo7yXKKCu^x=V(UX%TSq|Nuz
zav0Na`aOn3Ru#z%Zy2Y3d*nv1jP-f&`Uk79!5jzY#?aG%Aqq8#4u1)4^hVjo`6+K0
zd4i#2tlVRvUl`F^3kei7U6@#-P6rLStvE7wz|FDYUky~Ugy%oKq7RD<-p?CKM2X1C
zXgI@ekWG%+P^--`R-BO@+ru_f%Le@5JZ`>$b7|;lSbCBmGa)g0shEBcUiyvP#O!7w
zae?-+Z72yOe7{u|#{K<;p;dQ1l)$nBY)Lo8kgu}QyY?}L9=l<(-9|ie6uO0DPK-Vn
zc43_toO?r0!^ZSRGO3Dh$e(Tb*ANqHj(VIJ<6~oGJJh}O{gIf$9Q&lu?4DTbdnVmh
zq*{F$XY)qx`EPrFCz4dB04tJQOpU_#fRQZ7A;<-WIiSm=@v;oKF!T}d9-kob#*lF+
z)NX+{Z_s%0aw}nd>VutCqmdZ@N+fh<jSE8`6WA1@OCK@5Y(Vdn@%U4qW5tpf0~M@M
zccApujZ7Od8y78w<#A!?Q^FfQ!i8AdF(sQ|Loo2lZgyoAkl4K5D>x(WtqwSj=P*{~
m%d#PD`RmuTr1k}>!T$&Pj^Wa$y*v^C0000<MNUMnLSTZeRO$Z!

literal 0
HcmV?d00001

diff --git a/src/router/app-menus/index.ts b/src/router/app-menus/index.ts
deleted file mode 100644
index 9a8a4f0..0000000
--- a/src/router/app-menus/index.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * @Author: RenXiaoDong
- * @Date: 2025-06-19 01:45:53
- */
-import { appRoutes } from '../routes';
-
-const mixinRoutes = [...appRoutes];
-
-const appClientMenus = mixinRoutes.map((el) => {
-  const { name, path, meta, redirect, children } = el;
-  return {
-    name,
-    path,
-    meta,
-    redirect,
-    children,
-  };
-});
-
-export default mixinRoutes;
diff --git a/src/router/index.ts b/src/router/index.ts
index aa86ee7..c041c60 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -4,7 +4,6 @@
  */
 import { createRouter, createWebHistory } from 'vue-router';
 import { appRoutes } from './routes';
-import { NOT_FOUND_ROUTE } from './routes/base';
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 import { MENU_GROUP_IDS } from './constants';
@@ -35,27 +34,18 @@ export const router = createRouter({
         id: MENU_GROUP_IDS.WORK_BENCH_ID,
       },
     },
+    
+    ...appRoutes,
     {
-      path: '/permission',
-      name: 'permission',
-      component: () => import('@/views/components/permission/choose-enterprise.vue'),
+      path: '/:pathMatch(.*)*',
+      name: 'notFound',
+      component: () => import('@/layouts/NotFound.vue'),
       meta: {
         requiresAuth: false,
-        requireLogin: true,
+        hideInMenu: true,
+        hideSidebar: true,
       },
     },
-    // {
-    //   path: '/auth',
-    //   name: 'auth',
-    //   component: () => import('@/views/components/permission/auth.vue'),
-    //   meta: {
-    //     requiresAuth: false,
-    //     requireLogin: true,
-    //   },
-    // },
-    ...appRoutes,
-    // REDIRECT_MAIN,
-    NOT_FOUND_ROUTE,
   ],
   scrollBehavior() {
     return { top: 0 };
diff --git a/src/router/routes/base.ts b/src/router/routes/base.ts
deleted file mode 100644
index f10ef89..0000000
--- a/src/router/routes/base.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-import { REDIRECT_ROUTE_NAME } from '@/router/constants';
-
-// export const REDIRECT_MAIN: RouteRecordRaw = {
-//   path: '/redirect',
-//   name: 'redirect',
-//   meta: {
-//     requiresAuth: false,
-//     requireLogin: false,
-//     hideInMenu: true,
-//   },
-//   children: [
-//     {
-//       path: '/redirect/:path',
-//       name: REDIRECT_ROUTE_NAME,
-//       component: () => import('@/layouts/Basic.vue'),
-//       meta: {
-//         requiresAuth: false,
-//         requireLogin: false,
-//         hideInMenu: true,
-//       },
-//     },
-//   ],
-// };
-
-export const NOT_FOUND_ROUTE: RouteRecordRaw = {
-  path: '/:pathMatch(.*)*',
-  name: 'notFound',
-  component: () => import('@/layouts/NotFound.vue'),
-  meta: {
-    requiresAuth: false,
-    hideInMenu: true,
-    hideSidebar: true,
-  },
-};
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index c426c3e..92393fd 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -111,6 +111,28 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       },
     ],
   },
+  {
+    path: '/explore/list/:shareCode',
+    name: 'ExploreList',
+    meta: {
+      locale: '分享链接列表',
+      requiresAuth: false,
+      requireLogin: false,
+      roles: ['*'],
+    },
+    component: () => import('@/views/creative-generation-workshop/explore/list/index.vue'),
+  },
+  {
+    path: '/explore/detail/:shareCode/:id',
+    name: 'ExploreDetail',
+    meta: {
+      locale: '分享链接详情',
+      requiresAuth: false,
+      requireLogin: false,
+      roles: ['*'],
+    },
+    component: () => import('@/views/creative-generation-workshop/explore/detail/index.vue'),
+  },
 ];
 
 export default COMPONENTS;
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index e78aa17..687c535 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -131,101 +131,101 @@ export function getVideoInfo(file: File): Promise<{ duration: number; firstFrame
     video.style.position = 'fixed'; // 确保视频元素在DOM中
     video.style.top = '-1000px'; // 但不可见
     document.body.appendChild(video); // 添加到DOM
-    
+
     let hasResolved = false;
-    
+
     // 先获取元数据(时长)
     video.onloadedmetadata = function () {
       // 视频时长
       const duration = video.duration;
-      
+
       // 尝试将视频定位到非常小的时间点，确保有帧可捕获
       if (duration > 0) {
         video.currentTime = Math.min(0.1, duration / 2);
       }
     };
-    
+
     // 当视频定位完成后尝试捕获首帧
     video.onseeked = function () {
       if (hasResolved) return;
-      
+
       const canvas = document.createElement('canvas');
       canvas.width = video.videoWidth;
       canvas.height = video.videoHeight;
-      
+
       const ctx = canvas.getContext('2d');
       if (ctx) {
         ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
       }
-      
+
       // 清理
       window.URL.revokeObjectURL(video.src);
       document.body.removeChild(video);
-      
+
       // 返回结果
       hasResolved = true;
       resolve({
         duration: video.duration,
-        firstFrame: canvas.toDataURL('image/jpeg', 0.9) // 提高质量
+        firstFrame: canvas.toDataURL('image/jpeg', 0.9), // 提高质量
       });
     };
-    
+
     // 作为备选方案，监听loadeddata事件
     video.onloadeddata = function () {
       if (hasResolved) return;
-      
+
       // 尝试捕获帧
       const canvas = document.createElement('canvas');
       canvas.width = video.videoWidth;
       canvas.height = video.videoHeight;
-      
+
       const ctx = canvas.getContext('2d');
       if (ctx) {
         ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
       }
-      
+
       // 检查是否捕获到有效帧(非全黑)
       const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height);
       if (imageData) {
         let isAllBlack = true;
         for (let i = 0; i < imageData.data.length; i += 4) {
-          if (imageData.data[i] > 10 || imageData.data[i+1] > 10 || imageData.data[i+2] > 10) {
+          if (imageData.data[i] > 10 || imageData.data[i + 1] > 10 || imageData.data[i + 2] > 10) {
             isAllBlack = false;
             break;
           }
         }
-        
+
         if (!isAllBlack) {
           // 清理
           window.URL.revokeObjectURL(video.src);
           document.body.removeChild(video);
-          
+
           // 返回结果
           hasResolved = true;
           resolve({
             duration: video.duration,
-            firstFrame: canvas.toDataURL('image/jpeg', 0.9)
+            firstFrame: canvas.toDataURL('image/jpeg', 0.9),
           });
           return;
         }
       }
-      
+
       // 如果是全黑帧，尝试定位到0.1秒
       if (video.duration > 0) {
         video.currentTime = 0.1;
       }
     };
-    
+
     // 设置视频源以触发加载
     video.src = URL.createObjectURL(file);
-    
+
     // 设置超时，防止长时间无响应
     setTimeout(() => {
       if (!hasResolved) {
         document.body.removeChild(video);
         resolve({
           duration: 0,
-          firstFrame: ''
+          firstFrame: '',
         });
       }
     }, 5000); // 5秒超时
@@ -266,7 +266,7 @@ export const formatUploadSpeed = (bytesPerSecond: number): string => {
   }
 };
 
- export function convertVideoUrlToCoverUrl(videoUrl: string): string {
+export function convertVideoUrlToCoverUrl(videoUrl: string): string {
   if (!videoUrl || typeof videoUrl !== 'string') {
     console.error('Invalid video URL');
     return '';
@@ -281,3 +281,20 @@ export const formatUploadSpeed = (bytesPerSecond: number): string => {
 
   return urlWithCovers + '.jpg';
 }
+
+/**
+ * 生成包含协议、域名和参数的完整URL
+ */
+export const generateFullUrl = (pathTemplate: string, params: Record<string, string | number> = {}): string => {
+  const protocol = window.location.protocol;
+  const hostname = window.location.hostname;
+  const port = window.location.port ? `:${window.location.port}` : '';
+  const baseUrl = `${protocol}//${hostname}${port}`;
+
+  let path = pathTemplate;
+  Object.entries(params).forEach(([key, value]) => {
+    path = path.replace(`:${key}`, String(value));
+  });
+
+  return `${baseUrl}${path}`;
+};
diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue
new file mode 100644
index 0000000..09ab964
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -0,0 +1,213 @@
+<script lang="jsx">
+import { Image, Spin, Button } from '@arco-design/web-vue';
+
+import { getShareWorksDetail } from '@/api/all/generationWorkshop.ts';
+import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+
+import icon1 from '@/assets/logo.svg';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-confirm.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-line.png';
+
+const RESULT_LIST = [
+  {
+    label: '合规程度',
+    value: 'compliance_degree',
+    class: '!color-#6d4cfe',
+  },
+  {
+    label: '检验项',
+    value: 'compliance',
+    class: '!color-#211F24',
+  },
+  {
+    label: '高风险',
+    value: 'high_risk',
+    class: '!color-#F64B31',
+  },
+  {
+    label: '中风险',
+    value: 'medium_risk',
+    class: '!color-#FFAE00',
+  },
+];
+
+export default {
+  setup(props, { emit, expose }) {
+    const route = useRoute();
+    const dataSource = ref({});
+    const isExpand = ref(true);
+    const loading = ref(false);
+
+    const isPlaying = ref(false);
+    const videoRef = ref(null);
+    const videoUrl = ref('');
+    const coverImageUrl = ref('');
+    const isVideoLoaded = ref(false);
+    const images = ref([]);
+
+    const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
+
+    const initData = () => {
+      const [fileOne, ...fileOthers] = dataSource.value.files ?? [];
+      if (isVideo.value) {
+        videoUrl.value = fileOne.url;
+        coverImageUrl.value = convertVideoUrlToCoverUrl(fileOne.url);
+      } else {
+        coverImageUrl.value = fileOne.url;
+        images.value = fileOthers;
+      }
+    };
+
+    const getDetail = async () => {
+      try {
+        loading.value = true;
+        const { id, shareCode } = route.params;
+        const { code, data } = await getShareWorksDetail(id, shareCode);
+        if (code === 200) {
+          dataSource.value = data;
+          initData();
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+
+    const renderMainImg = () => {
+      if (!coverImageUrl.value) return null;
+
+      if (isVideo.value) {
+        return (
+          <div class="main-video-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
+            <video ref={videoRef} class="w-100% h-100% object-cover" onEnded={onVideoEnded}></video>
+            {!isPlaying.value && (
+              <>
+                <img src={coverImageUrl.value} class="w-100% h-100% object-cover absolute z-0 top-0 left-0" />
+                <div v-show={!isPlaying.value} class="play-icon"></div>
+              </>
+            )}
+          </div>
+        );
+      } 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" />
+          </div>
+        );
+      }
+    };
+
+    const togglePlay = () => {
+      if (!videoRef.value) return;
+
+      if (isPlaying.value) {
+        videoRef.value.pause();
+      } else {
+        if (!isVideoLoaded.value) {
+          videoRef.value.src = videoUrl.value;
+          isVideoLoaded.value = true;
+        }
+        videoRef.value.play();
+      }
+      isPlaying.value = !isPlaying.value;
+    };
+
+    const onVideoEnded = () => {
+      isPlaying.value = false;
+    };
+
+    onMounted(() => {
+      getDetail();
+    });
+    onBeforeUnmount(() => {
+      if (videoRef.value) {
+        videoRef.value.pause();
+        videoRef.value = null;
+      }
+    });
+
+    return () => {
+      return (
+        <div class="explore-page">
+          <header class="page-header">
+            <div class="content w-full px-24px flex items-center bg-#fff">
+              <img src={icon1} alt="" width={130} />
+            </div>
+          </header>
+          {loading.value ? (
+            <Spin spinning={loading.value} class="h-500px w-full flex justify-center items-center" size={60} />
+          ) : (
+            <div class={`page-wrap relative ${isExpand.value ? 'expand' : ''}`}>
+              <div class="fold-box cursor-pointer" onClick={() => (isExpand.value = true)}>
+                <icon-menu-fold size={20} class="color-#55585F hover:color-#6D4CFE" />
+              </div>
+              <section class="explore-detail-wrap pt-32px pb-52px flex flex-col items-center">
+                <div class="flex justify-start flex-col w-full relative">
+                  <p class="title mb-8px">{dataSource.value.title}</p>
+                  <p class="cts color-#737478 mb-32px">
+                    {exactFormatTime(dataSource.value.last_modified_at, 'YYYY年MM月DD日')}修改
+                  </p>
+                  {dataSource.value.customer_opinion === 1 && (
+                    <img src={icon2} width={92} height={92} class="absolute right-0 bottom-0" />
+                  )}
+                </div>
+                {renderMainImg()}
+                <p class="cts !color-#211F24">{dataSource.value.content}</p>
+
+                {/* 仅图片类型显示图片列表 */}
+                {!isVideo.value && (
+                  <div class="desc-img-wrap mt-40px">
+                    {images.value.map((item, index) => (
+                      <div class="desc-img-box" key={index}>
+                        <img src={item.url} class="w-100% h-100% object-cover" />
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </section>
+              {isExpand.value && (
+                <section class="py-16px absolute right-16px w-440px h-full">
+                  <div class="ai-suggest-box p-24px">
+                    <div class="mb-16px w-full flex justify-between">
+                      <div class="mb-24px relative w-fit">
+                        <span class="ai-text">AI 审核建议</span>
+                        <img src={icon3} class="w-80px h-10.8px absolute bottom-1px left--9px" />
+                      </div>
+                      <icon-menu-unfold
+                        size={20}
+                        class="color-#55585F cursor-pointer hover:color-#6D4CFE"
+                        onClick={() => (isExpand.value = false)}
+                      />
+                    </div>
+
+                    <div class="result-box p-16px rounded-8px mb-16px">
+                      <div class="flex items-center justify-between mb-16px">
+                        <p class="cts bold !color-#000 !text-16px">审核结果</p>
+                        <Button type="text" class="!color-#6D4CFE hover:!color-#8A70FE">
+                          展开详情
+                        </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 ${item.class}`}>30</span>
+                            <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              )}
+            </div>
+          )}
+        </div>
+      );
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/explore/detail/style.scss b/src/views/creative-generation-workshop/explore/detail/style.scss
new file mode 100644
index 0000000..dbc1b58
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/style.scss
@@ -0,0 +1,151 @@
+.explore-page {
+  position: relative;
+  padding-top: $navbar-height;
+  min-width: 1200px;
+  height: 100vh;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  .page-header {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 1000;
+    min-width: 1200px;
+    .content {
+      height: $navbar-height;
+      border-bottom: 1px solid var(--Border-1, #d7d7d9);
+    }
+  }
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+
+  .page-wrap {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    .explore-detail-wrap {
+      min-height: 500px;
+      width: 684px;
+      .title {
+        color: var(--Text-1, #211f24);
+        font-family: $font-family-medium;
+        font-size: 28px;
+        font-style: normal;
+        font-weight: 400;
+        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: auto;
+      background: #fff;
+    }
+    .main-img-box {
+      width: 347px;
+      height: auto;
+      background: #fff;
+      aspect-ratio: 3/4;
+    }
+    .desc-img-wrap {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 24px;
+      .desc-img-box {
+        width: 212px;
+        height: 283px;
+        background: #fff;
+        object-fit: contain;
+        aspect-ratio: 3/4;
+      }
+    }
+    .play-icon {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      z-index: 222;
+      width: 64px;
+      height: 64px;
+      background-image: url('@/assets/img/creative-generation-workshop/icon-play.png');
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: center;
+      transition: background-image 0.3s ease;
+    }
+
+    .play-icon:hover {
+      background-image: url('@/assets/img/creative-generation-workshop/icon-play-hover.png');
+    }
+    .ai-suggest-box {
+      width: 440px;
+      height: fit-content;
+      max-height: 100%;
+      border-radius: 16px;
+      background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
+      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+      .ai-text {
+        font-family: $font-family-medium;
+        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;
+      }
+      .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; /* 133.333% */
+          }
+          &:first-child {
+            position: relative;
+            &::after {
+              content: '';
+              position: absolute;
+              top: 50%;
+              transform: translateY(-50%);
+              right: 0;
+              width: 1px;
+              height: 32px;
+              background: var(--Border-1, #d7d7d9);
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/explore/list/index.vue b/src/views/creative-generation-workshop/explore/list/index.vue
new file mode 100644
index 0000000..3be908e
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/list/index.vue
@@ -0,0 +1,102 @@
+<script lang="jsx">
+import TextOverTips from '@/components/text-over-tips';
+import { Image, Spin } from '@arco-design/web-vue';
+
+import { exactFormatTime } from '@/utils/tools';
+import { getShareWorksList } from '@/api/all/generationWorkshop';
+
+import icon1 from '@/assets/img/error-img.png';
+import icon2 from '@/assets/logo.svg';
+
+export default {
+  setup(props, { emit, expose }) {
+    const route = useRoute();
+    const router = useRouter();
+    const dataSource = ref({});
+    const loading = ref(false);
+    const works = computed(() => dataSource.value.works ?? []);
+    const shareCode = computed(() => route.params.shareCode);
+
+    const onClickItem = (item) => {
+      router.push({
+        path: `/explore/detail/${shareCode.value}/${item.id}`,
+      });
+    };
+
+    const getShareWorks = async () => {
+      try {
+        loading.value = true;
+        const { code, data } = await getShareWorksList(shareCode.value);
+        if (code === 200) {
+          dataSource.value = data;
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+    onMounted(() => {
+      getShareWorks();
+    });
+
+    return () => {
+      return (
+        <div class="explore-page">
+          <header class="page-header">
+            <div class="content w-full px-24px flex items-center bg-#fff">
+              <img src={icon2} alt="" width={130} />
+            </div>
+          </header>
+          {loading.value ? (
+            <Spin spinning={loading.value} class="h-500px w-full flex justify-center items-center" size={60} />
+          ) : (
+            <section class="page-wrapper flex justify-center">
+              <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" />
+                  <p class="cts !color-#939499 mb-24px">
+                    {`分享时间：${exactFormatTime(dataSource.value.created_at, 'YYYY-MM-DD HH:mm:ss')}  有效期${
+                      dataSource.value.days
+                    }天`}
+                  </p>
+                  <div class="card-container">
+                    {works.value.map((item) => {
+                      return (
+                        <div
+                          class="card-item rounded-8px overflow-hidden"
+                          key={item.id}
+                          onClick={() => onClickItem(item)}
+                        >
+                          <Image
+                            src={item.cover}
+                            width={'100%'}
+                            height={300}
+                            preview={false}
+                            fit="cover"
+                            v-slots={{
+                              error: () => <img src={icon1} class="w-full h-full" />,
+                            }}
+                          />
+                          <div class="p-16px">
+                            <TextOverTips context={item.title} class=" !lh-24px !text-16px mb-8px bold" />
+                            <p class="cts color-#737478">
+                              {exactFormatTime(item.last_modified_at, 'YYYY年MM月DD日')}修改
+                            </p>
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
+              </div>
+            </section>
+          )}
+        </div>
+      );
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/explore/list/style.scss b/src/views/creative-generation-workshop/explore/list/style.scss
new file mode 100644
index 0000000..f9e8045
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/list/style.scss
@@ -0,0 +1,59 @@
+.explore-page {
+  position: relative;
+  padding-top: $navbar-height;
+  min-width: 1200px;
+  background: #fff;
+  .page-header {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 1000;
+    min-width: 1200px;
+    .content {
+      height: $navbar-height;
+      border-bottom: 1px solid var(--Border-1, #d7d7d9);
+    }
+  }
+  .page-wrapper {
+    min-height: 500px;
+    .explore-container {
+      width: 1200px;
+      .explore-list-wrap {
+        .cts {
+          font-family: $font-family-regular;
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px;
+        }
+        :deep(.overflow-text) {
+          color: var(--Text-1, #211f24);
+          font-family: $font-family-regular;
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px;
+          &.bold {
+            font-family: $font-family-medium;
+          }
+        }
+        .card-container {
+          display: grid;
+          grid-template-columns: repeat(4, 1fr);
+          gap: 24px;
+          .card-item {
+            border: 1px solid var(--Border-1, #d7d7d9);
+            cursor: pointer;
+            transition: all 0.3s;
+            &:hover {
+              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
+              border: 1.01px solid var(--Border-1, #d7d7d9);
+              border-radius: 8.08px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue
index 42a9cc0..fa0040b 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue
@@ -39,7 +39,7 @@ export default {
             <span class="mr-8px cts bold">批量审核列表</span>
             <span class="mr-8px cts !lh-22px">{`共${dataSource.value.length}个`}</span>
           </div>
-          <icon-menu-unfold size={16} class="color-##55585F cursor-pointer" onClick={onClose} />
+          <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) => (
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index 65111b7..f5d880b 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -22,6 +22,7 @@ import 'swiper/css/navigation';
 import { Navigation } from 'swiper/modules';
 import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST } from './constants';
 import { getImagePreSignedUrl } from '@/api/all/common';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-line.png';
@@ -53,6 +54,12 @@ export default {
     const modules = [Navigation];
     const checkLoading = ref(false);
 
+    const tabList = computed(() => {
+      if (props.modelValue.type === EnumManuscriptType.Image) {
+        return TAB_LIST;
+      }
+      return TAB_LIST.filter((item) => item.value !== enumTab.IMAGE);
+    });
     const isTextTab = computed(() => activeTab.value === enumTab.TEXT);
 
     const onAiReplace = () => {
@@ -336,7 +343,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">
+                <div class="mb-24px relative w-fit">
                   <span class="ai-text">AI 审核建议</span>
                   <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
                 </div>
@@ -434,7 +441,7 @@ export default {
           <div class="flex-2 left-box mr-24px flex flex-col">
             <div class="flex-1 mb-12px rounded-8px border-1px pt-8px flex flex-col pb-16px bg-#F7F8FA border-#E6E6E8 border-solid">
               <Tabs v-model={activeTab.value} onTabClick={handleTabClick} class="mb-16px">
-                {TAB_LIST.map((item) => (
+                {tabList.value.map((item) => (
                   <TabPane key={item.value} title={item.label}></TabPane>
                 ))}
               </Tabs>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
index a00b885..ea569c7 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
@@ -17,18 +17,13 @@ export default {
       type: Array,
       default: () => [],
     },
-    modelValue: {
-      type: Object,
-      default: {},
-    },
     selectCardInfo: {
       type: Object,
       default: {},
     },
   },
-  emits: ['update:modelValue', 'cardClick'],
+  emits: ['cardClick', 'platformChange'],
   setup(props, { emit, expose }) {
-    const selectedPlatform = ref(1);
     const modules = [Navigation];
     const handleCardClick = (item) => {
       //   emit('update:modelValue', item);
@@ -94,15 +89,15 @@ export default {
                 <div
                   key={item.value}
                   onClick={() => {
-                    selectedPlatform.value = item.value;
+                    emit('platformChange', item.value);
                   }}
                   class={`w-100px flex items-center mr-16px py-8px px-12px flex border-1px border-solid border-transparent transition-all
                     items-center rounded-8px cursor-pointer bg-#F2F3F5 hover:bg-#E6E6E8 ${
-                      selectedPlatform.value === item.value ? '!bg-#F0EDFF  !border-#6D4CFE' : ''
+                      props.selectCardInfo.platform === item.value ? '!bg-#F0EDFF  !border-#6D4CFE' : ''
                     }`}
                 >
                   <img src={item.icon} alt="" width={20} height={20} class="mr-4px" />
-                  <span class={`cts !color-#211F24 ${selectedPlatform.value === item.value ? 'bold' : ''}`}>
+                  <span class={`cts !color-#211F24 ${props.selectCardInfo.platform === item.value ? 'bold' : ''}`}>
                     {item.label}
                   </span>
                 </div>
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index 66cac56..166d2d9 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -64,10 +64,15 @@ export default {
     const getWorkAudits = async () => {
       const { code, data } = await getWorkAuditsBatchDetail({ ids: workIds.value });
       if (code === 200) {
-        dataSource.value = data ?? [];
-        remoteDataSource.value = cloneDeep(data ?? []);
-        selectCardInfo.value = cloneDeep(data?.[0] ?? {});
-        selectedImageInfo.value = data?.[0].files?.[0] ?? {};
+        const _data = (data ?? []).map((item) => ({
+          ...item,
+          platform: item.platform === 0 ? 1 : item.platform,
+        }));
+
+        dataSource.value = _data;
+        remoteDataSource.value = cloneDeep(_data);
+        selectCardInfo.value = cloneDeep(_data?.[0] ?? {});
+        selectedImageInfo.value = cloneDeep(_data?.[0].files?.[0] ?? {});
       }
     };
 
@@ -77,6 +82,9 @@ export default {
         resolve(!isEqual(selectCardInfo.value, _item) && !isSaved.value);
       });
     };
+    const onPlatformChange = (platform) => {
+      selectCardInfo.value.platform = platform;
+    };
 
     const onExit = async () => {
       const isModified = await isSelectCardModified();
@@ -165,13 +173,18 @@ export default {
               class="check-list-icon"
               onClick={() => checkListDrawerRef.value.open(dataSource.value, selectCardInfo.value)}
             >
-              <icon-menu-fold size={16} class="color-#55585F mr-4px" />
+              <icon-menu-fold size={16} class="color-#55585F mr-4px hover:color-#6D4CFE" />
               <span class="cts !color-#211F24">审核列表</span>
             </div>
           )}
 
           <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
-            <HeaderCard dataSource={dataSource.value} selectCardInfo={selectCardInfo.value} onCardClick={onCardClick} />
+            <HeaderCard
+              dataSource={dataSource.value}
+              selectCardInfo={selectCardInfo.value}
+              onCardClick={onCardClick}
+              onPlatformChange={onPlatformChange}
+            />
             <section class="flex-1 overflow-hidden">
               <ContentCard
                 ref={contentCardRef}
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
index c7a4518..a890e69 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
@@ -4,6 +4,7 @@ import CommonSelect from '@/components/common-select';
 
 import { useClipboard } from '@vueuse/core';
 import { postShareLinksGenerate } from '@/api/all/generationWorkshop';
+import { generateFullUrl } from '@/utils/tools';
 
 const INITIAL_FORM = {
   work_ids: [],
@@ -44,6 +45,7 @@ export default {
     const formRef = ref(null);
     const formData = ref(cloneDeep(INITIAL_FORM));
     const loading = ref(false);
+    const router = useRouter();
 
     const { copy } = useClipboard({ source: formData.value.link });
 
@@ -63,9 +65,13 @@ export default {
       try {
         loading.value = true;
         const { code, data } = await postShareLinksGenerate(formData.value);
-        if (!code) {
+        if (code === 200) {
           onClose();
-          copy(data.code);
+
+          const url = router.resolve({
+            path: `/explore/list/${data.code}`,
+          }).href;
+          copy(generateFullUrl(url));
           AMessage.success('复制成功！');
           emit('close');
         }

From 6cb7ce5a0fea50cee99314a2ce1387d92c3b83fd Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 8 Aug 2025 12:12:46 +0800
Subject: [PATCH 42/64] =?UTF-8?q?feat:=20=E5=88=86=E4=BA=AB=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E7=A8=BF=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |   8 +-
 .../explore/detail/aiSuggest.vue              | 175 ++++++++++++++++++
 .../explore/detail/constants.ts               |  27 +++
 .../explore/detail/index.vue                  | 153 +++++++++------
 .../explore/detail/style.scss                 |  46 -----
 .../explore/list/index.vue                    |  14 +-
 .../explore/list/style.scss                   |  17 +-
 .../manuscript/detail/index.vue               |   5 +-
 8 files changed, 322 insertions(+), 123 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/explore/detail/aiSuggest.vue
 create mode 100644 src/views/creative-generation-workshop/explore/detail/constants.ts

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index e614a6f..ae03fdc 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -101,15 +101,15 @@ export const getShareWorksDetail = (id: string, shareCode: string) => {
 };
 
 // 内容稿件-确认(客户)
-export const patchShareWorksConfirm = (id: string, params = {}, shareCode: string) => {
-  return Http.patch(`/v1/share/works/${id}/confirm`, params, {
+export const patchShareWorksConfirm = (id: string, shareCode: string) => {
+  return Http.patch(`/v1/share/works/${id}/confirm`, {}, {
     headers: { 'share-code': shareCode },
   });
 };
 
 // 内容稿件-评论(客户)
-export const postShareWorksComments = (id: string, params = {}, shareCode: string) => {
-  return Http.post(`/v1/share/works/${id}/comments`, params, {
+export const postShareWorksComments = (id: string, shareCode: string) => {
+  return Http.post(`/v1/share/works/${id}/comments`, {}, {
     headers: { 'share-code': shareCode },
   });
 };
diff --git a/src/views/creative-generation-workshop/explore/detail/aiSuggest.vue b/src/views/creative-generation-workshop/explore/detail/aiSuggest.vue
new file mode 100644
index 0000000..bb899cd
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/aiSuggest.vue
@@ -0,0 +1,175 @@
+<script lang="jsx">
+import { Image, Spin, Button } from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+
+import { RESULT_LIST, ENUM_OPINION } from './constants';
+
+import icon1 from '@/assets/img/creative-generation-workshop/icon-line.png';
+
+const _iconMap = new Map([
+  [1, { icon: <icon-check-circle-fill size={16} class="color-#25C883" /> }],
+  [2, { icon: <icon-exclamation-circle-fill size={16} class="color-#F64B31" /> }],
+  [3, { icon: <icon-exclamation-circle-fill size={16} class="color-#FFAE00" /> }],
+  [4, { icon: <icon-exclamation-circle-fill size={16} class="color-#939499" /> }],
+]);
+
+const data1 = [
+  {
+    label: '色情检测',
+    level: 1,
+  },
+  {
+    label: '涉政检测',
+    level: 2,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '暴恐检测',
+    level: 4,
+  },
+  {
+    label: '暴恐检测',
+    level: 4,
+  },
+];
+
+export default {
+  props: {
+    isExpand: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  emits: ['toggle'],
+  setup(props, { emit, expose }) {
+    return () => (
+      <section class="py-16px absolute right-16px w-440px h-full">
+        <div class="ai-suggest-box p-24px">
+          <div class="mb-16px w-full flex justify-between">
+            <div class="mb-24px relative w-fit">
+              <span class="ai-text">AI 智能审核</span>
+              <img src={icon1} class="w-80px h-10.8px absolute bottom-1px left--9px" />
+            </div>
+            <icon-menu-unfold
+              size={20}
+              class="color-#55585F cursor-pointer hover:color-#6D4CFE"
+              onClick={() => emit('toggle', false)}
+            />
+          </div>
+
+          <div class="result-box p-16px rounded-8px mb-16px">
+            <div class="flex items-center justify-between mb-16px">
+              <p class="cts bold !color-#000 !text-16px">审核结果</p>
+              <Button type="text" class="!color-#6D4CFE hover:!color-#8A70FE">
+                展开详情
+              </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 ${item.class}`}>30</span>
+                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                </div>
+              ))}
+            </div>
+          </div>
+          <div class="result-box p-16px rounded-8px mb-16px">
+            <p class="cts bold !color-#000 !text-16px mb-16px">敏感词检测</p>
+            <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
+							{
+							data1.map((item, index) => (
+								<div class="audit-item" key={index}>
+									<div class="flex items-center">
+										{_iconMap.get(item.level)?.icon}
+										<TextOverTips context={item.label} class="cts ml-4px" />
+									</div>
+								</div>
+							))
+						}
+						</div>
+          </div>
+          <div class="result-box p-16px rounded-8px mb-16px">
+            <p class="cts bold !color-#000 !text-16px mb-16px">图片内容违规检测</p>
+            <p class="cts bold !color-#000 !text-16px mb-16px">图片文字违规检测</p>
+          </div>
+        </div>
+      </section>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.ai-suggest-box {
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  width: 440px;
+  height: fit-content;
+  max-height: 100%;
+  border-radius: 16px;
+  background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+  .ai-text {
+    font-family: $font-family-medium;
+    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;
+  }
+  .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; /* 133.333% */
+      }
+      &:first-child {
+        position: relative;
+        &::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          right: 0;
+          width: 1px;
+          height: 32px;
+          background: var(--Border-1, #d7d7d9);
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/explore/detail/constants.ts b/src/views/creative-generation-workshop/explore/detail/constants.ts
new file mode 100644
index 0000000..8273ad4
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/constants.ts
@@ -0,0 +1,27 @@
+export const RESULT_LIST = [
+  {
+    label: '合规程度',
+    value: 'compliance_degree',
+    class: '!color-#6d4cfe',
+  },
+  {
+    label: '检验项',
+    value: 'compliance',
+    class: '!color-#211F24',
+  },
+  {
+    label: '高风险',
+    value: 'high_risk',
+    class: '!color-#F64B31',
+  },
+  {
+    label: '中风险',
+    value: 'medium_risk',
+    class: '!color-#FFAE00',
+  },
+];
+
+export const ENUM_OPINION = {
+  wait: 0, // 待确认
+  confirm: 1, // 已确认
+};
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue
index 09ab964..6e62934 100644
--- a/src/views/creative-generation-workshop/explore/detail/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -1,41 +1,23 @@
 <script lang="jsx">
 import { Image, Spin, Button } from '@arco-design/web-vue';
+import AiSuggest from './aiSuggest.vue';
 
-import { getShareWorksDetail } from '@/api/all/generationWorkshop.ts';
+import { getShareWorksList, getShareWorksDetail, patchShareWorksConfirm } from '@/api/all/generationWorkshop.ts';
 import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { RESULT_LIST, ENUM_OPINION } from './constants';
 
 import icon1 from '@/assets/logo.svg';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-confirm.png';
 import icon3 from '@/assets/img/creative-generation-workshop/icon-line.png';
 
-const RESULT_LIST = [
-  {
-    label: '合规程度',
-    value: 'compliance_degree',
-    class: '!color-#6d4cfe',
-  },
-  {
-    label: '检验项',
-    value: 'compliance',
-    class: '!color-#211F24',
-  },
-  {
-    label: '高风险',
-    value: 'high_risk',
-    class: '!color-#F64B31',
-  },
-  {
-    label: '中风险',
-    value: 'medium_risk',
-    class: '!color-#FFAE00',
-  },
-];
-
 export default {
   setup(props, { emit, expose }) {
     const route = useRoute();
+    const router = useRouter();
+
     const dataSource = ref({});
+    const shareWorks = ref({});
     const isExpand = ref(true);
     const loading = ref(false);
 
@@ -47,8 +29,17 @@ export default {
     const images = ref([]);
 
     const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
+    const isMultiWork = computed(() => shareWorks.value.works?.length > 1);
+    const shareCode = computed(() => route.params.shareCode);
+    const hasPrevBtn = computed(() => dataSource.value.prev);
+    const hasNextBtn = computed(() => dataSource.value.next);
 
     const initData = () => {
+      videoUrl.value = '';
+      coverImageUrl.value = '';
+      images.value = [];
+      if (!dataSource.value.files.length) return;
+
       const [fileOne, ...fileOthers] = dataSource.value.files ?? [];
       if (isVideo.value) {
         videoUrl.value = fileOne.url;
@@ -61,9 +52,10 @@ export default {
 
     const getDetail = async () => {
       try {
+        dataSource.value = {};
         loading.value = true;
-        const { id, shareCode } = route.params;
-        const { code, data } = await getShareWorksDetail(id, shareCode);
+        const { id } = route.params;
+        const { code, data } = await getShareWorksDetail(id, shareCode.value);
         if (code === 200) {
           dataSource.value = data;
           initData();
@@ -73,6 +65,13 @@ export default {
       }
     };
 
+    const getShareWorks = async () => {
+      const { code, data } = await getShareWorksList(shareCode.value);
+      if (code === 200) {
+        shareWorks.value = data;
+      }
+    };
+
     const renderMainImg = () => {
       if (!coverImageUrl.value) return null;
 
@@ -116,8 +115,68 @@ export default {
       isPlaying.value = false;
     };
 
+    const onBackList = () => {
+      router.push({
+        path: `/explore/list/${shareCode.value}`,
+      });
+    };
+    const onPrevWork = async () => {
+      await router.push({
+        path: `/explore/detail/${shareCode.value}/${dataSource.value.prev.id}`,
+      });
+      getDetail();
+    };
+    const onNextWork = async () => {
+      await router.push({
+        path: `/explore/detail/${shareCode.value}/${dataSource.value.next.id}`,
+      });
+      getDetail();
+    };
+    const handleConfirm = async () => {
+      const { code, data } = await patchShareWorksConfirm(dataSource.value.id, shareCode.value);
+      if (code === 200) {
+        dataSource.value.customer_opinion = ENUM_OPINION.confirm;
+      }
+    };
+    const renderConfirmBtn = () => {
+      if (dataSource.value.customer_opinion === ENUM_OPINION.confirm) return null;
+
+      return (
+        <Button type="primary" size="large" onClick={handleConfirm}>
+          确认内容稿件
+        </Button>
+      );
+    };
+    const renderActionRow = () => {
+      if (loading.value) return null;
+
+      if (isMultiWork.value) {
+        return (
+          <>
+            {hasPrevBtn.value && (
+              <Button type="text" size="large" class="mr-12px" onClick={onPrevWork}>
+                上一条
+              </Button>
+            )}
+            {hasNextBtn.value && (
+              <Button type="text" size="large" class="mr-12px" onClick={onNextWork}>
+                下一条
+              </Button>
+            )}
+            <Button type="outline" size="large" class="mr-12px" onClick={onBackList}>
+              返回列表
+            </Button>
+            {renderConfirmBtn()}
+          </>
+        );
+      }
+
+      return renderConfirmBtn();
+    };
+
     onMounted(() => {
       getDetail();
+      getShareWorks();
     });
     onBeforeUnmount(() => {
       if (videoRef.value) {
@@ -130,8 +189,9 @@ export default {
       return (
         <div class="explore-page">
           <header class="page-header">
-            <div class="content w-full px-24px flex items-center bg-#fff">
+            <div class="content w-full px-24px flex items-center bg-#fff justify-between">
               <img src={icon1} alt="" width={130} />
+              <div class="flex items-center">{renderActionRow()}</div>
             </div>
           </header>
           {loading.value ? (
@@ -147,12 +207,14 @@ export default {
                   <p class="cts color-#737478 mb-32px">
                     {exactFormatTime(dataSource.value.last_modified_at, 'YYYY年MM月DD日')}修改
                   </p>
-                  {dataSource.value.customer_opinion === 1 && (
+                  {dataSource.value.customer_opinion === ENUM_OPINION.confirm && (
                     <img src={icon2} width={92} height={92} class="absolute right-0 bottom-0" />
                   )}
                 </div>
                 {renderMainImg()}
-                <p class="cts !color-#211F24">{dataSource.value.content}</p>
+                <div class="w-full">
+                  <p class="cts !color-#211F24">{dataSource.value.content}</p>
+                </div>
 
                 {/* 仅图片类型显示图片列表 */}
                 {!isVideo.value && (
@@ -166,38 +228,7 @@ export default {
                 )}
               </section>
               {isExpand.value && (
-                <section class="py-16px absolute right-16px w-440px h-full">
-                  <div class="ai-suggest-box p-24px">
-                    <div class="mb-16px w-full flex justify-between">
-                      <div class="mb-24px relative w-fit">
-                        <span class="ai-text">AI 审核建议</span>
-                        <img src={icon3} class="w-80px h-10.8px absolute bottom-1px left--9px" />
-                      </div>
-                      <icon-menu-unfold
-                        size={20}
-                        class="color-#55585F cursor-pointer hover:color-#6D4CFE"
-                        onClick={() => (isExpand.value = false)}
-                      />
-                    </div>
-
-                    <div class="result-box p-16px rounded-8px mb-16px">
-                      <div class="flex items-center justify-between mb-16px">
-                        <p class="cts bold !color-#000 !text-16px">审核结果</p>
-                        <Button type="text" class="!color-#6D4CFE hover:!color-#8A70FE">
-                          展开详情
-                        </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 ${item.class}`}>30</span>
-                            <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
-                          </div>
-                        ))}
-                      </div>
-                    </div>
-                  </div>
-                </section>
+                <AiSuggest isExpand={isExpand.value} onToggle={(expand) => (isExpand.value = expand)} />
               )}
             </div>
           )}
diff --git a/src/views/creative-generation-workshop/explore/detail/style.scss b/src/views/creative-generation-workshop/explore/detail/style.scss
index dbc1b58..c842ee8 100644
--- a/src/views/creative-generation-workshop/explore/detail/style.scss
+++ b/src/views/creative-generation-workshop/explore/detail/style.scss
@@ -101,51 +101,5 @@
     .play-icon:hover {
       background-image: url('@/assets/img/creative-generation-workshop/icon-play-hover.png');
     }
-    .ai-suggest-box {
-      width: 440px;
-      height: fit-content;
-      max-height: 100%;
-      border-radius: 16px;
-      background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
-      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
-      .ai-text {
-        font-family: $font-family-medium;
-        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;
-      }
-      .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; /* 133.333% */
-          }
-          &:first-child {
-            position: relative;
-            &::after {
-              content: '';
-              position: absolute;
-              top: 50%;
-              transform: translateY(-50%);
-              right: 0;
-              width: 1px;
-              height: 32px;
-              background: var(--Border-1, #d7d7d9);
-            }
-          }
-        }
-      }
-    }
   }
 }
diff --git a/src/views/creative-generation-workshop/explore/list/index.vue b/src/views/creative-generation-workshop/explore/list/index.vue
index 3be908e..982cdf0 100644
--- a/src/views/creative-generation-workshop/explore/list/index.vue
+++ b/src/views/creative-generation-workshop/explore/list/index.vue
@@ -4,6 +4,7 @@ import { Image, Spin } from '@arco-design/web-vue';
 
 import { exactFormatTime } from '@/utils/tools';
 import { getShareWorksList } from '@/api/all/generationWorkshop';
+import { ENUM_OPINION } from '../detail/constants';
 
 import icon1 from '@/assets/img/error-img.png';
 import icon2 from '@/assets/logo.svg';
@@ -78,9 +79,16 @@ export default {
                           />
                           <div class="p-16px">
                             <TextOverTips context={item.title} class=" !lh-24px !text-16px mb-8px bold" />
-                            <p class="cts color-#737478">
-                              {exactFormatTime(item.last_modified_at, 'YYYY年MM月DD日')}修改
-                            </p>
+                            <div class="flex justify-between">
+                              <p class="cts color-#737478">
+                                {exactFormatTime(item.last_modified_at, 'YYYY年MM月DD日')}修改
+                              </p>
+                              {item.customer_opinion === ENUM_OPINION.confirm && (
+                                <div class="h-24px px-8px flex justify-center items-center rounded-2px bg-#EBF7F2">
+                                  <span class="cts bold color-#25C883">已确认</span>
+                                </div>
+                              )}
+                            </div>
                           </div>
                         </div>
                       );
diff --git a/src/views/creative-generation-workshop/explore/list/style.scss b/src/views/creative-generation-workshop/explore/list/style.scss
index f9e8045..91f37eb 100644
--- a/src/views/creative-generation-workshop/explore/list/style.scss
+++ b/src/views/creative-generation-workshop/explore/list/style.scss
@@ -3,6 +3,16 @@
   padding-top: $navbar-height;
   min-width: 1200px;
   background: #fff;
+  .cts {
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
   .page-header {
     position: fixed;
     left: 0;
@@ -20,13 +30,6 @@
     .explore-container {
       width: 1200px;
       .explore-list-wrap {
-        .cts {
-          font-family: $font-family-regular;
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px;
-        }
         :deep(.overflow-text) {
           color: var(--Text-1, #211f24);
           font-family: $font-family-regular;
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index 53400ae..c149ae5 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -166,8 +166,9 @@ export default {
               </div>
 
               {renderMainImg()}
-
-              <p class="cts !color-#211F24 ">{dataSource.value.content}</p>
+              <div class="w-full">
+                <p class="cts !color-#211F24 ">{dataSource.value.content}</p>
+              </div>
 
               {/* 仅图片类型显示图片列表 */}
               {!isVideo.value && (

From 819fb8db8fa8e6e3d7925db9611d20da3932f64d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 8 Aug 2025 15:55:11 +0800
Subject: [PATCH 43/64] =?UTF-8?q?feat:=20=E7=A8=BF=E4=BB=B6=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |   4 +-
 .../icon-avatar-default.png                   | Bin 0 -> 1749 bytes
 src/assets/svg/svg-comment.svg                |   6 +
 .../explore/detail/aiSuggest.vue              | 175 ------------
 .../detail/components/ai-suggest/index.vue    | 266 ++++++++++++++++++
 .../detail/components/ai-suggest/style.scss   |  86 ++++++
 .../explore/detail/constants.ts               |  42 ++-
 .../explore/detail/index.vue                  |  32 ++-
 8 files changed, 431 insertions(+), 180 deletions(-)
 create mode 100644 src/assets/img/creative-generation-workshop/icon-avatar-default.png
 create mode 100644 src/assets/svg/svg-comment.svg
 delete mode 100644 src/views/creative-generation-workshop/explore/detail/aiSuggest.vue
 create mode 100644 src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
 create mode 100644 src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index ae03fdc..c7efa76 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -108,8 +108,8 @@ export const patchShareWorksConfirm = (id: string, shareCode: string) => {
 };
 
 // 内容稿件-评论(客户)
-export const postShareWorksComments = (id: string, shareCode: string) => {
-  return Http.post(`/v1/share/works/${id}/comments`, {}, {
+export const postShareWorksComments = (id: string, shareCode: string, params = {}) => {
+  return Http.post(`/v1/share/works/${id}/comments`, params, {
     headers: { 'share-code': shareCode },
   });
 };
diff --git a/src/assets/img/creative-generation-workshop/icon-avatar-default.png b/src/assets/img/creative-generation-workshop/icon-avatar-default.png
new file mode 100644
index 0000000000000000000000000000000000000000..277a80ff427b81f90172dfb54458f148bde63c1a
GIT binary patch
literal 1749
zcmV;`1}gc9P)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH25Lz}K~#7F?VY=G
z6IT?*zjJpRhzk!zQosy?30-)kf(|jMoUw@*sz3pmNji*7nKYQc0GUS>X5uuVO0cmr
zR2jC+q`?{JV2GFr1(^wPK|-V5lY8!JjrCYdyWZ86to;?zm3O7x{d~@SoO|~y!6I`N
zo`jFGkD#PK9tBg07*f{7@O=Zqy53f2U>(GDU4EgUJh)h^EzvqGK^P#BU|NKe9B`#W
zq_hy~T5`{UT80B}kb(|Gz`1EI`@~gUEQ2wLydho`F>5Qdgq+DuK(V%<fhrTv4MenV
z7|RT<IgTS%Sw{|JF5plI*NzsFm=<rW(lumErUK5+@I?Y&WzMK>%bKP|-du4Pkr9~)
zsI9K#H~2e99XA>*IWAqv!mSmy$>q~r^?iPX(GgFm=zsX5*_p;gY?IU$D0LnCxEipo
z>qZzwR9je~D@aKy0mWs52H(^DxntM?Xc5+wOJ~x!bYcOGcs@TI+J+)6x`A;VI+aw!
zL;~(u@gh=)*tdW?Uc88eBK9TV*oYUAK*YYfF{Z&77x4srt#ZvK_|b!&0#;}E`c7$W
zlOWeD-Lzi&ZRx@?Gy|Iv#`wZ~<>t>$EpBtHfM$3mBaC4Q2-ss?5Boljs}EycSc`YP
z5YI5#9OrkXtAL^FqJn~ma@@GNtAG-cLO~nqYPVLoL%_?^LmbbuiRsz|9f6aUMr7<d
z%*l}k<-q1iD|ho&-#3#!C0ORe!@!Z_gxwS2=f7Vuo<0GdJ%(*2n^rg<{h>ub6OM;H
z_8tVzeo02aRtQu2_4QxCjc*vQU%?s-lG(+1Y@At>OEZlMvAPFK9614;pCjygZ|nWu
z{tNv0E#tReU=1zesavb$NqM6YAvmAG5_{h7Pdq{PIr|l1&j+xE_S9-rHUgUFnRVaK
z5+X=H;zh{5=c@x<RMAd3>e3hi8@^wLCB*s;pFm;`>3Y(l6`Ca~QZNGAbl-gkk(xsv
z!5RSvWqEH3$Yoe!?*XJntk)JyWQ<Ok>B*wwoE)v0Xs6Jy8!UbK2U7FrbJ#`KgDODi
z%eHv>IPBXcMZWXw39RA=K}mt^x~~Y~EhiuUc=tJ#@R_1;R58<jSjM{_4%7NY_Vt!w
zAEuHb*pE7kCEfU%`x5cx^Kd+D-TDOWy)-)${4-3U`?BsFluuJf7sa@`cH0L(V0e&)
zo3qn_%>Ya+5}Aoa6w7>RyTy&c#gHO`4XbFI+4cg<amR`UN;GBHMChWXoFEdjnW)i`
z`q7rPy2Mmx;t~dcM4CVSoJ{?eR<x~n{HqSO-Wh1bdVOFPIHiS~I)_}5u-M@fWLoM6
zck^!>br-O%wDr}IGlLMX<#^}9W9E(Ax2K5s1#;y0Cm5)B5pv8lf!ai9<5OD2HRQ<D
zIeVdZnJUN=bH^wnKNprp!)DM^j@>y$njHa@r(DPJkQ4j15pB+jJkP;(v8H61f^=n&
z12(M>d7pzG2a9&$NQ8o1f<t-q^^&q{0y)8+ycz)m3O^L|kGVS@O#w|kNU)Z7U?g$i
z$(s={T&@+a^(g2A;>Bo*+eS1-Pi-!spf4i#6*dGktBo>t<6#K9zkP#jk=A!pGK<#r
zfy@gG%4~h~gS+y|*gauqH1gjYZk|Jy1TA?NS_D+Cs`)-wvzj9j3;gMhl!kKFAUWn9
zy4Hb5OGG;CRC7@m#=y+qx8HEn5z-ecB$M5upareTtyO2f{m&f&iWTa5F!TH>qfgLP
zli1o_Pj^1VXl3Halck%h>P)u{v9ofHOJ5YD6PT=Vl4B-rbF6?;Sq9+3l@V;2pl8c@
z;oB=tO$S`ZwpEsE@0BL1=ft|}s(H#e>_3diHS1QlXHub_0-B(qOJ~NaYoo7KuDQQm
z`=m&F61RH-io`qJzLJn4^;0W}S7*rqls?c-YFOl2(umjmZh9_F`!x!0{~TGQt0Fy(
zw3&am9jG%2Dlmc>KJ*A92>9CVEpo#2_cIv~=9qyNkw+!dhbKeTEK-0LNocqIlR2R4
z#(70_VQ7TZ?y7^KQrFe8&T^h-B5rZ(vQ>-BQMh-97yy@Mq;3o<#B>39BOy43r-Q-^
zQC@?54>v&M_Rxm8(>tgr(8;VUQ=ammUzP(>p1TttMi7S)w1Hy^L755r&EqhDN%NG4
rwr-IT3Fa{wB9@eYXQ=w11#9PjgAKl8*FIHi00000NkvXXu0mjfQRX{&

literal 0
HcmV?d00001

diff --git a/src/assets/svg/svg-comment.svg b/src/assets/svg/svg-comment.svg
new file mode 100644
index 0000000..848f0cd
--- /dev/null
+++ b/src/assets/svg/svg-comment.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path d="M4.99935 6.33398C5.36739 6.33416 5.66602 6.63257 5.66602 7.00065C5.66602 7.36873 5.36739 7.66714 4.99935 7.66732H4.33333C3.96514 7.66732 3.66667 7.36884 3.66667 7.00065C3.66667 6.63246 3.96514 6.33398 4.33333 6.33398H4.99935Z" fill="#55585F"/>
+  <path d="M8.33333 6.33398C8.70152 6.33398 9 6.63246 9 7.00065C9 7.36884 8.70152 7.66732 8.33333 7.66732H7.66602C7.29783 7.66732 6.99935 7.36884 6.99935 7.00065C6.99935 6.63246 7.29783 6.33398 7.66602 6.33398H8.33333Z" fill="#55585F"/>
+  <path d="M11.666 6.33398C12.0341 6.33416 12.3327 6.63257 12.3327 7.00065C12.3327 7.36873 12.0341 7.66714 11.666 7.66732H11C10.6318 7.66732 10.3333 7.36884 10.3333 7.00065C10.3333 6.63246 10.6318 6.33398 11 6.33398H11.666Z" fill="#55585F"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.666 1.33398C15.0342 1.33398 15.3327 1.63246 15.3327 2.00065V12.0007C15.3327 12.3688 15.0342 12.6673 14.666 12.6673H9.94206L8.4707 14.1387C8.21035 14.399 7.78834 14.399 7.528 14.1387L6.05664 12.6673H1.33268C0.964492 12.6673 0.666016 12.3688 0.666016 12.0007V2.00065C0.666016 1.63246 0.964492 1.33398 1.33268 1.33398H14.666ZM1.99935 11.334H6.33268C6.50949 11.334 6.67901 11.4043 6.80404 11.5293L7.99935 12.7246L9.19466 11.5293L9.24349 11.485C9.36213 11.3878 9.51129 11.334 9.66602 11.334H13.9993V2.66732H1.99935V11.334Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/explore/detail/aiSuggest.vue b/src/views/creative-generation-workshop/explore/detail/aiSuggest.vue
deleted file mode 100644
index bb899cd..0000000
--- a/src/views/creative-generation-workshop/explore/detail/aiSuggest.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<script lang="jsx">
-import { Image, Spin, Button } from '@arco-design/web-vue';
-import TextOverTips from '@/components/text-over-tips';
-
-import { RESULT_LIST, ENUM_OPINION } from './constants';
-
-import icon1 from '@/assets/img/creative-generation-workshop/icon-line.png';
-
-const _iconMap = new Map([
-  [1, { icon: <icon-check-circle-fill size={16} class="color-#25C883" /> }],
-  [2, { icon: <icon-exclamation-circle-fill size={16} class="color-#F64B31" /> }],
-  [3, { icon: <icon-exclamation-circle-fill size={16} class="color-#FFAE00" /> }],
-  [4, { icon: <icon-exclamation-circle-fill size={16} class="color-#939499" /> }],
-]);
-
-const data1 = [
-  {
-    label: '色情检测',
-    level: 1,
-  },
-  {
-    label: '涉政检测',
-    level: 2,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '暴恐检测',
-    level: 4,
-  },
-  {
-    label: '暴恐检测',
-    level: 4,
-  },
-];
-
-export default {
-  props: {
-    isExpand: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  emits: ['toggle'],
-  setup(props, { emit, expose }) {
-    return () => (
-      <section class="py-16px absolute right-16px w-440px h-full">
-        <div class="ai-suggest-box p-24px">
-          <div class="mb-16px w-full flex justify-between">
-            <div class="mb-24px relative w-fit">
-              <span class="ai-text">AI 智能审核</span>
-              <img src={icon1} class="w-80px h-10.8px absolute bottom-1px left--9px" />
-            </div>
-            <icon-menu-unfold
-              size={20}
-              class="color-#55585F cursor-pointer hover:color-#6D4CFE"
-              onClick={() => emit('toggle', false)}
-            />
-          </div>
-
-          <div class="result-box p-16px rounded-8px mb-16px">
-            <div class="flex items-center justify-between mb-16px">
-              <p class="cts bold !color-#000 !text-16px">审核结果</p>
-              <Button type="text" class="!color-#6D4CFE hover:!color-#8A70FE">
-                展开详情
-              </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 ${item.class}`}>30</span>
-                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
-                </div>
-              ))}
-            </div>
-          </div>
-          <div class="result-box p-16px rounded-8px mb-16px">
-            <p class="cts bold !color-#000 !text-16px mb-16px">敏感词检测</p>
-            <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
-							{
-							data1.map((item, index) => (
-								<div class="audit-item" key={index}>
-									<div class="flex items-center">
-										{_iconMap.get(item.level)?.icon}
-										<TextOverTips context={item.label} class="cts ml-4px" />
-									</div>
-								</div>
-							))
-						}
-						</div>
-          </div>
-          <div class="result-box p-16px rounded-8px mb-16px">
-            <p class="cts bold !color-#000 !text-16px mb-16px">图片内容违规检测</p>
-            <p class="cts bold !color-#000 !text-16px mb-16px">图片文字违规检测</p>
-          </div>
-        </div>
-      </section>
-    );
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.ai-suggest-box {
-  .cts {
-    color: #939499;
-    font-family: $font-family-regular;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
-    &.bold {
-      font-family: $font-family-medium;
-    }
-  }
-  width: 440px;
-  height: fit-content;
-  max-height: 100%;
-  border-radius: 16px;
-  background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
-  .ai-text {
-    font-family: $font-family-medium;
-    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;
-  }
-  .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; /* 133.333% */
-      }
-      &:first-child {
-        position: relative;
-        &::after {
-          content: '';
-          position: absolute;
-          top: 50%;
-          transform: translateY(-50%);
-          right: 0;
-          width: 1px;
-          height: 32px;
-          background: var(--Border-1, #d7d7d9);
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
new file mode 100644
index 0000000..178fdc5
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
@@ -0,0 +1,266 @@
+<script lang="jsx">
+import { Image, Spin, Button, Input } from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+import SvgIcon from '@/components/svg-icon/index.vue';
+
+import { RESULT_LIST, ENUM_OPINION, formatRelativeTime } from '../../constants';
+import { postShareWorksComments, deleteShareWorksComments } from '@/api/all/generationWorkshop.ts';
+import { exactFormatTime } from '@/utils/tools.ts';
+
+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';
+
+const _iconMap = new Map([
+  [1, { icon: <icon-check-circle-fill size={16} class="color-#25C883 flex-shrink-0" /> }],
+  [2, { icon: <icon-exclamation-circle-fill size={16} class="color-#F64B31 flex-shrink-0" /> }],
+  [3, { icon: <icon-exclamation-circle-fill size={16} class="color-#FFAE00 flex-shrink-0" /> }],
+  [4, { icon: <icon-exclamation-circle-fill size={16} class="color-#939499 flex-shrink-0" /> }],
+]);
+
+const data1 = [
+  {
+    label: '色情检测',
+    level: 1,
+  },
+  {
+    label: '涉政检测',
+    level: 2,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '涉政正负向检测',
+    level: 3,
+  },
+  {
+    label: '暴恐检测',
+    level: 4,
+  },
+  {
+    label: '暴恐检测',
+    level: 4,
+  },
+];
+
+export default {
+  props: {
+    isExpand: {
+      type: Boolean,
+      default: true,
+    },
+    dataSource: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  emits: ['toggle', 'updateComment', 'deleteComment'],
+  setup(props, { emit, expose }) {
+    const route = useRoute();
+
+    const isCollapse = ref(false);
+    const comment = ref('');
+    const isReplay = ref(false);
+    const commentId = ref(undefined);
+
+    const onComment = async () => {
+      const { code, data } = await postShareWorksComments(props.dataSource.id, route.params.shareCode, {
+        content: comment.value,
+        comment_id: commentId.value,
+      });
+      if (code === 200) {
+        emit('updateComment');
+        comment.value = '';
+      }
+    };
+
+    const onClearComment = () => {
+      isReplay.value = false;
+      commentId.value = undefined;
+      comment.value = '';
+    };
+
+    const deleteComment = async (comment_id) => {
+      emit('deleteComment', comment_id);
+
+      deleteShareWorksComments(props.dataSource.id, comment_id, route.params.shareCode);
+    };
+
+    const getCommentName = (item) => {
+      if (item.commenter_id === 0) {
+        return '佚名';
+      }
+      // 姓名脱敏：保留首尾字符，中间拼接6个****
+      const maskName = (name) => {
+        if (!name || name.length <= 1) return name; // 单字符不脱敏
+        return name[0] + '****' + name[name.length - 1];
+      };
+      // 手机号脱敏：保留前3位和后4位，中间4位替换为****
+      const maskMobile = (mobile) => mobile?.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2');
+
+      const maskedName = maskName(item.commenter?.name);
+      const maskedMobile = maskMobile(item.commenter?.mobile);
+      return maskedName || maskedMobile;
+    };
+
+    return () => (
+      <section class="py-16px absolute right-16px w-440px h-full overflow-hidden">
+        <div class="ai-suggest-box py-24px flex flex-col">
+          <div class="mb-16px w-full flex justify-between px-24px">
+            <div class="relative w-fit">
+              <span class="ai-text">AI 智能审核</span>
+              <img src={icon1} class="w-80px h-10.8px absolute bottom-1px left--9px" />
+            </div>
+            <icon-menu-unfold
+              size={20}
+              class="color-#55585F cursor-pointer hover:color-#6D4CFE"
+              onClick={() => emit('toggle', false)}
+            />
+          </div>
+
+          {/**主体 */}
+          <div class="flex-1 overflow-y-auto px-24px">
+            <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>
+                <Button
+                  type="text"
+                  class="!color-#6D4CFE hover:!color-#8A70FE"
+                  onClick={() => (isCollapse.value = !isCollapse.value)}
+                >
+                  {isCollapse.value ? '展开详情' : '收起详情'}
+                </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 ${item.class}`}>30</span>
+                    <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                  </div>
+                ))}
+              </div>
+            </div>
+            {/**敏感词检测 */}
+            <div class={`collapse-box overflow-hidden ${isCollapse.value ? 'h-0 ' : 'h-auto'}`}>
+              <div class="result-box p-16px rounded-8px mt-16px">
+                <p class="cts bold !color-#000 !text-16px mb-16px">敏感词检测</p>
+                <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
+                  {data1.map((item, index) => (
+                    <div class="audit-item" key={index}>
+                      <div class="flex items-center h-20px">
+                        {_iconMap.get(item.level)?.icon}
+                        <TextOverTips context={item.label} class="cts ml-4px !color-#000" />
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+              <div class="result-box p-16px rounded-8px mt-16px">
+                <p class="cts bold !color-#000 !text-16px mb-16px">图片内容违规检测</p>
+                <div class="grid grid-cols-3 gap-x-24px gap-y-8px mb-16px">
+                  {data1.map((item, index) => (
+                    <div class="audit-item" key={index}>
+                      <div class="flex items-center h-20px">
+                        {_iconMap.get(item.level)?.icon}
+                        <TextOverTips context={item.label} class="cts ml-4px !color-#000" />
+                      </div>
+                    </div>
+                  ))}
+                </div>
+                <p class="cts bold !color-#000 !text-16px mb-16px">图片文字违规检测</p>
+                <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
+                  {data1.map((item, index) => (
+                    <div class="audit-item" key={index}>
+                      <div class="flex items-center h-20px">
+                        {_iconMap.get(item.level)?.icon}
+                        <TextOverTips context={item.label} class="cts ml-4px !color-#000" />
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+            {/* 评论与回复 */}
+            <div class="comment-box">
+              <p class="my-16px">
+                <span class="cts bold cm !text-16px !lh-24px mr-8px">评论</span>
+                {props.dataSource.comments?.length > 0 && (
+                  <span class="cts !text-16px !lh-24px bold">{props.dataSource.comments?.length}</span>
+                )}
+              </p>
+              <div class="comment-list flex flex-col my-16px rounded-8px">
+                {props.dataSource.comments?.map((item) => (
+                  <div class="comment-item flex  px-12px py-8px" key={item.id}>
+                    <Image
+                      src={item.commenter_id === 0 ? icon2 : item.commenter?.head_image}
+                      width={40}
+                      height={40}
+                      preview={false}
+                      fit="cover"
+                      class="rounded-50% mr-13px"
+                      v-slots={{
+                        error: () => <img src={icon3} class="w-40 h-40 rounded-50%" />,
+                      }}
+                    />
+
+                    <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>
+                          <span class="cts !color-#939499">{formatRelativeTime(item.created_at)}</span>
+                        </p>
+                        <div class="flex items-center">
+                          <SvgIcon
+                            name="svg-comment"
+                            size={16}
+                            class="color-#55585F mr-12px cursor-pointer hover:color-#6D4CFE"
+                          />
+                          <icon-delete
+                            class="cursor-pointer color-#55585F hover:color-#6D4CFE"
+                            size={16}
+                            onClick={() => deleteComment(item.id)}
+                          />
+                        </div>
+                      </div>
+
+                      <p class="cts !color-#211F24">{item.content}</p>
+                    </div>
+                  </div>
+                ))}
+              </div>
+
+              <div>
+                <Input size="large" placeholder="输入评论" v-model={comment.value} onPressEnter={onComment} />
+                {comment.value && (
+                  <div class="flex justify-end mt-12px">
+                    <Button type="outline" class="mr-12px rounded-8px" size="medium" onClick={onClearComment}>
+                      取消
+                    </Button>
+                    <Button type="primary" class="rounded-8px" size="medium" onClick={onComment}>
+                      发送
+                    </Button>
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
new file mode 100644
index 0000000..3882234
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
@@ -0,0 +1,86 @@
+.ai-suggest-box {
+  width: 440px;
+  height: fit-content;
+  max-height: 100%;
+  border-radius: 16px;
+  background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    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;
+    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;
+  }
+  .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-input-wrapper) {
+      padding: 8px 16px;
+      height: 38px;
+      border-radius: 8px !important;
+      background-color: rgba(255, 255, 255, 0.8) !important;
+      color: #211f24 !important;
+      &:hover {
+        border-color: #6d4cfe !important;
+      }
+    }
+    .comment-list {
+      backdrop-filter: blur(4px);
+      .comment-item {
+        &:not(:last-child) {
+          margin-bottom: 8px;
+        }
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/explore/detail/constants.ts b/src/views/creative-generation-workshop/explore/detail/constants.ts
index 8273ad4..4111fe9 100644
--- a/src/views/creative-generation-workshop/explore/detail/constants.ts
+++ b/src/views/creative-generation-workshop/explore/detail/constants.ts
@@ -24,4 +24,44 @@ export const RESULT_LIST = [
 export const ENUM_OPINION = {
   wait: 0, // 待确认
   confirm: 1, // 已确认
-};
\ No newline at end of file
+};
+
+export const formatRelativeTime = (date: number): string => {
+  const target = dayjs(date * 1000);
+
+  if (!target.isValid()) return '';
+
+  const now = dayjs();
+  // 处理未来时间
+  if (target.isAfter(now)) return '刚刚';
+
+  const diffInMinutes = now.diff(target, 'minute');
+  const diffInHours = now.diff(target, 'hour');
+  const diffInDays = now.diff(target, 'day');
+  const diffInYears = now.diff(target, 'year');
+
+  // 1分钟内
+  if (diffInMinutes < 1) {
+    return '刚刚';
+  }
+  // 1分钟 ~ 1小时
+  else if (diffInMinutes < 60) {
+    return `${diffInMinutes}分钟前`;
+  }
+  // 1小时 ~ 24小时
+  else if (diffInHours < 24) {
+    return `${diffInHours}小时前`;
+  }
+  // 1天 ~ 30天
+  else if (diffInDays < 30) {
+    return `${diffInDays}天前`;
+  }
+  // 超过30天但不到1年
+  else if (diffInYears < 1) {
+    return target.format('MM-DD HH:mm');
+  }
+  // 超过1年
+  else {
+    return target.format('YYYY-MM-DD HH:mm');
+  }
+};
diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue
index 6e62934..262d78b 100644
--- a/src/views/creative-generation-workshop/explore/detail/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -1,11 +1,12 @@
 <script lang="jsx">
 import { Image, Spin, Button } from '@arco-design/web-vue';
-import AiSuggest from './aiSuggest.vue';
+import AiSuggest from './components/ai-suggest/';
 
 import { getShareWorksList, getShareWorksDetail, patchShareWorksConfirm } from '@/api/all/generationWorkshop.ts';
 import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { RESULT_LIST, ENUM_OPINION } from './constants';
+import { useUserStore } from '@/stores';
 
 import icon1 from '@/assets/logo.svg';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-confirm.png';
@@ -15,6 +16,7 @@ export default {
   setup(props, { emit, expose }) {
     const route = useRoute();
     const router = useRouter();
+    const userStore = useUserStore();
 
     const dataSource = ref({});
     const shareWorks = ref({});
@@ -54,6 +56,7 @@ export default {
       try {
         dataSource.value = {};
         loading.value = true;
+
         const { id } = route.params;
         const { code, data } = await getShareWorksDetail(id, shareCode.value);
         if (code === 200) {
@@ -65,6 +68,14 @@ export default {
       }
     };
 
+    const updateCommentList = async () => {
+      const { id } = route.params;
+      const { code, data } = await getShareWorksDetail(id, shareCode.value);
+      if (code === 200) {
+        dataSource.value.comments = data.comments;
+      }
+    };
+
     const getShareWorks = async () => {
       const { code, data } = await getShareWorksList(shareCode.value);
       if (code === 200) {
@@ -138,7 +149,18 @@ export default {
         dataSource.value.customer_opinion = ENUM_OPINION.confirm;
       }
     };
+    const onUpdateComment = () => {
+      updateCommentList();
+    };
+    const onDeleteComment = (id) => {
+      const index = dataSource.value.comments.findIndex((item) => item.id === id);
+      if (index === -1) return;
+
+      console.log({ index });
+      dataSource.value.comments.splice(index, 1);
+    };
     const renderConfirmBtn = () => {
+      if (userStore.isLogin) return null;
       if (dataSource.value.customer_opinion === ENUM_OPINION.confirm) return null;
 
       return (
@@ -228,7 +250,13 @@ export default {
                 )}
               </section>
               {isExpand.value && (
-                <AiSuggest isExpand={isExpand.value} onToggle={(expand) => (isExpand.value = expand)} />
+                <AiSuggest
+                  isExpand={isExpand.value}
+                  dataSource={dataSource.value}
+                  onToggle={(expand) => (isExpand.value = expand)}
+                  onUpdateComment={onUpdateComment}
+                  onDeleteComment={onDeleteComment}
+                />
               )}
             </div>
           )}

From 34f8d01c1f672b037dfb022ce64990df71d4e67b Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 8 Aug 2025 17:16:48 +0800
Subject: [PATCH 44/64] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA=E6=9D=83=E9=99=90=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ai-suggest/delete-comment-modal.vue       | 39 +++++++++
 .../detail/components/ai-suggest/index.vue    | 80 +++++++++++++------
 .../detail/components/ai-suggest/style.scss   | 24 +++---
 3 files changed, 108 insertions(+), 35 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/explore/detail/components/ai-suggest/delete-comment-modal.vue

diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/delete-comment-modal.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/delete-comment-modal.vue
new file mode 100644
index 0000000..a160c8a
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/delete-comment-modal.vue
@@ -0,0 +1,39 @@
+<template>
+  <a-modal v-model:visible="visible" title="确定删除评论？" width="400px" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>删除的评论将从对话中消失，但仍在被引用的评论中可见</span>
+    </div>
+    <template #footer>
+      <a-button size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px !border-none" size="large" @click="onDelete">删除</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['delete', 'close']);
+
+const visible = ref(false);
+const commentId = ref('');
+
+const onClose = () => {
+  commentId.value = ''
+  visible.value = false;
+};
+
+const open = (id) => {
+  commentId.value = id;
+  visible.value = true;
+};
+
+const onDelete = () => {
+  emits('delete', commentId.value);
+  onClose();
+};
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
index 178fdc5..9e93c57 100644
--- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
@@ -1,11 +1,13 @@
 <script lang="jsx">
-import { Image, Spin, Button, Input } from '@arco-design/web-vue';
+import { Image, Spin, Button, Input, Textarea } 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';
 
 import { RESULT_LIST, ENUM_OPINION, formatRelativeTime } from '../../constants';
 import { postShareWorksComments, deleteShareWorksComments } from '@/api/all/generationWorkshop.ts';
 import { exactFormatTime } from '@/utils/tools.ts';
+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';
@@ -67,11 +69,13 @@ export default {
   emits: ['toggle', 'updateComment', 'deleteComment'],
   setup(props, { emit, expose }) {
     const route = useRoute();
+    const userStore = useUserStore();
 
     const isCollapse = ref(false);
     const comment = ref('');
     const isReplay = ref(false);
     const commentId = ref(undefined);
+    const deleteCommentModalRef = ref(null);
 
     const onComment = async () => {
       const { code, data } = await postShareWorksComments(props.dataSource.id, route.params.shareCode, {
@@ -90,6 +94,29 @@ export default {
       comment.value = '';
     };
 
+    const renderDeleteBtn = (item) => {
+      const { userInfo, isLogin } = userStore;
+      const { commenter_id, id, commenter } = item;
+
+      let showBtn = true;
+      if (isLogin) {
+        showBtn = commenter.id === userInfo.id;
+      } else {
+        showBtn = commenter_id === 1 ? false : !commenter;
+      }
+
+      if (!showBtn) {
+        return null;
+      }
+
+      return (
+        <icon-delete
+          class="ml-12px cursor-pointer color-#55585F hover:color-#6D4CFE"
+          size={16}
+          onClick={() => deleteCommentModalRef.value?.open(id)}
+        />
+      );
+    };
     const deleteComment = async (comment_id) => {
       emit('deleteComment', comment_id);
 
@@ -115,7 +142,7 @@ export default {
 
     return () => (
       <section class="py-16px absolute right-16px w-440px h-full overflow-hidden">
-        <div class="ai-suggest-box py-24px flex flex-col">
+        <div class="ai-suggest-box relative py-24px flex flex-col">
           <div class="mb-16px w-full flex justify-between px-24px">
             <div class="relative w-fit">
               <span class="ai-text">AI 智能审核</span>
@@ -200,7 +227,7 @@ export default {
               </p>
               <div class="comment-list flex flex-col my-16px rounded-8px">
                 {props.dataSource.comments?.map((item) => (
-                  <div class="comment-item flex  px-12px py-8px" key={item.id}>
+                  <div class="comment-item flex  px-12px py-8px group" key={item.id}>
                     <Image
                       src={item.commenter_id === 0 ? icon2 : item.commenter?.head_image}
                       width={40}
@@ -219,42 +246,45 @@ export default {
                           <span class="cts !color-#211F24 mr-8px">{getCommentName(item)}</span>
                           <span class="cts !color-#939499">{formatRelativeTime(item.created_at)}</span>
                         </p>
-                        <div class="flex items-center">
+                        <div class="items-center hidden group-hover:flex">
                           <SvgIcon
                             name="svg-comment"
                             size={16}
-                            class="color-#55585F mr-12px cursor-pointer hover:color-#6D4CFE"
-                          />
-                          <icon-delete
-                            class="cursor-pointer color-#55585F hover:color-#6D4CFE"
-                            size={16}
-                            onClick={() => deleteComment(item.id)}
+                            class="color-#55585F cursor-pointer hover:color-#6D4CFE"
                           />
+                          {renderDeleteBtn(item)}
                         </div>
                       </div>
-
                       <p class="cts !color-#211F24">{item.content}</p>
                     </div>
                   </div>
                 ))}
               </div>
-
-              <div>
-                <Input size="large" placeholder="输入评论" v-model={comment.value} onPressEnter={onComment} />
-                {comment.value && (
-                  <div class="flex justify-end mt-12px">
-                    <Button type="outline" class="mr-12px rounded-8px" size="medium" onClick={onClearComment}>
-                      取消
-                    </Button>
-                    <Button type="primary" class="rounded-8px" size="medium" onClick={onComment}>
-                      发送
-                    </Button>
-                  </div>
-                )}
-              </div>
             </div>
           </div>
+
+          <div class="sticky bottom-0 left-0 w-full z-22 px-24px">
+            <Textarea
+              auto-size
+              class="max-h-220px overflow-y-auto"
+              size="large"
+              placeholder="输入评论"
+              v-model={comment.value}
+              onPressEnter={onComment}
+            />
+            {comment.value && (
+              <div class="flex justify-end mt-12px">
+                <Button type="outline" class="mr-12px rounded-8px" size="medium" onClick={onClearComment}>
+                  取消
+                </Button>
+                <Button type="primary" class="rounded-8px" size="medium" onClick={onComment}>
+                  发送
+                </Button>
+              </div>
+            )}
+          </div>
         </div>
+        <DeleteCommentModal ref={deleteCommentModalRef} onDelete={deleteComment} />
       </section>
     );
   },
diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
index 3882234..a0d7373 100644
--- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
@@ -27,6 +27,19 @@
     -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;
+    }
+  }
   .result-box {
     background: rgba(255, 255, 255, 0.8);
     backdrop-filter: blur(4px);
@@ -64,16 +77,7 @@
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
     }
-    :deep(.arco-input-wrapper) {
-      padding: 8px 16px;
-      height: 38px;
-      border-radius: 8px !important;
-      background-color: rgba(255, 255, 255, 0.8) !important;
-      color: #211f24 !important;
-      &:hover {
-        border-color: #6d4cfe !important;
-      }
-    }
+
     .comment-list {
       backdrop-filter: blur(4px);
       .comment-item {

From 7ad6fcf16ff4f20e97dcec1a6e5237f6a30e617e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 8 Aug 2025 17:19:02 +0800
Subject: [PATCH 45/64] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../explore/detail/components/ai-suggest/index.vue              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
index 9e93c57..7a9d642 100644
--- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
@@ -100,7 +100,7 @@ export default {
 
       let showBtn = true;
       if (isLogin) {
-        showBtn = commenter.id === userInfo.id;
+        showBtn = commenter?.id === userInfo.id;
       } else {
         showBtn = commenter_id === 1 ? false : !commenter;
       }

From f1f9338e58bf1ac8725dbee3f7d1971fdcdd875a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 8 Aug 2025 17:57:50 +0800
Subject: [PATCH 46/64] =?UTF-8?q?feat:=20=E5=9B=9E=E5=A4=8D=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/components/ai-suggest/index.vue    | 176 +++++++++++-------
 1 file changed, 109 insertions(+), 67 deletions(-)

diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
index 7a9d642..b3285d5 100644
--- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
@@ -74,23 +74,33 @@ export default {
     const isCollapse = ref(false);
     const comment = ref('');
     const isReplay = ref(false);
-    const commentId = ref(undefined);
+    const replayTarget = ref({});
     const deleteCommentModalRef = ref(null);
 
+    const closeReplay = () => {
+      isReplay.value = false;
+      replayTarget.value = {};
+    };
+
+    const onReplay = (item) => {
+      isReplay.value = true;
+      replayTarget.value = item;
+    };
+
     const onComment = async () => {
       const { code, data } = await postShareWorksComments(props.dataSource.id, route.params.shareCode, {
         content: comment.value,
-        comment_id: commentId.value,
+        comment_id: replayTarget.value.id,
       });
       if (code === 200) {
         emit('updateComment');
-        comment.value = '';
+        // comment.value = '';
       }
     };
 
     const onClearComment = () => {
       isReplay.value = false;
-      commentId.value = undefined;
+      replayTarget.value = {};
       comment.value = '';
     };
 
@@ -123,6 +133,98 @@ export default {
       deleteShareWorksComments(props.dataSource.id, comment_id, route.params.shareCode);
     };
 
+    const renderTextareaBox = () => {
+      return (
+        <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="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>
+                    <TextOverTips
+                      context={`${getCommentName(replayTarget.value)}：${replayTarget.value.content}`}
+                      class="cts !color-#737478"
+                    />
+                  </div>
+                  <icon-close size={16} class="color-#737478 cursor-pointer flex-shrink-0" onClick={closeReplay} />
+                </div>
+              </div>
+            )}
+
+            <Textarea
+              auto-size
+              class={`max-h-220px overflow-y-auto ${isReplay.value ? 'pt-38px' : ''}`}
+              size="large"
+              placeholder="输入评论"
+              v-model={comment.value}
+              onPressEnter={onComment}
+            />
+          </div>
+
+          {comment.value && (
+            <div class="flex justify-end mt-12px">
+              <Button type="outline" class="mr-12px rounded-8px" size="medium" onClick={onClearComment}>
+                取消
+              </Button>
+              <Button type="primary" class="rounded-8px" size="medium" onClick={onComment}>
+                发送
+              </Button>
+            </div>
+          )}
+        </div>
+      );
+    };
+
+    const renderCommentBox = () => {
+      return (
+        <div class="comment-box">
+          <p class="my-16px">
+            <span class="cts bold cm !text-16px !lh-24px mr-8px">评论</span>
+            {props.dataSource.comments?.length > 0 && (
+              <span class="cts !text-16px !lh-24px bold">{props.dataSource.comments?.length}</span>
+            )}
+          </p>
+          <div class="comment-list flex flex-col my-16px rounded-8px">
+            {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}
+                  width={40}
+                  height={40}
+                  preview={false}
+                  fit="cover"
+                  class="rounded-50% mr-13px"
+                  v-slots={{
+                    error: () => <img src={icon3} class="w-40 h-40 rounded-50%" />,
+                  }}
+                />
+
+                <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>
+                      <span class="cts !color-#939499">{formatRelativeTime(item.created_at)}</span>
+                    </p>
+                    <div class="items-center hidden group-hover:flex">
+                      <SvgIcon
+                        onClick={() => onReplay(item)}
+                        name="svg-comment"
+                        size={16}
+                        class="color-#55585F cursor-pointer hover:color-#6D4CFE"
+                      />
+                      {renderDeleteBtn(item)}
+                    </div>
+                  </div>
+                  <p class="cts !color-#211F24">{item.content}</p>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      );
+    };
+
     const getCommentName = (item) => {
       if (item.commenter_id === 0) {
         return '佚名';
@@ -217,72 +319,12 @@ export default {
                 </div>
               </div>
             </div>
+
             {/* 评论与回复 */}
-            <div class="comment-box">
-              <p class="my-16px">
-                <span class="cts bold cm !text-16px !lh-24px mr-8px">评论</span>
-                {props.dataSource.comments?.length > 0 && (
-                  <span class="cts !text-16px !lh-24px bold">{props.dataSource.comments?.length}</span>
-                )}
-              </p>
-              <div class="comment-list flex flex-col my-16px rounded-8px">
-                {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}
-                      width={40}
-                      height={40}
-                      preview={false}
-                      fit="cover"
-                      class="rounded-50% mr-13px"
-                      v-slots={{
-                        error: () => <img src={icon3} class="w-40 h-40 rounded-50%" />,
-                      }}
-                    />
-
-                    <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>
-                          <span class="cts !color-#939499">{formatRelativeTime(item.created_at)}</span>
-                        </p>
-                        <div class="items-center hidden group-hover:flex">
-                          <SvgIcon
-                            name="svg-comment"
-                            size={16}
-                            class="color-#55585F cursor-pointer hover:color-#6D4CFE"
-                          />
-                          {renderDeleteBtn(item)}
-                        </div>
-                      </div>
-                      <p class="cts !color-#211F24">{item.content}</p>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
+            {renderCommentBox()}
           </div>
 
-          <div class="sticky bottom-0 left-0 w-full z-22 px-24px">
-            <Textarea
-              auto-size
-              class="max-h-220px overflow-y-auto"
-              size="large"
-              placeholder="输入评论"
-              v-model={comment.value}
-              onPressEnter={onComment}
-            />
-            {comment.value && (
-              <div class="flex justify-end mt-12px">
-                <Button type="outline" class="mr-12px rounded-8px" size="medium" onClick={onClearComment}>
-                  取消
-                </Button>
-                <Button type="primary" class="rounded-8px" size="medium" onClick={onComment}>
-                  发送
-                </Button>
-              </div>
-            )}
-          </div>
+          {renderTextareaBox()}
         </div>
         <DeleteCommentModal ref={deleteCommentModalRef} onDelete={deleteComment} />
       </section>

From 0b0caf6b64de017b373394ff8d1aabaaff2c8857 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 11 Aug 2025 12:04:03 +0800
Subject: [PATCH 47/64] =?UTF-8?q?feat:=20=E5=AF=B9=E6=8E=A5ai=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |  12 ++
 src/components/_base/navbar/index.vue         |   7 +-
 src/hooks/useGetAiReviewResult.ts             |  54 +++++++++
 .../explore/detail/index.vue                  |   5 +-
 .../explore/list/index.vue                    |   5 +-
 .../explore/list/style.scss                   |   2 +-
 .../components/content-card/constants.ts      |  45 ++++---
 .../check/components/content-card/index.vue   | 110 +++++++-----------
 .../check/components/content-card/style.scss  |  19 +--
 .../manuscript/check/index.vue                |  42 ++++++-
 10 files changed, 197 insertions(+), 104 deletions(-)
 create mode 100644 src/hooks/useGetAiReviewResult.ts

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index c7efa76..49d6688 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -78,6 +78,17 @@ export const putWorkAuditsAuditPass = (params = {}) => {
   return Http.put(`/v1/work-audits/${auditId}/audit-pass`, rest);
 };
 
+// 内容稿件审核-AI审查
+export const postWorkAuditsAiReview = (params = {}) => {
+    const { id, ...rest } = params as { id: string; [key: string]: any };
+    return Http.post(`/v1/work-audits/${id}/ai-review`, rest);
+};
+
+// 内容稿件审核-获取AI审查结果
+export const getWorkAuditsAiReviewResult = (id: string, ticket: string) => {
+  return Http.get(`/v1/work-audits/${id}/ai-review/${ticket}`);
+};
+
 // 内容稿件-列表(客户)
 export const getShareWorksList = (shareCode: string) => {
   return Http.get(
@@ -120,3 +131,4 @@ export const deleteShareWorksComments = (id: string, commentId: string, shareCod
     headers: { 'share-code': shareCode },
   });
 };
+
diff --git a/src/components/_base/navbar/index.vue b/src/components/_base/navbar/index.vue
index 2f6507a..89640b1 100644
--- a/src/components/_base/navbar/index.vue
+++ b/src/components/_base/navbar/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="navbar-wrap">
     <div class="left-wrap">
-      <a-space class="cursor-pointer" @click="router.push('/')">
+      <div class="h-full flex items-center cursor-pointer" @click="handleUserHome">
         <img src="@/assets/LOGO.svg" alt="" />
-      </a-space>
+      </div>
     </div>
     <div class="flex-1">
       <NavbarMenu />
@@ -16,6 +16,7 @@
 import NavbarMenu from './components/navbar-menu';
 import RightSide from './components/right-side';
 
+import { handleUserHome } from '@/utils/user.ts';
 import router from '@/router';
 </script>
 <style scoped lang="scss">
@@ -28,7 +29,7 @@ import router from '@/router';
   .left-wrap {
     display: flex;
     align-items: center;
-    padding-left: 20px;
+    padding-left: 24px;
   }
   .arco-dropdown-option-suffix {
     display: none;
diff --git a/src/hooks/useGetAiReviewResult.ts b/src/hooks/useGetAiReviewResult.ts
new file mode 100644
index 0000000..fbf1721
--- /dev/null
+++ b/src/hooks/useGetAiReviewResult.ts
@@ -0,0 +1,54 @@
+import { postWorkAuditsAiReview, getWorkAuditsAiReviewResult } from '@/api/all/generationWorkshop';
+export default function useGetAiReviewResult({ cardInfo, updateAiReview }: { cardInfo: any; updateAiReview: (ai_review: any) => void }) {
+  const statusPollingTimer = ref<number | null>(null);
+  const ticket = ref('');
+  const checkLoading = ref(false);
+  const checkResult = ref<any>({});
+
+  const handleStartCheck = async () => {
+    checkLoading.value = true;
+    const { id, platform, content } = cardInfo.value;
+    const { code, data } = await postWorkAuditsAiReview({ id, platform, content });
+    if (code === 200) {
+      ticket.value = data.ticket;
+      startStatusPolling();
+    }
+  };
+  const handleAgainCheck = async () => {
+    checkResult.value = {};
+    ticket.value = '';
+    clearStatusPollingTimer();
+    handleStartCheck();
+  };
+  const startStatusPolling = () => {
+    clearStatusPollingTimer();
+    statusPollingTimer.value = setInterval(async () => {
+      const { code, data } = await getWorkAuditsAiReviewResult(cardInfo.value.id, ticket.value);
+      if (code === 200 && data.status === 1) {
+        checkResult.value = data.ai_review;
+        updateAiReview?.(data.ai_review);
+        checkLoading.value = false;
+        clearStatusPollingTimer();
+      }
+    }, 3000);
+  };
+
+  const clearStatusPollingTimer = () => {
+    if (statusPollingTimer.value) {
+      clearInterval(statusPollingTimer.value);
+      statusPollingTimer.value = null;
+    }
+  };
+
+  onUnmounted(() => {
+    clearStatusPollingTimer();
+  });
+
+  return {
+    handleStartCheck,
+    handleAgainCheck,
+    checkResult,
+    checkLoading,
+    ticket,
+  };
+}
diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue
index 262d78b..42fbebe 100644
--- a/src/views/creative-generation-workshop/explore/detail/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -6,6 +6,7 @@ import { getShareWorksList, getShareWorksDetail, patchShareWorksConfirm } from '
 import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { RESULT_LIST, ENUM_OPINION } from './constants';
+import { handleUserHome } from '@/utils/user.ts';
 import { useUserStore } from '@/stores';
 
 import icon1 from '@/assets/logo.svg';
@@ -212,7 +213,9 @@ export default {
         <div class="explore-page">
           <header class="page-header">
             <div class="content w-full px-24px flex items-center bg-#fff justify-between">
-              <img src={icon1} alt="" width={130} />
+              <div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
+                <img src={icon1} alt="" width={130} />
+              </div>
               <div class="flex items-center">{renderActionRow()}</div>
             </div>
           </header>
diff --git a/src/views/creative-generation-workshop/explore/list/index.vue b/src/views/creative-generation-workshop/explore/list/index.vue
index 982cdf0..9b45f01 100644
--- a/src/views/creative-generation-workshop/explore/list/index.vue
+++ b/src/views/creative-generation-workshop/explore/list/index.vue
@@ -3,6 +3,7 @@ import TextOverTips from '@/components/text-over-tips';
 import { Image, Spin } from '@arco-design/web-vue';
 
 import { exactFormatTime } from '@/utils/tools';
+import { handleUserHome } from '@/utils/user.ts';
 import { getShareWorksList } from '@/api/all/generationWorkshop';
 import { ENUM_OPINION } from '../detail/constants';
 
@@ -44,7 +45,9 @@ export default {
         <div class="explore-page">
           <header class="page-header">
             <div class="content w-full px-24px flex items-center bg-#fff">
-              <img src={icon2} alt="" width={130} />
+              <div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
+                <img src={icon2} alt="" />
+              </div>
             </div>
           </header>
           {loading.value ? (
diff --git a/src/views/creative-generation-workshop/explore/list/style.scss b/src/views/creative-generation-workshop/explore/list/style.scss
index 91f37eb..76cf130 100644
--- a/src/views/creative-generation-workshop/explore/list/style.scss
+++ b/src/views/creative-generation-workshop/explore/list/style.scss
@@ -26,7 +26,7 @@
     }
   }
   .page-wrapper {
-    min-height: 500px;
+    min-height: calc(100vh - $navbar-height);
     .explore-container {
       width: 1200px;
       .explore-list-wrap {
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
index 08c369d..a4fa413 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
@@ -1,42 +1,53 @@
-const FORM_RULES = {
+export const FORM_RULES = {
   title: [{ required: true, message: '请输入标题' }],
 };
-const enumTab = {
+export const enumTab = {
   TEXT: 0,
   IMAGE: 1,
 };
-const TAB_LIST = [
+export const TAB_LIST = [
   {
     label: '文本',
     value: enumTab.TEXT,
   },
-  {
-    label: '图片',
-    value: enumTab.IMAGE,
-  },
+  // {
+  //   label: '图片',
+  //   value: enumTab.IMAGE,
+  // },
 ];
 
+export enum Enum_Level {
+  LOW = 0,
+  MEDIUM = 1,
+  HIGH = 2,
+}
+
+export const LEVEL_MAP = new Map([
+  [Enum_Level.LOW, { label: '低风险', value: 'low_risk_number', class: '!color-#6d4cfe' }],
+  [Enum_Level.MEDIUM, { label: '中风险', value: 'medium_risk_number', class: 'color-#FFAE00' }],
+  [Enum_Level.HIGH, { label: '高风险', value: 'high_risk_number', class: '!color-#F64B31' }],
+]);
+
 export const RESULT_LIST = [
   {
     label: '合规程度',
-    value: 'compliance_degree',
-    class: '!color-#6d4cfe',
+    value: 'compliance_level',
+    class: LEVEL_MAP.get(Enum_Level.LOW)?.class,
+    suffix: '%',
   },
   {
     label: '检验项',
-    value: 'compliance',
+    value: 'inspection_items',
     class: '!color-#211F24',
   },
   {
     label: '高风险',
-    value: 'high_risk',
-    class: '!color-#F64B31',
+    value: 'high_risk_number',
+    class: LEVEL_MAP.get(Enum_Level.HIGH)?.class,
   },
   {
     label: '中风险',
-    value: 'medium_risk',
-    class: '!color-#FFAE00',
+    value: 'medium_risk_number',
+    class: LEVEL_MAP.get(Enum_Level.MEDIUM)?.class,
   },
-];
-
-export { FORM_RULES, enumTab, TAB_LIST };
+];
\ No newline at end of file
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index f5d880b..40c4a67 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -20,7 +20,7 @@ import TextOverTips from '@/components/text-over-tips';
 import 'swiper/css';
 import 'swiper/css/navigation';
 import { Navigation } from 'swiper/modules';
-import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST } from './constants';
+import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST, LEVEL_MAP } from './constants';
 import { getImagePreSignedUrl } from '@/api/all/common';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 
@@ -36,31 +36,25 @@ export default {
       type: Object,
       default: {},
     },
-    checkResult: {
-      type: Object,
-      default: {},
-    },
     selectedImageInfo: {
       type: Object,
       default: {},
     },
+    checkLoading: {
+      type: Boolean,
+      default: false,
+    },
   },
-  emits: ['update:modelValue', 'filesChange', 'selectImage'],
+  emits: ['update:modelValue', 'filesChange', 'selectImage', 'againCheck', 'startCheck'],
   setup(props, { emit, expose }) {
     const activeTab = ref(enumTab.TEXT);
     const aiCheckLoading = ref(false);
     const formRef = ref(null);
     const uploadRef = ref(null);
     const modules = [Navigation];
-    const checkLoading = ref(false);
 
-    const tabList = computed(() => {
-      if (props.modelValue.type === EnumManuscriptType.Image) {
-        return TAB_LIST;
-      }
-      return TAB_LIST.filter((item) => item.value !== enumTab.IMAGE);
-    });
     const isTextTab = computed(() => activeTab.value === enumTab.TEXT);
+    const aiReview = computed(() => props.modelValue.ai_review);
 
     const onAiReplace = () => {
       if (aiCheckLoading.value) return;
@@ -71,15 +65,12 @@ export default {
       }, 2000);
     };
 
-    const onCheck = () => {
+    const onAgainCheck = () => {
       if (!isTextTab.value && !props.modelValue.files?.length) {
         AMessage.warning('请先上传需审核图片');
         return;
       }
-      checkLoading.value = true;
-      setTimeout(() => {
-        checkLoading.value = false;
-      }, 2000);
+      emit('againCheck');
     };
     const onReplaceImage = () => {
       uploadRef.value?.upload?.();
@@ -102,7 +93,6 @@ export default {
       formRef.value?.resetFields?.();
       formRef.value?.clearValidate?.();
       aiCheckLoading.value = false;
-      checkLoading.value = false;
     };
     const getFileExtension = (filename) => {
       const match = filename.match(/\.([^.]+)$/);
@@ -180,7 +170,7 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button class="mr-12px" size="medium" onClick={onCheck}>
+          <Button class="mr-12px" size="medium" onClick={onAgainCheck}>
             再次审核
           </Button>
           {isTextTab.value ? (
@@ -220,7 +210,7 @@ export default {
               size="large"
               maxLength={30}
               show-word-limit
-              disabled={checkLoading.value}
+              disabled={props.checkLoading}
             />
           </FormItem>
           <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
@@ -231,7 +221,7 @@ export default {
               show-word-limit
               maxLength={1000}
               show-word-limit
-              disabled={checkLoading.value}
+              disabled={props.checkLoading}
             />
           </FormItem>
         </Form>
@@ -322,7 +312,7 @@ export default {
     };
 
     const renderRightBox = () => {
-      if (checkLoading.value) {
+      if (props.checkLoading) {
         return (
           <div class="right-box flex-1 h-210px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
             <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
@@ -330,14 +320,14 @@ export default {
           </div>
         );
       } else {
-        if (isEmpty(props.checkResult)) {
+        if (!aiReview.value?.violation_items?.length) {
           return (
             <div class="right-box flex-1 h-372px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
               <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
               <div class="flex items-center mb-16px">
                 {RESULT_LIST.map((item, index) => (
                   <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
-                    <span class={`s1 ${item.class}`}>30</span>
+                    <span class={`s1 ${item.class}`}>{aiReview.value?.[item.value]}</span>
                     <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
                   </div>
                 ))}
@@ -364,7 +354,9 @@ export default {
             <div class="flex items-center mb-16px">
               {RESULT_LIST.map((item, index) => (
                 <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
-                  <span class={`s1 ${item.class}`}>30</span>
+                  <span class={`s1 color-#6d4cfe ${item.class}`}>{`${aiReview.value?.[item.value]}${
+                    item.suffix || ''
+                  }`}</span>
                   <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
                 </div>
               ))}
@@ -374,7 +366,7 @@ export default {
                 <span class="ai-text">AI 审核建议</span>
                 <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
               </div>
-              {descs.map((item, index) => (
+              {aiReview.value?.suggestion?.map((item, index) => (
                 <p class="cts !color-#55585F !text-12px  !lh-20px" key={index}>{`${index + 1}. ${item}`}</p>
               ))}
             </div>
@@ -382,16 +374,18 @@ export default {
             <div class="forbid-word-box flex-1 flex">
               <div class="left mr-32px w-56px">
                 <p class="mb-12px cts !text-12px">违禁词</p>
-                {forbidWords.map((item, index) => (
-                  <p class={`mb-12px cts level${item.level}`} key={index}>
-                    {item.label}
-                  </p>
+                {aiReview.value?.violation_items?.map((item, index) => (
+                  <TextOverTips
+                    context={item.word}
+                    class={`mb-12px cts ${LEVEL_MAP.get(item.risk_level)?.class}`}
+                    key={index}
+                  />
                 ))}
               </div>
-              <div class="right flex-1">
+              <div class="right flex-1 overflow-hidden">
                 <p class="mb-12px cts !text-12px">解释</p>
-                {forbidWords.map((item, index) => (
-                  <TextOverTips context={item.desc} class="mb-12px" key={index} />
+                {aiReview.value?.violation_items?.map((item, index) => (
+                  <TextOverTips context={item.reason} class="mb-12px" key={index} />
                 ))}
               </div>
             </div>
@@ -405,44 +399,28 @@ export default {
       reset,
     });
 
-    const descs = [
-      '删除 “效果炸裂”“医院都做不到” 等夸大对比的表述；',
-      '去掉 “顽固体质逆袭”“腰围小 10cm” 等具体效果承诺（食品 / 非药品不得宣称减肥等功效）；',
-      '严禁提及 “孕妇能吃”，明确标注不适宜人群；',
-      '“进口纯天然” 需有依据，避免绝对化，可改为 “选用进口原料，成分温和”；',
-      '去掉 “当糖吃” 等误导性表述，强调正常食用量。',
-    ];
-    const forbidWords = [
-      {
-        label: '纯天然',
-        desc: '涉嫌虚假内容相关词语',
-        level: 1,
-      },
-      {
-        label: '安全',
-        desc: '涉嫌绝对化承诺保证',
-        level: 2,
-      },
-      {
-        label: '副作用',
-        desc: '涉嫌夸大词语',
-        level: 3,
-      },
-      {
-        label: '副作用',
-        desc: '涉嫌夸大词语',
-        level: 3,
-      },
-    ];
-
     return () => {
       return (
         <div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
           <div class="flex-2 left-box mr-24px flex flex-col">
             <div class="flex-1 mb-12px rounded-8px border-1px pt-8px flex flex-col pb-16px bg-#F7F8FA border-#E6E6E8 border-solid">
               <Tabs v-model={activeTab.value} onTabClick={handleTabClick} class="mb-16px">
-                {tabList.value.map((item) => (
-                  <TabPane key={item.value} title={item.label}></TabPane>
+                {TAB_LIST.map((item) => (
+                  <TabPane
+                    key={item.value}
+                    v-slots={{
+                      title: () => (
+                        <div class="flex items-center relative">
+                          <span>{item.label}</span>
+                          {
+                            activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
+                              <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
+                            )
+                          }
+                        </div>
+                      ),
+                    }}
+                  />
                 ))}
               </Tabs>
               <div class="flex-1 px-16px">{isTextTab.value ? renderTextForm() : renderImageForm()}</div>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
index 507d4b7..89c3e5f 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
@@ -131,7 +131,6 @@
   }
   .right-box {
     .s1 {
-      color: var(--Brand-6, #6d4cfe);
       font-family: $font-family-manrope-regular;
       font-size: 24px;
       font-style: normal;
@@ -175,14 +174,16 @@
       line-height: 22px;
     }
     .forbid-word-box {
-      .level1 {
-        color: #6d4cfe;
-      }
-      .level2 {
-        color: #f64b31;
-      }
-      .level3 {
-        color: #ffae00;
+      :deep(.overflow-text) {
+        &.level0 {
+          color: #6d4cfe;
+        }
+        &.level2 {
+          color: #f64b31;
+        }
+        &.level1 {
+          color: #ffae00;
+        }
       }
     }
   }
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index 166d2d9..4b29781 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -7,6 +7,7 @@ import ContentCard from './components/content-card';
 import CheckListDrawer from './components/check-list-drawer';
 
 import { slsWithCatch, rlsWithCatch, glsWithCatch } from '@/utils/stroage.ts';
+import useGetAiReviewResult from '@/hooks/useGetAiReviewResult.ts';
 import {
   patchWorkAuditsAudit,
   patchWorkAuditsBatchAudit,
@@ -14,6 +15,7 @@ import {
   putWorkAuditsAuditPass,
   getWorkAuditsDetail,
   getWorkAuditsBatchDetail,
+  postWorkAuditsAiReview,
 } from '@/api/all/generationWorkshop.ts';
 
 export default {
@@ -30,11 +32,18 @@ export default {
     const submitLoading = ref(false);
     const contentCardRef = ref(null);
     const checkListDrawerRef = ref(null);
-    const checkResult = ref({});
 
     const selectCardInfo = ref({});
     const selectedImageInfo = ref(null);
 
+    const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
+      cardInfo: selectCardInfo,
+      updateAiReview(ai_review) {
+        console.log('updateAiReview', ai_review);
+        selectCardInfo.value.ai_review = ai_review;
+      },
+    });
+
     const onBack = () => {
       router.push({ name: 'ManuscriptCheckList' });
     };
@@ -43,9 +52,16 @@ export default {
       contentCardRef.value.reset();
       isSaved.value = false;
       submitLoading.value = false;
-      checkResult.value = {};
+      checkLoading.value = false;
+      ticket.value = '';
+
+      const { files = [], ai_review } = item;
       selectCardInfo.value = cloneDeep(item);
-      selectedImageInfo.value = cloneDeep(item.files?.[0] ?? {});
+      selectedImageInfo.value = cloneDeep(files?.[0] ?? {});
+
+      if (isEmpty(ai_review)) {
+        handleStartCheck();
+      }
     };
 
     const onCardClick = async (item) => {
@@ -71,8 +87,16 @@ export default {
 
         dataSource.value = _data;
         remoteDataSource.value = cloneDeep(_data);
-        selectCardInfo.value = cloneDeep(_data?.[0] ?? {});
-        selectedImageInfo.value = cloneDeep(_data?.[0].files?.[0] ?? {});
+
+        const _firstCard = _data?.[0] ?? {};
+        const { id, ai_review } = _firstCard;
+
+        selectCardInfo.value = cloneDeep(_firstCard);
+        selectedImageInfo.value = cloneDeep(_firstCard.files?.[0] ?? {});
+
+        if (isEmpty(ai_review)) {
+          handleStartCheck();
+        }
       }
     };
 
@@ -135,6 +159,10 @@ export default {
     const onFilesChange = (files) => {
       selectCardInfo.value.files = cloneDeep(files);
     };
+    const onAgainCheck = () => {
+      handleAgainCheck();
+    };
+
     const renderFooterRow = () => {
       return (
         <>
@@ -190,10 +218,12 @@ export default {
                 ref={contentCardRef}
                 v-model={selectCardInfo.value}
                 selectCardInfo={selectCardInfo.value}
-                checkResult={checkResult.value}
                 onFilesChange={onFilesChange}
                 selectedImageInfo={selectedImageInfo.value}
                 onSelectImage={onSelectImage}
+                checkLoading={checkLoading.value}
+                onAgainCheck={onAgainCheck}
+                onStartCheck={handleStartCheck}
               />
             </section>
           </div>

From 010b9a3ac7ed83c5e9ba08821ccb3dbd77c121fa Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 11 Aug 2025 13:51:27 +0800
Subject: [PATCH 48/64] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/content-card/constants.ts      | 16 ++++++++--------
 .../check/components/content-card/index.vue   | 19 +++++++++++--------
 .../manuscript/check/index.vue                |  2 +-
 3 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
index a4fa413..447141f 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
@@ -23,31 +23,31 @@ export enum Enum_Level {
 }
 
 export const LEVEL_MAP = new Map([
-  [Enum_Level.LOW, { label: '低风险', value: 'low_risk_number', class: '!color-#6d4cfe' }],
-  [Enum_Level.MEDIUM, { label: '中风险', value: 'medium_risk_number', class: 'color-#FFAE00' }],
-  [Enum_Level.HIGH, { label: '高风险', value: 'high_risk_number', class: '!color-#F64B31' }],
+  [Enum_Level.LOW, { label: '低风险', value: 'low_risk_number', color: '#6d4cfe' }],
+  [Enum_Level.MEDIUM, { label: '中风险', value: 'medium_risk_number', color: '#FFAE00' }],
+  [Enum_Level.HIGH, { label: '高风险', value: 'high_risk_number', color: '#F64B31' }],
 ]);
 
 export const RESULT_LIST = [
   {
     label: '合规程度',
     value: 'compliance_level',
-    class: LEVEL_MAP.get(Enum_Level.LOW)?.class,
+    color: LEVEL_MAP.get(Enum_Level.LOW)?.color,
     suffix: '%',
   },
   {
     label: '检验项',
     value: 'inspection_items',
-    class: '!color-#211F24',
+    color: '#211F24',
   },
   {
     label: '高风险',
     value: 'high_risk_number',
-    class: LEVEL_MAP.get(Enum_Level.HIGH)?.class,
+    color: LEVEL_MAP.get(Enum_Level.HIGH)?.color,
   },
   {
     label: '中风险',
     value: 'medium_risk_number',
-    class: LEVEL_MAP.get(Enum_Level.MEDIUM)?.class,
+    color: LEVEL_MAP.get(Enum_Level.MEDIUM)?.color,
   },
-];
\ No newline at end of file
+];
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index 40c4a67..947b16d 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -170,11 +170,11 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button class="mr-12px" size="medium" onClick={onAgainCheck}>
+          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={props.checkLoading}>
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace}>
+            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={props.checkLoading}>
               {aiCheckLoading.value ? (
                 <>
                   <IconLoading size={14} />
@@ -327,7 +327,9 @@ export default {
               <div class="flex items-center mb-16px">
                 {RESULT_LIST.map((item, index) => (
                   <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
-                    <span class={`s1 ${item.class}`}>{aiReview.value?.[item.value]}</span>
+                    <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value]}${
+                      item.suffix || ''
+                    }`}</span>
                     <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
                   </div>
                 ))}
@@ -354,7 +356,7 @@ export default {
             <div class="flex items-center mb-16px">
               {RESULT_LIST.map((item, index) => (
                 <div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
-                  <span class={`s1 color-#6d4cfe ${item.class}`}>{`${aiReview.value?.[item.value]}${
+                  <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value]}${
                     item.suffix || ''
                   }`}</span>
                   <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
@@ -377,7 +379,8 @@ export default {
                 {aiReview.value?.violation_items?.map((item, index) => (
                   <TextOverTips
                     context={item.word}
-                    class={`mb-12px cts ${LEVEL_MAP.get(item.risk_level)?.class}`}
+                    class="mb-12px cts"
+                    style={{ color: LEVEL_MAP.get(item.risk_level)?.color }}
                     key={index}
                   />
                 ))}
@@ -413,9 +416,9 @@ export default {
                         <div class="flex items-center relative">
                           <span>{item.label}</span>
                           {
-                            activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
-                              <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
-                            )
+                            // activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
+                            //   <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
+                            // )
                           }
                         </div>
                       ),
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index 4b29781..f66a2e0 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -39,7 +39,6 @@ export default {
     const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
       cardInfo: selectCardInfo,
       updateAiReview(ai_review) {
-        console.log('updateAiReview', ai_review);
         selectCardInfo.value.ai_review = ai_review;
       },
     });
@@ -59,6 +58,7 @@ export default {
       selectCardInfo.value = cloneDeep(item);
       selectedImageInfo.value = cloneDeep(files?.[0] ?? {});
 
+      console.log({ ai_review });
       if (isEmpty(ai_review)) {
         handleStartCheck();
       }

From 2f3a4560fccadb6637bcb6f162ac7c8ffc5b248c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 11 Aug 2025 15:13:46 +0800
Subject: [PATCH 49/64] =?UTF-8?q?feat:=20=E5=88=86=E4=BA=AB=E9=A1=B5?=
 =?UTF-8?q?=E8=AF=84=E8=AE=BA=E5=9B=9E=E5=A4=8D=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop.ts             |  15 +
 .../detail/components/ai-suggest/index.vue    | 257 ++++++++----------
 .../detail/components/ai-suggest/style.scss   |   3 +
 .../explore/detail/constants.ts               |  23 --
 .../explore/detail/index.vue                  |   2 +-
 .../manuscript-check-table/index.vue          |  13 +-
 .../manuscript/check-list/constants.ts        |  10 +-
 .../share-manuscript-modal/share-modal.vue    |  41 +--
 .../upload-manuscript-modal/index.vue         |   7 +-
 9 files changed, 173 insertions(+), 198 deletions(-)

diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index 49d6688..e0c22cc 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -5,6 +5,21 @@ export const getWorksList = (params = {}) => {
   return Http.get('/v1/works/list', params);
 };
 
+// 内容稿件-获取模板
+export const getTemplateUrl = (params = {}) => {
+  return Http.get('/v1/works/template', params);
+};
+
+// 内容稿件-通过链接获取稿件
+export const postWorksByLink = (params = {}) => {
+  return Http.post('/v1/works/by-link', params);
+};
+
+// 内容稿件-通过文档获取稿件
+export const postWorksByFile = (params = {}) => {
+  return Http.post('/v1/works/by-file', params);
+};
+
 // 内容稿件-批量添加
 export const postWorksBatch = (params = {}) => {
   return Http.post('/v1/works/batch', params);
diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
index b3285d5..de7d009 100644
--- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
@@ -4,7 +4,8 @@ import TextOverTips from '@/components/text-over-tips';
 import SvgIcon from '@/components/svg-icon/index.vue';
 import DeleteCommentModal from './delete-comment-modal.vue';
 
-import { RESULT_LIST, ENUM_OPINION, formatRelativeTime } from '../../constants';
+import { RESULT_LIST } from '@/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts';
+import { ENUM_OPINION, formatRelativeTime } from '../../constants';
 import { postShareWorksComments, deleteShareWorksComments } from '@/api/all/generationWorkshop.ts';
 import { exactFormatTime } from '@/utils/tools.ts';
 import { useUserStore } from '@/stores';
@@ -14,47 +15,12 @@ import icon2 from '@/assets/img/creative-generation-workshop/icon-avatar-default
 import icon3 from '@/assets/img/error-img.png';
 
 const _iconMap = new Map([
-  [1, { icon: <icon-check-circle-fill size={16} class="color-#25C883 flex-shrink-0" /> }],
+  // [3, { icon: <icon-check-circle-fill size={16} class="color-#25C883 flex-shrink-0" /> }],
   [2, { icon: <icon-exclamation-circle-fill size={16} class="color-#F64B31 flex-shrink-0" /> }],
-  [3, { icon: <icon-exclamation-circle-fill size={16} class="color-#FFAE00 flex-shrink-0" /> }],
-  [4, { icon: <icon-exclamation-circle-fill size={16} class="color-#939499 flex-shrink-0" /> }],
+  [1, { icon: <icon-exclamation-circle-fill size={16} class="color-#FFAE00 flex-shrink-0" /> }],
+  [0, { icon: <icon-check-circle-fill size={16} class="color-#25C883 flex-shrink-0" /> }],
 ]);
 
-const data1 = [
-  {
-    label: '色情检测',
-    level: 1,
-  },
-  {
-    label: '涉政检测',
-    level: 2,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '涉政正负向检测',
-    level: 3,
-  },
-  {
-    label: '暴恐检测',
-    level: 4,
-  },
-  {
-    label: '暴恐检测',
-    level: 4,
-  },
-];
-
 export default {
   props: {
     isExpand: {
@@ -76,6 +42,10 @@ export default {
     const isReplay = ref(false);
     const replayTarget = ref({});
     const deleteCommentModalRef = ref(null);
+    const textAreaRef = ref(null);
+
+    const aiReview = computed(() => props.dataSource.ai_review);
+    const violationItems = computed(() => props.dataSource?.ai_review?.violation_items ?? []);
 
     const closeReplay = () => {
       isReplay.value = false;
@@ -88,13 +58,15 @@ export default {
     };
 
     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 = '';
+        comment.value = '';
+        textAreaRef.value.focus();
       }
     };
 
@@ -153,6 +125,7 @@ export default {
             )}
 
             <Textarea
+              ref={textAreaRef}
               auto-size
               class={`max-h-220px overflow-y-auto ${isReplay.value ? 'pt-38px' : ''}`}
               size="large"
@@ -179,49 +152,109 @@ export default {
     const renderCommentBox = () => {
       return (
         <div class="comment-box">
-          <p class="my-16px">
+          <p class="mb-16px">
             <span class="cts bold cm !text-16px !lh-24px mr-8px">评论</span>
             {props.dataSource.comments?.length > 0 && (
               <span class="cts !text-16px !lh-24px bold">{props.dataSource.comments?.length}</span>
             )}
           </p>
-          <div class="comment-list flex flex-col my-16px rounded-8px">
-            {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}
-                  width={40}
-                  height={40}
-                  preview={false}
-                  fit="cover"
-                  class="rounded-50% mr-13px"
-                  v-slots={{
-                    error: () => <img src={icon3} class="w-40 h-40 rounded-50%" />,
-                  }}
-                />
+          {props.dataSource.comments?.length > 0 && (
+            <div class="comment-list flex flex-col my-16px rounded-8px">
+              {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}
+                    width={40}
+                    height={40}
+                    preview={false}
+                    fit="cover"
+                    class="rounded-50% mr-13px"
+                    v-slots={{
+                      error: () => <img src={icon3} class="w-40 h-40 rounded-50%" />,
+                    }}
+                  />
 
-                <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>
-                      <span class="cts !color-#939499">{formatRelativeTime(item.created_at)}</span>
-                    </p>
-                    <div class="items-center hidden group-hover:flex">
-                      <SvgIcon
-                        onClick={() => onReplay(item)}
-                        name="svg-comment"
-                        size={16}
-                        class="color-#55585F cursor-pointer hover:color-#6D4CFE"
-                      />
-                      {renderDeleteBtn(item)}
+                  <div class="flex flex-col flex-1 overflow-hidden">
+                    <div class="flex justify-between">
+                      <p class="mb-4px">
+                        <span class="cts !color-#211F24 mr-8px">{getCommentName(item)}</span>
+                        <span class="cts !color-#939499">{formatRelativeTime(item.created_at)}</span>
+                      </p>
+                      <div class="items-center hidden group-hover:flex">
+                        <SvgIcon
+                          onClick={() => onReplay(item)}
+                          name="svg-comment"
+                          size={16}
+                          class="color-#55585F cursor-pointer hover:color-#6D4CFE"
+                        />
+                        {renderDeleteBtn(item)}
+                      </div>
                     </div>
+                    {item.reply_comment && (
+                      <div class="flex items-center">
+                        <div class="w-2px h-12px bg-#B1B2B5"></div>
+                        <span class="mx-4px cts !color-#939499 flex-shrink-0">回复</span>
+                        <TextOverTips
+                          context={`${getCommentName(item.reply_comment)}：${item.reply_comment.content}`}
+                          class="cts !color-#939499"
+                        />
+                      </div>
+                    )}
+                    <p class="cts !color-#211F24">{item.content}</p>
                   </div>
-                  <p class="cts !color-#211F24">{item.content}</p>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      );
+    };
+
+    const renderAiSuggest = () => {
+      if (isEmpty(aiReview.value)) return null;
+
+      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>
+              <Button
+                type="text"
+                class="!color-#6D4CFE hover:!color-#8A70FE"
+                onClick={() => (isCollapse.value = !isCollapse.value)}
+              >
+                {isCollapse.value ? '展开详情' : '收起详情'}
+              </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>{' '}
+                  <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'}`}>
+            {violationItems.value.length > 0 && (
+              <div class="result-box p-16px rounded-8px mt-16px">
+                <p class="cts bold !color-#000 !text-16px mb-16px">敏感词检测</p>
+                <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
+                  {violationItems.value.map((item, index) => (
+                    <div class="audit-item" key={index}>
+                      <div class="flex items-center h-20px">
+                        {_iconMap.get(item.risk_level)?.icon}
+                        <TextOverTips context={item.word} class="cts ml-4px !color-#000" />
+                      </div>
+                    </div>
+                  ))}
                 </div>
               </div>
-            ))}
+            )}
           </div>
-        </div>
+        </>
       );
     };
 
@@ -245,81 +278,23 @@ export default {
     return () => (
       <section class="py-16px absolute right-16px w-440px h-full overflow-hidden">
         <div class="ai-suggest-box relative py-24px flex flex-col">
-          <div class="mb-16px w-full flex justify-between px-24px">
-            <div class="relative w-fit">
+          {!isEmpty(aiReview.value) && (
+            <div class="relative w-fit ml-24px mb-16px">
               <span class="ai-text">AI 智能审核</span>
               <img src={icon1} class="w-80px h-10.8px absolute bottom-1px left--9px" />
             </div>
-            <icon-menu-unfold
-              size={20}
-              class="color-#55585F cursor-pointer hover:color-#6D4CFE"
-              onClick={() => emit('toggle', false)}
-            />
-          </div>
+          )}
+
+          <icon-menu-unfold
+            size={20}
+            class="color-#55585F cursor-pointer hover:color-#6D4CFE absolute top-24px right-24px"
+            onClick={() => emit('toggle', false)}
+          />
 
           {/**主体 */}
           <div class="flex-1 overflow-y-auto px-24px">
-            <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>
-                <Button
-                  type="text"
-                  class="!color-#6D4CFE hover:!color-#8A70FE"
-                  onClick={() => (isCollapse.value = !isCollapse.value)}
-                >
-                  {isCollapse.value ? '展开详情' : '收起详情'}
-                </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 ${item.class}`}>30</span>
-                    <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
-                  </div>
-                ))}
-              </div>
-            </div>
-            {/**敏感词检测 */}
-            <div class={`collapse-box overflow-hidden ${isCollapse.value ? 'h-0 ' : 'h-auto'}`}>
-              <div class="result-box p-16px rounded-8px mt-16px">
-                <p class="cts bold !color-#000 !text-16px mb-16px">敏感词检测</p>
-                <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
-                  {data1.map((item, index) => (
-                    <div class="audit-item" key={index}>
-                      <div class="flex items-center h-20px">
-                        {_iconMap.get(item.level)?.icon}
-                        <TextOverTips context={item.label} class="cts ml-4px !color-#000" />
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-              <div class="result-box p-16px rounded-8px mt-16px">
-                <p class="cts bold !color-#000 !text-16px mb-16px">图片内容违规检测</p>
-                <div class="grid grid-cols-3 gap-x-24px gap-y-8px mb-16px">
-                  {data1.map((item, index) => (
-                    <div class="audit-item" key={index}>
-                      <div class="flex items-center h-20px">
-                        {_iconMap.get(item.level)?.icon}
-                        <TextOverTips context={item.label} class="cts ml-4px !color-#000" />
-                      </div>
-                    </div>
-                  ))}
-                </div>
-                <p class="cts bold !color-#000 !text-16px mb-16px">图片文字违规检测</p>
-                <div class="grid grid-cols-3 gap-x-24px gap-y-8px">
-                  {data1.map((item, index) => (
-                    <div class="audit-item" key={index}>
-                      <div class="flex items-center h-20px">
-                        {_iconMap.get(item.level)?.icon}
-                        <TextOverTips context={item.label} class="cts ml-4px !color-#000" />
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-            </div>
-
+            {/* AI审核结果 */}
+            {renderAiSuggest()}
             {/* 评论与回复 */}
             {renderCommentBox()}
           </div>
diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
index a0d7373..51e2f79 100644
--- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
@@ -39,6 +39,9 @@
     &:hover {
       border-color: #6d4cfe !important;
     }
+    &.arco-textarea-focus {
+      border-color: #6d4cfe !important;
+    }
   }
   .result-box {
     background: rgba(255, 255, 255, 0.8);
diff --git a/src/views/creative-generation-workshop/explore/detail/constants.ts b/src/views/creative-generation-workshop/explore/detail/constants.ts
index 4111fe9..174f732 100644
--- a/src/views/creative-generation-workshop/explore/detail/constants.ts
+++ b/src/views/creative-generation-workshop/explore/detail/constants.ts
@@ -1,26 +1,3 @@
-export const RESULT_LIST = [
-  {
-    label: '合规程度',
-    value: 'compliance_degree',
-    class: '!color-#6d4cfe',
-  },
-  {
-    label: '检验项',
-    value: 'compliance',
-    class: '!color-#211F24',
-  },
-  {
-    label: '高风险',
-    value: 'high_risk',
-    class: '!color-#F64B31',
-  },
-  {
-    label: '中风险',
-    value: 'medium_risk',
-    class: '!color-#FFAE00',
-  },
-];
-
 export const ENUM_OPINION = {
   wait: 0, // 待确认
   confirm: 1, // 已确认
diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue
index 42fbebe..aa97556 100644
--- a/src/views/creative-generation-workshop/explore/detail/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -5,7 +5,7 @@ import AiSuggest from './components/ai-suggest/';
 import { getShareWorksList, getShareWorksDetail, patchShareWorksConfirm } from '@/api/all/generationWorkshop.ts';
 import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
-import { RESULT_LIST, ENUM_OPINION } from './constants';
+import { ENUM_OPINION } from './constants';
 import { handleUserHome } from '@/utils/user.ts';
 import { useUserStore } from '@/stores';
 
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index a0b1862..2602b32 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -39,12 +39,7 @@
           </div>
         </template>
 
-        <template v-if="column.dataIndex === 'compliance_degree'" #cell="{ record }">
-          <span class="cts num !color-#6D4CFE">{{
-            record.compliance_degree ? `${record.compliance_degree}%` : '-'
-          }}</span>
-        </template>
-        <template v-else-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
+        <template v-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
           <p
             class="h-28px px-8px flex items-center rounded-2px w-fit"
             :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
@@ -55,7 +50,11 @@
           </p>
         </template>
         <template v-else-if="column.dataIndex === 'platform'" #cell="{ record }">
-          <img width="24" height="24" :src="PLATFORMS.find((item) => item.value === record.platform)?.icon" />
+          <template v-if="!PLATFORMS.find((item) => item.value === record.platform)"> - </template>
+          <img v-else width="24" height="24" :src="PLATFORMS.find((item) => item.value === record.platform)?.icon" />
+        </template>
+        <template v-else-if="column.dataIndex === 'compliance_level'" #cell="{ record }">
+          <span class="cts num !color-#6D4CFE">{{ record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-' }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
           <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
index 418efcb..c6a9966 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
@@ -88,14 +88,10 @@ export const TABLE_COLUMNS2 = [
   },
   {
     title: '合规程度',
-    dataIndex: 'compliance_degree',
+    dataIndex: 'compliance_level',
+    suffix: '%',
     width: 120,
   },
-  // {
-  //   title: '合规程度',
-  //   dataIndex: 'platform',
-  //   width: 120,
-  // },
   {
     title: '稿件类型',
     dataIndex: 'type',
@@ -151,7 +147,7 @@ export const TABLE_COLUMNS3 = [
   },
   {
     title: '客户意见',
-    dataIndex: 'title',
+    dataIndex: 'customer_opinion',
     width: 200,
   },
   {
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
index a890e69..c40662c 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
@@ -48,6 +48,9 @@ export default {
     const router = useRouter();
 
     const { copy } = useClipboard({ source: formData.value.link });
+    const rules = {
+      receiver: [{ required: true, message: '请输入分享对象' }],
+    };
 
     const reset = () => {
       loading.value = false;
@@ -61,23 +64,27 @@ export default {
       reset();
     };
 
-    const onGenerateLink = async () => {
-      try {
-        loading.value = true;
-        const { code, data } = await postShareLinksGenerate(formData.value);
-        if (code === 200) {
-          onClose();
+    const onGenerateLink = () => {
+      formRef.value.validate().then(async (errors) => {
+        if (!errors) {
+          try {
+            loading.value = true;
+            const { code, data } = await postShareLinksGenerate(formData.value);
+            if (code === 200) {
+              onClose();
 
-          const url = router.resolve({
-            path: `/explore/list/${data.code}`,
-          }).href;
-          copy(generateFullUrl(url));
-          AMessage.success('复制成功！');
-          emit('close');
+              const url = router.resolve({
+                path: `/explore/list/${data.code}`,
+              }).href;
+              copy(generateFullUrl(url));
+              AMessage.success('复制成功！');
+              emit('close');
+            }
+          } finally {
+            loading.value = false;
+          }
         }
-      } finally {
-        loading.value = false;
-      }
+      });
     };
     const open = (workIds) => {
       formData.value.work_ids = workIds;
@@ -107,7 +114,7 @@ export default {
           ),
         }}
       >
-        <Form ref={formRef} model={formData.value} auto-label-width>
+        <Form ref={formRef} rules={rules} model={formData.value} auto-label-width>
           <FormItem label="有效期" prop="days">
             <CommonSelect
               v-model={formData.value.days}
@@ -119,7 +126,7 @@ export default {
               allClear={false}
             />
           </FormItem>
-          <FormItem label="分享对象" prop="receiver">
+          <FormItem label="分享对象" prop="receiver" required>
             <Input v-model={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
           </FormItem>
         </Form>
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
index 37c3515..e009548 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -12,7 +12,7 @@ import {
   Textarea,
 } from '@arco-design/web-vue';
 import { useClipboard } from '@vueuse/core';
-import { getWriterLinksGenerate } from '@/api/all/generationWorkshop';
+import { getWriterLinksGenerate, getTemplateUrl } from '@/api/all/generationWorkshop';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
@@ -192,7 +192,10 @@ export default {
 
     // 下载模板
     const handleDownloadTemplate = async () => {
-      AMessage.info('下载模板功能开发中...');
+      const { code, data } = await getTemplateUrl();
+      if (code === 200) {
+        window.open(data.download_url, '_blank');
+      }
     };
 
     // 渲染链接上传表单

From 74c989d7360159554f1a2b5909305db46143ca36 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 11 Aug 2025 16:52:41 +0800
Subject: [PATCH 50/64] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E9=85=8D=E7=BD=AE=E3=80=81=E6=96=B0=E5=A2=9E=E5=86=99?=
 =?UTF-8?q?=E6=89=8B=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop-writer.ts      | 128 ++++++++++++++++++
 src/api/all/generationWorkshop.ts             |   4 +-
 .../modules/creativeGenerationWorkshop.ts     |  32 ++---
 .../routes/modules/manuscript-writer.ts       | 115 ++++++++++++++++
 .../manuscript/components/edit-form/index.vue |   6 +-
 .../upload-manuscript-modal/index.vue         | 128 +++++++++---------
 6 files changed, 331 insertions(+), 82 deletions(-)
 create mode 100644 src/api/all/generationWorkshop-writer.ts
 create mode 100644 src/router/routes/modules/manuscript-writer.ts

diff --git a/src/api/all/generationWorkshop-writer.ts b/src/api/all/generationWorkshop-writer.ts
new file mode 100644
index 0000000..a2a1f98
--- /dev/null
+++ b/src/api/all/generationWorkshop-writer.ts
@@ -0,0 +1,128 @@
+/**
+ * 写手端接口
+ */
+
+import Http from '@/api';
+
+// 内容稿件-批量添加(写手)
+export const postWorksBatchWriter = (writerCode: string, data: any) => {
+  return Http.post('/v1/writer/works/batch', data, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-分页(写手)
+export const getWorksPageWriter = (writerCode: string, params: any) => {
+  return Http.get(
+    '/v1/writer/works',
+    { params },
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
+};
+
+// 内容稿件-详情(写手)
+export const getWorkDetailWriter = (writerCode: string, id: string) => {
+  return Http.get(`/v1/writer/works/${id}`, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-修改(写手)
+export const putWorksUpdateWriter = (params = {}) => {
+  const { id, writerCode, ...rest } = params as { id: string; writerCode: string; [key: string]: any };
+  return Http.put(`/v1/writer/works/${id}`, rest, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-删除(写手)
+export const deleteWorkWriter = (writerCode: string, id: string) => {
+  return Http.delete(`/v1/writer/works/${id}`, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-获取模板(写手)
+export const getTemplateUrlWriter = (writerCode: string) => {
+  return Http.get('/v1/writer/works/template', {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件审核-分页(写手)
+export const getWorkAuditsPageWriter = (writerCode: string, params: any) => {
+  return Http.get(
+    '/v1/writer/work-audits',
+    { params },
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
+};
+
+// 内容稿件审核-详情(写手)
+export const getWorkAuditDetailWriter = (writerCode: string, id: string) => {
+  return Http.get(`/v1/writer/work-audits/${id}`, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件审核-多个详情(写手)
+export const getWorkAuditsBatchDetailWriter = (writerCode: string, params: any) => {
+  return Http.get(
+    '/v1/writer/work-audits/list',
+    { params },
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
+};
+
+// 内容稿件-审核(写手)
+export const patchWorkAuditsAuditWriter = (writerCode: string, id: string, data: any) => {
+  return Http.patch(`/v1/writer/work-audits/${id}/audit`, data, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-批量审核(写手)
+export const patchWorkAuditsBatchAuditWriter = (writerCode: string, data: any) => {
+  return Http.patch('/v1/writer/work-audits/batch-audit', data, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件审核-修改(写手)
+export const putWorkAuditsUpdateWriter = (writerCode: string, params = {}) => {
+  const { id: auditId,  ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/writer/work-audits/${auditId}`, rest, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件审核-审核通过(写手)
+export const putWorkAuditsAuditPassWriter = (writerCode: string, id: string) => {
+  return Http.put(
+    `/v1/writer/work-audits/${id}/audit-pass`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
+};
+
+// 内容稿件审核-AI审查(写手)
+export const postWorkAuditsAiReviewWriter = (writerCode: string, id: string, data: any) => {
+  return Http.post(`/v1/writer/work-audits/${id}/ai-review`, data, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件审核-获取AI审查结果(写手)
+export const getWorkAuditsAiReviewResultWriter = (writerCode: string, id: string, ticket: string) => {
+  return Http.get(`/v1/writer/work-audits/${id}/ai-review/${ticket}`, {
+    headers: { 'writer-code': writerCode },
+  });
+};
diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index e0c22cc..4787dda 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -16,8 +16,8 @@ export const postWorksByLink = (params = {}) => {
 };
 
 // 内容稿件-通过文档获取稿件
-export const postWorksByFile = (params = {}) => {
-  return Http.post('/v1/works/by-file', params);
+export const postWorksByFile = (params = {}, config = {}) => {
+  return Http.post('/v1/works/by-file', params, config);
 };
 
 // 内容稿件-批量添加
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index 92393fd..cbeeac1 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -11,8 +11,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     meta: {
       locale: '内容稿件',
       icon: IconContentManuscript,
-      requiresAuth: false,
-      requireLogin: false,
+      requiresAuth: true,
+      requireLogin: true,
       roles: ['*'],
       id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
     },
@@ -22,8 +22,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'ManuscriptList',
         meta: {
           locale: '内容稿件列表',
-          requiresAuth: false,
-          requireLogin: false,
+          requiresAuth: true,
+          requireLogin: true,
           roles: ['*'],
         },
         component: () => import('@/views/creative-generation-workshop/manuscript/list/index.vue'),
@@ -33,8 +33,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'ManuscriptUpload',
         meta: {
           locale: '稿件上传',
-          requiresAuth: false,
-          requireLogin: false,
+          requiresAuth: true,
+          requireLogin: true,
           hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
@@ -47,8 +47,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'ManuscriptEdit',
         meta: {
           locale: '账号详情',
-          requiresAuth: false,
-          requireLogin: false,
+          requiresAuth: true,
+          requireLogin: true,
           hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
@@ -61,8 +61,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'ManuscriptDetail',
         meta: {
           locale: '稿件详情',
-          requiresAuth: false,
-          requireLogin: false,
+          requiresAuth: true,
+          requireLogin: true,
           hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
@@ -75,8 +75,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'ManuscriptCheckList',
         meta: {
           locale: '内容稿件审核',
-          requiresAuth: false,
-          requireLogin: false,
+          requiresAuth: true,
+          requireLogin: true,
           roles: ['*'],
         },
         component: () => import('@/views/creative-generation-workshop/manuscript/check-list/index.vue'),
@@ -86,8 +86,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'ManuscriptCheckListDetail',
         meta: {
           locale: '内容稿件审核详情',
-          requiresAuth: false,
-          requireLogin: false,
+          requiresAuth: true,
+          requireLogin: true,
           hideFooter: true,
           hideInMenu: true,
           roles: ['*'],
@@ -100,8 +100,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         name: 'ManuscriptCheck',
         meta: {
           locale: '稿件审核',
-          requiresAuth: false,
-          requireLogin: false,
+          requiresAuth: true,
+          requireLogin: true,
           hideFooter: true,
           roles: ['*'],
           hideInMenu: true,
diff --git a/src/router/routes/modules/manuscript-writer.ts b/src/router/routes/modules/manuscript-writer.ts
new file mode 100644
index 0000000..69b2adb
--- /dev/null
+++ b/src/router/routes/modules/manuscript-writer.ts
@@ -0,0 +1,115 @@
+import type { AppRouteRecordRaw } from '../types';
+import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+// 内容稿件-写手端
+const COMPONENTS: AppRouteRecordRaw[] = [
+  {
+    path: '/writer/manuscript',
+    name: 'WriterManuscript',
+    redirect: 'writer/manuscript/list',
+    meta: {
+      locale: '内容稿件',
+      icon: IconContentManuscript,
+      requiresAuth: false,
+      requireLogin: false,
+      roles: ['*'],
+      id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+    },
+    children: [
+      {
+        path: 'list/:writerCode',
+        name: 'WriterManuscriptList',
+        meta: {
+          locale: '内容稿件列表',
+          requiresAuth: false,
+          requireLogin: false,
+          roles: ['*'],
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-writer/list/index.vue'),
+      },
+      {
+        path: 'upload/:writerCode/:id',
+        name: 'WriterManuscriptUpload',
+        meta: {
+          locale: '稿件上传',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'WriterManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-writer/upload/index.vue'),
+      },
+      {
+        path: 'edit/:writerCode/:id',
+        name: 'WriterManuscriptEdit',
+        meta: {
+          locale: '账号详情',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'WriterManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-writer/edit/index.vue'),
+      },
+      {
+        path: 'detail/:writerCode/:id',
+        name: 'WriterManuscriptDetail',
+        meta: {
+          locale: '稿件详情',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-writer/detail/index.vue'),
+      },
+      {
+        path: 'check-list/:writerCode',
+        name: 'WriterManuscriptCheckList',
+        meta: {
+          locale: '内容稿件审核',
+          requiresAuth: false,
+          requireLogin: false,
+          roles: ['*'],
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-writer/check-list/index.vue'),
+      },
+      {
+        path: 'check-list/detail/:id/:writerCode',
+        name: 'WriterManuscriptCheckListDetail',
+        meta: {
+          locale: '内容稿件审核详情',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          hideInMenu: true,
+          roles: ['*'],
+          activeMenu: 'WriterManuscriptCheckList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-writer/detail/index.vue'),
+      },
+      {
+        path: 'check/:writerCode',
+        name: 'WriterManuscriptCheck',
+        meta: {
+          locale: '稿件审核',
+          requiresAuth: false,
+          requireLogin: false,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'WriterManuscriptCheckList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript-writer/check/index.vue'),
+      },
+    ],
+  },
+];
+export default COMPONENTS;
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index da6a2fd..4f483fb 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -212,7 +212,7 @@ export default {
           action="/"
           draggable
           custom-request={uploadVideo}
-          accept=".mp4,.webm,.ogg,.mov,.avi,.flv,.wmv,.mkv"
+          accept=".mp4,.mov,.avi,.flv,.wmv"
           show-file-list={false}
         >
           {{
@@ -386,10 +386,10 @@ export default {
             onInput={onChange}
             placeholder="请输入作品描述"
             size="large"
-            class="h-200px !w-784px"
+            class="h-300px !w-784px"
             show-word-limit
             max-length={1000}
-            auto-size={{ minRows: 7, maxRows: 9 }}
+            auto-size={{ minRows: 7, maxRows: 12 }}
           />
         </FormItem>
         {isVideo.value ? renderVideo() : renderImage()}
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
index e009548..2f7a4e8 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -12,7 +12,8 @@ import {
   Textarea,
 } from '@arco-design/web-vue';
 import { useClipboard } from '@vueuse/core';
-import { getWriterLinksGenerate, getTemplateUrl } from '@/api/all/generationWorkshop';
+import { getWriterLinksGenerate, getTemplateUrl, postWorksByLink, postWorksByFile } from '@/api/all/generationWorkshop';
+import { generateFullUrl } from '@/utils/tools';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
@@ -33,17 +34,10 @@ const UPLOAD_TYPE = {
 
 // 初始表单数据
 const INITIAL_FORM = {
-  linkUrl: '',
+  link: '',
   writerLink: '',
 };
 
-// 模拟数据生成
-const generateMockData = (count = 20) =>
-  Array.from({ length: count }, (_, i) => ({
-    id: `item-${i + 1}`,
-    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
-  }));
-
 export default {
   setup(props, { emit, expose }) {
     const update = inject('update');
@@ -55,8 +49,7 @@ export default {
     const uploadType = ref(UPLOAD_TYPE.LINK);
     const taskStatus = ref(TASK_STATUS.DEFAULT);
     const form = ref(cloneDeep(INITIAL_FORM));
-    const uploadList = ref([]);
-    const totalCount = ref(0);
+    const works = ref([]);
 
     // 剪贴板功能
     const { copy } = useClipboard({ source: form.value.writerLink });
@@ -83,26 +76,18 @@ export default {
       uploadType.value = UPLOAD_TYPE.LINK;
       taskStatus.value = TASK_STATUS.DEFAULT;
       form.value = cloneDeep(INITIAL_FORM);
-      uploadList.value = [];
-      totalCount.value = 0;
+      works.value = [];
     };
 
     const getWriterLink = async () => {
-      const data = {
-        code: 1,
-      };
-      const url = new URL(window.location.href);
-      url.searchParams.set('writer_code', data.code);
-      form.value.writerLink = url.toString();
-      console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
-
-      // const { code, data } = await getWriterLinksGenerate();
-      // if (code === 200) {
-      //   const url = new URL(window.location.href);
-      //   url.searchParams.set('writer_code', data.code);
-      //   form.value.writerLink = url.toString();
-      //   console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
-      // }
+      const { code, data } = await getWriterLinksGenerate();
+      if (code === 200) {
+        const url = router.resolve({
+          path: `/writer/manuscript/list/${data.code}`,
+        }).href;
+        form.value.writerLink = generateFullUrl(url);
+        console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
+      }
     };
 
     const open = () => {
@@ -121,15 +106,17 @@ export default {
         handleHandwriteSubmit();
         return;
       }
-
-      taskStatus.value = TASK_STATUS.LOADING;
-
-      // 模拟上传过程
-      setTimeout(() => {
-        taskStatus.value = TASK_STATUS.SUCCESS;
-        totalCount.value = 30;
-        uploadList.value = generateMockData();
-      }, 2000);
+      formRef.value?.validate(async (errors) => {
+        if (!errors) {
+          taskStatus.value = TASK_STATUS.LOADING;
+          const { link } = form.value;
+          const { code, data } = await postWorksByLink({ link });
+          if (code === 200) {
+            taskStatus.value = TASK_STATUS.SUCCESS;
+            works.value = data;
+          }
+        }
+      });
     }, 300);
 
     // 提交处理
@@ -156,15 +143,28 @@ export default {
     };
 
     // 文件上传处理
-    const handleUpload = async (file) => {
-      console.log('handleUpload', file);
-      taskStatus.value = TASK_STATUS.LOADING;
+    const handleUpload = async (option) => {
+      try {
+        taskStatus.value = TASK_STATUS.LOADING;
 
-      setTimeout(() => {
-        taskStatus.value = TASK_STATUS.SUCCESS;
-        totalCount.value = 30;
-        uploadList.value = generateMockData();
-      }, 2000);
+        const {
+          fileItem: { file },
+        } = option;
+
+        const formData = new FormData();
+        formData.append('file', file);
+        const { code, data } = await postWorksByFile(formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
+        });
+        if (code === 200) {
+          taskStatus.value = TASK_STATUS.SUCCESS;
+          works.value = data;
+        }
+      } finally {
+        taskStatus.value = TASK_STATUS.DEFAULT;
+      }
     };
 
     // 跳转编辑
@@ -174,11 +174,9 @@ export default {
     };
 
     // 删除项目
-    const onDelete = (item) => {
-      console.log('onDelete', item);
-      uploadList.value = uploadList.value.filter((i) => i.id !== item.id);
-      totalCount.value = uploadList.value.length;
-      AMessage.success('删除成功');
+    const onDelete = (index) => {
+      works.value.splice(index, 1);
+      // AMessage.success('删除成功');
     };
 
     // 上传方式切换
@@ -200,11 +198,11 @@ export default {
 
     // 渲染链接上传表单
     const renderLinkForm = () => (
-      <FormItem label="链接地址">
+      <FormItem label="链接地址" field="link" required>
         <Textarea
-          v-model={form.value.linkUrl}
+          v-model={form.value.link}
           size="large"
-          placeholder="请输入..."
+          placeholder="请输入链接地址"
           autoSize={{ minRows: 5, maxRows: 8 }}
         />
       </FormItem>
@@ -212,8 +210,8 @@ export default {
 
     // 渲染手写上传表单
     const renderHandwriteForm = () => (
-      <FormItem label="上传链接">
-        <Input v-model={form.value.writerLink} placeholder="请输入..." disabled size="large" />
+      <FormItem label="上传链接" field="writerLink">
+        <Input v-model={form.value.writerLink} placeholder="请输入上传链接" disabled size="large" />
       </FormItem>
     );
 
@@ -267,18 +265,18 @@ export default {
     // 渲染成功状态
     const renderSuccessState = () => (
       <div class="flex flex-col py-12px max-h-540px rounded-8px bg-#F7F8FA">
-        <span class="tip mb-8px px-12px fs-14px !text-left">共 {totalCount.value} 个内容稿件</span>
+        <span class="tip mb-8px px-12px fs-14px !text-left">共 {works.value.length} 个内容稿件</span>
         <div class="flex-1 overflow-y-auto overflow-x-hidden px-12px">
-          {uploadList.value.map((item) => (
+          {works.value.map((item, index) => (
             <div key={item.id} class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
               <div class="flex-1 overflow-hidden flex items-center mr-12px">
-                <img width="32" height="32" class="rounded-3px mr-8px" />
-                <TextOverTips class="text" context={item.content} />
+                <img src={item.cover} width="32" height="32" class="rounded-3px mr-8px" />
+                <TextOverTips class="text" context={item.title} />
               </div>
               <icon-delete
                 size="16px"
                 class="color-#737478 cursor-pointer hover:!color-#211F24"
-                onClick={() => onDelete(item)}
+                onClick={() => onDelete(index)}
               />
             </div>
           ))}
@@ -364,7 +362,15 @@ export default {
           footer: () => renderFooterButtons(),
         }}
       >
-        <Form ref="formRef" model={form.value} layout="horizontal" auto-label-width>
+        <Form
+          ref={formRef}
+          rules={{
+            link: [{ required: true, message: '请输入链接地址' }],
+          }}
+          model={form.value}
+          layout="horizontal"
+          auto-label-width
+        >
           {isDefault.value && (
             <FormItem label="上传方式">
               <RadioGroup v-model={uploadType.value} onChange={onUploadTypeChange}>

From 77cf169607a8dd74d60bb81ae78e501a69d64523 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 11 Aug 2025 17:13:31 +0800
Subject: [PATCH 51/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8-=E5=86=99=E6=89=8B=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop-writer.ts      |  84 ++--
 src/api/all/generationWorkshop.ts             |  15 +-
 .../components/filter-block/index.vue         | 134 ++++++
 .../delete-manuscript-modal.vue               |  58 +++
 .../manuscript-check-table/index.vue          | 195 ++++++++
 .../manuscript-check-table/style.scss         |  19 +
 .../manuscript-writer/check-list/constants.ts | 254 ++++++++++
 .../manuscript-writer/check-list/index.vue    | 205 ++++++++
 .../manuscript-writer/check-list/style.scss   |  42 ++
 .../check/cancel-check-modal.vue              |  57 +++
 .../check/check-success-modal.vue             |  61 +++
 .../components/check-list-drawer/index.vue    |  78 +++
 .../components/check-list-drawer/style.scss   |  31 ++
 .../components/content-card/constants.ts      |  53 +++
 .../check/components/content-card/index.vue   | 443 ++++++++++++++++++
 .../check/components/content-card/style.scss  | 190 ++++++++
 .../check/components/header-card/index.vue    | 116 +++++
 .../check/components/header-card/style.scss   |  74 +++
 .../manuscript-writer/check/index.vue         | 246 ++++++++++
 .../manuscript-writer/check/style.scss        |  39 ++
 .../components/edit-form/index.vue            | 415 ++++++++++++++++
 .../components/edit-form/style.scss           |  32 ++
 .../share-manuscript-modal/constants.ts       |  40 ++
 .../share-manuscript-modal/index.vue          | 293 ++++++++++++
 .../share-manuscript-modal/share-modal.vue    | 137 ++++++
 .../share-manuscript-modal/style.scss         |  27 ++
 .../manuscript-writer/detail/index.vue        | 195 ++++++++
 .../manuscript-writer/detail/style.scss       |  65 +++
 .../edit/cancel-edit-modal.vue                |  34 ++
 .../manuscript-writer/edit/index.vue          | 130 +++++
 .../manuscript-writer/edit/style.scss         |  25 +
 .../list/components/filter-block/index.vue    | 149 ++++++
 .../components/manuscript-table/constants.ts  |  68 +++
 .../delete-manuscript-modal.vue               |  58 +++
 .../components/manuscript-table/index.vue     | 140 ++++++
 .../components/manuscript-table/style.scss    |  16 +
 .../upload-manuscript-modal/index.vue         | 394 ++++++++++++++++
 .../upload-manuscript-modal/style.scss        |  31 ++
 .../manuscript-writer/list/constants.ts       |  56 +++
 .../manuscript-writer/list/index.vue          | 121 +++++
 .../manuscript-writer/list/style.scss         |  29 ++
 .../upload/cancel-upload-modal.vue            |  38 ++
 .../manuscript-writer/upload/index.vue        | 275 +++++++++++
 .../manuscript-writer/upload/style.scss       |  28 ++
 .../upload/upload-success-modal.vue           |  65 +++
 45 files changed, 5208 insertions(+), 47 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/edit-form/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/detail/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/edit/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/constants.ts
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/list/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/upload/style.scss
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue

diff --git a/src/api/all/generationWorkshop-writer.ts b/src/api/all/generationWorkshop-writer.ts
index a2a1f98..395d2fa 100644
--- a/src/api/all/generationWorkshop-writer.ts
+++ b/src/api/all/generationWorkshop-writer.ts
@@ -4,125 +4,127 @@
 
 import Http from '@/api';
 
+const getWriterCode = () => {
+  const route = useRoute();
+  return route.params.writerCode as string;
+};
 // 内容稿件-批量添加(写手)
-export const postWorksBatchWriter = (writerCode: string, data: any) => {
-  return Http.post('/v1/writer/works/batch', data, {
-    headers: { 'writer-code': writerCode },
+export const postWorksBatchWriter = (params: any) => {
+  return Http.post('/v1/writer/works/batch', params, {
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件-分页(写手)
-export const getWorksPageWriter = (writerCode: string, params: any) => {
+export const getWorksPageWriter = (params: any) => {
   return Http.get(
     '/v1/writer/works',
     { params },
     {
-      headers: { 'writer-code': writerCode },
+      headers: { 'writer-code': getWriterCode() },
     },
   );
 };
 
 // 内容稿件-详情(写手)
-export const getWorkDetailWriter = (writerCode: string, id: string) => {
+export const getWorksDetailWriter = (id: string) => {
   return Http.get(`/v1/writer/works/${id}`, {
-    headers: { 'writer-code': writerCode },
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件-修改(写手)
 export const putWorksUpdateWriter = (params = {}) => {
-  const { id, writerCode, ...rest } = params as { id: string; writerCode: string; [key: string]: any };
+  const { id, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/writer/works/${id}`, rest, {
-    headers: { 'writer-code': writerCode },
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件-删除(写手)
-export const deleteWorkWriter = (writerCode: string, id: string) => {
+export const deleteWorkWriter = (id: string) => {
   return Http.delete(`/v1/writer/works/${id}`, {
-    headers: { 'writer-code': writerCode },
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件-获取模板(写手)
-export const getTemplateUrlWriter = (writerCode: string) => {
+export const getTemplateUrlWriter = () => {
   return Http.get('/v1/writer/works/template', {
-    headers: { 'writer-code': writerCode },
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件审核-分页(写手)
-export const getWorkAuditsPageWriter = (writerCode: string, params: any) => {
+export const getWorkAuditsPageWriter = (params: any) => {
   return Http.get(
     '/v1/writer/work-audits',
     { params },
     {
-      headers: { 'writer-code': writerCode },
+      headers: { 'writer-code': getWriterCode() },
     },
   );
 };
 
 // 内容稿件审核-详情(写手)
-export const getWorkAuditDetailWriter = (writerCode: string, id: string) => {
+export const getWorkAuditDetailWriter = (id: string) => {
   return Http.get(`/v1/writer/work-audits/${id}`, {
-    headers: { 'writer-code': writerCode },
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件审核-多个详情(写手)
-export const getWorkAuditsBatchDetailWriter = (writerCode: string, params: any) => {
+export const getWorkAuditsBatchDetailWriter = (params: any) => {
   return Http.get(
     '/v1/writer/work-audits/list',
     { params },
     {
-      headers: { 'writer-code': writerCode },
+      headers: { 'writer-code': getWriterCode() },
     },
   );
 };
 
 // 内容稿件-审核(写手)
-export const patchWorkAuditsAuditWriter = (writerCode: string, id: string, data: any) => {
-  return Http.patch(`/v1/writer/work-audits/${id}/audit`, data, {
-    headers: { 'writer-code': writerCode },
+export const patchWorkAuditsAuditWriter = (id: string, params = {}) => {
+  return Http.patch(`/v1/writer/work-audits/${id}/audit`, params, {
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件-批量审核(写手)
-export const patchWorkAuditsBatchAuditWriter = (writerCode: string, data: any) => {
-  return Http.patch('/v1/writer/work-audits/batch-audit', data, {
-    headers: { 'writer-code': writerCode },
+export const patchWorkAuditsBatchAuditWriter = (params: {}) => {
+  return Http.patch('/v1/writer/work-audits/batch-audit', params, {
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件审核-修改(写手)
-export const putWorkAuditsUpdateWriter = (writerCode: string, params = {}) => {
-  const { id: auditId,  ...rest } = params as { id: string; [key: string]: any };
+export const putWorkAuditsUpdateWriter = (params = {}) => {
+  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/writer/work-audits/${auditId}`, rest, {
-    headers: { 'writer-code': writerCode },
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件审核-审核通过(写手)
-export const putWorkAuditsAuditPassWriter = (writerCode: string, id: string) => {
-  return Http.put(
-    `/v1/writer/work-audits/${id}/audit-pass`,
-    {},
-    {
-      headers: { 'writer-code': writerCode },
-    },
-  );
+export const putWorkAuditsAuditPassWriter = (params = {}) => {
+  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/writer/work-audits/${auditId}/audit-pass`, rest, {
+    headers: { 'writer-code': getWriterCode() },
+  });
 };
 
 // 内容稿件审核-AI审查(写手)
-export const postWorkAuditsAiReviewWriter = (writerCode: string, id: string, data: any) => {
-  return Http.post(`/v1/writer/work-audits/${id}/ai-review`, data, {
-    headers: { 'writer-code': writerCode },
+export const postWorkAuditsAiReviewWriter = (params = {}) => {
+  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
+  return Http.post(`/v1/writer/work-audits/${auditId}/ai-review`, rest, {
+    headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件审核-获取AI审查结果(写手)
-export const getWorkAuditsAiReviewResultWriter = (writerCode: string, id: string, ticket: string) => {
+export const getWorkAuditsAiReviewResultWriter = (id: string, ticket: string) => {
   return Http.get(`/v1/writer/work-audits/${id}/ai-review/${ticket}`, {
-    headers: { 'writer-code': writerCode },
+    headers: { 'writer-code': getWriterCode() },
   });
 };
diff --git a/src/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
index 4787dda..8c9a16d 100644
--- a/src/api/all/generationWorkshop.ts
+++ b/src/api/all/generationWorkshop.ts
@@ -95,8 +95,8 @@ export const putWorkAuditsAuditPass = (params = {}) => {
 
 // 内容稿件审核-AI审查
 export const postWorkAuditsAiReview = (params = {}) => {
-    const { id, ...rest } = params as { id: string; [key: string]: any };
-    return Http.post(`/v1/work-audits/${id}/ai-review`, rest);
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.post(`/v1/work-audits/${id}/ai-review`, rest);
 };
 
 // 内容稿件审核-获取AI审查结果
@@ -128,9 +128,13 @@ export const getShareWorksDetail = (id: string, shareCode: string) => {
 
 // 内容稿件-确认(客户)
 export const patchShareWorksConfirm = (id: string, shareCode: string) => {
-  return Http.patch(`/v1/share/works/${id}/confirm`, {}, {
-    headers: { 'share-code': shareCode },
-  });
+  return Http.patch(
+    `/v1/share/works/${id}/confirm`,
+    {},
+    {
+      headers: { 'share-code': shareCode },
+    },
+  );
 };
 
 // 内容稿件-评论(客户)
@@ -146,4 +150,3 @@ export const deleteShareWorksComments = (id: string, commentId: string, shareCod
     headers: { 'share-code': shareCode },
   });
 };
-
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
new file mode 100644
index 0000000..99add2c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
@@ -0,0 +1,134 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="common-filter-wrap">
+    <div class="filter-row">
+      <div class="filter-row-item">
+        <span class="label">内容稿件标题</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.title"
+            class="w-240px"
+            placeholder="请输入内容稿件标题"
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item">
+        <span class="label">序号</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.uid"
+            class="w-160px"
+            placeholder="请输入序号"
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
+        <span class="label">上传时间</span>
+        <a-range-picker
+          v-model="created_at"
+          size="medium"
+          allow-clear
+          format="YYYY-MM-DD"
+          class="w-280px"
+          @change="(value) => onDateChange(value, 'created_at')"
+        />
+      </div>
+      <template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
+        <div class="filter-row-item">
+          <span class="label">审核平台</span>
+          <a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
+              item.label
+            }}</a-option>
+          </a-select>
+        </div>
+        <div class="filter-row-item">
+          <span class="label">审核时间</span>
+          <a-range-picker
+            v-model="audit_started_at"
+            size="medium"
+            allow-clear
+            format="YYYY-MM-DD"
+            class="w-280px"
+            @change="(value) => onDateChange(value, 'audit_started_at')"
+          />
+        </div>
+      </template>
+
+      <div class="filter-row-item">
+        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+          <template #icon>
+            <icon-search />
+          </template>
+          <template #default>搜索</template>
+        </a-button>
+        <a-button size="medium" @click="handleReset">
+          <template #icon>
+            <icon-refresh />
+          </template>
+          <template #default>重置</template>
+        </a-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineEmits, defineProps } from 'vue';
+import { PLATFORMS, AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('search', 'reset', 'update:query');
+const created_at = ref([]);
+const audit_started_at = ref([]);
+
+const handleSearch = () => {
+  emits('update:query', props.query);
+  nextTick(() => {
+    emits('search');
+  });
+};
+
+const onDateChange = (value, type) => {
+  if (!value) {
+    props.query[type] = [];
+    handleSearch();
+    return;
+  }
+
+  const [start, end] = value;
+  const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
+  props.query[type] = [dayjs(start).startOf('day').format(FORMAT_DATE), dayjs(end).endOf('day').format(FORMAT_DATE)];
+
+  handleSearch();
+};
+
+const handleReset = () => {
+  created_at.value = [];
+  emits('reset');
+};
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..39f8fd3
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -0,0 +1,58 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除内容稿件"
+    width="480px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ projectName }} 这个内容稿件吗？</span>  
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="medium" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteWork } from '@/api/all/generationWorkshop';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const update = inject('update');
+
+const visible = ref(false);
+const projectId = ref(null);
+const projectName = ref('');
+
+const isBatch = computed(() => Array.isArray(projectId.value));
+
+function onClose() {
+  visible.value = false;
+  projectId.value = null;
+  projectName.value = '';
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  projectId.value = id;
+  projectName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteWork(projectId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    update()
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
new file mode 100644
index 0000000..2602b32
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
@@ -0,0 +1,195 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="flex-1 manuscript-table w-100%"
+    bordered
+    :row-selection="rowSelection"
+    :selected-row-keys="selectedRowKeys"
+    @sorter-change="handleSorterChange"
+    @select="(selectedKeys, rowKeyValue, record) => emits('select', selectedKeys, rowKeyValue, record)"
+    @select-all="(check) => emits('selectAll', check)"
+  >
+    <template #empty>
+      <NoData text="暂无稿件" />
+    </template>
+    <template #columns>
+      <a-table-column
+        v-for="column in tableColumns"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
+          <p
+            class="h-28px px-8px flex items-center rounded-2px w-fit"
+            :style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
+          >
+            <span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
+              getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
+            }}</span>
+          </p>
+        </template>
+        <template v-else-if="column.dataIndex === 'platform'" #cell="{ record }">
+          <template v-if="!PLATFORMS.find((item) => item.value === record.platform)"> - </template>
+          <img v-else width="24" height="24" :src="PLATFORMS.find((item) => item.value === record.platform)?.icon" />
+        </template>
+        <template v-else-if="column.dataIndex === 'compliance_level'" #cell="{ record }">
+          <span class="cts num !color-#6D4CFE">{{ record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-' }}</span>
+        </template>
+        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
+          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
+        </template>
+        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
+          <div class="flex items-center">
+            <img
+              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
+              width="16"
+              height="16"
+              class="mr-4px"
+            />
+            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+              record.type === EnumManuscriptType.Image ? '图文' : '视频'
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
+          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+        </template>
+        <template
+          #cell="{ record }"
+          v-else-if="
+            ['updated_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
+          "
+        >
+          <span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
+        </template>
+        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
+            <template #error>
+              <img :src="icon4" class="w-full h-full" />
+            </template>
+          </a-image>
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <div class="flex items-center">
+            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+            <a-button type="outline" size="mini" @click="onShare(record)" v-if="audit_status === AuditStatus.Passed"
+              >分享</a-button
+            >
+            <a-button
+              type="outline"
+              size="mini"
+              @click="onCheck(record)"
+              v-else-if="audit_status === AuditStatus.Pending"
+              >审核</a-button
+            >
+            <a-button type="outline" size="mini" @click="onScan(record)" v-else>查看</a-button>
+          </div>
+        </template>
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
+
+  <ShareModal ref="shareModalRef" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { patchWorkAuditsAudit } from '@/api/all/generationWorkshop';
+import {
+  AuditStatus,
+  CUSTOMER_OPINION,
+  PLATFORMS,
+} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+import { slsWithCatch } from '@/utils/stroage.ts';
+
+import TextOverTips from '@/components/text-over-tips';
+import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
+import icon4 from '@/assets/img/error-img.png';
+
+const emits = defineEmits(['edit', 'sorterChange', 'delete', 'select', 'selectAll']);
+const router = useRouter();
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+  tableColumns: {
+    type: Array,
+    default: () => [],
+  },
+  rowSelection: {
+    type: Array,
+    default: () => [],
+  },
+  selectedRowKeys: {
+    type: Array,
+    default: () => [],
+  },
+  audit_status: {
+    type: String,
+  },
+});
+
+const tableRef = ref(null);
+const shareModalRef = ref(null);
+
+const handleSorterChange = (column, order) => {
+  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+const onDelete = (item) => {
+  emits('delete', item);
+};
+const onShare = (item) => {
+  shareModalRef.value?.open([item.id]);
+};
+const onCheck = (item) => {
+  patchWorkAuditsAudit(item.id);
+  slsWithCatch('manuscriptCheckIds', [item.id]);
+  router.push({ name: 'ManuscriptCheck' });
+};
+const onScan = (item) => {
+  slsWithCatch('manuscriptCheckIds', [item.id]);
+  router.push({ name: 'ManuscriptCheck' });
+};
+const onDetail = (item) => {
+  router.push(`/manuscript/check-list/detail/${item.id}?source=check&audit_status=${props.audit_status}`);
+};
+const getCustomerOpinionInfo = (value) => {
+  return CUSTOMER_OPINION.find((item) => item.value === value);
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/style.scss
new file mode 100644
index 0000000..5a1711b
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/style.scss
@@ -0,0 +1,19 @@
+.manuscript-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: $font-family-medium;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.num {
+      font-family: $font-family-manrope-regular;
+    }
+  }
+  :deep(.title) {
+    cursor: pointer;
+    &:hover {
+      color: #6d4cfe;
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
new file mode 100644
index 0000000..c6a9966
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
@@ -0,0 +1,254 @@
+export const TABLE_COLUMNS1 = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'cover',
+    width: 120,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 300,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 180,
+  },
+  {
+    title: '上传时间',
+    dataIndex: 'updated_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '上传人员',
+    dataIndex: 'uploader',
+    width: 180,
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '修改人员',
+    dataIndex: 'last_modifier',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 120,
+    fixed: 'right',
+  },
+];
+export const TABLE_COLUMNS2 = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'cover',
+    width: 120,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 300,
+  },
+  {
+    title: '客户意见',
+    dataIndex: 'customer_opinion',
+    width: 220,
+  },
+  {
+    title: '审核平台',
+    dataIndex: 'platform',
+    width: 120,
+  },
+  {
+    title: '合规程度',
+    dataIndex: 'compliance_level',
+    suffix: '%',
+    width: 120,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 180,
+  },
+  {
+    title: '审核时间',
+    dataIndex: 'audit_started_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '修改人员',
+    dataIndex: 'last_modifier',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 120,
+    fixed: 'right',
+  },
+];
+export const TABLE_COLUMNS3 = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'cover',
+    width: 120,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 300,
+  },
+  {
+    title: '客户意见',
+    dataIndex: 'customer_opinion',
+    width: 200,
+  },
+  {
+    title: '审核平台',
+    dataIndex: 'platform',
+    width: 120,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 180,
+  },
+  {
+    title: '通过时间',
+    dataIndex: 'audit_passed_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '修改人员',
+    dataIndex: 'last_modifier',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 120,
+    fixed: 'right',
+  },
+];
+export enum AuditStatus {
+  Pending = '1',
+  Auditing = '2',
+  Passed = '3',
+}
+
+export const AUDIT_STATUS_LIST = [
+  {
+    label: '待审核',
+    value: AuditStatus.Pending,
+    tableColumns: TABLE_COLUMNS1,
+  },
+  {
+    label: '审核中',
+    value: AuditStatus.Auditing,
+    tableColumns: TABLE_COLUMNS2,
+  },
+  {
+    label: '已通过',
+    value: AuditStatus.Passed,
+    tableColumns: TABLE_COLUMNS3,
+  },
+];
+
+export const INITIAL_QUERY = {
+  audit_status: AuditStatus.Pending,
+  title: '',
+  created_at: [],
+  audit_started_at: [],
+  audit_platform: '',
+  sort_column: undefined,
+  sort_order: undefined,
+};
+
+import icon1 from '@/assets/img/media-account/icon-dy.png';
+import icon2 from '@/assets/img/media-account/icon-xhs.png';
+
+export const PLATFORMS = [
+  {
+    label: '小红书',
+    value: 1,
+    icon: icon2,
+  },
+  {
+    label: '抖音',
+    value: 2,
+    icon: icon1,
+  },
+];
+
+export const CUSTOMER_OPINION = [
+  {
+    label: '待确认',
+    value: 0,
+    bg: '#F2F3F5',
+    color: 'color-#3C4043',
+  },
+  {
+    label: '已确认',
+    value: 1,
+    bg: '#F0EDFF',
+    color: '!color-#6D4CFE',
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
new file mode 100644
index 0000000..3294747
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="manuscript-check-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+      <a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
+        <a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
+        <template #extra>
+          <a-button type="outline" size="medium" @click="handleShareModal">分享内容稿件</a-button>
+        </template>
+      </a-tabs>
+      <FilterBlock
+        v-model:query="query"
+        :audit_status="query.audit_status"
+        @search="handleSearch"
+        @reset="handleReset"
+      />
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <div
+        class="flex justify-end mb-12px"
+        v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)"
+      >
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchCheck"
+          v-if="query.audit_status === AuditStatus.Pending"
+          >批量审核</a-button
+        >
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchView"
+          v-if="query.audit_status === AuditStatus.Auditing"
+          >批量查看</a-button
+        >
+      </div>
+
+      <ManuscriptCheckTable
+        :key="query.audit_status"
+        :tableColumns="tableColumns"
+        :rowSelection="rowSelection"
+        :selectedRowKeys="selectedRowKeys"
+        :dataSource="dataSource"
+        :audit_status="query.audit_status"
+        @sorterChange="handleSorterChange"
+        @delete="handleDelete"
+        @edit="handleEdit"
+        @select="handleSelect"
+        @selectAll="handleSelectAll"
+      />
+      <div v-if="pageInfo.total > 0" class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.page_size"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+
+    <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
+    <ShareManuscriptModal ref="shareManuscriptModalRef" />
+  </div>
+</template>
+<script lang="jsx" setup>
+import { defineComponent } from 'vue';
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+import FilterBlock from './components/filter-block';
+import ManuscriptCheckTable from './components/manuscript-check-table';
+import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
+import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal';
+
+import { getWorkAuditsPage, patchWorkAuditsBatchAudit } from '@/api/all/generationWorkshop.ts';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { slsWithCatch } from '@/utils/stroage.ts';
+// import { getProjects } from '@/api/all/propertyMarketing';
+import {
+  AuditStatus,
+  INITIAL_QUERY,
+  AUDIT_STATUS_LIST,
+  TABLE_COLUMNS1,
+  TABLE_COLUMNS2,
+  TABLE_COLUMNS3,
+} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
+
+const {
+  dataSource,
+  pageInfo,
+  rowSelection,
+  onPageChange,
+  onPageSizeChange,
+  resetPageInfo,
+  selectedRowKeys,
+  selectedRows,
+  handleSelect,
+  handleSelectAll,
+  DEFAULT_PAGE_INFO,
+} = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+const router = useRouter();
+const tableColumns = ref([]);
+const query = ref(cloneDeep(INITIAL_QUERY));
+
+const addManuscriptModalRef = ref(null);
+const deleteManuscriptModalRef = ref(null);
+const shareManuscriptModalRef = ref(null);
+
+const getData = async () => {
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getWorkAuditsPage({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
+};
+const handleSearch = () => {
+  reload();
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+const handleReset = () => {
+  resetPageInfo();
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+const handleSorterChange = (column, order) => {
+  query.value.sort_column = column;
+  query.value.sort_order = order;
+  reload();
+};
+const handleBatchCheck = () => {
+  if (!selectedRows.value.length) {
+    AMessage.warning('请选择需审核的内容稿件');
+    return;
+  }
+
+  patchWorkAuditsBatchAudit({ ids: selectedRowKeys.value });
+
+  slsWithCatch('manuscriptCheckIds', selectedRowKeys.value);
+  router.push({ name: 'ManuscriptCheck' });
+};
+const handleBatchView = () => {
+  if (!selectedRows.value.length) {
+    AMessage.warning('请选择需查看的内容稿件');
+    return;
+  }
+
+  slsWithCatch('manuscriptCheckIds', selectedRowKeys.value);
+  router.push({ name: 'ManuscriptCheck' });
+};
+
+const handleTabClick = (key) => {
+  query.value = cloneDeep(INITIAL_QUERY);
+  dataSource.value = [];
+  selectedRowKeys.value = [];
+  selectedRows.value = [];
+  resetPageInfo();
+  query.value.audit_status = key;
+  tableColumns.value = AUDIT_STATUS_LIST.find((item) => item.value === key).tableColumns;
+  getData();
+};
+
+const handleShareModal = () => {
+  shareManuscriptModalRef.value.open();
+};
+
+const handleDelete = (item) => {
+  const { id, title } = item;
+  deleteManuscriptModalRef.value?.open({ id, name: `“${title}”` });
+};
+const handleEdit = (item) => {
+  // addManuscriptModalRef.value?.open(item.id);
+};
+
+onMounted(() => {
+  tableColumns.value = TABLE_COLUMNS1;
+  getData();
+});
+provide('update', getData);
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss
new file mode 100644
index 0000000..a2c29f0
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss
@@ -0,0 +1,42 @@
+.manuscript-check-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .filter-wrap {
+    :deep(.arco-tabs) {
+      .arco-tabs-tab {
+        height: 56px;
+        padding:  0 8px;
+      }
+      .arco-tabs-nav-extra {
+        padding-right: 24px;
+      }
+      .arco-tabs-content {
+        display: none;
+      }
+    }
+    .top {
+      .title {
+        font-family: $font-family-medium;
+        font-style: normal;
+      }
+
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 16px;
+        }
+      }
+    }
+  }
+  .table-wrap {
+    display: flex;
+    flex-direction: column;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue
new file mode 100644
index 0000000..235f796
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue
@@ -0,0 +1,57 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="action === 'exit' ? '退出审核' : '切换内容稿件'"
+    width="480px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>{{
+        action === 'exit'
+          ? '内容已修改尚未保存，若退出编辑，本次修改将不保存。'
+          : '当前内容已修改尚未保存，若切换内容稿件，本次修改将不保存。'
+      }}</span>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onClose">继续编辑</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">
+        {{ action === 'exit' ? '确认退出' : '确认切换' }}
+      </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+import { useRouter } from 'vue-router';
+
+const emit = defineEmits(['selectCard']);
+const router = useRouter();
+const visible = ref(false);
+const action = ref('');
+const cardInfo = ref(null);
+
+const onClose = () => {
+  action.value = '';
+  cardInfo.value = null;
+  visible.value = false;
+};
+const onConfirm = () => {
+  if (action.value === 'exit') {
+    router.push({ name: 'ManuscriptCheckList' });
+  } else {
+    emit('selectCard', cardInfo.value);
+  }
+  onClose();
+};
+
+const open = (type = 'exit', card = null) => {
+  action.value = type;
+  cardInfo.value = card;
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
new file mode 100644
index 0000000..f1b0bf8
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
@@ -0,0 +1,61 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="提示"
+    width="480px"
+    @close="onClose"
+    modal-class="upload-success11-modal"
+    :footer="null"
+  >
+    <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>
+    </div>
+    <!-- <template #footer>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">内容稿件分析</a-button>
+    </template> -->
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
+
+const router = useRouter();
+const visible = ref(false);
+const workIds = ref([]);
+
+const onClose = () => {
+  if (workIds.value.length === 1) {
+    router.push({ name: 'ManuscriptCheckList' });
+  }
+  workIds.value = [];
+  visible.value = false;
+};
+
+const open = (ids) => {
+  workIds.value = cloneDeep(ids);
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
+<style lang="scss">
+.upload-success11-modal {
+  .arco-modal-header {
+    border-bottom: none;
+  }
+  .md {
+    font-family: $font-family-medium;
+  }
+  .ld {
+    font-family: $font-family-regular;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    justify-content: center;
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue
new file mode 100644
index 0000000..fa0040b
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue
@@ -0,0 +1,78 @@
+<script lang="jsx">
+import { Drawer, Image } from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+
+import icon1 from '@/assets/img/error-img.png';
+
+export default {
+  setup(props, { emit, expose }) {
+    const visible = ref(false);
+    const dataSource = ref([]);
+    const selectCardInfo = ref({});
+
+    const open = (data, _selectCardInfo) => {
+      dataSource.value = data;
+      selectCardInfo.value = _selectCardInfo;
+      visible.value = true;
+    };
+    const onClose = () => {
+      dataSource.value = [];
+      selectCardInfo.value = {};
+      visible.value = false;
+    };
+    expose({
+      open,
+    });
+
+    return () => (
+      <Drawer
+        title="审核列表"
+        visible={visible.value}
+        width={420}
+        class="check-list-drawer-xt"
+        footer={false}
+        header={false}
+      >
+        <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>
+          </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
+              class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${
+                selectCardInfo.value.id === item.id ? 'active' : ''
+              }`}
+              key={item.id}
+            >
+              <Image
+                width={48}
+                height={48}
+                preview={false}
+                src={item.cover}
+                class="!rounded-4px mr-8px"
+                fit="cover"
+                v-slots={{
+                  error: () => <img src={icon1} class="w-full h-full" />,
+                }}
+              />
+              <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>
+              </div>
+            </div>
+          ))}
+        </div>
+      </Drawer>
+    );
+  },
+};
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss
new file mode 100644
index 0000000..943ca06
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss
@@ -0,0 +1,31 @@
+.check-list-drawer-xt {
+  .arco-drawer-body {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding: 0 0 24px;
+    .cts {
+      color: var(--Text-1, #939499);
+
+      font-family: $font-family-regular;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+      &.bold {
+        color: var(--Text-1, #211f24);
+        font-family: $font-family-medium;
+      }
+    }
+    .card-item {
+      border: 1px solid transparent;
+      &:not(:last-child) {
+        margin-bottom: 12px;
+      }
+      &.active {
+        border-color: #6d4cfe;
+        background-color: #f0edff;
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
new file mode 100644
index 0000000..447141f
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
@@ -0,0 +1,53 @@
+export const FORM_RULES = {
+  title: [{ required: true, message: '请输入标题' }],
+};
+export const enumTab = {
+  TEXT: 0,
+  IMAGE: 1,
+};
+export const TAB_LIST = [
+  {
+    label: '文本',
+    value: enumTab.TEXT,
+  },
+  // {
+  //   label: '图片',
+  //   value: enumTab.IMAGE,
+  // },
+];
+
+export enum Enum_Level {
+  LOW = 0,
+  MEDIUM = 1,
+  HIGH = 2,
+}
+
+export const LEVEL_MAP = new Map([
+  [Enum_Level.LOW, { label: '低风险', value: 'low_risk_number', color: '#6d4cfe' }],
+  [Enum_Level.MEDIUM, { label: '中风险', value: 'medium_risk_number', color: '#FFAE00' }],
+  [Enum_Level.HIGH, { label: '高风险', value: 'high_risk_number', color: '#F64B31' }],
+]);
+
+export const RESULT_LIST = [
+  {
+    label: '合规程度',
+    value: 'compliance_level',
+    color: LEVEL_MAP.get(Enum_Level.LOW)?.color,
+    suffix: '%',
+  },
+  {
+    label: '检验项',
+    value: 'inspection_items',
+    color: '#211F24',
+  },
+  {
+    label: '高风险',
+    value: 'high_risk_number',
+    color: LEVEL_MAP.get(Enum_Level.HIGH)?.color,
+  },
+  {
+    label: '中风险',
+    value: 'medium_risk_number',
+    color: LEVEL_MAP.get(Enum_Level.MEDIUM)?.color,
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
new file mode 100644
index 0000000..947b16d
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
@@ -0,0 +1,443 @@
+<script lang="jsx">
+import axios from 'axios';
+import { Swiper, SwiperSlide } from 'swiper/vue';
+import { IconLoading } from '@arco-design/web-vue/es/icon';
+import {
+  Image,
+  Form,
+  FormItem,
+  Input,
+  Textarea,
+  Button,
+  Tabs,
+  Upload,
+  TabPane,
+  Spin,
+  Message as AMessage,
+} from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+
+import 'swiper/css';
+import 'swiper/css/navigation';
+import { Navigation } from 'swiper/modules';
+import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST, LEVEL_MAP } from './constants';
+import { getImagePreSignedUrl } from '@/api/all/common';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+
+import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-line.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-success.png';
+import icon4 from '@/assets/img/error-img.png';
+import icon5 from '@/assets/img/creative-generation-workshop/icon-lf2.png';
+
+export default {
+  props: {
+    modelValue: {
+      type: Object,
+      default: {},
+    },
+    selectedImageInfo: {
+      type: Object,
+      default: {},
+    },
+    checkLoading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ['update:modelValue', 'filesChange', 'selectImage', 'againCheck', 'startCheck'],
+  setup(props, { emit, expose }) {
+    const activeTab = ref(enumTab.TEXT);
+    const aiCheckLoading = ref(false);
+    const formRef = ref(null);
+    const uploadRef = ref(null);
+    const modules = [Navigation];
+
+    const isTextTab = computed(() => activeTab.value === enumTab.TEXT);
+    const aiReview = computed(() => props.modelValue.ai_review);
+
+    const onAiReplace = () => {
+      if (aiCheckLoading.value) return;
+
+      aiCheckLoading.value = true;
+      setTimeout(() => {
+        aiCheckLoading.value = false;
+      }, 2000);
+    };
+
+    const onAgainCheck = () => {
+      if (!isTextTab.value && !props.modelValue.files?.length) {
+        AMessage.warning('请先上传需审核图片');
+        return;
+      }
+      emit('againCheck');
+    };
+    const onReplaceImage = () => {
+      uploadRef.value?.upload?.();
+    };
+    const handleTabClick = (key) => {
+      activeTab.value = key;
+    };
+    const validate = () => {
+      return new Promise((resolve, reject) => {
+        formRef.value?.validate((errors) => {
+          if (errors) {
+            reject();
+          } else {
+            resolve();
+          }
+        });
+      });
+    };
+    const reset = () => {
+      formRef.value?.resetFields?.();
+      formRef.value?.clearValidate?.();
+      aiCheckLoading.value = false;
+    };
+    const getFileExtension = (filename) => {
+      const match = filename.match(/\.([^.]+)$/);
+      return match ? match[1].toLowerCase() : '';
+    };
+    const handleSelectImage = (item) => {
+      emit('selectImage', item);
+    };
+    const onDeleteImage = (e, item, index) => {
+      e.stopPropagation();
+
+      const _newFiles = cloneDeep(props.modelValue.files);
+      _newFiles.splice(index, 1);
+
+      if (item.id === props.selectedImageInfo.id) {
+        emit('selectImage', _newFiles.length ? _newFiles[0] : {});
+      }
+
+      emit('filesChange', _newFiles);
+    };
+
+    const renderUpload = (UploadBtn, action = 'upload') => {
+      return (
+        <Upload
+          ref={uploadRef}
+          action="/"
+          draggable
+          class="w-fit"
+          custom-request={(option) => uploadImage(option, action)}
+          accept=".jpg,.jpeg,.png,.gif,.webp"
+          show-file-list={false}
+          multiple
+        >
+          {{
+            'upload-button': () => <UploadBtn />,
+          }}
+        </Upload>
+      );
+    };
+
+    const uploadImage = async (option, action = 'upload') => {
+      const {
+        fileItem: { file },
+      } = option;
+
+      const { name, size, type } = file;
+      const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
+      const { file_name, upload_url, file_url } = response?.data;
+
+      const blob = new Blob([file], { type });
+      await axios.put(upload_url, blob, {
+        headers: { 'Content-Type': type },
+      });
+
+      const _file = {
+        url: file_url,
+        name: file_name,
+        size,
+      };
+
+      const _newFiles =
+        action === 'replaceImage'
+          ? props.modelValue.files.map((item) => {
+              if (item.url === props.selectedImageInfo.url) {
+                return _file;
+              }
+              return item;
+            })
+          : [...props.modelValue.files, _file];
+
+      emit('filesChange', _newFiles);
+      emit('selectImage', _file);
+    };
+
+    const renderFooterRow = () => {
+      return (
+        <>
+          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={props.checkLoading}>
+            再次审核
+          </Button>
+          {isTextTab.value ? (
+            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={props.checkLoading}>
+              {aiCheckLoading.value ? (
+                <>
+                  <IconLoading size={14} />
+                  <span class="ml-8px check-text">AI生成中</span>
+                </>
+              ) : (
+                <>
+                  <img src={icon1} width={14} height={14} />
+                  <span class="ml-8px check-text">替换违禁词</span>
+                </>
+              )}
+            </Button>
+          ) : (
+            <div class="w-88px">
+              {renderUpload(
+                <Button size="medium" type="outline">
+                  图片替换
+                </Button>,
+                'replaceImage',
+              )}
+            </div>
+          )}
+        </>
+      );
+    };
+    const renderTextForm = () => {
+      return (
+        <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
+          <FormItem label="标题" field="title" required>
+            <Input
+              v-model={props.modelValue.title}
+              placeholder="请输入标题"
+              size="large"
+              maxLength={30}
+              show-word-limit
+              disabled={props.checkLoading}
+            />
+          </FormItem>
+          <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
+            <Textarea
+              v-model={props.modelValue.content}
+              placeholder="请输入作品描述"
+              size="large"
+              show-word-limit
+              maxLength={1000}
+              show-word-limit
+              disabled={props.checkLoading}
+            />
+          </FormItem>
+        </Form>
+      );
+    };
+    const renderImageForm = () => {
+      if (props.modelValue.files?.length > 0) {
+        return (
+          <div class="w-full h-full py-16px flex justify-center">
+            <div class="w-380px flex flex-col justify-center">
+              <Image
+                src={props.selectedImageInfo.url}
+                width={370}
+                height={370}
+                preview={false}
+                class="flex items-center justify-center mb-8px"
+                fit="contain"
+                v-slots={{
+                  error: () => <img src={icon4} class="w-full h-full" />,
+                }}
+              />
+
+              <div class="swiper-wrap h-78px">
+                <Swiper
+                  spaceBetween={16}
+                  modules={modules}
+                  slidesPerView="auto"
+                  navigation={{
+                    nextEl: '.swiper-button-next',
+                    prevEl: '.swiper-button-prev',
+                  }}
+                >
+                  {props.modelValue.files.map((item, index) => (
+                    <SwiperSlide
+                      key={item.id}
+                      onClick={() => handleSelectImage(item)}
+                      class={`!h-48px !w-48px !relative bg-#F7F8FA cursor-pointer  !flex items-center ${
+                        item.id === props.selectedImageInfo.id ? 'active' : ''
+                      }`}
+                    >
+                      <div class="group relative w-full h-full rounded-5px">
+                        <Image
+                          width={'100%'}
+                          height={'100%'}
+                          src={item.url}
+                          class="!rounded-4px"
+                          fit="contain"
+                          preview={false}
+                          v-slots={{
+                            error: () => <img src={icon4} class="w-full h-full" />,
+                          }}
+                        />
+                      </div>
+                      <icon-close-circle-fill
+                        size={16}
+                        class="close-icon absolute top--8px right--8px hidden cursor-pointer color-#737478 hover:!color-#211F24 z-50"
+                        onClick={(e) => onDeleteImage(e, item, index)}
+                      />
+                    </SwiperSlide>
+                  ))}
+                  <div class="swiper-box swiper-button-prev">
+                    <img src={icon5} class="w-8px h-17px" />
+                  </div>
+                  <div class="swiper-box swiper-button-next">
+                    <img src={icon5} class="w-8px h-17px rotate-180" />
+                  </div>
+                </Swiper>
+              </div>
+            </div>
+          </div>
+        );
+      } else {
+        return (
+          <div class="w-full h-full flex flex-col items-center justify-center">
+            <div class="flex justify-center mb-16px">
+              {renderUpload(
+                <div class="upload-box">
+                  <icon-plus size="14" class="mb-16px color-#3C4043" />
+                  <span class="cts !color-#211F24">上传图片</span>
+                </div>,
+              )}
+            </div>
+
+            <span class="cts">上传要审核的图片素材</span>
+          </div>
+        );
+      }
+    };
+
+    const renderRightBox = () => {
+      if (props.checkLoading) {
+        return (
+          <div class="right-box flex-1 h-210px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+            <Spin loading={true} tip={`${isTextTab.value ? '文本' : '图片'}检测中`} size={72} class="" />
+          </div>
+        );
+      } else {
+        if (!aiReview.value?.violation_items?.length) {
+          return (
+            <div class="right-box flex-1 h-372px rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+              <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+              <div class="flex items-center mb-16px">
+                {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>
+                    <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                  </div>
+                ))}
+              </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>
+                  <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">
+                  <img src={icon3} width={72} height={72} class="mb-12px" />
+                  <span class="cts !color-#25C883">
+                    {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'}
+                  </span>
+                </div>
+              </div>
+            </div>
+          );
+        }
+
+        return (
+          <div class="right-box flex-1 rounded-8px border-1px border-#E6E6E8 border-solid p-16px flex flex-col overflow-y-auto">
+            <p class="cts bold !text-16px !lh-24px !color-#211F24 mb-16px">审核结果</p>
+            <div class="flex items-center mb-16px">
+              {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>
+                  <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
+                </div>
+              ))}
+            </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>
+                <img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
+              </div>
+              {aiReview.value?.suggestion?.map((item, index) => (
+                <p class="cts !color-#55585F !text-12px  !lh-20px" key={index}>{`${index + 1}. ${item}`}</p>
+              ))}
+            </div>
+
+            <div class="forbid-word-box flex-1 flex">
+              <div class="left mr-32px w-56px">
+                <p class="mb-12px cts !text-12px">违禁词</p>
+                {aiReview.value?.violation_items?.map((item, index) => (
+                  <TextOverTips
+                    context={item.word}
+                    class="mb-12px cts"
+                    style={{ color: LEVEL_MAP.get(item.risk_level)?.color }}
+                    key={index}
+                  />
+                ))}
+              </div>
+              <div class="right flex-1 overflow-hidden">
+                <p class="mb-12px cts !text-12px">解释</p>
+                {aiReview.value?.violation_items?.map((item, index) => (
+                  <TextOverTips context={item.reason} class="mb-12px" key={index} />
+                ))}
+              </div>
+            </div>
+          </div>
+        );
+      }
+    };
+
+    expose({
+      validate,
+      reset,
+    });
+
+    return () => {
+      return (
+        <div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
+          <div class="flex-2 left-box mr-24px flex flex-col">
+            <div class="flex-1 mb-12px rounded-8px border-1px pt-8px flex flex-col pb-16px bg-#F7F8FA border-#E6E6E8 border-solid">
+              <Tabs v-model={activeTab.value} onTabClick={handleTabClick} class="mb-16px">
+                {TAB_LIST.map((item) => (
+                  <TabPane
+                    key={item.value}
+                    v-slots={{
+                      title: () => (
+                        <div class="flex items-center relative">
+                          <span>{item.label}</span>
+                          {
+                            // activeTab.value === item.value && aiReview.value?.violation_items.length > 0 &&  (
+                            //   <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
+                            // )
+                          }
+                        </div>
+                      ),
+                    }}
+                  />
+                ))}
+              </Tabs>
+              <div class="flex-1 px-16px">{isTextTab.value ? renderTextForm() : renderImageForm()}</div>
+            </div>
+            <div class="flex items-center justify-end">{renderFooterRow()}</div>
+          </div>
+          {renderRightBox()}
+        </div>
+      );
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/style.scss
new file mode 100644
index 0000000..89c3e5f
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/style.scss
@@ -0,0 +1,190 @@
+.content-wrap {
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .check-text {
+    background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+  .left-box {
+    :deep(.arco-tabs) {
+      .arco-tabs-nav {
+        .arco-tabs-tab {
+          height: 40px;
+          //   padding: 0 8px;
+          margin: 0 16px;
+        }
+        &::before {
+          display: none;
+        }
+      }
+      .arco-tabs-content {
+        display: none;
+      }
+    }
+    :deep(.arco-form) {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      .arco-form-item {
+        margin-bottom: 24px;
+        .arco-form-item-label-col {
+          .arco-form-item-label {
+            color: #939499;
+          }
+        }
+      }
+      .content-form-item {
+        margin-bottom: 0;
+        display: flex;
+        flex-direction: column;
+        .arco-form-item-wrapper-col {
+          flex: 1;
+          .arco-form-item-content-wrapper,
+          .arco-form-item-content,
+          .arco-textarea-wrapper {
+            height: 100%;
+          }
+        }
+      }
+    }
+    .upload-box {
+      display: flex;
+      width: 100px;
+      height: 100px;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border-radius: 8px;
+      border: 1px dashed var(--Border-1, #d7d7d9);
+      background: var(--BG-200, #f2f3f5);
+      &:hover {
+        background: var(--Primary-1, #e6e6e8);
+      }
+    }
+    .swiper-wrap {
+      :deep(.swiper) {
+        height: 100%;
+        .swiper-wrapper {
+          align-items: center;
+          .swiper-slide {
+            transition: all;
+            &.active {
+              width: 60px !important;
+              height: 60px !important;
+              .group {
+                border: 2px solid var(--Brand-6, #6d4cfe);
+                background: url(<path-to-image>) lightgray 50% / cover no-repeat;
+              }
+            }
+            &:hover {
+              .close-icon {
+                display: block;
+              }
+            }
+          }
+        }
+      }
+
+      .swiper-box {
+        position: absolute;
+        margin-top: 0 !important;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        background: rgba(0, 0, 0, 0.4);
+        transition: all;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        top: 50%;
+        transform: translateY(-50%);
+        &:hover {
+          background: rgba(0, 0, 0, 0.6);
+        }
+        &.swiper-button-prev {
+          left: 16px;
+        }
+        &.swiper-button-next {
+          right: 16px;
+        }
+        &::after {
+          display: none;
+        }
+        &.swiper-button-disabled {
+          display: none;
+        }
+      }
+    }
+  }
+  .right-box {
+    .s1 {
+      font-family: $font-family-manrope-regular;
+      font-size: 24px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 32px; /* 133.333% */
+    }
+    .result-item {
+      &:first-child {
+        position: relative;
+        &::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          right: 0;
+          width: 1px;
+          height: 32px;
+          background: var(--Border-1, #d7d7d9);
+        }
+      }
+    }
+    .suggestion-box {
+      .ai-text {
+        background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
+        background-clip: text;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        font-family: $font-family-medium;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 24px;
+      }
+    }
+    :deep(.overflow-text) {
+      color: #211f24;
+      font-family: $font-family-regular;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    .forbid-word-box {
+      :deep(.overflow-text) {
+        &.level0 {
+          color: #6d4cfe;
+        }
+        &.level2 {
+          color: #f64b31;
+        }
+        &.level1 {
+          color: #ffae00;
+        }
+      }
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/index.vue
new file mode 100644
index 0000000..ea569c7
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/index.vue
@@ -0,0 +1,116 @@
+<script lang="jsx">
+import { Image } from '@arco-design/web-vue';
+import { Swiper, SwiperSlide } from 'swiper/vue';
+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 icon1 from '@/assets/img/error-img.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-lf.png';
+
+export default {
+  props: {
+    dataSource: {
+      type: Array,
+      default: () => [],
+    },
+    selectCardInfo: {
+      type: Object,
+      default: {},
+    },
+  },
+  emits: ['cardClick', 'platformChange'],
+  setup(props, { emit, expose }) {
+    const modules = [Navigation];
+    const handleCardClick = (item) => {
+      //   emit('update:modelValue', item);
+      emit('cardClick', item);
+    };
+    return () => {
+      return (
+        <header class="header-wrap">
+          {props.dataSource.length > 1 && (
+            <div class="swiper-wrap pt-16px h-80px px-24px">
+              <Swiper
+                spaceBetween={16}
+                modules={modules}
+                slidesPerView="auto"
+                navigation={{
+                  nextEl: '.swiper-button-next',
+                  prevEl: '.swiper-button-prev',
+                }}
+              >
+                {props.dataSource.map((item) => (
+                  <SwiperSlide
+                    key={item.id}
+                    onClick={() => handleCardClick(item)}
+                    class={`swiper-item !h-64px !w-280px bg-#F7F8FA border-1px cursor-pointer border-solid border-transparent rounded-8px p-8px overflow-hidden !flex items-center ${
+                      item.id === props.selectCardInfo.id ? 'active' : ''
+                    }`}
+                  >
+                    <Image
+                      width={48}
+                      height={48}
+                      preview={false}
+                      src={item.cover}
+                      class="!rounded-4px mr-8px"
+                      fit="cover"
+                      v-slots={{
+                        error: () => <img src={icon1} class="w-full h-full" />,
+                      }}
+                    />
+                    <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>
+                    </div>
+                  </SwiperSlide>
+                ))}
+
+                <div class="swiper-box swiper-button-prev">
+                  <div class="swiper-button">
+                    <img src={icon2} class="w-16px h-16px" />
+                  </div>
+                </div>
+                <div class="swiper-box swiper-button-next">
+                  <div class="swiper-button">
+                    <img src={icon2} class="w-16px h-16px rotate-180" />
+                  </div>
+                </div>
+              </Swiper>
+            </div>
+          )}
+          <div class="platform-row py-16px flex items-center px-24px">
+            <span class="mr-16px cts !color-#211F24">审核平台选择</span>
+            <div class="flex items-center">
+              {PLATFORMS.map((item) => (
+                <div
+                  key={item.value}
+                  onClick={() => {
+                    emit('platformChange', item.value);
+                  }}
+                  class={`w-100px flex items-center mr-16px py-8px px-12px flex border-1px border-solid border-transparent transition-all
+                    items-center rounded-8px cursor-pointer bg-#F2F3F5 hover:bg-#E6E6E8 ${
+                      props.selectCardInfo.platform === item.value ? '!bg-#F0EDFF  !border-#6D4CFE' : ''
+                    }`}
+                >
+                  <img src={item.icon} alt="" width={20} height={20} class="mr-4px" />
+                  <span class={`cts !color-#211F24 ${props.selectCardInfo.platform === item.value ? 'bold' : ''}`}>
+                    {item.label}
+                  </span>
+                </div>
+              ))}
+            </div>
+          </div>
+        </header>
+      );
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/style.scss
new file mode 100644
index 0000000..9a4dcef
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/style.scss
@@ -0,0 +1,74 @@
+.header-wrap {
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .swiper-wrap {
+    .swiper-item {
+      transition: all;
+      &:hover {
+        background-color: #e6e6e8;
+      }
+      &.active {
+        background-color: #f0edff;
+        border-color: #6d4cfe;
+        :deep(.overflow-text) {
+          font-family: $font-family-medium !important;
+        }
+      }
+    }
+    .swiper-box {
+      width: 100px;
+      height: 64px;
+      position: absolute;
+      &.swiper-button-prev {
+        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+        margin-top: 0 !important;
+        top: 0;
+        left: 0;
+        justify-content: flex-start;
+        padding-left: 8px;
+      }
+      &.swiper-button-next {
+        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+        margin-top: 0 !important;
+        top: 0;
+        right: 0;
+        justify-content: flex-end;
+        padding-right: 8px;
+      }
+      &::after {
+        display: none;
+      }
+      .swiper-button {
+        width: 40px;
+        height: 40px;
+        background-color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 8px;
+        border: 1px solid var(--Border-1, #d7d7d9);
+        &:hover {
+          background-color: #f7f8fa;
+        }
+        &.click {
+          background-color: #f2f3f5;
+        }
+      }
+      &.swiper-button-disabled {
+        display: none;
+      }
+    }
+  }
+  .platform-row {
+    border-bottom: 1px solid var(--Border-2, #e6e6e8);
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
new file mode 100644
index 0000000..f66a2e0
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
@@ -0,0 +1,246 @@
+<script lang="jsx">
+import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
+import CancelCheckModal from './cancel-check-modal.vue';
+import CheckSuccessModal from './check-success-modal.vue';
+import HeaderCard from './components/header-card';
+import ContentCard from './components/content-card';
+import CheckListDrawer from './components/check-list-drawer';
+
+import { slsWithCatch, rlsWithCatch, glsWithCatch } from '@/utils/stroage.ts';
+import useGetAiReviewResult from '@/hooks/useGetAiReviewResult.ts';
+import {
+  patchWorkAuditsAudit,
+  patchWorkAuditsBatchAudit,
+  putWorkAuditsUpdate,
+  putWorkAuditsAuditPass,
+  getWorkAuditsDetail,
+  getWorkAuditsBatchDetail,
+  postWorkAuditsAiReview,
+} from '@/api/all/generationWorkshop.ts';
+
+export default {
+  setup(props, { emit, expose }) {
+    const router = useRouter();
+    const route = useRoute();
+
+    const workIds = ref([]);
+    const isSaved = ref(false);
+    const dataSource = ref([]);
+    const remoteDataSource = ref([]);
+    const cancelCheckModalRef = ref(null);
+    const checkSuccessModalRef = ref(null);
+    const submitLoading = ref(false);
+    const contentCardRef = ref(null);
+    const checkListDrawerRef = ref(null);
+
+    const selectCardInfo = ref({});
+    const selectedImageInfo = ref(null);
+
+    const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
+      cardInfo: selectCardInfo,
+      updateAiReview(ai_review) {
+        selectCardInfo.value.ai_review = ai_review;
+      },
+    });
+
+    const onBack = () => {
+      router.push({ name: 'ManuscriptCheckList' });
+    };
+
+    const onChangeCard = (item) => {
+      contentCardRef.value.reset();
+      isSaved.value = false;
+      submitLoading.value = false;
+      checkLoading.value = false;
+      ticket.value = '';
+
+      const { files = [], ai_review } = item;
+      selectCardInfo.value = cloneDeep(item);
+      selectedImageInfo.value = cloneDeep(files?.[0] ?? {});
+
+      console.log({ ai_review });
+      if (isEmpty(ai_review)) {
+        handleStartCheck();
+      }
+    };
+
+    const onCardClick = async (item) => {
+      const isModified = await isSelectCardModified();
+      if (isModified) {
+        cancelCheckModalRef.value?.open('toggle', item);
+      } else {
+        onChangeCard(item);
+      }
+    };
+
+    const onSelectImage = (item) => {
+      selectedImageInfo.value = cloneDeep(item);
+    };
+
+    const getWorkAudits = async () => {
+      const { code, data } = await getWorkAuditsBatchDetail({ ids: workIds.value });
+      if (code === 200) {
+        const _data = (data ?? []).map((item) => ({
+          ...item,
+          platform: item.platform === 0 ? 1 : item.platform,
+        }));
+
+        dataSource.value = _data;
+        remoteDataSource.value = cloneDeep(_data);
+
+        const _firstCard = _data?.[0] ?? {};
+        const { id, ai_review } = _firstCard;
+
+        selectCardInfo.value = cloneDeep(_firstCard);
+        selectedImageInfo.value = cloneDeep(_firstCard.files?.[0] ?? {});
+
+        if (isEmpty(ai_review)) {
+          handleStartCheck();
+        }
+      }
+    };
+
+    const isSelectCardModified = () => {
+      return new Promise((resolve) => {
+        const _item = remoteDataSource.value.find((item) => item.id === selectCardInfo.value.id);
+        resolve(!isEqual(selectCardInfo.value, _item) && !isSaved.value);
+      });
+    };
+    const onPlatformChange = (platform) => {
+      selectCardInfo.value.platform = platform;
+    };
+
+    const onExit = async () => {
+      const isModified = await isSelectCardModified();
+      if (isModified) {
+        cancelCheckModalRef.value?.open();
+      } else {
+        onBack();
+      }
+    };
+    const onSave = async () => {
+      if (!selectCardInfo.value.title) {
+        AMessage.warning('标题不能为空');
+      }
+
+      contentCardRef.value?.validate().then(async () => {
+        const { code, data } = await putWorkAuditsUpdate(selectCardInfo.value);
+        if (code === 200) {
+          isSaved.value = true;
+          AMessage.success('当前内容稿件已保存');
+        }
+      });
+    };
+    const onCheckSuccess = () => {
+      checkSuccessModalRef.value?.open(workIds.value);
+
+      if (workIds.value.length > 1) {
+        const _id = selectCardInfo.value.id;
+        workIds.value = workIds.value.filter((v) => v != _id);
+        dataSource.value = dataSource.value.filter((v) => v.id != _id);
+
+        slsWithCatch('manuscriptCheckIds', workIds.value.join(','));
+        onChangeCard(dataSource.value.length ? dataSource.value[0] : {});
+      }
+    };
+    const onSubmit = async () => {
+      contentCardRef.value?.validate().then(async () => {
+        try {
+          submitLoading.value = true;
+          const { code, data } = await putWorkAuditsAuditPass(selectCardInfo.value);
+          if (code === 200) {
+            onCheckSuccess();
+          }
+        } finally {
+          submitLoading.value = false;
+        }
+      });
+    };
+    const onFilesChange = (files) => {
+      selectCardInfo.value.files = cloneDeep(files);
+    };
+    const onAgainCheck = () => {
+      handleAgainCheck();
+    };
+
+    const renderFooterRow = () => {
+      return (
+        <>
+          <Button size="medium" type="outline" class="mr-12px" onClick={onExit}>
+            退出
+          </Button>
+          <Button size="medium" type="outline" class="mr-12px" onClick={onSave}>
+            保存
+          </Button>
+          <Button type="primary" size="medium" onClick={onSubmit} loading={submitLoading.value}>
+            {submitLoading.value ? '通过审核中...' : '通过审核'}
+          </Button>
+        </>
+      );
+    };
+    onMounted(() => {
+      workIds.value = glsWithCatch('manuscriptCheckIds')?.split(',') ?? [];
+      getWorkAudits();
+    });
+    onUnmounted(() => {
+      rlsWithCatch('manuscriptCheckIds');
+    });
+
+    return () => (
+      <>
+        <div class="manuscript-check-wrap flex flex-col">
+          <div class="flex items-center mb-10px">
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onExit}>
+              内容稿件审核
+            </span>
+            <icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
+            <span class="cts bold !color-#1D2129">{`${workIds.value.length > 0 ? '批量' : ''}审核内容稿件`}</span>
+          </div>
+          {dataSource.value.length > 1 && (
+            <div
+              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" />
+              <span class="cts !color-#211F24">审核列表</span>
+            </div>
+          )}
+
+          <div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+            <HeaderCard
+              dataSource={dataSource.value}
+              selectCardInfo={selectCardInfo.value}
+              onCardClick={onCardClick}
+              onPlatformChange={onPlatformChange}
+            />
+            <section class="flex-1 overflow-hidden">
+              <ContentCard
+                ref={contentCardRef}
+                v-model={selectCardInfo.value}
+                selectCardInfo={selectCardInfo.value}
+                onFilesChange={onFilesChange}
+                selectedImageInfo={selectedImageInfo.value}
+                onSelectImage={onSelectImage}
+                checkLoading={checkLoading.value}
+                onAgainCheck={onAgainCheck}
+                onStartCheck={handleStartCheck}
+              />
+            </section>
+          </div>
+        </div>
+        <footer class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">
+          {renderFooterRow()}
+        </footer>
+
+        <CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
+        <CheckSuccessModal ref={checkSuccessModalRef} />
+        <CheckListDrawer ref={checkListDrawerRef} />
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check/style.scss
new file mode 100644
index 0000000..2a6deb1
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/style.scss
@@ -0,0 +1,39 @@
+$footer-height: 68px;
+.manuscript-check-wrap {
+  width: 100%;
+  height: calc(100% - 72px);
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .check-list-icon {
+    // width: 92px;
+    cursor: pointer;
+    height: 36px;
+    display: flex;
+    padding: 8px 12px;
+    justify-content: center;
+    align-items: center;
+    border-radius: 30px 0 0 30px;
+    border: 1px solid var(--Border-1, #d7d7d9);
+    background: #fff;
+    position: absolute;
+    right: 0;
+    top: calc($navbar-height + 8px);
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
new file mode 100644
index 0000000..4f483fb
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
@@ -0,0 +1,415 @@
+<script lang="jsx">
+import axios from 'axios';
+import { Form, FormItem, Input, Textarea, Upload, Message as AMessage, Button } from '@arco-design/web-vue';
+import CommonSelect from '@/components/common-select';
+import { VueDraggable } from 'vue-draggable-plus';
+import TextOverTips from '@/components/text-over-tips';
+
+import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
+import { getProjectList } from '@/api/all/propertyMarketing';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { getImagePreSignedUrl, getVideoPreSignedUrl } from '@/api/all/common';
+
+// import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
+
+// 表单验证规则
+const FORM_RULES = {
+  title: [{ required: true, message: '请输入标题' }],
+};
+export const ENUM_UPLOAD_STATUS = {
+  DEFAULT: 'default',
+  UPLOADING: 'uploading',
+  END: 'end',
+};
+
+export const INITIAL_VIDEO_INFO = {
+  name: '',
+  size: '',
+  percent: 0,
+  duration: 0,
+  time: '',
+  uploadSpeed: '0 KB/s',
+  startTime: 0,
+  lastTime: 0,
+  lastLoaded: 0,
+  estimatedTime: 0,
+  poster: '',
+  uploadStatus: ENUM_UPLOAD_STATUS.DEFAULT,
+};
+
+export default {
+  name: 'ManuscriptForm',
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {},
+    },
+    rules: {
+      type: Object,
+      default: () => FORM_RULES,
+    },
+    formData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  emits: ['reValidate', 'change', 'update:modelValue', 'updateVideoInfo'],
+  setup(props, { emit, expose }) {
+    const formRef = ref(null);
+    const formData = ref({});
+    const uploadRef = ref(null);
+
+    function getFileExtension(filename) {
+      const match = filename.match(/\.([^.]+)$/);
+      return match ? match[1].toLowerCase() : '';
+    }
+    const isVideo = computed(() => formData.value.type === EnumManuscriptType.Video);
+    const setVideoInfo = (file) => {
+      formData.value.videoInfo.percent = 0;
+      formData.value.videoInfo.name = file.name;
+      formData.value.videoInfo.size = formatFileSize(file.size);
+      formData.value.videoInfo.startTime = Date.now();
+      formData.value.videoInfo.lastTime = Date.now();
+      formData.value.videoInfo.lastLoaded = 0;
+      formData.value.videoInfo.uploadSpeed = '0 KB/s';
+      emit('updateVideoInfo', formData.value.videoInfo);
+
+      getVideoInfo(file)
+        .then(({ duration, firstFrame }) => {
+          formData.value.videoInfo.poster = firstFrame;
+          formData.value.videoInfo.duration = Math.floor(duration);
+          formData.value.videoInfo.time = formatDuration(duration);
+          emit('updateVideoInfo', formData.value.videoInfo);
+        })
+        .catch((error) => {
+          console.error('获取视频时长失败:', error);
+        });
+    };
+    const handleUploadProgress = (progressEvent) => {
+      const percentCompleted = Math.round(progressEvent.progress * 100);
+      formData.value.videoInfo.percent = percentCompleted;
+
+      const currentTime = Date.now();
+      const currentLoaded = progressEvent.loaded;
+      const totalSize = progressEvent.total;
+
+      if (formData.value.videoInfo.lastLoaded === 0) {
+        formData.value.videoInfo.lastLoaded = currentLoaded;
+        formData.value.videoInfo.lastTime = currentTime;
+        return;
+      }
+
+      const timeDiff = (currentTime - formData.value.videoInfo.lastTime) / 1000;
+      const bytesDiff = currentLoaded - formData.value.videoInfo.lastLoaded;
+
+      // 避免频繁更新，至少间隔200ms计算一次速率
+      if (timeDiff >= 0.2) {
+        const bytesPerSecond = bytesDiff / timeDiff;
+        formData.value.videoInfo.uploadSpeed = formatUploadSpeed(bytesPerSecond);
+        formData.value.videoInfo.lastLoaded = currentLoaded;
+        formData.value.videoInfo.lastTime = currentTime;
+
+        // 计算预估剩余时间
+        if (totalSize && bytesPerSecond > 0) {
+          const remainingBytes = totalSize - currentLoaded;
+          const remainingSeconds = remainingBytes / bytesPerSecond;
+          formData.value.videoInfo.estimatedTime = formatDuration(remainingSeconds);
+        } else {
+          formData.value.videoInfo.estimatedTime = 0;
+        }
+      }
+
+      emit('updateVideoInfo', formData.value.videoInfo);
+    };
+
+    const uploadVideo = async (option) => {
+      try {
+        formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.UPLOADING;
+        emit('updateVideoInfo', formData.value.videoInfo);
+
+        const {
+          fileItem: { file },
+        } = option;
+        setVideoInfo(file);
+
+        const response = await getVideoPreSignedUrl({ suffix: getFileExtension(file.name) });
+        const { file_name, upload_url, file_url } = response?.data;
+        if (!upload_url) {
+          throw new Error('未能获取有效的预签名上传地址');
+        }
+
+        const blob = new Blob([file], { type: file.type });
+        await axios.put(upload_url, blob, {
+          headers: { 'Content-Type': file.type },
+          onUploadProgress: (progressEvent) => {
+            handleUploadProgress(progressEvent);
+          },
+        });
+
+        const { name, duration, size } = formData.value.videoInfo;
+        formData.value.files.push({ url: file_url, name, duration, size });
+        onChange();
+      } finally {
+        formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.END;
+        emit('updateVideoInfo', formData.value.videoInfo);
+      }
+    };
+
+    const onChange = () => {
+      emit('change', formData.value);
+    };
+    // 文件上传处理
+    const uploadImage = async (option) => {
+      const {
+        fileItem: { file },
+      } = option;
+
+      // 验证文件数量
+      if (formData.value.files?.length >= 18) {
+        AMessage.error('最多只能上传18张图片！');
+        return;
+      }
+      const { name, size, type } = file;
+      const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
+      const { file_name, upload_url, file_url } = response?.data;
+
+      const blob = new Blob([file], { type });
+      await axios.put(upload_url, blob, {
+        headers: { 'Content-Type': type },
+      });
+
+      formData.value.files.push({ url: file_url, name, size });
+      onChange();
+    };
+
+    const handleDeleteFile = (index) => {
+      formData.value.files.splice(index, 1);
+      onChange();
+    };
+
+    const validate = () => {
+      return new Promise((resolve, reject) => {
+        formRef.value?.validate((errors) => {
+          if (errors) {
+            reject(formData.value);
+          } else {
+            resolve();
+          }
+        });
+      });
+    };
+
+    const resetForm = () => {
+      formData.value = {};
+      formRef.value?.resetFields?.();
+      formRef.value?.clearValidate?.();
+    };
+
+    const renderVideoUpload = () => {
+      return (
+        <Upload
+          ref={uploadRef}
+          action="/"
+          draggable
+          custom-request={uploadVideo}
+          accept=".mp4,.mov,.avi,.flv,.wmv"
+          show-file-list={false}
+        >
+          {{
+            'upload-button': () => {
+              if (formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT) {
+                return (
+                  <div class="upload-box">
+                    <icon-plus size="14" class="mb-16px color-#3C4043" />
+                    <span class="cts !color-#211F24">上传视频</span>
+                  </div>
+                );
+              } else {
+                return <Button type="text">替换视频</Button>;
+              }
+            },
+          }}
+        </Upload>
+      );
+    };
+    const renderVideo = () => {
+      const isUploading = formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING;
+      const isEnd = formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.END;
+      return (
+        <FormItem
+          field="files"
+          v-slots={{
+            label: () => (
+              <div class="flex items-center">
+                <span class="cts !color-#211F24 mr-8px">视频</span>
+                <span class="cts !color-#939499">截取视频第一帧为首图</span>
+              </div>
+            ),
+          }}
+        >
+          {formData.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.DEFAULT ? (
+            renderVideoUpload()
+          ) : (
+            <div class="flex items-center justify-between p-12px rounded-8px bg-#F7F8FA w-784px">
+              <div class="flex items-center mr-12px">
+                {isUploading ? (
+                  <div class="w-80px h-80px flex items-center justify-center bg-#fff rounded-8px mr-16px">
+                    <icon-loading size="24" class="color-#B1B2B5" />
+                  </div>
+                ) : (
+                  <img src={formData.value.videoInfo.poster} class="w-80 h-80 object-cover mr-16px rounded-8px" />
+                )}
+                <div class="flex flex-col">
+                  <TextOverTips
+                    context={formData.value.videoInfo.name}
+                    class="mb-4px cts !text-14px !lh-22px color-#211F24"
+                  />
+                  {isEnd ? (
+                    <p>
+                      <span class="cts color-#939499 mr-24px">视频大小：{formData.value.videoInfo.size}</span>
+                      <span class="cts color-#939499">视频时长：{formData.value.videoInfo.time}</span>
+                    </p>
+                  ) : (
+                    <div class="flex items-center">
+                      <div class="flex items-center mr-24px w-100px">
+                        <icon-loading size="16" class="color-#6D4CFE mr-8px" />
+                        <span class="cts !color-#6D4CFE mr-4px">上传中</span>
+                        <span class="cts !color-#6D4CFE ">{formData.value.videoInfo.percent}%</span>
+                      </div>
+                      <div class="flex items-center w-160px mr-24px">
+                        <span class="cts  color-#939499">上传速度：{formData.value.videoInfo.uploadSpeed}</span>
+                      </div>
+                      <div class="flex items-center">
+                        <span class="cts color-#939499">预估剩余时间：{formData.value.videoInfo.estimatedTime}</span>
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </div>
+              <div>{renderVideoUpload()}</div>
+            </div>
+          )}
+        </FormItem>
+      );
+    };
+
+    const renderImage = () => {
+      return (
+        <FormItem
+          field="files"
+          v-slots={{
+            label: () => (
+              <div class="flex items-center">
+                <span class="cts !color-#211F24 mr-4px">图片</span>
+                <span class="cts mr-8px !color-#939499">{`(${formData.value.files?.length ?? 0}/18)`}</span>
+                <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
+              </div>
+            ),
+          }}
+        >
+          <div>
+            {/* 已上传的图片列表 */}
+            <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-y-8px">
+              {formData.value.files?.map((file, index) => (
+                <div key={index} class="group relative cursor-move overflow-visible py-8px pr-8px">
+                  <div class="group-container relative rounded-8px w-100px h-100px">
+                    <img src={file.url} class=" object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
+                    <icon-close-circle-fill
+                      size={16}
+                      class="absolute top--8px right--8px cursor-pointer hidden color-#939499  hidden group-hover:block z-50"
+                      onClick={() => handleDeleteFile(index)}
+                    />
+                  </div>
+                </div>
+              ))}
+            </VueDraggable>
+            {formData.value.files?.length < 18 && (
+              <Upload
+                ref={uploadRef}
+                action="/"
+                draggable
+                custom-request={uploadImage}
+                accept=".jpg,.jpeg,.png,.gif,.webp"
+                show-file-list={false}
+                multiple
+                limit={18 - formData.value.files?.length}
+              >
+                {{
+                  'upload-button': () => (
+                    <div class="upload-box">
+                      <icon-plus size="14" class="mb-16px color-#3C4043" />
+                      <span class="cts !color-#211F24">上传图片</span>
+                    </div>
+                  ),
+                }}
+              </Upload>
+            )}
+          </div>
+        </FormItem>
+      );
+    };
+
+    // 暴露方法
+    expose({
+      validate,
+      resetForm,
+    });
+
+    watch(
+      () => props.formData,
+      (val) => {
+        formData.value = val;
+      },
+      { deep: true, immediate: true },
+    );
+
+    return () => (
+      <Form ref={formRef} model={formData.value} rules={props.rules} layout="vertical" auto-label-width>
+        <FormItem label="标题" field="title" required>
+          <Input
+            v-model={formData.value.title}
+            onInput={() => {
+              onChange();
+              emit('reValidate');
+            }}
+            placeholder="请输入标题"
+            size="large"
+            class="!w-500px"
+            maxLength={30}
+            show-word-limit
+          />
+        </FormItem>
+
+        <FormItem label="作品描述" field="content">
+          <Textarea
+            v-model={formData.value.content}
+            onInput={onChange}
+            placeholder="请输入作品描述"
+            size="large"
+            class="h-300px !w-784px"
+            show-word-limit
+            max-length={1000}
+            auto-size={{ minRows: 7, maxRows: 12 }}
+          />
+        </FormItem>
+        {isVideo.value ? renderVideo() : renderImage()}
+
+        {/* <FormItem label="所属项目" field="project_ids">
+          <CommonSelect
+            v-model={formData.value.project_ids}
+            onChange={() => emit('change')}
+            options={projects.value}
+            placeholder="请选择所属项目"
+            size="large"
+            class="!w-280px"
+          />
+        </FormItem>*/}
+      </Form>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/style.scss b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/style.scss
new file mode 100644
index 0000000..c16695e
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/style.scss
@@ -0,0 +1,32 @@
+.cts {
+  font-family: $font-family-regular;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+}
+.upload-box {
+  display: flex;
+  width: 100px;
+  height: 100px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px dashed var(--Border-1, #d7d7d9);
+  background: var(--BG-200, #f2f3f5);
+  &:hover {
+    background: var(--Primary-1, #e6e6e8);
+  }
+}
+.group {
+  border-radius: 8px;
+  &:hover {
+    .group-container {
+      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
+        url(<path-to-image>) lightgray 0px -40.771px / 100% 149.766% no-repeat;
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts
new file mode 100644
index 0000000..19964f0
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts
@@ -0,0 +1,40 @@
+export const INITIAL_FORM = {
+  audit_status: '',
+  sort_column: undefined,
+  sort_order: undefined,
+};
+
+export const TABLE_COLUMNS = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 220,
+  },
+  {
+    title: '审核状态',
+    dataIndex: 'audit_status',
+    width: 120,
+  },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 120,
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 160,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue
new file mode 100644
index 0000000..ffa1247
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue
@@ -0,0 +1,293 @@
+<script lang="jsx">
+import {
+  Input,
+  Table,
+  Modal,
+  TableColumn,
+  Checkbox,
+  Pagination,
+  Button,
+  Tooltip,
+  Notification,
+} from '@arco-design/web-vue';
+import CommonSelect from '@/components/common-select';
+import TextOverTips from '@/components/text-over-tips';
+import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal';
+
+import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { getWorksPage, getWriterLinksGenerate } from '@/api/all/generationWorkshop.ts';
+
+import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
+
+export default {
+  setup(props, { emit, expose }) {
+    const {
+      selectedRowKeys,
+      selectedRows,
+      dataSource,
+      pageInfo,
+      onPageChange,
+      onPageSizeChange,
+      rowSelection,
+      handleSelect,
+      handleSelectAll,
+      DEFAULT_PAGE_INFO,
+    } = useTableSelectionWithPagination({
+      onPageChange: () => {
+        getData();
+      },
+      onPageSizeChange: () => {
+        getData();
+      },
+    });
+    const visible = ref(false);
+    const query = ref(cloneDeep(INITIAL_FORM));
+    const tableRef = ref(null);
+    const shareModalRef = ref(null);
+
+    const reset = () => {
+      query.value = cloneDeep(INITIAL_FORM);
+      pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
+      selectedRowKeys.value = [];
+      selectedRows.value = [];
+      dataSource.value = [];
+    };
+
+    const getData = async () => {
+      const { page, page_size } = pageInfo.value;
+      const { code, data } = await getWorksPage({
+        ...query.value,
+        page,
+        page_size,
+      });
+      if (code === 200) {
+        dataSource.value = data?.data ?? [];
+        pageInfo.value.total = data.total;
+      }
+    };
+    const handleSearch = (value) => {
+      query.value.audit_status = value;
+      reload();
+    };
+    const reload = () => {
+      pageInfo.value.page = 1;
+      getData();
+    };
+    const open = () => {
+      getData();
+      visible.value = true;
+    };
+    const onClose = () => {
+      visible.value = false;
+      reset();
+    };
+
+    const renderColumn = () => {
+      return TABLE_COLUMNS.map((column) => (
+        <TableColumn
+          key={column.dataIndex}
+          data-index={column.dataIndex}
+          fixed={column.fixed}
+          width={column.width}
+          min-width={column.minWidth}
+          sortable={column.sortable}
+          align={column.align}
+          ellipsis
+          tooltip
+          v-slots={{
+            title: () => (
+              <div class="flex items-center">
+                <span class="cts mr-4px">{column.title}</span>
+                {column.tooltip && (
+                  <Tooltip content={column.tooltip} position="top">
+                    <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                  </Tooltip>
+                )}
+              </div>
+            ),
+            cell: ({ record }) => renderCell(record),
+          }}
+        />
+      ));
+    };
+
+    const onShare = () => {
+      shareModalRef.value?.open(selectedRowKeys.value);
+    };
+    const handleSorterChange = (column, order) => {
+      query.value.sort_column = column;
+      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
+      reload();
+    };
+    const getStatusInfo = (audit_status) => {
+      return CHECK_STATUS.find((v) => v.id === audit_status) ?? {};
+    };
+    expose({
+      open,
+    });
+    return () => (
+      <>
+        <Modal
+          v-model:visible={visible.value}
+          title="分享内容稿件"
+          width="920px"
+          onClose={onClose}
+          unmount-on-close
+          modal-class="share-manuscript-modal"
+          v-slots={{
+            footer: () => (
+              <div class="flex justify-between w-full items-center">
+                <p class="cts color-#737478">
+                  已选择 <span class="cts color-#211F24 bold">{selectedRows.value.length}</span> 个
+                </p>
+                <div class="flex items-center">
+                  <Button size="medium" onClick={onClose}>
+                    取消
+                  </Button>
+                  <Button
+                    type="primary"
+                    class="ml-16px"
+                    size="medium"
+                    onClick={onShare}
+                    disabled={!selectedRows.value.length}
+                  >
+                    分享
+                  </Button>
+                </div>
+              </div>
+            ),
+          }}
+        >
+          <div class="flex flex-col h-100%">
+            <div class="filter-row-item mb-16px">
+              <span class="cts text-#211f24 !text-14px mr-12px">审核状态</span>
+              <CommonSelect
+                placeholder="全部"
+                options={CHECK_STATUS}
+                v-model={query.value.audit_status}
+                class="!w-200px"
+                multiple={false}
+                onChange={handleSearch}
+              />
+            </div>
+            <Table
+              ref={tableRef}
+              data={dataSource.value}
+              row-key="id"
+              column-resizable
+              row-selection={rowSelection.value}
+              selected-keys={selectedRowKeys.value}
+              pagination={false}
+              scroll={{ x: '100%', y: '100%' }}
+              class="overflow-hidden"
+              bordered
+              onSorterChange={handleSorterChange}
+              onSelect={handleSelect}
+              onSelectAll={handleSelectAll}
+              v-slots={{
+                empty: () => <NoData />,
+                columns: () => (
+                  <>
+                    {TABLE_COLUMNS.map((column) => (
+                      <TableColumn
+                        key={column.dataIndex}
+                        data-index={column.dataIndex}
+                        fixed={column.fixed}
+                        width={column.width}
+                        min-width={column.minWidth}
+                        sortable={column.sortable}
+                        align={column.align}
+                        ellipsis
+                        tooltip
+                        v-slots={{
+                          title: () => (
+                            <div class="flex items-center">
+                              <span class="cts mr-4px">{column.title}</span>
+                              {column.tooltip && (
+                                <Tooltip content={column.tooltip} position="top">
+                                  <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                                </Tooltip>
+                              )}
+                            </div>
+                          ),
+                          cell: ({ record }) => {
+                            if (column.dataIndex === 'audit_status') {
+                              return (
+                                <div
+                                  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 }}>
+                                    {getStatusInfo(record.audit_status).name}
+                                  </span>
+                                </div>
+                              );
+                            } else if (column.dataIndex === 'title') {
+                              return <TextOverTips context={record.title} />;
+                            } else if (column.dataIndex === 'type') {
+                              return (
+                                <div class="flex items-center">
+                                  <img
+                                    src={record.type === EnumManuscriptType.Image ? icon2 : icon3}
+                                    width="16"
+                                    height="16"
+                                    class="mr-4px"
+                                  />
+                                  <span
+                                    class="cts"
+                                    class={
+                                      record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
+                                    }
+                                  >
+                                    {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
+                                  </span>
+                                </div>
+                              );
+                            } else if (column.dataIndex === 'last_modified_at') {
+                              return exactFormatTime(
+                                record.last_modified_at,
+                                'YYYY-MM-DD HH:mm:ss',
+                                'YYYY-MM-DD HH:mm:ss',
+                              );
+                            } else {
+                              return formatTableField(column, record, true);
+                            }
+                          },
+                        }}
+                      />
+                    ))}
+                  </>
+                ),
+              }}
+            />
+            {pageInfo.value.total > 0 && (
+              <div class="flex justify-end mt-16px">
+                <Pagination
+                  total={pageInfo.value.total}
+                  size="mini"
+                  show-total
+                  show-jumper
+                  show-page-size
+                  current={pageInfo.value.page}
+                  page-size={pageInfo.value.page_size}
+                  onChange={onPageChange}
+                  onPageSizeChange={onPageSizeChange}
+                />
+              </div>
+            )}
+          </div>
+        </Modal>
+        <ShareModal ref={shareModalRef} onClose={onClose} />
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue
new file mode 100644
index 0000000..c40662c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue
@@ -0,0 +1,137 @@
+<script lang="jsx">
+import { Modal, Form, FormItem, Input, Button, Message as AMessage } from '@arco-design/web-vue';
+import CommonSelect from '@/components/common-select';
+
+import { useClipboard } from '@vueuse/core';
+import { postShareLinksGenerate } from '@/api/all/generationWorkshop';
+import { generateFullUrl } from '@/utils/tools';
+
+const INITIAL_FORM = {
+  work_ids: [],
+  days: 1,
+  receiver: '',
+};
+const OPTIONS = [
+  {
+    id: 1,
+    name: '1天',
+  },
+  {
+    id: 2,
+    name: '3天',
+  },
+  {
+    id: 3,
+    name: '7天',
+  },
+  {
+    id: 4,
+    name: '15天',
+  },
+  {
+    id: 5,
+    name: '30天',
+  },
+  {
+    id: 6,
+    name: '60天',
+  },
+];
+
+export default {
+  emits: ['close'],
+  setup(props, { emit, expose }) {
+    const visible = ref(false);
+    const formRef = ref(null);
+    const formData = ref(cloneDeep(INITIAL_FORM));
+    const loading = ref(false);
+    const router = useRouter();
+
+    const { copy } = useClipboard({ source: formData.value.link });
+    const rules = {
+      receiver: [{ required: true, message: '请输入分享对象' }],
+    };
+
+    const reset = () => {
+      loading.value = false;
+      formData.value = cloneDeep(INITIAL_FORM);
+      formRef.value?.resetFields?.();
+      formRef.value?.clearValidate?.();
+    };
+
+    const onClose = () => {
+      visible.value = false;
+      reset();
+    };
+
+    const onGenerateLink = () => {
+      formRef.value.validate().then(async (errors) => {
+        if (!errors) {
+          try {
+            loading.value = true;
+            const { code, data } = await postShareLinksGenerate(formData.value);
+            if (code === 200) {
+              onClose();
+
+              const url = router.resolve({
+                path: `/explore/list/${data.code}`,
+              }).href;
+              copy(generateFullUrl(url));
+              AMessage.success('复制成功！');
+              emit('close');
+            }
+          } finally {
+            loading.value = false;
+          }
+        }
+      });
+    };
+    const open = (workIds) => {
+      formData.value.work_ids = workIds;
+      visible.value = true;
+    };
+
+    expose({
+      open,
+    });
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title="分享内容稿件"
+        width="480px"
+        onClose={onClose}
+        unmount-on-close
+        v-slots={{
+          footer: () => (
+            <>
+              <Button size="medium" onClick={onClose}>
+                取消
+              </Button>
+              <Button type="primary" class="ml-16px" size="medium" onClick={onGenerateLink} disabled={loading.value}>
+                {loading.value ? '生成中...' : '生成链接'}
+              </Button>
+            </>
+          ),
+        }}
+      >
+        <Form ref={formRef} rules={rules} model={formData.value} auto-label-width>
+          <FormItem label="有效期" prop="days">
+            <CommonSelect
+              v-model={formData.value.days}
+              options={OPTIONS}
+              multiple={false}
+              placeholder="请选择有效期"
+              size="large"
+              class="!w-240px"
+              allClear={false}
+            />
+          </FormItem>
+          <FormItem label="分享对象" prop="receiver" required>
+            <Input v-model={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
+          </FormItem>
+        </Form>
+      </Modal>
+    );
+  },
+};
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss
new file mode 100644
index 0000000..d3dc205
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss
@@ -0,0 +1,27 @@
+.share-manuscript-modal {
+  .cts {
+    font-family: $font-family-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    &.bold {
+        font-family: $font-family-medium;
+    }
+  }
+  .filter-row-item {
+    .label {
+      color: var(--Text-1, #211f24);
+      font-size: 14px;
+    }
+  }
+  .arco-modal-body {
+    height: 464px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    .arco-scrollbar-track {
+      display: none !important;
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
new file mode 100644
index 0000000..c149ae5
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
@@ -0,0 +1,195 @@
+<script lang="jsx">
+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 { getWorksDetail } from '@/api/all/generationWorkshop';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
+import { slsWithCatch } from '@/utils/stroage.ts';
+
+const DEFAULT_SOURCE_INFO = {
+  title: '内容稿件列表',
+  routeName: 'ManuscriptList',
+};
+const SOURCE_MAP = new Map([['check', { title: '内容稿件审核', routeName: 'ManuscriptCheckList' }]]);
+
+export default {
+  setup(props, { emit, expose }) {
+    const router = useRouter();
+    const route = useRoute();
+    const workId = ref(route.params.id);
+    const { source, audit_status } = route.query;
+
+    // 视频播放相关状态
+    const isPlaying = ref(false);
+    const videoRef = ref(null);
+    const videoUrl = ref('');
+    const coverImageUrl = ref('');
+    const isVideoLoaded = ref(false);
+    const dataSource = ref({});
+    const images = ref([]);
+    const loading = ref(false);
+
+    const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
+    const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
+
+    const onBack = () => {
+      router.push({ name: sourceInfo.value.routeName });
+    };
+
+    const initData = () => {
+      const [fileOne, ...fileOthers] = dataSource.value.files ?? [];
+      if (isVideo.value) {
+        videoUrl.value = fileOne.url;
+        coverImageUrl.value = convertVideoUrlToCoverUrl(fileOne.url);
+      } else {
+        coverImageUrl.value = fileOne.url;
+        images.value = fileOthers;
+      }
+    };
+
+    const getData = async () => {
+      try {
+        loading.value = true;
+        const { code, data } = await getWorksDetail(workId.value);
+        if (code === 200) {
+          dataSource.value = data;
+          initData();
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+
+    const renderMainImg = () => {
+      if (!coverImageUrl.value) return null;
+
+      if (isVideo.value) {
+        return (
+          <div class="main-video-box mb-16px relative overflow-hidden cursor-pointer" onClick={togglePlay}>
+            <video ref={videoRef} class="w-100% h-100% object-contain" onEnded={onVideoEnded}></video>
+            {!isPlaying.value && (
+              <>
+                <img src={coverImageUrl.value} class="w-100% h-100% object-contain absolute z-0 top-0 left-0" />
+                <div v-show={!isPlaying.value} class="play-icon"></div>
+              </>
+            )}
+          </div>
+        );
+      } 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" />
+          </div>
+        );
+      }
+    };
+
+    const togglePlay = () => {
+      if (!videoRef.value) return;
+
+      if (isPlaying.value) {
+        videoRef.value.pause();
+      } else {
+        if (!isVideoLoaded.value) {
+          videoRef.value.src = videoUrl.value;
+          isVideoLoaded.value = true;
+        }
+        videoRef.value.play();
+      }
+      isPlaying.value = !isPlaying.value;
+    };
+
+    const onVideoEnded = () => {
+      isPlaying.value = false;
+    };
+
+    const renderFooterRow = () => {
+      const isPassed = audit_status === AuditStatus.Passed;
+      const _fn = () => {
+        if (isPassed) {
+          console.log('审核详情');
+        } else {
+          slsWithCatch('manuscriptCheckIds', [workId.value]);
+          router.push({ name: 'ManuscriptCheck' });
+        }
+      };
+
+      return (
+        <>
+          <Button size="medium" type="outline" class="mr-12px" onClick={onBack}>
+            退出
+          </Button>
+          <Button
+            size="medium"
+            type="outline"
+            class="mr-12px"
+            onClick={() => router.push(`/manuscript/edit/${workId.value}`)}
+          >
+            编辑
+          </Button>
+          <Button type="primary" size="medium" onClick={_fn}>
+            {isPassed ? '审核详情' : '去审核'}
+          </Button>
+        </>
+      );
+    };
+
+    onMounted(() => {
+      workId && getData();
+    });
+    onBeforeUnmount(() => {
+      if (videoRef.value) {
+        videoRef.value.pause();
+        videoRef.value = null;
+      }
+    });
+
+    return () => (
+      <Spin loading={loading.value} class="manuscript-detail-wrap" size={50}>
+        <div class="h-full w-full flex flex-col">
+          <div class="flex items-center mb-8px">
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+              {sourceInfo.value.title}
+            </span>
+            <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 border-1px border-#D7D7D9 border-solid 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>
+                <p class="cts !text-12px !color-#737478 mb-32px w-full text-left">
+                  {exactFormatTime(dataSource.value.update_time)}修改
+                </p>
+              </div>
+
+              {renderMainImg()}
+              <div class="w-full">
+                <p class="cts !color-#211F24 ">{dataSource.value.content}</p>
+              </div>
+
+              {/* 仅图片类型显示图片列表 */}
+              {!isVideo.value && (
+                <div class="desc-img-wrap mt-40px">
+                  {images.value.map((item, index) => (
+                    <div class="desc-img-box" key={index}>
+                      <img src={item.url} class="w-100% h-100% object-contain" />
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
+      </Spin>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss b/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss
new file mode 100644
index 0000000..f3fe2c6
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss
@@ -0,0 +1,65 @@
+$footer-height: 68px;
+.manuscript-detail-wrap {
+  width: 100%;
+  height: calc(100% - 72px);
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .main-video-box {
+    width: 320px;
+    height: auto;
+    background: #fff;
+  }
+  .main-img-box {
+    width: 320px;
+    height: auto;
+    background: #fff;
+    aspect-ratio: 3/4;
+  }
+  .desc-img-wrap {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24px;
+    .desc-img-box {
+      width: 212px;
+      height: 283px;
+      background: #fff;
+      object-fit: contain;
+      aspect-ratio: 3/4;
+    }
+  }
+  .play-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 222;
+    width: 64px;
+    height: 64px;
+    background-image: url('@/assets/img/creative-generation-workshop/icon-play.png');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    transition: background-image 0.3s ease;
+  }
+
+  .play-icon:hover {
+    background-image: url('@/assets/img/creative-generation-workshop/icon-play-hover.png');
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue
new file mode 100644
index 0000000..7aff674
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue
@@ -0,0 +1,34 @@
+<template>
+  <a-modal v-model:visible="visible" title="退出编辑" width="480px" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>内容已修改尚未保存，若退出编辑，本次修改将不保存。</span>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onClose">继续编辑</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认退出</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const router = useRouter();
+const visible = ref(false);
+
+const onClose = () => {
+  visible.value = false;
+};
+const onConfirm = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+
+const open = () => {
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
new file mode 100644
index 0000000..ae2abdb
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
@@ -0,0 +1,130 @@
+<script lang="jsx">
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
+import CancelEditModal from './cancel-edit-modal.vue';
+import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
+import { slsWithCatch } from '@/utils/stroage.ts';
+
+export default {
+  components: {
+    EditForm,
+  },
+  setup(props, { emit, expose }) {
+    const router = useRouter();
+    const route = useRoute();
+    const formRef = ref(null);
+    const cancelEditModal = ref(null);
+    const dataSource = ref({});
+    const remoteDataSource = ref({});
+    const uploadLoading = ref(false);
+    const isSaved = ref(false);
+
+    const workId = ref(route.params.id);
+
+    const onCancel = () => {
+      const isModified = !isEqual(dataSource.value, remoteDataSource.value);
+      if (isModified && !isSaved.value) {
+        cancelEditModal.value?.open();
+      } else {
+        onBack();
+      }
+    };
+
+    const onSave = async (check = false) => {
+      formRef.value?.validate().then(async () => {
+        if (dataSource.value.videoInfo.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING) {
+          AMessage.warning('有视频正在上传中，请等待上传完成后再提交');
+          return;
+        }
+
+        const filteredWorks = omit(dataSource.value, 'videoInfo');
+        const { code, data } = await putWorksUpdate({ id: workId.value, ...filteredWorks });
+        if (code === 200) {
+          AMessage.success('保存成功');
+          isSaved.value = true;
+
+          if (check) {
+            slsWithCatch('manuscriptCheckIds', [workId.value]);
+            router.push({ name: 'ManuscriptCheck' });
+          } else {
+            onBack();
+          }
+        }
+      });
+    };
+    const getData = async () => {
+      const { code, data } = await getWorksDetail(workId.value);
+      if (code === 200) {
+        const { type, files } = data;
+        const _data = { ...data, videoInfo: cloneDeep(INITIAL_VIDEO_INFO) };
+
+        // 初始化视频数据
+        if (type === EnumManuscriptType.Video && files.length) {
+          _data.videoInfo.uploadStatus = 'end';
+          const { name, size, duration, url } = files[0];
+          _data.videoInfo.name = name;
+          _data.videoInfo.size = formatFileSize(size);
+          _data.videoInfo.time = formatDuration(duration);
+          _data.videoInfo.poster = convertVideoUrlToCoverUrl(url);
+        }
+
+        dataSource.value = cloneDeep(_data);
+        remoteDataSource.value = cloneDeep(_data);
+      }
+    };
+    const onChange = (val) => {
+      dataSource.value = val;
+    };
+    const onUpdateVideoInfo = (newVideoInfo) => {
+      dataSource.value.videoInfo = { ...dataSource.value.videoInfo, ...newVideoInfo };
+    };
+    const onBack = () => {
+      router.push({ name: 'ManuscriptList' });
+    };
+    onMounted(() => {
+      workId && getData();
+    });
+
+    return () => (
+      <>
+        <div class="manuscript-edit-wrap">
+          <div class="flex items-center mb-8px">
+            <span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
+              内容稿件列表
+            </span>
+            <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 p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+            <EditForm
+              ref={formRef}
+              formData={dataSource.value}
+              onChange={onChange}
+              onUpdateVideoInfo={onUpdateVideoInfo}
+            />
+          </div>
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">
+          <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+            退出
+          </Button>
+          <Button size="medium" type="outline" onClick={() => onSave()} class="mr-12px">
+            保存
+          </Button>
+          <Button type="primary" size="medium" onClick={() => onSave(true)} loading={uploadLoading.value}>
+            保存并审核
+          </Button>
+        </div>
+
+        <CancelEditModal ref={cancelEditModal} />
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/style.scss b/src/views/creative-generation-workshop/manuscript-writer/edit/style.scss
new file mode 100644
index 0000000..b574f60
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/style.scss
@@ -0,0 +1,25 @@
+$footer-height: 68px;
+.manuscript-edit-wrap {
+  height: calc(100% - 72px);
+  display: flex;
+  flex-direction: column;
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue
new file mode 100644
index 0000000..b3449c2
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue
@@ -0,0 +1,149 @@
+<template>
+  <div class="common-filter-wrap">
+    <div class="filter-row">
+      <div class="filter-row-item">
+        <span class="label">内容稿件标题</span>
+        <a-input
+          v-model="query.title"
+          class="!w-240px"
+          placeholder="请输入内容稿件标题"
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+      </div>
+      <!-- <div class="filter-row-item">
+        <span class="label">所属项目</span>
+        <CommonSelect
+          placeholder="请选择所属项目"
+          v-model="query.project_id"
+          :options="projects"
+          class="!w-166px"
+          @change="handleSearch"
+        />
+      </div> -->
+      <div class="filter-row-item">
+        <span class="label">序号</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.uid"
+            class="w-160px"
+            placeholder="请输入序号"
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item">
+        <span class="label">审核状态</span>
+        <CommonSelect
+          placeholder="全部"
+          :options="CHECK_STATUS"
+          v-model="query.audit_status"
+          class="!w-166px"
+          :multiple="false"
+          @change="handleSearch"
+        />
+      </div>
+      <div class="filter-row-item">
+        <span class="label">上传时间</span>
+        <a-range-picker
+          v-model="created_at"
+          size="medium"
+          allow-clear
+          format="YYYY-MM-DD"
+          class="w-280px"
+          @change="onDateChange"
+        />
+      </div>
+      <div class="filter-row-item">
+        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
+          <template #icon>
+            <icon-search />
+          </template>
+          <template #default>搜索</template>
+        </a-button>
+        <a-button size="medium" @click="handleReset">
+          <template #icon>
+            <icon-refresh />
+          </template>
+          <template #default>重置</template>
+        </a-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineEmits, defineProps } from 'vue';
+import { CHECK_STATUS } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import CommonSelect from '@/components/common-select';
+// import { getProjectList } from '@/api/all/propertyMarketing';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('search', 'reset', 'update:query');
+
+const created_at = ref([]);
+// const projects = ref([]);
+
+const handleSearch = () => {
+  emits('update:query', props.query);
+  nextTick(() => {
+    emits('search');
+  });
+};
+
+const onDateChange = (value) => {
+  if (!value) {
+    props.query.created_at = [];
+    handleSearch();
+    return;
+  }
+
+  const [start, end] = value;
+  const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
+  props.query.created_at = [
+    dayjs(start).startOf('day').format(FORMAT_DATE),
+    dayjs(end).endOf('day').format(FORMAT_DATE),
+  ];
+
+  handleSearch();
+};
+
+// 获取项目列表
+// const getProjects = async () => {
+//   try {
+//     const { code, data } = await getProjectList();
+//     if (code === 200) {
+//       projects.value = data;
+//     }
+//   } catch (error) {
+//     console.error('获取项目列表失败:', error);
+//   }
+// };
+
+const handleReset = () => {
+  created_at.value = [];
+  // projects.value = [];
+  emits('reset');
+};
+
+onMounted(() => {
+  // getProjects();
+});
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts
new file mode 100644
index 0000000..5199e88
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts
@@ -0,0 +1,68 @@
+export const TABLE_COLUMNS = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 120,
+    fixed: 'left',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '图片/视频',
+    dataIndex: 'cover',
+    width: 120,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+    width: 240,
+  },
+  // {
+  //   title: '所属项目',
+  //   dataIndex: 'projects',
+  //   width: 240,
+  // },
+  {
+    title: '稿件类型',
+    dataIndex: 'type',
+    width: 180,
+  },
+  {
+    title: '审核状态',
+    dataIndex: 'audit_status',
+    width: 180,
+  },
+  {
+    title: '上传时间',
+    dataIndex: 'updated_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '上传人员',
+    dataIndex: 'uploader',
+    width: 180,
+  },
+  {
+    title: '最后修改时间',
+    dataIndex: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最后修改人员',
+    dataIndex: 'last_modifier',
+    width: 180,
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 180,
+    fixed: 'right'
+  },
+];
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..ef68bd5
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -0,0 +1,58 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除稿件"
+    width="480px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ projectName }} 这个稿件吗？</span>  
+    </div>
+    <template #footer>
+      <a-button size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteWork } from '@/api/all/generationWorkshop';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const update = inject('update');
+
+const visible = ref(false);
+const projectId = ref(null);
+const projectName = ref('');
+
+const isBatch = computed(() => Array.isArray(projectId.value));
+
+function onClose() {
+  visible.value = false;
+  projectId.value = null;
+  projectName.value = '';
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  projectId.value = id;
+  projectName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteWork(projectId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    update()
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
new file mode 100644
index 0000000..feb9347
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
@@ -0,0 +1,140 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="flex-1 manuscript-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+  >
+    <template #empty>
+      <NoData text="暂无稿件" />
+    </template>
+    <template #columns>
+      <a-table-column
+        v-for="column in TABLE_COLUMNS"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
+          {{ exactFormatTime(record.create_at) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
+          <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
+        </template>
+        <template v-else-if="column.dataIndex === 'audit_status'" #cell="{ record }">
+          <div
+            class="flex items-center w-fit h-28px px-8px rounded-2px"
+            :style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }"
+          >
+            <span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
+              getStatusInfo(record.audit_status).name
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
+          <div class="flex items-center">
+            <img
+              :src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
+              width="16"
+              height="16"
+              class="mr-4px"
+            />
+            <span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
+              record.type === EnumManuscriptType.Image ? '图文' : '视频'
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
+          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+        </template>
+        <template v-else-if="['updated_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
+          {{ exactFormatTime(record[column.dataIndex]) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
+          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
+            <template #error>
+              <img :src="icon4" class="w-full h-full" />
+            </template>
+          </a-image>
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <div class="flex items-center">
+            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+            <a-button type="outline" size="mini" class="mr-8px" @click="onEdit(record)">编辑</a-button>
+            <a-button type="outline" size="mini" @click="onDetail(record)">详情</a-button>
+          </div>
+        </template>
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
+</template>
+
+<script setup>
+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 TextOverTips from '@/components/text-over-tips';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
+import icon4 from '@/assets/img/error-img.png';
+
+const emits = defineEmits(['edit', 'sorterChange', 'delete']);
+const router = useRouter();
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const tableRef = ref(null);
+
+const handleSorterChange = (column, order) => {
+  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+const onDelete = (item) => {
+  emits('delete', item);
+};
+const onEdit = (item) => {
+  router.push(`/manuscript/edit/${item.id}`);
+};
+const onDetail = (item) => {
+  router.push(`/manuscript/detail/${item.id}`);
+};
+
+const getStatusInfo = (audit_status) => {
+  return CHECK_STATUS.find((v) => v.id === audit_status) ?? {};
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/style.scss b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/style.scss
new file mode 100644
index 0000000..8621a01
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/style.scss
@@ -0,0 +1,16 @@
+.manuscript-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: $font-family-medium;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  :deep(.title) {
+    cursor: pointer;
+    &:hover {
+      color: #6d4cfe;
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
new file mode 100644
index 0000000..2f7a4e8
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
@@ -0,0 +1,394 @@
+<script lang="jsx">
+import {
+  Modal,
+  Form,
+  FormItem,
+  Input,
+  RadioGroup,
+  Radio,
+  Upload,
+  Button,
+  Message as AMessage,
+  Textarea,
+} from '@arco-design/web-vue';
+import { useClipboard } from '@vueuse/core';
+import { getWriterLinksGenerate, getTemplateUrl, postWorksByLink, postWorksByFile } from '@/api/all/generationWorkshop';
+import { generateFullUrl } from '@/utils/tools';
+
+import TextOverTips from '@/components/text-over-tips';
+import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
+
+// 状态枚举
+const TASK_STATUS = {
+  DEFAULT: 1,
+  LOADING: 2,
+  FAILED: 3,
+  SUCCESS: 4,
+};
+
+const UPLOAD_TYPE = {
+  LINK: 'link',
+  LOCAL: 'local',
+  HANDWRITE: 'handwrite',
+};
+
+// 初始表单数据
+const INITIAL_FORM = {
+  link: '',
+  writerLink: '',
+};
+
+export default {
+  setup(props, { emit, expose }) {
+    const update = inject('update');
+    const router = useRouter();
+
+    // 响应式状态
+    const visible = ref(false);
+    const formRef = ref(null);
+    const uploadType = ref(UPLOAD_TYPE.LINK);
+    const taskStatus = ref(TASK_STATUS.DEFAULT);
+    const form = ref(cloneDeep(INITIAL_FORM));
+    const works = ref([]);
+
+    // 剪贴板功能
+    const { copy } = useClipboard({ source: form.value.writerLink });
+
+    const isLink = computed(() => uploadType.value === UPLOAD_TYPE.LINK);
+    const isLocal = computed(() => uploadType.value === UPLOAD_TYPE.LOCAL);
+    const isHandwrite = computed(() => uploadType.value === UPLOAD_TYPE.HANDWRITE);
+    const isDefault = computed(() => taskStatus.value === TASK_STATUS.DEFAULT);
+
+    // 模态框标题
+    const getTitle = () => {
+      const titleMap = {
+        [TASK_STATUS.DEFAULT]: '上传内容稿件',
+        [TASK_STATUS.LOADING]: isLink.value ? '链接上传' : isLocal.value ? '本地批量上传' : '上传内容稿件',
+        [TASK_STATUS.FAILED]: isLink.value ? '链接上传' : isLocal.value ? '本地批量上传' : '上传内容稿件',
+        [TASK_STATUS.SUCCESS]: '上传内容稿件列表',
+      };
+      return titleMap[taskStatus.value];
+    };
+
+    // 重置状态
+    const reset = () => {
+      formRef.value?.resetFields?.();
+      uploadType.value = UPLOAD_TYPE.LINK;
+      taskStatus.value = TASK_STATUS.DEFAULT;
+      form.value = cloneDeep(INITIAL_FORM);
+      works.value = [];
+    };
+
+    const getWriterLink = async () => {
+      const { code, data } = await getWriterLinksGenerate();
+      if (code === 200) {
+        const url = router.resolve({
+          path: `/writer/manuscript/list/${data.code}`,
+        }).href;
+        form.value.writerLink = generateFullUrl(url);
+        console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
+      }
+    };
+
+    const open = () => {
+      getWriterLink();
+      visible.value = true;
+    };
+
+    const onClose = () => {
+      reset();
+      visible.value = false;
+    };
+
+    // 防抖提交
+    const debouncedSubmit = debounce(async () => {
+      if (isHandwrite.value) {
+        handleHandwriteSubmit();
+        return;
+      }
+      formRef.value?.validate(async (errors) => {
+        if (!errors) {
+          taskStatus.value = TASK_STATUS.LOADING;
+          const { link } = form.value;
+          const { code, data } = await postWorksByLink({ link });
+          if (code === 200) {
+            taskStatus.value = TASK_STATUS.SUCCESS;
+            works.value = data;
+          }
+        }
+      });
+    }, 300);
+
+    // 提交处理
+    const onSubmit = () => {
+      debouncedSubmit();
+    };
+
+    // 手写提交处理
+    const handleHandwriteSubmit = () => {
+      if (!form.value.writerLink) {
+        AMessage.warning('请输入上传链接！');
+        return;
+      }
+
+      copy(form.value.writerLink);
+      AMessage.success('复制成功！');
+      onClose();
+    };
+
+    // 取消上传
+    const onCancelUpload = () => {
+      taskStatus.value = TASK_STATUS.DEFAULT;
+      AMessage.info('已取消上传');
+    };
+
+    // 文件上传处理
+    const handleUpload = async (option) => {
+      try {
+        taskStatus.value = TASK_STATUS.LOADING;
+
+        const {
+          fileItem: { file },
+        } = option;
+
+        const formData = new FormData();
+        formData.append('file', file);
+        const { code, data } = await postWorksByFile(formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
+        });
+        if (code === 200) {
+          taskStatus.value = TASK_STATUS.SUCCESS;
+          works.value = data;
+        }
+      } finally {
+        taskStatus.value = TASK_STATUS.DEFAULT;
+      }
+    };
+
+    // 跳转编辑
+    const goUpload = () => {
+      router.push(`/manuscript/upload/1`);
+      onClose();
+    };
+
+    // 删除项目
+    const onDelete = (index) => {
+      works.value.splice(index, 1);
+      // AMessage.success('删除成功');
+    };
+
+    // 上传方式切换
+    const onUploadTypeChange = (val) => {
+      if (val === UPLOAD_TYPE.HANDWRITE) {
+        getWriterLink();
+      }
+      // uploadType.value = val;
+      // formRef.value?.clearValidate?.();
+    };
+
+    // 下载模板
+    const handleDownloadTemplate = async () => {
+      const { code, data } = await getTemplateUrl();
+      if (code === 200) {
+        window.open(data.download_url, '_blank');
+      }
+    };
+
+    // 渲染链接上传表单
+    const renderLinkForm = () => (
+      <FormItem label="链接地址" field="link" required>
+        <Textarea
+          v-model={form.value.link}
+          size="large"
+          placeholder="请输入链接地址"
+          autoSize={{ minRows: 5, maxRows: 8 }}
+        />
+      </FormItem>
+    );
+
+    // 渲染手写上传表单
+    const renderHandwriteForm = () => (
+      <FormItem label="上传链接" field="writerLink">
+        <Input v-model={form.value.writerLink} placeholder="请输入上传链接" disabled size="large" />
+      </FormItem>
+    );
+
+    // 渲染本地上传表单
+    const renderLocalForm = () => (
+      <FormItem label="内容稿件">
+        <div class="flex flex-col w-full">
+          <Upload
+            action="/"
+            draggable
+            customRequest={handleUpload}
+            accept=".xlsx,.xls,.docx,.doc"
+            show-file-list={false}
+          >
+            {{
+              'upload-button': () => (
+                <div class="upload-box">
+                  <icon-plus size="14" class="mb-16px" />
+                  <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                  <span class="tip">支持文档（文本+图）, 视频批量上传</span>
+                </div>
+              ),
+            }}
+          </Upload>
+          <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
+            <icon-download size="14" class="mr-4px !color-#6D4CFE" />
+            <span class="cts color-#6D4CFE">下载示例文档</span>
+          </div>
+        </div>
+      </FormItem>
+    );
+
+    // 渲染加载状态
+    const renderLoadingState = () => (
+      <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+        <icon-loading size="48" class="!color-#6D4CFE mb-16px" />
+        <p class="tip !text-#768893">上传过程耗时可能较长，请耐心等待；</p>
+        <p class="tip !text-#768893">刷新页面将会终止本次数据的上传，请谨慎操作</p>
+      </div>
+    );
+
+    // 渲染失败状态
+    const renderFailedState = () => (
+      <div class="flex flex-col items-center justify-center rounded-8px bg-#F7F8FA h-208px">
+        <img src={icon1} class="w-80px h-80px mb-16px" />
+        <p class="text mb-4px">上传失败</p>
+        <p class="tip !text-#768893">可能是网络不稳定导致，请检查网络后重试～</p>
+      </div>
+    );
+
+    // 渲染成功状态
+    const renderSuccessState = () => (
+      <div class="flex flex-col py-12px max-h-540px rounded-8px bg-#F7F8FA">
+        <span class="tip mb-8px px-12px fs-14px !text-left">共 {works.value.length} 个内容稿件</span>
+        <div class="flex-1 overflow-y-auto overflow-x-hidden px-12px">
+          {works.value.map((item, index) => (
+            <div key={item.id} class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
+              <div class="flex-1 overflow-hidden flex items-center mr-12px">
+                <img src={item.cover} width="32" height="32" class="rounded-3px mr-8px" />
+                <TextOverTips class="text" context={item.title} />
+              </div>
+              <icon-delete
+                size="16px"
+                class="color-#737478 cursor-pointer hover:!color-#211F24"
+                onClick={() => onDelete(index)}
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+    );
+
+    // 渲染表单内容
+    const renderFormContent = () => {
+      const contentMap = {
+        [TASK_STATUS.DEFAULT]: () => {
+          const formMap = {
+            [UPLOAD_TYPE.LINK]: renderLinkForm,
+            [UPLOAD_TYPE.HANDWRITE]: renderHandwriteForm,
+            [UPLOAD_TYPE.LOCAL]: renderLocalForm,
+          };
+          return formMap[uploadType.value]?.();
+        },
+        [TASK_STATUS.LOADING]: renderLoadingState,
+        [TASK_STATUS.FAILED]: renderFailedState,
+        [TASK_STATUS.SUCCESS]: renderSuccessState,
+      };
+
+      return contentMap[taskStatus.value]?.();
+    };
+
+    // 渲染底部按钮
+    const renderFooterButtons = () => {
+      const buttonMap = {
+        [TASK_STATUS.LOADING]: () => (
+          <Button type="primary" size="medium" onClick={onCancelUpload}>
+            取消上传
+          </Button>
+        ),
+        [TASK_STATUS.DEFAULT]: () => (
+          <>
+            <Button size="medium" onClick={onClose}>
+              取消
+            </Button>
+            <Button type="primary" size="medium" onClick={onSubmit}>
+              {isHandwrite.value ? '复制链接' : '确认'}
+            </Button>
+          </>
+        ),
+        [TASK_STATUS.FAILED]: () => (
+          <>
+            <Button size="medium" onClick={onClose}>
+              取消
+            </Button>
+            <Button type="primary" size="medium" onClick={onClose}>
+              重新上传
+            </Button>
+          </>
+        ),
+        [TASK_STATUS.SUCCESS]: () => (
+          <>
+            <Button size="medium" onClick={onClose}>
+              取消
+            </Button>
+            <Button type="primary" size="medium" onClick={goUpload}>
+              确认
+            </Button>
+          </>
+        ),
+      };
+
+      return buttonMap[taskStatus.value]?.();
+    };
+
+    expose({ open });
+
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title={getTitle()}
+        modal-class="upload-manuscript-modal"
+        width="500px"
+        mask-closable={false}
+        unmount-on-close
+        onClose={onClose}
+        footer={!(isDefault.value && isLocal.value)}
+        v-slots={{
+          footer: () => renderFooterButtons(),
+        }}
+      >
+        <Form
+          ref={formRef}
+          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>
+                <Radio value={UPLOAD_TYPE.HANDWRITE}>写手上传</Radio>
+              </RadioGroup>
+            </FormItem>
+          )}
+
+          {renderFormContent()}
+        </Form>
+      </Modal>
+    );
+  },
+};
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/style.scss
new file mode 100644
index 0000000..494dff7
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/style.scss
@@ -0,0 +1,31 @@
+.upload-manuscript-modal {
+  .text {
+    color: var(--Text-1, #211f24);
+    text-align: center;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .tip {
+    color: var(--Text-3, #737478);
+    text-align: center;
+    font-family: $font-family-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+  .upload-box {
+    display: flex;
+    height: 120px;
+    padding: 0 16px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-radius: 2px;
+    border: 1px dashed var(--Border-1, #d7d7d9);
+    background: var(--BG-200, #f2f3f5);
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/list/constants.ts
new file mode 100644
index 0000000..b06f7cd
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/constants.ts
@@ -0,0 +1,56 @@
+export const INITIAL_QUERY = {
+  title: '',
+  // project_ids: [],
+  uid: '',
+  audit_status: '',
+  created_at: [],
+  sort_column: undefined,
+  sort_order: undefined,
+};
+
+export enum EnumCheckStatus {
+  All = '',
+  Wait = 1,
+  Checking = 2, 
+  Passed = 3,
+}
+export enum EnumManuscriptType {
+  All = '',
+  Image = 0,
+  Video = 1,  
+}
+
+export const CHECK_STATUS = [
+  {
+    name: '待审核',
+    id: EnumCheckStatus.Wait,
+    backgroundColor: '#F2F3F5',
+    color: '#3C4043'
+  },
+  {
+    name: '审核中',
+    id: EnumCheckStatus.Checking,
+    backgroundColor: '#FFF7E5',
+    color: '#FFAE00'
+  },
+  {
+    name: '已通过',
+    id: EnumCheckStatus.Passed,
+    backgroundColor: '#EBF7F2',
+    color: '#25C883'
+  },
+];
+export const MANUSCRIPT_TYPE = [
+  {
+    label: '全部',
+    value: EnumManuscriptType.All,
+  },
+  {
+    label: '图片',
+    value: EnumManuscriptType.Image,
+  },
+  {
+    label: '视频',
+    value: EnumManuscriptType.Video,
+  },
+]
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
new file mode 100644
index 0000000..457862e
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="manuscript-list-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
+        <div class="flex items-center">
+          <a-button type="outline" size="medium" class="mr-12px" @click="handleShareModal">
+            分享内容稿件
+          </a-button>
+          <a-button type="primary" size="medium" @click="openUploadModal">
+            <template #icon>
+              <icon-plus size="16" />
+            </template>
+            <template #default>上传内容稿件</template>
+          </a-button>
+        </div>
+      </div>
+      <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
+      <div v-if="pageInfo.total > 0" class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.page_size"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+
+    <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
+    <UploadManuscriptModal ref="uploadManuscriptModalRef" />
+    <ShareManuscriptModal ref="shareManuscriptModalRef" />
+  </div>
+</template>
+<script lang="jsx" setup>
+import { defineComponent } from 'vue';
+import { Button } from '@arco-design/web-vue';
+import FilterBlock from './components/filter-block';
+import ManuscriptTable from './components/manuscript-table';
+import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
+import UploadManuscriptModal from './components/upload-manuscript-modal';
+import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal';
+
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { getWorksPage } from '@/api/all/generationWorkshop.ts';
+import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+
+const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+const query = ref(cloneDeep(INITIAL_QUERY));
+const addManuscriptModalRef = ref(null);
+const deleteManuscriptModalRef = ref(null);
+const uploadManuscriptModalRef = ref(null);
+const shareManuscriptModalRef = ref(null);
+
+const getData = async () => {
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getWorksPage({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
+};
+const handleSearch = () => {
+  reload();
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+const handleReset = () => {
+  resetPageInfo();
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+const handleSorterChange = (column, order) => {
+  query.value.sort_column = column;
+  query.value.sort_order = order;
+  reload();
+};
+
+const handleShareModal = () => {
+  shareManuscriptModalRef.value.open()
+};
+const openUploadModal = () => {
+  uploadManuscriptModalRef.value?.open();
+};
+
+const handleDelete = (item) => {
+  const { id, title } = item;
+  deleteManuscriptModalRef.value?.open({ id, name: `“${title}”` });
+};
+
+onMounted(() => {
+  getData();
+});
+provide('update', getData);
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/style.scss b/src/views/creative-generation-workshop/manuscript-writer/list/style.scss
new file mode 100644
index 0000000..64d8310
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/style.scss
@@ -0,0 +1,29 @@
+.manuscript-list-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .filter-wrap {
+    .top {
+      .title {
+        font-family: $font-family-medium;
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 16px;
+        }
+      }
+    }
+  }
+  .table-wrap {
+    display: flex;
+    flex-direction: column;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue
new file mode 100644
index 0000000..358e4c4
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue
@@ -0,0 +1,38 @@
+<template>
+  <a-modal v-model:visible="visible" title="确认提示" width="480px" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认取消上传这 {{ num }} 个文件吗？此操作不可恢复。</span>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onClose">继续编辑</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">确认取消</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const router = useRouter();
+const visible = ref(false);
+const num = ref('');
+
+const onClose = () => {
+  num.value = '';
+  visible.value = false;
+};
+const onConfirm = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+
+const open = (manusNum) => {
+  num.value = manusNum;
+
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
new file mode 100644
index 0000000..75db523
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
@@ -0,0 +1,275 @@
+<script lang="jsx">
+import { Button, Message as AMessage } from '@arco-design/web-vue';
+import TextOverTips from '@/components/text-over-tips';
+import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
+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 { postWorksBatch } from '@/api/all/generationWorkshop.ts';
+
+import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
+import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
+
+const generateMockData = (count = 4) =>
+  Array.from({ length: count }, (_, i) => ({
+    id: `${i + 1}`,
+    title: `标题${i + 1}`,
+    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+    type: i % 2 === 0 ? EnumManuscriptType.Image : EnumManuscriptType.Video,
+    files: [],
+    videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
+  }));
+
+export default {
+  components: {
+    EditForm,
+  },
+  setup(props, { emit, expose }) {
+    const formRef = ref(null);
+    const route = useRoute();
+    const router = useRouter();
+    const cancelUploadModal = ref(null);
+    const uploadSuccessModal = ref(null);
+    const works = ref([]);
+    const selectCardInfo = ref({});
+    const errorDataCards = ref([]);
+    const uploadLoading = ref(false);
+    const workId = route.params.id;
+
+    const onCancel = () => {
+      cancelUploadModal.value?.open(works.value.length);
+    };
+
+    const validateDataSource = () => {
+      return new Promise((resolve) => {
+        const uploadingVideos = works.value.filter(
+          (item) => item.videoInfo?.uploadStatus === ENUM_UPLOAD_STATUS.UPLOADING,
+        );
+        if (uploadingVideos.length > 0) {
+          AMessage.warning(`有 ${uploadingVideos.length} 个视频正在上传中，请等待上传完成后再提交`);
+          return;
+        }
+
+        works.value.forEach((item) => {
+          if (!item.title?.trim()) {
+            errorDataCards.value.push(item);
+          }
+        });
+        if (!errorDataCards.value.length) {
+          resolve();
+        }
+
+        if (errorDataCards.value.length > 0) {
+          AMessage.warning(`有 ${errorDataCards.value.length} 个必填信息未填写，请检查`);
+
+          setTimeout(() => {
+            const el = document.getElementById(`card-${errorDataCards.value[0]?.id}`);
+            if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+          }, 100);
+          return;
+        }
+      });
+    };
+
+    const onSubmit = async (check) => {
+      uploadLoading.value = true;
+      const filteredWorks = map(works.value, (work) => omit(work, 'videoInfo'));
+      const { code, data } = await postWorksBatch({ works: filteredWorks });
+      if (code === 200) {
+        uploadLoading.value = false;
+        if (check) {
+          uploadSuccessModal.value?.open(workId);
+        } else {
+          router.push({ name: 'ManuscriptList' });
+        }
+      }
+    };
+
+    const onUpload = async (e, check = false) => {
+      console.log('onUpload', works.value);
+      formRef.value
+        ?.validate()
+        .then(() => {
+          return validateDataSource();
+        })
+        .then(() => {
+          onSubmit(check);
+        })
+        .catch((err) => {
+          console.log('catch');
+          errorDataCards.value.push(err);
+        });
+    };
+
+    const onUploadAndCheck = (e) => {
+      onUpload(e, true);
+    };
+
+    const handleReValidate = () => {
+      formRef.value?.validate().then(() => {
+        deleteErrorCard(selectCardInfo.value);
+      });
+    };
+    const onSelect = (item) => {
+      formRef.value.resetForm();
+      selectCardInfo.value = cloneDeep(item);
+    };
+
+    const deleteErrorCard = (item) => {
+      const errorIndex = errorDataCards.value.findIndex((v) => v.id === item.id);
+      errorIndex > -1 && errorDataCards.value.splice(errorIndex, 1);
+    };
+
+    const onDelete = (e, item, index) => {
+      e.stopPropagation();
+      works.value.splice(index, 1);
+      deleteErrorCard(item);
+
+      if (item.id === selectCardInfo.value.id) {
+        if (works.value.length) {
+          const _target = works.value[0] ?? {};
+          selectCardInfo.value = cloneDeep(_target);
+        } else {
+          selectCardInfo.value = {};
+        }
+      }
+    };
+
+    const renderFooterRow = () => {
+      if (works.value.length > 1) {
+        return (
+          <>
+            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+              取消上传
+            </Button>
+            <Button type="primary" size="medium" onClick={onUpload} loading={uploadLoading.value}>
+              {uploadLoading.value ? '批量上传' : '批量上传'}
+            </Button>
+          </>
+        );
+      } else {
+        return (
+          <>
+            <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
+              取消上传
+            </Button>
+            <Button size="medium" type="outline" onClick={onUpload} class="mr-12px" loading={uploadLoading.value}>
+              上传
+            </Button>
+            <Button type="primary" size="medium" onClick={onUploadAndCheck} loading={uploadLoading.value}>
+              上传并审核
+            </Button>
+          </>
+        );
+      }
+    };
+    const getData = () => {
+      works.value = generateMockData();
+      selectCardInfo.value = cloneDeep(works.value[0] ?? {});
+    };
+    const getCardClass = (item) => {
+      if (selectCardInfo.value.id === item.id) {
+        return '!border-#6D4CFE !bg-#F0EDFF';
+      }
+      if (errorDataCards.value.find((v) => v.id === item.id)) {
+        return '!border-#F64B31';
+      }
+      return '';
+    };
+
+    const onChange = (val) => {
+      const index = works.value.findIndex((v) => v.id === selectCardInfo.value.id);
+      if (index !== -1) {
+        works.value[index] = cloneDeep(val);
+      }
+      selectCardInfo.value = val;
+    };
+    const onUpdateVideoInfo = (newVideoInfo) => {
+      const index = works.value.findIndex((v) => v.id === selectCardInfo.value.id);
+      if (index !== -1) {
+        works.value[index].videoInfo = cloneDeep(newVideoInfo);
+      }
+      selectCardInfo.value.videoInfo = { ...selectCardInfo.value.videoInfo, ...newVideoInfo };
+    };
+
+    onMounted(() => {
+      getData();
+    });
+
+    return () => (
+      <>
+        <div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
+          <div class="left flex-1 overflow-y-auto p-24px">
+            <EditForm
+              ref={formRef}
+              formData={selectCardInfo.value}
+              onReValidate={handleReValidate}
+              onChange={onChange}
+              onUpdateVideoInfo={onUpdateVideoInfo}
+            />
+          </div>
+          {works.value.length > 1 && (
+            <div class="right pt-24px pb-12px flex flex-col">
+              <div class="title flex items-center  px-24px">
+                <div class="w-3px h-16px bg-#6D4CFE rounded-2px mr-8px"></div>
+                <p class="cts bold !color-#211F24 !text-16px !lh-24px mr-8px">上传内容稿件列表</p>
+                <p class="cts">{`共${works.value.length}个`}</p>
+              </div>
+              <div class="flex-1 px-24px overflow-y-auto pt-24px">
+                {works.value.map((item, index) => (
+                  <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(
+                      item,
+                    )}`}
+                    onClick={() => onSelect(item)}
+                  >
+                    <icon-close-circle-fill
+                      size={16}
+                      class="absolute top--8px right--8px color-#737478 hover:color-#211F24  hidden group-hover:block"
+                      onClick={(e) => onDelete(e, item, index)}
+                    />
+                    <TextOverTips
+                      context={item.content}
+                      line={1}
+                      class={`cts !color-#211F24 mb-8px ${selectCardInfo.value.id === item.id ? 'bold' : ''}`}
+                    />
+                    <div class="flex items-center justify-between">
+                      <div class="flex items-center ">
+                        <img
+                          src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
+                          width="16"
+                          height="16"
+                          class="mr-4px"
+                        />
+                        <span
+                          class={`cts ${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>
+                      )}
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+        <div class="flex justify-end items-center px-16px py-20px w-full bg-#fff footer-row">{renderFooterRow()}</div>
+
+        <CancelUploadModal ref={cancelUploadModal} />
+        <UploadSuccessModal ref={uploadSuccessModal} />
+      </>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/style.scss b/src/views/creative-generation-workshop/manuscript-writer/upload/style.scss
new file mode 100644
index 0000000..f1dadcd
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/style.scss
@@ -0,0 +1,28 @@
+$footer-height: 68px;
+.manuscript-upload-wrap {
+  height: calc(100% - 72px);
+  .cts {
+    color: #939499;
+    font-family: $font-family-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    &.bold {
+      font-family: $font-family-medium;
+    }
+  }
+  .right {
+    border-left: 1px solid var(--Border-2, #e6e6e8);
+    width: 320px;
+    flex-shrink: 0;
+  }
+}
+.footer-row {
+  position: fixed;
+  bottom: 0;
+  left: $sidebar-width;
+  width: calc(100% - $sidebar-width);
+  border-top: 1px solid #e6e6e8;
+  height: $footer-height;
+}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
new file mode 100644
index 0000000..b92cfd6
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
@@ -0,0 +1,65 @@
+<template>
+  <a-modal v-model:visible="visible" title="提示" width="480px" @close="onClose" modal-class="upload-success11-modal">
+    <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">上传成功</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>
+    </div>
+    <template #footer>
+      <a-button size="medium" @click="onBack">回到列表</a-button>
+      <a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">批量审核</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { slsWithCatch } from '@/utils/stroage.ts';
+import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
+
+const router = useRouter();
+const visible = ref(false);
+const workId = ref('');
+
+const onClose = () => {
+  workId.value = '';
+  visible.value = false;
+};
+
+const onBack = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+const onConfirm = () => {
+  visible.value = false;
+  slsWithCatch('manuscriptCheckIds', [workId.value]);
+  router.push({ name: 'ManuscriptCheck' });
+};
+
+const open = (id) => {
+  console.log({ id });
+  workId.value = id;
+
+  visible.value = true;
+};
+
+defineExpose({ open });
+</script>
+<style lang="scss">
+.upload-success11-modal {
+  .arco-modal-header {
+    border-bottom: none;
+  }
+  .md {
+    font-family: $font-family-medium;
+  }
+  .ld {
+    font-family: $font-family-regular;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    justify-content: center;
+  }
+}
+</style>

From 7a6e696fc360c630c34f5e6e9d79193d14a17078 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 11 Aug 2025 18:28:38 +0800
Subject: [PATCH 52/64] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E5=86=99=E6=89=8B=E7=AB=AF-=E6=9B=BF=E6=8D=A2?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=EF=BC=8C=E5=88=A0=E9=99=A4=E6=97=A0=E7=94=A8?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E7=BB=84=E4=BB=B6=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop-writer.ts      |  51 +--
 src/hooks/useGetAiReviewResult.ts             |  17 +-
 src/router/constants.ts                       |   1 +
 .../routes/modules/manuscript-writer.ts       |   2 +-
 src/stores/modules/side-bar/constants.ts      |  10 +-
 .../delete-manuscript-modal.vue               |   4 +-
 .../manuscript-check-table/index.vue          |  32 +-
 .../manuscript-writer/check-list/index.vue    |  17 +-
 .../check/cancel-check-modal.vue              |   3 +-
 .../check/check-success-modal.vue             |   3 +-
 .../manuscript-writer/check/index.vue         |  31 +-
 .../share-manuscript-modal/constants.ts       |  40 ---
 .../share-manuscript-modal/index.vue          | 293 ------------------
 .../share-manuscript-modal/share-modal.vue    | 137 --------
 .../share-manuscript-modal/style.scss         |  27 --
 .../manuscript-writer/detail/index.vue        |  16 +-
 .../edit/cancel-edit-modal.vue                |   3 +-
 .../manuscript-writer/edit/index.vue          |  13 +-
 .../components/manuscript-table/constants.ts  |  20 +-
 .../delete-manuscript-modal.vue               |   4 +-
 .../components/manuscript-table/index.vue     |   5 +-
 .../upload-manuscript-modal/index.vue         |  63 +---
 .../manuscript-writer/list/index.vue          |  13 +-
 .../upload/cancel-upload-modal.vue            |   3 +-
 .../manuscript-writer/upload/index.vue        |   6 +-
 .../upload/upload-success-modal.vue           |   8 +-
 .../manuscript/check/index.vue                |   4 +
 27 files changed, 151 insertions(+), 675 deletions(-)
 delete mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts
 delete mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue
 delete mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue
 delete mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss

diff --git a/src/api/all/generationWorkshop-writer.ts b/src/api/all/generationWorkshop-writer.ts
index 395d2fa..3485f8e 100644
--- a/src/api/all/generationWorkshop-writer.ts
+++ b/src/api/all/generationWorkshop-writer.ts
@@ -9,21 +9,17 @@ const getWriterCode = () => {
   return route.params.writerCode as string;
 };
 // 内容稿件-批量添加(写手)
-export const postWorksBatchWriter = (params: any) => {
+export const postWorksBatchWriter = (params: {}) => {
   return Http.post('/v1/writer/works/batch', params, {
     headers: { 'writer-code': getWriterCode() },
   });
 };
 
 // 内容稿件-分页(写手)
-export const getWorksPageWriter = (params: any) => {
-  return Http.get(
-    '/v1/writer/works',
-    { params },
-    {
-      headers: { 'writer-code': getWriterCode() },
-    },
-  );
+export const getWorksPageWriter = (params: {}) => {
+  return Http.get('/v1/writer/works', params, {
+    headers: { 'writer-code': getWriterCode() },
+  });
 };
 
 // 内容稿件-详情(写手)
@@ -57,17 +53,13 @@ export const getTemplateUrlWriter = () => {
 
 // 内容稿件审核-分页(写手)
 export const getWorkAuditsPageWriter = (params: any) => {
-  return Http.get(
-    '/v1/writer/work-audits',
-    { params },
-    {
-      headers: { 'writer-code': getWriterCode() },
-    },
-  );
+  return Http.get('/v1/writer/work-audits', params, {
+    headers: { 'writer-code': getWriterCode() },
+  });
 };
 
 // 内容稿件审核-详情(写手)
-export const getWorkAuditDetailWriter = (id: string) => {
+export const getWorkAuditsDetailWriter = (id: string) => {
   return Http.get(`/v1/writer/work-audits/${id}`, {
     headers: { 'writer-code': getWriterCode() },
   });
@@ -75,13 +67,9 @@ export const getWorkAuditDetailWriter = (id: string) => {
 
 // 内容稿件审核-多个详情(写手)
 export const getWorkAuditsBatchDetailWriter = (params: any) => {
-  return Http.get(
-    '/v1/writer/work-audits/list',
-    { params },
-    {
-      headers: { 'writer-code': getWriterCode() },
-    },
-  );
+  return Http.get('/v1/writer/work-audits/list', params, {
+    headers: { 'writer-code': getWriterCode() },
+  });
 };
 
 // 内容稿件-审核(写手)
@@ -128,3 +116,18 @@ export const getWorkAuditsAiReviewResultWriter = (id: string, ticket: string) =>
     headers: { 'writer-code': getWriterCode() },
   });
 };
+
+// 内容稿件-通过链接获取稿件
+export const postWorksByLinkWriter = (params = {}) => {
+  return Http.post('/v1/writer/works/by-link', params, {
+    headers: { 'writer-code': getWriterCode() },
+  });
+};
+
+// 内容稿件-通过文档获取稿件
+export const postWorksByFileWriter = (params = {}, config = {}) => {
+  return Http.post('/v1/writer/works/by-file', params, {
+    ...config,
+    headers: { 'writer-code': getWriterCode() },
+  });
+};
diff --git a/src/hooks/useGetAiReviewResult.ts b/src/hooks/useGetAiReviewResult.ts
index fbf1721..d2f2f9b 100644
--- a/src/hooks/useGetAiReviewResult.ts
+++ b/src/hooks/useGetAiReviewResult.ts
@@ -1,5 +1,14 @@
-import { postWorkAuditsAiReview, getWorkAuditsAiReviewResult } from '@/api/all/generationWorkshop';
-export default function useGetAiReviewResult({ cardInfo, updateAiReview }: { cardInfo: any; updateAiReview: (ai_review: any) => void }) {
+export default function useGetAiReviewResult({
+  cardInfo,
+  updateAiReview,
+  startAiReviewFn,
+  getAiReviewResultFn,
+}: {
+  cardInfo: any;
+  updateAiReview: (ai_review: any) => void;
+  startAiReviewFn: (params: { id: string; platform: string; content: string }) => Promise<any>;
+  getAiReviewResultFn: (id: string, ticket: string) => Promise<any>;
+}) {
   const statusPollingTimer = ref<number | null>(null);
   const ticket = ref('');
   const checkLoading = ref(false);
@@ -8,7 +17,7 @@ export default function useGetAiReviewResult({ cardInfo, updateAiReview }: { car
   const handleStartCheck = async () => {
     checkLoading.value = true;
     const { id, platform, content } = cardInfo.value;
-    const { code, data } = await postWorkAuditsAiReview({ id, platform, content });
+    const { code, data } = await startAiReviewFn({ id, platform, content });
     if (code === 200) {
       ticket.value = data.ticket;
       startStatusPolling();
@@ -23,7 +32,7 @@ export default function useGetAiReviewResult({ cardInfo, updateAiReview }: { car
   const startStatusPolling = () => {
     clearStatusPollingTimer();
     statusPollingTimer.value = setInterval(async () => {
-      const { code, data } = await getWorkAuditsAiReviewResult(cardInfo.value.id, ticket.value);
+      const { code, data } = await getAiReviewResultFn(cardInfo.value.id, ticket.value);
       if (code === 200 && data.status === 1) {
         checkResult.value = data.ai_review;
         updateAiReview?.(data.ai_review);
diff --git a/src/router/constants.ts b/src/router/constants.ts
index 3e79148..908c08e 100644
--- a/src/router/constants.ts
+++ b/src/router/constants.ts
@@ -27,4 +27,5 @@ export const MENU_GROUP_IDS = {
   MANAGEMENT_ID: 3, // 管理中心
   PROPERTY_ID: 4, // 资产营销平台
   WORK_BENCH_ID: 5, // 工作台
+  WRITER_CREATIVE_GENERATION_WORKSHOP_ID: 6, // 内容稿件-写手侧
 };
diff --git a/src/router/routes/modules/manuscript-writer.ts b/src/router/routes/modules/manuscript-writer.ts
index 69b2adb..adf00d0 100644
--- a/src/router/routes/modules/manuscript-writer.ts
+++ b/src/router/routes/modules/manuscript-writer.ts
@@ -14,7 +14,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       requiresAuth: false,
       requireLogin: false,
       roles: ['*'],
-      id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+      id: MENU_GROUP_IDS.WRITER_CREATIVE_GENERATION_WORKSHOP_ID,
     },
     children: [
       {
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index c68b581..3c458e8 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -55,7 +55,15 @@ export const MENU_LIST = [
       {
         name: '内容稿件',
         routeName: 'ManuscriptList',
-        includeRouteNames: ['ManuscriptList', 'ManuscriptCheck', 'ManuscriptEdit', 'ManuscriptDetail'],
+        includeRouteNames: [
+          'ManuscriptList',
+          'ManuscriptUpload',
+          'ManuscriptEdit',
+          'ManuscriptDetail',
+          'ManuscriptCheckList',
+          'ManuscriptCheckListDetail',
+          'ManuscriptCheck',
+        ],
       },
     ],
   },
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
index 39f8fd3..a7cdc71 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -20,7 +20,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import { deleteWork } from '@/api/all/generationWorkshop';
+import { deleteWorkWriter } from '@/api/all/generationWorkshop-writer.ts';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const update = inject('update');
@@ -46,7 +46,7 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const { code } = await deleteWork(projectId.value);
+  const { code } = await deleteWorkWriter(projectId.value);
   if (code === 200) {
     AMessage.success('删除成功');
     update()
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
index 2602b32..49905b0 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
@@ -54,7 +54,9 @@
           <img v-else width="24" height="24" :src="PLATFORMS.find((item) => item.value === record.platform)?.icon" />
         </template>
         <template v-else-if="column.dataIndex === 'compliance_level'" #cell="{ record }">
-          <span class="cts num !color-#6D4CFE">{{ record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-' }}</span>
+          <span class="cts num !color-#6D4CFE">{{
+            record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
+          }}</span>
         </template>
         <template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
           <TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
@@ -93,14 +95,11 @@
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" @click="onShare(record)" v-if="audit_status === AuditStatus.Passed"
-              >分享</a-button
-            >
             <a-button
               type="outline"
               size="mini"
               @click="onCheck(record)"
-              v-else-if="audit_status === AuditStatus.Pending"
+              v-if="audit_status === AuditStatus.Pending"
               >审核</a-button
             >
             <a-button type="outline" size="mini" @click="onScan(record)" v-else>查看</a-button>
@@ -113,14 +112,13 @@
     </template>
   </a-table>
 
-  <ShareModal ref="shareModalRef" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
-import { patchWorkAuditsAudit } from '@/api/all/generationWorkshop';
+import { patchWorkAuditsAuditWriter } from '@/api/all/generationWorkshop-writer.ts';
 import {
   AuditStatus,
   CUSTOMER_OPINION,
@@ -129,7 +127,6 @@ import {
 import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
-import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
@@ -161,8 +158,8 @@ const props = defineProps({
   },
 });
 
+const route = useRoute();
 const tableRef = ref(null);
-const shareModalRef = ref(null);
 
 const handleSorterChange = (column, order) => {
   emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
@@ -170,20 +167,19 @@ const handleSorterChange = (column, order) => {
 const onDelete = (item) => {
   emits('delete', item);
 };
-const onShare = (item) => {
-  shareModalRef.value?.open([item.id]);
-};
 const onCheck = (item) => {
-  patchWorkAuditsAudit(item.id);
-  slsWithCatch('manuscriptCheckIds', [item.id]);
-  router.push({ name: 'ManuscriptCheck' });
+  patchWorkAuditsAuditWriter(item.id);
+  slsWithCatch('writerManuscriptCheckIds', [item.id]);
+  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
 };
 const onScan = (item) => {
-  slsWithCatch('manuscriptCheckIds', [item.id]);
-  router.push({ name: 'ManuscriptCheck' });
+  slsWithCatch('writerManuscriptCheckIds', [item.id]);
+  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
 };
 const onDetail = (item) => {
-  router.push(`/manuscript/check-list/detail/${item.id}?source=check&audit_status=${props.audit_status}`);
+  router.push(
+    `/writer/manuscript/check-list/detail/${item.id}/${route.params.writerCode}?source=check&audit_status=${props.audit_status}`,
+  );
 };
 const getCustomerOpinionInfo = (value) => {
   return CUSTOMER_OPINION.find((item) => item.value === value);
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
index 3294747..f846bf9 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
@@ -68,7 +68,6 @@
     </div>
 
     <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
-    <ShareManuscriptModal ref="shareManuscriptModalRef" />
   </div>
 </template>
 <script lang="jsx" setup>
@@ -77,9 +76,8 @@ import { Button, Message as AMessage } from '@arco-design/web-vue';
 import FilterBlock from './components/filter-block';
 import ManuscriptCheckTable from './components/manuscript-check-table';
 import DeleteManuscriptModal from './components/manuscript-check-table/delete-manuscript-modal.vue';
-import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal';
 
-import { getWorkAuditsPage, patchWorkAuditsBatchAudit } from '@/api/all/generationWorkshop.ts';
+import { getWorkAuditsPageWriter, patchWorkAuditsBatchAuditWriter } from '@/api/all/generationWorkshop-writer.ts';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { slsWithCatch } from '@/utils/stroage.ts';
 // import { getProjects } from '@/api/all/propertyMarketing';
@@ -113,6 +111,7 @@ const {
   },
 });
 const router = useRouter();
+const route = useRoute();
 const tableColumns = ref([]);
 const query = ref(cloneDeep(INITIAL_QUERY));
 
@@ -122,7 +121,7 @@ const shareManuscriptModalRef = ref(null);
 
 const getData = async () => {
   const { page, page_size } = pageInfo.value;
-  const { code, data } = await getWorkAuditsPage({
+  const { code, data } = await getWorkAuditsPageWriter({
     ...query.value,
     page,
     page_size,
@@ -155,10 +154,10 @@ const handleBatchCheck = () => {
     return;
   }
 
-  patchWorkAuditsBatchAudit({ ids: selectedRowKeys.value });
+  patchWorkAuditsBatchAuditWriter({ ids: selectedRowKeys.value });
 
-  slsWithCatch('manuscriptCheckIds', selectedRowKeys.value);
-  router.push({ name: 'ManuscriptCheck' });
+  slsWithCatch('writerManuscriptCheckIds', selectedRowKeys.value);
+  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
 };
 const handleBatchView = () => {
   if (!selectedRows.value.length) {
@@ -166,8 +165,8 @@ const handleBatchView = () => {
     return;
   }
 
-  slsWithCatch('manuscriptCheckIds', selectedRowKeys.value);
-  router.push({ name: 'ManuscriptCheck' });
+  slsWithCatch('writerManuscriptCheckIds', selectedRowKeys.value);
+  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
 };
 
 const handleTabClick = (key) => {
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue
index 235f796..a54389f 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue
@@ -29,6 +29,7 @@ import { useRouter } from 'vue-router';
 
 const emit = defineEmits(['selectCard']);
 const router = useRouter();
+const route = useRoute();
 const visible = ref(false);
 const action = ref('');
 const cardInfo = ref(null);
@@ -40,7 +41,7 @@ const onClose = () => {
 };
 const onConfirm = () => {
   if (action.value === 'exit') {
-    router.push({ name: 'ManuscriptCheckList' });
+    router.push({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
   } else {
     emit('selectCard', cardInfo.value);
   }
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
index f1b0bf8..396a150 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
@@ -24,12 +24,13 @@ import { ref } 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([]);
 
 const onClose = () => {
   if (workIds.value.length === 1) {
-    router.push({ name: 'ManuscriptCheckList' });
+    router.push({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
   }
   workIds.value = [];
   visible.value = false;
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
index f66a2e0..e210cf5 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
@@ -9,14 +9,13 @@ import CheckListDrawer from './components/check-list-drawer';
 import { slsWithCatch, rlsWithCatch, glsWithCatch } from '@/utils/stroage.ts';
 import useGetAiReviewResult from '@/hooks/useGetAiReviewResult.ts';
 import {
-  patchWorkAuditsAudit,
-  patchWorkAuditsBatchAudit,
-  putWorkAuditsUpdate,
-  putWorkAuditsAuditPass,
-  getWorkAuditsDetail,
-  getWorkAuditsBatchDetail,
-  postWorkAuditsAiReview,
-} from '@/api/all/generationWorkshop.ts';
+  getWorkAuditsBatchDetailWriter,
+  putWorkAuditsUpdateWriter,
+  postWorkAuditsAiReviewWriter,
+  getWorkAuditsAiReviewResultWriter,
+  putWorkAuditsAuditPassWriter,
+  postWorkAuditsAiReviewWriter,
+} from '@/api/all/generationWorkshop-writer.ts';
 
 export default {
   setup(props, { emit, expose }) {
@@ -38,13 +37,15 @@ export default {
 
     const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
       cardInfo: selectCardInfo,
+      startAiReviewFn: postWorkAuditsAiReviewWriter,
+      getAiReviewResultFn: getWorkAuditsAiReviewResultWriter,
       updateAiReview(ai_review) {
         selectCardInfo.value.ai_review = ai_review;
       },
     });
 
     const onBack = () => {
-      router.push({ name: 'ManuscriptCheckList' });
+      router.push({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
     };
 
     const onChangeCard = (item) => {
@@ -78,7 +79,7 @@ export default {
     };
 
     const getWorkAudits = async () => {
-      const { code, data } = await getWorkAuditsBatchDetail({ ids: workIds.value });
+      const { code, data } = await getWorkAuditsBatchDetailWriter({ ids: workIds.value });
       if (code === 200) {
         const _data = (data ?? []).map((item) => ({
           ...item,
@@ -124,7 +125,7 @@ export default {
       }
 
       contentCardRef.value?.validate().then(async () => {
-        const { code, data } = await putWorkAuditsUpdate(selectCardInfo.value);
+        const { code, data } = await putWorkAuditsUpdateWriter(selectCardInfo.value);
         if (code === 200) {
           isSaved.value = true;
           AMessage.success('当前内容稿件已保存');
@@ -139,7 +140,7 @@ export default {
         workIds.value = workIds.value.filter((v) => v != _id);
         dataSource.value = dataSource.value.filter((v) => v.id != _id);
 
-        slsWithCatch('manuscriptCheckIds', workIds.value.join(','));
+        slsWithCatch('writerManuscriptCheckIds', workIds.value.join(','));
         onChangeCard(dataSource.value.length ? dataSource.value[0] : {});
       }
     };
@@ -147,7 +148,7 @@ export default {
       contentCardRef.value?.validate().then(async () => {
         try {
           submitLoading.value = true;
-          const { code, data } = await putWorkAuditsAuditPass(selectCardInfo.value);
+          const { code, data } = await putWorkAuditsAuditPassWriter(selectCardInfo.value);
           if (code === 200) {
             onCheckSuccess();
           }
@@ -179,11 +180,11 @@ export default {
       );
     };
     onMounted(() => {
-      workIds.value = glsWithCatch('manuscriptCheckIds')?.split(',') ?? [];
+      workIds.value = glsWithCatch('writerManuscriptCheckIds')?.split(',') ?? [];
       getWorkAudits();
     });
     onUnmounted(() => {
-      rlsWithCatch('manuscriptCheckIds');
+      rlsWithCatch('writerManuscriptCheckIds');
     });
 
     return () => (
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts
deleted file mode 100644
index 19964f0..0000000
--- a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/constants.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export const INITIAL_FORM = {
-  audit_status: '',
-  sort_column: undefined,
-  sort_order: undefined,
-};
-
-export const TABLE_COLUMNS = [
-  {
-    title: '序号',
-    dataIndex: 'uid',
-    width: 120,
-    fixed: 'left',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '内容稿件标题',
-    dataIndex: 'title',
-    width: 220,
-  },
-  {
-    title: '审核状态',
-    dataIndex: 'audit_status',
-    width: 120,
-  },
-  {
-    title: '稿件类型',
-    dataIndex: 'type',
-    width: 120,
-  },
-  {
-    title: '最后修改时间',
-    dataIndex: 'last_modified_at',
-    width: 160,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-];
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue
deleted file mode 100644
index ffa1247..0000000
--- a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/index.vue
+++ /dev/null
@@ -1,293 +0,0 @@
-<script lang="jsx">
-import {
-  Input,
-  Table,
-  Modal,
-  TableColumn,
-  Checkbox,
-  Pagination,
-  Button,
-  Tooltip,
-  Notification,
-} from '@arco-design/web-vue';
-import CommonSelect from '@/components/common-select';
-import TextOverTips from '@/components/text-over-tips';
-import ShareModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal';
-
-import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
-import { formatTableField, exactFormatTime } from '@/utils/tools';
-import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
-import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
-import { getWorksPage, getWriterLinksGenerate } from '@/api/all/generationWorkshop.ts';
-
-import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';
-import icon3 from '@/assets/img/creative-generation-workshop/icon-video.png';
-
-export default {
-  setup(props, { emit, expose }) {
-    const {
-      selectedRowKeys,
-      selectedRows,
-      dataSource,
-      pageInfo,
-      onPageChange,
-      onPageSizeChange,
-      rowSelection,
-      handleSelect,
-      handleSelectAll,
-      DEFAULT_PAGE_INFO,
-    } = useTableSelectionWithPagination({
-      onPageChange: () => {
-        getData();
-      },
-      onPageSizeChange: () => {
-        getData();
-      },
-    });
-    const visible = ref(false);
-    const query = ref(cloneDeep(INITIAL_FORM));
-    const tableRef = ref(null);
-    const shareModalRef = ref(null);
-
-    const reset = () => {
-      query.value = cloneDeep(INITIAL_FORM);
-      pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
-      selectedRowKeys.value = [];
-      selectedRows.value = [];
-      dataSource.value = [];
-    };
-
-    const getData = async () => {
-      const { page, page_size } = pageInfo.value;
-      const { code, data } = await getWorksPage({
-        ...query.value,
-        page,
-        page_size,
-      });
-      if (code === 200) {
-        dataSource.value = data?.data ?? [];
-        pageInfo.value.total = data.total;
-      }
-    };
-    const handleSearch = (value) => {
-      query.value.audit_status = value;
-      reload();
-    };
-    const reload = () => {
-      pageInfo.value.page = 1;
-      getData();
-    };
-    const open = () => {
-      getData();
-      visible.value = true;
-    };
-    const onClose = () => {
-      visible.value = false;
-      reset();
-    };
-
-    const renderColumn = () => {
-      return TABLE_COLUMNS.map((column) => (
-        <TableColumn
-          key={column.dataIndex}
-          data-index={column.dataIndex}
-          fixed={column.fixed}
-          width={column.width}
-          min-width={column.minWidth}
-          sortable={column.sortable}
-          align={column.align}
-          ellipsis
-          tooltip
-          v-slots={{
-            title: () => (
-              <div class="flex items-center">
-                <span class="cts mr-4px">{column.title}</span>
-                {column.tooltip && (
-                  <Tooltip content={column.tooltip} position="top">
-                    <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
-                  </Tooltip>
-                )}
-              </div>
-            ),
-            cell: ({ record }) => renderCell(record),
-          }}
-        />
-      ));
-    };
-
-    const onShare = () => {
-      shareModalRef.value?.open(selectedRowKeys.value);
-    };
-    const handleSorterChange = (column, order) => {
-      query.value.sort_column = column;
-      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
-      reload();
-    };
-    const getStatusInfo = (audit_status) => {
-      return CHECK_STATUS.find((v) => v.id === audit_status) ?? {};
-    };
-    expose({
-      open,
-    });
-    return () => (
-      <>
-        <Modal
-          v-model:visible={visible.value}
-          title="分享内容稿件"
-          width="920px"
-          onClose={onClose}
-          unmount-on-close
-          modal-class="share-manuscript-modal"
-          v-slots={{
-            footer: () => (
-              <div class="flex justify-between w-full items-center">
-                <p class="cts color-#737478">
-                  已选择 <span class="cts color-#211F24 bold">{selectedRows.value.length}</span> 个
-                </p>
-                <div class="flex items-center">
-                  <Button size="medium" onClick={onClose}>
-                    取消
-                  </Button>
-                  <Button
-                    type="primary"
-                    class="ml-16px"
-                    size="medium"
-                    onClick={onShare}
-                    disabled={!selectedRows.value.length}
-                  >
-                    分享
-                  </Button>
-                </div>
-              </div>
-            ),
-          }}
-        >
-          <div class="flex flex-col h-100%">
-            <div class="filter-row-item mb-16px">
-              <span class="cts text-#211f24 !text-14px mr-12px">审核状态</span>
-              <CommonSelect
-                placeholder="全部"
-                options={CHECK_STATUS}
-                v-model={query.value.audit_status}
-                class="!w-200px"
-                multiple={false}
-                onChange={handleSearch}
-              />
-            </div>
-            <Table
-              ref={tableRef}
-              data={dataSource.value}
-              row-key="id"
-              column-resizable
-              row-selection={rowSelection.value}
-              selected-keys={selectedRowKeys.value}
-              pagination={false}
-              scroll={{ x: '100%', y: '100%' }}
-              class="overflow-hidden"
-              bordered
-              onSorterChange={handleSorterChange}
-              onSelect={handleSelect}
-              onSelectAll={handleSelectAll}
-              v-slots={{
-                empty: () => <NoData />,
-                columns: () => (
-                  <>
-                    {TABLE_COLUMNS.map((column) => (
-                      <TableColumn
-                        key={column.dataIndex}
-                        data-index={column.dataIndex}
-                        fixed={column.fixed}
-                        width={column.width}
-                        min-width={column.minWidth}
-                        sortable={column.sortable}
-                        align={column.align}
-                        ellipsis
-                        tooltip
-                        v-slots={{
-                          title: () => (
-                            <div class="flex items-center">
-                              <span class="cts mr-4px">{column.title}</span>
-                              {column.tooltip && (
-                                <Tooltip content={column.tooltip} position="top">
-                                  <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
-                                </Tooltip>
-                              )}
-                            </div>
-                          ),
-                          cell: ({ record }) => {
-                            if (column.dataIndex === 'audit_status') {
-                              return (
-                                <div
-                                  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 }}>
-                                    {getStatusInfo(record.audit_status).name}
-                                  </span>
-                                </div>
-                              );
-                            } else if (column.dataIndex === 'title') {
-                              return <TextOverTips context={record.title} />;
-                            } else if (column.dataIndex === 'type') {
-                              return (
-                                <div class="flex items-center">
-                                  <img
-                                    src={record.type === EnumManuscriptType.Image ? icon2 : icon3}
-                                    width="16"
-                                    height="16"
-                                    class="mr-4px"
-                                  />
-                                  <span
-                                    class="cts"
-                                    class={
-                                      record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
-                                    }
-                                  >
-                                    {record.type === EnumManuscriptType.Image ? '图文' : '视频'}
-                                  </span>
-                                </div>
-                              );
-                            } else if (column.dataIndex === 'last_modified_at') {
-                              return exactFormatTime(
-                                record.last_modified_at,
-                                'YYYY-MM-DD HH:mm:ss',
-                                'YYYY-MM-DD HH:mm:ss',
-                              );
-                            } else {
-                              return formatTableField(column, record, true);
-                            }
-                          },
-                        }}
-                      />
-                    ))}
-                  </>
-                ),
-              }}
-            />
-            {pageInfo.value.total > 0 && (
-              <div class="flex justify-end mt-16px">
-                <Pagination
-                  total={pageInfo.value.total}
-                  size="mini"
-                  show-total
-                  show-jumper
-                  show-page-size
-                  current={pageInfo.value.page}
-                  page-size={pageInfo.value.page_size}
-                  onChange={onPageChange}
-                  onPageSizeChange={onPageSizeChange}
-                />
-              </div>
-            )}
-          </div>
-        </Modal>
-        <ShareModal ref={shareModalRef} onClose={onClose} />
-      </>
-    );
-  },
-};
-</script>
-
-<style lang="scss">
-@import './style.scss';
-</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue
deleted file mode 100644
index c40662c..0000000
--- a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/share-modal.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<script lang="jsx">
-import { Modal, Form, FormItem, Input, Button, Message as AMessage } from '@arco-design/web-vue';
-import CommonSelect from '@/components/common-select';
-
-import { useClipboard } from '@vueuse/core';
-import { postShareLinksGenerate } from '@/api/all/generationWorkshop';
-import { generateFullUrl } from '@/utils/tools';
-
-const INITIAL_FORM = {
-  work_ids: [],
-  days: 1,
-  receiver: '',
-};
-const OPTIONS = [
-  {
-    id: 1,
-    name: '1天',
-  },
-  {
-    id: 2,
-    name: '3天',
-  },
-  {
-    id: 3,
-    name: '7天',
-  },
-  {
-    id: 4,
-    name: '15天',
-  },
-  {
-    id: 5,
-    name: '30天',
-  },
-  {
-    id: 6,
-    name: '60天',
-  },
-];
-
-export default {
-  emits: ['close'],
-  setup(props, { emit, expose }) {
-    const visible = ref(false);
-    const formRef = ref(null);
-    const formData = ref(cloneDeep(INITIAL_FORM));
-    const loading = ref(false);
-    const router = useRouter();
-
-    const { copy } = useClipboard({ source: formData.value.link });
-    const rules = {
-      receiver: [{ required: true, message: '请输入分享对象' }],
-    };
-
-    const reset = () => {
-      loading.value = false;
-      formData.value = cloneDeep(INITIAL_FORM);
-      formRef.value?.resetFields?.();
-      formRef.value?.clearValidate?.();
-    };
-
-    const onClose = () => {
-      visible.value = false;
-      reset();
-    };
-
-    const onGenerateLink = () => {
-      formRef.value.validate().then(async (errors) => {
-        if (!errors) {
-          try {
-            loading.value = true;
-            const { code, data } = await postShareLinksGenerate(formData.value);
-            if (code === 200) {
-              onClose();
-
-              const url = router.resolve({
-                path: `/explore/list/${data.code}`,
-              }).href;
-              copy(generateFullUrl(url));
-              AMessage.success('复制成功！');
-              emit('close');
-            }
-          } finally {
-            loading.value = false;
-          }
-        }
-      });
-    };
-    const open = (workIds) => {
-      formData.value.work_ids = workIds;
-      visible.value = true;
-    };
-
-    expose({
-      open,
-    });
-    return () => (
-      <Modal
-        v-model:visible={visible.value}
-        title="分享内容稿件"
-        width="480px"
-        onClose={onClose}
-        unmount-on-close
-        v-slots={{
-          footer: () => (
-            <>
-              <Button size="medium" onClick={onClose}>
-                取消
-              </Button>
-              <Button type="primary" class="ml-16px" size="medium" onClick={onGenerateLink} disabled={loading.value}>
-                {loading.value ? '生成中...' : '生成链接'}
-              </Button>
-            </>
-          ),
-        }}
-      >
-        <Form ref={formRef} rules={rules} model={formData.value} auto-label-width>
-          <FormItem label="有效期" prop="days">
-            <CommonSelect
-              v-model={formData.value.days}
-              options={OPTIONS}
-              multiple={false}
-              placeholder="请选择有效期"
-              size="large"
-              class="!w-240px"
-              allClear={false}
-            />
-          </FormItem>
-          <FormItem label="分享对象" prop="receiver" required>
-            <Input v-model={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
-          </FormItem>
-        </Form>
-      </Modal>
-    );
-  },
-};
-</script>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss
deleted file mode 100644
index d3dc205..0000000
--- a/src/views/creative-generation-workshop/manuscript-writer/components/share-manuscript-modal/style.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-.share-manuscript-modal {
-  .cts {
-    font-family: $font-family-regular;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    &.bold {
-        font-family: $font-family-medium;
-    }
-  }
-  .filter-row-item {
-    .label {
-      color: var(--Text-1, #211f24);
-      font-size: 14px;
-    }
-  }
-  .arco-modal-body {
-    height: 464px;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    .arco-scrollbar-track {
-      display: none !important;
-    }
-  }
-}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
index c149ae5..3790d65 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
@@ -3,16 +3,16 @@ 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 { getWorksDetail } from '@/api/all/generationWorkshop';
+import { getWorksDetailWriter } from '@/api/all/generationWorkshop-writer.ts';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
 import { slsWithCatch } from '@/utils/stroage.ts';
 
 const DEFAULT_SOURCE_INFO = {
   title: '内容稿件列表',
-  routeName: 'ManuscriptList',
+  routePath: '/writer/manuscript/list',
 };
-const SOURCE_MAP = new Map([['check', { title: '内容稿件审核', routeName: 'ManuscriptCheckList' }]]);
+const SOURCE_MAP = new Map([['check', { title: '内容稿件审核', routePath: '/writer/manuscript/check-list' }]]);
 
 export default {
   setup(props, { emit, expose }) {
@@ -35,7 +35,7 @@ export default {
     const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
 
     const onBack = () => {
-      router.push({ name: sourceInfo.value.routeName });
+      router.push({ path: `${sourceInfo.value.routePath}/${route.params.writerCode}` });
     };
 
     const initData = () => {
@@ -52,7 +52,7 @@ export default {
     const getData = async () => {
       try {
         loading.value = true;
-        const { code, data } = await getWorksDetail(workId.value);
+        const { code, data } = await getWorksDetailWriter(workId.value);
         if (code === 200) {
           dataSource.value = data;
           initData();
@@ -111,8 +111,8 @@ export default {
         if (isPassed) {
           console.log('审核详情');
         } else {
-          slsWithCatch('manuscriptCheckIds', [workId.value]);
-          router.push({ name: 'ManuscriptCheck' });
+          slsWithCatch('writerManuscriptCheckIds', [workId.value]);
+          router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
         }
       };
 
@@ -125,7 +125,7 @@ export default {
             size="medium"
             type="outline"
             class="mr-12px"
-            onClick={() => router.push(`/manuscript/edit/${workId.value}`)}
+            onClick={() => router.push(`/writer/manuscript/edit/${route.params.writerCode}/${workId.value}`)}
           >
             编辑
           </Button>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue
index 7aff674..754b24c 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue
@@ -16,6 +16,7 @@ import { ref } from 'vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const router = useRouter();
+const route = useRoute();
 const visible = ref(false);
 
 const onClose = () => {
@@ -23,7 +24,7 @@ const onClose = () => {
 };
 const onConfirm = () => {
   onClose();
-  router.push({ name: 'ManuscriptList' });
+  router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
 };
 
 const open = () => {
diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
index ae2abdb..71f30d5 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
@@ -2,7 +2,8 @@
 import { Button, Message as AMessage } from '@arco-design/web-vue';
 import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form';
 import CancelEditModal from './cancel-edit-modal.vue';
-import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop';
+import { getWorksDetailWriter, putWorksUpdateWriter } from '@/api/all/generationWorkshop-writer.ts';
+
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
 import { slsWithCatch } from '@/utils/stroage.ts';
@@ -40,14 +41,14 @@ export default {
         }
 
         const filteredWorks = omit(dataSource.value, 'videoInfo');
-        const { code, data } = await putWorksUpdate({ id: workId.value, ...filteredWorks });
+        const { code, data } = await putWorksUpdateWriter({ id: workId.value, ...filteredWorks });
         if (code === 200) {
           AMessage.success('保存成功');
           isSaved.value = true;
 
           if (check) {
-            slsWithCatch('manuscriptCheckIds', [workId.value]);
-            router.push({ name: 'ManuscriptCheck' });
+            slsWithCatch('writerManuscriptCheckIds', [workId.value]);
+            router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
           } else {
             onBack();
           }
@@ -55,7 +56,7 @@ export default {
       });
     };
     const getData = async () => {
-      const { code, data } = await getWorksDetail(workId.value);
+      const { code, data } = await getWorksDetailWriter(workId.value);
       if (code === 200) {
         const { type, files } = data;
         const _data = { ...data, videoInfo: cloneDeep(INITIAL_VIDEO_INFO) };
@@ -81,7 +82,7 @@ export default {
       dataSource.value.videoInfo = { ...dataSource.value.videoInfo, ...newVideoInfo };
     };
     const onBack = () => {
-      router.push({ name: 'ManuscriptList' });
+      router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
     };
     onMounted(() => {
       workId && getData();
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts
index 5199e88..6b1a059 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/constants.ts
@@ -41,11 +41,11 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '上传人员',
-    dataIndex: 'uploader',
-    width: 180,
-  },
+  // {
+  //   title: '上传人员',
+  //   dataIndex: 'uploader',
+  //   width: 180,
+  // },
   {
     title: '最后修改时间',
     dataIndex: 'last_modified_at',
@@ -54,11 +54,11 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '最后修改人员',
-    dataIndex: 'last_modifier',
-    width: 180,
-  },
+  // {
+  //   title: '最后修改人员',
+  //   dataIndex: 'last_modifier',
+  //   width: 180,
+  // },
   {
     title: '操作',
     dataIndex: 'operation',
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
index ef68bd5..223dc10 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -20,7 +20,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import { deleteWork } from '@/api/all/generationWorkshop';
+import { deleteWorkWriter } from '@/api/all/generationWorkshop-writer.ts';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const update = inject('update');
@@ -46,7 +46,7 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const { code } = await deleteWork(projectId.value);
+  const { code } = await deleteWorkWriter(projectId.value);
   if (code === 200) {
     AMessage.success('删除成功');
     update()
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
index feb9347..d791b49 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
@@ -116,6 +116,7 @@ const props = defineProps({
 });
 
 const tableRef = ref(null);
+const route = useRoute();
 
 const handleSorterChange = (column, order) => {
   emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
@@ -124,10 +125,10 @@ const onDelete = (item) => {
   emits('delete', item);
 };
 const onEdit = (item) => {
-  router.push(`/manuscript/edit/${item.id}`);
+  router.push(`/writer/manuscript/edit/${route.params.writerCode}/${item.id}`);
 };
 const onDetail = (item) => {
-  router.push(`/manuscript/detail/${item.id}`);
+  router.push(`/writer/manuscript/detail/${route.params.writerCode}/${item.id}`);
 };
 
 const getStatusInfo = (audit_status) => {
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
index 2f7a4e8..855e5f9 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
@@ -11,9 +11,7 @@ import {
   Message as AMessage,
   Textarea,
 } from '@arco-design/web-vue';
-import { useClipboard } from '@vueuse/core';
-import { getWriterLinksGenerate, getTemplateUrl, postWorksByLink, postWorksByFile } from '@/api/all/generationWorkshop';
-import { generateFullUrl } from '@/utils/tools';
+import { getTemplateUrlWriter, postWorksByLinkWriter, postWorksByFileWriter } from '@/api/all/generationWorkshop-writer.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
@@ -29,7 +27,6 @@ const TASK_STATUS = {
 const UPLOAD_TYPE = {
   LINK: 'link',
   LOCAL: 'local',
-  HANDWRITE: 'handwrite',
 };
 
 // 初始表单数据
@@ -52,11 +49,9 @@ export default {
     const works = ref([]);
 
     // 剪贴板功能
-    const { copy } = useClipboard({ source: form.value.writerLink });
 
     const isLink = computed(() => uploadType.value === UPLOAD_TYPE.LINK);
     const isLocal = computed(() => uploadType.value === UPLOAD_TYPE.LOCAL);
-    const isHandwrite = computed(() => uploadType.value === UPLOAD_TYPE.HANDWRITE);
     const isDefault = computed(() => taskStatus.value === TASK_STATUS.DEFAULT);
 
     // 模态框标题
@@ -79,19 +74,7 @@ export default {
       works.value = [];
     };
 
-    const getWriterLink = async () => {
-      const { code, data } = await getWriterLinksGenerate();
-      if (code === 200) {
-        const url = router.resolve({
-          path: `/writer/manuscript/list/${data.code}`,
-        }).href;
-        form.value.writerLink = generateFullUrl(url);
-        console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
-      }
-    };
-
     const open = () => {
-      getWriterLink();
       visible.value = true;
     };
 
@@ -102,15 +85,11 @@ export default {
 
     // 防抖提交
     const debouncedSubmit = debounce(async () => {
-      if (isHandwrite.value) {
-        handleHandwriteSubmit();
-        return;
-      }
       formRef.value?.validate(async (errors) => {
         if (!errors) {
           taskStatus.value = TASK_STATUS.LOADING;
           const { link } = form.value;
-          const { code, data } = await postWorksByLink({ link });
+          const { code, data } = await postWorksByLinkWriter({ link });
           if (code === 200) {
             taskStatus.value = TASK_STATUS.SUCCESS;
             works.value = data;
@@ -124,18 +103,6 @@ export default {
       debouncedSubmit();
     };
 
-    // 手写提交处理
-    const handleHandwriteSubmit = () => {
-      if (!form.value.writerLink) {
-        AMessage.warning('请输入上传链接！');
-        return;
-      }
-
-      copy(form.value.writerLink);
-      AMessage.success('复制成功！');
-      onClose();
-    };
-
     // 取消上传
     const onCancelUpload = () => {
       taskStatus.value = TASK_STATUS.DEFAULT;
@@ -153,7 +120,7 @@ export default {
 
         const formData = new FormData();
         formData.append('file', file);
-        const { code, data } = await postWorksByFile(formData, {
+        const { code, data } = await postWorksByFileWriter(formData, {
           headers: {
             'Content-Type': 'multipart/form-data',
           },
@@ -169,7 +136,7 @@ export default {
 
     // 跳转编辑
     const goUpload = () => {
-      router.push(`/manuscript/upload/1`);
+      router.push(`/writer/manuscript/upload/${route.params.writerCode}/1`);
       onClose();
     };
 
@@ -181,16 +148,13 @@ export default {
 
     // 上传方式切换
     const onUploadTypeChange = (val) => {
-      if (val === UPLOAD_TYPE.HANDWRITE) {
-        getWriterLink();
-      }
-      // uploadType.value = val;
-      // formRef.value?.clearValidate?.();
+      uploadType.value = val;
+      formRef.value?.clearValidate?.();
     };
 
     // 下载模板
     const handleDownloadTemplate = async () => {
-      const { code, data } = await getTemplateUrl();
+      const { code, data } = await getTemplateUrlWriter();
       if (code === 200) {
         window.open(data.download_url, '_blank');
       }
@@ -208,13 +172,6 @@ export default {
       </FormItem>
     );
 
-    // 渲染手写上传表单
-    const renderHandwriteForm = () => (
-      <FormItem label="上传链接" field="writerLink">
-        <Input v-model={form.value.writerLink} placeholder="请输入上传链接" disabled size="large" />
-      </FormItem>
-    );
-
     // 渲染本地上传表单
     const renderLocalForm = () => (
       <FormItem label="内容稿件">
@@ -290,7 +247,6 @@ export default {
         [TASK_STATUS.DEFAULT]: () => {
           const formMap = {
             [UPLOAD_TYPE.LINK]: renderLinkForm,
-            [UPLOAD_TYPE.HANDWRITE]: renderHandwriteForm,
             [UPLOAD_TYPE.LOCAL]: renderLocalForm,
           };
           return formMap[uploadType.value]?.();
@@ -317,7 +273,7 @@ export default {
               取消
             </Button>
             <Button type="primary" size="medium" onClick={onSubmit}>
-              {isHandwrite.value ? '复制链接' : '确认'}
+              确认
             </Button>
           </>
         ),
@@ -374,9 +330,8 @@ export default {
           {isDefault.value && (
             <FormItem label="上传方式">
               <RadioGroup v-model={uploadType.value} onChange={onUploadTypeChange}>
-                <Radio value={UPLOAD_TYPE.LINK}>链接上传</Radio>
+                <Radio value={UPLOAD_TYPE.LINK}>外部链接上传</Radio>
                 <Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
-                <Radio value={UPLOAD_TYPE.HANDWRITE}>写手上传</Radio>
               </RadioGroup>
             </FormItem>
           )}
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
index 457862e..30b73ee 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
@@ -4,9 +4,6 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">内容稿件列表</p>
         <div class="flex items-center">
-          <a-button type="outline" size="medium" class="mr-12px" @click="handleShareModal">
-            分享内容稿件
-          </a-button>
           <a-button type="primary" size="medium" @click="openUploadModal">
             <template #icon>
               <icon-plus size="16" />
@@ -38,7 +35,6 @@
 
     <DeleteManuscriptModal ref="deleteManuscriptModalRef" />
     <UploadManuscriptModal ref="uploadManuscriptModalRef" />
-    <ShareManuscriptModal ref="shareManuscriptModalRef" />
   </div>
 </template>
 <script lang="jsx" setup>
@@ -48,10 +44,9 @@ import FilterBlock from './components/filter-block';
 import ManuscriptTable from './components/manuscript-table';
 import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
 import UploadManuscriptModal from './components/upload-manuscript-modal';
-import ShareManuscriptModal from '@/views/creative-generation-workshop/manuscript/components/share-manuscript-modal';
 
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
-import { getWorksPage } from '@/api/all/generationWorkshop.ts';
+import { getWorksPageWriter } from '@/api/all/generationWorkshop-writer.ts';
 import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
 
 const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
@@ -66,11 +61,10 @@ const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
 const uploadManuscriptModalRef = ref(null);
-const shareManuscriptModalRef = ref(null);
 
 const getData = async () => {
   const { page, page_size } = pageInfo.value;
-  const { code, data } = await getWorksPage({
+  const { code, data } = await getWorksPageWriter({
     ...query.value,
     page,
     page_size,
@@ -98,9 +92,6 @@ const handleSorterChange = (column, order) => {
   reload();
 };
 
-const handleShareModal = () => {
-  shareManuscriptModalRef.value.open()
-};
 const openUploadModal = () => {
   uploadManuscriptModalRef.value?.open();
 };
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue
index 358e4c4..3f847d9 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue
@@ -16,6 +16,7 @@ import { ref } from 'vue';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const router = useRouter();
+const route = useRoute();
 const visible = ref(false);
 const num = ref('');
 
@@ -25,7 +26,7 @@ const onClose = () => {
 };
 const onConfirm = () => {
   onClose();
-  router.push({ name: 'ManuscriptList' });
+  router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
 };
 
 const open = (manusNum) => {
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
index 75db523..b444943 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
@@ -6,7 +6,7 @@ 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 { postWorksBatch } from '@/api/all/generationWorkshop.ts';
+import { postWorksBatchWriter } from '@/api/all/generationWorkshop-writer.ts';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
@@ -75,13 +75,13 @@ export default {
     const onSubmit = async (check) => {
       uploadLoading.value = true;
       const filteredWorks = map(works.value, (work) => omit(work, 'videoInfo'));
-      const { code, data } = await postWorksBatch({ works: filteredWorks });
+      const { code, data } = await postWorksBatchWriter({ works: filteredWorks });
       if (code === 200) {
         uploadLoading.value = false;
         if (check) {
           uploadSuccessModal.value?.open(workId);
         } else {
-          router.push({ name: 'ManuscriptList' });
+          router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
         }
       }
     };
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
index b92cfd6..1f90e49 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
@@ -19,6 +19,7 @@ import { slsWithCatch } from '@/utils/stroage.ts';
 import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
+const route = useRoute();
 const visible = ref(false);
 const workId = ref('');
 
@@ -29,16 +30,15 @@ const onClose = () => {
 
 const onBack = () => {
   onClose();
-  router.push({ name: 'ManuscriptList' });
+  router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
 };
 const onConfirm = () => {
   visible.value = false;
-  slsWithCatch('manuscriptCheckIds', [workId.value]);
-  router.push({ name: 'ManuscriptCheck' });
+  slsWithCatch('writerManuscriptCheckIds', [workId.value]);
+  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
 };
 
 const open = (id) => {
-  console.log({ id });
   workId.value = id;
 
   visible.value = true;
diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue
index f66a2e0..30f5eba 100644
--- a/src/views/creative-generation-workshop/manuscript/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -16,8 +16,10 @@ import {
   getWorkAuditsDetail,
   getWorkAuditsBatchDetail,
   postWorkAuditsAiReview,
+  getWorkAuditsAiReviewResult,
 } from '@/api/all/generationWorkshop.ts';
 
+
 export default {
   setup(props, { emit, expose }) {
     const router = useRouter();
@@ -38,6 +40,8 @@ export default {
 
     const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
       cardInfo: selectCardInfo,
+      startAiReviewFn: postWorkAuditsAiReview,
+      getAiReviewResultFn: getWorkAuditsAiReviewResult,
       updateAiReview(ai_review) {
         selectCardInfo.value.ai_review = ai_review;
       },

From ab87185a861048df93848272b07450fb7f148c59 Mon Sep 17 00:00:00 2001
From: renxiaodong <1344903914@qq.com>
Date: Mon, 11 Aug 2025 22:05:48 +0800
Subject: [PATCH 53/64] =?UTF-8?q?feat:=20=E4=B8=8A=E4=BC=A0=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pnpm-lock.yaml                                | 5778 ++++++++++++++++-
 .../modules/creativeGenerationWorkshop.ts     |    2 +-
 .../routes/modules/manuscript-writer.ts       |    2 +-
 .../check/components/content-card/index.vue   |    5 +-
 .../upload-manuscript-modal/index.vue         |    7 +-
 .../manuscript-writer/upload/index.vue        |   55 +-
 .../check/components/content-card/index.vue   |    4 +-
 .../share-manuscript-modal/share-modal.vue    |    2 +-
 .../upload-manuscript-modal/index.vue         |   42 +-
 .../manuscript/upload/index.vue               |   84 +-
 10 files changed, 5907 insertions(+), 74 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57eb888..011eab1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,6 +29,15 @@ importers:
       echarts:
         specifier: ^5.6.0
         version: 5.6.0
+      element-resize-detector:
+        specifier: ^1.2.4
+        version: 1.2.4
+      html2canvas:
+        specifier: ^1.4.1
+        version: 1.4.1
+      jspdf:
+        specifier: ^3.0.1
+        version: 3.0.1
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
@@ -47,6 +56,9 @@ importers:
       swiper:
         specifier: ^11.2.8
         version: 11.2.8
+      update:
+        specifier: ^0.7.4
+        version: 0.7.4
       vue:
         specifier: ^3.2.45
         version: 3.2.45
@@ -168,6 +180,9 @@ importers:
       vite-plugin-progress:
         specifier: ^0.0.6
         version: 0.0.6(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
+      vite-plugin-svg-icons:
+        specifier: ^2.0.1
+        version: 2.0.1(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
       vue-eslint-parser:
         specifier: ^9.1.0
         version: 9.1.0(eslint@8.33.0)
@@ -341,6 +356,10 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
+  '@babel/runtime@7.28.2':
+    resolution: {integrity: sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/standalone@7.20.14':
     resolution: {integrity: sha512-zxdQD6+eMQumJFPOLpOZE34JAAGrZPMXCKvHR7Mtat/l+nHDOxlit5u85HDk5WkBXmvN5PhUMeimiC95KXD9+A==}
     engines: {node: '>=6.9.0'}
@@ -668,6 +687,10 @@ packages:
   '@rushstack/eslint-patch@1.2.0':
     resolution: {integrity: sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==}
 
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
   '@types/estree@1.0.0':
     resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==}
 
@@ -686,12 +709,21 @@ packages:
   '@types/nprogress@0.2.3':
     resolution: {integrity: sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==}
 
+  '@types/raf@3.4.3':
+    resolution: {integrity: sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==}
+
   '@types/semver@7.3.13':
     resolution: {integrity: sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==}
 
   '@types/sortablejs@1.15.8':
     resolution: {integrity: sha512-b79830lW+RZfwaztgs1aVPgbasJ8e7AXtZYHTELNXZPsERt4ymJdjV4OccDbHQAvHrCcFpbF78jkm0R6h/pZVg==}
 
+  '@types/svgo@2.6.4':
+    resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
   '@types/web-bluetooth@0.0.16':
     resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
 
@@ -987,10 +1019,114 @@ packages:
     resolution: {integrity: sha512-TzFXgGlw81sy2JvcCveSYsa2b2+6kv+HA6WTc+cXg6bu8nUAmVPfncRGbn3x2getSOniOFA+TyGy3V4l3Fks+Q==}
     engines: {node: '>=8'}
 
+  align-text@0.1.4:
+    resolution: {integrity: sha512-GrTZLRpmp6wIC2ztrWW9MjjTgSKccffgFagbNDOX95/dcjEcYZibYTeaOntySQLcdw1ztBoFkviiUvTMbb9MYg==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bgblack@0.1.1:
+    resolution: {integrity: sha512-tp8M/NCmSr6/skdteeo9UgJ2G1rG88X3ZVNZWXUxFw4Wh0PAGaAAWQS61sfBt/1QNcwMTY3EBKOMPujwioJLaw==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bgblue@0.1.1:
+    resolution: {integrity: sha512-R8JmX2Xv3+ichUQE99oL+LvjsyK+CDWo/BtVb4QUz3hOfmf2bdEmiDot3fQcpn2WAHW3toSRdjSLm6bgtWRDlA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bgcyan@0.1.1:
+    resolution: {integrity: sha512-6SByK9q2H978bmqzuzA5NPT1lRDXl3ODLz/DjC4URO5f/HqK7dnRKfoO/xQLx/makOz7zWIbRf6+Uf7bmaPSkQ==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bggreen@0.1.1:
+    resolution: {integrity: sha512-8TRtOKmIPOuxjpklrkhUbqD2NnVb4WZQuIjXrT+TGKFKzl7NrL7wuNvEap3leMt2kQaCngIN1ZzazSbJNzF+Aw==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bgmagenta@0.1.1:
+    resolution: {integrity: sha512-UZYhobiGAlV4NiwOlKAKbkCyxOl1PPZNvdIdl/Ce5by45vwiyNdBetwHk/AjIpo1Ji9z+eE29PUBAjjfVmz5SA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bgred@0.1.1:
+    resolution: {integrity: sha512-BpPHMnYmRBhcjY5knRWKjQmPDPvYU7wrgBSW34xj7JCH9+a/SEIV7+oSYVOgMFopRIadOz9Qm4zIy+mEBvUOPA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bgwhite@0.1.1:
+    resolution: {integrity: sha512-KIF19t+HOYOorUnHTOhZpeZ3bJsjzStBG2hSGM0WZ8YQQe4c7lj9CtwnucscJDPrNwfdz6GBF+pFkVfvHBq6uw==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bgyellow@0.1.1:
+    resolution: {integrity: sha512-WyRoOFSIvOeM7e7YdlSjfAV82Z6K1+VUVbygIQ7C/VGzWYuO/d30F0PG7oXeo4uSvSywR0ozixDQvtXJEorq4Q==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-black@0.1.1:
+    resolution: {integrity: sha512-hl7re02lWus7lFOUG6zexhoF5gssAfG5whyr/fOWK9hxNjUFLTjhbU/b4UHWOh2dbJu9/STSUv+80uWYzYkbTQ==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-blue@0.1.1:
+    resolution: {integrity: sha512-8Um59dYNDdQyoczlf49RgWLzYgC2H/28W3JAIyOAU/+WkMcfZmaznm+0i1ikrE0jME6Ypk9CJ9CY2+vxbPs7Fg==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-bold@0.1.1:
+    resolution: {integrity: sha512-wWKwcViX1E28U6FohtWOP4sHFyArELHJ2p7+3BzbibqJiuISeskq6t7JnrLisUngMF5zMhgmXVw8Equjzz9OlA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-colors@0.1.0:
+    resolution: {integrity: sha512-nUNbMZLDr1YQaPdMC2lREJXKttoaHwICajt9x40Js/POX7gNv7OK/VbC9ciJaIFshg9Xol+1GclqfY14UW+0ZA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-colors@0.2.0:
+    resolution: {integrity: sha512-ScRNUT0TovnYw6+Xo3iKh6G+VXDw2Ds7ZRnMIuKBgHY02DgvT2T2K22/tc/916Fi0W/5Z1RzDaHQwnp75hqdbA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-cyan@0.1.1:
+    resolution: {integrity: sha512-eCjan3AVo/SxZ0/MyIYRtkpxIu/H3xZN7URr1vXVrISxeyz8fUFz0FJziamK4sS8I+t35y4rHg1b2PklyBe/7A==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-dim@0.1.1:
+    resolution: {integrity: sha512-zAfb1fokXsq4BoZBkL0eK+6MfFctbzX3R4UMcoWrL1n2WHewFKentTvOZv2P11u6P4NtW/V47hVjaN7fJiefOg==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-escapes@1.4.0:
+    resolution: {integrity: sha512-wiXutNjDUlNEDWHcYH3jtZUhd3c4/VojassD8zHdHCY13xbZy2XbW+NKQwA0tWGBVzDA9qEzYwfoSsWmviidhw==}
+    engines: {node: '>=0.10.0'}
+
   ansi-escapes@4.3.2:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
     engines: {node: '>=8'}
 
+  ansi-gray@0.1.1:
+    resolution: {integrity: sha512-HrgGIZUl8h2EHuZaU9hTR/cU5nhKxpVE1V6kdGsQ8e4zirElJ5fvtfc8N7Q1oq1aatO275i8pUFUCpNWCAnVWw==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-green@0.1.1:
+    resolution: {integrity: sha512-WJ70OI4jCaMy52vGa/ypFSKFb/TrYNPaQ2xco5nUwE0C5H8piume/uAZNNdXXiMQ6DbRmiE7l8oNBHu05ZKkrw==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-grey@0.1.1:
+    resolution: {integrity: sha512-+J1nM4lC+whSvf3T4jsp1KR+C63lypb+VkkwtLQMc1Dlt+nOvdZpFT0wwFTYoSlSwCcLUAaOpHF6kPkYpSa24A==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-hidden@0.1.1:
+    resolution: {integrity: sha512-8gB1bo9ym9qZ/Obvrse1flRsfp2RE+40B23DhQcKxY+GSeaOJblLnzBOxzvmLTWbi5jNON3as7wd9rC0fNK73Q==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-inverse@0.1.1:
+    resolution: {integrity: sha512-Kq8Z0dBRhQhDMN/Rso1Nu9niwiTsRkJncfJZXiyj7ApbfJrGrrubHXqXI37feJZkYcIx6SlTBdNCeK0OQ6X6ag==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-italic@0.1.1:
+    resolution: {integrity: sha512-jreCxifSAqbaBvcibeQxcwhQDbEj7gF69XnpA6x83qbECEBaRBD1epqskrmov1z4B+zzQuEdwbWxgzvhKa+PkA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-magenta@0.1.1:
+    resolution: {integrity: sha512-A1Giu+HRwyWuiXKyXPw2AhG1yWZjNHWO+5mpt+P+VWYkmGRpLPry0O5gmlJQEvpjNpl4RjFV7DJQ4iozWOmkbQ==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-red@0.1.1:
+    resolution: {integrity: sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-regex@2.1.1:
+    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
+    engines: {node: '>=0.10.0'}
+
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -999,6 +1135,18 @@ packages:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
 
+  ansi-reset@0.1.1:
+    resolution: {integrity: sha512-n+D0qD3B+h/lP0dSwXX1SZMoXufdUVotLMwUuvXa50LtBAh3f+WV8b5nFMfLL/hgoPBUt+rG/pqqzF8krlZKcw==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-strikethrough@0.1.1:
+    resolution: {integrity: sha512-gWkLPDvHH2pC9YEKqp8dIl0mg3sRglMPvioqGDIOXiwxjxUwIJ1gF86E2o4R5yLNh8IAkwHbaMtASkJfkQ2hIA==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-styles@2.2.1:
+    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
+    engines: {node: '>=0.10.0'}
+
   ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -1011,6 +1159,22 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
+  ansi-underline@0.1.1:
+    resolution: {integrity: sha512-D+Bzwio/0/a0Fu5vJzrIT6bFk43TW46vXfSvzysOTEHcXOAUJTVMHWDbELIzGU4AVxVw2rCTb7YyWS4my2cSKQ==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-white@0.1.1:
+    resolution: {integrity: sha512-DJHaF2SRzBb9wZBgqIJNjjTa7JUJTO98sHeTS1sDopyKKRopL1KpaJ20R6W2f/ZGras8bYyIZDtNwYOVXNgNFg==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-wrap@0.1.0:
+    resolution: {integrity: sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==}
+    engines: {node: '>=0.10.0'}
+
+  ansi-yellow@0.1.1:
+    resolution: {integrity: sha512-6E3D4BQLXHLl3c/NwirWVZ+BCkMq2qsYxdeAGGOijKrx09FaqU+HktFL6QwAwNvgJiMLnv6AQ2C1gFZx0h1CBg==}
+    engines: {node: '>=0.10.0'}
+
   any-promise@1.3.0:
     resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
 
@@ -1018,13 +1182,100 @@ packages:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  arr-diff@2.0.0:
+    resolution: {integrity: sha512-dtXTVMkh6VkEEA7OhXnN1Ecb8aAGFdZ1LFxtOCoqj4qkyOJMt7+qs6Ahdy6p/NQCPYsRSXXivhSB/J5E9jmYKA==}
+    engines: {node: '>=0.10.0'}
+
+  arr-diff@4.0.0:
+    resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
+    engines: {node: '>=0.10.0'}
+
+  arr-flatten@1.1.0:
+    resolution: {integrity: sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==}
+    engines: {node: '>=0.10.0'}
+
+  arr-map@2.0.2:
+    resolution: {integrity: sha512-tVqVTHt+Q5Xb09qRkbu+DidW1yYzz5izWS2Xm2yFm7qJnmUfz4HPzNxbHkdRJbz2lrqI7S+z17xNYdFcBBO8Hw==}
+    engines: {node: '>=0.10.0'}
+
+  arr-pluck@0.1.0:
+    resolution: {integrity: sha512-r+XGzphTuhTu//mwL9wIjXawJCiKkZqUDgJsUxzq+YGiYb4Gg9+GuIVorvSo7halsbEiDj5D34cquiHj7jTvgg==}
+    engines: {node: '>=0.10.0'}
+
+  arr-union@3.1.0:
+    resolution: {integrity: sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==}
+    engines: {node: '>=0.10.0'}
+
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
+    engines: {node: '>= 0.4'}
+
+  array-sort@0.1.4:
+    resolution: {integrity: sha512-BNcM+RXxndPxiZ2rd76k6nyQLRZr2/B/sdi8pQ+Joafr5AH279L40dfokSUTp8O+AaqYjXWhblBWa2st2nc4fQ==}
+    engines: {node: '>=0.10.0'}
+
   array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
+  array-unique@0.2.1:
+    resolution: {integrity: sha512-G2n5bG5fSUCpnsXz4+8FUkYsGPkNfLn9YvS66U5qbTIXI2Ynnlo4Bi42bWv+omKUCqz+ejzfClwne0alJWJPhg==}
+    engines: {node: '>=0.10.0'}
+
+  array-unique@0.3.2:
+    resolution: {integrity: sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==}
+    engines: {node: '>=0.10.0'}
+
+  arraybuffer.prototype.slice@1.0.4:
+    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
+    engines: {node: '>= 0.4'}
+
+  arrayify-compact@0.2.0:
+    resolution: {integrity: sha512-uCIqMaBeu+onuiFS1kB2raQYLETAAeWwAGwrZs7soA1nu4TuHfejWJMoFL06SvWHZAxmOCN7UDzcBjUZ6Y6s6Q==}
+    engines: {node: '>=0.10.0'}
+
+  assemble-core@0.25.0:
+    resolution: {integrity: sha512-5vS/XZK0ke3gIHoKTyl88brqOR9zw3niz5jJHrEgrDLlZGEri4a1Wr4badallKCx4M4/TWG12GT/O5wABZjaVA==}
+    engines: {node: '>=4.0'}
+
+  assemble-fs@0.6.0:
+    resolution: {integrity: sha512-vp9szLsFTz0NFa7aiCBZ4JJZPsRRjLB7ftj3anSm/apE+DJ8d1s7kaVFHpxc2LCrEVIGMc1ALLyfRYJDwtzfaw==}
+    engines: {node: '>=0.10.0'}
+
+  assemble-handle@0.1.4:
+    resolution: {integrity: sha512-7O1lbkR2fMqsGwrtGzHraLQHN0OKukPeLF/qgD7yTzFKSKg/HH2xeEN8mKutwymXRzVsUF3AvboJoOjMGiT+5g==}
+    engines: {node: '>=0.10.0'}
+
+  assemble-loader@0.6.1:
+    resolution: {integrity: sha512-jef7ecixuK8DgP2LMJ5TO1Zs6YnltxQN8KDLDYLav+VbfK7+BGVLHv2NNrIm0/Mls2CklNmMqeWcccdSUNRUnQ==}
+    engines: {node: '>=0.10.0'}
+
+  assemble-render-file@0.7.2:
+    resolution: {integrity: sha512-Fmt/7KDIwHr/zIStwzl1QEzeph++eP0I7G3tQch1s0ftBllEwZZ5Py7IpO1WPkP+ef8xMRjXNrNKx8/cpTgb4w==}
+    engines: {node: '>=0.10.0'}
+
+  assemble-streams@0.6.0:
+    resolution: {integrity: sha512-JEZRYrkAQHKCT41jTVXQ63AxeYGD9aDuxRDZhZH5fsVfvLZGOHXsGPSJBEfDuC6Nz6APJGt9lwWfZH9lqmG65Q==}
+    engines: {node: '>=0.10.0'}
+
+  assign-deep@0.4.8:
+    resolution: {integrity: sha512-uxqXJCnNZDEjPnsaLKVzmh/ST5+Pqoz0wi06HDfHKx1ASNpSbbvz2qW2Gl8ZyHwr5jnm11X2S5eMQaP1lMZmCg==}
+    engines: {node: '>=0.10.0'}
+
+  assign-symbols@0.1.1:
+    resolution: {integrity: sha512-gwzH8QS/GV4pQsf6XOrlpBC6aDE8uJeZvymbEJ0W9TuDYqYOZc4RodvKDH98HCc+KFPYil1kD2XT0X0JWeOzQg==}
+    engines: {node: '>=0.10.0'}
+
+  assign-symbols@1.0.0:
+    resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
+    engines: {node: '>=0.10.0'}
+
   ast-kit@0.12.2:
     resolution: {integrity: sha512-es1zHFsnZ4Y4efz412nnrU3KvVAhgqy90a7Yt9Wpi5vQ3l4aYMOX0Qx4FD0elKr5ITEhiUGCSFcgGYf4YTuACg==}
     engines: {node: '>=16.14.0'}
@@ -1037,13 +1288,54 @@ packages:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
     engines: {node: '>=8'}
 
+  async-array-reduce@0.2.1:
+    resolution: {integrity: sha512-/ywTADOcaEnwiAnOEi0UB/rAcIq5bTFfCV9euv3jLYFUMmy6KvKccTQUnLlp8Ensmfj43wHSmbGiPqjsZ6RhNA==}
+    engines: {node: '>=0.10.0'}
+
+  async-done@0.4.0:
+    resolution: {integrity: sha512-NcrnJY08hBDUa3qhZIfRALshlau6U/Q9X1WHA53t/8OfJpQz5qXPKGFVHwIY38md62TiM9JA+5tpRed5LFWrKw==}
+
+  async-done@1.3.2:
+    resolution: {integrity: sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==}
+    engines: {node: '>= 0.10'}
+
+  async-each-series@1.1.0:
+    resolution: {integrity: sha512-/VIpPVIJJlJObJiXkHBJ1RhjDtydBRG/3/dWpsXoVGOShNw5tameXnC7Yys+wpb0p/myItxGmSGgNi/dNlsIiA==}
+    engines: {node: '>=0.8.0'}
+
+  async-each@1.0.6:
+    resolution: {integrity: sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==}
+
+  async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
+
+  async-helpers@0.3.17:
+    resolution: {integrity: sha512-LfgCyvmK6ZiC7pyqOgli2zfkWL4HYbEb+HXvGgdmqVBgsOOtQz5rSF8Ii/H/1cNNtrfj1KsdZE/lUMeIY3Qcwg==}
+    engines: {node: '>=4.0.0'}
+
+  async-settle@0.2.1:
+    resolution: {integrity: sha512-3b4i8Bf/9Zw3V/EsLtMx+qj2r0mDYotjMhzXJQxjvESOe5LgevY5KaH5BHROVZWHE7TlSY2FkeTgIgDvdkRFYQ==}
+
+  async@1.5.2:
+    resolution: {integrity: sha512-nSVgobk4rv61R9PUSDtYt7mPVB2olxNR5RWJcAsH676/ef11bUZwvu7+RGYrYauVdDPcO519v68wRhXQtxsV9w==}
+
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
+  atob@2.1.2:
+    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
+    engines: {node: '>= 4.5.0'}
+    hasBin: true
+
   available-typed-arrays@1.0.5:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
     engines: {node: '>= 0.4'}
 
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
   axios@1.3.0:
     resolution: {integrity: sha512-oCye5nHhTypzkdLIvF9SaHfr8UAquqCn1KY3j8vsrjeol8yohAdGxIpRPbF1bOLsx33HOAatdfMX1yzsj2cHwg==}
 
@@ -1053,13 +1345,130 @@ packages:
   b-validate@1.4.4:
     resolution: {integrity: sha512-E2tnSnxxKDyxP1G+TMTbVHA8XajfHHOJKeWm9YVRISSPtzTL7ZP/7tIYp01b+O83L5R/6i31+Su+vCOJBnQWFQ==}
 
+  bach@0.5.0:
+    resolution: {integrity: sha512-wr1KICs4sa/Ye4D38CEWkxmRi0E/1NnlcTXE4WT46993f+m+W8rVeRlQVh7O9jUHd3/cyNttv4qIDEUullFPcw==}
+    engines: {node: '>= 0.10'}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  base-argv@0.4.5:
+    resolution: {integrity: sha512-U78T4In2FMtSYBaf3utKCAOrOBJJXgvGLUmck71ZLQuJZBO6+DDUFoJGfuys0bX/wSQOZgB/HLLFiapvvUUFlw==}
+    engines: {node: '>=0.10.0'}
+
+  base-cli-process@0.1.19:
+    resolution: {integrity: sha512-hH9MGqad9bZBmowsZ8uKL91rS4L+q4GEOc5SaL045jQWaR93sla0UI4Q9C6GzOD2AgVJulY2QtCMmwcBhdVYtQ==}
+    engines: {node: '>=4.0'}
+
+  base-cli-schema@0.1.19:
+    resolution: {integrity: sha512-8k3JPZjVjdwpYtaaF3F8JT9RztX1oFDWKsAVDpUUR/uXL6b85DyTpRX4TUw3rjwZMZIf1BmiTys2zOSqC7+oAA==}
+    engines: {node: '>=4.0'}
+
+  base-cli@0.5.0:
+    resolution: {integrity: sha512-GQnPyusKASZoCKR3JFf4iVygLvZjk6RwEQokZF35M9VHnhkoPycf22jYlWkwLEtCejtcLECgGC7fq0G/ab5k8g==}
+    engines: {node: '>=0.10.0'}
+
+  base-compose@0.2.1:
+    resolution: {integrity: sha512-z/wx9ij4i4Bj6WbXJeJlVO2O99eErMXSWjyYUt/NAfxrGpNfMz4SWS9P0OYx9RVQ2CyMEcT1J3z5+9EqQQr8Ug==}
+    engines: {node: '>=4.0'}
+
+  base-config-process@0.1.9:
+    resolution: {integrity: sha512-tShRbXNMml5V/qgcZ3ntWsaS6ovw1t7e4yvtYY9XzhJtNpuC8WudMwtSbG7lXAuEZ04jY1istJzKR3NzAoxo3A==}
+    engines: {node: '>=0.10.0'}
+
+  base-config-schema@0.1.24:
+    resolution: {integrity: sha512-3CYvd28nsiNVp1rkAfVqfYo7VzDPdIxwv0Ab6iGY0K7JdGRsT6U7Jqq6BBMGNd9XLazLhVBPNGUzaDg5oUtV5w==}
+    engines: {node: '>=0.12.0'}
+
+  base-config@0.5.2:
+    resolution: {integrity: sha512-Oq0PKM//Sh82mHQt64eUi5GZQOM8I+aNkM/P8Al4A5qwaGBkxKB+ElNqJHUVlF3WA9VjBLYUmO9asGzLEigxBw==}
+    engines: {node: '>=0.10.0'}
+
+  base-cwd@0.3.4:
+    resolution: {integrity: sha512-/kxZE1Hg9p4tvy4DHrWyS/DelZeovOWvBZ9CZKTgeieIxMuZ47FaLIkEkcjOVFcu3nIY4TXdlxhMZFi8D2Rs9g==}
+    engines: {node: '>=0.10.0'}
+
+  base-data@0.6.2:
+    resolution: {integrity: sha512-wH2ViG6CUO2AaeHSEt6fJTyQAk5gl0oY456DoSC5h8mnHrWUbvdctMCuF53CXgBmi0oalZQppKNH0iamG5+uqw==}
+    engines: {node: '>=0.10.0'}
+
+  base-engines@0.2.1:
+    resolution: {integrity: sha512-s/A07Vbh6irEMNG+HpccmaGw8SUMXPBetJuYPpq7Rf1WCjtCU1L+FKyeKyRahONGNYBSIHEV0d3cqXYw35EjBw==}
+    engines: {node: '>=0.10.0'}
+
+  base-env@0.3.1:
+    resolution: {integrity: sha512-/HxC8QV1m/bWqvjcu4WZl4Um1HRpTAjuY31uiFUEukXsXge4WIvNvGKG/gCs2PrpBFPCybowA406V/ivdPknpQ==}
+    engines: {node: '>=0.10.0'}
+
+  base-generators@0.4.6:
+    resolution: {integrity: sha512-0k8QAoqYhOwIHQANQxwNOhtlQiuoMqv+rFu2szVIvLUNhZ8B7BOXWFRE5UXMAexRxz7H8rZIwLmeqxlYpOXJGw==}
+    engines: {node: '>=0.10.0'}
+
+  base-helpers@0.1.1:
+    resolution: {integrity: sha512-aUdOoz47aMdM2OAkN71P3m8wjFB+pZDVfvLebDoNAsD0zhKUc68QR30q9iK6vW6S302yNNVW8bZxUF6FwFLnQw==}
+    engines: {node: '>=0.10.0'}
+
+  base-namespace@0.2.0:
+    resolution: {integrity: sha512-jZYAnj1wkwyi6HkqATtO86D8L9jbDdqVthISLG27LcXCFkc5EV+BwS/cfaPBkWoMGb3NsVMau+PLfFle58Xi2g==}
+    engines: {node: '>=0.10.0'}
+
+  base-option@0.8.4:
+    resolution: {integrity: sha512-CS9V8trhwEccFFjmveBHWx4Wr4rwaohzMhwZx1DSUHdGHV9Nme3jbxJQ0U8JsrLFJvGtiav35NiHLeNd8n74XA==}
+    engines: {node: '>=0.10.0'}
+
+  base-pkg@0.2.5:
+    resolution: {integrity: sha512-/POxajlgBhVsknwLXnqnbp//bAMh7SkDgHF+z/uoYnFqk46e05c3MxSEmn5vFCB8g4rHHKxAPLKrU/4Yb3vUdA==}
+    engines: {node: '>=0.10.0'}
+
+  base-plugins@0.4.13:
+    resolution: {integrity: sha512-w77IDOnkxERPZ7x27A8MmSFcwEfTfrcZ43zK5eOt42itA8FZT9OFhZm1XgOtTEORKrCmW8yVT6DWr/ut7wvgiQ==}
+    engines: {node: '>=0.10.0'}
+
+  base-questions@0.7.4:
+    resolution: {integrity: sha512-uHRp5ZM2MFXUhDOPK09lroJdDe3lrXTHtg2x7pC1x4RdimVZcsX+hvQuxNqyAUN62EHfFuaK+FIFjMiA4AoiQg==}
+    engines: {node: '>=0.10.0'}
+
+  base-routes@0.2.2:
+    resolution: {integrity: sha512-z7jtXacfUbjAKUGj5jmJP8GrhZG+UqcwnfkKjLJtUa1w1bWrq5JmsZ1SFRfomXWbLAlEcE87dHvelvTkelQBIg==}
+    engines: {node: '>=0.10.0'}
+
+  base-runtimes@0.2.0:
+    resolution: {integrity: sha512-J98SbWB4Rpcva8w8kWtTts+Qc/X/imcmFoy9nt2fKemPTmVgvrt8DyDK5KFUDyQHt+hahYa69pJTGFfUma7V8A==}
+    engines: {node: '>=0.10.0'}
+
+  base-store@0.4.4:
+    resolution: {integrity: sha512-fb5L2iNR9pCl85jeg88TCJYlcKg8xhmdH1Cjp1MI2RZNnMBjdIaQOuGy9Q4VjSD/GNGBWgQ2H8pQK61Xsx29OA==}
+    engines: {node: '>=0.10.0'}
+
+  base-task@0.6.2:
+    resolution: {integrity: sha512-dxCXKPLFRrl02kJ+Lu6Y0Y2/XeaVf3GbGXMoZKuHN9OvFjz+QXRwpTJ0PciQPAvktUgK46Mc9Kwakrcj8fSTog==}
+    engines: {node: '>=0.10.0'}
+
+  base64-arraybuffer@1.0.2:
+    resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==}
+    engines: {node: '>= 0.6.0'}
+
+  base@0.11.2:
+    resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
+    engines: {node: '>=0.10.0'}
+
+  base@0.8.1:
+    resolution: {integrity: sha512-hCEtSWF9Xin1mVIrgCAwJhIJxURWOu3odjKsv+9TXofdJly0vO9Di87hnkChwi44v0+LPzHtNOjoCUYb36fBhg==}
+    engines: {node: '>=0.10.0'}
+
+  batch-processor@1.0.0:
+    resolution: {integrity: sha512-xoLQD8gmmR32MeuBHgH0Tzd5PuSZx71ZsbhVxOCRbgktZEPe4SQy7s9Z50uPp0F/f7iw2XmkHN2xkgbMfckMDA==}
+
+  big.js@5.2.2:
+    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
+
   binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
 
+  bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
@@ -1072,6 +1481,14 @@ packages:
   brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
 
+  braces@1.8.5:
+    resolution: {integrity: sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==}
+    engines: {node: '>=0.10.0'}
+
+  braces@2.3.2:
+    resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
+    engines: {node: '>=0.10.0'}
+
   braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
@@ -1081,6 +1498,11 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  btoa@1.2.1:
+    resolution: {integrity: sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==}
+    engines: {node: '>= 0.4.0'}
+    hasBin: true
+
   builtin-status-codes@3.0.0:
     resolution: {integrity: sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==}
 
@@ -1095,6 +1517,18 @@ packages:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
 
+  cache-base@0.8.5:
+    resolution: {integrity: sha512-19t0n7xdoVr5Q08+6sF85YZ9VuvbpVFq5JLm0gcsRmCvTO1Y3duTJGMaOQYf14Ras4o6dEnvoqvjdrUK1tNtgg==}
+    engines: {node: '>=0.10.0'}
+
+  cache-base@1.0.1:
+    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
+    engines: {node: '>=0.10.0'}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
   call-bind@1.0.2:
     resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
 
@@ -1102,10 +1536,25 @@ packages:
     resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
     engines: {node: '>= 0.4'}
 
+  call-bind@1.0.8:
+    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
   callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
+  camel-case@3.0.0:
+    resolution: {integrity: sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==}
+
+  camelcase@3.0.0:
+    resolution: {integrity: sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==}
+    engines: {node: '>=0.10.0'}
+
   camelcase@6.3.0:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
@@ -1113,6 +1562,14 @@ packages:
   caniuse-lite@1.0.30001449:
     resolution: {integrity: sha512-CPB+UL9XMT/Av+pJxCKGhdx+yg1hzplvFJQlJ2n68PyQGMz9L/E2zCyLdOL8uasbouTUgnPl+y0tccI/se+BEw==}
 
+  canvg@3.0.11:
+    resolution: {integrity: sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==}
+    engines: {node: '>=10.0.0'}
+
+  chalk@1.1.3:
+    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
+    engines: {node: '>=0.10.0'}
+
   chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
@@ -1137,10 +1594,18 @@ packages:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
 
+  class-utils@0.3.6:
+    resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
+    engines: {node: '>=0.10.0'}
+
   clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
     engines: {node: '>=6'}
 
+  cli-cursor@1.0.2:
+    resolution: {integrity: sha512-25tABq090YNKkF6JH7lcwO0zFJTRke4Jcq9iX2nr/Sz0Cjjv4gckmwlW6Ty/aoyFd6z3ysR2hMGC2GFugmBo6A==}
+    engines: {node: '>=0.10.0'}
+
   cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
@@ -1153,10 +1618,54 @@ packages:
     resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  cli-width@1.1.1:
+    resolution: {integrity: sha512-eMU2akIeEIkCxGXUNmDnJq1KzOIiPnJ+rKqRe6hcxE3vIOPvpMrBYOn/Bl7zNlYJj/zQxXquAnozHUCf9Whnsg==}
+
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
 
+  clone-buffer@1.0.0:
+    resolution: {integrity: sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==}
+    engines: {node: '>= 0.10'}
+
+  clone-deep@0.2.4:
+    resolution: {integrity: sha512-we+NuQo2DHhSl+DP6jlUiAhyAjBQrYnpOk15rN6c6JSPScjiCLh8IbSU+VTcph6YS3o7mASE8a0+gbZ7ChLpgg==}
+    engines: {node: '>=0.10.0'}
+
+  clone-stats@0.0.1:
+    resolution: {integrity: sha512-dhUqc57gSMCo6TX85FLfe51eC/s+Im2MLkAgJwfaRRexR2tA4dd3eLEW4L6efzHc2iNorrRRXITifnDLlRrhaA==}
+
+  clone-stats@1.0.0:
+    resolution: {integrity: sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag==}
+
+  clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+
+  clone@2.1.2:
+    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
+    engines: {node: '>=0.8'}
+
+  cloneable-readable@1.1.3:
+    resolution: {integrity: sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==}
+
+  co@4.6.0:
+    resolution: {integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==}
+    engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
+
+  code-point-at@1.1.0:
+    resolution: {integrity: sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==}
+    engines: {node: '>=0.10.0'}
+
+  collection-visit@0.2.3:
+    resolution: {integrity: sha512-V88PJOCqJfsZS45YBELDgmhQkECokQAAr9XR4hT6eFkFsAPsCsk3EoDHSuBPYzygjquGM/0KF4vdwTiQO6lbdw==}
+    engines: {node: '>=0.10.0'}
+
+  collection-visit@1.0.0:
+    resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
+    engines: {node: '>=0.10.0'}
+
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 
@@ -1183,10 +1692,26 @@ packages:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
   commander@9.5.0:
     resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
     engines: {node: ^12.20.0 || >=14}
 
+  common-config@0.1.1:
+    resolution: {integrity: sha512-mDp+nqoFbYsHKZfjg8OSb0CYfdPkuoGTMCVKy4ceYHR0EACTLV/qG8Q4cih2c/0IleQ7SISiqWqLMLXXZnJ2FA==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
+  component-emitter@1.3.1:
+    resolution: {integrity: sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==}
+
+  composer@0.13.0:
+    resolution: {integrity: sha512-8bW8vzd0YdwjBTbbHmUV3fb1jGFlczUEwti3dbdogI+r/igv2yyLqZFh9IyQv4+gK3k1kdNGVrf6Af5BY8qB3Q==}
+    engines: {node: '>=4.0'}
+
   compute-scroll-into-view@1.0.20:
     resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
 
@@ -1199,6 +1724,10 @@ packages:
   consola@2.15.3:
     resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==}
 
+  contains-path@0.1.0:
+    resolution: {integrity: sha512-OKZnPGeMQy2RPaUIBPFFd71iNf4791H12MCRuVQDnzGRwCYNYmTDy5pdafo2SLAcEMKzTOQnLWG4QdcjeJUMEg==}
+    engines: {node: '>=0.10.0'}
+
   content-type@1.0.5:
     resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
     engines: {node: '>= 0.6'}
@@ -1209,12 +1738,27 @@ packages:
   copy-anything@2.0.6:
     resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}
 
+  copy-descriptor@0.1.1:
+    resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
+    engines: {node: '>=0.10.0'}
+
+  copy-task@0.1.0:
+    resolution: {integrity: sha512-Idcf7BdeyJY8kSQodguY8jevkP8CuB22S9Hr5blRqwEyO75yuZEJQbzJ755Q9vZREnCQ5sfOIRxjZWbUq2+K0g==}
+    engines: {node: '>=0.10.0'}
+
   copy-to@2.0.1:
     resolution: {integrity: sha512-3DdaFaU/Zf1AnpLiFDeNCD4TOWe3Zl2RZaTzUvWiIk5ERzcCodOE20Vqq4fzCbNoHURFHT4/us/Lfq+S2zyY4w==}
 
+  core-js@3.45.0:
+    resolution: {integrity: sha512-c2KZL9lP4DjkN3hk/an4pWn5b5ZefhRJnAc42n6LJ19kSnbeRbdQZE5dSeE2LBol1OwJD3X1BQvFTAsa8ReeDA==}
+
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
+  cors@2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+
   create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
 
@@ -1226,18 +1770,60 @@ packages:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
 
+  css-line-break@2.1.0:
+    resolution: {integrity: sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==}
+
+  css-select@4.3.0:
+    resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
+
+  css-tree@1.1.3:
+    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
+    engines: {node: '>=8.0.0'}
+
   css-tree@2.3.1:
     resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
 
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
 
+  csso@4.2.0:
+    resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
+    engines: {node: '>=8.0.0'}
+
   csstype@2.6.21:
     resolution: {integrity: sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==}
 
+  cwd@0.10.0:
+    resolution: {integrity: sha512-YGZxdTTL9lmLkCUTpg4j0zQ7IhRB5ZmqNBbGCl3Tg6MP/d5/6sY7L5mmTjzbc6JKgVZYiqTQTNhPFsbXNGlRaA==}
+    engines: {node: '>=0.8'}
+
+  cwd@0.9.1:
+    resolution: {integrity: sha512-4+0D+ojEasdLndYX4Cqff057I/Jp6ysXpwKkdLQLnZxV8f6IYZmZtTP5uqD91a/kWqejoc0sSqK4u8wpTKCh8A==}
+    engines: {node: '>=0.8'}
+
+  data-store@0.16.1:
+    resolution: {integrity: sha512-tGbl4oVi9UPysie6y6+fuCjUNhaR3KxnuIRV0OMUCwq/wvikmWHXQYALbW/IVQvmxBNbrxUwjG5BWsrjx5v55w==}
+    engines: {node: '>=0.10.0'}
+
+  data-view-buffer@1.0.2:
+    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-length@1.0.2:
+    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-offset@1.0.1:
+    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
+    engines: {node: '>= 0.4'}
+
   dateformat@2.2.0:
     resolution: {integrity: sha512-GODcnWq3YGoTnygPfi02ygEiRxqUxpJwuRHjdhJYuxpcZmDq4rjBiXYmbCCzStxo176ixfLT6i4NPwQooRySnw==}
 
@@ -1272,13 +1858,29 @@ packages:
       supports-color:
         optional: true
 
+  decode-uri-component@0.2.2:
+    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
+    engines: {node: '>=0.10'}
+
+  deep-bind@0.3.0:
+    resolution: {integrity: sha512-SwekOBPDnCT3qhOM78ARzBdPSbNMyQ63F8eZDahBzzVAoqousMhYh3HYIh2pLmhtGcVvO8/SU6B6kMsj0SXb1Q==}
+    engines: {node: '>=0.10.0'}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  default-compare@1.0.0:
+    resolution: {integrity: sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==}
+    engines: {node: '>=0.10.0'}
+
   default-user-agent@1.0.0:
     resolution: {integrity: sha512-bDF7bg6OSNcSwFWPu4zYKpVkJZQYVrAANMYB8bc9Szem1D0yKdm4sa/rOCs2aC9+2GMqQ7KnwtZRvDhmLF0dXw==}
     engines: {node: '>= 0.10.0'}
 
+  defaults-deep@0.2.4:
+    resolution: {integrity: sha512-V6BtqzcMvn0EPOy7f+SfMhfmTawq+7UQdt9yZH0EBK89+IHo5f+Hse/qzTorAXOBrQpxpwb6cB/8OgtaMrT+Fg==}
+    engines: {node: '>=0.10.0'}
+
   define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -1291,6 +1893,22 @@ packages:
     resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==}
     engines: {node: '>= 0.4'}
 
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
+  define-property@0.2.5:
+    resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
+    engines: {node: '>=0.10.0'}
+
+  define-property@1.0.0:
+    resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
+    engines: {node: '>=0.10.0'}
+
+  define-property@2.0.2:
+    resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
+    engines: {node: '>=0.10.0'}
+
   defu@6.1.2:
     resolution: {integrity: sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==}
 
@@ -1298,6 +1916,14 @@ packages:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
+  delimiter-regex@1.3.1:
+    resolution: {integrity: sha512-NyEdbzFCa0imbFMxQH6X5AB/DxngubpAAiQEqaam+YYcT0gGiM1gFo410HwpiPOruHl8HfFM913tFLjA8kkvHg==}
+    engines: {node: '>=0.10.0'}
+
+  delimiter-regex@2.0.0:
+    resolution: {integrity: sha512-EtGkq9TgEZlFACc/NvgwIidQ1wkEupWWbAIJTr9gi4TJUZOvHY8TdXd3i8/dan66BufB1/V6bI7rRW/zvGoVKw==}
+    engines: {node: '>=0.10.0'}
+
   destr@1.2.2:
     resolution: {integrity: sha512-lrbCJwD9saUQrqUfXvl6qoM+QN3W7tLV5pAOs+OqOmopCCz/JkE05MHedJR1xfk4IAnZuJXPVuN5+7jNA2ZCiA==}
 
@@ -1322,13 +1948,48 @@ packages:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
 
+  dom-serializer@0.2.2:
+    resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
+
+  dom-serializer@1.4.1:
+    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
+
+  domelementtype@1.3.1:
+    resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@2.4.2:
+    resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
+
+  domhandler@4.3.1:
+    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
+    engines: {node: '>= 4'}
+
+  dompurify@3.2.6:
+    resolution: {integrity: sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==}
+
+  domutils@1.7.0:
+    resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
+
+  domutils@2.8.0:
+    resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
+
   dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
     engines: {node: '>=12'}
 
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
   duplexer@0.1.2:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
 
+  duplexify@3.7.1:
+    resolution: {integrity: sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==}
+
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
@@ -1341,12 +2002,30 @@ packages:
   electron-to-chromium@1.4.284:
     resolution: {integrity: sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==}
 
+  element-resize-detector@1.2.4:
+    resolution: {integrity: sha512-Fl5Ftk6WwXE0wqCgNoseKWndjzZlDCwuPTcoVZfCP9R3EHQF8qUtr3YUPNETegRBOKqQKPW3n4kiIWngGi8tKg==}
+
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
+  emojis-list@3.0.0:
+    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
+    engines: {node: '>= 4'}
+
+  empty-dir@0.2.1:
+    resolution: {integrity: sha512-0f1naHGJh4K6iVG28nRN7SCdfzT18OlpGzHmXw3JGwREb8qmtibHdmRgqx08u4sQfDadezK7kpU3bcIZNSwoZw==}
+    engines: {node: '>= 0.8.0'}
+
+  en-route@0.7.5:
+    resolution: {integrity: sha512-WjnZ2HzvoztSL/NhKYmlN86tSP7VkOTN0Ck4FBJUsvTfLQOlULZak/1wcUArcdenvT9mNS3NzQ+41lqKf/gaGQ==}
+    engines: {node: '>=0.10.0'}
+
+  end-of-stream@0.1.5:
+    resolution: {integrity: sha512-go5TQkd0YRXYhX+Lc3UrXkoKU5j+m72jEP5lHWr2Nh82L8wfZtH8toKgcg4T10o23ELIMGXQdwCbl+qAXIPDrw==}
+
   end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
 
@@ -1354,10 +2033,32 @@ packages:
     resolution: {integrity: sha512-OclLMSug+k2A0JKuf494im25ANRBVW8qsjmwbgX7lQ8P82H21PQ1PWkoYwb9y5yMBS69BPlwtzdIFClo3+7kOQ==}
     engines: {node: '>= 0.11.14'}
 
+  engine-base@0.1.3:
+    resolution: {integrity: sha512-CdNgUJcWgD9OsZ4vDFDmQB1/sN+UM0hEaDcbTZ2Ya/eMTkgCbdRLGvNuRE1UbN+AQJNo8Sm6iT327ULB7ynqnQ==}
+    engines: {node: '>=0.10.0'}
+
+  engine-cache@0.19.4:
+    resolution: {integrity: sha512-PNhE008O6X+7VggZSVe0+fZcafIAjVHWuU+iLIbeKXGGKzjb05Y8ht0l1O9sIusrULRsNq/FcYVPoqoNz7k4wg==}
+    engines: {node: '>=0.10.0'}
+
+  engine-utils@0.1.1:
+    resolution: {integrity: sha512-5IdkZiV3qEGS3STfaRfeQsQ93Sokg9cEK7rdfjCGZFY6O/iTdq+d0obwqjkmv4fTSbTqEgYV+J3TeSzkq9GP5A==}
+    engines: {node: '>=0.10.0'}
+
+  engine@0.1.12:
+    resolution: {integrity: sha512-1+oxmZV5nKFhoR3QkwIbyHKSVbMuNgU8+oxcx4Af1kpxuSjDD0nL3pKKJtY1mGjAPqSAwNeDEHzD94NR5LP5rg==}
+    engines: {node: '>=0.10.0'}
+
   enhanced-resolve@4.5.0:
     resolution: {integrity: sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==}
     engines: {node: '>=6.9.0'}
 
+  entities@1.1.2:
+    resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
+
+  entities@2.2.0:
+    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
+
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -1369,26 +2070,50 @@ packages:
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
+  error-symbol@0.1.0:
+    resolution: {integrity: sha512-VyjaKxUmeDX/m2lxm/aknsJ1GWDWUO2Ze2Ad8S1Pb9dykAm9TjSKp5CjrNyltYqZ5W/PO6TInAmO2/BfwMyT1g==}
+    engines: {node: '>=0.10.0'}
+
   es-abstract@1.21.1:
     resolution: {integrity: sha512-QudMsPOz86xYz/1dG1OuGBKOELjCh99IIWHLzy5znUB6j8xG2yMA7bfTV86VSqKF+Y/H08vQPR+9jyXpuC6hfg==}
     engines: {node: '>= 0.4'}
 
+  es-abstract@1.24.0:
+    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
+    engines: {node: '>= 0.4'}
+
   es-define-property@1.0.0:
     resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
     engines: {node: '>= 0.4'}
 
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
   es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
   es-set-tostringtag@2.0.1:
     resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
     engines: {node: '>= 0.4'}
 
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+
   es-to-primitive@1.2.1:
     resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
     engines: {node: '>= 0.4'}
 
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
+    engines: {node: '>= 0.4'}
+
   esbuild@0.16.17:
     resolution: {integrity: sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==}
     engines: {node: '>=12'}
@@ -1497,6 +2222,11 @@ packages:
     resolution: {integrity: sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   esquery@1.4.0:
     resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==}
     engines: {node: '>=0.10'}
@@ -1523,6 +2253,10 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
   execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
@@ -1531,10 +2265,74 @@ packages:
     resolution: {integrity: sha512-QVWlX2e50heYJcCPG0iWtf8r0xjEYfz/OYLGDYH+IyjWezzPNxz63qNFOu0l4YftGWuizFVZHHs8PrLU5p2IDA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  exit-hook@1.1.1:
+    resolution: {integrity: sha512-MsG3prOVw1WtLXAZbM3KiYtooKR1LvxHh3VHsVtIy0uiUu8usxgB/94DP2HxtD/661lLdB6yzQ09lGJSQr6nkg==}
+    engines: {node: '>=0.10.0'}
+
+  expand-args@0.4.3:
+    resolution: {integrity: sha512-bAAnw/WnKZUkA9PI3tk4oWRpyZkRiHtFSJ+W8dkTX/oXGhM3rz9Vo5+qW9sJ34z1da8jPap35/igXmE7lEjdsQ==}
+    engines: {node: '>=0.10.0'}
+
+  expand-brackets@0.1.5:
+    resolution: {integrity: sha512-hxx03P2dJxss6ceIeri9cmYOT4SRs3Zk3afZwWpOsRqLqprhTR8u++SlC+sFGsQr7WGFPdMF7Gjc1njDLDK6UA==}
+    engines: {node: '>=0.10.0'}
+
+  expand-brackets@2.1.4:
+    resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
+    engines: {node: '>=0.10.0'}
+
+  expand-object@0.4.2:
+    resolution: {integrity: sha512-rC0h+knI3YE2rT9v2m6HIowp1aLAVo19u02/wRzE+Dl5eyPowLRcWVyLQ3UaIjSLvjfsTiE0xGb0qqrap5ABKw==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
+  expand-pkg@0.1.9:
+    resolution: {integrity: sha512-Qqtqzx/e8tODrDr0H8HtO7+nftN0wH9bsk3948KpKBZLrc86Cm3/8mRKJmDfNSDWWcuKsilMmFlKPhYx5gHYuA==}
+    engines: {node: '>= 0.10.0'}
+
+  expand-range@1.8.2:
+    resolution: {integrity: sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA==}
+    engines: {node: '>=0.10.0'}
+
+  expand-tilde@1.2.2:
+    resolution: {integrity: sha512-rtmc+cjLZqnu9dSYosX9EWmSJhTwpACgJQTfj4hgg2JjOD/6SIQalZrt4a3aQeh++oNxkazcaxrhPUj6+g5G/Q==}
+    engines: {node: '>=0.10.0'}
+
+  expand-tilde@2.0.2:
+    resolution: {integrity: sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==}
+    engines: {node: '>=0.10.0'}
+
+  export-files@2.1.1:
+    resolution: {integrity: sha512-r2x1Zt0OKgdXRy0bXis3sOI8TNYmo5Fe71qXwsvpYaMvIlH5G0fWEf3AYiE2bONjePdSOojca7Jw+p9CQ6/6NQ==}
+    engines: {node: '>=0.10.0'}
+
+  extend-shallow@1.1.4:
+    resolution: {integrity: sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==}
+    engines: {node: '>=0.10.0'}
+
   extend-shallow@2.0.1:
     resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
     engines: {node: '>=0.10.0'}
 
+  extend-shallow@3.0.2:
+    resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
+    engines: {node: '>=0.10.0'}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  extglob@0.3.2:
+    resolution: {integrity: sha512-1FOj1LOwn42TMrruOHGt18HemVnbwAmAak7krWk+wa93KXxGbK+2jpezm+ytJYDaBX0/SPLZFHKM7m+tKobWGg==}
+    engines: {node: '>=0.10.0'}
+
+  extglob@2.0.4:
+    resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
+    engines: {node: '>=0.10.0'}
+
+  falsey@0.3.2:
+    resolution: {integrity: sha512-lxEuefF5MBIVDmE6XeqCdM4BWk1+vYmGZtkbKZ/VFcg6uBBw6fXNEbWmxCjDdQlFc9hy450nkiWwM3VAW6G1qg==}
+    engines: {node: '>=0.10.0'}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -1554,18 +2352,69 @@ packages:
   fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
 
+  fflate@0.8.2:
+    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
+
+  figures@1.7.0:
+    resolution: {integrity: sha512-UxKlfCRuCBxSXU4C6t9scbDyWZ4VlaFFdojKtzJuSkuOBQ5CNFum+zZXFwHjo+CxBC1t6zlYPgHIgFjL8ggoEQ==}
+    engines: {node: '>=0.10.0'}
+
+  file-contents@0.2.4:
+    resolution: {integrity: sha512-PEz7U6YlXr+dvWCtW63DUY1LUTHOVs1rv4s1/I/39dpvvidQqMSTY6JklazQS60MMoI/ztpo5kMlpdvGagvLbA==}
+    engines: {node: '>=0.10.0'}
+
+  file-contents@1.0.1:
+    resolution: {integrity: sha512-yR9NGsF6Ua0vUjag441JRYB+WflAoBCF3+ReeKocYzpfAjN1U4TvQEjIKXOqwIxFl9Bflg8xf/Fi2qrNBoFUOQ==}
+    engines: {node: '>=0.10.0'}
+
   file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
 
+  file-is-binary@1.0.0:
+    resolution: {integrity: sha512-71I2LciuolZDBUCu4JzFBKxSvVurMD84G97uCYgt9PZ7ElhEomGqYHTKKU2NcDOxR1g2bwn+hRbkTFSrD80Pfw==}
+    engines: {node: '>=0.10.0'}
+
+  file-name@0.1.0:
+    resolution: {integrity: sha512-Q8SskhjF4eUk/xoQkmubwLkoHwOTv6Jj/WGtOVLKkZ0vvM+LipkSXugkn1F/+mjWXU32AXLZB3qaz0arUzgtRw==}
+    engines: {node: '>=0.10.0'}
+
+  file-stat@0.1.3:
+    resolution: {integrity: sha512-f72m4132aOd5DVtREdDX8I0Dd7Zf/3PiUYYvn4BFCxfsLqj6r8joBZzrRlfvsNvxhADw+jpEa0AnWPII9H0Fbg==}
+    engines: {node: '>=0.10.0'}
+
+  filename-regex@2.0.1:
+    resolution: {integrity: sha512-BTCqyBaWBTsauvnHiE8i562+EdJj+oUpkqWp2R1iCoR8f6oo8STRu3of7WJJ0TqWtxN50a5YFpzYK4Jj9esYfQ==}
+    engines: {node: '>=0.10.0'}
+
+  fill-range@2.2.4:
+    resolution: {integrity: sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==}
+    engines: {node: '>=0.10.0'}
+
+  fill-range@4.0.0:
+    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
+    engines: {node: '>=0.10.0'}
+
   fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
 
+  find-file-up@0.1.3:
+    resolution: {integrity: sha512-mBxmNbVyjg1LQIIpgO8hN+ybWBgDQK8qjht+EbrTCGmmPV/sc7RF1i9stPTD6bpvXZywBdrwRYxhSdJv867L6A==}
+    engines: {node: '>=0.10.0'}
+
+  find-pkg@0.1.2:
+    resolution: {integrity: sha512-0rnQWcFwZr7eO0513HahrWafsc3CTFioEB7DRiEYCUM/70QXSY8f3mCST17HXLcPvEhzH/Ty/Bxd72ZZsr/yvw==}
+    engines: {node: '>=0.10.0'}
+
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
+  first-chunk-stream@1.0.0:
+    resolution: {integrity: sha512-ArRi5axuv66gEsyl3UuK80CzW7t56hem73YGNYxNWTGNKFJUadSb9Gu9SHijYEUi8ulQMf1bJomYNwSCPHhtTQ==}
+    engines: {node: '>=0.10.0'}
+
   flat-cache@3.0.4:
     resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -1589,6 +2438,22 @@ packages:
   for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
 
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
+
+  for-in@0.1.8:
+    resolution: {integrity: sha512-F0to7vbBSHP8E3l6dCjxNOLuSFAACIxFy3UehTUlG7svlXi37HHsDkyVcHo0Pq8QwrE+pXvWSVX3ZT1T9wAZ9g==}
+    engines: {node: '>=0.10.0'}
+
+  for-in@1.0.2:
+    resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
+    engines: {node: '>=0.10.0'}
+
+  for-own@0.1.5:
+    resolution: {integrity: sha512-SKmowqGTJoPzLO1T0BBJpkfp3EMacCMOuH40hOUbrbzElVktk4DioXVM99QkLCyKoiuOmyjgcWMpVz2xjE7LZw==}
+    engines: {node: '>=0.10.0'}
+
   form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
@@ -1596,6 +2461,14 @@ packages:
   formstream@1.4.0:
     resolution: {integrity: sha512-nEJvWnCujHjFMZjn3woD3tFnojT/w0wvUgPFOuASPmFFCJ4fJacqXowppN7lvhBuZb+QF41ZRLT+N6A6SxHBgA==}
 
+  fragment-cache@0.2.1:
+    resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
+    engines: {node: '>=0.10.0'}
+
+  fs-exists-sync@0.1.0:
+    resolution: {integrity: sha512-cR/vflFyPZtrN6b38ZyWxpWdhlXrzZEBawlpBQMq7033xVY7/kg0GDMBK5jg8lDYQckdJ5x/YC88lM3C7VMsLg==}
+    engines: {node: '>=0.10.0'}
+
   fs-extra@10.1.0:
     resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
     engines: {node: '>=12'}
@@ -1622,6 +2495,10 @@ packages:
     resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
     engines: {node: '>= 0.4'}
 
+  function.prototype.name@1.1.8:
+    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
+    engines: {node: '>= 0.4'}
+
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
@@ -1640,9 +2517,21 @@ packages:
     resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
     engines: {node: '>= 0.4'}
 
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
   get-ready@1.0.0:
     resolution: {integrity: sha512-mFXCZPJIlcYcth+N8267+mghfYN9h3EhsDa6JSnbA3Wrhh/XFpuowviFcsDeYZtKspQyWyJqfs4O6P8CHeTwzw==}
 
+  get-stdin@5.0.1:
+    resolution: {integrity: sha512-jZV7n6jGE3Gt7fgSTJoz91Ak5MuTLwMwkoYdjxuJ/AmjIsE1UC03y/IWkZCQGEvVNS9qoRNwy5BCqxImv0FVeA==}
+    engines: {node: '>=0.12.0'}
+
   get-stream@6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
@@ -1651,10 +2540,44 @@ packages:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
 
+  get-symbol-description@1.1.0:
+    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
+    engines: {node: '>= 0.4'}
+
+  get-value@1.3.1:
+    resolution: {integrity: sha512-TrDxHI5wqgpM5Guhoz7xmblwy7kzhDauSs4df3NP907yFmLtCkOau8YtGo087jZXKDwP22NG6fCo0UA4EFLjOw==}
+    engines: {node: '>=0.10.0'}
+
+  get-value@2.0.6:
+    resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
+    engines: {node: '>=0.10.0'}
+
+  get-view@0.1.3:
+    resolution: {integrity: sha512-PZOmJnoY9wEDzAWW/0L6vRVfmPx/iKNiAxXdEI83dD8EPaqnI3GQraUTTSVgIVt5R1ja25/C3ARQAyVSkxN2Cg==}
+    engines: {node: '>=0.10.0'}
+
   giget@1.0.0:
     resolution: {integrity: sha512-KWELZn3Nxq5+0So485poHrFriK9Bn3V/x9y+wgqrHkbmnGbjfLmZ685/SVA/ovW+ewoqW0gVI47pI4yW/VNobQ==}
     hasBin: true
 
+  git-config-path@1.0.1:
+    resolution: {integrity: sha512-KcJ2dlrrP5DbBnYIZ2nlikALfRhKzNSX0stvv3ImJ+fvC4hXKoV+U+74SV0upg+jlQZbrtQzc0bu6/Zh+7aQbg==}
+    engines: {node: '>=0.10.0'}
+
+  git-repo-name@0.6.0:
+    resolution: {integrity: sha512-DF4XxB6H+Te79JA08/QF/IjIv+j+0gF990WlgAX3SXXU2irfqvBc/xxlAIh6eJWYaKz45MrrGVBFS0Qc4bBz5g==}
+    engines: {node: '>=0.8'}
+
+  glob-base@0.3.0:
+    resolution: {integrity: sha512-ab1S1g1EbO7YzauaJLkgLp7DZVAqj9M/dvKlTt8DkXA2tiOIcSMrlVI2J1RZyB5iJVccEscjGn+kpOG9788MHA==}
+    engines: {node: '>=0.10.0'}
+
+  glob-parent@2.0.0:
+    resolution: {integrity: sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==}
+
+  glob-parent@3.1.0:
+    resolution: {integrity: sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -1663,9 +2586,33 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
+  glob-stream@5.3.5:
+    resolution: {integrity: sha512-piN8XVAO2sNxwVLokL4PswgJvK/uQ6+awwXUVRTGF+rRfgCZpn4hOqxiRuTEbU/k3qgKl0DACYQ/0Sge54UMQg==}
+    engines: {node: '>= 0.10'}
+
+  glob@5.0.15:
+    resolution: {integrity: sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==}
+    deprecated: Glob versions prior to v9 are no longer supported
+
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
 
+  global-modules@0.2.3:
+    resolution: {integrity: sha512-JeXuCbvYzYXcwE6acL9V2bAOeSIGl4dD+iwLY9iUx2VBJJ80R18HCn+JCwHM9Oegdfya3lEkGCdaRkSyc10hDA==}
+    engines: {node: '>=0.10.0'}
+
+  global-modules@1.0.0:
+    resolution: {integrity: sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==}
+    engines: {node: '>=0.10.0'}
+
+  global-prefix@0.1.5:
+    resolution: {integrity: sha512-gOPiyxcD9dJGCEArAhF4Hd0BAqvAe/JzERP7tYumE4yIkmIedPUVXcJFWbV3/p/ovIIvKjkrTk+f1UVkq7vvbw==}
+    engines: {node: '>=0.10.0'}
+
+  global-prefix@1.0.2:
+    resolution: {integrity: sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==}
+    engines: {node: '>=0.10.0'}
+
   globals@11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
@@ -1678,6 +2625,10 @@ packages:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
     engines: {node: '>= 0.4'}
 
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
   globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -1689,19 +2640,46 @@ packages:
   gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
 
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
   graceful-fs@4.2.10:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
 
   grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
 
+  gray-matter@3.1.1:
+    resolution: {integrity: sha512-nZ1qjLmayEv0/wt3sHig7I0s3/sJO0dkAaKYQ5YAOApUtYEOonXSFdWvL1khvnZMTvov4UufkqlFsilPnejEXA==}
+    engines: {node: '>=0.10.0'}
+
+  group-array@0.3.4:
+    resolution: {integrity: sha512-YAmNsgsi1uQ7Ai3T4FFkMoskqbLEUPRajAmrn8FclwZQQnV98NLrNWjQ3n2+i1pANxdO3n6wsNEkKq5XrYy0Ow==}
+    engines: {node: '>=0.10.0'}
+
+  gulp-choose-files@0.1.3:
+    resolution: {integrity: sha512-SuAg0I2iCMEDcE3BJ46cfIo1Gn5N16403eie6G/iqrttDuKJUK1q3wh/2HBP/ZAJAqNXABI0uEavL2QxSMka1A==}
+    engines: {node: '>=0.10.0'}
+
+  gulp-sourcemaps@1.6.0:
+    resolution: {integrity: sha512-NjRy6+Qb5K1xbwOvPviD3uA4KSq2zsalPL+4vxPQPuL+kKzHjXJL10/kLaESic3LmBto8VIBHr3gIN3F9AjnhA==}
+
   gzip-size@6.0.0:
     resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
     engines: {node: '>=10'}
 
+  has-ansi@2.0.0:
+    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
+    engines: {node: '>=0.10.0'}
+
   has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
 
+  has-flag@1.0.0:
+    resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
+    engines: {node: '>=0.10.0'}
+
   has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
@@ -1710,6 +2688,18 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
+  has-glob@0.1.1:
+    resolution: {integrity: sha512-WMHzb7oCwDcMDngWy0b+viLjED8zvSi5d4/YdBetADHX/rLH+noJaRTytuyN6thTxxM7lK+FloogQHHdOOR+7g==}
+    engines: {node: '>=0.10.0'}
+
+  has-glob@1.0.0:
+    resolution: {integrity: sha512-D+8A457fBShSEI3tFCj65PAbT++5sKiFtdCdOam0gnfBgw9D277OERk+HM9qYJXmdVLZ/znez10SqHN0BBQ50g==}
+    engines: {node: '>=0.10.0'}
+
+  has-own-deep@0.1.4:
+    resolution: {integrity: sha512-a9Dn8Q46DZySlvZqjCX5rkwS9AYIv3VQM3IoOhTXJVJ/cEmVDMLTrJClIihLS0a09PzhrEBbueji44ZQjLh19g==}
+    engines: {node: '>=0.10.0'}
+
   has-property-descriptors@1.0.0:
     resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
 
@@ -1720,14 +2710,42 @@ packages:
     resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
     engines: {node: '>= 0.4'}
 
+  has-proto@1.2.0:
+    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
+    engines: {node: '>= 0.4'}
+
   has-symbols@1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
 
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
   has-tostringtag@1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
     engines: {node: '>= 0.4'}
 
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  has-value@0.3.1:
+    resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
+    engines: {node: '>=0.10.0'}
+
+  has-value@1.0.0:
+    resolution: {integrity: sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==}
+    engines: {node: '>=0.10.0'}
+
+  has-values@0.1.4:
+    resolution: {integrity: sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==}
+    engines: {node: '>=0.10.0'}
+
+  has-values@1.0.0:
+    resolution: {integrity: sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==}
+    engines: {node: '>=0.10.0'}
+
   has@1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
     engines: {node: '>= 0.4.0'}
@@ -1743,6 +2761,14 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
+  helper-cache@0.7.2:
+    resolution: {integrity: sha512-ictXA4Nsj9HZcY5Sf4PyWKOXRkQLCDLJLvekaKKrQ+IGLMe4Z+u2oM1QqRGjtWeQRfQCA3NJyIzZpfmw6GvwOQ==}
+    engines: {node: '>=0.10.0'}
+
+  homedir-polyfill@1.0.3:
+    resolution: {integrity: sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==}
+    engines: {node: '>=0.10.0'}
+
   hookable@5.4.2:
     resolution: {integrity: sha512-6rOvaUiNKy9lET1X0ECnyZ5O5kSV0PJbtA5yZUgdEF7fGJEVwSLSislltyt7nFwVVALYHQJtfGeAR2Y0A0uJkg==}
 
@@ -1753,6 +2779,13 @@ packages:
     resolution: {integrity: sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==}
     engines: {node: '>=8'}
 
+  html2canvas@1.4.1:
+    resolution: {integrity: sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==}
+    engines: {node: '>=8.0.0'}
+
+  htmlparser2@3.10.1:
+    resolution: {integrity: sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==}
+
   https-proxy-agent@5.0.1:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
@@ -1805,31 +2838,81 @@ packages:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
     engines: {node: '>=8'}
 
+  inflection@1.13.4:
+    resolution: {integrity: sha512-6I/HUDeYFfuNCVS3td055BaXBwKYuzw7K3ExVMStBowKo9oOAMJIXIHvdyR3iboTCp1b+1i5DSkIZTcwIktuDw==}
+    engines: {'0': node >= 0.4.0}
+
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
 
+  info-symbol@0.1.0:
+    resolution: {integrity: sha512-qkc9wjLDQ+dYYZnY5uJXGNNHyZ0UOMDUnhvy0SEZGVVYmQ5s4i8cPAin2MbU6OxJgi8dfj/AnwqPx0CJE6+Lsw==}
+    engines: {node: '>=0.10.0'}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  inquirer2@0.1.1:
+    resolution: {integrity: sha512-U7R6xvJmmcAx8Bq3Ok7+9L5kyBiUbCokZJMSibn+lDQasL9RtW9kYmnO5fezF0EcqE+pt4Hp3gc5XBGCqLkRDg==}
+
   internal-slot@1.0.4:
     resolution: {integrity: sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==}
     engines: {node: '>= 0.4'}
 
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
+    engines: {node: '>= 0.4'}
+
   ip@1.1.9:
     resolution: {integrity: sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==}
 
+  is-absolute@0.2.6:
+    resolution: {integrity: sha512-7Kr05z5LkcOpoMvxHN1PC11WbPabdNFmMYYo0eZvWu3BfVS0T03yoqYDczoCBx17xqk2x1XAZrcKiFVL88jxlQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-accessor-descriptor@1.0.1:
+    resolution: {integrity: sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==}
+    engines: {node: '>= 0.10'}
+
+  is-answer@0.1.1:
+    resolution: {integrity: sha512-ifVYWfVjXzeNx32XK7twC8xMzVYfOqFGETEuwww/Oo8OZQe/tv+huAjP+05qP8omK+IfLmPWN0omZ7YvIvejMw==}
+    engines: {node: '>=0.10.0'}
+
+  is-arguments@1.2.0:
+    resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
+    engines: {node: '>= 0.4'}
+
   is-array-buffer@3.0.1:
     resolution: {integrity: sha512-ASfLknmY8Xa2XtB4wmbz13Wu202baeA18cJBCeCy0wXUHZF0IPyVEXqKEcd+t2fNSLLL1vC6k7lxZEojNbISXQ==}
 
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
+    engines: {node: '>= 0.4'}
+
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
+  is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
+    engines: {node: '>= 0.4'}
+
   is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
 
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
+
+  is-binary-buffer@1.0.0:
+    resolution: {integrity: sha512-fP08vt1YuBWSWdDCWkHUDo/Gb+YpnsiK41w2kP3iAkWhMKV4uuAAwPQm9GkA4r+OCDzpa+APIOaHZW6d83e5Ug==}
+    engines: {node: '>=4'}
+
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -1838,6 +2921,13 @@ packages:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
     engines: {node: '>= 0.4'}
 
+  is-boolean-object@1.2.2:
+    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
+    engines: {node: '>= 0.4'}
+
+  is-buffer@1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+
   is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
@@ -1848,23 +2938,67 @@ packages:
   is-core-module@2.11.0:
     resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
 
+  is-data-descriptor@1.0.1:
+    resolution: {integrity: sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==}
+    engines: {node: '>= 0.4'}
+
+  is-data-view@1.0.2:
+    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
+    engines: {node: '>= 0.4'}
+
   is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
     engines: {node: '>= 0.4'}
 
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
+    engines: {node: '>= 0.4'}
+
+  is-descriptor@0.1.7:
+    resolution: {integrity: sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==}
+    engines: {node: '>= 0.4'}
+
+  is-descriptor@1.0.3:
+    resolution: {integrity: sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==}
+    engines: {node: '>= 0.4'}
+
   is-docker@2.2.1:
     resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
     engines: {node: '>=8'}
     hasBin: true
 
+  is-dotfile@1.0.3:
+    resolution: {integrity: sha512-9YclgOGtN/f8zx0Pr4FQYMdibBiTaH3sn52vjYip4ZSf6C4/6RfTEZ+MR4GvKhCxdPh21Bg42/WL55f6KSnKpg==}
+    engines: {node: '>=0.10.0'}
+
+  is-equal-shallow@0.1.3:
+    resolution: {integrity: sha512-0EygVC5qPvIyb+gSz7zdD5/AAoS6Qrx1e//6N4yv4oNm30kqvdmG66oZFWVlQHUWe5OjP08FuTw2IdT0EOTcYA==}
+    engines: {node: '>=0.10.0'}
+
   is-extendable@0.1.1:
     resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
     engines: {node: '>=0.10.0'}
 
+  is-extendable@1.0.1:
+    resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
+    engines: {node: '>=0.10.0'}
+
+  is-extglob@1.0.0:
+    resolution: {integrity: sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==}
+    engines: {node: '>=0.10.0'}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  is-finalizationregistry@1.1.1:
+    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
+    engines: {node: '>= 0.4'}
+
+  is-fullwidth-code-point@1.0.0:
+    resolution: {integrity: sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==}
+    engines: {node: '>=0.10.0'}
+
   is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -1873,18 +3007,57 @@ packages:
     resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
     engines: {node: '>=12'}
 
+  is-generator-function@1.1.0:
+    resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
+    engines: {node: '>= 0.4'}
+
+  is-generator@1.0.3:
+    resolution: {integrity: sha512-G56jBpbJeg7ds83HW1LuShNs8J73Fv3CPz/bmROHOHlnKkN8sWb9ujiagjmxxMUywftgq48HlBZELKKqFLk0oA==}
+
+  is-glob@2.0.1:
+    resolution: {integrity: sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==}
+    engines: {node: '>=0.10.0'}
+
+  is-glob@3.1.0:
+    resolution: {integrity: sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==}
+    engines: {node: '>=0.10.0'}
+
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+
   is-negative-zero@2.0.2:
     resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
     engines: {node: '>= 0.4'}
 
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
   is-number-object@1.0.7:
     resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
     engines: {node: '>= 0.4'}
 
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
+    engines: {node: '>= 0.4'}
+
+  is-number@2.1.0:
+    resolution: {integrity: sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==}
+    engines: {node: '>=0.10.0'}
+
+  is-number@3.0.0:
+    resolution: {integrity: sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==}
+    engines: {node: '>=0.10.0'}
+
+  is-number@4.0.0:
+    resolution: {integrity: sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==}
+    engines: {node: '>=0.10.0'}
+
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -1893,13 +3066,53 @@ packages:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
 
+  is-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+
+  is-plain-object@2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+
+  is-posix-bracket@0.1.1:
+    resolution: {integrity: sha512-Yu68oeXJ7LeWNmZ3Zov/xg/oDBnBK2RNxwYY1ilNJX+tKKZqgPK+qOn/Gs9jEu66KDY9Netf5XLKNGzas/vPfQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-primitive@2.0.0:
+    resolution: {integrity: sha512-N3w1tFaRfk3UrPfqeRyD+GYDASU3W5VinKhlORy8EWVf/sIdDL9GAcew85XmktCfH+ngG7SRXEVDoO18WMdB/Q==}
+    engines: {node: '>=0.10.0'}
+
   is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
 
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+
+  is-registered@0.1.5:
+    resolution: {integrity: sha512-dOOjAYNmKGtjoW229wn/SDmrO65oQcUvng9WUYF/AIZAQZG/l+puNUPt+/x7YCn4W9A33H6LItHgSETDmS0urg==}
+    engines: {node: '>=0.10.0'}
+
+  is-relative@0.2.1:
+    resolution: {integrity: sha512-9AMzjRmLqcue629b4ezEVSK6kJsYJlUIhMcygmYORUgwUNJiavHcC3HkaGx0XYpyVKQSOqFbMEZmW42cY87sYw==}
+    engines: {node: '>=0.10.0'}
+
+  is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+
   is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
 
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
+    engines: {node: '>= 0.4'}
+
+  is-stream@1.1.0:
+    resolution: {integrity: sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==}
+    engines: {node: '>=0.10.0'}
+
   is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
@@ -1912,10 +3125,18 @@ packages:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
     engines: {node: '>= 0.4'}
 
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
+    engines: {node: '>= 0.4'}
+
   is-symbol@1.0.4:
     resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
     engines: {node: '>= 0.4'}
 
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
+    engines: {node: '>= 0.4'}
+
   is-type-of@1.4.0:
     resolution: {integrity: sha512-EddYllaovi5ysMLMEN7yzHEKh8A850cZ7pykrY1aNRQGn/CDjRDE9qEWbIdt7xGEVJmjBXzU/fNnC4ABTm8tEQ==}
 
@@ -1923,22 +3144,107 @@ packages:
     resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==}
     engines: {node: '>= 0.4'}
 
+  is-typed-array@1.1.15:
+    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
+    engines: {node: '>= 0.4'}
+
+  is-unc-path@0.1.2:
+    resolution: {integrity: sha512-HhLc5VDMH4pu3oMtIuunz/DFQUIoR561kMME3U3Afhj8b7vH085vkIkemrz1kLXCEIuoMAmO3yVmafWdSbGW8w==}
+    engines: {node: '>=0.10.0'}
+
+  is-utf8@0.2.1:
+    resolution: {integrity: sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==}
+
+  is-valid-app@0.1.2:
+    resolution: {integrity: sha512-UKIjincKieawS6pPJjpH76qUmblicLSi0pqGCvFdscOM3pWgnrRBtB/iWIRYXKNCW8qjxb+6k12wFd82Kq94CA==}
+    engines: {node: '>=0.10.0'}
+
+  is-valid-app@0.2.1:
+    resolution: {integrity: sha512-2/qNSVFKyi5WiaIgv153Vt2ZM7T7HSlUu/m3HMnoyp6pk5NYhOUz0aU7Gx2DGYRnZ/8q+pMOwd93pCE8uWhvBg==}
+    engines: {node: '>=0.10.0'}
+
+  is-valid-app@0.3.0:
+    resolution: {integrity: sha512-6+PklNvJraE3XpoqWurkrPIqFIeJin5kwX+sJjcwhPcFY7TM0wjbJlPIBCvHtGawIfb4WtS1t22s7TdgQ0S+Xg==}
+    engines: {node: '>=0.10.0'}
+
+  is-valid-glob@0.3.0:
+    resolution: {integrity: sha512-CvG8EtJZ8FyzVOGPzrDorzyN65W1Ld8BVnqshRCah6pFIsprGx3dKgFtjLn/Vw9kGqR4OlR84U7yhT9ZVTyWIQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-valid-glob@1.0.0:
+    resolution: {integrity: sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==}
+    engines: {node: '>=0.10.0'}
+
+  is-valid-instance@0.1.0:
+    resolution: {integrity: sha512-js5DRu650+u3zcGfCe23npdFtPuBeLx3iR8q2vfCO4m1KqNz5R35fDQlLPm++gAzg5H+OJXDOG5LGyn8pzl/1Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-valid-instance@0.2.0:
+    resolution: {integrity: sha512-dNT7bamkigo07gvbnoBRABSNX1ayAhkcw6/3fYhVDhiPXiqnCouD4JMmrozyOx37UUlC+Se1j/jCfLo1fNs0Ng==}
+    engines: {node: '>=0.10.0'}
+
+  is-valid-instance@0.3.0:
+    resolution: {integrity: sha512-XEd0ddnORLW/Qf1+VMh7PnYb6XhWs0zK0C/Kh8muwj26IjdlCTlo7QQIjt8+efkE8RqtyzlqYNZE5SfN8ys9hQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+
   is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
 
+  is-weakref@1.1.1:
+    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
+    engines: {node: '>= 0.4'}
+
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
+    engines: {node: '>= 0.4'}
+
   is-what@3.14.1:
     resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==}
 
+  is-whitespace@0.3.0:
+    resolution: {integrity: sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==}
+    engines: {node: '>=0.10.0'}
+
+  is-windows@0.2.0:
+    resolution: {integrity: sha512-n67eJYmXbniZB7RF4I/FTjK1s6RPOCTxhYrVYLRaCt3lF0mpWZPKr3T2LSZAqyjQsxR2qMmGYXXzK0YWwcPM1Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+
   is-wsl@2.2.0:
     resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
     engines: {node: '>=8'}
 
+  isarray@0.0.1:
+    resolution: {integrity: sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==}
+
   isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
 
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  isobject@1.0.2:
+    resolution: {integrity: sha512-WQQgFoML/sLgmhu9zTekYHZUJaPoa/fpVMQ8oxIuOvppzs70DxxyHZdAIjwcuuNDOVtNYsahhqtBbUvKwhRcGw==}
+    engines: {node: '>=0.10.0'}
+
+  isobject@2.1.0:
+    resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
+    engines: {node: '>=0.10.0'}
+
+  isobject@3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+
   isstream@0.1.2:
     resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
 
@@ -1955,6 +3261,10 @@ packages:
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    hasBin: true
+
   js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -1976,6 +3286,10 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
+  json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -1987,15 +3301,62 @@ packages:
   jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
 
+  jspdf@3.0.1:
+    resolution: {integrity: sha512-qaGIxqxetdoNnFQQXxTKUD9/Z7AloLaw94fFsOiJMxbfYdBbrBuhWmbzI8TVjrw7s3jBY1PFHofBKMV/wZPapg==}
+
   jstoxml@2.2.9:
     resolution: {integrity: sha512-OYWlK0j+roh+eyaMROlNbS5cd5R25Y+IUpdl7cNdB8HNrkgwQzIS7L9MegxOiWNBj9dQhA/yAxiMwCC5mwNoBw==}
 
+  kind-of@1.1.0:
+    resolution: {integrity: sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==}
+    engines: {node: '>=0.10.0'}
+
+  kind-of@2.0.1:
+    resolution: {integrity: sha512-0u8i1NZ/mg0b+W3MGGw5I7+6Eib2nx72S/QvXa0hYjEkjTknYmEYQJwGu3mLC0BrhtJjtQafTkyRUQ75Kx0LVg==}
+    engines: {node: '>=0.10.0'}
+
+  kind-of@3.2.2:
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
+    engines: {node: '>=0.10.0'}
+
+  kind-of@4.0.0:
+    resolution: {integrity: sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==}
+    engines: {node: '>=0.10.0'}
+
+  kind-of@5.1.0:
+    resolution: {integrity: sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==}
+    engines: {node: '>=0.10.0'}
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
   knitwork@1.0.0:
     resolution: {integrity: sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q==}
 
   kolorist@1.6.0:
     resolution: {integrity: sha512-dLkz37Ab97HWMx9KTes3Tbi3D1ln9fCAy2zr2YVExJasDRPGRaKcoE4fycWNtnCAJfjFqe0cnY+f8KT2JePEXQ==}
 
+  layouts@0.11.0:
+    resolution: {integrity: sha512-Zt65tua9otUMsfoQMAKmUSMGBwgkchSCc33ko/xBBSGnc/Q4+G8gJgouynZy7/iSnzpt3+myRRDQ9HQ5cctSog==}
+    engines: {node: '>=0.10.0'}
+
+  lazy-cache@0.2.7:
+    resolution: {integrity: sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==}
+    engines: {node: '>=0.10.0'}
+
+  lazy-cache@1.0.4:
+    resolution: {integrity: sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==}
+    engines: {node: '>=0.10.0'}
+
+  lazy-cache@2.0.2:
+    resolution: {integrity: sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==}
+    engines: {node: '>=0.10.0'}
+
+  lazystream@1.0.1:
+    resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
+    engines: {node: '>= 0.6.3'}
+
   less@4.1.3:
     resolution: {integrity: sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==}
     engines: {node: '>=6'}
@@ -2023,10 +3384,30 @@ packages:
       enquirer:
         optional: true
 
+  load-helpers@0.2.11:
+    resolution: {integrity: sha512-+iUnxQSddtpXoeRrza02jbJOUgCbJGG6GGeE4WTf6nV0Z0uR+/+/h2RMfDAl5SI4Cd/fu5xFPqo0ibP3v9y1ew==}
+    engines: {node: '>=0.10.0'}
+
   load-json-file@4.0.0:
     resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
     engines: {node: '>=4'}
 
+  load-pkg@3.0.1:
+    resolution: {integrity: sha512-wW6PBOWKbPceeIamjHjoacmI0F7Q+JdHoYl1nYE3lGOQCmq+xAnfIp24dqhUSfsO6Y7YSlrmyi3JxvSiRnoivg==}
+    engines: {node: '>=0.10.0'}
+
+  load-templates@0.11.4:
+    resolution: {integrity: sha512-roLgv19smhcE2x9mBvuuUzj3u3jRL+lWr+7u6v0KSk2wtdX0v8KOEHYZGBUdMjY1YPIh9864YQdO0SqpxiA+6Q==}
+    engines: {node: '>=0.10.0'}
+
+  load-templates@1.0.2:
+    resolution: {integrity: sha512-UUfhwRTBH9V4Uf0gGX7FqU5RUdi9IvJWrY1AaPRCRkV/LE/cbudUtY0+YXZs1fNp1J4PFlwOMyrtfzSOCtBbJA==}
+    engines: {node: '>=0.10.0'}
+
+  loader-utils@1.4.2:
+    resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
+    engines: {node: '>=4.0.0'}
+
   local-pkg@0.4.3:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
     engines: {node: '>=14'}
@@ -2042,25 +3423,129 @@ packages:
   lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
 
+  lodash._arrayfilter@3.0.0:
+    resolution: {integrity: sha512-xi4jscMHMkWtF8vXNpmvAXTmes6gKMpXsWM8kKuJ5tfk/VhJujrAG2sVc/LBsUERkReV9blMG2GD4SjPHyqaTw==}
+
+  lodash._basecallback@3.3.1:
+    resolution: {integrity: sha512-LQffghuO63ufDY33KKO1ezGKbcFZK3ngYV7JpxaUomoM5acf0YeXU3Pm8csVE0girVs50TXzfNibl69Co3ggJA==}
+
+  lodash._baseeach@3.0.4:
+    resolution: {integrity: sha512-IqUZ9MQo2UT1XPGuBntInqTOlc+oV+bCo0kMp+yuKGsfvRSNgUW0YjWVZUrG/gs+8z/Eyuc0jkJjOBESt9BXxg==}
+
+  lodash._basefilter@3.0.0:
+    resolution: {integrity: sha512-EjWjqBE5KHmvrzgZ9tSvt7ggGmDF0pjPzaiUONQ97M4+YDYW8VMH3VnyKS/JHFoqDAYEIIx+3/Tg4C0zlC6qPA==}
+
+  lodash._baseisequal@3.0.7:
+    resolution: {integrity: sha512-U+3GsNEZj9ebI03ncLC2pLmYVjgtYZEwdkAPO7UGgtGvAz36JVFPAQUufpSaVL93Cz5arc6JGRKZRhaOhyVJYA==}
+
+  lodash._baseismatch@3.1.3:
+    resolution: {integrity: sha512-lq0Z+O/HfAJ16frtiZnvi2sLQrFfcYxK2q5R+n10+cWbXQ/Mz6R52mLOX/8R3npLGIO7Rq7zNP7ENTCJB/GN+g==}
+
+  lodash._basematches@3.2.0:
+    resolution: {integrity: sha512-E6aibw9mFnfTO8z4zu1Fc2Pgv102/c11RtunY0MBdnIRWy27CtwnTVBQjfXohtUoDH1BI+vxZ9+b2JJY13dt3A==}
+
+  lodash._bindcallback@3.0.1:
+    resolution: {integrity: sha512-2wlI0JRAGX8WEf4Gm1p/mv/SZ+jLijpj0jyaE/AXeuQphzCgD8ZQW4oSpoN8JAopujOFGU3KMuq7qfHBWlGpjQ==}
+
+  lodash._createwrapper@3.2.0:
+    resolution: {integrity: sha512-O8fi7P57KZQjtTJN3tbUAJsm6Coo35JVi4OiEU/WV0rrqaWemk+rRB/1ohiIiv1cIK3dIkVhMehaFOFyNZDYkQ==}
+
+  lodash._getnative@3.9.1:
+    resolution: {integrity: sha512-RrL9VxMEPyDMHOd9uFbvMe8X55X16/cGM5IgOKgRElQZutpX89iS6vwl64duTV1/16w5JY7tuFNXqoekmh1EmA==}
+
   lodash._reinterpolate@3.0.0:
     resolution: {integrity: sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==}
 
+  lodash._replaceholders@3.0.0:
+    resolution: {integrity: sha512-FbnZp+6+UaT8VzGNXUK8nIH7rC/P+c2te5R/rpjgwLY27OsEMqCyF6yOxqHMj9Qv3yelSVVuYzCjtrJzcKbAhg==}
+
+  lodash._root@3.0.1:
+    resolution: {integrity: sha512-O0pWuFSK6x4EXhM1dhZ8gchNtG7JMqBtrHdoUFUWXD7dJnNSUze1GuyQr5sOs0aCvgGeI3o/OJW8f4ca7FDxmQ==}
+
+  lodash.assign@4.2.0:
+    resolution: {integrity: sha512-hFuH8TY+Yji7Eja3mGiuAxBqLagejScbG8GbG0j6o9vzn0YL14My+ktnqtZgFTosKymC9/44wP6s7xyuLfnClw==}
+
+  lodash.bind@3.1.0:
+    resolution: {integrity: sha512-GaXlyWuJbyuJ54vRypYLVq1NS4v7QIBVicEX4lmW8PE5XaltCuFzWLG4WuXKYQ7SKfzxkiEsadQyuVOxym7paQ==}
+
+  lodash.filter@4.6.0:
+    resolution: {integrity: sha512-pXYUy7PR8BCLwX5mgJ/aNtyOvuJTdZAo9EQFUvMIYugqmJxnrYaANvTbgndOzHSCSR0wnlBBfRXJL5SbWxo3FQ==}
+
+  lodash.flatten@4.4.0:
+    resolution: {integrity: sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==}
+
+  lodash.foreach@4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
+
+  lodash.initial@4.1.1:
+    resolution: {integrity: sha512-/eZXy8y0IGQTuCKScq32mU+O/Qc160EfYPrAD7y4oXPAgWdQvyxxhTOIpl+tDfP86yT7jrMtUA8noSqYUdKWQg==}
+
+  lodash.isarguments@3.1.0:
+    resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
+
+  lodash.isarray@3.0.4:
+    resolution: {integrity: sha512-JwObCrNJuT0Nnbuecmqr5DgtuBppuCvGD9lxjFpAzwnVtdGoDQ1zig+5W8k5/6Gcn0gZ3936HDAlGd28i7sOGQ==}
+
+  lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
+    deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
+
+  lodash.istypedarray@3.0.6:
+    resolution: {integrity: sha512-lGWJ6N8AA3KSv+ZZxlTdn4f6A7kMfpJboeyvbFdE7IU9YAgweODqmOgdUHOA+c6lVWeVLysdaxciFXi+foVsWw==}
+
+  lodash.keys@3.1.2:
+    resolution: {integrity: sha512-CuBsapFjcubOGMn3VD+24HOAPxM79tH+V6ivJL3CHYjtrawauDJHUk//Yew9Hvc6e9rbCrURGk8z6PC+8WJBfQ==}
+
+  lodash.last@3.0.0:
+    resolution: {integrity: sha512-14mq7rSkCxG4XMy9lF2FbIOqqgF0aH0NfPuQ3LPR3vIh0kHnUvIYP70dqa1Hf47zyXfQ8FzAg0MYOQeSuE1R7A==}
+
+  lodash.map@4.6.0:
+    resolution: {integrity: sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q==}
+
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash.pairs@3.0.1:
+    resolution: {integrity: sha512-lgXvpU43ZNQrZ/pK2cR97YzKeAno3e3HhcyvLKsofljeHKrQcZhT1vW7fg4X61c92tM+mjD/DypoLZYuAKNIkQ==}
+
+  lodash.restparam@3.6.1:
+    resolution: {integrity: sha512-L4/arjjuq4noiUJpt3yS6KIKDtJwNe2fIYgMqyYYKoeIfV1iEqvPwhCx23o+R9dzouGihDAPN1dTIRWa7zk8tw==}
+
   lodash.template@4.5.0:
     resolution: {integrity: sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==}
 
   lodash.templatesettings@4.2.0:
     resolution: {integrity: sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==}
 
+  lodash.where@3.1.0:
+    resolution: {integrity: sha512-9iH6No94IEtewjRRAykRVVW4Sw0DULKFp9H7x92MvbYUjg5EHj/+o58/Jx/kxAu7UWJLItwBH4FemHaQIGFIeg==}
+
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
+  log-ok@0.1.1:
+    resolution: {integrity: sha512-cc8VrkS6C+9TFuYAwuHpshrcrGRAv7d0tUJ0GdM72ZBlKXtlgjUZF84O+OhQUdiVHoF7U/nVxwpjOdwUJ8d3Vg==}
+    engines: {node: '>=0.10.0'}
+
   log-update@4.0.0:
     resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
     engines: {node: '>=10'}
 
+  log-utils@0.1.5:
+    resolution: {integrity: sha512-5jLIj9RWWYxQbBhHDvNZTZE3J/oSTbw/fuPmsXJg8/vbY/4XiJ4YAiEPrwo3dLbcB/n9k1qTznOVr6IigiaF7A==}
+    engines: {node: '>=0.10.0'}
+
+  log-utils@0.2.1:
+    resolution: {integrity: sha512-udyegKoMz9eGfpKAX//Khy7sVAZ8b1F7oLDnepZv/1/y8xTvsyPgqQrM94eG8V0vcc2BieYI2kVW4+aa6m+8Qw==}
+    engines: {node: '>=0.10.0'}
+
+  longest@1.0.1:
+    resolution: {integrity: sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==}
+    engines: {node: '>=0.10.0'}
+
+  lower-case@1.1.4:
+    resolution: {integrity: sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==}
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -2090,6 +3575,52 @@ packages:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
     engines: {node: '>=6'}
 
+  make-iterator@1.0.1:
+    resolution: {integrity: sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==}
+    engines: {node: '>=0.10.0'}
+
+  map-cache@0.2.2:
+    resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
+    engines: {node: '>=0.10.0'}
+
+  map-config@0.5.0:
+    resolution: {integrity: sha512-7pgduXtyOXZ/py4n6IM8G+7wanqbRDPK5Myp7P3jUUAFQwzGDeuMm0N8Dxrwaf3bySqJpne4NdglRUxdw7I7QQ==}
+    engines: {node: '>=0.10.0'}
+
+  map-schema@0.2.4:
+    resolution: {integrity: sha512-1sgduImleUF+8NiS1wlqDJ8uhmJtFbLRjVW3PZP5IZJd1n+11eV91AnHI4jOYT2UCirriivNUgh6DG73V+G9QQ==}
+    engines: {node: '>=0.10.0'}
+
+  map-visit@0.1.5:
+    resolution: {integrity: sha512-zdmJBFvvVR/H5wCfsCP7XxSLp+346yAZ30Wy2OsQLcH19OVGMWa3Ms9quO00lj9ybsySu3gKOINNgICb4Zqauw==}
+    engines: {node: '>=0.10.0'}
+
+  map-visit@1.0.0:
+    resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
+    engines: {node: '>=0.10.0'}
+
+  match-file@0.2.2:
+    resolution: {integrity: sha512-BDEZIcrBSnooL0zC72Yt3z1HhJiCq+2pMnHKVDeYN/cilCrz3KrpqKPm4ZOfWCoDolRl4QyKQpfRlQWF6PqnjQ==}
+    engines: {node: '>=0.10.0'}
+
+  matched@0.4.4:
+    resolution: {integrity: sha512-zpasnbB5vQkvb0nfcKV0zEoGgMtV7atlWR1Vk3E8tEKh6EicMseKtVV+5vc+zsZwvDlcNMKlKK/CVOEeAalYRQ==}
+    engines: {node: '>= 0.12.0'}
+
+  matched@1.0.2:
+    resolution: {integrity: sha512-7ivM1jFZVTOOS77QsR+TtYHH0ecdLclMkqbf5qiJdX2RorqfhsL65QHySPZgDE0ZjHoh+mQUNHTanNXIlzXd0Q==}
+    engines: {node: '>= 0.12.0'}
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  math-random@1.0.4:
+    resolution: {integrity: sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==}
+
+  mdn-data@2.0.14:
+    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
+
   mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
@@ -2101,16 +3632,42 @@ packages:
     resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
     engines: {node: '>= 0.10.0'}
 
+  merge-deep@3.0.3:
+    resolution: {integrity: sha512-qtmzAS6t6grwEkNrunqTBdn0qKwFgNWvlxUbAV8es9M7Ot1EbyApytCnvE0jALPa46ZpKDUo527kKiaWplmlFA==}
+    engines: {node: '>=0.10.0'}
+
   merge-descriptors@1.0.3:
     resolution: {integrity: sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==}
 
+  merge-options@1.0.1:
+    resolution: {integrity: sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==}
+    engines: {node: '>=4'}
+
+  merge-stream@0.1.8:
+    resolution: {integrity: sha512-ivGsLZth/AkvevAzPlRLSie8Q3GdyH/5xUYgn+ItAJYslT0NsKd2cxx0bAjmqoY5swX0NoWJjvkDkfpaVZx9lw==}
+
+  merge-stream@1.0.1:
+    resolution: {integrity: sha512-e6RM36aegd4f+r8BZCcYXlO2P3H6xbUM6ktL2Xmf45GAOit9bI4z6/3VU7JwllVO1L7u0UDSg/EhzQ5lmMLolA==}
+
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
+  merge-value@1.0.0:
+    resolution: {integrity: sha512-fJMmvat4NeKz63Uv9iHWcPDjCWcCkoiRoajRTEO8hlhUC6rwaHg0QCF9hBOTjZmm4JuglPckPSTtcuJL5kp0TQ==}
+    engines: {node: '>=0.10.0'}
+
   merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
+  micromatch@2.3.11:
+    resolution: {integrity: sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==}
+    engines: {node: '>=0.10.0'}
+
+  micromatch@3.1.0:
+    resolution: {integrity: sha512-3StSelAE+hnRvMs8IdVW7Uhk8CVed5tp+kLLGlBP6WiRAXS21GPGu/Nat4WNPXj2Eoc24B02SaeoyozPMfj0/g==}
+    engines: {node: '>=0.10.0'}
+
   micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
     engines: {node: '>=8.6'}
@@ -2170,6 +3727,14 @@ packages:
   mitt@3.0.0:
     resolution: {integrity: sha512-7dX2/10ITVyqh4aOSVI9gdape+t9l2/8QxHrFmUXu4EEUpdlxl6RudZUPZoc+zuY2hk1j7XxVroIVIan/pD/SQ==}
 
+  mixin-deep@1.3.2:
+    resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
+    engines: {node: '>=0.10.0'}
+
+  mixin-object@2.0.1:
+    resolution: {integrity: sha512-ALGF1Jt9ouehcaXaHhn6t1yGWRqGaHkPFndtFVHfZXOvkIZ/yoGaSi0AHVTafb3ZBGg4dr/bDwnaEKqCXzchMA==}
+    engines: {node: '>=0.10.0'}
+
   mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
     hasBin: true
@@ -2206,6 +3771,9 @@ packages:
   muggle-string@0.1.0:
     resolution: {integrity: sha512-Tr1knR3d2mKvvWthlk7202rywKbiOm4rVFLsfAaSIhJ6dt9o47W4S+JMtWhd/PW9Wrdew2/S2fSvhz3E2gkfEg==}
 
+  mute-stream@0.0.5:
+    resolution: {integrity: sha512-EbrziT4s8cWPmzr47eYVW3wimS4HsvlnV5ri1xw1aR6JQo/OrJX5rkl32K/QQHdxeabJETtfeaROGhd8W7uBgg==}
+
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
@@ -2219,6 +3787,14 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  nanomatch@1.2.13:
+    resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
+    engines: {node: '>=0.10.0'}
+
+  nanoseconds@0.1.0:
+    resolution: {integrity: sha512-6yOHqTvJNI9xGmVHWQ4ZTYhGpT0O4h9N+uk/UuRVPI8TskViB4s4QL3y+jY/Yxsdz7gvoBGPCHWRUibOyyYMwA==}
+    engines: {node: '>=0.10.0'}
+
   natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
 
@@ -2230,9 +3806,15 @@ packages:
     engines: {node: '>= 4.4.x'}
     hasBin: true
 
+  next-tick@0.2.2:
+    resolution: {integrity: sha512-f7h4svPtl+QidoBv4taKXUjJ70G2asaZ8G28nS0OkqaalX8dwwrtWtyxEDPK62AC00ur/+/E0pUwBwY5EPn15Q==}
+
   nice-try@1.0.5:
     resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
 
+  no-case@2.3.2:
+    resolution: {integrity: sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==}
+
   node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
@@ -2242,16 +3824,33 @@ packages:
   node-releases@2.0.9:
     resolution: {integrity: sha512-2xfmOrRkGogbTK9R6Leda0DGiXeY3p2NJpy4+gNCffdUvV6mdEJnaDEic1i3Ec2djAo8jWYoJMR5PB0MSMpxUA==}
 
+  noncharacters@1.1.0:
+    resolution: {integrity: sha512-U69XzMNq7UQXR27xT17tkQsHPsLc+5W9yfXvYzVCwFxghVf+7VttxFnCKFMxM/cHD+/QIyU009263hxIIurj4g==}
+    engines: {node: '>=0.10.0'}
+
   normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
 
+  normalize-path@2.1.1:
+    resolution: {integrity: sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==}
+    engines: {node: '>=0.10.0'}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
+  normalize-pkg@0.3.20:
+    resolution: {integrity: sha512-kM3ee93xDLnhu7R1j2BpJ+0zenlOB5ZE6H+vt2iCNXdGgcxedzweZn6UeW5p2iJEdkNYaXDoJm8uoSLiXF4eBw==}
+    engines: {node: '>= 0.10.0'}
+    hasBin: true
+
   normalize.css@8.0.1:
     resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
 
+  now-and-later@0.0.6:
+    resolution: {integrity: sha512-qNIeNeH6v6KbriliCoOEmKhelv+66P2yCKEQta3MYcwN98S3NrVMgYEh9hWxJRPqPna3d7r0KElZQKQkAm0/jA==}
+    engines: {node: '>= 0.10'}
+
   npm-run-all@4.1.5:
     resolution: {integrity: sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==}
     engines: {node: '>= 4'}
@@ -2271,6 +3870,10 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
+  number-is-nan@1.0.1:
+    resolution: {integrity: sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==}
+    engines: {node: '>=0.10.0'}
+
   number-precision@1.6.0:
     resolution: {integrity: sha512-05OLPgbgmnixJw+VvEh18yNPUo3iyp4BEWJcrLu4X9W05KmMifN7Mu5exYvQXqxxeNWhvIF+j3Rij+HmddM/hQ==}
 
@@ -2278,26 +3881,69 @@ packages:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
+  object-copy@0.1.0:
+    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
+    engines: {node: '>=0.10.0'}
+
   object-inspect@1.12.3:
     resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
 
   object-inspect@1.13.1:
     resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
 
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
   object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
+  object-visit@0.3.4:
+    resolution: {integrity: sha512-6QNyX7uTuwqxP7pmDBqgBDKdmZws1rXriUyXM5KG6+7J0aYRuuAGoc636IGdLzgOL77WUwL+EpoTJrEHwWsyOA==}
+    engines: {node: '>=0.10.0'}
+
+  object-visit@1.0.1:
+    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
+    engines: {node: '>=0.10.0'}
+
   object.assign@4.1.4:
     resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
     engines: {node: '>= 0.4'}
 
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
+    engines: {node: '>= 0.4'}
+
+  object.omit@2.0.1:
+    resolution: {integrity: sha512-UiAM5mhmIuKLsOvrL+B0U2d1hXHF3bFYWIuH1LMpuV2EJEHG1Ntz06PgLEHjm6VFd87NpH8rastvPoyv6UW2fA==}
+    engines: {node: '>=0.10.0'}
+
+  object.pick@1.3.0:
+    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
+    engines: {node: '>=0.10.0'}
+
   ofetch@0.4.21:
     resolution: {integrity: sha512-ZSxLju8DFMTANmM18BTMqKkW6Q9vbjYwiV8EYKDzckBG05HQs7xYYf6E20yTvt0z932BToCryDToANhwwPzRhA==}
 
+  omit-empty@0.3.6:
+    resolution: {integrity: sha512-P5zl3TYREgcRAjjyj9kYHNhVtOOXMlCyYh/KNm53oUZNKpGOBbS0WLdRcThDPWbuFleXlbCd1KTBRZD86nj3RA==}
+    engines: {node: '>=0.10.0'}
+
+  omit-empty@0.4.1:
+    resolution: {integrity: sha512-NwnVOAaLwUEYmvvwLKKqvG6BkSG0pu0yKhKc6uYbWerkIXe6Wi2HQ1qoL+Wksj3DCauRuNKIjZUsLyjLj1/lrw==}
+    engines: {node: '>=0.10.0'}
+
+  once@1.3.3:
+    resolution: {integrity: sha512-6vaNInhu+CHxtONf3zw3vq4SP2DOQhjBvIa3rNcG0+P7eKWlYH6Peu7rHizSloRU2EwMz6GraLieis9Ac9+p1w==}
+
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
+  onetime@1.1.0:
+    resolution: {integrity: sha512-GZ+g4jayMqzCRMgB2sol7GiCLjKfS1PINkjmx8spcKce1LiVqcbQreXwqs2YAFXC6R03VIG28ZS31t8M866v6A==}
+    engines: {node: '>=0.10.0'}
+
   onetime@5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
@@ -2310,10 +3956,21 @@ packages:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
 
+  option-cache@3.5.0:
+    resolution: {integrity: sha512-Hr14410H8ajAHeUirXZtuE9drwy8e85l0CssHB/k7Y6nRkleKsGAzB/gwltUzsnIqr9Y+7ZQ+H16GYWAJH3PVg==}
+    engines: {node: '>=0.10.0'}
+
   optionator@0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
     engines: {node: '>= 0.8.0'}
 
+  ordered-read-streams@0.3.0:
+    resolution: {integrity: sha512-xQvd8qvx9U1iYY9aVqPpoF5V9uaWJKV6ZGljkh/jkiNX0DiQsjbWvRumbh10QTMDE8DheaOEU8xi0szbrgjzcw==}
+
+  os-homedir@1.0.2:
+    resolution: {integrity: sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==}
+    engines: {node: '>=0.10.0'}
+
   os-name@1.0.3:
     resolution: {integrity: sha512-f5estLO2KN8vgtTRaILIgEGBoBrMnZ3JQ7W9TMZCnOIGwHe8TRGSpcagnWDo+Dfhd/z08k9Xe75hvciJJ8Qaew==}
     engines: {node: '>=0.10.0'}
@@ -2324,6 +3981,10 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
+  own-keys@1.0.1:
+    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
+    engines: {node: '>= 0.4'}
+
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
@@ -2336,10 +3997,34 @@ packages:
     resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
     engines: {node: '>=10'}
 
+  pad-right@0.2.2:
+    resolution: {integrity: sha512-4cy8M95ioIGolCoMmm2cMntGR1lPLEbOMzOKu8bzjuJP6JpzEMQcDHmh7hHLYGgob+nKe1YHFMaG4V59HQa89g==}
+    engines: {node: '>=0.10.0'}
+
+  paginationator@0.1.4:
+    resolution: {integrity: sha512-o46P8Z9DK0blcmY7F95SnsBWZ6bow3HAcLKXlgIc/SZE8og21qrxL14nAi6Wy8E0Iw06wA0yS5icSayXw8BU8A==}
+    engines: {node: '>=0.10.0'}
+
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-author@1.0.0:
+    resolution: {integrity: sha512-OrNKo0jTFjJNCT0UKOPtnUctvGJvKdfB5ild+r3xwg/TgU5k2CCZW4fU9uJdKJ3njVFw5InP/2gd+n2vEXKgLQ==}
+    engines: {node: '>=0.10.0'}
+
+  parse-git-config@1.1.1:
+    resolution: {integrity: sha512-S3LGXJZVSy/hswvbSkfdbKBRVsnqKrVu6j8fcvdtJ4TxosSELyQDsJPuGPXuZ+EyuYuJd3O4uAF8gcISR0OFrQ==}
+    engines: {node: '>=0.10.0'}
+
+  parse-github-url@0.3.2:
+    resolution: {integrity: sha512-vawkgsrRR8wm/nqFTVQIl9G/VkRJK2VVo0ECPni20WRV+NOmHXGilnWwC/EjVqRqQ4oSIKwRKP1jW8CjlxlJ2Q==}
+    engines: {node: '>=0.10.0'}
+
+  parse-glob@3.0.4:
+    resolution: {integrity: sha512-FC5TeK0AwXzq3tUBFtH74naWkPQCEWs4K+xMxWZBlKDWu0bVHXGZa+KKqxKidd7xwhdZ19ZNuF2uO1M/r196HA==}
+    engines: {node: '>=0.10.0'}
+
   parse-json@4.0.0:
     resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
     engines: {node: '>=4'}
@@ -2348,6 +4033,21 @@ packages:
     resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
     engines: {node: '>= 0.10'}
 
+  parse-passwd@1.0.0:
+    resolution: {integrity: sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==}
+    engines: {node: '>=0.10.0'}
+
+  parser-front-matter@1.6.4:
+    resolution: {integrity: sha512-eqtUnI5+COkf1CQOYo8FmykN5Zs+5Yr60f/7GcPgQDZEEjdE/VZ4WMaMo9g37foof8h64t/TH2Uvk2Sq0fDy/g==}
+    engines: {node: '>=0.10.0'}
+
+  pascalcase@0.1.1:
+    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
+    engines: {node: '>=0.10.0'}
+
+  path-dirname@1.0.2:
+    resolution: {integrity: sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -2371,6 +4071,9 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
+  path-to-regexp@1.9.0:
+    resolution: {integrity: sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==}
+
   path-type@3.0.0:
     resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
     engines: {node: '>=4'}
@@ -2379,6 +4082,9 @@ packages:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
+  pathe@0.2.0:
+    resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
+
   pathe@1.1.0:
     resolution: {integrity: sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==}
 
@@ -2391,6 +4097,9 @@ packages:
   perfect-debounce@0.1.3:
     resolution: {integrity: sha512-NOT9AcKiDGpnV/HBhI22Str++XWcErO/bALvHCuhv33owZW/CjH8KAFLZDCmu3727sihe0wTxpDhyGc6M8qacQ==}
 
+  performance-now@2.1.0:
+    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
+
   picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
@@ -2428,6 +4137,10 @@ packages:
       typescript:
         optional: true
 
+  pkg-store@0.2.2:
+    resolution: {integrity: sha512-1JZVLbIRN6Dgsfk918EMZyL/T4NvJduSaT7n6ssHO3FV1FCrg6zjHJmuj3+Fb/Y5nBe3IBDoMYsY6Jf2IoRH0A==}
+    engines: {node: '>=0.10.0'}
+
   pkg-types@1.0.1:
     resolution: {integrity: sha512-jHv9HB+Ho7dj6ItwppRDDl0iZRYBD0jsakHXtFgoLr+cHSF6xC+QL54sJmWxyGxOLYSHm0afhXhXcQDQqH9z8g==}
 
@@ -2437,13 +4150,30 @@ packages:
   platform@1.3.6:
     resolution: {integrity: sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==}
 
+  posix-character-classes@0.1.1:
+    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
+    engines: {node: '>=0.10.0'}
+
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
+    engines: {node: '>= 0.4'}
+
   postcss-import-resolver@2.0.0:
     resolution: {integrity: sha512-y001XYgGvVwgxyxw9J1a5kqM/vtmIQGzx34g0A0Oy44MFcy/ZboZw1hu/iN3VYFjSTRzbvd7zZJJz0Kh0AGkTw==}
 
+  postcss-prefix-selector@1.16.1:
+    resolution: {integrity: sha512-Umxu+FvKMwlY6TyDzGFoSUnzW+NOfMBLyC1tAkIjgX+Z/qGspJeRjVC903D7mx7TuBpJlwti2ibXtWuA7fKMeQ==}
+    peerDependencies:
+      postcss: '>4 <9'
+
   postcss-selector-parser@6.0.11:
     resolution: {integrity: sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==}
     engines: {node: '>=4'}
 
+  postcss@5.2.18:
+    resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
+    engines: {node: '>=0.12'}
+
   postcss@8.4.21:
     resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -2452,10 +4182,31 @@ packages:
     resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
 
+  posthtml-parser@0.2.1:
+    resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
+
+  posthtml-rename-id@1.0.12:
+    resolution: {integrity: sha512-UKXf9OF/no8WZo9edRzvuMenb6AD5hDLzIepJW+a4oJT+T/Lx7vfMYWT4aWlGNQh0WMhnUx1ipN9OkZ9q+ddEw==}
+
+  posthtml-render@1.4.0:
+    resolution: {integrity: sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==}
+    engines: {node: '>=10'}
+
+  posthtml-svg-mode@1.0.3:
+    resolution: {integrity: sha512-hEqw9NHZ9YgJ2/0G7CECOeuLQKZi8HjWLkBaSVtOWjygQ9ZD8P7tqeowYs7WrFdKsWEKG7o+IlsPY8jrr0CJpQ==}
+
+  posthtml@0.9.2:
+    resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
+    engines: {node: '>=0.10.0'}
+
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
+  preserve@0.2.0:
+    resolution: {integrity: sha512-s/46sYeylUfHNjI+sA/78FAHlmIuKqI9wNnzEOGehAlUUYeObv5C2mOinXBjyUyWmJ2SfcS2/ydApH4hTF4WXQ==}
+    engines: {node: '>=0.10.0'}
+
   prettier-linter-helpers@1.0.0:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
     engines: {node: '>=6.0.0'}
@@ -2465,6 +4216,10 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
+  pretty-time@0.2.0:
+    resolution: {integrity: sha512-BwYVCPtnSq3nIGDK2rgwZTN2ClhBQmnG8pudrXIfGBwuMutIBj/W7wm/jz1WCHl/Kk2Q5i1Am1uD2Q74oPyBCw==}
+    engines: {node: '>=0.10.0'}
+
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -2472,6 +4227,11 @@ packages:
     resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
     engines: {node: '>=0.4.0'}
 
+  project-name@0.2.6:
+    resolution: {integrity: sha512-ZOxqunIi7fnAX+E0tE+FLHv2pSEa7IgEbnVG2s4wPxWL+p2cUk9KRDZV4lNkpfyrVR6rfOUBxIbctbJDo/qOTA==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
@@ -2489,22 +4249,56 @@ packages:
     resolution: {integrity: sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==}
     engines: {node: '>=0.6'}
 
+  query-string@4.3.4:
+    resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
+    engines: {node: '>=0.10.0'}
+
+  question-cache@0.4.0:
+    resolution: {integrity: sha512-QgX1mI/ZNBbG8M5gYfZQG/qxZRggP2Fk+WOqE/FKylmNwi5aWy6o1JSaojYrHT5JUtRdyG+wwVJSlTfW7UBmog==}
+    engines: {node: '>=0.10.0'}
+
+  question-cache@0.5.1:
+    resolution: {integrity: sha512-v9F1LnlSQIUEAGFtrfVX/76lH4u4zyV34t94o6EkguPTKKfbvV6SLH8h3pn7LXGZLmAgD1PbmVOuKMY8ZWnuPg==}
+    engines: {node: '>=0.10.0'}
+
+  question-store@0.11.1:
+    resolution: {integrity: sha512-rvyFpqLYQCO7FOnX+3qZ7b8K7omWkn9MWyj/7dknf7BaGZHo//fzBS2/0atmcvZfjT2mu1q64oiZIrsB7OqqGg==}
+    engines: {node: '>=0.10.0'}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
+  raf@3.4.1:
+    resolution: {integrity: sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==}
+
+  randomatic@3.1.1:
+    resolution: {integrity: sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==}
+    engines: {node: '>= 0.10.0'}
+
   rc9@2.0.1:
     resolution: {integrity: sha512-9EfjLgNmzP9255YX8bGnILQcmdtOXKtUlFTu8bOZPJVtaUDZ2imswcUdpK51tMjTRQyB7r5RebNijrzuyGXcVA==}
 
   rd@2.0.1:
     resolution: {integrity: sha512-/XdKU4UazUZTXFmI0dpABt8jSXPWcEyaGdk340KdHnsEOdkTctlX23aAK7ChQDn39YGNlAJr1M5uvaKt4QnpNw==}
 
+  read-file@0.2.0:
+    resolution: {integrity: sha512-na/zgd5KplGlR+io+ygXQMIoDfX/Y0bNS5+P2TOXOTk5plquOVd0snudCd30hZJAsnVK2rxuxUP2z0CN+Aw1lQ==}
+    engines: {node: '>=0.8'}
+
   read-pkg@3.0.0:
     resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
     engines: {node: '>=4'}
 
+  readable-stream@1.0.34:
+    resolution: {integrity: sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==}
+
   readable-stream@2.3.7:
     resolution: {integrity: sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==}
 
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
   readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -2513,14 +4307,71 @@ packages:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
 
+  readline2@1.0.1:
+    resolution: {integrity: sha512-8/td4MmwUB6PkZUbV25uKz7dfrmjYWxsW8DVfibWdlHRk/l/DfHKn4pU+dfcoGLFgWOdyGCzINRQD7jn+Bv+/g==}
+
+  reduce-object@0.1.3:
+    resolution: {integrity: sha512-7js/WmWoI5NRe/mfxUimt0rmj04lfhJIa8SDyt+OKasagu+KjffnVxElTKuZs1fRjytlN46BrDoVK+IsBVovtw==}
+    engines: {node: '>=0.10.0'}
+
+  reflect.getprototypeof@1.0.10:
+    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
+    engines: {node: '>= 0.4'}
+
+  regenerator-runtime@0.13.11:
+    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
+
+  regex-cache@0.4.4:
+    resolution: {integrity: sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==}
+    engines: {node: '>=0.10.0'}
+
+  regex-not@1.0.2:
+    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
+    engines: {node: '>=0.10.0'}
+
   regexp.prototype.flags@1.4.3:
     resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==}
     engines: {node: '>= 0.4'}
 
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
+    engines: {node: '>= 0.4'}
+
   regexpp@3.2.0:
     resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
     engines: {node: '>=8'}
 
+  relative@3.0.2:
+    resolution: {integrity: sha512-Q5W2qeYtY9GbiR8z1yHNZ1DGhyjb4AnLEjt8iE6XfcC1QIu+FAtj3HQaO0wH28H1mX6cqNLvAqWhP402dxJGyA==}
+    engines: {node: '>= 0.8.0'}
+
+  remote-origin-url@0.5.3:
+    resolution: {integrity: sha512-crQ7Xk1m/F2IiwBx5oTqk/c0hjoumrEz+a36+ZoVupskQRE/q7pAwHKsTNeiZ31sbSTELvVlVv4h1W0Xo5szKg==}
+    engines: {node: '>= 0.8.0'}
+
+  remove-trailing-separator@1.1.0:
+    resolution: {integrity: sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==}
+
+  repeat-element@1.1.4:
+    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
+    engines: {node: '>=0.10.0'}
+
+  repeat-string@1.6.1:
+    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
+    engines: {node: '>=0.10'}
+
+  replace-ext@0.0.1:
+    resolution: {integrity: sha512-AFBWBy9EVRTa/LhEcG8QDP3FvpwZqmvN2QFDuJswFeaVhWnZMp8q3E6Zd90SR04PlIwfGdyVjNyLPyen/ek5CQ==}
+    engines: {node: '>= 0.4'}
+
+  replace-ext@1.0.1:
+    resolution: {integrity: sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==}
+    engines: {node: '>= 0.10'}
+
+  repo-utils@0.3.7:
+    resolution: {integrity: sha512-NQmnug1GX04LoNb2bXGsCV3FzLDqmwf3qMmjToibrxI1CFV2uyE2XDdo9SYW8epfBK7wmw0ANhkmDtbGlrkyWQ==}
+    engines: {node: '>=0.10.0'}
+
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -2528,18 +4379,54 @@ packages:
   resize-observer-polyfill@1.5.1:
     resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
 
+  resolve-dir@0.1.1:
+    resolution: {integrity: sha512-QxMPqI6le2u0dCLyiGzgy92kjkkL6zO0XyvHzjdTNH3zM6e5Hz3BwG6+aEyNgiQ5Xz6PwTwgQEj3U50dByPKIA==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-dir@1.0.1:
+    resolution: {integrity: sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-file@0.2.2:
+    resolution: {integrity: sha512-3t2k4iUeMlX3PbjgZPcKzILg8HEtl0VW/lS8G+k4FCgj3kNn1uTOv6YJtm192rYMFpq9abzfJ2xd5W6ibOwVag==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-file@0.3.0:
+    resolution: {integrity: sha512-9RXicAgDvLD272hZ3HwJv9MJUGxCBRRwwSBRdOGWgcO03MtC9UTGC6XG1VbS4T5MvDrb+tVZx2RhZ90uk3uczg==}
+    engines: {node: '>=0.10.0'}
+
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
 
+  resolve-glob@1.0.0:
+    resolution: {integrity: sha512-wSW9pVGJRs89k0wEXhM7C6+va9998NsDhgc0Y+6Nv8hrHsu0hUS7Ug10J1EiVtU6N2tKlSNvx9wLihL8Ao22Lg==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-url@0.2.1:
+    resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
+    deprecated: https://github.com/lydell/resolve-url#deprecated
+
   resolve@1.22.1:
     resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
     hasBin: true
 
+  restore-cursor@1.0.1:
+    resolution: {integrity: sha512-reSjH4HuiFlxlaBaFCiS6O76ZGG2ygKoSlCsipKdaZuKSPx/+bt9mULkn4l0asVzbEfQQmXRg6Wp6gv6m0wElw==}
+    engines: {node: '>=0.10.0'}
+
   restore-cursor@3.1.0:
     resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
     engines: {node: '>=8'}
 
+  ret@0.1.15:
+    resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
+    engines: {node: '>=0.12'}
+
+  rethrow@0.2.3:
+    resolution: {integrity: sha512-vtB0AIP/FlRbR4stc8szvHXe+N4158/K1hRMZbFHljIiQAHru54M9LylbxNjBGHl9biuwQNVUdvRzVxv1QWAiA==}
+    engines: {node: '>=0.10.0'}
+
   reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -2547,6 +4434,19 @@ packages:
   rfdc@1.3.0:
     resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
 
+  rgbcolor@1.0.1:
+    resolution: {integrity: sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==}
+    engines: {node: '>= 0.8.15'}
+
+  right-align@0.1.3:
+    resolution: {integrity: sha512-yqINtL/G7vs2v+dFIZmFUDbnVyFUJFKd6gK22Kgo6R4jfJGFtisKyncWDDULgjfqf4ASQuIQyjJ7XZ+3aWpsAg==}
+    engines: {node: '>=0.10.0'}
+
+  rimraf@2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
+    hasBin: true
+
   rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
     hasBin: true
@@ -2566,18 +4466,39 @@ packages:
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
 
+  run-async@0.1.0:
+    resolution: {integrity: sha512-qOX+w+IxFgpUpJfkv2oGN0+ExPs68F4sZHfaRRx4dDexAQkG83atugKVEylyT5ARees3HBbfmuvnjbrd8j9Wjw==}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  rx-lite@4.0.8:
+    resolution: {integrity: sha512-Cun9QucwK6MIrp3mry/Y7hqD1oFqTYLQ4pGxaHTjIdaFDWRGGLikqp6u8LcWJnzpoALg9hap+JGk8sFIUuEGNA==}
+
   rxjs@7.8.0:
     resolution: {integrity: sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==}
 
+  safe-array-concat@1.1.3:
+    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
+    engines: {node: '>=0.4'}
+
   safe-buffer@5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
 
+  safe-push-apply@1.0.0:
+    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
+    engines: {node: '>= 0.4'}
+
   safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
 
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
+    engines: {node: '>= 0.4'}
+
+  safe-regex@1.1.0:
+    resolution: {integrity: sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==}
+
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
@@ -2611,10 +4532,52 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
 
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
+  set-getter@0.1.1:
+    resolution: {integrity: sha512-9sVWOy+gthr+0G9DzqqLaYNA7+5OKkSmcqjL9cBpDEaZrr3ShQlyX2cZ/O/ozE41oxn/Tt0LGEM/w4Rub3A3gw==}
+    engines: {node: '>=0.10.0'}
+
+  set-proto@1.0.0:
+    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
+    engines: {node: '>= 0.4'}
+
+  set-value@0.2.0:
+    resolution: {integrity: sha512-dJaeu7V8d1KwjePimg1oOpGp31cEw/uRcZlfL7wwemkr+A00ev/ZhikvSMiQ4hkf83d8JdY2AFoFmXsKzmHMSw==}
+    engines: {node: '>=0.10.0'}
+    deprecated: Critical bug fixed in v3.0.1, please upgrade to the latest version.
+
+  set-value@0.3.3:
+    resolution: {integrity: sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==}
+    engines: {node: '>=0.10.0'}
+    deprecated: Critical bug fixed in v3.0.1, please upgrade to the latest version.
+
+  set-value@0.4.3:
+    resolution: {integrity: sha512-2Z0LRUUvYeF7gIFFep48ksPq0NR09e5oKoFXznaMGNcu+EZAfGnyL0K6xno2gCqX6dZYEZRjrcn04/gvZzcKhQ==}
+    engines: {node: '>=0.10.0'}
+    deprecated: Critical bug fixed in v3.0.1, please upgrade to the latest version.
+
+  set-value@2.0.1:
+    resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
+    engines: {node: '>=0.10.0'}
+
+  set-value@3.0.3:
+    resolution: {integrity: sha512-Xsn/XSatoVOGBbp5hs3UylFDs5Bi9i+ArpVJKdHPniZHoEgRniXTqHWrWrGQ0PbEClVT6WtfnBwR8CAHC9sveg==}
+    engines: {node: '>=6.0'}
+
+  shallow-clone@0.1.2:
+    resolution: {integrity: sha512-J1zdXCky5GmNnuauESROVu31MQSnLoYvlyEn6j2Ztk6Q5EHFIhxkMhYcv6vuDzl2XEzoRr856QwzMgWM/TmZgw==}
+    engines: {node: '>=0.10.0'}
+
   shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
     engines: {node: '>=0.10.0'}
@@ -2634,6 +4597,18 @@ packages:
   shell-quote@1.8.0:
     resolution: {integrity: sha512-QHsz8GgQIGKlRi24yFc6a6lN69Idnx634w49ay6+jA5yFh7a1UY+4Rp6HPx/L/1zcEDPEij8cIsiqR6bQsE5VQ==}
 
+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
   side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
 
@@ -2641,6 +4616,10 @@ packages:
     resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
     engines: {node: '>= 0.4'}
 
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
+    engines: {node: '>= 0.4'}
+
   signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
@@ -2671,6 +4650,22 @@ packages:
     resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
     engines: {node: '>=12'}
 
+  snapdragon-node@2.1.1:
+    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
+    engines: {node: '>=0.10.0'}
+
+  snapdragon-util@3.0.1:
+    resolution: {integrity: sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==}
+    engines: {node: '>=0.10.0'}
+
+  snapdragon@0.8.2:
+    resolution: {integrity: sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==}
+    engines: {node: '>=0.10.0'}
+
+  sort-object-arrays@0.1.1:
+    resolution: {integrity: sha512-yqoVMBF2wzCdE4f2zeYKq2dQHe1WjGIdAV1dYSkXOFB+M3Bo+Bp0u+NdZCOETM3OC1VXerlruTD6Ckgus1NsnA==}
+    engines: {node: '>=0.10.0'}
+
   sortablejs@1.14.0:
     resolution: {integrity: sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==}
 
@@ -2682,6 +4677,18 @@ packages:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
 
+  source-map-resolve@0.5.3:
+    resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
+    deprecated: See https://github.com/lydell/source-map-resolve#deprecated
+
+  source-map-url@0.4.1:
+    resolution: {integrity: sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==}
+    deprecated: See https://github.com/lydell/source-map-url#deprecated
+
+  source-map@0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
+
   source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
@@ -2706,6 +4713,33 @@ packages:
   spdx-license-ids@3.0.12:
     resolution: {integrity: sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==}
 
+  split-string@1.0.1:
+    resolution: {integrity: sha512-ZuVODgxrpJnBD5LezfE484E2ArRF8HGgJqaiGBWvCbGS1iqynO45FQxBx7Ze4t45X9a994ejFD5kLhI6WtL1xA==}
+    engines: {node: '>=0.10.0'}
+
+  split-string@3.1.0:
+    resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
+    engines: {node: '>=0.10.0'}
+
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
+  src-stream@0.1.1:
+    resolution: {integrity: sha512-fczCn/BzNcH27V7unPzgCl+owTuC/Uv3UG9BQxGemRs6Fy1M2GFmYu1ZHQ2UjeYlGQqAmkModp949g235kYzcw==}
+    engines: {node: '>=0.10.0'}
+
+  stable@0.1.8:
+    resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
+    deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
+
+  stackblur-canvas@2.7.0:
+    resolution: {integrity: sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==}
+    engines: {node: '>=0.1.14'}
+
+  static-extend@0.1.2:
+    resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
+    engines: {node: '>=0.10.0'}
+
   statuses@1.5.0:
     resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
     engines: {node: '>= 0.6'}
@@ -2713,9 +4747,22 @@ packages:
   std-env@3.3.1:
     resolution: {integrity: sha512-3H20QlwQsSm2OvAxWIYhs+j01MzzqwMwGiiO1NQaJYZgJZFPuAbf95/DiKRBSTYIJ2FeGUc+B/6mPGcWP9dO3Q==}
 
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
+    engines: {node: '>= 0.4'}
+
+  stream-combiner@0.2.2:
+    resolution: {integrity: sha512-6yHMqgLYDzQDcAkL+tjJDC5nSNuNIx0vZtRZeiPh7Saef7VHX9H5Ijn9l2VIol2zaNYlYEX6KyuT/237A58qEQ==}
+
+  stream-exhaust@1.0.2:
+    resolution: {integrity: sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==}
+
   stream-http@2.8.2:
     resolution: {integrity: sha512-QllfrBhqF1DPcz46WxKTs6Mz1Bpc+8Qm6vbqOpVav5odAXwbyzwnEczoWqtxrsmlO+cJqtPrp/8gWKWjaKLLlA==}
 
+  stream-shift@1.0.3:
+    resolution: {integrity: sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==}
+
   stream-wormhole@1.1.0:
     resolution: {integrity: sha512-gHFfL3px0Kctd6Po0M8TzEvt3De/xu6cnRrjlfYNhwbhLPLwigI2t1nc6jrzNuaYg5C4YF78PPFuQPzRiqn9ew==}
     engines: {node: '>=4.0.0'}
@@ -2724,6 +4771,10 @@ packages:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
 
+  strict-uri-encode@1.1.0:
+    resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==}
+    engines: {node: '>=0.10.0'}
+
   string-argv@0.3.1:
     resolution: {integrity: sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==}
     engines: {node: '>=0.6.19'}
@@ -2740,15 +4791,38 @@ packages:
     resolution: {integrity: sha512-67otBXoksdjsnXXRUq+KMVTdlVRZ2af422Y0aTyTjVaoQkGr3mxl2Bc5emi7dOQ3OGVVQQskmLEWwFXwommpNw==}
     engines: {node: '>= 0.4'}
 
+  string.prototype.trim@1.2.10:
+    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
+    engines: {node: '>= 0.4'}
+
   string.prototype.trimend@1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==}
 
+  string.prototype.trimend@1.0.9:
+    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
+    engines: {node: '>= 0.4'}
+
   string.prototype.trimstart@1.0.6:
     resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==}
 
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
+  string_decoder@0.10.31:
+    resolution: {integrity: sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==}
+
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
+  stringify-author@0.1.3:
+    resolution: {integrity: sha512-OxmcAnr4DESGl/ics9lAv30DdOBC2bdqswEAzTiOZSQRqVpWfnmlr3cpfxTmExf7phS5WxBJ1flD1e3ResNTBA==}
+    engines: {node: '>=0.10.0'}
+
+  strip-ansi@3.0.1:
+    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
+    engines: {node: '>=0.10.0'}
+
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -2757,10 +4831,34 @@ packages:
     resolution: {integrity: sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==}
     engines: {node: '>=12'}
 
+  strip-bom-buffer@0.1.1:
+    resolution: {integrity: sha512-dbIOX/cOLFgLH/2ofd7n78uPD3uPkXyt3P1IgaVoGiPYEdOnb7D1mawyhOTXyYWva1kCuRxJY5FkMsVKYlZRRg==}
+    engines: {node: '>=0.10.0'}
+
+  strip-bom-stream@1.0.0:
+    resolution: {integrity: sha512-7jfJB9YpI2Z0aH3wu10ZqitvYJaE0s5IzFuWE+0pbb4Q/armTloEUShymkDO47YSLnjAW52mlXT//hs9wXNNJQ==}
+    engines: {node: '>=0.10.0'}
+
+  strip-bom-string@0.1.2:
+    resolution: {integrity: sha512-3DgNqQFTfOwWgxn3cXsa6h/WRgFa7dVb6/7YqwfJlBpLSSQbiU1VhaBNRKmtLI59CHjc9awLp9yGJREu7AnaMQ==}
+    engines: {node: '>=0.10.0'}
+
+  strip-bom-string@1.0.0:
+    resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
+    engines: {node: '>=0.10.0'}
+
+  strip-bom@2.0.0:
+    resolution: {integrity: sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==}
+    engines: {node: '>=0.10.0'}
+
   strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
+  strip-color@0.1.0:
+    resolution: {integrity: sha512-p9LsUieSjWNNAxVCXLeilaDlmuUOrDS5/dF9znM1nZc7EGX5+zEFC0bEevsNIaldjlks+2jns5Siz6F9iK6jwA==}
+    engines: {node: '>=0.10.0'}
+
   strip-final-newline@2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
@@ -2776,6 +4874,18 @@ packages:
   strip-literal@1.0.0:
     resolution: {integrity: sha512-5o4LsH1lzBzO9UFH63AJ2ad2/S2AVx6NtjOcaz+VTT2h1RiRvbipW72z8M/lxEhcPHDBQwpDrnTF7sXy/7OwCQ==}
 
+  success-symbol@0.1.0:
+    resolution: {integrity: sha512-7S6uOTxPklNGxOSbDIg4KlVLBQw1UiGVyfCUYgYxrZUKRblUkmGj7r8xlfQoFudvqLv6Ap5gd76/IIFfI9JG2A==}
+    engines: {node: '>=0.10.0'}
+
+  supports-color@2.0.0:
+    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
+    engines: {node: '>=0.8.0'}
+
+  supports-color@3.2.3:
+    resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
+    engines: {node: '>=0.8.0'}
+
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -2788,13 +4898,29 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  svg-baker@1.7.0:
+    resolution: {integrity: sha512-nibslMbkXOIkqKVrfcncwha45f97fGuAOn1G99YwnwTj8kF9YiM6XexPcUso97NxOm6GsP0SIvYVIosBis1xLg==}
+
+  svg-pathdata@6.0.3:
+    resolution: {integrity: sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==}
+    engines: {node: '>=12.0.0'}
+
   svg-tags@1.0.0:
     resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
 
+  svgo@2.8.0:
+    resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
   swiper@11.2.8:
     resolution: {integrity: sha512-S5FVf6zWynPWooi7pJ7lZhSUe2snTzqLuUzbd5h5PHUOhzgvW0bLKBd2wv0ixn6/5o9vwc/IkQT74CRcLJQzeg==}
     engines: {node: '>= 4.7.0'}
 
+  tableize-object@0.1.0:
+    resolution: {integrity: sha512-seDB76zNqvGXG0W8gxUteRuq1fk1dvSxcRVbeYQ1a1QqMkbtqrGwvqTubfN6VCizzlb7NxOPM/j3z9JeBrbxYg==}
+    engines: {node: '>=0.10.0'}
+
   tapable@1.1.3:
     resolution: {integrity: sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==}
     engines: {node: '>=6'}
@@ -2803,6 +4929,17 @@ packages:
     resolution: {integrity: sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==}
     engines: {node: '>=10'}
 
+  template-error@0.1.2:
+    resolution: {integrity: sha512-soS5m+iT4k/okmMyydvMjPlmyz3CowvMcOxfgoAqccmkyF81W3D+zMi4lhqbSIhTgLhKE/Bh8wUlXzr6F+ERCw==}
+    engines: {node: '>=0.10.0'}
+
+  templates@0.24.3:
+    resolution: {integrity: sha512-R5CUlz3atppbifPePB5Z2KGXCsB0Y87lQ/+ziizq/d3kyydDlNk40yX98RWLprNnKjTiwqeiuGjLJlPPJPYshg==}
+    engines: {node: '>=4.0.0'}
+
+  text-segmentation@1.0.3:
+    resolution: {integrity: sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==}
+
   text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
 
@@ -2813,24 +4950,80 @@ packages:
   thenify@3.3.1:
     resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
 
+  through2-filter@2.0.0:
+    resolution: {integrity: sha512-miwWajb1B80NvIVKXFPN/o7+vJc4jYUvnZCwvhicRAoTxdD9wbcjri70j+BenCrN/JXEPKDjhpw4iY7yiNsCGg==}
+
+  through2-filter@3.0.0:
+    resolution: {integrity: sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==}
+
+  through2@0.6.5:
+    resolution: {integrity: sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==}
+
+  through2@2.0.5:
+    resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
+
   through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
 
+  time-diff@0.3.1:
+    resolution: {integrity: sha512-8/LJTO3zKbhj6sQFeN3aoAA04GGjUgwKEquQVnKXkziHjEHadpIVIQ1rAjQgSVMnBRubJ/q5gMjK9WqXTzSykA==}
+    engines: {node: '>=0.10.0'}
+
+  time-stamp@1.1.0:
+    resolution: {integrity: sha512-gLCeArryy2yNTRzTGKbZbloctj64jkZ57hj5zdraXue6aFgd6PmvVtEyiUU+hvU0v7q08oVv8r8ev0tRo6bvgw==}
+    engines: {node: '>=0.10.0'}
+
+  to-absolute-glob@0.1.1:
+    resolution: {integrity: sha512-Vvl5x6zNf9iVG1QTWeknmWrKzZxaeKfIDRibrZCR3b2V/2NlFJuD2HV7P7AVjaKLZNqLPHqyr0jGrW0fTcxCPQ==}
+    engines: {node: '>=0.10.0'}
+
   to-arraybuffer@1.0.1:
     resolution: {integrity: sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==}
 
+  to-choices@0.2.0:
+    resolution: {integrity: sha512-oPVwP4jpJZM4R3Yvfcod8/OjddMoi33amdFzwZktcHAjddmIEAzQ9DQsdPKUr/Q4hLxNMWPys4Pn1qJdLiR4Kg==}
+    engines: {node: '>=0.10.0'}
+
   to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
 
+  to-file@0.2.0:
+    resolution: {integrity: sha512-xLyYVRKJQTwy2tKMOLD0M0yL+YSZVgMAzkaY9hh7GhzgBBHSIWARDkgPx8krPPm0mW5CgoIFsQEdKRFOyIRdqg==}
+    engines: {node: '>=0.10.0'}
+
+  to-object-path@0.2.0:
+    resolution: {integrity: sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==}
+    engines: {node: '>=0.10.0'}
+
+  to-object-path@0.3.0:
+    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
+    engines: {node: '>=0.10.0'}
+
+  to-regex-range@2.1.1:
+    resolution: {integrity: sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==}
+    engines: {node: '>=0.10.0'}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  to-regex@3.0.2:
+    resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
+    engines: {node: '>=0.10.0'}
+
   totalist@3.0.0:
     resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==}
     engines: {node: '>=6'}
 
+  traverse@0.6.11:
+    resolution: {integrity: sha512-vxXDZg8/+p3gblxB6BhhG5yWVn1kGRlaL8O78UDXc3wRnPizB5g83dcvWV1jpDMIPnjZjOFuxlMmE82XJ4407w==}
+    engines: {node: '>= 0.4'}
+
+  trim-leading-lines@0.1.1:
+    resolution: {integrity: sha512-ViFS8blDWJN4Jg10fyZ+sIAfkSSAn5NiTVywc3kKtMWK3DZjaV7FV86oX3i9KY6/gqYkdka/UNeM2/NMGttiyA==}
+    engines: {node: '>=0.10.0'}
+
   tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
 
@@ -2858,9 +5051,29 @@ packages:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
     engines: {node: '>=10'}
 
+  typed-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.3:
+    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.4:
+    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
+    engines: {node: '>= 0.4'}
+
   typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
 
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
+    engines: {node: '>= 0.4'}
+
+  typedarray.prototype.slice@1.0.5:
+    resolution: {integrity: sha512-q7QNVDGTdl702bVFiI5eY4l/HkgCM6at9KhcFbgUAzezHFbOVy4+0O/lCjsABEQwbZPravVfBIiBVGo89yzHFg==}
+    engines: {node: '>= 0.4'}
+
   typescript@4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==}
     engines: {node: '>=4.2.0'}
@@ -2875,6 +5088,14 @@ packages:
   unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
 
+  unbox-primitive@1.1.0:
+    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
+    engines: {node: '>= 0.4'}
+
+  unc-path-regex@0.1.2:
+    resolution: {integrity: sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==}
+    engines: {node: '>=0.10.0'}
+
   unconfig@0.3.7:
     resolution: {integrity: sha512-1589b7oGa8ILBYpta7TndM5mLHLzHUqBfhszeZxuUBrjO/RoQ52VGVWsS3w0C0GLNxO9RPmqkf6BmIvBApaRdA==}
 
@@ -2892,6 +5113,17 @@ packages:
   unimport@2.1.0:
     resolution: {integrity: sha512-GDVIxATluUquX8EqelT6DtnmnZaXGID1jsO9IXwlnxb0OIEqKAxTOnTlnGmHbseoGTh+ZC9kcNDaO18HYQj9KA==}
 
+  union-value@0.2.4:
+    resolution: {integrity: sha512-Tv3cqdyY8yjW9ZcJ9WP7JdHS34natzylD0oNRLlYbWOfUdC4EQ0sf3fubnqrK2IErtlmobFmuS1pWvv88VghpA==}
+    engines: {node: '>=0.10.0'}
+
+  union-value@1.0.1:
+    resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
+    engines: {node: '>=0.10.0'}
+
+  unique-stream@2.3.1:
+    resolution: {integrity: sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==}
+
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
@@ -2952,6 +5184,14 @@ packages:
     resolution: {integrity: sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==}
     engines: {node: '>=14.0.0'}
 
+  unset-value@0.1.2:
+    resolution: {integrity: sha512-yhv5I4TsldLdE3UcVQn0hD2T5sNCPv4+qm/CTUpRKIpwthYRIipsAPdsrNpOI79hPQa0rTTeW22Fq6JWRcTgNg==}
+    engines: {node: '>=0.10.0'}
+
+  unset-value@1.0.0:
+    resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
+    engines: {node: '>=0.10.0'}
+
   untyped@1.2.2:
     resolution: {integrity: sha512-EANYd5L6AdpgfldlgMcmvOOnj092nWhy0ybhc7uhEH12ipytDYz89EOegBQKj8qWL3u1wgYnmFjADhsuCJs5Aw==}
 
@@ -2961,9 +5201,21 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  update@0.7.4:
+    resolution: {integrity: sha512-B7HArWh4T6TSmMffmxlbD9gZM0QdboQ8N/p5aHcyhGCuuVRHSk37pvuQlAvi1XBrQMrEX5WJUQyQR8+jy/x4iQ==}
+    engines: {node: '>=5.0'}
+    hasBin: true
+
+  upper-case@1.1.3:
+    resolution: {integrity: sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==}
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  urix@0.1.0:
+    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
+    deprecated: Please see https://github.com/lydell/urix#deprecated
+
   urllib@2.41.0:
     resolution: {integrity: sha512-pNXdxEv52L67jahLT+/7QE+Fup1y2Gc6EdmrAhQ6OpQIC2rl14oWwv9hvk1GXOZqEnJNwRXHABuwgPOs1CtL7g==}
     engines: {node: '>= 0.10.0'}
@@ -2973,6 +5225,18 @@ packages:
       proxy-agent:
         optional: true
 
+  use@1.1.2:
+    resolution: {integrity: sha512-25Uw2xiVk0m2ySqmnu2GjOIROlImdXMRcpI6Cq7sZeG/zFZgFkSeo2+QwKNWJncfZOVS55eACoinvJ3EtprOBw==}
+    engines: {node: '>=0.10.0'}
+
+  use@2.0.2:
+    resolution: {integrity: sha512-RrhWfFWkNCz3djfSFZh7uSwu491QRhwNaHyAgB2sGl4kmmznb5ZUuuHpiWLVEsXOdpDakYK/x5+9o4lgg41UMw==}
+    engines: {node: '>=0.10.0'}
+
+  use@3.1.1:
+    resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
+    engines: {node: '>=0.10.0'}
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -2980,9 +5244,40 @@ packages:
     resolution: {integrity: sha512-PYxZDA+6QtvRvm//++aGdmKG/cI07jNwbROz0Ql+VzFV1+Z0Dy55NI4zZ7RHc9KKpBePNFwoErqIuqQv/cjiTA==}
     engines: {node: '>= 0.12.0'}
 
+  utrie@1.0.2:
+    resolution: {integrity: sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==}
+
+  vali-date@1.0.0:
+    resolution: {integrity: sha512-sgECfZthyaCKW10N0fm27cg8HYTFK5qMWgypqkXMQ4Wbl/zZKx7xZICgcoxIIE+WFAP/MBL2EFwC/YvLxw3Zeg==}
+    engines: {node: '>=0.10.0'}
+
   validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
 
+  vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+
+  vinyl-fs@2.4.4:
+    resolution: {integrity: sha512-lxMlQW/Wxk/pwhooY3Ut0Q11OH5ZvZfV0Gg1c306fBNWznQ6ZeQaCdE7XX0O/PpGSqgAsHMBxwFgcGxiYW3hZg==}
+    engines: {node: '>=0.10'}
+
+  vinyl-item@0.1.0:
+    resolution: {integrity: sha512-9L2HEcbtuTdKCLWDucRPObPoAxnUUCdAXg0QDf3aDPM3oFpb6C+yct/R31PA9EhLGeilNl8TF/inc3OwFSSEMg==}
+    engines: {node: '>=0.10.0'}
+
+  vinyl-view@0.1.2:
+    resolution: {integrity: sha512-qIc2qnXgOXZrT1Q1ViR1VMTjuylAi3Y/LSYSYfwJ6ZG7Ar5miUfioSIBu30bsHTo5dSz4ReDNSUw3lelCtc5Jw==}
+    engines: {node: '>=0.10.0'}
+
+  vinyl@1.2.0:
+    resolution: {integrity: sha512-Ci3wnR2uuSAWFMSglZuB8Z2apBdtOyz8CV7dC6/U1XbltXBC+IuutUkXQISz01P+US2ouBuesSbV6zILZ6BuzQ==}
+    engines: {node: '>= 0.9'}
+
+  vinyl@2.2.1:
+    resolution: {integrity: sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==}
+    engines: {node: '>= 0.10'}
+
   vite-plugin-compression@0.5.1:
     resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
     peerDependencies:
@@ -2994,6 +5289,11 @@ packages:
     peerDependencies:
       vite: '>2.0.0-0'
 
+  vite-plugin-svg-icons@2.0.1:
+    resolution: {integrity: sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==}
+    peerDependencies:
+      vite: '>=2.0.0'
+
   vite@4.0.4:
     resolution: {integrity: sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -3080,6 +5380,10 @@ packages:
     peerDependencies:
       vue: ^3.0.1
 
+  warning-symbol@0.1.0:
+    resolution: {integrity: sha512-1S0lwbHo3kNUKA4VomBAhqn4DPjQkIKSdbOin5K7EFUQNwyIKx+wZMGXKI53RUjla8V2B8ouQduUlgtx8LoSMw==}
+    engines: {node: '>=0.10.0'}
+
   webpack-sources@3.2.3:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
@@ -3093,6 +5397,22 @@ packages:
   which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
 
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
+
+  which-builtin-type@1.2.1:
+    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+
+  which-typed-array@1.1.19:
+    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
+    engines: {node: '>= 0.4'}
+
   which-typed-array@1.1.9:
     resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==}
     engines: {node: '>= 0.4'}
@@ -3125,6 +5445,14 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  write-json@0.2.2:
+    resolution: {integrity: sha512-3HOXDnA8CgyaObzkxKPTHBw0feFlYMn9Mi8ZIrnoNJTTMABn+XOhmTsVlX/P/WeZuXEV9ApvQvR1fpZOOQ5FOg==}
+    engines: {node: '>=0.10.0'}
+
+  write@0.2.1:
+    resolution: {integrity: sha512-CJ17OoULEKXpA5pef3qLj5AxTJ6mSt7g84he2WIskKwqFO4T97d5V7Tadl0DYDk7qyUOQD5WlUlOMChaYrhxeA==}
+    engines: {node: '>=0.10.0'}
+
   xml-name-validator@4.0.0:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}
@@ -3155,6 +5483,9 @@ packages:
     resolution: {integrity: sha512-e0WHiYql7+9wr4cWMx3TVQrNwejKaEe7/rHNmQmqRjazfOP5W8PB6Jpebb5o6fIapbz9o9+2ipcaTM2ZwDI6lw==}
     engines: {node: '>= 14'}
 
+  yargs-parser@2.4.1:
+    resolution: {integrity: sha512-9pIKIJhnI5tonzG6OnCFlz/yln8xHYcGl+pn3xR0Vzff0vzN1PbNRaelgfgRUwZ3s4i3jvxT9WhmUGL4whnasA==}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -3381,6 +5712,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/runtime@7.28.2': {}
+
   '@babel/standalone@7.20.14': {}
 
   '@babel/template@7.20.7':
@@ -3685,6 +6018,8 @@ snapshots:
 
   '@rushstack/eslint-patch@1.2.0': {}
 
+  '@trysound/sax@0.2.0': {}
+
   '@types/estree@1.0.0': {}
 
   '@types/json-schema@7.0.11': {}
@@ -3697,10 +6032,20 @@ snapshots:
 
   '@types/nprogress@0.2.3': {}
 
+  '@types/raf@3.4.3':
+    optional: true
+
   '@types/semver@7.3.13': {}
 
   '@types/sortablejs@1.15.8': {}
 
+  '@types/svgo@2.6.4':
+    dependencies:
+      '@types/node': 18.11.18
+
+  '@types/trusted-types@2.0.7':
+    optional: true
+
   '@types/web-bluetooth@0.0.16': {}
 
   '@typescript-eslint/eslint-plugin@5.50.0(@typescript-eslint/parser@5.50.0(eslint@8.33.0)(typescript@4.9.5))(eslint@8.33.0)(typescript@4.9.5)':
@@ -4181,14 +6526,178 @@ snapshots:
       - proxy-agent
       - supports-color
 
+  align-text@0.1.4:
+    dependencies:
+      kind-of: 3.2.2
+      longest: 1.0.1
+      repeat-string: 1.6.1
+
+  ansi-bgblack@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bgblue@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bgcyan@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bggreen@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bgmagenta@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bgred@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bgwhite@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bgyellow@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-black@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-blue@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-bold@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-colors@0.1.0:
+    dependencies:
+      ansi-bgblack: 0.1.1
+      ansi-bgblue: 0.1.1
+      ansi-bgcyan: 0.1.1
+      ansi-bggreen: 0.1.1
+      ansi-bgmagenta: 0.1.1
+      ansi-bgred: 0.1.1
+      ansi-bgwhite: 0.1.1
+      ansi-bgyellow: 0.1.1
+      ansi-black: 0.1.1
+      ansi-blue: 0.1.1
+      ansi-bold: 0.1.1
+      ansi-cyan: 0.1.1
+      ansi-dim: 0.1.1
+      ansi-gray: 0.1.1
+      ansi-green: 0.1.1
+      ansi-grey: 0.1.1
+      ansi-hidden: 0.1.1
+      ansi-inverse: 0.1.1
+      ansi-italic: 0.1.1
+      ansi-magenta: 0.1.1
+      ansi-red: 0.1.1
+      ansi-reset: 0.1.1
+      ansi-strikethrough: 0.1.1
+      ansi-underline: 0.1.1
+      ansi-white: 0.1.1
+      ansi-yellow: 0.1.1
+      lazy-cache: 0.2.7
+
+  ansi-colors@0.2.0:
+    dependencies:
+      ansi-bgblack: 0.1.1
+      ansi-bgblue: 0.1.1
+      ansi-bgcyan: 0.1.1
+      ansi-bggreen: 0.1.1
+      ansi-bgmagenta: 0.1.1
+      ansi-bgred: 0.1.1
+      ansi-bgwhite: 0.1.1
+      ansi-bgyellow: 0.1.1
+      ansi-black: 0.1.1
+      ansi-blue: 0.1.1
+      ansi-bold: 0.1.1
+      ansi-cyan: 0.1.1
+      ansi-dim: 0.1.1
+      ansi-gray: 0.1.1
+      ansi-green: 0.1.1
+      ansi-grey: 0.1.1
+      ansi-hidden: 0.1.1
+      ansi-inverse: 0.1.1
+      ansi-italic: 0.1.1
+      ansi-magenta: 0.1.1
+      ansi-red: 0.1.1
+      ansi-reset: 0.1.1
+      ansi-strikethrough: 0.1.1
+      ansi-underline: 0.1.1
+      ansi-white: 0.1.1
+      ansi-yellow: 0.1.1
+      lazy-cache: 2.0.2
+
+  ansi-cyan@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-dim@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-escapes@1.4.0: {}
+
   ansi-escapes@4.3.2:
     dependencies:
       type-fest: 0.21.3
 
+  ansi-gray@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-green@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-grey@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-hidden@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-inverse@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-italic@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-magenta@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-red@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-regex@2.1.1: {}
+
   ansi-regex@5.0.1: {}
 
   ansi-regex@6.0.1: {}
 
+  ansi-reset@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-strikethrough@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-styles@2.2.1: {}
+
   ansi-styles@3.2.1:
     dependencies:
       color-convert: 1.9.3
@@ -4199,6 +6708,20 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
+  ansi-underline@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-white@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
+  ansi-wrap@0.1.0: {}
+
+  ansi-yellow@0.1.1:
+    dependencies:
+      ansi-wrap: 0.1.0
+
   any-promise@1.3.0: {}
 
   anymatch@3.1.3:
@@ -4206,10 +6729,132 @@ snapshots:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
+  argparse@1.0.10:
+    dependencies:
+      sprintf-js: 1.0.3
+
   argparse@2.0.1: {}
 
+  arr-diff@2.0.0:
+    dependencies:
+      arr-flatten: 1.1.0
+
+  arr-diff@4.0.0: {}
+
+  arr-flatten@1.1.0: {}
+
+  arr-map@2.0.2:
+    dependencies:
+      make-iterator: 1.0.1
+
+  arr-pluck@0.1.0:
+    dependencies:
+      arr-map: 2.0.2
+
+  arr-union@3.1.0: {}
+
+  array-buffer-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
+
+  array-sort@0.1.4:
+    dependencies:
+      default-compare: 1.0.0
+      get-value: 2.0.6
+      kind-of: 5.1.0
+
   array-union@2.1.0: {}
 
+  array-unique@0.2.1: {}
+
+  array-unique@0.3.2: {}
+
+  arraybuffer.prototype.slice@1.0.4:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      is-array-buffer: 3.0.5
+
+  arrayify-compact@0.2.0:
+    dependencies:
+      arr-flatten: 1.1.0
+
+  assemble-core@0.25.0:
+    dependencies:
+      assemble-fs: 0.6.0
+      assemble-render-file: 0.7.2
+      assemble-streams: 0.6.0
+      base-task: 0.6.2
+      define-property: 0.2.5
+      lazy-cache: 2.0.2
+      templates: 0.24.3
+    transitivePeerDependencies:
+      - supports-color
+
+  assemble-fs@0.6.0:
+    dependencies:
+      assemble-handle: 0.1.4
+      extend-shallow: 2.0.1
+      is-valid-app: 0.2.1
+      lazy-cache: 2.0.2
+      stream-combiner: 0.2.2
+      through2: 2.0.5
+      vinyl-fs: 2.4.4
+    transitivePeerDependencies:
+      - supports-color
+
+  assemble-handle@0.1.4:
+    dependencies:
+      through2: 2.0.5
+
+  assemble-loader@0.6.1:
+    dependencies:
+      extend-shallow: 2.0.1
+      file-contents: 0.2.4
+      fs-exists-sync: 0.1.0
+      has-glob: 0.1.1
+      is-registered: 0.1.5
+      is-valid-glob: 0.3.0
+      is-valid-instance: 0.1.0
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      load-templates: 0.11.4
+
+  assemble-render-file@0.7.2:
+    dependencies:
+      debug: 2.6.9
+      is-valid-app: 0.1.2
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      through2: 2.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  assemble-streams@0.6.0:
+    dependencies:
+      assemble-handle: 0.1.4
+      is-registered: 0.1.5
+      is-valid-instance: 0.1.0
+      lazy-cache: 2.0.2
+      match-file: 0.2.2
+      src-stream: 0.1.1
+      through2: 2.0.5
+
+  assign-deep@0.4.8:
+    dependencies:
+      assign-symbols: 0.1.1
+      is-primitive: 2.0.0
+      kind-of: 5.1.0
+
+  assign-symbols@0.1.1: {}
+
+  assign-symbols@1.0.0: {}
+
   ast-kit@0.12.2:
     dependencies:
       '@babel/parser': 7.24.6
@@ -4222,10 +6867,49 @@ snapshots:
 
   astral-regex@2.0.0: {}
 
+  async-array-reduce@0.2.1: {}
+
+  async-done@0.4.0:
+    dependencies:
+      end-of-stream: 0.1.5
+      next-tick: 0.2.2
+      once: 1.4.0
+      stream-exhaust: 1.0.2
+
+  async-done@1.3.2:
+    dependencies:
+      end-of-stream: 1.4.4
+      once: 1.4.0
+      process-nextick-args: 2.0.1
+      stream-exhaust: 1.0.2
+
+  async-each-series@1.1.0: {}
+
+  async-each@1.0.6: {}
+
+  async-function@1.0.0: {}
+
+  async-helpers@0.3.17:
+    dependencies:
+      co: 4.6.0
+      kind-of: 6.0.3
+
+  async-settle@0.2.1:
+    dependencies:
+      async-done: 0.4.0
+
+  async@1.5.2: {}
+
   asynckit@0.4.0: {}
 
+  atob@2.1.2: {}
+
   available-typed-arrays@1.0.5: {}
 
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.1.0
+
   axios@1.3.0:
     dependencies:
       follow-redirects: 1.15.2
@@ -4238,10 +6922,351 @@ snapshots:
 
   b-validate@1.4.4: {}
 
+  bach@0.5.0:
+    dependencies:
+      async-done: 1.3.2
+      async-settle: 0.2.1
+      lodash.filter: 4.6.0
+      lodash.flatten: 4.4.0
+      lodash.foreach: 4.5.0
+      lodash.initial: 4.1.1
+      lodash.last: 3.0.0
+      lodash.map: 4.6.0
+      now-and-later: 0.0.6
+
   balanced-match@1.0.2: {}
 
+  base-argv@0.4.5:
+    dependencies:
+      arr-diff: 2.0.0
+      arr-union: 3.1.0
+      debug: 2.6.9
+      define-property: 0.2.5
+      expand-args: 0.4.3
+      extend-shallow: 2.0.1
+      lazy-cache: 1.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  base-cli-process@0.1.19:
+    dependencies:
+      arr-union: 3.1.0
+      arrayify-compact: 0.2.0
+      base-cli: 0.5.0
+      base-cli-schema: 0.1.19
+      base-config-process: 0.1.9
+      base-cwd: 0.3.4
+      base-option: 0.8.4
+      base-pkg: 0.2.5
+      debug: 2.6.9
+      export-files: 2.1.1
+      fs-exists-sync: 0.1.0
+      is-valid-app: 0.2.1
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      log-utils: 0.2.1
+      merge-deep: 3.0.3
+      mixin-deep: 1.3.2
+      object.pick: 1.3.0
+      pad-right: 0.2.2
+      union-value: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  base-cli-schema@0.1.19:
+    dependencies:
+      arr-flatten: 1.1.0
+      array-unique: 0.2.1
+      debug: 2.6.9
+      define-property: 0.2.5
+      export-files: 2.1.1
+      extend-shallow: 2.0.1
+      falsey: 0.3.2
+      fs-exists-sync: 0.1.0
+      has-glob: 0.1.1
+      has-value: 0.3.1
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      map-schema: 0.2.4
+      merge-deep: 3.0.3
+      mixin-deep: 1.3.2
+      resolve: 1.22.1
+      tableize-object: 0.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  base-cli@0.5.0:
+    dependencies:
+      base-argv: 0.4.5
+      base-config: 0.5.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base-compose@0.2.1:
+    dependencies:
+      copy-task: 0.1.0
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+
+  base-config-process@0.1.9:
+    dependencies:
+      base-config: 0.5.2
+      base-config-schema: 0.1.24
+      base-cwd: 0.3.4
+      base-option: 0.8.4
+      debug: 2.6.9
+      export-files: 2.1.1
+      is-valid-app: 0.2.1
+      lazy-cache: 2.0.2
+      micromatch: 2.3.11
+      mixin-deep: 1.3.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base-config-schema@0.1.24:
+    dependencies:
+      arr-flatten: 1.1.0
+      array-unique: 0.3.2
+      base-pkg: 0.2.5
+      camel-case: 3.0.0
+      debug: 2.6.9
+      define-property: 1.0.0
+      export-files: 2.1.1
+      extend-shallow: 2.0.1
+      has-glob: 1.0.0
+      has-value: 0.3.1
+      inflection: 1.13.4
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      load-templates: 1.0.2
+      map-schema: 0.2.4
+      matched: 0.4.4
+      mixin-deep: 1.3.2
+      resolve: 1.22.1
+    transitivePeerDependencies:
+      - supports-color
+
+  base-config@0.5.2:
+    dependencies:
+      isobject: 2.1.0
+      lazy-cache: 1.0.4
+      map-config: 0.5.0
+      resolve-dir: 0.1.1
+
+  base-cwd@0.3.4:
+    dependencies:
+      empty-dir: 0.2.1
+      find-pkg: 0.1.2
+      is-valid-app: 0.2.1
+    transitivePeerDependencies:
+      - supports-color
+
+  base-data@0.6.2:
+    dependencies:
+      arr-flatten: 1.1.0
+      cache-base: 1.0.1
+      extend-shallow: 2.0.1
+      get-value: 2.0.6
+      has-glob: 1.0.0
+      has-value: 1.0.0
+      is-registered: 0.1.5
+      is-valid-app: 0.3.0
+      kind-of: 5.1.0
+      lazy-cache: 2.0.2
+      merge-value: 1.0.0
+      mixin-deep: 1.3.2
+      read-file: 0.2.0
+      resolve-glob: 1.0.0
+      set-value: 2.0.1
+      union-value: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  base-engines@0.2.1:
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      engine-cache: 0.19.4
+      is-valid-app: 0.1.2
+      lazy-cache: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base-env@0.3.1:
+    dependencies:
+      base-namespace: 0.2.0
+      contains-path: 0.1.0
+      debug: 2.6.9
+      extend-shallow: 2.0.1
+      fs-exists-sync: 0.1.0
+      global-modules: 0.2.3
+      is-absolute: 0.2.6
+      is-valid-app: 0.1.2
+      is-valid-instance: 0.1.0
+      kind-of: 3.2.2
+      os-homedir: 1.0.2
+      resolve-file: 0.3.0
+    transitivePeerDependencies:
+      - supports-color
+
+  base-generators@0.4.6:
+    dependencies:
+      async-each-series: 1.1.0
+      base-compose: 0.2.1
+      base-cwd: 0.3.4
+      base-data: 0.6.2
+      base-env: 0.3.1
+      base-option: 0.8.4
+      base-pkg: 0.2.5
+      base-plugins: 0.4.13
+      base-task: 0.6.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      global-modules: 0.2.3
+      is-valid-app: 0.2.1
+      is-valid-instance: 0.2.0
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base-helpers@0.1.1:
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      is-valid-app: 0.1.2
+      lazy-cache: 2.0.2
+      load-helpers: 0.2.11
+    transitivePeerDependencies:
+      - supports-color
+
+  base-namespace@0.2.0:
+    dependencies:
+      is-valid-app: 0.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base-option@0.8.4:
+    dependencies:
+      define-property: 0.2.5
+      get-value: 2.0.6
+      is-valid-app: 0.2.1
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      option-cache: 3.5.0
+      set-value: 0.3.3
+    transitivePeerDependencies:
+      - supports-color
+
+  base-pkg@0.2.5:
+    dependencies:
+      cache-base: 1.0.1
+      debug: 2.6.9
+      define-property: 1.0.0
+      expand-pkg: 0.1.9
+      extend-shallow: 2.0.1
+      is-valid-app: 0.3.0
+      log-utils: 0.2.1
+      pkg-store: 0.2.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base-plugins@0.4.13:
+    dependencies:
+      define-property: 0.2.5
+      is-registered: 0.1.5
+      isobject: 2.1.0
+
+  base-questions@0.7.4:
+    dependencies:
+      base-store: 0.4.4
+      clone-deep: 0.2.4
+      debug: 2.6.9
+      define-property: 0.2.5
+      is-valid-app: 0.2.1
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      question-store: 0.11.1
+    transitivePeerDependencies:
+      - supports-color
+
+  base-routes@0.2.2:
+    dependencies:
+      debug: 2.6.9
+      en-route: 0.7.5
+      is-valid-app: 0.2.1
+      lazy-cache: 2.0.2
+      template-error: 0.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base-runtimes@0.2.0:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-valid-app: 0.2.1
+      lazy-cache: 2.0.2
+      log-utils: 0.1.5
+      micromatch: 2.3.11
+      time-diff: 0.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  base-store@0.4.4:
+    dependencies:
+      data-store: 0.16.1
+      debug: 2.6.9
+      extend-shallow: 2.0.1
+      is-registered: 0.1.5
+      is-valid-instance: 0.1.0
+      lazy-cache: 2.0.2
+      project-name: 0.2.6
+    transitivePeerDependencies:
+      - supports-color
+
+  base-task@0.6.2:
+    dependencies:
+      composer: 0.13.0
+      is-valid-app: 0.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  base64-arraybuffer@1.0.2: {}
+
+  base@0.11.2:
+    dependencies:
+      cache-base: 1.0.1
+      class-utils: 0.3.6
+      component-emitter: 1.3.1
+      define-property: 1.0.0
+      isobject: 3.0.1
+      mixin-deep: 1.3.2
+      pascalcase: 0.1.1
+
+  base@0.8.1:
+    dependencies:
+      arr-union: 3.1.0
+      cache-base: 0.8.5
+      class-utils: 0.3.6
+      component-emitter: 1.3.1
+      debug: 2.6.9
+      define-property: 0.2.5
+      lazy-cache: 1.0.4
+      mixin-deep: 1.3.2
+    transitivePeerDependencies:
+      - supports-color
+
+  batch-processor@1.0.0: {}
+
+  big.js@5.2.2: {}
+
   binary-extensions@2.2.0: {}
 
+  bluebird@3.7.2: {}
+
   boolbase@1.0.0: {}
 
   bowser@1.9.4: {}
@@ -4255,6 +7280,27 @@ snapshots:
     dependencies:
       balanced-match: 1.0.2
 
+  braces@1.8.5:
+    dependencies:
+      expand-range: 1.8.2
+      preserve: 0.2.0
+      repeat-element: 1.1.4
+
+  braces@2.3.2:
+    dependencies:
+      arr-flatten: 1.1.0
+      array-unique: 0.3.2
+      extend-shallow: 2.0.1
+      fill-range: 4.0.0
+      isobject: 3.0.1
+      repeat-element: 1.1.4
+      snapdragon: 0.8.2
+      snapdragon-node: 2.1.1
+      split-string: 3.1.0
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   braces@3.0.2:
     dependencies:
       fill-range: 7.0.1
@@ -4266,6 +7312,8 @@ snapshots:
       node-releases: 2.0.9
       update-browserslist-db: 1.0.10(browserslist@4.21.5)
 
+  btoa@1.2.1: {}
+
   builtin-status-codes@3.0.0: {}
 
   busboy@1.6.0:
@@ -4287,6 +7335,36 @@ snapshots:
 
   cac@6.7.14: {}
 
+  cache-base@0.8.5:
+    dependencies:
+      collection-visit: 0.2.3
+      component-emitter: 1.3.1
+      get-value: 2.0.6
+      has-value: 0.3.1
+      isobject: 3.0.1
+      lazy-cache: 2.0.2
+      set-value: 0.4.3
+      to-object-path: 0.3.0
+      union-value: 0.2.4
+      unset-value: 0.1.2
+
+  cache-base@1.0.1:
+    dependencies:
+      collection-visit: 1.0.0
+      component-emitter: 1.3.1
+      get-value: 2.0.6
+      has-value: 1.0.0
+      isobject: 3.0.1
+      set-value: 2.0.1
+      to-object-path: 0.3.0
+      union-value: 1.0.1
+      unset-value: 1.0.0
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
   call-bind@1.0.2:
     dependencies:
       function-bind: 1.1.1
@@ -4300,12 +7378,51 @@ snapshots:
       get-intrinsic: 1.2.4
       set-function-length: 1.2.2
 
+  call-bind@1.0.8:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.0
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
   callsites@3.1.0: {}
 
+  camel-case@3.0.0:
+    dependencies:
+      no-case: 2.3.2
+      upper-case: 1.1.3
+
+  camelcase@3.0.0: {}
+
   camelcase@6.3.0: {}
 
   caniuse-lite@1.0.30001449: {}
 
+  canvg@3.0.11:
+    dependencies:
+      '@babel/runtime': 7.28.2
+      '@types/raf': 3.4.3
+      core-js: 3.45.0
+      raf: 3.4.1
+      regenerator-runtime: 0.13.11
+      rgbcolor: 1.0.1
+      stackblur-canvas: 2.7.0
+      svg-pathdata: 6.0.3
+    optional: true
+
+  chalk@1.1.3:
+    dependencies:
+      ansi-styles: 2.2.1
+      escape-string-regexp: 1.0.5
+      has-ansi: 2.0.0
+      strip-ansi: 3.0.1
+      supports-color: 2.0.0
+
   chalk@2.4.2:
     dependencies:
       ansi-styles: 3.2.1
@@ -4347,8 +7464,19 @@ snapshots:
 
   chownr@2.0.0: {}
 
+  class-utils@0.3.6:
+    dependencies:
+      arr-union: 3.1.0
+      define-property: 0.2.5
+      isobject: 3.0.1
+      static-extend: 0.1.2
+
   clean-stack@2.2.0: {}
 
+  cli-cursor@1.0.2:
+    dependencies:
+      restore-cursor: 1.0.1
+
   cli-cursor@3.1.0:
     dependencies:
       restore-cursor: 3.1.0
@@ -4363,12 +7491,53 @@ snapshots:
       slice-ansi: 5.0.0
       string-width: 5.1.2
 
+  cli-width@1.1.1: {}
+
   cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
 
+  clone-buffer@1.0.0: {}
+
+  clone-deep@0.2.4:
+    dependencies:
+      for-own: 0.1.5
+      is-plain-object: 2.0.4
+      kind-of: 3.2.2
+      lazy-cache: 1.0.4
+      shallow-clone: 0.1.2
+
+  clone-stats@0.0.1: {}
+
+  clone-stats@1.0.0: {}
+
+  clone@1.0.4: {}
+
+  clone@2.1.2: {}
+
+  cloneable-readable@1.1.3:
+    dependencies:
+      inherits: 2.0.4
+      process-nextick-args: 2.0.1
+      readable-stream: 2.3.7
+
+  co@4.6.0: {}
+
+  code-point-at@1.1.0: {}
+
+  collection-visit@0.2.3:
+    dependencies:
+      lazy-cache: 2.0.2
+      map-visit: 0.1.5
+      object-visit: 0.3.4
+
+  collection-visit@1.0.0:
+    dependencies:
+      map-visit: 1.0.0
+      object-visit: 1.0.1
+
   color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
@@ -4397,8 +7566,45 @@ snapshots:
     dependencies:
       delayed-stream: 1.0.0
 
+  commander@7.2.0: {}
+
   commander@9.5.0: {}
 
+  common-config@0.1.1:
+    dependencies:
+      composer: 0.13.0
+      data-store: 0.16.1
+      get-value: 2.0.6
+      lazy-cache: 2.0.2
+      log-utils: 0.2.1
+      object.pick: 1.3.0
+      omit-empty: 0.4.1
+      question-cache: 0.4.0
+      set-value: 3.0.3
+      strip-color: 0.1.0
+      tableize-object: 0.1.0
+      text-table: 0.2.0
+      yargs-parser: 2.4.1
+    transitivePeerDependencies:
+      - supports-color
+
+  component-emitter@1.3.1: {}
+
+  composer@0.13.0:
+    dependencies:
+      array-unique: 0.2.1
+      bach: 0.5.0
+      co: 4.6.0
+      component-emitter: 1.3.1
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      is-generator: 1.0.3
+      is-glob: 2.0.1
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      micromatch: 2.3.11
+      nanoseconds: 0.1.0
+
   compute-scroll-into-view@1.0.20: {}
 
   concat-map@0.0.1: {}
@@ -4407,6 +7613,8 @@ snapshots:
 
   consola@2.15.3: {}
 
+  contains-path@0.1.0: {}
+
   content-type@1.0.5: {}
 
   convert-source-map@1.9.0: {}
@@ -4415,10 +7623,22 @@ snapshots:
     dependencies:
       is-what: 3.14.1
 
+  copy-descriptor@0.1.1: {}
+
+  copy-task@0.1.0: {}
+
   copy-to@2.0.1: {}
 
+  core-js@3.45.0:
+    optional: true
+
   core-util-is@1.0.3: {}
 
+  cors@2.8.5:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
   create-require@1.1.1: {}
 
   cross-spawn@6.0.5:
@@ -4435,15 +7655,83 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-line-break@2.1.0:
+    dependencies:
+      utrie: 1.0.2
+
+  css-select@4.3.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 4.3.1
+      domutils: 2.8.0
+      nth-check: 2.1.1
+
+  css-tree@1.1.3:
+    dependencies:
+      mdn-data: 2.0.14
+      source-map: 0.6.1
+
   css-tree@2.3.1:
     dependencies:
       mdn-data: 2.0.30
       source-map-js: 1.0.2
 
+  css-what@6.2.2: {}
+
   cssesc@3.0.0: {}
 
+  csso@4.2.0:
+    dependencies:
+      css-tree: 1.1.3
+
   csstype@2.6.21: {}
 
+  cwd@0.10.0:
+    dependencies:
+      find-pkg: 0.1.2
+      fs-exists-sync: 0.1.0
+
+  cwd@0.9.1:
+    dependencies:
+      find-pkg: 0.1.2
+
+  data-store@0.16.1:
+    dependencies:
+      cache-base: 0.8.5
+      clone-deep: 0.2.4
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      graceful-fs: 4.2.10
+      has-own-deep: 0.1.4
+      lazy-cache: 2.0.2
+      mkdirp: 0.5.6
+      project-name: 0.2.6
+      resolve-dir: 0.1.1
+      rimraf: 2.7.1
+      union-value: 0.2.4
+    transitivePeerDependencies:
+      - supports-color
+
+  data-view-buffer@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-offset@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
   dateformat@2.2.0: {}
 
   dayjs@1.11.7: {}
@@ -4463,12 +7751,28 @@ snapshots:
     dependencies:
       ms: 2.1.2
 
+  decode-uri-component@0.2.2: {}
+
+  deep-bind@0.3.0:
+    dependencies:
+      mixin-deep: 1.3.2
+
   deep-is@0.1.4: {}
 
+  default-compare@1.0.0:
+    dependencies:
+      kind-of: 5.1.0
+
   default-user-agent@1.0.0:
     dependencies:
       os-name: 1.0.3
 
+  defaults-deep@0.2.4:
+    dependencies:
+      for-own: 0.1.5
+      is-extendable: 0.1.1
+      lazy-cache: 0.2.7
+
   define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.0
@@ -4482,10 +7786,38 @@ snapshots:
       has-property-descriptors: 1.0.0
       object-keys: 1.1.1
 
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  define-property@0.2.5:
+    dependencies:
+      is-descriptor: 0.1.7
+
+  define-property@1.0.0:
+    dependencies:
+      is-descriptor: 1.0.3
+
+  define-property@2.0.2:
+    dependencies:
+      is-descriptor: 1.0.3
+      isobject: 3.0.1
+
   defu@6.1.2: {}
 
   delayed-stream@1.0.0: {}
 
+  delimiter-regex@1.3.1:
+    dependencies:
+      extend-shallow: 1.1.4
+
+  delimiter-regex@2.0.0:
+    dependencies:
+      extend-shallow: 1.1.4
+      isobject: 2.1.0
+
   destr@1.2.2: {}
 
   destroy@1.2.0: {}
@@ -4503,10 +7835,62 @@ snapshots:
     dependencies:
       esutils: 2.0.3
 
+  dom-serializer@0.2.2:
+    dependencies:
+      domelementtype: 2.3.0
+      entities: 2.2.0
+
+  dom-serializer@1.4.1:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+      entities: 2.2.0
+
+  domelementtype@1.3.1: {}
+
+  domelementtype@2.3.0: {}
+
+  domhandler@2.4.2:
+    dependencies:
+      domelementtype: 1.3.1
+
+  domhandler@4.3.1:
+    dependencies:
+      domelementtype: 2.3.0
+
+  dompurify@3.2.6:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+    optional: true
+
+  domutils@1.7.0:
+    dependencies:
+      dom-serializer: 0.2.2
+      domelementtype: 1.3.1
+
+  domutils@2.8.0:
+    dependencies:
+      dom-serializer: 1.4.1
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+
   dotenv@16.0.3: {}
 
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
   duplexer@0.1.2: {}
 
+  duplexify@3.7.1:
+    dependencies:
+      end-of-stream: 1.4.4
+      inherits: 2.0.4
+      readable-stream: 2.3.7
+      stream-shift: 1.0.3
+
   eastasianwidth@0.2.0: {}
 
   echarts@5.6.0:
@@ -4518,22 +7902,83 @@ snapshots:
 
   electron-to-chromium@1.4.284: {}
 
+  element-resize-detector@1.2.4:
+    dependencies:
+      batch-processor: 1.0.0
+
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
+  emojis-list@3.0.0: {}
+
+  empty-dir@0.2.1:
+    dependencies:
+      fs-exists-sync: 0.1.0
+
+  en-route@0.7.5:
+    dependencies:
+      arr-flatten: 1.1.0
+      debug: 2.6.9
+      extend-shallow: 2.0.1
+      kind-of: 3.2.2
+      lazy-cache: 1.0.4
+      path-to-regexp: 1.9.0
+    transitivePeerDependencies:
+      - supports-color
+
+  end-of-stream@0.1.5:
+    dependencies:
+      once: 1.3.3
+
   end-of-stream@1.4.4:
     dependencies:
       once: 1.4.0
 
   end-or-error@1.0.1: {}
 
+  engine-base@0.1.3:
+    dependencies:
+      component-emitter: 1.3.1
+      delimiter-regex: 2.0.0
+      engine: 0.1.12
+      engine-utils: 0.1.1
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      object.omit: 2.0.1
+      object.pick: 1.3.0
+
+  engine-cache@0.19.4:
+    dependencies:
+      async-helpers: 0.3.17
+      extend-shallow: 2.0.1
+      helper-cache: 0.7.2
+      isobject: 3.0.1
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+
+  engine-utils@0.1.1: {}
+
+  engine@0.1.12:
+    dependencies:
+      assign-deep: 0.4.8
+      collection-visit: 0.2.3
+      get-value: 1.3.1
+      kind-of: 2.0.1
+      lazy-cache: 0.2.7
+      object.omit: 2.0.1
+      set-value: 0.2.0
+
   enhanced-resolve@4.5.0:
     dependencies:
       graceful-fs: 4.2.10
       memory-fs: 0.5.0
       tapable: 1.1.3
 
+  entities@1.1.2: {}
+
+  entities@2.2.0: {}
+
   entities@4.5.0: {}
 
   errno@0.1.8:
@@ -4544,6 +7989,8 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
+  error-symbol@0.1.0: {}
+
   es-abstract@1.21.1:
     dependencies:
       available-typed-arrays: 1.0.5
@@ -4580,24 +8027,100 @@ snapshots:
       unbox-primitive: 1.0.2
       which-typed-array: 1.1.9
 
+  es-abstract@1.24.0:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      data-view-buffer: 1.0.2
+      data-view-byte-length: 1.0.2
+      data-view-byte-offset: 1.0.1
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      get-symbol-description: 1.1.0
+      globalthis: 1.0.4
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      internal-slot: 1.1.0
+      is-array-buffer: 3.0.5
+      is-callable: 1.2.7
+      is-data-view: 1.0.2
+      is-negative-zero: 2.0.3
+      is-regex: 1.2.1
+      is-set: 2.0.3
+      is-shared-array-buffer: 1.0.4
+      is-string: 1.1.1
+      is-typed-array: 1.1.15
+      is-weakref: 1.1.1
+      math-intrinsics: 1.1.0
+      object-inspect: 1.13.4
+      object-keys: 1.1.1
+      object.assign: 4.1.7
+      own-keys: 1.0.1
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.3
+      safe-push-apply: 1.0.0
+      safe-regex-test: 1.1.0
+      set-proto: 1.0.0
+      stop-iteration-iterator: 1.1.0
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.3
+      typed-array-byte-length: 1.0.3
+      typed-array-byte-offset: 1.0.4
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.19
+
   es-define-property@1.0.0:
     dependencies:
       get-intrinsic: 1.2.4
 
+  es-define-property@1.0.1: {}
+
   es-errors@1.3.0: {}
 
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
   es-set-tostringtag@2.0.1:
     dependencies:
       get-intrinsic: 1.2.0
       has: 1.0.3
       has-tostringtag: 1.0.0
 
+  es-set-tostringtag@2.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
   es-to-primitive@1.2.1:
     dependencies:
       is-callable: 1.2.7
       is-date-object: 1.0.5
       is-symbol: 1.0.4
 
+  es-to-primitive@1.3.0:
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+
   esbuild@0.16.17:
     optionalDependencies:
       '@esbuild/android-arm': 0.16.17
@@ -4738,6 +8261,8 @@ snapshots:
       acorn-jsx: 5.3.2(acorn@8.8.2)
       eslint-visitor-keys: 3.3.0
 
+  esprima@4.0.1: {}
+
   esquery@1.4.0:
     dependencies:
       estraverse: 5.3.0
@@ -4758,6 +8283,8 @@ snapshots:
 
   esutils@2.0.3: {}
 
+  etag@1.8.1: {}
+
   execa@5.1.1:
     dependencies:
       cross-spawn: 7.0.3
@@ -4782,10 +8309,112 @@ snapshots:
       signal-exit: 3.0.7
       strip-final-newline: 3.0.0
 
+  exit-hook@1.1.1: {}
+
+  expand-args@0.4.3:
+    dependencies:
+      expand-object: 0.4.2
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      minimist: 1.2.8
+      mixin-deep: 1.3.2
+      omit-empty: 0.4.1
+      set-value: 0.3.3
+
+  expand-brackets@0.1.5:
+    dependencies:
+      is-posix-bracket: 0.1.1
+
+  expand-brackets@2.1.4:
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      posix-character-classes: 0.1.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  expand-object@0.4.2:
+    dependencies:
+      get-stdin: 5.0.1
+      is-number: 2.1.0
+      minimist: 1.2.8
+      set-value: 0.3.3
+
+  expand-pkg@0.1.9:
+    dependencies:
+      component-emitter: 1.3.1
+      debug: 2.6.9
+      defaults-deep: 0.2.4
+      export-files: 2.1.1
+      get-value: 2.0.6
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      load-pkg: 3.0.1
+      mixin-deep: 1.3.2
+      normalize-pkg: 0.3.20
+      omit-empty: 0.4.1
+      parse-author: 1.0.0
+      parse-git-config: 1.1.1
+      repo-utils: 0.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  expand-range@1.8.2:
+    dependencies:
+      fill-range: 2.2.4
+
+  expand-tilde@1.2.2:
+    dependencies:
+      os-homedir: 1.0.2
+
+  expand-tilde@2.0.2:
+    dependencies:
+      homedir-polyfill: 1.0.3
+
+  export-files@2.1.1:
+    dependencies:
+      lazy-cache: 1.0.4
+
+  extend-shallow@1.1.4:
+    dependencies:
+      kind-of: 1.1.0
+
   extend-shallow@2.0.1:
     dependencies:
       is-extendable: 0.1.1
 
+  extend-shallow@3.0.2:
+    dependencies:
+      assign-symbols: 1.0.0
+      is-extendable: 1.0.1
+
+  extend@3.0.2: {}
+
+  extglob@0.3.2:
+    dependencies:
+      is-extglob: 1.0.0
+
+  extglob@2.0.4:
+    dependencies:
+      array-unique: 0.3.2
+      define-property: 1.0.0
+      expand-brackets: 2.1.4
+      extend-shallow: 2.0.1
+      fragment-cache: 0.2.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  falsey@0.3.2:
+    dependencies:
+      kind-of: 5.1.0
+
   fast-deep-equal@3.1.3: {}
 
   fast-diff@1.2.0: {}
@@ -4806,19 +8435,88 @@ snapshots:
     dependencies:
       reusify: 1.0.4
 
+  fflate@0.8.2: {}
+
+  figures@1.7.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+      object-assign: 4.1.1
+
+  file-contents@0.2.4:
+    dependencies:
+      extend-shallow: 2.0.1
+      file-stat: 0.1.3
+      graceful-fs: 4.2.10
+      is-buffer: 1.1.6
+      is-utf8: 0.2.1
+      lazy-cache: 0.2.7
+      through2: 2.0.5
+
+  file-contents@1.0.1:
+    dependencies:
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      is-buffer: 1.1.6
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      strip-bom-buffer: 0.1.1
+      strip-bom-string: 0.1.2
+      through2: 2.0.5
+
   file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.0.4
 
+  file-is-binary@1.0.0:
+    dependencies:
+      is-binary-buffer: 1.0.0
+      isobject: 3.0.1
+
+  file-name@0.1.0: {}
+
+  file-stat@0.1.3:
+    dependencies:
+      graceful-fs: 4.2.10
+      lazy-cache: 0.2.7
+      through2: 2.0.5
+
+  filename-regex@2.0.1: {}
+
+  fill-range@2.2.4:
+    dependencies:
+      is-number: 2.1.0
+      isobject: 2.1.0
+      randomatic: 3.1.1
+      repeat-element: 1.1.4
+      repeat-string: 1.6.1
+
+  fill-range@4.0.0:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+      to-regex-range: 2.1.1
+
   fill-range@7.0.1:
     dependencies:
       to-regex-range: 5.0.1
 
+  find-file-up@0.1.3:
+    dependencies:
+      fs-exists-sync: 0.1.0
+      resolve-dir: 0.1.1
+
+  find-pkg@0.1.2:
+    dependencies:
+      find-file-up: 0.1.3
+
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
+  first-chunk-stream@1.0.0: {}
+
   flat-cache@3.0.4:
     dependencies:
       flatted: 3.2.7
@@ -4834,6 +8532,18 @@ snapshots:
     dependencies:
       is-callable: 1.2.7
 
+  for-each@0.3.5:
+    dependencies:
+      is-callable: 1.2.7
+
+  for-in@0.1.8: {}
+
+  for-in@1.0.2: {}
+
+  for-own@0.1.5:
+    dependencies:
+      for-in: 1.0.2
+
   form-data@4.0.0:
     dependencies:
       asynckit: 0.4.0
@@ -4846,6 +8556,12 @@ snapshots:
       mime: 2.6.0
       pause-stream: 0.0.11
 
+  fragment-cache@0.2.1:
+    dependencies:
+      map-cache: 0.2.2
+
+  fs-exists-sync@0.1.0: {}
+
   fs-extra@10.1.0:
     dependencies:
       graceful-fs: 4.2.10
@@ -4872,6 +8588,15 @@ snapshots:
       es-abstract: 1.21.1
       functions-have-names: 1.2.3
 
+  function.prototype.name@1.1.8:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      functions-have-names: 1.2.3
+      hasown: 2.0.2
+      is-callable: 1.2.7
+
   functions-have-names@1.2.3: {}
 
   gensync@1.0.0-beta.2: {}
@@ -4892,8 +8617,28 @@ snapshots:
       has-symbols: 1.0.3
       hasown: 2.0.2
 
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
   get-ready@1.0.0: {}
 
+  get-stdin@5.0.1: {}
+
   get-stream@6.0.1: {}
 
   get-symbol-description@1.0.0:
@@ -4901,6 +8646,26 @@ snapshots:
       call-bind: 1.0.2
       get-intrinsic: 1.2.0
 
+  get-symbol-description@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+
+  get-value@1.3.1:
+    dependencies:
+      arr-flatten: 1.1.0
+      is-extendable: 0.1.1
+      lazy-cache: 0.2.7
+      noncharacters: 1.1.0
+
+  get-value@2.0.6: {}
+
+  get-view@0.1.3:
+    dependencies:
+      isobject: 3.0.1
+      match-file: 0.2.2
+
   giget@1.0.0:
     dependencies:
       colorette: 2.0.19
@@ -4913,6 +8678,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  git-config-path@1.0.1:
+    dependencies:
+      extend-shallow: 2.0.1
+      fs-exists-sync: 0.1.0
+      homedir-polyfill: 1.0.3
+
+  git-repo-name@0.6.0:
+    dependencies:
+      cwd: 0.9.1
+      file-name: 0.1.0
+      lazy-cache: 1.0.4
+      remote-origin-url: 0.5.3
+
+  glob-base@0.3.0:
+    dependencies:
+      glob-parent: 2.0.0
+      is-glob: 2.0.1
+
+  glob-parent@2.0.0:
+    dependencies:
+      is-glob: 2.0.1
+
+  glob-parent@3.1.0:
+    dependencies:
+      is-glob: 3.1.0
+      path-dirname: 1.0.2
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -4921,6 +8713,25 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
+  glob-stream@5.3.5:
+    dependencies:
+      extend: 3.0.2
+      glob: 5.0.15
+      glob-parent: 3.1.0
+      micromatch: 2.3.11
+      ordered-read-streams: 0.3.0
+      through2: 0.6.5
+      to-absolute-glob: 0.1.1
+      unique-stream: 2.3.1
+
+  glob@5.0.15:
+    dependencies:
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+
   glob@7.2.3:
     dependencies:
       fs.realpath: 1.0.0
@@ -4930,6 +8741,32 @@ snapshots:
       once: 1.4.0
       path-is-absolute: 1.0.1
 
+  global-modules@0.2.3:
+    dependencies:
+      global-prefix: 0.1.5
+      is-windows: 0.2.0
+
+  global-modules@1.0.0:
+    dependencies:
+      global-prefix: 1.0.2
+      is-windows: 1.0.2
+      resolve-dir: 1.0.1
+
+  global-prefix@0.1.5:
+    dependencies:
+      homedir-polyfill: 1.0.3
+      ini: 1.3.8
+      is-windows: 0.2.0
+      which: 1.3.1
+
+  global-prefix@1.0.2:
+    dependencies:
+      expand-tilde: 2.0.2
+      homedir-polyfill: 1.0.3
+      ini: 1.3.8
+      is-windows: 1.0.2
+      which: 1.3.1
+
   globals@11.12.0: {}
 
   globals@13.20.0:
@@ -4940,6 +8777,11 @@ snapshots:
     dependencies:
       define-properties: 1.1.4
 
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.2.0
+
   globby@11.1.0:
     dependencies:
       array-union: 2.1.0
@@ -4961,20 +8803,70 @@ snapshots:
     dependencies:
       get-intrinsic: 1.2.0
 
+  gopd@1.2.0: {}
+
   graceful-fs@4.2.10: {}
 
   grapheme-splitter@1.0.4: {}
 
+  gray-matter@3.1.1:
+    dependencies:
+      extend-shallow: 2.0.1
+      js-yaml: 3.14.1
+      kind-of: 5.1.0
+      strip-bom-string: 1.0.0
+
+  group-array@0.3.4:
+    dependencies:
+      arr-flatten: 1.1.0
+      for-own: 0.1.5
+      get-value: 2.0.6
+      kind-of: 3.2.2
+      split-string: 1.0.1
+      union-value: 1.0.1
+
+  gulp-choose-files@0.1.3:
+    dependencies:
+      extend-shallow: 2.0.1
+      question-cache: 0.5.1
+      through2: 2.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  gulp-sourcemaps@1.6.0:
+    dependencies:
+      convert-source-map: 1.9.0
+      graceful-fs: 4.2.10
+      strip-bom: 2.0.0
+      through2: 2.0.5
+      vinyl: 1.2.0
+
   gzip-size@6.0.0:
     dependencies:
       duplexer: 0.1.2
 
+  has-ansi@2.0.0:
+    dependencies:
+      ansi-regex: 2.1.1
+
   has-bigints@1.0.2: {}
 
+  has-flag@1.0.0: {}
+
   has-flag@3.0.0: {}
 
   has-flag@4.0.0: {}
 
+  has-glob@0.1.1:
+    dependencies:
+      is-glob: 2.0.1
+
+  has-glob@1.0.0:
+    dependencies:
+      is-glob: 3.1.0
+
+  has-own-deep@0.1.4: {}
+
   has-property-descriptors@1.0.0:
     dependencies:
       get-intrinsic: 1.2.0
@@ -4985,12 +8877,41 @@ snapshots:
 
   has-proto@1.0.1: {}
 
+  has-proto@1.2.0:
+    dependencies:
+      dunder-proto: 1.0.1
+
   has-symbols@1.0.3: {}
 
+  has-symbols@1.1.0: {}
+
   has-tostringtag@1.0.0:
     dependencies:
       has-symbols: 1.0.3
 
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.0.3
+
+  has-value@0.3.1:
+    dependencies:
+      get-value: 2.0.6
+      has-values: 0.1.4
+      isobject: 2.1.0
+
+  has-value@1.0.0:
+    dependencies:
+      get-value: 2.0.6
+      has-values: 1.0.0
+      isobject: 3.0.1
+
+  has-values@0.1.4: {}
+
+  has-values@1.0.0:
+    dependencies:
+      is-number: 3.0.0
+      kind-of: 4.0.0
+
   has@1.0.3:
     dependencies:
       function-bind: 1.1.1
@@ -5003,12 +8924,36 @@ snapshots:
 
   he@1.2.0: {}
 
+  helper-cache@0.7.2:
+    dependencies:
+      extend-shallow: 2.0.1
+      lazy-cache: 0.2.7
+      lodash.bind: 3.1.0
+
+  homedir-polyfill@1.0.3:
+    dependencies:
+      parse-passwd: 1.0.0
+
   hookable@5.4.2: {}
 
   hosted-git-info@2.8.9: {}
 
   html-tags@3.2.0: {}
 
+  html2canvas@1.4.1:
+    dependencies:
+      css-line-break: 2.1.0
+      text-segmentation: 1.0.3
+
+  htmlparser2@3.10.1:
+    dependencies:
+      domelementtype: 1.3.1
+      domhandler: 2.4.2
+      domutils: 1.7.0
+      entities: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
@@ -5037,8 +8982,7 @@ snapshots:
 
   ignore@5.2.4: {}
 
-  image-size@0.5.5:
-    optional: true
+  image-size@0.5.5: {}
 
   immutable@5.1.3: {}
 
@@ -5051,35 +8995,111 @@ snapshots:
 
   indent-string@4.0.0: {}
 
+  inflection@1.13.4: {}
+
   inflight@1.0.6:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
 
+  info-symbol@0.1.0: {}
+
   inherits@2.0.4: {}
 
+  ini@1.3.8: {}
+
+  inquirer2@0.1.1:
+    dependencies:
+      ansi-escapes: 1.4.0
+      ansi-regex: 2.1.1
+      arr-flatten: 1.1.0
+      arr-pluck: 0.1.0
+      array-unique: 0.2.1
+      chalk: 1.1.3
+      cli-cursor: 1.0.2
+      cli-width: 1.1.1
+      extend-shallow: 2.0.1
+      figures: 1.7.0
+      is-number: 2.1.0
+      is-plain-object: 2.0.4
+      lazy-cache: 1.0.4
+      lodash.where: 3.1.0
+      readline2: 1.0.1
+      run-async: 0.1.0
+      rx-lite: 4.0.8
+      strip-color: 0.1.0
+      through2: 2.0.5
+
   internal-slot@1.0.4:
     dependencies:
       get-intrinsic: 1.2.0
       has: 1.0.3
       side-channel: 1.0.4
 
+  internal-slot@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.1.0
+
   ip@1.1.9: {}
 
+  is-absolute@0.2.6:
+    dependencies:
+      is-relative: 0.2.1
+      is-windows: 0.2.0
+
+  is-accessor-descriptor@1.0.1:
+    dependencies:
+      hasown: 2.0.2
+
+  is-answer@0.1.1:
+    dependencies:
+      has-values: 0.1.4
+      is-primitive: 2.0.0
+      omit-empty: 0.4.1
+
+  is-arguments@1.2.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
   is-array-buffer@3.0.1:
     dependencies:
       call-bind: 1.0.2
       get-intrinsic: 1.2.0
       is-typed-array: 1.1.10
 
+  is-array-buffer@3.0.5:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
   is-arrayish@0.2.1: {}
 
   is-arrayish@0.3.2: {}
 
+  is-async-function@2.1.1:
+    dependencies:
+      async-function: 1.0.0
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
   is-bigint@1.0.4:
     dependencies:
       has-bigints: 1.0.2
 
+  is-bigint@1.1.0:
+    dependencies:
+      has-bigints: 1.0.2
+
+  is-binary-buffer@1.0.0:
+    dependencies:
+      is-buffer: 1.1.6
+
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.2.0
@@ -5089,6 +9109,13 @@ snapshots:
       call-bind: 1.0.2
       has-tostringtag: 1.0.0
 
+  is-boolean-object@1.2.2:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-buffer@1.1.6: {}
+
   is-callable@1.2.7: {}
 
   is-class-hotfix@0.0.6: {}
@@ -5097,43 +9124,158 @@ snapshots:
     dependencies:
       has: 1.0.3
 
+  is-data-descriptor@1.0.1:
+    dependencies:
+      hasown: 2.0.2
+
+  is-data-view@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      is-typed-array: 1.1.15
+
   is-date-object@1.0.5:
     dependencies:
       has-tostringtag: 1.0.0
 
+  is-date-object@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-descriptor@0.1.7:
+    dependencies:
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
+
+  is-descriptor@1.0.3:
+    dependencies:
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
+
   is-docker@2.2.1: {}
 
+  is-dotfile@1.0.3: {}
+
+  is-equal-shallow@0.1.3:
+    dependencies:
+      is-primitive: 2.0.0
+
   is-extendable@0.1.1: {}
 
+  is-extendable@1.0.1:
+    dependencies:
+      is-plain-object: 2.0.4
+
+  is-extglob@1.0.0: {}
+
   is-extglob@2.1.1: {}
 
+  is-finalizationregistry@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-fullwidth-code-point@1.0.0:
+    dependencies:
+      number-is-nan: 1.0.1
+
   is-fullwidth-code-point@3.0.0: {}
 
   is-fullwidth-code-point@4.0.0: {}
 
+  is-generator-function@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-generator@1.0.3: {}
+
+  is-glob@2.0.1:
+    dependencies:
+      is-extglob: 1.0.0
+
+  is-glob@3.1.0:
+    dependencies:
+      is-extglob: 2.1.1
+
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
 
+  is-map@2.0.3: {}
+
   is-negative-zero@2.0.2: {}
 
+  is-negative-zero@2.0.3: {}
+
   is-number-object@1.0.7:
     dependencies:
       has-tostringtag: 1.0.0
 
+  is-number-object@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-number@2.1.0:
+    dependencies:
+      kind-of: 3.2.2
+
+  is-number@3.0.0:
+    dependencies:
+      kind-of: 3.2.2
+
+  is-number@4.0.0: {}
+
   is-number@7.0.0: {}
 
   is-path-inside@3.0.3: {}
 
+  is-plain-obj@1.1.0: {}
+
+  is-plain-object@2.0.4:
+    dependencies:
+      isobject: 3.0.1
+
+  is-posix-bracket@0.1.1: {}
+
+  is-primitive@2.0.0: {}
+
   is-regex@1.1.4:
     dependencies:
       call-bind: 1.0.2
       has-tostringtag: 1.0.0
 
+  is-regex@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
+  is-registered@0.1.5:
+    dependencies:
+      define-property: 0.2.5
+      isobject: 2.1.0
+
+  is-relative@0.2.1:
+    dependencies:
+      is-unc-path: 0.1.2
+
+  is-set@2.0.3: {}
+
   is-shared-array-buffer@1.0.2:
     dependencies:
       call-bind: 1.0.2
 
+  is-shared-array-buffer@1.0.4:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-stream@1.1.0: {}
+
   is-stream@2.0.1: {}
 
   is-stream@3.0.0: {}
@@ -5142,10 +9284,21 @@ snapshots:
     dependencies:
       has-tostringtag: 1.0.0
 
+  is-string@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
   is-symbol@1.0.4:
     dependencies:
       has-symbols: 1.0.3
 
+  is-symbol@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
+
   is-type-of@1.4.0:
     dependencies:
       core-util-is: 1.0.3
@@ -5160,20 +9313,105 @@ snapshots:
       gopd: 1.0.1
       has-tostringtag: 1.0.0
 
+  is-typed-array@1.1.15:
+    dependencies:
+      which-typed-array: 1.1.19
+
+  is-unc-path@0.1.2:
+    dependencies:
+      unc-path-regex: 0.1.2
+
+  is-utf8@0.2.1: {}
+
+  is-valid-app@0.1.2:
+    dependencies:
+      debug: 2.6.9
+      is-registered: 0.1.5
+      is-valid-instance: 0.1.0
+      lazy-cache: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  is-valid-app@0.2.1:
+    dependencies:
+      debug: 2.6.9
+      is-registered: 0.1.5
+      is-valid-instance: 0.2.0
+      lazy-cache: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  is-valid-app@0.3.0:
+    dependencies:
+      debug: 2.6.9
+      is-registered: 0.1.5
+      is-valid-instance: 0.3.0
+      lazy-cache: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  is-valid-glob@0.3.0: {}
+
+  is-valid-glob@1.0.0: {}
+
+  is-valid-instance@0.1.0:
+    dependencies:
+      isobject: 2.1.0
+      pascalcase: 0.1.1
+
+  is-valid-instance@0.2.0:
+    dependencies:
+      isobject: 2.1.0
+      pascalcase: 0.1.1
+
+  is-valid-instance@0.3.0:
+    dependencies:
+      isobject: 3.0.1
+      pascalcase: 0.1.1
+
+  is-weakmap@2.0.2: {}
+
   is-weakref@1.0.2:
     dependencies:
       call-bind: 1.0.2
 
+  is-weakref@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-weakset@2.0.4:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
   is-what@3.14.1: {}
 
+  is-whitespace@0.3.0: {}
+
+  is-windows@0.2.0: {}
+
+  is-windows@1.0.2: {}
+
   is-wsl@2.2.0:
     dependencies:
       is-docker: 2.2.1
 
+  isarray@0.0.1: {}
+
   isarray@1.0.0: {}
 
+  isarray@2.0.5: {}
+
   isexe@2.0.0: {}
 
+  isobject@1.0.2: {}
+
+  isobject@2.1.0:
+    dependencies:
+      isarray: 1.0.0
+
+  isobject@3.0.1: {}
+
   isstream@0.1.2: {}
 
   jiti@1.16.2: {}
@@ -5184,6 +9422,11 @@ snapshots:
 
   js-tokens@4.0.0: {}
 
+  js-yaml@3.14.1:
+    dependencies:
+      argparse: 1.0.10
+      esprima: 4.0.1
+
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
@@ -5198,6 +9441,10 @@ snapshots:
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
+  json5@1.0.2:
+    dependencies:
+      minimist: 1.2.8
+
   json5@2.2.3: {}
 
   jsonc-parser@3.2.0: {}
@@ -5208,12 +9455,61 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.10
 
+  jspdf@3.0.1:
+    dependencies:
+      '@babel/runtime': 7.28.2
+      atob: 2.1.2
+      btoa: 1.2.1
+      fflate: 0.8.2
+    optionalDependencies:
+      canvg: 3.0.11
+      core-js: 3.45.0
+      dompurify: 3.2.6
+      html2canvas: 1.4.1
+
   jstoxml@2.2.9: {}
 
+  kind-of@1.1.0: {}
+
+  kind-of@2.0.1:
+    dependencies:
+      is-buffer: 1.1.6
+
+  kind-of@3.2.2:
+    dependencies:
+      is-buffer: 1.1.6
+
+  kind-of@4.0.0:
+    dependencies:
+      is-buffer: 1.1.6
+
+  kind-of@5.1.0: {}
+
+  kind-of@6.0.3: {}
+
   knitwork@1.0.0: {}
 
   kolorist@1.6.0: {}
 
+  layouts@0.11.0:
+    dependencies:
+      delimiter-regex: 1.3.1
+      falsey: 0.3.2
+      get-view: 0.1.3
+      lazy-cache: 1.0.4
+
+  lazy-cache@0.2.7: {}
+
+  lazy-cache@1.0.4: {}
+
+  lazy-cache@2.0.2:
+    dependencies:
+      set-getter: 0.1.1
+
+  lazystream@1.0.1:
+    dependencies:
+      readable-stream: 2.3.7
+
   less@4.1.3:
     dependencies:
       copy-anything: 2.0.6
@@ -5267,6 +9563,14 @@ snapshots:
       through: 2.3.8
       wrap-ansi: 7.0.0
 
+  load-helpers@0.2.11:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-valid-glob: 0.3.0
+      lazy-cache: 2.0.2
+      matched: 0.4.4
+      resolve-dir: 0.1.1
+
   load-json-file@4.0.0:
     dependencies:
       graceful-fs: 4.2.10
@@ -5274,6 +9578,38 @@ snapshots:
       pify: 3.0.0
       strip-bom: 3.0.0
 
+  load-pkg@3.0.1:
+    dependencies:
+      find-pkg: 0.1.2
+
+  load-templates@0.11.4:
+    dependencies:
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      glob-parent: 2.0.0
+      has-glob: 0.1.1
+      is-valid-glob: 0.3.0
+      lazy-cache: 2.0.2
+      matched: 0.4.4
+      to-file: 0.2.0
+
+  load-templates@1.0.2:
+    dependencies:
+      extend-shallow: 2.0.1
+      file-contents: 1.0.1
+      glob-parent: 3.1.0
+      is-glob: 3.1.0
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      matched: 0.4.4
+      vinyl: 2.2.1
+
+  loader-utils@1.4.2:
+    dependencies:
+      big.js: 5.2.2
+      emojis-list: 3.0.0
+      json5: 1.0.2
+
   local-pkg@0.4.3: {}
 
   local-pkg@0.5.0:
@@ -5287,10 +9623,94 @@ snapshots:
 
   lodash-es@4.17.21: {}
 
+  lodash._arrayfilter@3.0.0: {}
+
+  lodash._basecallback@3.3.1:
+    dependencies:
+      lodash._baseisequal: 3.0.7
+      lodash._bindcallback: 3.0.1
+      lodash.isarray: 3.0.4
+      lodash.pairs: 3.0.1
+
+  lodash._baseeach@3.0.4:
+    dependencies:
+      lodash.keys: 3.1.2
+
+  lodash._basefilter@3.0.0:
+    dependencies:
+      lodash._baseeach: 3.0.4
+
+  lodash._baseisequal@3.0.7:
+    dependencies:
+      lodash.isarray: 3.0.4
+      lodash.istypedarray: 3.0.6
+      lodash.keys: 3.1.2
+
+  lodash._baseismatch@3.1.3:
+    dependencies:
+      lodash._baseisequal: 3.0.7
+
+  lodash._basematches@3.2.0:
+    dependencies:
+      lodash._baseismatch: 3.1.3
+      lodash.pairs: 3.0.1
+
+  lodash._bindcallback@3.0.1: {}
+
+  lodash._createwrapper@3.2.0:
+    dependencies:
+      lodash._root: 3.0.1
+
+  lodash._getnative@3.9.1: {}
+
   lodash._reinterpolate@3.0.0: {}
 
+  lodash._replaceholders@3.0.0: {}
+
+  lodash._root@3.0.1: {}
+
+  lodash.assign@4.2.0: {}
+
+  lodash.bind@3.1.0:
+    dependencies:
+      lodash._createwrapper: 3.2.0
+      lodash._replaceholders: 3.0.0
+      lodash.restparam: 3.6.1
+
+  lodash.filter@4.6.0: {}
+
+  lodash.flatten@4.4.0: {}
+
+  lodash.foreach@4.5.0: {}
+
+  lodash.initial@4.1.1: {}
+
+  lodash.isarguments@3.1.0: {}
+
+  lodash.isarray@3.0.4: {}
+
+  lodash.isequal@4.5.0: {}
+
+  lodash.istypedarray@3.0.6: {}
+
+  lodash.keys@3.1.2:
+    dependencies:
+      lodash._getnative: 3.9.1
+      lodash.isarguments: 3.1.0
+      lodash.isarray: 3.0.4
+
+  lodash.last@3.0.0: {}
+
+  lodash.map@4.6.0: {}
+
   lodash.merge@4.6.2: {}
 
+  lodash.pairs@3.0.1:
+    dependencies:
+      lodash.keys: 3.1.2
+
+  lodash.restparam@3.6.1: {}
+
   lodash.template@4.5.0:
     dependencies:
       lodash._reinterpolate: 3.0.0
@@ -5300,8 +9720,21 @@ snapshots:
     dependencies:
       lodash._reinterpolate: 3.0.0
 
+  lodash.where@3.1.0:
+    dependencies:
+      lodash._arrayfilter: 3.0.0
+      lodash._basecallback: 3.3.1
+      lodash._basefilter: 3.0.0
+      lodash._basematches: 3.2.0
+      lodash.isarray: 3.0.4
+
   lodash@4.17.21: {}
 
+  log-ok@0.1.1:
+    dependencies:
+      ansi-green: 0.1.1
+      success-symbol: 0.1.0
+
   log-update@4.0.0:
     dependencies:
       ansi-escapes: 4.3.2
@@ -5309,6 +9742,30 @@ snapshots:
       slice-ansi: 4.0.0
       wrap-ansi: 6.2.0
 
+  log-utils@0.1.5:
+    dependencies:
+      ansi-colors: 0.1.0
+      error-symbol: 0.1.0
+      info-symbol: 0.1.0
+      log-ok: 0.1.1
+      success-symbol: 0.1.0
+      time-stamp: 1.1.0
+      warning-symbol: 0.1.0
+
+  log-utils@0.2.1:
+    dependencies:
+      ansi-colors: 0.2.0
+      error-symbol: 0.1.0
+      info-symbol: 0.1.0
+      log-ok: 0.1.1
+      success-symbol: 0.1.0
+      time-stamp: 1.1.0
+      warning-symbol: 0.1.0
+
+  longest@1.0.1: {}
+
+  lower-case@1.1.4: {}
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -5343,6 +9800,84 @@ snapshots:
       semver: 5.7.1
     optional: true
 
+  make-iterator@1.0.1:
+    dependencies:
+      kind-of: 6.0.3
+
+  map-cache@0.2.2: {}
+
+  map-config@0.5.0:
+    dependencies:
+      array-unique: 0.2.1
+      async: 1.5.2
+
+  map-schema@0.2.4:
+    dependencies:
+      arr-union: 3.1.0
+      collection-visit: 0.2.3
+      component-emitter: 1.3.1
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      get-value: 2.0.6
+      is-primitive: 2.0.0
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      log-utils: 0.2.1
+      longest: 1.0.1
+      mixin-deep: 1.3.2
+      object.omit: 2.0.1
+      object.pick: 1.3.0
+      omit-empty: 0.4.1
+      pad-right: 0.2.2
+      set-value: 0.4.3
+      sort-object-arrays: 0.1.1
+      union-value: 0.2.4
+    transitivePeerDependencies:
+      - supports-color
+
+  map-visit@0.1.5:
+    dependencies:
+      lazy-cache: 2.0.2
+      object-visit: 0.3.4
+
+  map-visit@1.0.0:
+    dependencies:
+      object-visit: 1.0.1
+
+  match-file@0.2.2:
+    dependencies:
+      is-glob: 3.1.0
+      isobject: 3.0.1
+      micromatch: 2.3.11
+
+  matched@0.4.4:
+    dependencies:
+      arr-union: 3.1.0
+      async-array-reduce: 0.2.1
+      extend-shallow: 2.0.1
+      fs-exists-sync: 0.1.0
+      glob: 7.2.3
+      has-glob: 0.1.1
+      is-valid-glob: 0.3.0
+      lazy-cache: 2.0.2
+      resolve-dir: 0.1.1
+
+  matched@1.0.2:
+    dependencies:
+      arr-union: 3.1.0
+      async-array-reduce: 0.2.1
+      glob: 7.2.3
+      has-glob: 1.0.0
+      is-valid-glob: 1.0.0
+      resolve-dir: 1.0.1
+
+  math-intrinsics@1.1.0: {}
+
+  math-random@1.0.4: {}
+
+  mdn-data@2.0.14: {}
+
   mdn-data@2.0.30: {}
 
   memory-fs@0.5.0:
@@ -5352,12 +9887,71 @@ snapshots:
 
   memorystream@0.3.1: {}
 
+  merge-deep@3.0.3:
+    dependencies:
+      arr-union: 3.1.0
+      clone-deep: 0.2.4
+      kind-of: 3.2.2
+
   merge-descriptors@1.0.3: {}
 
+  merge-options@1.0.1:
+    dependencies:
+      is-plain-obj: 1.1.0
+
+  merge-stream@0.1.8:
+    dependencies:
+      through2: 0.6.5
+
+  merge-stream@1.0.1:
+    dependencies:
+      readable-stream: 2.3.7
+
   merge-stream@2.0.0: {}
 
+  merge-value@1.0.0:
+    dependencies:
+      get-value: 2.0.6
+      is-extendable: 1.0.1
+      mixin-deep: 1.3.2
+      set-value: 2.0.1
+
   merge2@1.4.1: {}
 
+  micromatch@2.3.11:
+    dependencies:
+      arr-diff: 2.0.0
+      array-unique: 0.2.1
+      braces: 1.8.5
+      expand-brackets: 0.1.5
+      extglob: 0.3.2
+      filename-regex: 2.0.1
+      is-extglob: 1.0.0
+      is-glob: 2.0.1
+      kind-of: 3.2.2
+      normalize-path: 2.1.1
+      object.omit: 2.0.1
+      parse-glob: 3.0.4
+      regex-cache: 0.4.4
+
+  micromatch@3.1.0:
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      braces: 2.3.2
+      define-property: 1.0.0
+      extend-shallow: 2.0.1
+      extglob: 2.0.4
+      fragment-cache: 0.2.1
+      kind-of: 5.1.0
+      nanomatch: 1.2.13
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   micromatch@4.0.5:
     dependencies:
       braces: 3.0.2
@@ -5405,6 +9999,16 @@ snapshots:
 
   mitt@3.0.0: {}
 
+  mixin-deep@1.3.2:
+    dependencies:
+      for-in: 1.0.2
+      is-extendable: 1.0.1
+
+  mixin-object@2.0.1:
+    dependencies:
+      for-in: 0.1.8
+      is-extendable: 0.1.1
+
   mkdirp@0.5.6:
     dependencies:
       minimist: 1.2.8
@@ -5439,6 +10043,8 @@ snapshots:
 
   muggle-string@0.1.0: {}
 
+  mute-stream@0.0.5: {}
+
   mz@2.7.0:
     dependencies:
       any-promise: 1.3.0
@@ -5449,6 +10055,24 @@ snapshots:
 
   nanoid@3.3.7: {}
 
+  nanomatch@1.2.13:
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      fragment-cache: 0.2.1
+      is-windows: 1.0.2
+      kind-of: 6.0.3
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  nanoseconds@0.1.0: {}
+
   natural-compare-lite@1.4.0: {}
 
   natural-compare@1.4.0: {}
@@ -5462,8 +10086,14 @@ snapshots:
       - supports-color
     optional: true
 
+  next-tick@0.2.2: {}
+
   nice-try@1.0.5: {}
 
+  no-case@2.3.2:
+    dependencies:
+      lower-case: 1.1.4
+
   node-addon-api@7.1.1:
     optional: true
 
@@ -5471,6 +10101,8 @@ snapshots:
 
   node-releases@2.0.9: {}
 
+  noncharacters@1.1.0: {}
+
   normalize-package-data@2.5.0:
     dependencies:
       hosted-git-info: 2.8.9
@@ -5478,10 +10110,41 @@ snapshots:
       semver: 5.7.1
       validate-npm-package-license: 3.0.4
 
+  normalize-path@2.1.1:
+    dependencies:
+      remove-trailing-separator: 1.1.0
+
   normalize-path@3.0.0: {}
 
+  normalize-pkg@0.3.20:
+    dependencies:
+      arr-union: 3.1.0
+      array-unique: 0.3.2
+      component-emitter: 1.3.1
+      export-files: 2.1.1
+      extend-shallow: 2.0.1
+      fs-exists-sync: 0.1.0
+      get-value: 2.0.6
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      map-schema: 0.2.4
+      minimist: 1.2.8
+      mixin-deep: 1.3.2
+      omit-empty: 0.4.1
+      parse-git-config: 1.1.1
+      repo-utils: 0.3.7
+      semver: 5.7.1
+      stringify-author: 0.1.3
+      write-json: 0.2.2
+    transitivePeerDependencies:
+      - supports-color
+
   normalize.css@8.0.1: {}
 
+  now-and-later@0.0.6:
+    dependencies:
+      once: 1.4.0
+
   npm-run-all@4.1.5:
     dependencies:
       ansi-styles: 3.2.1
@@ -5508,16 +10171,34 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
+  number-is-nan@1.0.1: {}
+
   number-precision@1.6.0: {}
 
   object-assign@4.1.1: {}
 
+  object-copy@0.1.0:
+    dependencies:
+      copy-descriptor: 0.1.1
+      define-property: 0.2.5
+      kind-of: 3.2.2
+
   object-inspect@1.12.3: {}
 
   object-inspect@1.13.1: {}
 
+  object-inspect@1.13.4: {}
+
   object-keys@1.1.1: {}
 
+  object-visit@0.3.4:
+    dependencies:
+      isobject: 2.1.0
+
+  object-visit@1.0.1:
+    dependencies:
+      isobject: 3.0.1
+
   object.assign@4.1.4:
     dependencies:
       call-bind: 1.0.2
@@ -5525,6 +10206,24 @@ snapshots:
       has-symbols: 1.0.3
       object-keys: 1.1.1
 
+  object.assign@4.1.7:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+      has-symbols: 1.1.0
+      object-keys: 1.1.1
+
+  object.omit@2.0.1:
+    dependencies:
+      for-own: 0.1.5
+      is-extendable: 0.1.1
+
+  object.pick@1.3.0:
+    dependencies:
+      isobject: 3.0.1
+
   ofetch@0.4.21:
     dependencies:
       destr: 1.2.2
@@ -5532,10 +10231,29 @@ snapshots:
       ufo: 1.0.1
       undici: 5.16.0
 
+  omit-empty@0.3.6:
+    dependencies:
+      has-values: 0.1.4
+      is-date-object: 1.0.5
+      isobject: 2.1.0
+      reduce-object: 0.1.3
+
+  omit-empty@0.4.1:
+    dependencies:
+      has-values: 0.1.4
+      kind-of: 3.2.2
+      reduce-object: 0.1.3
+
+  once@1.3.3:
+    dependencies:
+      wrappy: 1.0.2
+
   once@1.4.0:
     dependencies:
       wrappy: 1.0.2
 
+  onetime@1.1.0: {}
+
   onetime@5.1.2:
     dependencies:
       mimic-fn: 2.1.0
@@ -5550,6 +10268,18 @@ snapshots:
       is-docker: 2.2.1
       is-wsl: 2.2.0
 
+  option-cache@3.5.0:
+    dependencies:
+      arr-flatten: 1.1.0
+      collection-visit: 1.0.0
+      component-emitter: 1.3.1
+      get-value: 2.0.6
+      has-value: 0.3.1
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      set-value: 0.4.3
+      to-object-path: 0.3.0
+
   optionator@0.9.1:
     dependencies:
       deep-is: 0.1.4
@@ -5559,6 +10289,13 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.3
 
+  ordered-read-streams@0.3.0:
+    dependencies:
+      is-stream: 1.1.0
+      readable-stream: 2.3.7
+
+  os-homedir@1.0.2: {}
+
   os-name@1.0.3:
     dependencies:
       osx-release: 1.1.0
@@ -5568,6 +10305,12 @@ snapshots:
     dependencies:
       minimist: 1.2.8
 
+  own-keys@1.0.1:
+    dependencies:
+      get-intrinsic: 1.3.0
+      object-keys: 1.1.1
+      safe-push-apply: 1.0.0
+
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
@@ -5580,10 +10323,34 @@ snapshots:
     dependencies:
       aggregate-error: 3.1.0
 
+  pad-right@0.2.2:
+    dependencies:
+      repeat-string: 1.6.1
+
+  paginationator@0.1.4: {}
+
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
 
+  parse-author@1.0.0: {}
+
+  parse-git-config@1.1.1:
+    dependencies:
+      extend-shallow: 2.0.1
+      fs-exists-sync: 0.1.0
+      git-config-path: 1.0.1
+      ini: 1.3.8
+
+  parse-github-url@0.3.2: {}
+
+  parse-glob@3.0.4:
+    dependencies:
+      glob-base: 0.3.0
+      is-dotfile: 1.0.3
+      is-extglob: 1.0.0
+      is-glob: 2.0.1
+
   parse-json@4.0.0:
     dependencies:
       error-ex: 1.3.2
@@ -5591,6 +10358,22 @@ snapshots:
 
   parse-node-version@1.0.1: {}
 
+  parse-passwd@1.0.0: {}
+
+  parser-front-matter@1.6.4:
+    dependencies:
+      extend-shallow: 2.0.1
+      file-is-binary: 1.0.0
+      gray-matter: 3.1.1
+      isobject: 3.0.1
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      trim-leading-lines: 0.1.1
+
+  pascalcase@0.1.1: {}
+
+  path-dirname@1.0.2: {}
+
   path-exists@4.0.0: {}
 
   path-is-absolute@1.0.1: {}
@@ -5603,12 +10386,18 @@ snapshots:
 
   path-parse@1.0.7: {}
 
+  path-to-regexp@1.9.0:
+    dependencies:
+      isarray: 0.0.1
+
   path-type@3.0.0:
     dependencies:
       pify: 3.0.0
 
   path-type@4.0.0: {}
 
+  pathe@0.2.0: {}
+
   pathe@1.1.0: {}
 
   pathe@1.1.2: {}
@@ -5619,6 +10408,9 @@ snapshots:
 
   perfect-debounce@0.1.3: {}
 
+  performance-now@2.1.0:
+    optional: true
+
   picocolors@1.0.0: {}
 
   picomatch@2.3.1: {}
@@ -5640,6 +10432,14 @@ snapshots:
     optionalDependencies:
       typescript: 4.9.5
 
+  pkg-store@0.2.2:
+    dependencies:
+      cache-base: 0.8.5
+      kind-of: 3.2.2
+      lazy-cache: 1.0.4
+      union-value: 0.2.4
+      write-json: 0.2.2
+
   pkg-types@1.0.1:
     dependencies:
       jsonc-parser: 3.2.0
@@ -5654,15 +10454,30 @@ snapshots:
 
   platform@1.3.6: {}
 
+  posix-character-classes@0.1.1: {}
+
+  possible-typed-array-names@1.1.0: {}
+
   postcss-import-resolver@2.0.0:
     dependencies:
       enhanced-resolve: 4.5.0
 
+  postcss-prefix-selector@1.16.1(postcss@5.2.18):
+    dependencies:
+      postcss: 5.2.18
+
   postcss-selector-parser@6.0.11:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
+  postcss@5.2.18:
+    dependencies:
+      chalk: 1.1.3
+      js-base64: 2.6.4
+      source-map: 0.5.7
+      supports-color: 3.2.3
+
   postcss@8.4.21:
     dependencies:
       nanoid: 3.3.4
@@ -5675,18 +10490,54 @@ snapshots:
       picocolors: 1.0.0
       source-map-js: 1.2.0
 
+  posthtml-parser@0.2.1:
+    dependencies:
+      htmlparser2: 3.10.1
+      isobject: 2.1.0
+
+  posthtml-rename-id@1.0.12:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
+  posthtml-render@1.4.0: {}
+
+  posthtml-svg-mode@1.0.3:
+    dependencies:
+      merge-options: 1.0.1
+      posthtml: 0.9.2
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+
+  posthtml@0.9.2:
+    dependencies:
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+
   prelude-ls@1.2.1: {}
 
+  preserve@0.2.0: {}
+
   prettier-linter-helpers@1.0.0:
     dependencies:
       fast-diff: 1.2.0
 
   prettier@2.8.3: {}
 
+  pretty-time@0.2.0:
+    dependencies:
+      is-number: 2.1.0
+      nanoseconds: 0.1.0
+
   process-nextick-args@2.0.1: {}
 
   progress@2.0.3: {}
 
+  project-name@0.2.6:
+    dependencies:
+      find-pkg: 0.1.2
+      git-repo-name: 0.6.0
+      minimist: 1.2.8
+
   proxy-from-env@1.1.0: {}
 
   prr@1.0.1: {}
@@ -5702,8 +10553,84 @@ snapshots:
     dependencies:
       side-channel: 1.0.6
 
+  query-string@4.3.4:
+    dependencies:
+      object-assign: 4.1.1
+      strict-uri-encode: 1.1.0
+
+  question-cache@0.4.0:
+    dependencies:
+      arr-flatten: 1.1.0
+      arr-union: 3.1.0
+      async: 1.5.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      get-value: 2.0.6
+      has-value: 0.3.1
+      inquirer2: 0.1.1
+      is-answer: 0.1.1
+      isobject: 2.1.0
+      lazy-cache: 1.0.4
+      mixin-deep: 1.3.2
+      omit-empty: 0.3.6
+      option-cache: 3.5.0
+      os-homedir: 1.0.2
+      project-name: 0.2.6
+      set-value: 0.3.3
+      to-choices: 0.2.0
+      use: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  question-cache@0.5.1:
+    dependencies:
+      arr-flatten: 1.1.0
+      arr-union: 3.1.0
+      async-each-series: 1.1.0
+      debug: 2.6.9
+      define-property: 0.2.5
+      get-value: 2.0.6
+      has-value: 0.3.1
+      inquirer2: 0.1.1
+      is-answer: 0.1.1
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      omit-empty: 0.4.1
+      option-cache: 3.5.0
+      os-homedir: 1.0.2
+      project-name: 0.2.6
+      set-value: 0.3.3
+      to-choices: 0.2.0
+      use: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  question-store@0.11.1:
+    dependencies:
+      common-config: 0.1.1
+      data-store: 0.16.1
+      debug: 2.6.9
+      is-answer: 0.1.1
+      lazy-cache: 2.0.2
+      project-name: 0.2.6
+      question-cache: 0.5.1
+    transitivePeerDependencies:
+      - supports-color
+
   queue-microtask@1.2.3: {}
 
+  raf@3.4.1:
+    dependencies:
+      performance-now: 2.1.0
+    optional: true
+
+  randomatic@3.1.1:
+    dependencies:
+      is-number: 4.0.0
+      kind-of: 6.0.3
+      math-random: 1.0.4
+
   rc9@2.0.1:
     dependencies:
       defu: 6.1.2
@@ -5714,12 +10641,21 @@ snapshots:
     dependencies:
       '@types/node': 10.17.60
 
+  read-file@0.2.0: {}
+
   read-pkg@3.0.0:
     dependencies:
       load-json-file: 4.0.0
       normalize-package-data: 2.5.0
       path-type: 3.0.0
 
+  readable-stream@1.0.34:
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 0.0.1
+      string_decoder: 0.10.31
+
   readable-stream@2.3.7:
     dependencies:
       core-util-is: 1.0.3
@@ -5730,41 +10666,190 @@ snapshots:
       string_decoder: 1.1.1
       util-deprecate: 1.0.2
 
+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+
   readdirp@3.6.0:
     dependencies:
       picomatch: 2.3.1
 
   readdirp@4.1.2: {}
 
+  readline2@1.0.1:
+    dependencies:
+      code-point-at: 1.1.0
+      is-fullwidth-code-point: 1.0.0
+      mute-stream: 0.0.5
+
+  reduce-object@0.1.3:
+    dependencies:
+      for-own: 0.1.5
+
+  reflect.getprototypeof@1.0.10:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      which-builtin-type: 1.2.1
+
+  regenerator-runtime@0.13.11:
+    optional: true
+
+  regex-cache@0.4.4:
+    dependencies:
+      is-equal-shallow: 0.1.3
+
+  regex-not@1.0.2:
+    dependencies:
+      extend-shallow: 3.0.2
+      safe-regex: 1.1.0
+
   regexp.prototype.flags@1.4.3:
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.1.4
       functions-have-names: 1.2.3
 
+  regexp.prototype.flags@1.5.4:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      set-function-name: 2.0.2
+
   regexpp@3.2.0: {}
 
+  relative@3.0.2:
+    dependencies:
+      isobject: 2.1.0
+
+  remote-origin-url@0.5.3:
+    dependencies:
+      parse-git-config: 1.1.1
+
+  remove-trailing-separator@1.1.0: {}
+
+  repeat-element@1.1.4: {}
+
+  repeat-string@1.6.1: {}
+
+  replace-ext@0.0.1: {}
+
+  replace-ext@1.0.1: {}
+
+  repo-utils@0.3.7:
+    dependencies:
+      extend-shallow: 2.0.1
+      get-value: 2.0.6
+      git-config-path: 1.0.1
+      is-absolute: 0.2.6
+      kind-of: 3.2.2
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      omit-empty: 0.4.1
+      parse-author: 1.0.0
+      parse-git-config: 1.1.1
+      parse-github-url: 0.3.2
+      project-name: 0.2.6
+
   require-directory@2.1.1: {}
 
   resize-observer-polyfill@1.5.1: {}
 
+  resolve-dir@0.1.1:
+    dependencies:
+      expand-tilde: 1.2.2
+      global-modules: 0.2.3
+
+  resolve-dir@1.0.1:
+    dependencies:
+      expand-tilde: 2.0.2
+      global-modules: 1.0.0
+
+  resolve-file@0.2.2:
+    dependencies:
+      cwd: 0.10.0
+      expand-tilde: 2.0.2
+      extend-shallow: 2.0.1
+      fs-exists-sync: 0.1.0
+      global-modules: 0.2.3
+      homedir-polyfill: 1.0.3
+      lazy-cache: 2.0.2
+      resolve: 1.22.1
+
+  resolve-file@0.3.0:
+    dependencies:
+      cwd: 0.10.0
+      expand-tilde: 2.0.2
+      extend-shallow: 2.0.1
+      fs-exists-sync: 0.1.0
+      homedir-polyfill: 1.0.3
+      lazy-cache: 2.0.2
+      resolve: 1.22.1
+
   resolve-from@4.0.0: {}
 
+  resolve-glob@1.0.0:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-valid-glob: 1.0.0
+      matched: 1.0.2
+      relative: 3.0.2
+      resolve-dir: 1.0.1
+
+  resolve-url@0.2.1: {}
+
   resolve@1.22.1:
     dependencies:
       is-core-module: 2.11.0
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  restore-cursor@1.0.1:
+    dependencies:
+      exit-hook: 1.1.1
+      onetime: 1.1.0
+
   restore-cursor@3.1.0:
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
 
+  ret@0.1.15: {}
+
+  rethrow@0.2.3:
+    dependencies:
+      ansi-bgred: 0.1.1
+      ansi-red: 0.1.1
+      ansi-yellow: 0.1.1
+      extend-shallow: 1.1.4
+      lazy-cache: 0.2.7
+      right-align: 0.1.3
+
   reusify@1.0.4: {}
 
   rfdc@1.3.0: {}
 
+  rgbcolor@1.0.1:
+    optional: true
+
+  right-align@0.1.3:
+    dependencies:
+      align-text: 0.1.4
+
+  rimraf@2.7.1:
+    dependencies:
+      glob: 7.2.3
+
   rimraf@3.0.2:
     dependencies:
       glob: 7.2.3
@@ -5782,22 +10867,51 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.2
 
+  run-async@0.1.0:
+    dependencies:
+      once: 1.4.0
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
 
+  rx-lite@4.0.8: {}
+
   rxjs@7.8.0:
     dependencies:
       tslib: 2.5.0
 
+  safe-array-concat@1.1.3:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      has-symbols: 1.1.0
+      isarray: 2.0.5
+
   safe-buffer@5.1.2: {}
 
+  safe-push-apply@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      isarray: 2.0.5
+
   safe-regex-test@1.0.0:
     dependencies:
       call-bind: 1.0.2
       get-intrinsic: 1.2.0
       is-regex: 1.1.4
 
+  safe-regex-test@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-regex: 1.2.1
+
+  safe-regex@1.1.0:
+    dependencies:
+      ret: 0.1.15
+
   safer-buffer@2.1.2: {}
 
   sass@1.89.2:
@@ -5828,6 +10942,8 @@ snapshots:
     dependencies:
       lru-cache: 6.0.0
 
+  set-blocking@2.0.0: {}
+
   set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
@@ -5837,6 +10953,59 @@ snapshots:
       gopd: 1.0.1
       has-property-descriptors: 1.0.2
 
+  set-function-name@2.0.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
+  set-getter@0.1.1:
+    dependencies:
+      to-object-path: 0.3.0
+
+  set-proto@1.0.0:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+
+  set-value@0.2.0:
+    dependencies:
+      isobject: 1.0.2
+      noncharacters: 1.1.0
+
+  set-value@0.3.3:
+    dependencies:
+      extend-shallow: 2.0.1
+      isobject: 2.1.0
+      to-object-path: 0.2.0
+
+  set-value@0.4.3:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-extendable: 0.1.1
+      is-plain-object: 2.0.4
+      to-object-path: 0.3.0
+
+  set-value@2.0.1:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-extendable: 0.1.1
+      is-plain-object: 2.0.4
+      split-string: 3.1.0
+
+  set-value@3.0.3:
+    dependencies:
+      is-plain-object: 2.0.4
+
+  shallow-clone@0.1.2:
+    dependencies:
+      is-extendable: 0.1.1
+      kind-of: 2.0.1
+      lazy-cache: 0.2.7
+      mixin-object: 2.0.1
+
   shebang-command@1.2.0:
     dependencies:
       shebang-regex: 1.0.0
@@ -5851,6 +11020,26 @@ snapshots:
 
   shell-quote@1.8.0: {}
 
+  side-channel-list@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
   side-channel@1.0.4:
     dependencies:
       call-bind: 1.0.2
@@ -5864,6 +11053,14 @@ snapshots:
       get-intrinsic: 1.2.4
       object-inspect: 1.13.1
 
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
   signal-exit@3.0.7: {}
 
   simple-swizzle@0.2.2:
@@ -5897,12 +11094,51 @@ snapshots:
       ansi-styles: 6.2.1
       is-fullwidth-code-point: 4.0.0
 
+  snapdragon-node@2.1.1:
+    dependencies:
+      define-property: 1.0.0
+      isobject: 3.0.1
+      snapdragon-util: 3.0.1
+
+  snapdragon-util@3.0.1:
+    dependencies:
+      kind-of: 3.2.2
+
+  snapdragon@0.8.2:
+    dependencies:
+      base: 0.11.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      map-cache: 0.2.2
+      source-map: 0.5.7
+      source-map-resolve: 0.5.3
+      use: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  sort-object-arrays@0.1.1:
+    dependencies:
+      kind-of: 3.2.2
+
   sortablejs@1.14.0: {}
 
   source-map-js@1.0.2: {}
 
   source-map-js@1.2.0: {}
 
+  source-map-resolve@0.5.3:
+    dependencies:
+      atob: 2.1.2
+      decode-uri-component: 0.2.2
+      resolve-url: 0.2.1
+      source-map-url: 0.4.1
+      urix: 0.1.0
+
+  source-map-url@0.4.1: {}
+
+  source-map@0.5.7: {}
+
   source-map@0.6.1: {}
 
   source-map@0.7.4: {}
@@ -5923,10 +11159,48 @@ snapshots:
 
   spdx-license-ids@3.0.12: {}
 
+  split-string@1.0.1:
+    dependencies:
+      extend-shallow: 2.0.1
+
+  split-string@3.1.0:
+    dependencies:
+      extend-shallow: 3.0.2
+
+  sprintf-js@1.0.3: {}
+
+  src-stream@0.1.1:
+    dependencies:
+      duplexify: 3.7.1
+      merge-stream: 0.1.8
+      through2: 2.0.5
+
+  stable@0.1.8: {}
+
+  stackblur-canvas@2.7.0:
+    optional: true
+
+  static-extend@0.1.2:
+    dependencies:
+      define-property: 0.2.5
+      object-copy: 0.1.0
+
   statuses@1.5.0: {}
 
   std-env@3.3.1: {}
 
+  stop-iteration-iterator@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
+
+  stream-combiner@0.2.2:
+    dependencies:
+      duplexer: 0.1.2
+      through: 2.3.8
+
+  stream-exhaust@1.0.2: {}
+
   stream-http@2.8.2:
     dependencies:
       builtin-status-codes: 3.0.0
@@ -5935,10 +11209,14 @@ snapshots:
       to-arraybuffer: 1.0.1
       xtend: 4.0.2
 
+  stream-shift@1.0.3: {}
+
   stream-wormhole@1.1.0: {}
 
   streamsearch@1.1.0: {}
 
+  strict-uri-encode@1.1.0: {}
+
   string-argv@0.3.1: {}
 
   string-width@4.2.3:
@@ -5959,22 +11237,53 @@ snapshots:
       define-properties: 1.1.4
       es-abstract: 1.21.1
 
+  string.prototype.trim@1.2.10:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-data-property: 1.1.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
+      has-property-descriptors: 1.0.2
+
   string.prototype.trimend@1.0.6:
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.1.4
       es-abstract: 1.21.1
 
+  string.prototype.trimend@1.0.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
   string.prototype.trimstart@1.0.6:
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.1.4
       es-abstract: 1.21.1
 
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
+  string_decoder@0.10.31: {}
+
   string_decoder@1.1.1:
     dependencies:
       safe-buffer: 5.1.2
 
+  stringify-author@0.1.3: {}
+
+  strip-ansi@3.0.1:
+    dependencies:
+      ansi-regex: 2.1.1
+
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -5983,8 +11292,28 @@ snapshots:
     dependencies:
       ansi-regex: 6.0.1
 
+  strip-bom-buffer@0.1.1:
+    dependencies:
+      is-buffer: 1.1.6
+      is-utf8: 0.2.1
+
+  strip-bom-stream@1.0.0:
+    dependencies:
+      first-chunk-stream: 1.0.0
+      strip-bom: 2.0.0
+
+  strip-bom-string@0.1.2: {}
+
+  strip-bom-string@1.0.0: {}
+
+  strip-bom@2.0.0:
+    dependencies:
+      is-utf8: 0.2.1
+
   strip-bom@3.0.0: {}
 
+  strip-color@0.1.0: {}
+
   strip-final-newline@2.0.0: {}
 
   strip-final-newline@3.0.0: {}
@@ -5995,6 +11324,14 @@ snapshots:
     dependencies:
       acorn: 8.8.2
 
+  success-symbol@0.1.0: {}
+
+  supports-color@2.0.0: {}
+
+  supports-color@3.2.3:
+    dependencies:
+      has-flag: 1.0.0
+
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -6005,10 +11342,45 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  svg-baker@1.7.0:
+    dependencies:
+      bluebird: 3.7.2
+      clone: 2.1.2
+      he: 1.2.0
+      image-size: 0.5.5
+      loader-utils: 1.4.2
+      merge-options: 1.0.1
+      micromatch: 3.1.0
+      postcss: 5.2.18
+      postcss-prefix-selector: 1.16.1(postcss@5.2.18)
+      posthtml-rename-id: 1.0.12
+      posthtml-svg-mode: 1.0.3
+      query-string: 4.3.4
+      traverse: 0.6.11
+    transitivePeerDependencies:
+      - supports-color
+
+  svg-pathdata@6.0.3:
+    optional: true
+
   svg-tags@1.0.0: {}
 
+  svgo@2.8.0:
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 4.3.0
+      css-tree: 1.1.3
+      csso: 4.2.0
+      picocolors: 1.0.0
+      stable: 0.1.8
+
   swiper@11.2.8: {}
 
+  tableize-object@0.1.0:
+    dependencies:
+      isobject: 2.1.0
+
   tapable@1.1.3: {}
 
   tar@6.1.13:
@@ -6020,6 +11392,55 @@ snapshots:
       mkdirp: 1.0.4
       yallist: 4.0.0
 
+  template-error@0.1.2:
+    dependencies:
+      engine: 0.1.12
+      kind-of: 2.0.1
+      lazy-cache: 0.2.7
+      rethrow: 0.2.3
+
+  templates@0.24.3:
+    dependencies:
+      array-sort: 0.1.4
+      async-each: 1.0.6
+      base: 0.11.2
+      base-data: 0.6.2
+      base-engines: 0.2.1
+      base-helpers: 0.1.1
+      base-option: 0.8.4
+      base-plugins: 0.4.13
+      base-routes: 0.2.2
+      debug: 2.6.9
+      deep-bind: 0.3.0
+      define-property: 0.2.5
+      engine-base: 0.1.3
+      export-files: 2.1.1
+      extend-shallow: 2.0.1
+      falsey: 0.3.2
+      get-value: 2.0.6
+      get-view: 0.1.3
+      group-array: 0.3.4
+      has-glob: 0.1.1
+      has-value: 0.3.1
+      inflection: 1.13.4
+      is-valid-app: 0.2.1
+      layouts: 0.11.0
+      lazy-cache: 2.0.2
+      match-file: 0.2.2
+      mixin-deep: 1.3.2
+      paginationator: 0.1.4
+      pascalcase: 0.1.1
+      set-value: 0.3.3
+      template-error: 0.1.2
+      vinyl-item: 0.1.0
+      vinyl-view: 0.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  text-segmentation@1.0.3:
+    dependencies:
+      utrie: 1.0.2
+
   text-table@0.2.0: {}
 
   thenify-all@1.6.0:
@@ -6030,18 +11451,98 @@ snapshots:
     dependencies:
       any-promise: 1.3.0
 
+  through2-filter@2.0.0:
+    dependencies:
+      through2: 2.0.5
+      xtend: 4.0.2
+
+  through2-filter@3.0.0:
+    dependencies:
+      through2: 2.0.5
+      xtend: 4.0.2
+
+  through2@0.6.5:
+    dependencies:
+      readable-stream: 1.0.34
+      xtend: 4.0.2
+
+  through2@2.0.5:
+    dependencies:
+      readable-stream: 2.3.7
+      xtend: 4.0.2
+
   through@2.3.8: {}
 
+  time-diff@0.3.1:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-number: 2.1.0
+      log-utils: 0.1.5
+      pretty-time: 0.2.0
+
+  time-stamp@1.1.0: {}
+
+  to-absolute-glob@0.1.1:
+    dependencies:
+      extend-shallow: 2.0.1
+
   to-arraybuffer@1.0.1: {}
 
+  to-choices@0.2.0:
+    dependencies:
+      ansi-gray: 0.1.1
+      mixin-deep: 1.3.2
+
   to-fast-properties@2.0.0: {}
 
+  to-file@0.2.0:
+    dependencies:
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      file-contents: 0.2.4
+      glob-parent: 2.0.0
+      is-valid-glob: 0.3.0
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      vinyl: 1.2.0
+
+  to-object-path@0.2.0:
+    dependencies:
+      arr-flatten: 1.1.0
+      is-arguments: 1.2.0
+
+  to-object-path@0.3.0:
+    dependencies:
+      kind-of: 3.2.2
+
+  to-regex-range@2.1.1:
+    dependencies:
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
+  to-regex@3.0.2:
+    dependencies:
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      regex-not: 1.0.2
+      safe-regex: 1.1.0
+
   totalist@3.0.0: {}
 
+  traverse@0.6.11:
+    dependencies:
+      gopd: 1.2.0
+      typedarray.prototype.slice: 1.0.5
+      which-typed-array: 1.1.19
+
+  trim-leading-lines@0.1.1:
+    dependencies:
+      is-whitespace: 0.3.0
+
   tslib@1.14.1: {}
 
   tslib@2.3.0: {}
@@ -6061,12 +11562,56 @@ snapshots:
 
   type-fest@0.21.3: {}
 
+  typed-array-buffer@1.0.3:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-typed-array: 1.1.15
+
+  typed-array-byte-length@1.0.3:
+    dependencies:
+      call-bind: 1.0.8
+      for-each: 0.3.3
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+
+  typed-array-byte-offset@1.0.4:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      for-each: 0.3.3
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+      reflect.getprototypeof: 1.0.10
+
   typed-array-length@1.0.4:
     dependencies:
       call-bind: 1.0.2
       for-each: 0.3.3
       is-typed-array: 1.1.10
 
+  typed-array-length@1.0.7:
+    dependencies:
+      call-bind: 1.0.8
+      for-each: 0.3.3
+      gopd: 1.2.0
+      is-typed-array: 1.1.15
+      possible-typed-array-names: 1.1.0
+      reflect.getprototypeof: 1.0.10
+
+  typedarray.prototype.slice@1.0.5:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-errors: 1.3.0
+      get-proto: 1.0.1
+      math-intrinsics: 1.1.0
+      typed-array-buffer: 1.0.3
+      typed-array-byte-offset: 1.0.4
+
   typescript@4.9.5: {}
 
   ufo@1.0.1: {}
@@ -6080,6 +11625,15 @@ snapshots:
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
 
+  unbox-primitive@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-bigints: 1.0.2
+      has-symbols: 1.1.0
+      which-boxed-primitive: 1.1.1
+
+  unc-path-regex@0.1.2: {}
+
   unconfig@0.3.7:
     dependencies:
       '@antfu/utils': 0.5.2
@@ -6117,6 +11671,25 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
+  union-value@0.2.4:
+    dependencies:
+      arr-union: 3.1.0
+      get-value: 2.0.6
+      is-extendable: 0.1.1
+      set-value: 0.4.3
+
+  union-value@1.0.1:
+    dependencies:
+      arr-union: 3.1.0
+      get-value: 2.0.6
+      is-extendable: 0.1.1
+      set-value: 2.0.1
+
+  unique-stream@2.3.1:
+    dependencies:
+      json-stable-stringify-without-jsonify: 1.0.1
+      through2-filter: 3.0.0
+
   universalify@2.0.1: {}
 
   unocss@0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)):
@@ -6214,6 +11787,16 @@ snapshots:
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.6.1
 
+  unset-value@0.1.2:
+    dependencies:
+      has-value: 0.3.1
+      isobject: 3.0.1
+
+  unset-value@1.0.0:
+    dependencies:
+      has-value: 0.3.1
+      isobject: 3.0.1
+
   untyped@1.2.2:
     dependencies:
       '@babel/core': 7.20.12
@@ -6229,10 +11812,48 @@ snapshots:
       escalade: 3.1.1
       picocolors: 1.0.0
 
+  update@0.7.4:
+    dependencies:
+      arr-union: 3.1.0
+      assemble-core: 0.25.0
+      assemble-loader: 0.6.1
+      base-cli-process: 0.1.19
+      base-config-process: 0.1.9
+      base-generators: 0.4.6
+      base-questions: 0.7.4
+      base-runtimes: 0.2.0
+      base-store: 0.4.4
+      common-config: 0.1.1
+      data-store: 0.16.1
+      export-files: 2.1.1
+      extend-shallow: 2.0.1
+      find-pkg: 0.1.2
+      fs-exists-sync: 0.1.0
+      global-modules: 0.2.3
+      gulp-choose-files: 0.1.3
+      is-valid-app: 0.2.1
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      log-utils: 0.2.1
+      parser-front-matter: 1.6.4
+      resolve-dir: 0.1.1
+      resolve-file: 0.2.2
+      set-blocking: 2.0.0
+      strip-color: 0.1.0
+      text-table: 0.2.0
+      through2: 2.0.5
+      yargs-parser: 2.4.1
+    transitivePeerDependencies:
+      - supports-color
+
+  upper-case@1.1.3: {}
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.0
 
+  urix@0.1.0: {}
+
   urllib@2.41.0:
     dependencies:
       any-promise: 1.3.0
@@ -6252,6 +11873,19 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  use@1.1.2:
+    dependencies:
+      define-property: 0.2.5
+      isobject: 2.1.0
+
+  use@2.0.2:
+    dependencies:
+      define-property: 0.2.5
+      isobject: 3.0.1
+      lazy-cache: 2.0.2
+
+  use@3.1.1: {}
+
   util-deprecate@1.0.2: {}
 
   utility@1.18.0:
@@ -6262,11 +11896,81 @@ snapshots:
       mz: 2.7.0
       unescape: 1.0.1
 
+  utrie@1.0.2:
+    dependencies:
+      base64-arraybuffer: 1.0.2
+
+  vali-date@1.0.0: {}
+
   validate-npm-package-license@3.0.4:
     dependencies:
       spdx-correct: 3.1.1
       spdx-expression-parse: 3.0.1
 
+  vary@1.1.2: {}
+
+  vinyl-fs@2.4.4:
+    dependencies:
+      duplexify: 3.7.1
+      glob-stream: 5.3.5
+      graceful-fs: 4.2.10
+      gulp-sourcemaps: 1.6.0
+      is-valid-glob: 0.3.0
+      lazystream: 1.0.1
+      lodash.isequal: 4.5.0
+      merge-stream: 1.0.1
+      mkdirp: 0.5.6
+      object-assign: 4.1.1
+      readable-stream: 2.3.7
+      strip-bom: 2.0.0
+      strip-bom-stream: 1.0.0
+      through2: 2.0.5
+      through2-filter: 2.0.0
+      vali-date: 1.0.0
+      vinyl: 1.2.0
+
+  vinyl-item@0.1.0:
+    dependencies:
+      base: 0.8.1
+      base-option: 0.8.4
+      base-plugins: 0.4.13
+      clone: 1.0.4
+      clone-stats: 1.0.0
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      vinyl: 1.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  vinyl-view@0.1.2:
+    dependencies:
+      arr-union: 3.1.0
+      define-property: 0.2.5
+      engine-base: 0.1.3
+      isobject: 2.1.0
+      lazy-cache: 2.0.2
+      mixin-deep: 1.3.2
+      vinyl-item: 0.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  vinyl@1.2.0:
+    dependencies:
+      clone: 1.0.4
+      clone-stats: 0.0.1
+      replace-ext: 0.0.1
+
+  vinyl@2.2.1:
+    dependencies:
+      clone: 2.1.2
+      clone-buffer: 1.0.0
+      clone-stats: 1.0.0
+      cloneable-readable: 1.1.3
+      remove-trailing-separator: 1.1.0
+      replace-ext: 1.0.1
+
   vite-plugin-compression@0.5.1(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)):
     dependencies:
       chalk: 4.1.2
@@ -6283,6 +11987,20 @@ snapshots:
       rd: 2.0.1
       vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
 
+  vite-plugin-svg-icons@2.0.1(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)):
+    dependencies:
+      '@types/svgo': 2.6.4
+      cors: 2.8.5
+      debug: 4.3.4
+      etag: 1.8.1
+      fs-extra: 10.1.0
+      pathe: 0.2.0
+      svg-baker: 1.7.0
+      svgo: 2.8.0
+      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
+    transitivePeerDependencies:
+      - supports-color
+
   vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2):
     dependencies:
       esbuild: 0.16.17
@@ -6357,6 +12075,8 @@ snapshots:
       sortablejs: 1.14.0
       vue: 3.2.45
 
+  warning-symbol@0.1.0: {}
+
   webpack-sources@3.2.3: {}
 
   webpack-virtual-modules@0.5.0: {}
@@ -6371,6 +12091,47 @@ snapshots:
       is-string: 1.0.7
       is-symbol: 1.0.4
 
+  which-boxed-primitive@1.1.1:
+    dependencies:
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.2
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
+
+  which-builtin-type@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      function.prototype.name: 1.1.8
+      has-tostringtag: 1.0.2
+      is-async-function: 2.1.1
+      is-date-object: 1.1.0
+      is-finalizationregistry: 1.1.1
+      is-generator-function: 1.1.0
+      is-regex: 1.2.1
+      is-weakref: 1.0.2
+      isarray: 2.0.5
+      which-boxed-primitive: 1.1.1
+      which-collection: 1.0.2
+      which-typed-array: 1.1.19
+
+  which-collection@1.0.2:
+    dependencies:
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-weakmap: 2.0.2
+      is-weakset: 2.0.4
+
+  which-typed-array@1.1.19:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      for-each: 0.3.5
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+
   which-typed-array@1.1.9:
     dependencies:
       available-typed-arrays: 1.0.5
@@ -6408,6 +12169,14 @@ snapshots:
 
   wrappy@1.0.2: {}
 
+  write-json@0.2.2:
+    dependencies:
+      write: 0.2.1
+
+  write@0.2.1:
+    dependencies:
+      mkdirp: 0.5.6
+
   xml-name-validator@4.0.0: {}
 
   xml2js@0.6.2:
@@ -6427,6 +12196,11 @@ snapshots:
 
   yaml@2.2.1: {}
 
+  yargs-parser@2.4.1:
+    dependencies:
+      camelcase: 3.0.0
+      lodash.assign: 4.2.0
+
   yargs-parser@21.1.1: {}
 
   yargs@17.7.2:
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index cbeeac1..4b55f59 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -29,7 +29,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/creative-generation-workshop/manuscript/list/index.vue'),
       },
       {
-        path: 'upload/:id',
+        path: 'upload',
         name: 'ManuscriptUpload',
         meta: {
           locale: '稿件上传',
diff --git a/src/router/routes/modules/manuscript-writer.ts b/src/router/routes/modules/manuscript-writer.ts
index adf00d0..db30cf7 100644
--- a/src/router/routes/modules/manuscript-writer.ts
+++ b/src/router/routes/modules/manuscript-writer.ts
@@ -29,7 +29,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/creative-generation-workshop/manuscript-writer/list/index.vue'),
       },
       {
-        path: 'upload/:writerCode/:id',
+        path: 'upload/:writerCode',
         name: 'WriterManuscriptUpload',
         meta: {
           locale: '稿件上传',
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
index 947b16d..38326ed 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
@@ -220,7 +220,6 @@ export default {
               size="large"
               show-word-limit
               maxLength={1000}
-              show-word-limit
               disabled={props.checkLoading}
             />
           </FormItem>
@@ -327,7 +326,7 @@ export default {
               <div class="flex items-center mb-16px">
                 {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]}${
+                    <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value] ?? '-'}${
                       item.suffix || ''
                     }`}</span>
                     <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
@@ -356,7 +355,7 @@ export default {
             <div class="flex items-center mb-16px">
               {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]}${
+                  <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value] ?? '-'}${
                     item.suffix || ''
                   }`}</span>
                   <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
index 855e5f9..f16ab2c 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
@@ -12,6 +12,7 @@ import {
   Textarea,
 } from '@arco-design/web-vue';
 import { getTemplateUrlWriter, postWorksByLinkWriter, postWorksByFileWriter } from '@/api/all/generationWorkshop-writer.ts';
+import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
@@ -39,6 +40,7 @@ export default {
   setup(props, { emit, expose }) {
     const update = inject('update');
     const router = useRouter();
+    const route = useRoute();
 
     // 响应式状态
     const visible = ref(false);
@@ -136,7 +138,8 @@ export default {
 
     // 跳转编辑
     const goUpload = () => {
-      router.push(`/writer/manuscript/upload/${route.params.writerCode}/1`);
+      slsWithCatch('writerWaitUploadWorks', JSON.stringify(works.value));
+      router.push(`/writer/manuscript/upload/${route.params.writerCode}`);
       onClose();
     };
 
@@ -228,7 +231,7 @@ export default {
             <div key={item.id} class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
               <div class="flex-1 overflow-hidden flex items-center mr-12px">
                 <img src={item.cover} width="32" height="32" class="rounded-3px mr-8px" />
-                <TextOverTips class="text" context={item.title} />
+                <TextOverTips class="text !text-left" context={item.title} />
               </div>
               <icon-delete
                 size="16px"
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
index b444943..10a0372 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
@@ -7,6 +7,7 @@ import UploadSuccessModal from './upload-success-modal.vue';
 
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 import { postWorksBatchWriter } from '@/api/all/generationWorkshop-writer.ts';
+import { glsWithCatch, rlsWithCatch, slsWithCatch } from '@/utils/stroage.ts';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
@@ -72,29 +73,33 @@ export default {
       });
     };
 
-    const onSubmit = async (check) => {
+    const onSubmit = async (action) => {
       uploadLoading.value = true;
       const filteredWorks = map(works.value, (work) => omit(work, 'videoInfo'));
       const { code, data } = await postWorksBatchWriter({ works: filteredWorks });
       if (code === 200) {
         uploadLoading.value = false;
-        if (check) {
+        if (action === 'batchUpload') {
           uploadSuccessModal.value?.open(workId);
         } else {
-          router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
+          if (action === 'uploadAndCheck') {
+            slsWithCatch('writerManuscriptCheckIds', [workId]);
+            router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+          } else {
+            router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
+          }
         }
       }
     };
 
-    const onUpload = async (e, check = false) => {
-      console.log('onUpload', works.value);
+    const onUpload = async (action) => {
       formRef.value
         ?.validate()
         .then(() => {
           return validateDataSource();
         })
         .then(() => {
-          onSubmit(check);
+          onSubmit(action);
         })
         .catch((err) => {
           console.log('catch');
@@ -102,8 +107,8 @@ export default {
         });
     };
 
-    const onUploadAndCheck = (e) => {
-      onUpload(e, true);
+    const syncLocalStorage = () => {
+      slsWithCatch('writerWaitUploadWorks', JSON.stringify(works.value ?? []));
     };
 
     const handleReValidate = () => {
@@ -134,6 +139,8 @@ export default {
           selectCardInfo.value = {};
         }
       }
+
+      syncLocalStorage();
     };
 
     const renderFooterRow = () => {
@@ -143,7 +150,7 @@ export default {
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button type="primary" size="medium" onClick={onUpload} loading={uploadLoading.value}>
+            <Button type="primary" size="medium" onClick={() => onUpload('batchUpload')} loading={uploadLoading.value}>
               {uploadLoading.value ? '批量上传' : '批量上传'}
             </Button>
           </>
@@ -154,10 +161,21 @@ export default {
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button size="medium" type="outline" onClick={onUpload} class="mr-12px" loading={uploadLoading.value}>
+            <Button
+              size="medium"
+              type="outline"
+              onClick={() => onUpload('singleUpload')}
+              class="mr-12px"
+              loading={uploadLoading.value}
+            >
               上传
             </Button>
-            <Button type="primary" size="medium" onClick={onUploadAndCheck} loading={uploadLoading.value}>
+            <Button
+              type="primary"
+              size="medium"
+              onClick={() => onUpload('uploadAndCheck')}
+              loading={uploadLoading.value}
+            >
               上传并审核
             </Button>
           </>
@@ -165,8 +183,12 @@ export default {
       }
     };
     const getData = () => {
-      works.value = generateMockData();
-      selectCardInfo.value = cloneDeep(works.value[0] ?? {});
+      const _works = JSON.parse(glsWithCatch('writerWaitUploadWorks') ?? '[]')?.map((item) => ({
+        ...item,
+        videoInfo: item?.videoInfo ? cloneDeep(item.videoInfo) : cloneDeep(INITIAL_VIDEO_INFO),
+      }));
+      works.value = _works;
+      selectCardInfo.value = cloneDeep(_works[0] ?? {});
     };
     const getCardClass = (item) => {
       if (selectCardInfo.value.id === item.id) {
@@ -184,6 +206,8 @@ export default {
         works.value[index] = cloneDeep(val);
       }
       selectCardInfo.value = val;
+
+      syncLocalStorage();
     };
     const onUpdateVideoInfo = (newVideoInfo) => {
       const index = works.value.findIndex((v) => v.id === selectCardInfo.value.id);
@@ -191,11 +215,16 @@ export default {
         works.value[index].videoInfo = cloneDeep(newVideoInfo);
       }
       selectCardInfo.value.videoInfo = { ...selectCardInfo.value.videoInfo, ...newVideoInfo };
+
+      syncLocalStorage();
     };
 
     onMounted(() => {
       getData();
     });
+    onUnmounted(() => {
+      rlsWithCatch('writerWaitUploadWorks');
+    });
 
     return () => (
       <>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index 947b16d..cedc9a7 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -327,7 +327,7 @@ export default {
               <div class="flex items-center mb-16px">
                 {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]}${
+                    <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value] ?? '-'}${
                       item.suffix || ''
                     }`}</span>
                     <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
@@ -356,7 +356,7 @@ export default {
             <div class="flex items-center mb-16px">
               {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]}${
+                  <span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value] ?? '-'}${
                     item.suffix || ''
                   }`}</span>
                   <span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
diff --git a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
index c40662c..968bc01 100644
--- a/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
@@ -77,7 +77,7 @@ export default {
                 path: `/explore/list/${data.code}`,
               }).href;
               copy(generateFullUrl(url));
-              AMessage.success('复制成功！');
+              AMessage.success('链接已复制！');
               emit('close');
             }
           } finally {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
index 2f7a4e8..600008c 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -14,6 +14,7 @@ import {
 import { useClipboard } from '@vueuse/core';
 import { getWriterLinksGenerate, getTemplateUrl, postWorksByLink, postWorksByFile } from '@/api/all/generationWorkshop';
 import { generateFullUrl } from '@/utils/tools';
+import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
 import icon1 from '@/assets/img/media-account/icon-feedback-fail.png';
@@ -86,7 +87,6 @@ export default {
           path: `/writer/manuscript/list/${data.code}`,
         }).href;
         form.value.writerLink = generateFullUrl(url);
-        console.log('getWriterLinksGenerate -----writer-code---->', form.value.writerLink);
       }
     };
 
@@ -144,32 +144,28 @@ export default {
 
     // 文件上传处理
     const handleUpload = async (option) => {
-      try {
-        taskStatus.value = TASK_STATUS.LOADING;
+      taskStatus.value = TASK_STATUS.LOADING;
+      const {
+        fileItem: { file },
+      } = option;
 
-        const {
-          fileItem: { file },
-        } = option;
-
-        const formData = new FormData();
-        formData.append('file', file);
-        const { code, data } = await postWorksByFile(formData, {
-          headers: {
-            'Content-Type': 'multipart/form-data',
-          },
-        });
-        if (code === 200) {
-          taskStatus.value = TASK_STATUS.SUCCESS;
-          works.value = data;
-        }
-      } finally {
-        taskStatus.value = TASK_STATUS.DEFAULT;
+      const formData = new FormData();
+      formData.append('file', file);
+      const { code, data } = await postWorksByFile(formData, {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      });
+      if (code === 200) {
+        taskStatus.value = TASK_STATUS.SUCCESS;
+        works.value = data ? [data] : [];
       }
     };
 
-    // 跳转编辑
+    // 跳转上传页面
     const goUpload = () => {
-      router.push(`/manuscript/upload/1`);
+      slsWithCatch('waitUploadWorks',JSON.stringify(works.value));
+      router.push(`/manuscript/upload`);
       onClose();
     };
 
@@ -271,7 +267,7 @@ export default {
             <div key={item.id} class="rounded-8px bg-#fff px-8px py-8px flex justify-between items-center mt-8px">
               <div class="flex-1 overflow-hidden flex items-center mr-12px">
                 <img src={item.cover} width="32" height="32" class="rounded-3px mr-8px" />
-                <TextOverTips class="text" context={item.title} />
+                <TextOverTips class="text !text-left" context={item.title} />
               </div>
               <icon-delete
                 size="16px"
diff --git a/src/views/creative-generation-workshop/manuscript/upload/index.vue b/src/views/creative-generation-workshop/manuscript/upload/index.vue
index 75db523..b89a917 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue
@@ -7,19 +7,20 @@ import UploadSuccessModal from './upload-success-modal.vue';
 
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 import { postWorksBatch } from '@/api/all/generationWorkshop.ts';
+import { glsWithCatch, rlsWithCatch, slsWithCatch } from '@/utils/stroage.ts';
 
 import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png';
 
-const generateMockData = (count = 4) =>
-  Array.from({ length: count }, (_, i) => ({
-    id: `${i + 1}`,
-    title: `标题${i + 1}`,
-    content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
-    type: i % 2 === 0 ? EnumManuscriptType.Image : EnumManuscriptType.Video,
-    files: [],
-    videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
-  }));
+// const generateMockData = (count = 4) =>
+//   Array.from({ length: count }, (_, i) => ({
+//     id: `${i + 1}`,
+//     title: `标题${i + 1}`,
+//     content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨',
+//     type: i % 2 === 0 ? EnumManuscriptType.Image : EnumManuscriptType.Video,
+//     files: [],
+//     videoInfo: cloneDeep(INITIAL_VIDEO_INFO),
+//   }));
 
 export default {
   components: {
@@ -72,40 +73,46 @@ export default {
       });
     };
 
-    const onSubmit = async (check) => {
+    const onSubmit = async (action) => {
       uploadLoading.value = true;
       const filteredWorks = map(works.value, (work) => omit(work, 'videoInfo'));
       const { code, data } = await postWorksBatch({ works: filteredWorks });
       if (code === 200) {
         uploadLoading.value = false;
-        if (check) {
+
+        if (action === 'batchUpload') {
           uploadSuccessModal.value?.open(workId);
         } else {
-          router.push({ name: 'ManuscriptList' });
+          AMessage.success('上传成功');
+          if (action === 'uploadAndCheck') {
+            slsWithCatch('manuscriptCheckIds', [workId]);
+            router.push({ name: 'ManuscriptCheck' });
+          } else {
+            router.push({ name: 'ManuscriptList' });
+          }
         }
       }
     };
 
-    const onUpload = async (e, check = false) => {
-      console.log('onUpload', works.value);
+    // 本地存储同步
+    const syncLocalStorage = () => {
+      slsWithCatch('waitUploadWorks', JSON.stringify(works.value ?? []));
+    };
+
+    const onUpload = async (action) => {
       formRef.value
         ?.validate()
         .then(() => {
           return validateDataSource();
         })
         .then(() => {
-          onSubmit(check);
+          onSubmit(action);
         })
         .catch((err) => {
-          console.log('catch');
           errorDataCards.value.push(err);
         });
     };
 
-    const onUploadAndCheck = (e) => {
-      onUpload(e, true);
-    };
-
     const handleReValidate = () => {
       formRef.value?.validate().then(() => {
         deleteErrorCard(selectCardInfo.value);
@@ -134,6 +141,8 @@ export default {
           selectCardInfo.value = {};
         }
       }
+
+      syncLocalStorage();
     };
 
     const renderFooterRow = () => {
@@ -143,8 +152,8 @@ export default {
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button type="primary" size="medium" onClick={onUpload} loading={uploadLoading.value}>
-              {uploadLoading.value ? '批量上传' : '批量上传'}
+            <Button type="primary" size="medium" onClick={() => onUpload('batchUpload')} loading={uploadLoading.value}>
+              {uploadLoading.value ? '批量上传中...' : '批量上传'}
             </Button>
           </>
         );
@@ -154,10 +163,21 @@ export default {
             <Button size="medium" type="outline" onClick={onCancel} class="mr-12px">
               取消上传
             </Button>
-            <Button size="medium" type="outline" onClick={onUpload} class="mr-12px" loading={uploadLoading.value}>
+            <Button
+              size="medium"
+              type="outline"
+              onClick={() => onUpload('singleUpload')}
+              class="mr-12px"
+              loading={uploadLoading.value}
+            >
               上传
             </Button>
-            <Button type="primary" size="medium" onClick={onUploadAndCheck} loading={uploadLoading.value}>
+            <Button
+              type="primary"
+              size="medium"
+              onClick={() => onUpload('uploadAndCheck')}
+              loading={uploadLoading.value}
+            >
               上传并审核
             </Button>
           </>
@@ -165,8 +185,12 @@ export default {
       }
     };
     const getData = () => {
-      works.value = generateMockData();
-      selectCardInfo.value = cloneDeep(works.value[0] ?? {});
+      const _works = JSON.parse(glsWithCatch('waitUploadWorks') ?? '[]')?.map((item) => ({
+        ...item,
+        videoInfo: item?.videoInfo ? cloneDeep(item.videoInfo) : cloneDeep(INITIAL_VIDEO_INFO),
+      }));
+      works.value = _works;
+      selectCardInfo.value = cloneDeep(_works[0] ?? {});
     };
     const getCardClass = (item) => {
       if (selectCardInfo.value.id === item.id) {
@@ -184,6 +208,8 @@ export default {
         works.value[index] = cloneDeep(val);
       }
       selectCardInfo.value = val;
+
+      syncLocalStorage();
     };
     const onUpdateVideoInfo = (newVideoInfo) => {
       const index = works.value.findIndex((v) => v.id === selectCardInfo.value.id);
@@ -191,12 +217,18 @@ export default {
         works.value[index].videoInfo = cloneDeep(newVideoInfo);
       }
       selectCardInfo.value.videoInfo = { ...selectCardInfo.value.videoInfo, ...newVideoInfo };
+
+      syncLocalStorage();
     };
 
     onMounted(() => {
       getData();
     });
 
+    onUnmounted(() => {
+      rlsWithCatch('waitUploadWorks');
+    });
+
     return () => (
       <>
         <div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">

From 6eb302b0ae5ebd1c61107de5804ab3031a76982d Mon Sep 17 00:00:00 2001
From: renxiaodong <1344903914@qq.com>
Date: Mon, 11 Aug 2025 22:08:38 +0800
Subject: [PATCH 54/64] =?UTF-8?q?perf:=20=E4=B8=8A=E4=BC=A0=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../upload-manuscript-modal/index.vue         | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
index f16ab2c..5162371 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
@@ -11,7 +11,11 @@ import {
   Message as AMessage,
   Textarea,
 } from '@arco-design/web-vue';
-import { getTemplateUrlWriter, postWorksByLinkWriter, postWorksByFileWriter } from '@/api/all/generationWorkshop-writer.ts';
+import {
+  getTemplateUrlWriter,
+  postWorksByLinkWriter,
+  postWorksByFileWriter,
+} from '@/api/all/generationWorkshop-writer.ts';
 import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
@@ -113,26 +117,22 @@ export default {
 
     // 文件上传处理
     const handleUpload = async (option) => {
-      try {
-        taskStatus.value = TASK_STATUS.LOADING;
+      taskStatus.value = TASK_STATUS.LOADING;
 
-        const {
-          fileItem: { file },
-        } = option;
+      const {
+        fileItem: { file },
+      } = option;
 
-        const formData = new FormData();
-        formData.append('file', file);
-        const { code, data } = await postWorksByFileWriter(formData, {
-          headers: {
-            'Content-Type': 'multipart/form-data',
-          },
-        });
-        if (code === 200) {
-          taskStatus.value = TASK_STATUS.SUCCESS;
-          works.value = data;
-        }
-      } finally {
-        taskStatus.value = TASK_STATUS.DEFAULT;
+      const formData = new FormData();
+      formData.append('file', file);
+      const { code, data } = await postWorksByFileWriter(formData, {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      });
+      if (code === 200) {
+        taskStatus.value = TASK_STATUS.SUCCESS;
+        works.value = data;
       }
     };
 

From 8cda6cae648c5fb71e559236bd87f7bd1af2d142 Mon Sep 17 00:00:00 2001
From: renxiaodong <1344903914@qq.com>
Date: Mon, 11 Aug 2025 22:40:54 +0800
Subject: [PATCH 55/64] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0HoverImagePrevi?=
 =?UTF-8?q?ew=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/hover-image-preview/index.vue  | 93 +++++++++++++++++++
 src/utils/tools.ts                            | 41 ++++++++
 .../components/manuscript-table/index.vue     | 13 ++-
 3 files changed, 142 insertions(+), 5 deletions(-)
 create mode 100644 src/components/hover-image-preview/index.vue

diff --git a/src/components/hover-image-preview/index.vue b/src/components/hover-image-preview/index.vue
new file mode 100644
index 0000000..2366750
--- /dev/null
+++ b/src/components/hover-image-preview/index.vue
@@ -0,0 +1,93 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-08-11 22:15:35
+-->
+<template>
+  <a-popover
+    :trigger="'hover'"
+    class="hover-big-image-preview-popover"
+    :position="props.position"
+    :mouse-enter-delay="props.enterDelay"
+    :mouse-leave-delay="props.leaveDelay"
+    :disabled="!props.src"
+  >
+    <template #content>
+      <div class="preview-container" :style="containerStyle">
+        <img :src="props.src" alt="preview" class="preview-image" />
+      </div>
+    </template>
+    
+    <slot />
+  </a-popover>
+</template>
+
+<script lang="ts" setup>
+import { computed, onMounted, ref, watch } from 'vue';
+import type { ImageOrientation } from '@/utils/tools';
+import { getImageOrientationByUrl } from '@/utils/tools';
+
+interface Props {
+  src: string;
+  position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
+  enterDelay?: number;
+  leaveDelay?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  position: 'right',
+  enterDelay: 100,
+  leaveDelay: 200,
+});
+
+const orientation = ref<ImageOrientation>('landscape');
+
+const resolveOrientation = async () => {
+  if (!props.src) {
+    orientation.value = 'landscape';
+    return;
+  }
+  const o = await getImageOrientationByUrl(props.src);
+  orientation.value = o === 'square' ? 'landscape' : o;
+};
+
+onMounted(resolveOrientation);
+watch(() => props.src, resolveOrientation);
+
+const containerStyle = computed(() => {
+  // 竖图: 306x400；横图: 400x251
+  const isPortrait = orientation.value === 'portrait';
+  const width = isPortrait ? 306 : 400;
+  const height = isPortrait ? 400 : 251;
+  return {
+    width: `${width}px`,
+    height: `${height}px`,
+  } as Record<string, string>;
+});
+</script>
+
+<style lang="scss">
+.hover-big-image-preview-popover {
+  .arco-popover-popup-content {
+    padding: 16px !important;
+    border-radius: 8px;
+    background: #fff;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+  }
+
+  .preview-container {
+    box-sizing: border-box;
+    border-radius: 8px;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+  }
+
+  .preview-image {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+}
+</style>
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 687c535..93676a4 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -298,3 +298,44 @@ export const generateFullUrl = (pathTemplate: string, params: Record<string, str
 
   return `${baseUrl}${path}`;
 };
+
+/** 图片朝向类型 */
+export type ImageOrientation = 'landscape' | 'portrait' | 'square';
+
+/**
+ * 根据宽高判断图片是横图/竖图/正方形
+ */
+export const getImageOrientationBySize = (width: number, height: number): ImageOrientation => {
+  if (!width || !height) return 'square';
+  if (width > height) return 'landscape';
+  if (height > width) return 'portrait';
+  return 'square';
+};
+
+/**
+ * 加载图片自然尺寸（跨域下需服务端允许匿名访问）
+ */
+export const getImageNaturalSize = (url: string): Promise<{ width: number; height: number }> => {
+  return new Promise((resolve) => {
+    const img = new Image();
+    img.onload = () => {
+      resolve({ width: img.naturalWidth, height: img.naturalHeight });
+    };
+    img.onerror = () => {
+      resolve({ width: 0, height: 0 });
+    };
+    // 若是跨域资源并允许匿名访问，可尝试设置
+    try {
+      img.crossOrigin = 'anonymous';
+    } catch (_) {}
+    img.src = url;
+  });
+};
+
+/**
+ * 基于图片 URL 判断图片横竖
+ */
+export const getImageOrientationByUrl = async (url: string): Promise<ImageOrientation> => {
+  const { width, height } = await getImageNaturalSize(url);
+  return getImageOrientationBySize(width, height);
+};
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index feb9347..57df651 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -71,11 +71,13 @@
           {{ exactFormatTime(record[column.dataIndex]) }}
         </template>
         <template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
-          <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
-            <template #error>
-              <img :src="icon4" class="w-full h-full" />
-            </template>
-          </a-image>
+          <HoverImagePreview :src="record.cover">
+            <a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
+              <template #error>
+                <img :src="icon4" class="w-full h-full" />
+              </template>
+            </a-image>
+          </HoverImagePreview>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
@@ -99,6 +101,7 @@ import { TABLE_COLUMNS } from './constants';
 import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
 
 import TextOverTips from '@/components/text-over-tips';
+import HoverImagePreview from '@/components/hover-image-preview';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/creative-generation-workshop/icon-photo.png';

From d01dd6d558def55fa390e2c398805454ece17db2 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 10:28:12 +0800
Subject: [PATCH 56/64] =?UTF-8?q?feat:=20=E5=86=99=E6=89=8B=E7=AB=AF?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop-writer.ts      | 112 ++++++++++--------
 src/hooks/useGetAiReviewResult.ts             |  25 +++-
 .../delete-manuscript-modal.vue               |  19 ++-
 .../manuscript-check-table/index.vue          |  24 ++--
 .../manuscript-writer/check-list/constants.ts |  30 ++---
 .../manuscript-writer/check-list/index.vue    |  22 ++--
 .../manuscript-writer/check/index.vue         |  11 +-
 .../manuscript-writer/detail/index.vue        |   9 +-
 .../manuscript-writer/edit/index.vue          |   9 +-
 .../delete-manuscript-modal.vue               |  19 ++-
 .../upload-manuscript-modal/index.vue         |  12 +-
 .../manuscript-writer/list/index.vue          |   3 +-
 .../manuscript-writer/upload/index.vue        |   7 +-
 13 files changed, 164 insertions(+), 138 deletions(-)

diff --git a/src/api/all/generationWorkshop-writer.ts b/src/api/all/generationWorkshop-writer.ts
index 3485f8e..db522c5 100644
--- a/src/api/all/generationWorkshop-writer.ts
+++ b/src/api/all/generationWorkshop-writer.ts
@@ -3,131 +3,149 @@
  */
 
 import Http from '@/api';
+import { useRoute } from 'vue-router';
 
 const getWriterCode = () => {
   const route = useRoute();
-  return route.params.writerCode as string;
+  return route?.params?.writerCode as string;
 };
 // 内容稿件-批量添加(写手)
-export const postWorksBatchWriter = (params: {}) => {
+export const postWorksBatchWriter = (params = {}, writerCode: string) => {
   return Http.post('/v1/writer/works/batch', params, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件-分页(写手)
-export const getWorksPageWriter = (params: {}) => {
+export const getWorksPageWriter = (writerCode: string, params = {}) => {
   return Http.get('/v1/writer/works', params, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件-详情(写手)
-export const getWorksDetailWriter = (id: string) => {
-  return Http.get(`/v1/writer/works/${id}`, {
-    headers: { 'writer-code': getWriterCode() },
-  });
+export const getWorksDetailWriter = (writerCode: string, id: string) => {
+  return Http.get(
+    `/v1/writer/works/${id}`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
 };
 
 // 内容稿件-修改(写手)
-export const putWorksUpdateWriter = (params = {}) => {
+export const putWorksUpdateWriter = (writerCode: string, params = {}) => {
   const { id, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/writer/works/${id}`, rest, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件-删除(写手)
-export const deleteWorkWriter = (id: string) => {
+export const deleteWorkWriter = (writerCode: string, id: string) => {
   return Http.delete(`/v1/writer/works/${id}`, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件-获取模板(写手)
-export const getTemplateUrlWriter = () => {
-  return Http.get('/v1/writer/works/template', {
-    headers: { 'writer-code': getWriterCode() },
-  });
+export const getTemplateUrlWriter = (writerCode: string) => {
+  return Http.get(
+    '/v1/writer/works/template',
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
 };
 
 // 内容稿件审核-分页(写手)
-export const getWorkAuditsPageWriter = (params: any) => {
+export const getWorkAuditsPageWriter = (writerCode: string, params = {}) => {
   return Http.get('/v1/writer/work-audits', params, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件审核-详情(写手)
-export const getWorkAuditsDetailWriter = (id: string) => {
-  return Http.get(`/v1/writer/work-audits/${id}`, {
-    headers: { 'writer-code': getWriterCode() },
-  });
+export const getWorkAuditsDetailWriter = (writerCode: string, id: string) => {
+  return Http.get(
+    `/v1/writer/work-audits/${id}`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
 };
 
 // 内容稿件审核-多个详情(写手)
-export const getWorkAuditsBatchDetailWriter = (params: any) => {
+export const getWorkAuditsBatchDetailWriter = (writerCode: string, params = {}) => {
   return Http.get('/v1/writer/work-audits/list', params, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件-审核(写手)
-export const patchWorkAuditsAuditWriter = (id: string, params = {}) => {
-  return Http.patch(`/v1/writer/work-audits/${id}/audit`, params, {
-    headers: { 'writer-code': getWriterCode() },
-  });
+export const patchWorkAuditsAuditWriter = (id: string, writerCode: string) => {
+  return Http.patch(
+    `/v1/writer/work-audits/${id}/audit`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
 };
 
 // 内容稿件-批量审核(写手)
-export const patchWorkAuditsBatchAuditWriter = (params: {}) => {
+export const patchWorkAuditsBatchAuditWriter = (writerCode: string, params: {}) => {
   return Http.patch('/v1/writer/work-audits/batch-audit', params, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件审核-修改(写手)
-export const putWorkAuditsUpdateWriter = (params = {}) => {
+export const putWorkAuditsUpdateWriter = (writerCode: string, params = {}) => {
   const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/writer/work-audits/${auditId}`, rest, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件审核-审核通过(写手)
-export const putWorkAuditsAuditPassWriter = (params = {}) => {
+export const putWorkAuditsAuditPassWriter = (writerCode: string, params = {}) => {
   const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/writer/work-audits/${auditId}/audit-pass`, rest, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件审核-AI审查(写手)
 export const postWorkAuditsAiReviewWriter = (params = {}) => {
-  const { id: auditId, ...rest } = params as { id: string; [key: string]: any };
+  const { id: auditId, writerCode, ...rest } = params as { id: string; writerCode: string; [key: string]: any };
   return Http.post(`/v1/writer/work-audits/${auditId}/ai-review`, rest, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件审核-获取AI审查结果(写手)
-export const getWorkAuditsAiReviewResultWriter = (id: string, ticket: string) => {
-  return Http.get(`/v1/writer/work-audits/${id}/ai-review/${ticket}`, {
-    headers: { 'writer-code': getWriterCode() },
-  });
+export const getWorkAuditsAiReviewResultWriter = (id: string, ticket: string, writerCode: string) => {
+  return Http.get(
+    `/v1/writer/work-audits/${id}/ai-review/${ticket}`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
 };
 
 // 内容稿件-通过链接获取稿件
-export const postWorksByLinkWriter = (params = {}) => {
+export const postWorksByLinkWriter = (writerCode: string, params = {}) => {
   return Http.post('/v1/writer/works/by-link', params, {
-    headers: { 'writer-code': getWriterCode() },
+    headers: { 'writer-code': writerCode },
   });
 };
 
 // 内容稿件-通过文档获取稿件
 export const postWorksByFileWriter = (params = {}, config = {}) => {
-  return Http.post('/v1/writer/works/by-file', params, {
-    ...config,
-    headers: { 'writer-code': getWriterCode() },
-  });
+  return Http.post('/v1/writer/works/by-file', params, config);
 };
diff --git a/src/hooks/useGetAiReviewResult.ts b/src/hooks/useGetAiReviewResult.ts
index d2f2f9b..188fd8c 100644
--- a/src/hooks/useGetAiReviewResult.ts
+++ b/src/hooks/useGetAiReviewResult.ts
@@ -6,18 +6,31 @@ export default function useGetAiReviewResult({
 }: {
   cardInfo: any;
   updateAiReview: (ai_review: any) => void;
-  startAiReviewFn: (params: { id: string; platform: string; content: string }) => Promise<any>;
-  getAiReviewResultFn: (id: string, ticket: string) => Promise<any>;
+  startAiReviewFn: (params: {
+    id: string;
+    platform: string;
+    content: string;
+    writerCode: string | undefined;
+  }) => Promise<any>;
+  getAiReviewResultFn: (id: string, ticket: string, writerCode: string | undefined) => Promise<any>;
 }) {
+  const route = useRoute();
   const statusPollingTimer = ref<number | null>(null);
   const ticket = ref('');
   const checkLoading = ref(false);
   const checkResult = ref<any>({});
 
+  const writerCode = computed(() => route.params.writerCode);
+  
   const handleStartCheck = async () => {
     checkLoading.value = true;
     const { id, platform, content } = cardInfo.value;
-    const { code, data } = await startAiReviewFn({ id, platform, content });
+    const { code, data } = await startAiReviewFn({
+      id,
+      platform,
+      content,
+      writerCode: writerCode.value as string | undefined,
+    });
     if (code === 200) {
       ticket.value = data.ticket;
       startStatusPolling();
@@ -32,7 +45,11 @@ export default function useGetAiReviewResult({
   const startStatusPolling = () => {
     clearStatusPollingTimer();
     statusPollingTimer.value = setInterval(async () => {
-      const { code, data } = await getAiReviewResultFn(cardInfo.value.id, ticket.value);
+      const { code, data } = await getAiReviewResultFn(
+        cardInfo.value.id,
+        ticket.value,
+        writerCode.value as string | undefined,
+      );
       if (code === 200 && data.status === 1) {
         checkResult.value = data.ai_review;
         updateAiReview?.(data.ai_review);
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
index a7cdc71..8cc9527 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -1,19 +1,12 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
-    title="删除内容稿件"
-    width="480px"
-    @close="onClose"
-  >
+  <a-modal v-model:visible="visible" title="删除内容稿件" width="480px" @close="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除 {{ projectName }} 这个内容稿件吗？</span>  
+      <span>确认删除 {{ projectName }} 这个内容稿件吗？</span>
     </div>
     <template #footer>
       <a-button size="medium" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="medium" @click="onDelete"
-        >确认删除</a-button
-      >
+      <a-button type="primary" class="ml-16px" status="danger" size="medium" @click="onDelete">确认删除</a-button>
     </template>
   </a-modal>
 </template>
@@ -24,12 +17,14 @@ import { deleteWorkWriter } from '@/api/all/generationWorkshop-writer.ts';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const update = inject('update');
+const route = useRoute();
 
 const visible = ref(false);
 const projectId = ref(null);
 const projectName = ref('');
 
 const isBatch = computed(() => Array.isArray(projectId.value));
+const writerCode = computed(() => route.params.writerCode);
 
 function onClose() {
   visible.value = false;
@@ -46,10 +41,10 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const { code } = await deleteWorkWriter(projectId.value);
+  const { code } = await deleteWorkWriter(writerCode.value, projectId.value);
   if (code === 200) {
     AMessage.success('删除成功');
-    update()
+    update();
     onClose();
   }
 }
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
index 49905b0..73de974 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
@@ -74,9 +74,6 @@
             }}</span>
           </div>
         </template>
-        <template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
-          {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
-        </template>
         <template
           #cell="{ record }"
           v-else-if="
@@ -95,14 +92,16 @@
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+            <a-button type="outline" size="mini" @click="onCheck(record)" v-if="audit_status === AuditStatus.Pending"
+              >审核</a-button
+            >
             <a-button
               type="outline"
               size="mini"
-              @click="onCheck(record)"
-              v-if="audit_status === AuditStatus.Pending"
-              >审核</a-button
+              @click="onScan(record)"
+              v-else-if="audit_status === AuditStatus.Auditing"
+              >查看</a-button
             >
-            <a-button type="outline" size="mini" @click="onScan(record)" v-else>查看</a-button>
           </div>
         </template>
         <template v-else #cell="{ record }">
@@ -111,7 +110,6 @@
       </a-table-column>
     </template>
   </a-table>
-
 </template>
 
 <script setup>
@@ -161,6 +159,8 @@ const props = defineProps({
 const route = useRoute();
 const tableRef = ref(null);
 
+const writerCode = computed(() => route.params.writerCode);
+
 const handleSorterChange = (column, order) => {
   emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
 };
@@ -168,17 +168,17 @@ const onDelete = (item) => {
   emits('delete', item);
 };
 const onCheck = (item) => {
-  patchWorkAuditsAuditWriter(item.id);
+  patchWorkAuditsAuditWriter(item.id, writerCode.value);
   slsWithCatch('writerManuscriptCheckIds', [item.id]);
-  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
 };
 const onScan = (item) => {
   slsWithCatch('writerManuscriptCheckIds', [item.id]);
-  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
 };
 const onDetail = (item) => {
   router.push(
-    `/writer/manuscript/check-list/detail/${item.id}/${route.params.writerCode}?source=check&audit_status=${props.audit_status}`,
+    `/writer/manuscript/check-list/detail/${item.id}/${writerCode.value}?source=check&audit_status=${props.audit_status}`,
   );
 };
 const getCustomerOpinionInfo = (value) => {
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
index c6a9966..f1e5eeb 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
@@ -31,11 +31,6 @@ export const TABLE_COLUMNS1 = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '上传人员',
-    dataIndex: 'uploader',
-    width: 180,
-  },
   {
     title: '最后修改时间',
     dataIndex: 'last_modified_at',
@@ -44,11 +39,6 @@ export const TABLE_COLUMNS1 = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '修改人员',
-    dataIndex: 'last_modifier',
-    width: 180,
-  },
   {
     title: '操作',
     dataIndex: 'operation',
@@ -113,11 +103,11 @@ export const TABLE_COLUMNS2 = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '修改人员',
-    dataIndex: 'last_modifier',
-    width: 180,
-  },
+  // {
+  //   title: '修改人员',
+  //   dataIndex: 'last_modifier',
+  //   width: 180,
+  // },
   {
     title: '操作',
     dataIndex: 'operation',
@@ -176,11 +166,11 @@ export const TABLE_COLUMNS3 = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '修改人员',
-    dataIndex: 'last_modifier',
-    width: 180,
-  },
+  // {
+  //   title: '修改人员',
+  //   dataIndex: 'last_modifier',
+  //   width: 180,
+  // },
   {
     title: '操作',
     dataIndex: 'operation',
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
index f846bf9..0338ef3 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
@@ -3,9 +3,9 @@
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
       <a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
         <a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
-        <template #extra>
+        <!-- <template #extra>
           <a-button type="outline" size="medium" @click="handleShareModal">分享内容稿件</a-button>
-        </template>
+        </template> -->
       </a-tabs>
       <FilterBlock
         v-model:query="query"
@@ -117,11 +117,13 @@ const query = ref(cloneDeep(INITIAL_QUERY));
 
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
-const shareManuscriptModalRef = ref(null);
+// const shareManuscriptModalRef = ref(null);
+
+const writerCode = computed(() => route.params.writerCode);
 
 const getData = async () => {
   const { page, page_size } = pageInfo.value;
-  const { code, data } = await getWorkAuditsPageWriter({
+  const { code, data } = await getWorkAuditsPageWriter(writerCode.value, {
     ...query.value,
     page,
     page_size,
@@ -154,10 +156,10 @@ const handleBatchCheck = () => {
     return;
   }
 
-  patchWorkAuditsBatchAuditWriter({ ids: selectedRowKeys.value });
+  patchWorkAuditsBatchAuditWriter(writerCode.value, { ids: selectedRowKeys.value });
 
   slsWithCatch('writerManuscriptCheckIds', selectedRowKeys.value);
-  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
 };
 const handleBatchView = () => {
   if (!selectedRows.value.length) {
@@ -166,7 +168,7 @@ const handleBatchView = () => {
   }
 
   slsWithCatch('writerManuscriptCheckIds', selectedRowKeys.value);
-  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
 };
 
 const handleTabClick = (key) => {
@@ -180,9 +182,9 @@ const handleTabClick = (key) => {
   getData();
 };
 
-const handleShareModal = () => {
-  shareManuscriptModalRef.value.open();
-};
+// const handleShareModal = () => {
+//   shareManuscriptModalRef.value.open();
+// };
 
 const handleDelete = (item) => {
   const { id, title } = item;
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
index e210cf5..a33d7d6 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
@@ -14,7 +14,6 @@ import {
   postWorkAuditsAiReviewWriter,
   getWorkAuditsAiReviewResultWriter,
   putWorkAuditsAuditPassWriter,
-  postWorkAuditsAiReviewWriter,
 } from '@/api/all/generationWorkshop-writer.ts';
 
 export default {
@@ -35,6 +34,8 @@ export default {
     const selectCardInfo = ref({});
     const selectedImageInfo = ref(null);
 
+    const writerCode = computed(() => route.params.writerCode);
+
     const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
       cardInfo: selectCardInfo,
       startAiReviewFn: postWorkAuditsAiReviewWriter,
@@ -45,7 +46,7 @@ export default {
     });
 
     const onBack = () => {
-      router.push({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
+      router.push({ path: `/writer/manuscript/check-list/${writerCode.value}` });
     };
 
     const onChangeCard = (item) => {
@@ -79,7 +80,7 @@ export default {
     };
 
     const getWorkAudits = async () => {
-      const { code, data } = await getWorkAuditsBatchDetailWriter({ ids: workIds.value });
+      const { code, data } = await getWorkAuditsBatchDetailWriter(writerCode.value, { ids: workIds.value });
       if (code === 200) {
         const _data = (data ?? []).map((item) => ({
           ...item,
@@ -125,7 +126,7 @@ export default {
       }
 
       contentCardRef.value?.validate().then(async () => {
-        const { code, data } = await putWorkAuditsUpdateWriter(selectCardInfo.value);
+        const { code, data } = await putWorkAuditsUpdateWriter(writerCode.value, selectCardInfo.value);
         if (code === 200) {
           isSaved.value = true;
           AMessage.success('当前内容稿件已保存');
@@ -148,7 +149,7 @@ export default {
       contentCardRef.value?.validate().then(async () => {
         try {
           submitLoading.value = true;
-          const { code, data } = await putWorkAuditsAuditPassWriter(selectCardInfo.value);
+          const { code, data } = await putWorkAuditsAuditPassWriter(writerCode.value, selectCardInfo.value);
           if (code === 200) {
             onCheckSuccess();
           }
diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
index 3790d65..17063ea 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
@@ -33,9 +33,10 @@ export default {
 
     const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video);
     const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO);
+    const writerCode = computed(() => route.params.writerCode);
 
     const onBack = () => {
-      router.push({ path: `${sourceInfo.value.routePath}/${route.params.writerCode}` });
+      router.push({ path: `${sourceInfo.value.routePath}/${writerCode.value}` });
     };
 
     const initData = () => {
@@ -52,7 +53,7 @@ export default {
     const getData = async () => {
       try {
         loading.value = true;
-        const { code, data } = await getWorksDetailWriter(workId.value);
+        const { code, data } = await getWorksDetailWriter(writerCode.value, workId.value);
         if (code === 200) {
           dataSource.value = data;
           initData();
@@ -112,7 +113,7 @@ export default {
           console.log('审核详情');
         } else {
           slsWithCatch('writerManuscriptCheckIds', [workId.value]);
-          router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+          router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
         }
       };
 
@@ -125,7 +126,7 @@ export default {
             size="medium"
             type="outline"
             class="mr-12px"
-            onClick={() => router.push(`/writer/manuscript/edit/${route.params.writerCode}/${workId.value}`)}
+            onClick={() => router.push(`/writer/manuscript/edit/${writerCode.value}/${workId.value}`)}
           >
             编辑
           </Button>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
index 71f30d5..2d3f831 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
@@ -23,6 +23,7 @@ export default {
     const isSaved = ref(false);
 
     const workId = ref(route.params.id);
+    const writerCode = computed(() => route.params.writerCode);
 
     const onCancel = () => {
       const isModified = !isEqual(dataSource.value, remoteDataSource.value);
@@ -41,14 +42,14 @@ export default {
         }
 
         const filteredWorks = omit(dataSource.value, 'videoInfo');
-        const { code, data } = await putWorksUpdateWriter({ id: workId.value, ...filteredWorks });
+        const { code, data } = await putWorksUpdateWriter(writerCode.value, { id: workId.value, ...filteredWorks });
         if (code === 200) {
           AMessage.success('保存成功');
           isSaved.value = true;
 
           if (check) {
             slsWithCatch('writerManuscriptCheckIds', [workId.value]);
-            router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+            router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
           } else {
             onBack();
           }
@@ -56,7 +57,7 @@ export default {
       });
     };
     const getData = async () => {
-      const { code, data } = await getWorksDetailWriter(workId.value);
+      const { code, data } = await getWorksDetailWriter(writerCode.value, workId.value);
       if (code === 200) {
         const { type, files } = data;
         const _data = { ...data, videoInfo: cloneDeep(INITIAL_VIDEO_INFO) };
@@ -82,7 +83,7 @@ export default {
       dataSource.value.videoInfo = { ...dataSource.value.videoInfo, ...newVideoInfo };
     };
     const onBack = () => {
-      router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
+      router.push({ path: `/writer/manuscript/list/${writerCode.value}` });
     };
     onMounted(() => {
       workId && getData();
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
index 223dc10..2108398 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -1,19 +1,12 @@
 <template>
-  <a-modal
-    v-model:visible="visible"
-    title="删除稿件"
-    width="480px"
-    @close="onClose"
-  >
+  <a-modal v-model:visible="visible" title="删除稿件" width="480px" @close="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除 {{ projectName }} 这个稿件吗？</span>  
+      <span>确认删除 {{ projectName }} 这个稿件吗？</span>
     </div>
     <template #footer>
       <a-button size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
-        >确认删除</a-button
-      >
+      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete">确认删除</a-button>
     </template>
   </a-modal>
 </template>
@@ -24,12 +17,14 @@ import { deleteWorkWriter } from '@/api/all/generationWorkshop-writer.ts';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const update = inject('update');
+const route = useRoute();
 
 const visible = ref(false);
 const projectId = ref(null);
 const projectName = ref('');
 
 const isBatch = computed(() => Array.isArray(projectId.value));
+const writerCode = computed(() => route.params.writerCode);
 
 function onClose() {
   visible.value = false;
@@ -46,10 +41,10 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const { code } = await deleteWorkWriter(projectId.value);
+  const { code } = await deleteWorkWriter(writerCode.value, projectId.value);
   if (code === 200) {
     AMessage.success('删除成功');
-    update()
+    update();
     onClose();
   }
 }
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
index 5162371..c928e99 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
@@ -16,6 +16,8 @@ import {
   postWorksByLinkWriter,
   postWorksByFileWriter,
 } from '@/api/all/generationWorkshop-writer.ts';
+import { getTemplateUrl } from '@/api/all/generationWorkshop';
+
 import { slsWithCatch } from '@/utils/stroage.ts';
 
 import TextOverTips from '@/components/text-over-tips';
@@ -59,6 +61,7 @@ export default {
     const isLink = computed(() => uploadType.value === UPLOAD_TYPE.LINK);
     const isLocal = computed(() => uploadType.value === UPLOAD_TYPE.LOCAL);
     const isDefault = computed(() => taskStatus.value === TASK_STATUS.DEFAULT);
+    const writerCode = computed(() => route.params.writerCode);
 
     // 模态框标题
     const getTitle = () => {
@@ -95,7 +98,7 @@ export default {
         if (!errors) {
           taskStatus.value = TASK_STATUS.LOADING;
           const { link } = form.value;
-          const { code, data } = await postWorksByLinkWriter({ link });
+          const { code, data } = await postWorksByLinkWriter(writerCode.value, { link });
           if (code === 200) {
             taskStatus.value = TASK_STATUS.SUCCESS;
             works.value = data;
@@ -128,18 +131,19 @@ export default {
       const { code, data } = await postWorksByFileWriter(formData, {
         headers: {
           'Content-Type': 'multipart/form-data',
+          'writer-code': writerCode.value,
         },
       });
       if (code === 200) {
         taskStatus.value = TASK_STATUS.SUCCESS;
-        works.value = data;
+        works.value = data ? [data] : [];
       }
     };
 
     // 跳转编辑
     const goUpload = () => {
       slsWithCatch('writerWaitUploadWorks', JSON.stringify(works.value));
-      router.push(`/writer/manuscript/upload/${route.params.writerCode}`);
+      router.push(`/writer/manuscript/upload/${writerCode.value}`);
       onClose();
     };
 
@@ -157,7 +161,7 @@ export default {
 
     // 下载模板
     const handleDownloadTemplate = async () => {
-      const { code, data } = await getTemplateUrlWriter();
+      const { code, data } = await getTemplateUrlWriter(writerCode.value);
       if (code === 200) {
         window.open(data.download_url, '_blank');
       }
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
index 30b73ee..03be800 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
@@ -57,6 +57,7 @@ const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } =
     getData();
   },
 });
+const route = useRoute();
 const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);
 const deleteManuscriptModalRef = ref(null);
@@ -64,7 +65,7 @@ const uploadManuscriptModalRef = ref(null);
 
 const getData = async () => {
   const { page, page_size } = pageInfo.value;
-  const { code, data } = await getWorksPageWriter({
+  const { code, data } = await getWorksPageWriter(route.params.writerCode, {
     ...query.value,
     page,
     page_size,
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
index 10a0372..9adee1c 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
@@ -38,6 +38,7 @@ export default {
     const uploadLoading = ref(false);
     const workId = route.params.id;
 
+    const writerCode = computed(() => route.params.writerCode);
     const onCancel = () => {
       cancelUploadModal.value?.open(works.value.length);
     };
@@ -76,7 +77,7 @@ export default {
     const onSubmit = async (action) => {
       uploadLoading.value = true;
       const filteredWorks = map(works.value, (work) => omit(work, 'videoInfo'));
-      const { code, data } = await postWorksBatchWriter({ works: filteredWorks });
+      const { code, data } = await postWorksBatchWriter({ works: filteredWorks }, writerCode.value);
       if (code === 200) {
         uploadLoading.value = false;
         if (action === 'batchUpload') {
@@ -84,9 +85,9 @@ export default {
         } else {
           if (action === 'uploadAndCheck') {
             slsWithCatch('writerManuscriptCheckIds', [workId]);
-            router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+            router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
           } else {
-            router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
+            router.push({ path: `/writer/manuscript/list/${writerCode.value}` });
           }
         }
       }

From 9cb4e064b09e23725506717565149f0a372a263d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 10:38:18 +0800
Subject: [PATCH 57/64] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/filter-block/index.vue           | 17 ++++++++++++-----
 .../components/manuscript-check-table/index.vue |  1 +
 .../manuscript-writer/check-list/index.vue      |  2 ++
 .../list/components/filter-block/index.vue      |  6 +++---
 .../components/filter-block/index.vue           | 17 ++++++++++++-----
 .../manuscript/check-list/index.vue             |  2 ++
 .../list/components/filter-block/index.vue      |  4 ++--
 7 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
index 99add2c..2cfc05a 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
@@ -11,7 +11,7 @@
         <a-space size="medium">
           <a-input
             v-model="query.title"
-            class="w-240px"
+            class="!w-240px"
             placeholder="请输入内容稿件标题"
             size="medium"
             allow-clear
@@ -28,7 +28,7 @@
         <a-space size="medium">
           <a-input
             v-model="query.uid"
-            class="w-160px"
+            class="!w-160px"
             placeholder="请输入序号"
             size="medium"
             allow-clear
@@ -47,14 +47,21 @@
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
-          class="w-280px"
+          class="!w-280px"
           @change="(value) => onDateChange(value, 'created_at')"
         />
       </div>
       <template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
         <div class="filter-row-item">
           <span class="label">审核平台</span>
-          <a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+          <a-select
+            v-model="query.audit_platform"
+            size="medium"
+            placeholder="全部"
+            allow-clear
+            @change="handleSearch"
+            class="!w-160px"
+          >
             <a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
               item.label
             }}</a-option>
@@ -67,7 +74,7 @@
             size="medium"
             allow-clear
             format="YYYY-MM-DD"
-            class="w-280px"
+            class="!w-280px"
             @change="(value) => onDateChange(value, 'audit_started_at')"
           />
         </div>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
index 73de974..91d6fe0 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
@@ -102,6 +102,7 @@
               v-else-if="audit_status === AuditStatus.Auditing"
               >查看</a-button
             >
+            <a-button type="outline" size="mini" @click="onDetail(record)" v-else>详情</a-button>
           </div>
         </template>
         <template v-else #cell="{ record }">
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
index 0338ef3..1316e13 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
@@ -142,7 +142,9 @@ const reload = () => {
 };
 const handleReset = () => {
   resetPageInfo();
+  const _audit_status = query.value.audit_status;
   query.value = cloneDeep(INITIAL_QUERY);
+  query.value.audit_status = _audit_status;
   reload();
 };
 const handleSorterChange = (column, order) => {
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue
index b3449c2..4826fe8 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/filter-block/index.vue
@@ -31,7 +31,7 @@
         <a-space size="medium">
           <a-input
             v-model="query.uid"
-            class="w-160px"
+            class="!w-160px"
             placeholder="请输入序号"
             size="medium"
             allow-clear
@@ -49,7 +49,7 @@
           placeholder="全部"
           :options="CHECK_STATUS"
           v-model="query.audit_status"
-          class="!w-166px"
+          class="!w-160px"
           :multiple="false"
           @change="handleSearch"
         />
@@ -61,7 +61,7 @@
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
-          class="w-280px"
+          class="!w-280px"
           @change="onDateChange"
         />
       </div>
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
index 99add2c..2cfc05a 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
@@ -11,7 +11,7 @@
         <a-space size="medium">
           <a-input
             v-model="query.title"
-            class="w-240px"
+            class="!w-240px"
             placeholder="请输入内容稿件标题"
             size="medium"
             allow-clear
@@ -28,7 +28,7 @@
         <a-space size="medium">
           <a-input
             v-model="query.uid"
-            class="w-160px"
+            class="!w-160px"
             placeholder="请输入序号"
             size="medium"
             allow-clear
@@ -47,14 +47,21 @@
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
-          class="w-280px"
+          class="!w-280px"
           @change="(value) => onDateChange(value, 'created_at')"
         />
       </div>
       <template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
         <div class="filter-row-item">
           <span class="label">审核平台</span>
-          <a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+          <a-select
+            v-model="query.audit_platform"
+            size="medium"
+            placeholder="全部"
+            allow-clear
+            @change="handleSearch"
+            class="!w-160px"
+          >
             <a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
               item.label
             }}</a-option>
@@ -67,7 +74,7 @@
             size="medium"
             allow-clear
             format="YYYY-MM-DD"
-            class="w-280px"
+            class="!w-280px"
             @change="(value) => onDateChange(value, 'audit_started_at')"
           />
         </div>
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
index 3294747..97a4075 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
@@ -141,7 +141,9 @@ const reload = () => {
 };
 const handleReset = () => {
   resetPageInfo();
+  const _audit_status = query.value.audit_status;
   query.value = cloneDeep(INITIAL_QUERY);
+  query.value.audit_status = _audit_status;
   reload();
 };
 const handleSorterChange = (column, order) => {
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
index b3449c2..9e411aa 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
@@ -31,7 +31,7 @@
         <a-space size="medium">
           <a-input
             v-model="query.uid"
-            class="w-160px"
+            class="!w-160px"
             placeholder="请输入序号"
             size="medium"
             allow-clear
@@ -49,7 +49,7 @@
           placeholder="全部"
           :options="CHECK_STATUS"
           v-model="query.audit_status"
-          class="!w-166px"
+          class="!w-160px"
           :multiple="false"
           @change="handleSearch"
         />

From a4cf89cd5a28bab87062bb17e044cfb0398245f4 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 11:00:27 +0800
Subject: [PATCH 58/64] =?UTF-8?q?feat:=20=E4=B8=8A=E4=BC=A0=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=80=BB=E8=BE=91=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop-writer.ts              |  5 -----
 .../list/components/upload-manuscript-modal/index.vue |  2 +-
 .../manuscript-writer/upload/index.vue                |  5 ++---
 .../manuscript-writer/upload/upload-success-modal.vue | 10 +++++-----
 .../list/components/upload-manuscript-modal/index.vue |  4 ++--
 .../manuscript/upload/index.vue                       |  6 ++----
 .../manuscript/upload/upload-success-modal.vue        | 11 +++++------
 7 files changed, 17 insertions(+), 26 deletions(-)

diff --git a/src/api/all/generationWorkshop-writer.ts b/src/api/all/generationWorkshop-writer.ts
index db522c5..611bd18 100644
--- a/src/api/all/generationWorkshop-writer.ts
+++ b/src/api/all/generationWorkshop-writer.ts
@@ -3,12 +3,7 @@
  */
 
 import Http from '@/api';
-import { useRoute } from 'vue-router';
 
-const getWriterCode = () => {
-  const route = useRoute();
-  return route?.params?.writerCode as string;
-};
 // 内容稿件-批量添加(写手)
 export const postWorksBatchWriter = (params = {}, writerCode: string) => {
   return Http.post('/v1/writer/works/batch', params, {
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
index c928e99..19f6c5e 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
@@ -101,7 +101,7 @@ export default {
           const { code, data } = await postWorksByLinkWriter(writerCode.value, { link });
           if (code === 200) {
             taskStatus.value = TASK_STATUS.SUCCESS;
-            works.value = data;
+            works.value = data ? [data] : [];
           }
         }
       });
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
index 9adee1c..b42d1a9 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
@@ -36,7 +36,6 @@ export default {
     const selectCardInfo = ref({});
     const errorDataCards = ref([]);
     const uploadLoading = ref(false);
-    const workId = route.params.id;
 
     const writerCode = computed(() => route.params.writerCode);
     const onCancel = () => {
@@ -81,10 +80,10 @@ export default {
       if (code === 200) {
         uploadLoading.value = false;
         if (action === 'batchUpload') {
-          uploadSuccessModal.value?.open(workId);
+          uploadSuccessModal.value?.open(data);
         } else {
           if (action === 'uploadAndCheck') {
-            slsWithCatch('writerManuscriptCheckIds', [workId]);
+            slsWithCatch('writerManuscriptCheckIds', [data]);
             router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
           } else {
             router.push({ path: `/writer/manuscript/list/${writerCode.value}` });
diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
index 1f90e49..8b9e1e9 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/upload-success-modal.vue
@@ -21,10 +21,10 @@ import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 const router = useRouter();
 const route = useRoute();
 const visible = ref(false);
-const workId = ref('');
+const workIds = ref([]);
 
 const onClose = () => {
-  workId.value = '';
+  workIds.value = [];
   visible.value = false;
 };
 
@@ -34,12 +34,12 @@ const onBack = () => {
 };
 const onConfirm = () => {
   visible.value = false;
-  slsWithCatch('writerManuscriptCheckIds', [workId.value]);
+  slsWithCatch('writerManuscriptCheckIds', workIds.value);
   router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
 };
 
-const open = (id) => {
-  workId.value = id;
+const open = (_workIds) => {
+  workIds.value = _workIds;
 
   visible.value = true;
 };
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
index 600008c..1ec17ad 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -113,7 +113,7 @@ export default {
           const { code, data } = await postWorksByLink({ link });
           if (code === 200) {
             taskStatus.value = TASK_STATUS.SUCCESS;
-            works.value = data;
+            works.value = data ? [data] : [];
           }
         }
       });
@@ -164,7 +164,7 @@ export default {
 
     // 跳转上传页面
     const goUpload = () => {
-      slsWithCatch('waitUploadWorks',JSON.stringify(works.value));
+      slsWithCatch('waitUploadWorks', JSON.stringify(works.value));
       router.push(`/manuscript/upload`);
       onClose();
     };
diff --git a/src/views/creative-generation-workshop/manuscript/upload/index.vue b/src/views/creative-generation-workshop/manuscript/upload/index.vue
index b89a917..b970d4c 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue
@@ -36,7 +36,6 @@ export default {
     const selectCardInfo = ref({});
     const errorDataCards = ref([]);
     const uploadLoading = ref(false);
-    const workId = route.params.id;
 
     const onCancel = () => {
       cancelUploadModal.value?.open(works.value.length);
@@ -79,13 +78,12 @@ export default {
       const { code, data } = await postWorksBatch({ works: filteredWorks });
       if (code === 200) {
         uploadLoading.value = false;
-
         if (action === 'batchUpload') {
-          uploadSuccessModal.value?.open(workId);
+          uploadSuccessModal.value?.open(data);
         } else {
           AMessage.success('上传成功');
           if (action === 'uploadAndCheck') {
-            slsWithCatch('manuscriptCheckIds', [workId]);
+            slsWithCatch('manuscriptCheckIds',data);
             router.push({ name: 'ManuscriptCheck' });
           } else {
             router.push({ name: 'ManuscriptList' });
diff --git a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
index b92cfd6..5ced374 100644
--- a/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
+++ b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
@@ -20,10 +20,10 @@ import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
 
 const router = useRouter();
 const visible = ref(false);
-const workId = ref('');
+const workIds = ref([]);
 
 const onClose = () => {
-  workId.value = '';
+  workIds.value = [];
   visible.value = false;
 };
 
@@ -33,13 +33,12 @@ const onBack = () => {
 };
 const onConfirm = () => {
   visible.value = false;
-  slsWithCatch('manuscriptCheckIds', [workId.value]);
+  slsWithCatch('manuscriptCheckIds', workIds.value);
   router.push({ name: 'ManuscriptCheck' });
 };
 
-const open = (id) => {
-  console.log({ id });
-  workId.value = id;
+const open = (_workIds) => {
+  workIds.value = _workIds;
 
   visible.value = true;
 };

From 7f77b663f52d7639f02e4a18d1d6e3c271ddc948 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 13:53:54 +0800
Subject: [PATCH 59/64] =?UTF-8?q?feat:=20=E5=9B=BE=E7=89=87=E6=8B=96?=
 =?UTF-8?q?=E6=8B=BD=E9=97=AE=E9=A2=98=E5=A4=84=E7=90=86=EF=BC=8CVueDragga?=
 =?UTF-8?q?ble=E4=B8=8D=E6=94=AF=E6=8C=81jsx=E5=86=99=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../explore/detail/index.vue                  |  6 +-
 .../explore/detail/style.scss                 |  1 +
 .../explore/list/index.vue                    | 12 +--
 .../explore/list/style.scss                   |  1 +
 .../components/edit-form/img-box.vue          | 99 +++++++++++++++++++
 .../components/edit-form/index.vue            | 69 +++----------
 .../components/edit-form/img-box.vue          | 99 +++++++++++++++++++
 .../manuscript/components/edit-form/index.vue | 69 +++----------
 8 files changed, 237 insertions(+), 119 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/components/edit-form/img-box.vue
 create mode 100644 src/views/creative-generation-workshop/manuscript/components/edit-form/img-box.vue

diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue
index aa97556..da84dd6 100644
--- a/src/views/creative-generation-workshop/explore/detail/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -220,9 +220,9 @@ export default {
             </div>
           </header>
           {loading.value ? (
-            <Spin spinning={loading.value} class="h-500px w-full flex justify-center items-center" size={60} />
+            <Spin spinning={loading.value} class="flex-1 w-full flex justify-center items-center" size={60} />
           ) : (
-            <div class={`page-wrap relative ${isExpand.value ? 'expand' : ''}`}>
+            <section class={`page-wrap relative ${isExpand.value ? 'expand' : ''}`}>
               <div class="fold-box cursor-pointer" onClick={() => (isExpand.value = true)}>
                 <icon-menu-fold size={20} class="color-#55585F hover:color-#6D4CFE" />
               </div>
@@ -261,7 +261,7 @@ export default {
                   onDeleteComment={onDeleteComment}
                 />
               )}
-            </div>
+            </section>
           )}
         </div>
       );
diff --git a/src/views/creative-generation-workshop/explore/detail/style.scss b/src/views/creative-generation-workshop/explore/detail/style.scss
index c842ee8..01e8a64 100644
--- a/src/views/creative-generation-workshop/explore/detail/style.scss
+++ b/src/views/creative-generation-workshop/explore/detail/style.scss
@@ -34,6 +34,7 @@
     flex: 1;
     display: flex;
     justify-content: center;
+    background: #fff;
     .explore-detail-wrap {
       min-height: 500px;
       width: 684px;
diff --git a/src/views/creative-generation-workshop/explore/list/index.vue b/src/views/creative-generation-workshop/explore/list/index.vue
index 9b45f01..aea464a 100644
--- a/src/views/creative-generation-workshop/explore/list/index.vue
+++ b/src/views/creative-generation-workshop/explore/list/index.vue
@@ -50,10 +50,10 @@ export default {
               </div>
             </div>
           </header>
-          {loading.value ? (
-            <Spin spinning={loading.value} class="h-500px w-full flex justify-center items-center" size={60} />
-          ) : (
-            <section class="page-wrapper flex justify-center">
+          <section class="page-wrapper flex justify-center">
+            {loading.value ? (
+              <Spin spinning={loading.value} class="w-full flex justify-center items-center" size={60} />
+            ) : (
               <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" />
@@ -99,8 +99,8 @@ export default {
                   </div>
                 </div>
               </div>
-            </section>
-          )}
+            )}
+          </section>
         </div>
       );
     };
diff --git a/src/views/creative-generation-workshop/explore/list/style.scss b/src/views/creative-generation-workshop/explore/list/style.scss
index 76cf130..b315e92 100644
--- a/src/views/creative-generation-workshop/explore/list/style.scss
+++ b/src/views/creative-generation-workshop/explore/list/style.scss
@@ -26,6 +26,7 @@
     }
   }
   .page-wrapper {
+    background: #fff;
     min-height: calc(100vh - $navbar-height);
     .explore-container {
       width: 1200px;
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/img-box.vue b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/img-box.vue
new file mode 100644
index 0000000..0746114
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/img-box.vue
@@ -0,0 +1,99 @@
+<template>
+  <a-form-item field="files">
+    <template #label>
+      <div class="flex items-center">
+        <span class="cts !color-#211F24 mr-4px">图片</span>
+        <span class="cts mr-8px !color-#939499">{{ `(${files.length ?? 0}/18)` }}</span>
+        <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
+      </div>
+    </template>
+    <div class="flex items-center">
+      <VueDraggable v-model="files" class="grid grid-cols-7 gap-y-8px" @end="handleChange" draggable=".group">
+        <div
+          v-for="(file, index) in files"
+          :key="file.url"
+          class="group relative cursor-move overflow-visible py-8px pr-8px"
+        >
+          <div class="group-container relative rounded-8px w-100px h-100px">
+            <img :src="file.url" class="object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
+            <icon-close-circle-fill
+              :size="16"
+              class="absolute top--8px right--8px cursor-pointer hidden color-#939499 hidden group-hover:block z-50"
+              @click="() => handleDeleteFile(index)"
+            />
+          </div>
+        </div>
+        <a-upload
+          v-if="files.length < 18"
+          ref="uploadRef"
+          action="/"
+          draggable
+          :custom-request="(option) => emit('upload', option)"
+          accept=".jpg,.jpeg,.png,.gif,.webp"
+          :show-file-list="false"
+          multiple
+          class="!flex !items-center"
+          :limit="18 - files.length"
+        >
+          <template #upload-button>
+            <div class="upload-box">
+              <icon-plus size="14" class="mb-16px color-#3C4043" />
+              <span class="cts !color-#211F24">上传图片</span>
+            </div>
+          </template>
+        </a-upload>
+      </VueDraggable>
+    </div>
+  </a-form-item>
+</template>
+
+<script setup>
+import { VueDraggable } from 'vue-draggable-plus';
+
+const props = defineProps({
+  files: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const files = ref([]);
+const uploadRef = ref(null);
+
+const emit = defineEmits(['change', 'delete', 'upload']);
+
+const handleChange = () => {
+  emit('change', files.value);
+};
+
+const handleDeleteFile = (index) => {
+  emit('delete', index);
+};
+
+watch(
+  () => props.files,
+  (newVal) => {
+    files.value = newVal;
+  },
+  { immediate: true, deep: true },
+);
+</script>
+
+<style scoped lang="scss">
+.upload-box {
+  display: flex;
+  width: 100px;
+  height: 100px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px dashed var(--Border-1, #d7d7d9);
+  background: var(--BG-200, #f2f3f5);
+  &:hover {
+    background: var(--Primary-1, #e6e6e8);
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
index 4f483fb..a4c5888 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
@@ -4,6 +4,7 @@ import { Form, FormItem, Input, Textarea, Upload, Message as AMessage, Button }
 import CommonSelect from '@/components/common-select';
 import { VueDraggable } from 'vue-draggable-plus';
 import TextOverTips from '@/components/text-over-tips';
+import ImgBox from './img-box';
 
 import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
 import { getProjectList } from '@/api/all/propertyMarketing';
@@ -293,60 +294,9 @@ export default {
       );
     };
 
-    const renderImage = () => {
-      return (
-        <FormItem
-          field="files"
-          v-slots={{
-            label: () => (
-              <div class="flex items-center">
-                <span class="cts !color-#211F24 mr-4px">图片</span>
-                <span class="cts mr-8px !color-#939499">{`(${formData.value.files?.length ?? 0}/18)`}</span>
-                <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
-              </div>
-            ),
-          }}
-        >
-          <div>
-            {/* 已上传的图片列表 */}
-            <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-y-8px">
-              {formData.value.files?.map((file, index) => (
-                <div key={index} class="group relative cursor-move overflow-visible py-8px pr-8px">
-                  <div class="group-container relative rounded-8px w-100px h-100px">
-                    <img src={file.url} class=" object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
-                    <icon-close-circle-fill
-                      size={16}
-                      class="absolute top--8px right--8px cursor-pointer hidden color-#939499  hidden group-hover:block z-50"
-                      onClick={() => handleDeleteFile(index)}
-                    />
-                  </div>
-                </div>
-              ))}
-            </VueDraggable>
-            {formData.value.files?.length < 18 && (
-              <Upload
-                ref={uploadRef}
-                action="/"
-                draggable
-                custom-request={uploadImage}
-                accept=".jpg,.jpeg,.png,.gif,.webp"
-                show-file-list={false}
-                multiple
-                limit={18 - formData.value.files?.length}
-              >
-                {{
-                  'upload-button': () => (
-                    <div class="upload-box">
-                      <icon-plus size="14" class="mb-16px color-#3C4043" />
-                      <span class="cts !color-#211F24">上传图片</span>
-                    </div>
-                  ),
-                }}
-              </Upload>
-            )}
-          </div>
-        </FormItem>
-      );
+    const handleImagesChange = (files) => {
+      formData.value.files = cloneDeep(files);
+      onChange();
     };
 
     // 暴露方法
@@ -392,7 +342,16 @@ export default {
             auto-size={{ minRows: 7, maxRows: 12 }}
           />
         </FormItem>
-        {isVideo.value ? renderVideo() : renderImage()}
+        {isVideo.value ? (
+          renderVideo()
+        ) : (
+          <ImgBox
+            files={formData.value.files}
+            onChange={handleImagesChange}
+            onDelete={handleDeleteFile}
+            onUpload={uploadImage}
+          />
+        )}
 
         {/* <FormItem label="所属项目" field="project_ids">
           <CommonSelect
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/img-box.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/img-box.vue
new file mode 100644
index 0000000..0746114
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/img-box.vue
@@ -0,0 +1,99 @@
+<template>
+  <a-form-item field="files">
+    <template #label>
+      <div class="flex items-center">
+        <span class="cts !color-#211F24 mr-4px">图片</span>
+        <span class="cts mr-8px !color-#939499">{{ `(${files.length ?? 0}/18)` }}</span>
+        <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
+      </div>
+    </template>
+    <div class="flex items-center">
+      <VueDraggable v-model="files" class="grid grid-cols-7 gap-y-8px" @end="handleChange" draggable=".group">
+        <div
+          v-for="(file, index) in files"
+          :key="file.url"
+          class="group relative cursor-move overflow-visible py-8px pr-8px"
+        >
+          <div class="group-container relative rounded-8px w-100px h-100px">
+            <img :src="file.url" class="object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
+            <icon-close-circle-fill
+              :size="16"
+              class="absolute top--8px right--8px cursor-pointer hidden color-#939499 hidden group-hover:block z-50"
+              @click="() => handleDeleteFile(index)"
+            />
+          </div>
+        </div>
+        <a-upload
+          v-if="files.length < 18"
+          ref="uploadRef"
+          action="/"
+          draggable
+          :custom-request="(option) => emit('upload', option)"
+          accept=".jpg,.jpeg,.png,.gif,.webp"
+          :show-file-list="false"
+          multiple
+          class="!flex !items-center"
+          :limit="18 - files.length"
+        >
+          <template #upload-button>
+            <div class="upload-box">
+              <icon-plus size="14" class="mb-16px color-#3C4043" />
+              <span class="cts !color-#211F24">上传图片</span>
+            </div>
+          </template>
+        </a-upload>
+      </VueDraggable>
+    </div>
+  </a-form-item>
+</template>
+
+<script setup>
+import { VueDraggable } from 'vue-draggable-plus';
+
+const props = defineProps({
+  files: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const files = ref([]);
+const uploadRef = ref(null);
+
+const emit = defineEmits(['change', 'delete', 'upload']);
+
+const handleChange = () => {
+  emit('change', files.value);
+};
+
+const handleDeleteFile = (index) => {
+  emit('delete', index);
+};
+
+watch(
+  () => props.files,
+  (newVal) => {
+    files.value = newVal;
+  },
+  { immediate: true, deep: true },
+);
+</script>
+
+<style scoped lang="scss">
+.upload-box {
+  display: flex;
+  width: 100px;
+  height: 100px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px dashed var(--Border-1, #d7d7d9);
+  background: var(--BG-200, #f2f3f5);
+  &:hover {
+    background: var(--Primary-1, #e6e6e8);
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
index 4f483fb..a4c5888 100644
--- a/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -4,6 +4,7 @@ import { Form, FormItem, Input, Textarea, Upload, Message as AMessage, Button }
 import CommonSelect from '@/components/common-select';
 import { VueDraggable } from 'vue-draggable-plus';
 import TextOverTips from '@/components/text-over-tips';
+import ImgBox from './img-box';
 
 import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
 import { getProjectList } from '@/api/all/propertyMarketing';
@@ -293,60 +294,9 @@ export default {
       );
     };
 
-    const renderImage = () => {
-      return (
-        <FormItem
-          field="files"
-          v-slots={{
-            label: () => (
-              <div class="flex items-center">
-                <span class="cts !color-#211F24 mr-4px">图片</span>
-                <span class="cts mr-8px !color-#939499">{`(${formData.value.files?.length ?? 0}/18)`}</span>
-                <span class="cts !color-#939499">第一张为首图，支持拖拽排序</span>
-              </div>
-            ),
-          }}
-        >
-          <div>
-            {/* 已上传的图片列表 */}
-            <VueDraggable v-model={formData.value.files} class="grid grid-cols-7 gap-y-8px">
-              {formData.value.files?.map((file, index) => (
-                <div key={index} class="group relative cursor-move overflow-visible py-8px pr-8px">
-                  <div class="group-container relative rounded-8px w-100px h-100px">
-                    <img src={file.url} class=" object-cover w-full h-full border-1px border-#E6E6E8 rounded-8px" />
-                    <icon-close-circle-fill
-                      size={16}
-                      class="absolute top--8px right--8px cursor-pointer hidden color-#939499  hidden group-hover:block z-50"
-                      onClick={() => handleDeleteFile(index)}
-                    />
-                  </div>
-                </div>
-              ))}
-            </VueDraggable>
-            {formData.value.files?.length < 18 && (
-              <Upload
-                ref={uploadRef}
-                action="/"
-                draggable
-                custom-request={uploadImage}
-                accept=".jpg,.jpeg,.png,.gif,.webp"
-                show-file-list={false}
-                multiple
-                limit={18 - formData.value.files?.length}
-              >
-                {{
-                  'upload-button': () => (
-                    <div class="upload-box">
-                      <icon-plus size="14" class="mb-16px color-#3C4043" />
-                      <span class="cts !color-#211F24">上传图片</span>
-                    </div>
-                  ),
-                }}
-              </Upload>
-            )}
-          </div>
-        </FormItem>
-      );
+    const handleImagesChange = (files) => {
+      formData.value.files = cloneDeep(files);
+      onChange();
     };
 
     // 暴露方法
@@ -392,7 +342,16 @@ export default {
             auto-size={{ minRows: 7, maxRows: 12 }}
           />
         </FormItem>
-        {isVideo.value ? renderVideo() : renderImage()}
+        {isVideo.value ? (
+          renderVideo()
+        ) : (
+          <ImgBox
+            files={formData.value.files}
+            onChange={handleImagesChange}
+            onDelete={handleDeleteFile}
+            onUpload={uploadImage}
+          />
+        )}
 
         {/* <FormItem label="所属项目" field="project_ids">
           <CommonSelect

From cb5c07e4aba316c81e3dc71442d8f99810900c3b Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 13:57:26 +0800
Subject: [PATCH 60/64] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../check-list/components/manuscript-check-table/index.vue      | 2 +-
 .../list/components/manuscript-table/index.vue                  | 2 +-
 .../check-list/components/manuscript-check-table/index.vue      | 2 +-
 .../manuscript/list/components/manuscript-table/index.vue       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
index 91d6fe0..71c1a5d 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
+++ b/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="flex-1 manuscript-table w-100%"
+    class="manuscript-table w-100%"
     bordered
     :row-selection="rowSelection"
     :selected-row-keys="selectedRowKeys"
diff --git a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
index d791b49..fd3f79f 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
@@ -6,7 +6,7 @@
     column-resizable
     :pagination="false"
     :scroll="{ x: '100%' }"
-    class="flex-1 manuscript-table w-100%"
+    class="manuscript-table w-100%"
     bordered
     @sorter-change="handleSorterChange"
   >
diff --git a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
index 2602b32..36b096d 100644
--- a/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
+++ b/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="flex-1 manuscript-table w-100%"
+    class="manuscript-table w-100%"
     bordered
     :row-selection="rowSelection"
     :selected-row-keys="selectedRowKeys"
diff --git a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
index 57df651..ef2b35c 100644
--- a/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -6,7 +6,7 @@
     column-resizable
     :pagination="false"
     :scroll="{ x: '100%' }"
-    class="flex-1 manuscript-table w-100%"
+    class="manuscript-table w-100%"
     bordered
     @sorter-change="handleSorterChange"
   >

From b8861237465a3bade82c3b4f839b639e5b951bdc Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 15:00:04 +0800
Subject: [PATCH 61/64] =?UTF-8?q?feat:=20=E5=86=99=E6=89=8B=E7=AB=AF?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=8E=A5=E5=8F=A3=E6=9B=BF=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/generationWorkshop-writer.ts           | 14 ++++++++++++++
 .../components/edit-form/index.vue                 | 10 ++++++----
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/api/all/generationWorkshop-writer.ts b/src/api/all/generationWorkshop-writer.ts
index 611bd18..02493cb 100644
--- a/src/api/all/generationWorkshop-writer.ts
+++ b/src/api/all/generationWorkshop-writer.ts
@@ -144,3 +144,17 @@ export const postWorksByLinkWriter = (writerCode: string, params = {}) => {
 export const postWorksByFileWriter = (params = {}, config = {}) => {
   return Http.post('/v1/writer/works/by-file', params, config);
 };
+
+// 获取图片上传地址
+export const getImagePreSignedUrlWriter = (writerCode: string,params = {}) => {  
+  return Http.get('/v1/writer/oss/image-pre-signed-url', params, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 获取视频上传地址
+export const getVideoPreSignedUrlWriter = (writerCode: string,params = {}) => {
+  return Http.get('/v1/writer/oss/video-pre-signed-url', params, {
+    headers: { 'writer-code': writerCode },
+  });
+};
diff --git a/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
index a4c5888..5330c9c 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
@@ -7,9 +7,8 @@ import TextOverTips from '@/components/text-over-tips';
 import ImgBox from './img-box';
 
 import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
-import { getProjectList } from '@/api/all/propertyMarketing';
 import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
-import { getImagePreSignedUrl, getVideoPreSignedUrl } from '@/api/all/common';
+import { getVideoPreSignedUrlWriter, getImagePreSignedUrlWriter } from '@/api/all/generationWorkshop-writer';
 
 // import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';
 
@@ -56,6 +55,7 @@ export default {
   },
   emits: ['reValidate', 'change', 'update:modelValue', 'updateVideoInfo'],
   setup(props, { emit, expose }) {
+    const route = useRoute();
     const formRef = ref(null);
     const formData = ref({});
     const uploadRef = ref(null);
@@ -65,6 +65,8 @@ export default {
       return match ? match[1].toLowerCase() : '';
     }
     const isVideo = computed(() => formData.value.type === EnumManuscriptType.Video);
+    const writerCode = computed(() => route.params.writerCode);
+
     const setVideoInfo = (file) => {
       formData.value.videoInfo.percent = 0;
       formData.value.videoInfo.name = file.name;
@@ -133,7 +135,7 @@ export default {
         } = option;
         setVideoInfo(file);
 
-        const response = await getVideoPreSignedUrl({ suffix: getFileExtension(file.name) });
+        const response = await getVideoPreSignedUrlWriter(writerCode.value, { suffix: getFileExtension(file.name) });
         const { file_name, upload_url, file_url } = response?.data;
         if (!upload_url) {
           throw new Error('未能获取有效的预签名上传地址');
@@ -171,7 +173,7 @@ export default {
         return;
       }
       const { name, size, type } = file;
-      const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });
+      const response = await getImagePreSignedUrlWriter(writerCode.value, { suffix: getFileExtension(name) });
       const { file_name, upload_url, file_url } = response?.data;
 
       const blob = new Blob([file], { type });

From 4b7d3f9f2a22ae1e1f6a59014a8d8283af489872 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 16:18:18 +0800
Subject: [PATCH 62/64] =?UTF-8?q?perf:=20=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manuscript-writer/detail/index.vue          | 17 +++++++----------
 .../manuscript/detail/index.vue                 | 17 +++++++----------
 2 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
index 17063ea..bfd5fa3 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
@@ -107,14 +107,9 @@ export default {
     };
 
     const renderFooterRow = () => {
-      const isPassed = audit_status === AuditStatus.Passed;
       const _fn = () => {
-        if (isPassed) {
-          console.log('审核详情');
-        } else {
-          slsWithCatch('writerManuscriptCheckIds', [workId.value]);
-          router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
-        }
+        slsWithCatch('writerManuscriptCheckIds', [workId.value]);
+        router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
       };
 
       return (
@@ -130,9 +125,11 @@ export default {
           >
             编辑
           </Button>
-          <Button type="primary" size="medium" onClick={_fn}>
-            {isPassed ? '审核详情' : '去审核'}
-          </Button>
+          {audit_status !== AuditStatus.Passed && (
+            <Button type="primary" size="medium" onClick={_fn}>
+              去审核
+            </Button>
+          )}
         </>
       );
     };
diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
index c149ae5..fbbdcc1 100644
--- a/src/views/creative-generation-workshop/manuscript/detail/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -106,14 +106,9 @@ export default {
     };
 
     const renderFooterRow = () => {
-      const isPassed = audit_status === AuditStatus.Passed;
       const _fn = () => {
-        if (isPassed) {
-          console.log('审核详情');
-        } else {
-          slsWithCatch('manuscriptCheckIds', [workId.value]);
-          router.push({ name: 'ManuscriptCheck' });
-        }
+        slsWithCatch('manuscriptCheckIds', [workId.value]);
+        router.push({ name: 'ManuscriptCheck' });
       };
 
       return (
@@ -129,9 +124,11 @@ export default {
           >
             编辑
           </Button>
-          <Button type="primary" size="medium" onClick={_fn}>
-            {isPassed ? '审核详情' : '去审核'}
-          </Button>
+          {audit_status !== AuditStatus.Passed && (
+            <Button type="primary" size="medium" onClick={_fn}>
+              去审核
+            </Button>
+          )}
         </>
       );
     };

From c188db3e226327b0d63b61674db7dc1bb7b7d1e7 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 18:11:43 +0800
Subject: [PATCH 63/64] =?UTF-8?q?feat:=20=E8=BF=9D=E7=A6=81=E8=AF=8D?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../content-card/highlight-textarea.vue       | 183 ++++++++++++++++++
 .../check/components/content-card/index.vue   |  11 +-
 2 files changed, 188 insertions(+), 6 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue

diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue
new file mode 100644
index 0000000..92f286c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="highlight-textarea-container">
+    <!-- 透明输入层 -->
+    <a-textarea
+      v-model="inputValue"
+      placeholder="请输入作品描述"
+      :disabled="disabled"
+      show-word-limit
+      maxlength="1000"
+      size="large"
+      class="textarea-input h-full w-full"
+      @input="handleInput"
+      @scroll="syncScroll"
+      :style="textareaStyle"
+    />
+
+    <!-- 高亮显示层 -->
+    <div
+      class="textarea-highlight"
+      :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
+      v-html="highlightedHtml"
+      @scroll="syncScroll"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch, defineProps, defineEmits } from 'vue';
+import { isString } from '@/utils/is';
+
+// 定义Props类型
+interface ViolationItem {
+  word: string;
+  risk_level: number;
+}
+
+interface LevelMapItem {
+  color: string;
+}
+
+const props = defineProps<{
+  modelValue?: string;
+  prohibitedWords?: ViolationItem[];
+  levelMap?: Map<number, LevelMapItem>;
+  placeholder?: string;
+  disabled?: boolean;
+  maxLength?: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string): void;
+}>();
+
+// 内部状态管理
+const inputValue = ref(props.modelValue || '');
+const scrollTop = ref(0);
+const highlightedHtml = computed(() => generateHighlightedHtml());
+
+// 监听外部modelValue变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    if (newVal !== inputValue.value) {
+      inputValue.value = newVal || '';
+    }
+  },
+);
+
+// 处理输入事件
+const handleInput = (value: string) => {
+  emit('update:modelValue', value);
+};
+
+// 同步滚动位置
+const syncScroll = (e: Event) => {
+  console.log('syncScroll');
+  scrollTop.value = (e.target as HTMLTextAreaElement).scrollTop;
+};
+
+const escapeHtml = (str: string): string => {
+  if (!isString(str)) return '';
+  return str
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#039;');
+};
+
+const generateHighlightedHtml = (): string => {
+  if (!inputValue.value) return '';
+
+  // 获取违禁词列表并按长度倒序排序（避免短词匹配长词）
+  const words = (props.prohibitedWords || [])
+    .filter((item) => item.word && item.risk_level !== undefined)
+    .sort((a, b) => b.word.length - a.word.length);
+
+  if (words.length === 0) {
+    return escapeHtml(inputValue.value);
+  }
+
+  // 转义正则特殊字符
+  const escapeRegExp = (word: string) => {
+    return word.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  };
+
+  // 创建匹配正则表达式
+  const pattern = new RegExp(`(${words.map((item) => escapeRegExp(item.word)).join('|')})`, 'gi');
+
+  // 替换匹配的违禁词为带样式的span标签
+  return inputValue.value.replace(pattern, (match) => {
+    // 找到对应的违禁词信息
+    const wordInfo = words.find((item) => item.word.toLowerCase() === match.toLowerCase());
+
+    if (!wordInfo) return match;
+
+    // 获取风险等级对应的样式
+    const levelStyle = props.levelMap?.get(wordInfo.risk_level);
+    const color = levelStyle?.color || '#F64B31'; 
+
+    return `<span class="s1" style="color: ${color};">${escapeHtml(match)}</span>`;
+  });
+};
+</script>
+
+<style scoped lang="scss">
+.highlight-textarea-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  .textarea-input,
+  .textarea-highlight {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    line-height: 22px;
+    font-weight: 400px;
+    border: 1px solid #e5e6eb;
+    border-radius: 4px;
+    resize: vertical;
+    //   font-family: inherit;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+  .s1 {
+    font-size: 14px;
+    line-height: 22px;
+    font-weight: 400px;
+  }
+  .textarea-input {
+    :deep(.arco-textarea) {
+      overflow: hidden;
+      position: absolute;
+      z-index: 1;
+      width: 100%;
+      padding: 8px 12px;
+      background: transparent;
+      color: transparent;
+      caret-color: #211f24 !important;
+    }
+  }
+
+  .textarea-highlight {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    padding: 8px 12px;
+    pointer-events: none;
+    background: #fff;
+    overflow: hidden;
+  }
+
+  /* 字数统计样式 */
+  .word-count {
+    margin-top: 8px;
+    text-align: right;
+    font-size: 12px;
+    color: #86909c;
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index cedc9a7..f4a9de1 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -16,6 +16,7 @@ import {
   Message as AMessage,
 } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
+import HighlightTextarea from './highlight-textarea';
 
 import 'swiper/css';
 import 'swiper/css/navigation';
@@ -214,14 +215,12 @@ export default {
             />
           </FormItem>
           <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
-            <Textarea
+            <HighlightTextarea
               v-model={props.modelValue.content}
-              placeholder="请输入作品描述"
-              size="large"
-              show-word-limit
-              maxLength={1000}
-              show-word-limit
               disabled={props.checkLoading}
+              prohibitedWords={aiReview.value?.violation_items ?? []}
+              levelMap={LEVEL_MAP}
+              class="w-full"
             />
           </FormItem>
         </Form>

From 26909eb81c7655868c6189a8464a90f688d1b74c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 13 Aug 2025 09:35:32 +0800
Subject: [PATCH 64/64] =?UTF-8?q?feat:=20=E8=BF=9D=E7=A6=81=E8=AF=8D?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE=E4=B8=8E=E6=9B=BF=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/unplugin/auto-import.ts                |   1 +
 .../components/content-card/constants.ts      |   4 +
 .../content-card/highlight-textarea.vue       | 179 ++++++++++++++++++
 .../check/components/content-card/index.vue   |  39 ++--
 .../components/content-card/constants.ts      |   4 +
 .../content-card/highlight-textarea.vue       |   8 +-
 .../check/components/content-card/index.vue   |  39 ++--
 7 files changed, 244 insertions(+), 30 deletions(-)
 create mode 100644 src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue

diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index e80028b..91f9266 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -29,6 +29,7 @@ export function configAutoImport() {
           'merge',
           'debounce',
           'isEqual',
+          'isString'
         ],
         '@/hooks': ['useModal'],
       },
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
index 447141f..791942f 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
@@ -1,3 +1,7 @@
+export const escapeRegExp = (str: string) => {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
 export const FORM_RULES = {
   title: [{ required: true, message: '请输入标题' }],
 };
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue
new file mode 100644
index 0000000..6d4535a
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue
@@ -0,0 +1,179 @@
+<template>
+  <div class="highlight-textarea-container">
+    <!-- 透明输入层 -->
+    <a-textarea
+      v-model="inputValue"
+      placeholder="请输入作品描述"
+      :disabled="disabled"
+      show-word-limit
+      maxlength="1000"
+      size="large"
+      class="textarea-input h-full w-full"
+      @input="handleInput"
+      @scroll="syncScroll"
+      :style="textareaStyle"
+    />
+
+    <!-- 高亮显示层 -->
+    <div
+      class="textarea-highlight"
+      :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
+      v-html="highlightedHtml"
+      @scroll="syncScroll"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch, defineProps, defineEmits } from 'vue';
+import { isString } from '@/utils/is';
+import { escapeRegExp } from './constants';
+
+// 定义Props类型
+interface ViolationItem {
+  word: string;
+  risk_level: number;
+}
+
+interface LevelMapItem {
+  color: string;
+}
+
+const props = defineProps<{
+  modelValue?: string;
+  prohibitedWords?: ViolationItem[];
+  levelMap?: Map<number, LevelMapItem>;
+  placeholder?: string;
+  disabled?: boolean;
+  maxLength?: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string): void;
+}>();
+
+// 内部状态管理
+const inputValue = ref(props.modelValue || '');
+const scrollTop = ref(0);
+const highlightedHtml = computed(() => generateHighlightedHtml());
+
+// 监听外部modelValue变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    if (newVal !== inputValue.value) {
+      inputValue.value = newVal || '';
+    }
+  },
+);
+
+// 处理输入事件
+const handleInput = (value: string) => {
+  emit('update:modelValue', value);
+};
+
+// 同步滚动位置
+const syncScroll = (e: Event) => {
+  console.log('syncScroll');
+  scrollTop.value = (e.target as HTMLTextAreaElement).scrollTop;
+};
+
+const escapeHtml = (str: string): string => {
+  if (!isString(str)) return '';
+  return str
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#039;');
+};
+
+const generateHighlightedHtml = (): string => {
+  if (!inputValue.value) return '';
+
+  // 获取违禁词列表并按长度倒序排序（避免短词匹配长词）
+  const words = (props.prohibitedWords || [])
+    .filter((item) => item.word && item.risk_level !== undefined)
+    .sort((a, b) => b.word.length - a.word.length);
+
+  if (words.length === 0) {
+    return escapeHtml(inputValue.value);
+  }
+
+  // 创建匹配正则表达式
+  const pattern = new RegExp(`(${words.map((item) => escapeRegExp(item.word)).join('|')})`, 'gi');
+
+  // 替换匹配的违禁词为带样式的span标签
+  return inputValue.value.replace(pattern, (match) => {
+    // 找到对应的违禁词信息
+    const wordInfo = words.find((item) => item.word.toLowerCase() === match.toLowerCase());
+
+    if (!wordInfo) return match;
+
+    // 获取风险等级对应的样式
+    const levelStyle = props.levelMap?.get(wordInfo.risk_level);
+    const color = levelStyle?.color || '#F64B31';
+
+    return `<span class="s1" style="color: ${color};">${escapeHtml(match)}</span>`;
+  });
+};
+</script>
+
+<style scoped lang="scss">
+.highlight-textarea-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  .textarea-input,
+  .textarea-highlight {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    line-height: 22px;
+    font-weight: 400px;
+    border: 1px solid #e5e6eb;
+    border-radius: 4px;
+    resize: vertical;
+    //   font-family: inherit;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+  .s1 {
+    font-size: 14px;
+    line-height: 22px;
+    font-weight: 400px;
+  }
+  .textarea-input {
+    :deep(.arco-textarea) {
+      overflow: hidden;
+      position: absolute;
+      z-index: 1;
+      width: 100%;
+      padding: 8px 12px;
+      background: transparent;
+      color: transparent;
+      caret-color: #211f24 !important;
+    }
+  }
+
+  .textarea-highlight {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    padding: 8px 12px;
+    pointer-events: none;
+    background: #fff;
+    overflow: hidden;
+  }
+
+  /* 字数统计样式 */
+  .word-count {
+    margin-top: 8px;
+    text-align: right;
+    font-size: 12px;
+    color: #86909c;
+  }
+}
+</style>
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
index 38326ed..7737510 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
@@ -20,7 +20,7 @@ import TextOverTips from '@/components/text-over-tips';
 import 'swiper/css';
 import 'swiper/css/navigation';
 import { Navigation } from 'swiper/modules';
-import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST, LEVEL_MAP } from './constants';
+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';
 
@@ -48,21 +48,36 @@ export default {
   emits: ['update:modelValue', 'filesChange', 'selectImage', 'againCheck', 'startCheck'],
   setup(props, { emit, expose }) {
     const activeTab = ref(enumTab.TEXT);
-    const aiCheckLoading = ref(false);
+    const aiReplaceLoading = ref(false);
     const formRef = ref(null);
     const uploadRef = ref(null);
     const modules = [Navigation];
 
     const isTextTab = computed(() => activeTab.value === enumTab.TEXT);
     const aiReview = computed(() => props.modelValue.ai_review);
+    const isDisabled = computed(() => props.checkLoading || aiReplaceLoading.value);
 
     const onAiReplace = () => {
-      if (aiCheckLoading.value) return;
+       if (aiReplaceLoading.value) return;
 
-      aiCheckLoading.value = true;
+      aiReplaceLoading.value = true;
       setTimeout(() => {
-        aiCheckLoading.value = false;
-      }, 2000);
+        const content = props.modelValue.content;
+        const rules = aiReview.value?.violation_items ?? [];
+        const sortedRules = [...rules].sort((a, b) => b.word.length - a.word.length);
+
+        const replacedContent = sortedRules.reduce((result, rule) => {
+          if (!rule.word || !rule.replace_word) return result;
+
+          const escapedWord = escapeRegExp(rule.word);
+          const regex = new RegExp(escapedWord, 'g');
+
+          return result.replace(regex, rule.replace_word);
+        }, content);
+
+        props.modelValue.content = replacedContent;
+        aiReplaceLoading.value = false;
+      }, 500);
     };
 
     const onAgainCheck = () => {
@@ -92,7 +107,7 @@ export default {
     const reset = () => {
       formRef.value?.resetFields?.();
       formRef.value?.clearValidate?.();
-      aiCheckLoading.value = false;
+      aiReplaceLoading.value = false;
     };
     const getFileExtension = (filename) => {
       const match = filename.match(/\.([^.]+)$/);
@@ -170,12 +185,12 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={props.checkLoading}>
+          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={isDisabled.value}>
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={props.checkLoading}>
-              {aiCheckLoading.value ? (
+            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={isDisabled.value}>
+              {aiReplaceLoading.value ? (
                 <>
                   <IconLoading size={14} />
                   <span class="ml-8px check-text">AI生成中</span>
@@ -210,7 +225,7 @@ export default {
               size="large"
               maxLength={30}
               show-word-limit
-              disabled={props.checkLoading}
+              disabled={isDisabled.value}
             />
           </FormItem>
           <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
@@ -220,7 +235,7 @@ export default {
               size="large"
               show-word-limit
               maxLength={1000}
-              disabled={props.checkLoading}
+              disabled={isDisabled.value}
             />
           </FormItem>
         </Form>
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
index 447141f..791942f 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
@@ -1,3 +1,7 @@
+export const escapeRegExp = (str: string) => {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
 export const FORM_RULES = {
   title: [{ required: true, message: '请输入标题' }],
 };
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue
index 92f286c..6d4535a 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue
@@ -27,6 +27,7 @@
 <script setup lang="ts">
 import { ref, computed, watch, defineProps, defineEmits } from 'vue';
 import { isString } from '@/utils/is';
+import { escapeRegExp } from './constants';
 
 // 定义Props类型
 interface ViolationItem {
@@ -99,11 +100,6 @@ const generateHighlightedHtml = (): string => {
     return escapeHtml(inputValue.value);
   }
 
-  // 转义正则特殊字符
-  const escapeRegExp = (word: string) => {
-    return word.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  };
-
   // 创建匹配正则表达式
   const pattern = new RegExp(`(${words.map((item) => escapeRegExp(item.word)).join('|')})`, 'gi');
 
@@ -116,7 +112,7 @@ const generateHighlightedHtml = (): string => {
 
     // 获取风险等级对应的样式
     const levelStyle = props.levelMap?.get(wordInfo.risk_level);
-    const color = levelStyle?.color || '#F64B31'; 
+    const color = levelStyle?.color || '#F64B31';
 
     return `<span class="s1" style="color: ${color};">${escapeHtml(match)}</span>`;
   });
diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
index f4a9de1..74506bb 100644
--- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -21,7 +21,7 @@ import HighlightTextarea from './highlight-textarea';
 import 'swiper/css';
 import 'swiper/css/navigation';
 import { Navigation } from 'swiper/modules';
-import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST, LEVEL_MAP } from './constants';
+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';
 
@@ -49,21 +49,36 @@ export default {
   emits: ['update:modelValue', 'filesChange', 'selectImage', 'againCheck', 'startCheck'],
   setup(props, { emit, expose }) {
     const activeTab = ref(enumTab.TEXT);
-    const aiCheckLoading = ref(false);
+    const aiReplaceLoading = ref(false);
     const formRef = ref(null);
     const uploadRef = ref(null);
     const modules = [Navigation];
 
     const isTextTab = computed(() => activeTab.value === enumTab.TEXT);
     const aiReview = computed(() => props.modelValue.ai_review);
+    const isDisabled = computed(() => props.checkLoading || aiReplaceLoading.value);
 
     const onAiReplace = () => {
-      if (aiCheckLoading.value) return;
+      if (aiReplaceLoading.value) return;
 
-      aiCheckLoading.value = true;
+      aiReplaceLoading.value = true;
       setTimeout(() => {
-        aiCheckLoading.value = false;
-      }, 2000);
+        const content = props.modelValue.content;
+        const rules = aiReview.value?.violation_items ?? [];
+        const sortedRules = [...rules].sort((a, b) => b.word.length - a.word.length);
+
+        const replacedContent = sortedRules.reduce((result, rule) => {
+          if (!rule.word || !rule.replace_word) return result;
+
+          const escapedWord = escapeRegExp(rule.word);
+          const regex = new RegExp(escapedWord, 'g');
+
+          return result.replace(regex, rule.replace_word);
+        }, content);
+
+        props.modelValue.content = replacedContent;
+        aiReplaceLoading.value = false;
+      }, 500);
     };
 
     const onAgainCheck = () => {
@@ -93,7 +108,7 @@ export default {
     const reset = () => {
       formRef.value?.resetFields?.();
       formRef.value?.clearValidate?.();
-      aiCheckLoading.value = false;
+      aiReplaceLoading.value = false;
     };
     const getFileExtension = (filename) => {
       const match = filename.match(/\.([^.]+)$/);
@@ -171,12 +186,12 @@ export default {
     const renderFooterRow = () => {
       return (
         <>
-          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={props.checkLoading}>
+          <Button class="mr-12px" size="medium" onClick={onAgainCheck} disabled={isDisabled.value}>
             再次审核
           </Button>
           {isTextTab.value ? (
-            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={props.checkLoading}>
-              {aiCheckLoading.value ? (
+            <Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={isDisabled.value}>
+              {aiReplaceLoading.value ? (
                 <>
                   <IconLoading size={14} />
                   <span class="ml-8px check-text">AI生成中</span>
@@ -211,13 +226,13 @@ export default {
               size="large"
               maxLength={30}
               show-word-limit
-              disabled={props.checkLoading}
+              disabled={isDisabled.value}
             />
           </FormItem>
           <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
             <HighlightTextarea
               v-model={props.modelValue.content}
-              disabled={props.checkLoading}
+              disabled={isDisabled.value}
               prohibitedWords={aiReview.value?.violation_items ?? []}
               levelMap={LEVEL_MAP}
               class="w-full"