diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index 7778cc9..91f9266 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -16,7 +16,21 @@ 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',
+          'map',
+          'uniq',
+          'isNumber',
+          'uniqBy',
+          'isEmpty',
+          'merge',
+          'debounce',
+          'isEqual',
+          'isString'
+        ],
         '@/hooks': ['useModal'],
       },
     ],
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/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/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/api/all/generationWorkshop-writer.ts b/src/api/all/generationWorkshop-writer.ts
new file mode 100644
index 0000000..02493cb
--- /dev/null
+++ b/src/api/all/generationWorkshop-writer.ts
@@ -0,0 +1,160 @@
+/**
+ * 写手端接口
+ */
+
+import Http from '@/api';
+
+// 内容稿件-批量添加(写手)
+export const postWorksBatchWriter = (params = {}, writerCode: string) => {
+  return Http.post('/v1/writer/works/batch', params, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-分页(写手)
+export const getWorksPageWriter = (writerCode: string, params = {}) => {
+  return Http.get('/v1/writer/works', params, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-详情(写手)
+export const getWorksDetailWriter = (writerCode: string, id: string) => {
+  return Http.get(
+    `/v1/writer/works/${id}`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
+};
+
+// 内容稿件-修改(写手)
+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': 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 = {}) => {
+  return Http.get('/v1/writer/work-audits', params, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件审核-详情(写手)
+export const getWorkAuditsDetailWriter = (writerCode: string, id: string) => {
+  return Http.get(
+    `/v1/writer/work-audits/${id}`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
+};
+
+// 内容稿件审核-多个详情(写手)
+export const getWorkAuditsBatchDetailWriter = (writerCode: string, params = {}) => {
+  return Http.get('/v1/writer/work-audits/list', params, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-审核(写手)
+export const patchWorkAuditsAuditWriter = (id: string, writerCode: string) => {
+  return Http.patch(
+    `/v1/writer/work-audits/${id}/audit`,
+    {},
+    {
+      headers: { 'writer-code': writerCode },
+    },
+  );
+};
+
+// 内容稿件-批量审核(写手)
+export const patchWorkAuditsBatchAuditWriter = (writerCode: string, params: {}) => {
+  return Http.patch('/v1/writer/work-audits/batch-audit', params, {
+    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, 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': writerCode },
+  });
+};
+
+// 内容稿件审核-AI审查(写手)
+export const postWorkAuditsAiReviewWriter = (params = {}) => {
+  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': writerCode },
+  });
+};
+
+// 内容稿件审核-获取AI审查结果(写手)
+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 = (writerCode: string, params = {}) => {
+  return Http.post('/v1/writer/works/by-link', params, {
+    headers: { 'writer-code': writerCode },
+  });
+};
+
+// 内容稿件-通过文档获取稿件
+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/api/all/generationWorkshop.ts b/src/api/all/generationWorkshop.ts
new file mode 100644
index 0000000..8c9a16d
--- /dev/null
+++ b/src/api/all/generationWorkshop.ts
@@ -0,0 +1,152 @@
+import Http from '@/api';
+
+// 内容稿件-列表
+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 = {}, config = {}) => {
+  return Http.post('/v1/works/by-file', params, config);
+};
+
+// 内容稿件-批量添加
+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}`);
+};
+
+// 内容稿件审核-分页
+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 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 };
+  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(
+    '/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, shareCode: string) => {
+  return Http.patch(
+    `/v1/share/works/${id}/confirm`,
+    {},
+    {
+      headers: { 'share-code': shareCode },
+    },
+  );
+};
+
+// 内容稿件-评论(客户)
+export const postShareWorksComments = (id: string, shareCode: string, params = {}) => {
+  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/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/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 0000000..277a80f
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-avatar-default.png differ
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 0000000..0c06dc5
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-close.png differ
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 0000000..9adbf19
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-confirm.png differ
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 0000000..beee438
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-lf.png differ
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 0000000..2fe57e6
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-lf2.png differ
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 0000000..17b462d
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-line.png differ
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 0000000..0076dec
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-magic.png differ
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 0000000..270b691
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-photo.png differ
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 0000000..5756142
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-play-hover.png differ
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 0000000..95b46f2
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-play.png differ
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 0000000..3a3c569
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-success.png differ
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 0000000..b0b667e
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-upload-fail.png differ
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 0000000..471861e
Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-video.png differ
diff --git a/src/assets/img/error-img.png b/src/assets/img/error-img.png
new file mode 100644
index 0000000..7a303d7
Binary files /dev/null and b/src/assets/img/error-img.png differ
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/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/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
diff --git a/src/components/_base/menu/use-menu-tree.ts b/src/components/_base/menu/use-menu-tree.ts
index c784606..9b18626 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/components/_base/navbar/components/navbar-menu/index.vue b/src/components/_base/navbar/components/navbar-menu/index.vue
index 88953ff..d5be9d6 100644
--- a/src/components/_base/navbar/components/navbar-menu/index.vue
+++ b/src/components/_base/navbar/components/navbar-menu/index.vue
@@ -33,9 +33,11 @@
 <script setup>
 import { useRoute } from 'vue-router';
 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 route = useRoute();
 
 const selectedKey = computed(() => {
diff --git a/src/components/_base/navbar/index.vue b/src/components/_base/navbar/index.vue
index 2b32e4b..8762432 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 v-if="!isAgentRoute"/>
@@ -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';
 
 const route = useRoute();
@@ -34,7 +35,7 @@ const isAgentRoute = computed(() => {
   .left-wrap {
     display: flex;
     align-items: center;
-    padding-left: 20px;
+    padding-left: 24px;
   }
   .arco-dropdown-option-suffix {
     display: none;
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/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/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/components/text-over-tips/index.vue b/src/components/text-over-tips/index.vue
index c116d05..7b24bf0 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/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/hooks/useGetAiReviewResult.ts b/src/hooks/useGetAiReviewResult.ts
new file mode 100644
index 0000000..188fd8c
--- /dev/null
+++ b/src/hooks/useGetAiReviewResult.ts
@@ -0,0 +1,80 @@
+export default function useGetAiReviewResult({
+  cardInfo,
+  updateAiReview,
+  startAiReviewFn,
+  getAiReviewResultFn,
+}: {
+  cardInfo: any;
+  updateAiReview: (ai_review: any) => void;
+  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,
+      writerCode: writerCode.value as string | undefined,
+    });
+    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 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);
+        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/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/layouts/Basic.vue b/src/layouts/Basic.vue
index 5b8aafb..935aa40 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -108,16 +108,19 @@ provide('toggleDrawerMenu', () => {
 </template>
 
 <style scoped lang="scss">
-$nav-size-height: 72px;
 $layout-max-width: 1100px;
 
+.layout {
+  // width: 100%;
+  // height: 100%;
+}
 .layout-navbar {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
   width: 100%;
-  height: $nav-size-height;
+  height: $navbar-height;
 }
 .layout-sider {
   position: fixed;
diff --git a/src/main.ts b/src/main.ts
index fff0b17..cabf7d4 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,8 +7,8 @@ import router from './router';
 import store from './stores';
 import * as directives from '@/directives';
 
-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 默认样式
@@ -24,10 +24,6 @@ const app = createApp(App);
 
 app.component('NoData', NoData);
 app.component('SvgIcon', SvgIcon);
+(Object.keys(directives) as Array<keyof typeof directives>).forEach((k) => app.use(directives[k])); // 注册指令
 
-app.use(store);
-app.use(router);
-
-Object.keys(directives).forEach((k) => app.use(directives[k])); // 注册指令
-
-app.mount('#app');
+app.use(store).use(router).mount('#app');
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/constants.ts b/src/router/constants.ts
index 1b17254..bf46aa8 100644
--- a/src/router/constants.ts
+++ b/src/router/constants.ts
@@ -23,8 +23,10 @@ export const DEFAULT_ROUTE = {
 
 export const MENU_GROUP_IDS = {
   DATA_ENGINE_ID: 1, // 全域数据分析
-  MANAGEMENT_ID: -1, // 管理中心
-  PROPERTY_ID: 10, // 资产营销平台
-  WORK_BENCH_ID: -99, // 工作台
   AGENT: 2, // 智能体
+  MANAGEMENT_ID: 3, // 管理中心
+  PROPERTY_ID: 4, // 资产营销平台
+  WORK_BENCH_ID: 5, // 工作台
+  WRITER_CREATIVE_GENERATION_WORKSHOP_ID: 6, // 内容稿件-写手侧
+  CREATIVE_GENERATION_WORKSHOP_ID: 7, // 创意生成工坊
 };
diff --git a/src/router/index.ts b/src/router/index.ts
index 0af8eb0..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';
@@ -18,7 +17,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 +26,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,
@@ -35,8 +34,18 @@ export const router = createRouter({
         id: MENU_GROUP_IDS.WORK_BENCH_ID,
       },
     },
+    
     ...appRoutes,
-    NOT_FOUND_ROUTE,
+    {
+      path: '/:pathMatch(.*)*',
+      name: 'notFound',
+      component: () => import('@/layouts/NotFound.vue'),
+      meta: {
+        requiresAuth: false,
+        hideInMenu: true,
+        hideSidebar: true,
+      },
+    },
   ],
   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
new file mode 100644
index 0000000..4b55f59
--- /dev/null
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -0,0 +1,138 @@
+import type { AppRouteRecordRaw } from '../types';
+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',
+    meta: {
+      locale: '内容稿件',
+      icon: IconContentManuscript,
+      requiresAuth: true,
+      requireLogin: true,
+      roles: ['*'],
+      id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'ManuscriptList',
+        meta: {
+          locale: '内容稿件列表',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/list/index.vue'),
+      },
+      {
+        path: 'upload',
+        name: 'ManuscriptUpload',
+        meta: {
+          locale: '稿件上传',
+          requiresAuth: true,
+          requireLogin: true,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/upload/index.vue'),
+      },
+      {
+        path: 'edit/:id',
+        name: 'ManuscriptEdit',
+        meta: {
+          locale: '账号详情',
+          requiresAuth: true,
+          requireLogin: true,
+          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: true,
+          requireLogin: true,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/detail/index.vue'),
+      },
+      {
+        path: 'check-list',
+        name: 'ManuscriptCheckList',
+        meta: {
+          locale: '内容稿件审核',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/check-list/index.vue'),
+      },
+      {
+        path: 'check-list/detail/:id',
+        name: 'ManuscriptCheckListDetail',
+        meta: {
+          locale: '内容稿件审核详情',
+          requiresAuth: true,
+          requireLogin: true,
+          hideFooter: true,
+          hideInMenu: true,
+          roles: ['*'],
+          activeMenu: 'ManuscriptCheckList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/detail/index.vue'),
+      },
+      {
+        path: 'check',
+        name: 'ManuscriptCheck',
+        meta: {
+          locale: '稿件审核',
+          requiresAuth: true,
+          requireLogin: true,
+          hideFooter: true,
+          roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'ManuscriptCheckList',
+        },
+        component: () => import('@/views/creative-generation-workshop/manuscript/check/index.vue'),
+      },
+    ],
+  },
+  {
+    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/router/routes/modules/management.ts b/src/router/routes/modules/management.ts
index 4539afc..4726314 100644
--- a/src/router/routes/modules/management.ts
+++ b/src/router/routes/modules/management.ts
@@ -19,7 +19,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,
@@ -30,7 +30,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,
@@ -41,7 +41,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/manuscript-writer.ts b/src/router/routes/modules/manuscript-writer.ts
new file mode 100644
index 0000000..db30cf7
--- /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.WRITER_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',
+        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/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/router/typeings.d.ts b/src/router/typeings.d.ts
index c9ab096..2f28c80 100644
--- a/src/router/typeings.d.ts
+++ b/src/router/typeings.d.ts
@@ -15,6 +15,7 @@ declare module 'vue-router' {
     ignoreCache?: boolean; // if set true, the page will not be cached
     hideSidebar?: boolean;
     isAgentRoute?:boolean;
+    hideFooter?: boolean;
     requireLogin?: boolean; // 是否需要登陆才能访问
   }
 }
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index 8bd5ed5..3c458e8 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -46,6 +46,27 @@ export const MENU_LIST = [
       },
     ],
   },
+  {
+    id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+    name: '创意生成工坊',
+    permissionKey: '',
+    requiresAuth: true,
+    children: [
+      {
+        name: '内容稿件',
+        routeName: 'ManuscriptList',
+        includeRouteNames: [
+          'ManuscriptList',
+          'ManuscriptUpload',
+          'ManuscriptEdit',
+          'ManuscriptDetail',
+          'ManuscriptCheckList',
+          'ManuscriptCheckListDetail',
+          'ManuscriptCheck',
+        ],
+      },
+    ],
+  },
   {
     id: MENU_GROUP_IDS.PROPERTY_ID,
     name: '营销资产中台',
@@ -88,9 +109,7 @@ export const MENU_LIST = [
       {
         name: '项目管理',
         routeName: 'ProjectList',
-        includeRouteNames: [
-          'ProjectList',
-        ],
+        includeRouteNames: ['ProjectList'],
       },
     ],
   },
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index 71443de..972eda7 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 router from '@/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 {
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/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/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/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/lib/variable.scss b/src/styles/lib/variable.scss
index a6bd989..bdbef8f 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/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/utils/tools.ts b/src/utils/tools.ts
index c0514fb..c555968 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -111,6 +111,235 @@ 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 getVideoInfo(file: File): Promise<{ duration: number; firstFrame: string }> {
+  return new Promise((resolve) => {
+    const video = document.createElement('video');
+    video.preload = 'metadata';
+    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秒超时
+  });
+}
+
+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`;
+  }
+};
+
+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';
+}
+
+/**
+ * 生成包含协议、域名和参数的完整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}`;
+};
+
+/** 图片朝向类型 */
+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);
+};
+
 export function getImageMainColor(imageUrl: string): Promise<string> {
   return new Promise((resolve, reject) => {
     const img = new Image();
@@ -168,7 +397,7 @@ export function getImageMainColor(imageUrl: string): Promise<string> {
       const avgColor = {
         r: Math.round(maxGroup.sumR / maxGroup.count),
         g: Math.round(maxGroup.sumG / maxGroup.count),
-        b: Math.round(maxGroup.sumB / maxGroup.count)
+        b: Math.round(maxGroup.sumB / maxGroup.count),
       };
 
       resolve(`rgb(${avgColor.r},${avgColor.g},${avgColor.b})`);
@@ -198,28 +427,38 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
     if (a < 128) continue;
 
     colors.push({
-      r, g, b,
+      r,
+      g,
+      b,
       count: 1,
-      sumR: r, sumG: g, sumB: b
+      sumR: r,
+      sumG: g,
+      sumB: b,
     });
   }
 
   // 如果没有颜色数据，返回默认白色
   if (colors.length === 0) {
-    return [{
-      count: 1,
-      sumR: 255, sumG: 255, sumB: 255
-    }];
+    return [
+      {
+        count: 1,
+        sumR: 255,
+        sumG: 255,
+        sumB: 255,
+      },
+    ];
   }
 
   // 开始中位数切分
-  let colorGroups = [{
-    colors,
-    count: colors.length,
-    sumR: colors.reduce((sum, c) => sum + c.r, 0),
-    sumG: colors.reduce((sum, c) => sum + c.g, 0),
-    sumB: colors.reduce((sum, c) => sum + c.b, 0)
-  }];
+  let colorGroups = [
+    {
+      colors,
+      count: colors.length,
+      sumR: colors.reduce((sum, c) => sum + c.r, 0),
+      sumG: colors.reduce((sum, c) => sum + c.g, 0),
+      sumB: colors.reduce((sum, c) => sum + c.b, 0),
+    },
+  ];
 
   for (let i = 0; i < levels; i++) {
     const newGroups = [];
@@ -231,12 +470,12 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
       }
 
       // 找出颜色范围最大的通道
-      const rMin = Math.min(...group.colors.map(c => c.r));
-      const rMax = Math.max(...group.colors.map(c => c.r));
-      const gMin = Math.min(...group.colors.map(c => c.g));
-      const gMax = Math.max(...group.colors.map(c => c.g));
-      const bMin = Math.min(...group.colors.map(c => c.b));
-      const bMax = Math.max(...group.colors.map(c => c.b));
+      const rMin = Math.min(...group.colors.map((c) => c.r));
+      const rMax = Math.max(...group.colors.map((c) => c.r));
+      const gMin = Math.min(...group.colors.map((c) => c.g));
+      const gMax = Math.max(...group.colors.map((c) => c.g));
+      const bMin = Math.min(...group.colors.map((c) => c.b));
+      const bMax = Math.max(...group.colors.map((c) => c.b));
 
       const rRange = rMax - rMin;
       const gRange = gMax - gMin;
@@ -250,7 +489,9 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
       }
 
       // 按最大范围通道排序
-      group.colors.sort((a, b) => a[sortChannel] - b[sortChannel]);
+      type ColorChannel = 'r' | 'g' | 'b';
+      const safeSortChannel = sortChannel as ColorChannel;
+      group.colors.sort((a, b) => a[safeSortChannel] - b[safeSortChannel]);
 
       // 切分中位数
       const mid = Math.floor(group.colors.length / 2);
@@ -263,7 +504,7 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
         count: group1.length,
         sumR: group1.reduce((sum, c) => sum + c.r, 0),
         sumG: group1.reduce((sum, c) => sum + c.g, 0),
-        sumB: group1.reduce((sum, c) => sum + c.b, 0)
+        sumB: group1.reduce((sum, c) => sum + c.b, 0),
       });
 
       newGroups.push({
@@ -271,7 +512,7 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
         count: group2.length,
         sumR: group2.reduce((sum, c) => sum + c.r, 0),
         sumG: group2.reduce((sum, c) => sum + c.g, 0),
-        sumB: group2.reduce((sum, c) => sum + c.b, 0)
+        sumB: group2.reduce((sum, c) => sum + c.b, 0),
       });
     }
 
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>
diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index 616cecf..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" />
@@ -69,7 +71,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 +120,6 @@ const gotoModule = (menuId: number) => {
     '1': 'DataEngineHotTranslation',
     '2': 'RepositoryBrandMaterials',
   };
-  console.log(routeMap[menuId]);
   router.push({ name: routeMap[menuId] });
 };
 </script>
@@ -221,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>
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
new file mode 100644
index 0000000..de7d009
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
@@ -0,0 +1,313 @@
+<script lang="jsx">
+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 } 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';
+
+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([
+  // [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" /> }],
+  [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" /> }],
+]);
+
+export default {
+  props: {
+    isExpand: {
+      type: Boolean,
+      default: true,
+    },
+    dataSource: {
+      type: Object,
+      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 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;
+      replayTarget.value = {};
+    };
+
+    const onReplay = (item) => {
+      isReplay.value = true;
+      replayTarget.value = item;
+    };
+
+    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 = '';
+        textAreaRef.value.focus();
+      }
+    };
+
+    const onClearComment = () => {
+      isReplay.value = false;
+      replayTarget.value = {};
+      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);
+
+      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
+              ref={textAreaRef}
+              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="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>
+          {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 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>
+                </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>
+        </>
+      );
+    };
+
+    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 relative py-24px flex flex-col">
+          {!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 absolute top-24px right-24px"
+            onClick={() => emit('toggle', false)}
+          />
+
+          {/**主体 */}
+          <div class="flex-1 overflow-y-auto px-24px">
+            {/* AI审核结果 */}
+            {renderAiSuggest()}
+            {/* 评论与回复 */}
+            {renderCommentBox()}
+          </div>
+
+          {renderTextareaBox()}
+        </div>
+        <DeleteCommentModal ref={deleteCommentModalRef} onDelete={deleteComment} />
+      </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..51e2f79
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
@@ -0,0 +1,93 @@
+.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;
+  }
+  :deep(.arco-textarea-wrapper) {
+    min-height: 38px;
+    display: flex;
+    border-color: transparent !important;
+    align-items: center;
+    border-radius: 8px !important;
+    background-color: #fff;
+    color: #211f24 !important;
+    transition: all 0.3s;
+    &:hover {
+      border-color: #6d4cfe !important;
+    }
+    &.arco-textarea-focus {
+      border-color: #6d4cfe !important;
+    }
+  }
+  .result-box {
+    background: rgba(255, 255, 255, 0.8);
+    backdrop-filter: blur(4px);
+    .result-item {
+      .s1 {
+        color: var(--Brand-6, #6d4cfe);
+        font-family: $font-family-manrope-regular;
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 32px;
+      }
+      &:first-child {
+        position: relative;
+        &::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          right: 0;
+          width: 1px;
+          height: 32px;
+          background: var(--Border-1, #d7d7d9);
+        }
+      }
+    }
+  }
+  .collapse-box {
+    transition: all 0.3s;
+  }
+  .comment-box {
+    .cm {
+      background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .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
new file mode 100644
index 0000000..174f732
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/constants.ts
@@ -0,0 +1,44 @@
+export const ENUM_OPINION = {
+  wait: 0, // 待确认
+  confirm: 1, // 已确认
+};
+
+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
new file mode 100644
index 0000000..da84dd6
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -0,0 +1,275 @@
+<script lang="jsx">
+import { Image, Spin, Button } from '@arco-design/web-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 { ENUM_OPINION } from './constants';
+import { handleUserHome } from '@/utils/user.ts';
+import { useUserStore } from '@/stores';
+
+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';
+
+export default {
+  setup(props, { emit, expose }) {
+    const route = useRoute();
+    const router = useRouter();
+    const userStore = useUserStore();
+
+    const dataSource = ref({});
+    const shareWorks = 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 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;
+        coverImageUrl.value = convertVideoUrlToCoverUrl(fileOne.url);
+      } else {
+        coverImageUrl.value = fileOne.url;
+        images.value = fileOthers;
+      }
+    };
+
+    const getDetail = async () => {
+      try {
+        dataSource.value = {};
+        loading.value = true;
+
+        const { id } = route.params;
+        const { code, data } = await getShareWorksDetail(id, shareCode.value);
+        if (code === 200) {
+          dataSource.value = data;
+          initData();
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+
+    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) {
+        shareWorks.value = data;
+      }
+    };
+
+    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;
+    };
+
+    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 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 (
+        <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) {
+        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 justify-between">
+              <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>
+          {loading.value ? (
+            <Spin spinning={loading.value} class="flex-1 w-full flex justify-center items-center" size={60} />
+          ) : (
+            <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>
+              <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 === ENUM_OPINION.confirm && (
+                    <img src={icon2} width={92} height={92} class="absolute right-0 bottom-0" />
+                  )}
+                </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-cover" />
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </section>
+              {isExpand.value && (
+                <AiSuggest
+                  isExpand={isExpand.value}
+                  dataSource={dataSource.value}
+                  onToggle={(expand) => (isExpand.value = expand)}
+                  onUpdateComment={onUpdateComment}
+                  onDeleteComment={onDeleteComment}
+                />
+              )}
+            </section>
+          )}
+        </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..01e8a64
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/detail/style.scss
@@ -0,0 +1,106 @@
+.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;
+    background: #fff;
+    .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');
+    }
+  }
+}
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..aea464a
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/list/index.vue
@@ -0,0 +1,113 @@
+<script lang="jsx">
+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';
+
+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">
+              <div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
+                <img src={icon2} alt="" />
+              </div>
+            </div>
+          </header>
+          <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" />
+                  <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" />
+                            <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>
+                      );
+                    })}
+                  </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..b315e92
--- /dev/null
+++ b/src/views/creative-generation-workshop/explore/list/style.scss
@@ -0,0 +1,63 @@
+.explore-page {
+  position: relative;
+  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;
+    right: 0;
+    top: 0;
+    z-index: 1000;
+    min-width: 1200px;
+    .content {
+      height: $navbar-height;
+      border-bottom: 1px solid var(--Border-1, #d7d7d9);
+    }
+  }
+  .page-wrapper {
+    background: #fff;
+    min-height: calc(100vh - $navbar-height);
+    .explore-container {
+      width: 1200px;
+      .explore-list-wrap {
+        :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-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-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..2cfc05a
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
@@ -0,0 +1,141 @@
+<!-- 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"
+            class="!w-160px"
+          >
+            <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..8cc9527
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -0,0 +1,53 @@
+<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 { 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;
+  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 deleteWorkWriter(writerCode.value, 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..71c1a5d
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
@@ -0,0 +1,192 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="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
+          #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="onCheck(record)" v-if="audit_status === AuditStatus.Pending"
+              >审核</a-button
+            >
+            <a-button
+              type="outline"
+              size="mini"
+              @click="onScan(record)"
+              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 }">
+          {{ 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 { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
+import { patchWorkAuditsAuditWriter } from '@/api/all/generationWorkshop-writer.ts';
+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 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 route = useRoute();
+const tableRef = ref(null);
+
+const writerCode = computed(() => route.params.writerCode);
+
+const handleSorterChange = (column, order) => {
+  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+const onDelete = (item) => {
+  emits('delete', item);
+};
+const onCheck = (item) => {
+  patchWorkAuditsAuditWriter(item.id, writerCode.value);
+  slsWithCatch('writerManuscriptCheckIds', [item.id]);
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
+};
+const onScan = (item) => {
+  slsWithCatch('writerManuscriptCheckIds', [item.id]);
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
+};
+const onDetail = (item) => {
+  router.push(
+    `/writer/manuscript/check-list/detail/${item.id}/${writerCode.value}?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..f1e5eeb
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
@@ -0,0 +1,244 @@
+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: 'last_modified_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    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..1316e13
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
@@ -0,0 +1,208 @@
+<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" />
+  </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 { 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';
+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 route = useRoute();
+const tableColumns = ref([]);
+const query = ref(cloneDeep(INITIAL_QUERY));
+
+const addManuscriptModalRef = ref(null);
+const deleteManuscriptModalRef = 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(writerCode.value, {
+    ...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();
+  const _audit_status = query.value.audit_status;
+  query.value = cloneDeep(INITIAL_QUERY);
+  query.value.audit_status = _audit_status;
+  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;
+  }
+
+  patchWorkAuditsBatchAuditWriter(writerCode.value, { ids: selectedRowKeys.value });
+
+  slsWithCatch('writerManuscriptCheckIds', selectedRowKeys.value);
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
+};
+const handleBatchView = () => {
+  if (!selectedRows.value.length) {
+    AMessage.warning('请选择需查看的内容稿件');
+    return;
+  }
+
+  slsWithCatch('writerManuscriptCheckIds', selectedRowKeys.value);
+  router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
+};
+
+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..a54389f
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/cancel-check-modal.vue
@@ -0,0 +1,58 @@
+<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 route = useRoute();
+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({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
+  } 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..396a150
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
@@ -0,0 +1,62 @@
+<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 route = useRoute();
+const visible = ref(false);
+const workIds = ref([]);
+
+const onClose = () => {
+  if (workIds.value.length === 1) {
+    router.push({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
+  }
+  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..791942f
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
@@ -0,0 +1,57 @@
+export const escapeRegExp = (str: string) => {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
+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/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
new file mode 100644
index 0000000..7737510
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
@@ -0,0 +1,457 @@
+<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, escapeRegExp } 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 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 (aiReplaceLoading.value) return;
+
+      aiReplaceLoading.value = true;
+      setTimeout(() => {
+        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 = () => {
+      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?.();
+      aiReplaceLoading.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={isDisabled.value}>
+            再次审核
+          </Button>
+          {isTextTab.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>
+                </>
+              ) : (
+                <>
+                  <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={isDisabled.value}
+            />
+          </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}
+              disabled={isDisabled.value}
+            />
+          </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..a33d7d6
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue
@@ -0,0 +1,248 @@
+<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 {
+  getWorkAuditsBatchDetailWriter,
+  putWorkAuditsUpdateWriter,
+  postWorkAuditsAiReviewWriter,
+  getWorkAuditsAiReviewResultWriter,
+  putWorkAuditsAuditPassWriter,
+} from '@/api/all/generationWorkshop-writer.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 writerCode = computed(() => route.params.writerCode);
+
+    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({ path: `/writer/manuscript/check-list/${writerCode.value}` });
+    };
+
+    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 getWorkAuditsBatchDetailWriter(writerCode.value, { 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 putWorkAuditsUpdateWriter(writerCode.value, 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('writerManuscriptCheckIds', 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 putWorkAuditsAuditPassWriter(writerCode.value, 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('writerManuscriptCheckIds')?.split(',') ?? [];
+      getWorkAudits();
+    });
+    onUnmounted(() => {
+      rlsWithCatch('writerManuscriptCheckIds');
+    });
+
+    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/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
new file mode 100644
index 0000000..5330c9c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
@@ -0,0 +1,376 @@
+<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 ImgBox from './img-box';
+
+import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
+import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+import { getVideoPreSignedUrlWriter, getImagePreSignedUrlWriter } from '@/api/all/generationWorkshop-writer';
+
+// 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 route = useRoute();
+    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 writerCode = computed(() => route.params.writerCode);
+
+    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 getVideoPreSignedUrlWriter(writerCode.value, { 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 getImagePreSignedUrlWriter(writerCode.value, { 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 handleImagesChange = (files) => {
+      formData.value.files = cloneDeep(files);
+      onChange();
+    };
+
+    // 暴露方法
+    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()
+        ) : (
+          <ImgBox
+            files={formData.value.files}
+            onChange={handleImagesChange}
+            onDelete={handleDeleteFile}
+            onUpload={uploadImage}
+          />
+        )}
+
+        {/* <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/detail/index.vue b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
new file mode 100644
index 0000000..bfd5fa3
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
@@ -0,0 +1,193 @@
+<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 { 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: '内容稿件列表',
+  routePath: '/writer/manuscript/list',
+};
+const SOURCE_MAP = new Map([['check', { title: '内容稿件审核', routePath: '/writer/manuscript/check-list' }]]);
+
+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 writerCode = computed(() => route.params.writerCode);
+
+    const onBack = () => {
+      router.push({ path: `${sourceInfo.value.routePath}/${writerCode.value}` });
+    };
+
+    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 getWorksDetailWriter(writerCode.value, 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 _fn = () => {
+        slsWithCatch('writerManuscriptCheckIds', [workId.value]);
+        router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
+      };
+
+      return (
+        <>
+          <Button size="medium" type="outline" class="mr-12px" onClick={onBack}>
+            退出
+          </Button>
+          <Button
+            size="medium"
+            type="outline"
+            class="mr-12px"
+            onClick={() => router.push(`/writer/manuscript/edit/${writerCode.value}/${workId.value}`)}
+          >
+            编辑
+          </Button>
+          {audit_status !== AuditStatus.Passed && (
+            <Button type="primary" size="medium" onClick={_fn}>
+              去审核
+            </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..754b24c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/cancel-edit-modal.vue
@@ -0,0 +1,35 @@
+<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 route = useRoute();
+const visible = ref(false);
+
+const onClose = () => {
+  visible.value = false;
+};
+const onConfirm = () => {
+  onClose();
+  router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
+};
+
+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..2d3f831
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
@@ -0,0 +1,132 @@
+<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 { 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';
+
+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 writerCode = computed(() => route.params.writerCode);
+
+    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 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/${writerCode.value}` });
+          } else {
+            onBack();
+          }
+        }
+      });
+    };
+    const getData = async () => {
+      const { code, data } = await getWorksDetailWriter(writerCode.value, 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({ path: `/writer/manuscript/list/${writerCode.value}` });
+    };
+    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..4826fe8
--- /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-160px"
+          :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..6b1a059
--- /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..2108398
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -0,0 +1,53 @@
+<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 { 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;
+  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 deleteWorkWriter(writerCode.value, 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..fd3f79f
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
@@ -0,0 +1,141 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="manuscript-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+  >
+    <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 route = useRoute();
+
+const handleSorterChange = (column, order) => {
+  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+const onDelete = (item) => {
+  emits('delete', item);
+};
+const onEdit = (item) => {
+  router.push(`/writer/manuscript/edit/${route.params.writerCode}/${item.id}`);
+};
+const onDetail = (item) => {
+  router.push(`/writer/manuscript/detail/${route.params.writerCode}/${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..19f6c5e
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
@@ -0,0 +1,356 @@
+<script lang="jsx">
+import {
+  Modal,
+  Form,
+  FormItem,
+  Input,
+  RadioGroup,
+  Radio,
+  Upload,
+  Button,
+  Message as AMessage,
+  Textarea,
+} from '@arco-design/web-vue';
+import {
+  getTemplateUrlWriter,
+  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';
+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',
+};
+
+// 初始表单数据
+const INITIAL_FORM = {
+  link: '',
+  writerLink: '',
+};
+
+export default {
+  setup(props, { emit, expose }) {
+    const update = inject('update');
+    const router = useRouter();
+    const route = useRoute();
+
+    // 响应式状态
+    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 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 = () => {
+      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 open = () => {
+      visible.value = true;
+    };
+
+    const onClose = () => {
+      reset();
+      visible.value = false;
+    };
+
+    // 防抖提交
+    const debouncedSubmit = debounce(async () => {
+      formRef.value?.validate(async (errors) => {
+        if (!errors) {
+          taskStatus.value = TASK_STATUS.LOADING;
+          const { link } = form.value;
+          const { code, data } = await postWorksByLinkWriter(writerCode.value, { link });
+          if (code === 200) {
+            taskStatus.value = TASK_STATUS.SUCCESS;
+            works.value = data ? [data] : [];
+          }
+        }
+      });
+    }, 300);
+
+    // 提交处理
+    const onSubmit = () => {
+      debouncedSubmit();
+    };
+
+    // 取消上传
+    const onCancelUpload = () => {
+      taskStatus.value = TASK_STATUS.DEFAULT;
+      AMessage.info('已取消上传');
+    };
+
+    // 文件上传处理
+    const handleUpload = async (option) => {
+      taskStatus.value = TASK_STATUS.LOADING;
+
+      const {
+        fileItem: { file },
+      } = option;
+
+      const formData = new FormData();
+      formData.append('file', file);
+      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 ? [data] : [];
+      }
+    };
+
+    // 跳转编辑
+    const goUpload = () => {
+      slsWithCatch('writerWaitUploadWorks', JSON.stringify(works.value));
+      router.push(`/writer/manuscript/upload/${writerCode.value}`);
+      onClose();
+    };
+
+    // 删除项目
+    const onDelete = (index) => {
+      works.value.splice(index, 1);
+      // AMessage.success('删除成功');
+    };
+
+    // 上传方式切换
+    const onUploadTypeChange = (val) => {
+      uploadType.value = val;
+      formRef.value?.clearValidate?.();
+    };
+
+    // 下载模板
+    const handleDownloadTemplate = async () => {
+      const { code, data } = await getTemplateUrlWriter(writerCode.value);
+      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 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 !text-left" 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.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}>
+              确认
+            </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>
+              </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..03be800
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/list/index.vue
@@ -0,0 +1,113 @@
+<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="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" />
+  </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 { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { getWorksPageWriter } from '@/api/all/generationWorkshop-writer.ts';
+import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
+
+const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+const route = useRoute();
+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 getWorksPageWriter(route.params.writerCode, {
+    ...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 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..3f847d9
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/cancel-upload-modal.vue
@@ -0,0 +1,39 @@
+<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 route = useRoute();
+const visible = ref(false);
+const num = ref('');
+
+const onClose = () => {
+  num.value = '';
+  visible.value = false;
+};
+const onConfirm = () => {
+  onClose();
+  router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
+};
+
+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..b42d1a9
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
@@ -0,0 +1,304 @@
+<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 { 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';
+
+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 writerCode = computed(() => route.params.writerCode);
+    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 (action) => {
+      uploadLoading.value = true;
+      const filteredWorks = map(works.value, (work) => omit(work, 'videoInfo'));
+      const { code, data } = await postWorksBatchWriter({ works: filteredWorks }, writerCode.value);
+      if (code === 200) {
+        uploadLoading.value = false;
+        if (action === 'batchUpload') {
+          uploadSuccessModal.value?.open(data);
+        } else {
+          if (action === 'uploadAndCheck') {
+            slsWithCatch('writerManuscriptCheckIds', [data]);
+            router.push({ path: `/writer/manuscript/check/${writerCode.value}` });
+          } else {
+            router.push({ path: `/writer/manuscript/list/${writerCode.value}` });
+          }
+        }
+      }
+    };
+
+    const onUpload = async (action) => {
+      formRef.value
+        ?.validate()
+        .then(() => {
+          return validateDataSource();
+        })
+        .then(() => {
+          onSubmit(action);
+        })
+        .catch((err) => {
+          console.log('catch');
+          errorDataCards.value.push(err);
+        });
+    };
+
+    const syncLocalStorage = () => {
+      slsWithCatch('writerWaitUploadWorks', JSON.stringify(works.value ?? []));
+    };
+
+    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 = {};
+        }
+      }
+
+      syncLocalStorage();
+    };
+
+    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('batchUpload')} 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('singleUpload')}
+              class="mr-12px"
+              loading={uploadLoading.value}
+            >
+              上传
+            </Button>
+            <Button
+              type="primary"
+              size="medium"
+              onClick={() => onUpload('uploadAndCheck')}
+              loading={uploadLoading.value}
+            >
+              上传并审核
+            </Button>
+          </>
+        );
+      }
+    };
+    const getData = () => {
+      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) {
+        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;
+
+      syncLocalStorage();
+    };
+    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 };
+
+      syncLocalStorage();
+    };
+
+    onMounted(() => {
+      getData();
+    });
+    onUnmounted(() => {
+      rlsWithCatch('writerWaitUploadWorks');
+    });
+
+    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..8b9e1e9
--- /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 route = useRoute();
+const visible = ref(false);
+const workIds = ref([]);
+
+const onClose = () => {
+  workIds.value = [];
+  visible.value = false;
+};
+
+const onBack = () => {
+  onClose();
+  router.push({ path: `/writer/manuscript/list/${route.params.writerCode}` });
+};
+const onConfirm = () => {
+  visible.value = false;
+  slsWithCatch('writerManuscriptCheckIds', workIds.value);
+  router.push({ path: `/writer/manuscript/check/${route.params.writerCode}` });
+};
+
+const open = (_workIds) => {
+  workIds.value = _workIds;
+
+  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-list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
new file mode 100644
index 0000000..2cfc05a
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
@@ -0,0 +1,141 @@
+<!-- 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"
+            class="!w-160px"
+          >
+            <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/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
new file mode 100644
index 0000000..39f8fd3
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/check-list/components/manuscript-check-table/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
new file mode 100644
index 0000000..36b096d
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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="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/check-list/components/manuscript-check-table/style.scss b/src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss
new file mode 100644
index 0000000..5a1711b
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts
new file mode 100644
index 0000000..c6a9966
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/check-list/index.vue b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
new file mode 100644
index 0000000..97a4075
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check-list/index.vue
@@ -0,0 +1,207 @@
+<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();
+  const _audit_status = query.value.audit_status;
+  query.value = cloneDeep(INITIAL_QUERY);
+  query.value.audit_status = _audit_status;
+  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/check-list/style.scss b/src/views/creative-generation-workshop/manuscript/check-list/style.scss
new file mode 100644
index 0000000..a2c29f0
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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..f1b0bf8
--- /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"
+    :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/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..fa0040b
--- /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 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/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/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
new file mode 100644
index 0000000..791942f
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
@@ -0,0 +1,57 @@
+export const escapeRegExp = (str: string) => {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
+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/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..be3b808
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue
@@ -0,0 +1,178 @@
+<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"
+    />
+  </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/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..74506bb
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
@@ -0,0 +1,457 @@
+<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 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, escapeRegExp } 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 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 (aiReplaceLoading.value) return;
+
+      aiReplaceLoading.value = true;
+      setTimeout(() => {
+        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 = () => {
+      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?.();
+      aiReplaceLoading.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={isDisabled.value}>
+            再次审核
+          </Button>
+          {isTextTab.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>
+                </>
+              ) : (
+                <>
+                  <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={isDisabled.value}
+            />
+          </FormItem>
+          <FormItem label="作品描述" field="content" class="flex-1 content-form-item">
+            <HighlightTextarea
+              v-model={props.modelValue.content}
+              disabled={isDisabled.value}
+              prohibitedWords={aiReview.value?.violation_items ?? []}
+              levelMap={LEVEL_MAP}
+              class="w-full"
+            />
+          </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/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..89c3e5f
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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..ea569c7
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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
new file mode 100644
index 0000000..30f5eba
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/check/index.vue
@@ -0,0 +1,250 @@
+<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,
+  getWorkAuditsAiReviewResult,
+} 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,
+      startAiReviewFn: postWorkAuditsAiReview,
+      getAiReviewResultFn: getWorkAuditsAiReviewResult,
+      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/check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss
new file mode 100644
index 0000000..2a6deb1
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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
new file mode 100644
index 0000000..a4c5888
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
@@ -0,0 +1,374 @@
+<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 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 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 handleImagesChange = (files) => {
+      formData.value.files = cloneDeep(files);
+      onChange();
+    };
+
+    // 暴露方法
+    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()
+        ) : (
+          <ImgBox
+            files={formData.value.files}
+            onChange={handleImagesChange}
+            onDelete={handleDeleteFile}
+            onUpload={uploadImage}
+          />
+        )}
+
+        {/* <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/components/edit-form/style.scss b/src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
new file mode 100644
index 0000000..c16695e
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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..ffa1247
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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..968bc01
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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..d3dc205
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue
new file mode 100644
index 0000000..fbbdcc1
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue
@@ -0,0 +1,192 @@
+<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 _fn = () => {
+        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>
+          {audit_status !== AuditStatus.Passed && (
+            <Button type="primary" size="medium" onClick={_fn}>
+              去审核
+            </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/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss
new file mode 100644
index 0000000..f3fe2c6
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/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
new file mode 100644
index 0000000..ae2abdb
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/edit/style.scss b/src/views/creative-generation-workshop/manuscript/edit/style.scss
new file mode 100644
index 0000000..b574f60
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/list/components/filter-block/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/filter-block/index.vue
new file mode 100644
index 0000000..9e411aa
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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-160px"
+          :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/list/components/manuscript-table/constants.ts b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
new file mode 100644
index 0000000..5199e88
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..ef68bd5
--- /dev/null
+++ b/src/views/creative-generation-workshop/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 { 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/list/components/manuscript-table/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
new file mode 100644
index 0000000..ef2b35c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
@@ -0,0 +1,143 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="manuscript-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+  >
+    <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 }">
+          <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">
+            <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 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';
+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/list/components/manuscript-table/style.scss b/src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/style.scss
new file mode 100644
index 0000000..8621a01
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/list/components/upload-manuscript-modal/index.vue b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
new file mode 100644
index 0000000..1ec17ad
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
@@ -0,0 +1,390 @@
+<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 { slsWithCatch } from '@/utils/stroage.ts';
+
+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);
+      }
+    };
+
+    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 ? [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) => {
+      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 ? [data] : [];
+      }
+    };
+
+    // 跳转上传页面
+    const goUpload = () => {
+      slsWithCatch('waitUploadWorks', JSON.stringify(works.value));
+      router.push(`/manuscript/upload`);
+      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 !text-left" 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/list/components/upload-manuscript-modal/style.scss b/src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/style.scss
new file mode 100644
index 0000000..494dff7
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/list/constants.ts b/src/views/creative-generation-workshop/manuscript/list/constants.ts
new file mode 100644
index 0000000..b06f7cd
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/list/index.vue b/src/views/creative-generation-workshop/manuscript/list/index.vue
new file mode 100644
index 0000000..457862e
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/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/list/style.scss b/src/views/creative-generation-workshop/manuscript/list/style.scss
new file mode 100644
index 0000000..64d8310
--- /dev/null
+++ b/src/views/creative-generation-workshop/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/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..b970d4c
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue
@@ -0,0 +1,305 @@
+<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 { 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),
+//   }));
+
+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 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 (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 (action === 'batchUpload') {
+          uploadSuccessModal.value?.open(data);
+        } else {
+          AMessage.success('上传成功');
+          if (action === 'uploadAndCheck') {
+            slsWithCatch('manuscriptCheckIds',data);
+            router.push({ name: 'ManuscriptCheck' });
+          } else {
+            router.push({ name: 'ManuscriptList' });
+          }
+        }
+      }
+    };
+
+    // 本地存储同步
+    const syncLocalStorage = () => {
+      slsWithCatch('waitUploadWorks', JSON.stringify(works.value ?? []));
+    };
+
+    const onUpload = async (action) => {
+      formRef.value
+        ?.validate()
+        .then(() => {
+          return validateDataSource();
+        })
+        .then(() => {
+          onSubmit(action);
+        })
+        .catch((err) => {
+          errorDataCards.value.push(err);
+        });
+    };
+
+    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 = {};
+        }
+      }
+
+      syncLocalStorage();
+    };
+
+    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('batchUpload')} 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('singleUpload')}
+              class="mr-12px"
+              loading={uploadLoading.value}
+            >
+              上传
+            </Button>
+            <Button
+              type="primary"
+              size="medium"
+              onClick={() => onUpload('uploadAndCheck')}
+              loading={uploadLoading.value}
+            >
+              上传并审核
+            </Button>
+          </>
+        );
+      }
+    };
+    const getData = () => {
+      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) {
+        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;
+
+      syncLocalStorage();
+    };
+    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 };
+
+      syncLocalStorage();
+    };
+
+    onMounted(() => {
+      getData();
+    });
+
+    onUnmounted(() => {
+      rlsWithCatch('waitUploadWorks');
+    });
+
+    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/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..5ced374
--- /dev/null
+++ b/src/views/creative-generation-workshop/manuscript/upload/upload-success-modal.vue
@@ -0,0 +1,64 @@
+<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 workIds = ref([]);
+
+const onClose = () => {
+  workIds.value = [];
+  visible.value = false;
+};
+
+const onBack = () => {
+  onClose();
+  router.push({ name: 'ManuscriptList' });
+};
+const onConfirm = () => {
+  visible.value = false;
+  slsWithCatch('manuscriptCheckIds', workIds.value);
+  router.push({ name: 'ManuscriptCheck' });
+};
+
+const open = (_workIds) => {
+  workIds.value = _workIds;
+
+  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/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 0f45c81..ae128f4 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/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;
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';
diff --git a/vite.config.ts b/vite.config.ts
index 5596072..4f70a94 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,8 +40,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'http://www.lingji.com/api',
-          // target: 'http://192.168.40.22/api',
+          target: 'https://lingjiapi.lvfunai.com/api', 
         },
       },
     },