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

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

diff --git a/src/assets/img/creative-generation-workshop/icon-success.png b/src/assets/img/creative-generation-workshop/icon-success.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a3c569cd07dd5162a400797ad9fd4a04fe0fe19
GIT binary patch
literal 2481
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

literal 0
HcmV?d00001

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