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 0000000..d3ed337 Binary files /dev/null and b/src/assets/img/creative-generation-workshop/icon-avatar-default-v2.png differ 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 {