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/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 9258bc2..0ac30bd 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 @@ -12,10 +12,12 @@ import { TabPane, Message as AMessage, } from '@arco-design/web-vue'; +import TextOverTips from '@/components/text-over-tips'; 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'; export default { props: { @@ -132,21 +134,24 @@ export default { '严禁提及 “孕妇能吃”,明确标注不适宜人群;', '“进口纯天然” 需有依据,避免绝对化,可改为 “选用进口原料,成分温和”;', '去掉 “当糖吃” 等误导性表述,强调正常食用量。', - ] + ]; const forbidWords = [ { label: '纯天然', - desc: '涉嫌虚假内容相关词语' + desc: '涉嫌虚假内容相关词语', + level: 1, }, { label: '安全', - desc: '涉嫌绝对化承诺保证' + desc: '涉嫌绝对化承诺保证', + level: 2, }, { label: '副作用', - desc: '涉嫌夸大词语' + desc: '涉嫌夸大词语', + level: 3, }, - ] + ]; return () => { return (
@@ -172,15 +177,30 @@ export default { ))}
- - { - descs.map((item, index) => ( -

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

- )) - } +
+ AI 审核建议 + +
+ {descs.map((item, index) => ( +

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

+ ))}
- +
+
+

违禁词

+ {forbidWords.map((item, index) => ( +

+ {item.label} +

+ ))} +
+
+

解释

+ {forbidWords.map((item, index) => ( + + ))} +
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 c456489..e389c79 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 @@ -83,8 +83,37 @@ } } } - .forbid-word-box{ - + .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 { + .level1 { + color: #6d4cfe; + } + .level2 { + color: #f64b31; + } + .level3 { + color: #ffae00; + } } } }