From 92f17c70d30ad73d29bdc3d2580424f2fa45636e Mon Sep 17 00:00:00 2001 From: rd <1344903914@qq.com> Date: Wed, 13 Aug 2025 10:43:02 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E6=96=87=E6=9C=AC=E6=A3=80=E6=B5=8B?= =?UTF-8?q?=E4=BA=A4=E4=BA=92=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../check/components/content-card/index.vue | 148 ++++++++++-------- .../check/components/content-card/style.scss | 7 + .../manuscript-writer/check/index.vue | 36 +++-- .../check/components/content-card/index.vue | 145 +++++++++-------- .../check/components/content-card/style.scss | 7 + .../manuscript/check/index.vue | 38 +++-- 6 files changed, 223 insertions(+), 158 deletions(-) diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue index 8db2ce7..f563bc1 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue @@ -44,6 +44,10 @@ export default { type: Boolean, default: false, }, + getDataLoading: { + type: Boolean, + default: false, + }, }, emits: ['update:modelValue', 'filesChange', 'selectImage', 'againCheck', 'startCheck'], setup(props, { emit, expose }) { @@ -58,7 +62,7 @@ export default { const isDisabled = computed(() => props.checkLoading || aiReplaceLoading.value); const onAiReplace = () => { - if (aiReplaceLoading.value) return; + if (aiReplaceLoading.value) return; aiReplaceLoading.value = true; setTimeout(() => { @@ -324,49 +328,10 @@ export default { ); } }; - - const renderRightBox = () => { - if (props.checkLoading) { + const renderCheckSuccessBox = () => { + if (!aiReview.value?.violation_items?.length) { return ( -
-

审核结果

- -
- ); - } else { - if (!aiReview.value?.violation_items?.length) { - return ( -
-

审核结果

-
- {RESULT_LIST.map((item, index) => ( -
- {`${aiReview.value?.[item.value] ?? '-'}${ - item.suffix || '' - }`} - {item.label} -
- ))} -
-
-
- AI 审核建议 - -
-
- - - {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'} - -
-
-
- ); - } - - return ( -
-

审核结果

+
{RESULT_LIST.map((item, index) => (
@@ -378,35 +343,88 @@ export default { ))}
-
+
AI 审核建议
- {aiReview.value?.suggestion?.map((item, index) => ( -

{`${index + 1}. ${item}`}

+
+ + + {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'} + +
+
+
+ ); + } + return ( + <> +
+ {RESULT_LIST.map((item, index) => ( +
+ {`${aiReview.value?.[item.value] ?? '-'}${ + item.suffix || '' + }`} + {item.label} +
+ ))} +
+
+
+ AI 审核建议 + +
+ {aiReview.value?.suggestion?.map((item, index) => ( +

{`${index + 1}. ${item}`}

+ ))} +
+ +
+
+

违禁词

+ {aiReview.value?.violation_items?.map((item, index) => ( + ))}
- -
-
-

违禁词

- {aiReview.value?.violation_items?.map((item, index) => ( - - ))} -
-
-

解释

- {aiReview.value?.violation_items?.map((item, index) => ( - - ))} -
+
+

解释

+ {aiReview.value?.violation_items?.map((item, index) => ( + + ))}
+ + ); + }; + + const renderRightBox = () => { + if (props.checkLoading) { + return ( +
+

审核结果

+ +
+ ); + } else { + return ( +
+

审核结果

+ {props.getDataLoading ? ( + + ) : ( + renderCheckSuccessBox() + )} +
); } }; 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 index 89c3e5f..5e93d97 100644 --- 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 @@ -130,6 +130,13 @@ } } .right-box { + border: 1px solid #E6E6E8; + flex: 1; + border-radius: 8px; padding: 16px; display: flex; + flex-direction: column; + overflow-y: auto; + height: fit-content; + max-height: 100%; .s1 { font-family: $font-family-manrope-regular; font-size: 24px; diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue index a33d7d6..878a7ae 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue @@ -30,6 +30,7 @@ export default { const submitLoading = ref(false); const contentCardRef = ref(null); const checkListDrawerRef = ref(null); + const getDataLoading = ref(false); const selectCardInfo = ref({}); const selectedImageInfo = ref(null); @@ -53,6 +54,7 @@ export default { contentCardRef.value.reset(); isSaved.value = false; submitLoading.value = false; + getDataLoading.value = false; checkLoading.value = false; ticket.value = ''; @@ -80,25 +82,30 @@ export default { }; 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, - })); + try { + getDataLoading.value = true; + 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); + dataSource.value = _data; + remoteDataSource.value = cloneDeep(_data); - const _firstCard = _data?.[0] ?? {}; - const { id, ai_review } = _firstCard; + const _firstCard = _data?.[0] ?? {}; + const { id, ai_review } = _firstCard; - selectCardInfo.value = cloneDeep(_firstCard); - selectedImageInfo.value = cloneDeep(_firstCard.files?.[0] ?? {}); + selectCardInfo.value = cloneDeep(_firstCard); + selectedImageInfo.value = cloneDeep(_firstCard.files?.[0] ?? {}); - if (isEmpty(ai_review)) { - handleStartCheck(); + if (isEmpty(ai_review)) { + handleStartCheck(); + } } + } finally { + getDataLoading.value = false; } }; @@ -224,6 +231,7 @@ export default { selectedImageInfo={selectedImageInfo.value} onSelectImage={onSelectImage} checkLoading={checkLoading.value} + getDataLoading={getDataLoading.value} onAgainCheck={onAgainCheck} onStartCheck={handleStartCheck} /> 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 b06e57f..16d274f 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 @@ -45,6 +45,10 @@ export default { type: Boolean, default: false, }, + getDataLoading: { + type: Boolean, + default: false, + }, }, emits: ['update:modelValue', 'filesChange', 'selectImage', 'againCheck', 'startCheck'], setup(props, { emit, expose }) { @@ -325,48 +329,10 @@ export default { } }; - const renderRightBox = () => { - if (props.checkLoading) { + const renderCheckSuccessBox = () => { + if (!aiReview.value?.violation_items?.length) { return ( -
-

审核结果

- -
- ); - } else { - if (!aiReview.value?.violation_items?.length) { - return ( -
-

审核结果

-
- {RESULT_LIST.map((item, index) => ( -
- {`${aiReview.value?.[item.value] ?? '-'}${ - item.suffix || '' - }`} - {item.label} -
- ))} -
-
-
- AI 审核建议 - -
-
- - - {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'} - -
-
-
- ); - } - - return ( -
-

审核结果

+
{RESULT_LIST.map((item, index) => (
@@ -378,35 +344,88 @@ export default { ))}
-
+
AI 审核建议
- {aiReview.value?.suggestion?.map((item, index) => ( -

{`${index + 1}. ${item}`}

+
+ + + {isTextTab.value ? '恭喜，您的文案中没有检测出违禁词' : '恭喜，您的图片中没有检测出违禁内容'} + +
+
+
+ ); + } + return ( + <> +
+ {RESULT_LIST.map((item, index) => ( +
+ {`${aiReview.value?.[item.value] ?? '-'}${ + item.suffix || '' + }`} + {item.label} +
+ ))} +
+
+
+ AI 审核建议 + +
+ {aiReview.value?.suggestion?.map((item, index) => ( +

{`${index + 1}. ${item}`}

+ ))} +
+ +
+
+

违禁词

+ {aiReview.value?.violation_items?.map((item, index) => ( + ))}
- -
-
-

违禁词

- {aiReview.value?.violation_items?.map((item, index) => ( - - ))} -
-
-

解释

- {aiReview.value?.violation_items?.map((item, index) => ( - - ))} -
+
+

解释

+ {aiReview.value?.violation_items?.map((item, index) => ( + + ))}
+ + ); + }; + + const renderRightBox = () => { + if (props.checkLoading) { + return ( +
+

审核结果

+ +
+ ); + } else { + return ( +
+

审核结果

+ {props.getDataLoading ? ( + + ) : ( + renderCheckSuccessBox() + )} +
); } }; 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 89c3e5f..5e93d97 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 @@ -130,6 +130,13 @@ } } .right-box { + border: 1px solid #E6E6E8; + flex: 1; + border-radius: 8px; padding: 16px; display: flex; + flex-direction: column; + overflow-y: auto; + height: fit-content; + max-height: 100%; .s1 { font-family: $font-family-manrope-regular; font-size: 24px; diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue index 30f5eba..b2969c4 100644 --- a/src/views/creative-generation-workshop/manuscript/check/index.vue +++ b/src/views/creative-generation-workshop/manuscript/check/index.vue @@ -19,7 +19,6 @@ import { getWorkAuditsAiReviewResult, } from '@/api/all/generationWorkshop.ts'; - export default { setup(props, { emit, expose }) { const router = useRouter(); @@ -34,6 +33,7 @@ export default { const submitLoading = ref(false); const contentCardRef = ref(null); const checkListDrawerRef = ref(null); + const getDataLoading = ref(false); const selectCardInfo = ref({}); const selectedImageInfo = ref(null); @@ -55,6 +55,7 @@ export default { contentCardRef.value.reset(); isSaved.value = false; submitLoading.value = false; + getDataLoading.value = false; checkLoading.value = false; ticket.value = ''; @@ -62,7 +63,6 @@ export default { selectCardInfo.value = cloneDeep(item); selectedImageInfo.value = cloneDeep(files?.[0] ?? {}); - console.log({ ai_review }); if (isEmpty(ai_review)) { handleStartCheck(); } @@ -82,25 +82,30 @@ export default { }; 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, - })); + try { + getDataLoading.value = true; + 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); + dataSource.value = _data; + remoteDataSource.value = cloneDeep(_data); - const _firstCard = _data?.[0] ?? {}; - const { id, ai_review } = _firstCard; + const _firstCard = _data?.[0] ?? {}; + const { id, ai_review } = _firstCard; - selectCardInfo.value = cloneDeep(_firstCard); - selectedImageInfo.value = cloneDeep(_firstCard.files?.[0] ?? {}); + selectCardInfo.value = cloneDeep(_firstCard); + selectedImageInfo.value = cloneDeep(_firstCard.files?.[0] ?? {}); - if (isEmpty(ai_review)) { - handleStartCheck(); + if (isEmpty(ai_review)) { + handleStartCheck(); + } } + } finally { + getDataLoading.value = false; } }; @@ -226,6 +231,7 @@ export default { selectedImageInfo={selectedImageInfo.value} onSelectImage={onSelectImage} checkLoading={checkLoading.value} + getDataLoading={getDataLoading.value} onAgainCheck={onAgainCheck} onStartCheck={handleStartCheck} />