From 997c765eaa36e50aa21e1c04662ec1c3d3fcf027 Mon Sep 17 00:00:00 2001 From: rd <1344903914@qq.com> Date: Fri, 15 Aug 2025 15:36:03 +0800 Subject: [PATCH 1/2] =?UTF-8?q?perf:=20ui=E8=B5=B0=E6=9F=A5=E9=97=AE?= =?UTF-8?q?=E9=A2=98=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../icon-avatar-default-v2.png | Bin 0 -> 1562 bytes .../detail/components/ai-suggest/index.vue | 69 +++++++++--------- .../detail/components/ai-suggest/style.scss | 24 ++++++ .../explore/detail/index.vue | 2 +- .../explore/list/index.vue | 8 +- .../components/filter-block/index.vue | 2 +- .../manuscript-check-table/index.vue | 4 +- .../manuscript-writer/check-list/constants.ts | 30 ++++---- .../manuscript-writer/check-list/index.vue | 2 +- .../check/check-success-modal.vue | 25 ++++++- .../check/components/content-card/index.vue | 2 +- .../check/components/header-card/index.vue | 2 +- .../components/edit-form/index.vue | 2 +- .../manuscript-writer/detail/index.vue | 4 +- .../manuscript-writer/edit/index.vue | 2 +- .../components/manuscript-table/index.vue | 2 +- .../upload-manuscript-modal/index.vue | 9 +-- .../manuscript-writer/list/index.vue | 2 +- .../manuscript-writer/upload/index.vue | 21 +++--- .../manuscript-writer/upload/style.scss | 3 +- .../share-manuscript-modal/share-modal.vue | 3 +- .../manuscript/upload/index.vue | 17 +++-- .../manuscript/upload/style.scss | 3 +- 23 files changed, 142 insertions(+), 96 deletions(-) create mode 100644 src/assets/img/creative-generation-workshop/icon-avatar-default-v2.png diff --git a/src/assets/img/creative-generation-workshop/icon-avatar-default-v2.png b/src/assets/img/creative-generation-workshop/icon-avatar-default-v2.png new file mode 100644 index 0000000000000000000000000000000000000000..d3ed337ab56b3d75206e2f98f2437ebe241e1e5f GIT binary patch literal 1562 zcmV+#2IcvQP)L3QY5yd$)VIqku=!7ud#IL=XrO;0{vS zLOw9DH4N#I$gQC52-kE@O#ctWp?u8?0yQ!g>;~?WSPwBPQdtuECNaJD6}@*{r=Yb6 zNWw+5IVRC~yA9U}T(FqpYh1!H&IFX!rbPP=b%-{fgsy+au1;2&zya0;Y>05vu!~=i zh-a{jRRPmycuenj3VX55Hqs)+5xKY}tO!U}7t#lNO1lx(0U=}Ki4C_7P?7XXy6Z1k z7x5VG0nlfb9#fIh7N}$0sg8B)i$I?&@dPC)C7^cM7qoj9o56sTI4tARg$2~&y+m^x zin4G^eNa@yLIQ5Ec!t6vt}I{+#4{8UaU}s;B%Wbq5m)QRs0JfMdytK!?rAJ!setq* zPp~?ztzN*T)$`gt$s3aH~AXBbT>2>5~vxchnWaFGkM>$Y7y zW?Sd^bD1lkbX`?3?odQ|dGlNsPM_m7+STf=LZV$cGh8rZffW0iT+j1KNCR0jg_Dd0 zwy?uo6mC%VCav&h=H-zdV)V^N5wP;eC$1s8D>iTLS1N3 z7WmfVfDl{KPKiD{yShIsWbq>2Q3CpO->nLTo<;G}HR+^)sYeT}BB0+mD2*=Az8s>X zC?RXd7U;KF`euOAR5{lUQ6RGqpKx~Ze~H`q_#EGv$p~TKJ#}Lt{yaxv_?$Ar+a$mp zcHv$4=2gE~ddA1T>ccxJTVNBa&TL7m=C~a9_*mc8r;q}MXaX$Wk9)vxC-a45!G1pj ze%kk4OvoUp0+XVNaR1Qs^H?zdE$&>JE8v8p8`rK(29x8Cj2-g9X^AotjZ`oa4+hx@{ zKpgP&P`IK>wb>SKKf@r!H@yutig~+bEFnxe=?nxH)-`a3VBTlQoY`^%mfx`lUUDI_4%E&Y_G z@U0!XdvgFd9#5{9K^gIw!WK9QWh>mxImUX!CA?nQm47P<$dF6(0u}4H!pBfA2U_WF z^~wS=GA{BmDeJS+N6e|JjU_;>2x!pO*z84UDLq}5T@=BpfQIxLdi2gbtvp0CP=(?^ zF867*K;lF|M!R+7*&>|@XK*IqBqZiT9Utph?0`j!Nwjl4(&&_01T^TWwUHL{K5YIN z0gu(Hn*%oQ#|ZM!g5H%gMg#2XpTjWom#4c$$#^T|{;&GES_PZt9oM+P@V}1?6951J M07*qoM6N<$f|JYZ&Hw-a literal 0 HcmV?d00001 diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue index fdd0b35..f365100 100644 --- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue +++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue @@ -13,6 +13,7 @@ import { useUserStore } from '@/stores'; import icon1 from '@/assets/img/creative-generation-workshop/icon-line.png'; import icon2 from '@/assets/img/creative-generation-workshop/icon-avatar-default.png'; import icon3 from '@/assets/img/error-img.png'; +import icon4 from '@/assets/img/creative-generation-workshop/icon-avatar-default-v2.png'; const _iconMap = new Map([ // [3, { icon: }], @@ -29,7 +30,7 @@ export default { }, dataSource: { type: Object, - default: () => { }, + default: () => {}, }, }, emits: ['toggle', 'updateComment', 'deleteComment'], @@ -55,17 +56,17 @@ export default { const onReplay = (item) => { isReplay.value = true; replayTarget.value = item; + textAreaRef.value.focus(); }; const onComment = async () => { - console.log(textAreaRef.value.focus()); const { code, data } = await postShareWorksComments(props.dataSource.id, route.params.shareCode, { content: comment.value, comment_id: replayTarget.value.id, }); if (code === 200) { emit('updateComment'); - comment.value = ''; + onClearComment(); textAreaRef.value.focus(); } }; @@ -110,7 +111,7 @@ export default {
{isReplay.value && ( -
+
回复 @@ -163,7 +164,7 @@ export default { {props.dataSource.comments?.map((item) => (
{ if (isEmpty(aiReview.value)) return null; - const hasInspectionItems = inspectionItems.value.length > 0 + const hasInspectionItems = inspectionItems.value.length > 0; return ( <>

审核结果

- { - hasInspectionItems && ( - - ) - } - + {hasInspectionItems && ( + + )}
{RESULT_LIST.map((item, index) => (
- {`${aiReview.value?.[item.value]}${item.suffix || '' - }`}{' '} + {`${aiReview.value?.[item.value]}${ + item.suffix || '' + }`}{' '} {item.label}
))}
- {hasInspectionItems && ( - inspectionItems.value.map(( (parentItem, parentIndex) => ( + {hasInspectionItems && + inspectionItems.value.map((parentItem, parentIndex) => (
-

{parentItem.name}

-
- {parentItem.items.map((item, index) => ( -
-
- {_iconMap.get(item.level)?.icon} - +

{parentItem.name}

+
+ {parentItem.items.map((item, index) => ( +
+
+ {_iconMap.get(item.level)?.icon} + +
-
- ))} + ))} +
-
- ))) - - )} + ))}
); @@ -300,7 +297,7 @@ export default { /> {/**主体 */} -
+
{/* AI审核结果 */} {renderAiSuggest()} {/* 评论与回复 */} diff --git a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss index 3a18bef..7c08870 100644 --- a/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss +++ b/src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss @@ -36,6 +36,10 @@ background-color: #fff; color: #211f24 !important; transition: all 0.3s; + .arco-textarea-mirror, + .arco-textarea { + padding: 8px 16px !important; + } &:hover { border-color: #6d4cfe !important; } @@ -87,7 +91,27 @@ &:not(:last-child) { margin-bottom: 8px; } + &:hover { + border-radius: 8px; + background: rgba(255, 255, 255, 0.8); + } } } } + .main-box { + scrollbar-width: none; + -ms-overflow-style: none; + &::-webkit-scrollbar { + width: 0; + height: 0; + background: transparent; + } + &::-webkit-scrollbar-thumb { + background-color: transparent; + border: none; + } + &::-webkit-scrollbar-track { + background: transparent; + } + } } diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue index e616221..dd41e50 100644 --- a/src/views/creative-generation-workshop/explore/detail/index.vue +++ b/src/views/creative-generation-workshop/explore/detail/index.vue @@ -213,7 +213,7 @@ export default {