diff --git a/src/assets/img/media-account/icon-dy.png b/src/assets/img/media-account/icon-dy.png deleted file mode 100644 index 0323b26..0000000 Binary files a/src/assets/img/media-account/icon-dy.png and /dev/null differ diff --git a/src/assets/img/media-account/icon-xhs.png b/src/assets/img/media-account/icon-xhs.png deleted file mode 100644 index c66ac71..0000000 Binary files a/src/assets/img/media-account/icon-xhs.png and /dev/null differ diff --git a/src/assets/img/platform/icon-dy.png b/src/assets/img/platform/icon-dy.png new file mode 100644 index 0000000..7a18a17 Binary files /dev/null and b/src/assets/img/platform/icon-dy.png differ diff --git a/src/assets/img/platform/icon-xhs.png b/src/assets/img/platform/icon-xhs.png new file mode 100644 index 0000000..ca4061a Binary files /dev/null and b/src/assets/img/platform/icon-xhs.png differ diff --git a/src/utils/platform.ts b/src/utils/platform.ts index 9a3c0d3..03f39c8 100644 --- a/src/utils/platform.ts +++ b/src/utils/platform.ts @@ -1,8 +1,8 @@ import icon1 from '@/assets/img/media-account/icon-jl.png'; import icon2 from '@/assets/img/media-account/icon-jg.png'; import icon3 from '@/assets/img/media-account/icon-bili.png'; -import icon4 from '@/assets/img/media-account/icon-dy.png'; -import icon5 from '@/assets/img/media-account/icon-xhs.png'; +import icon4 from '@/assets/img/platform/icon-dy.png'; +import icon5 from '@/assets/img/platform/icon-xhs.png'; // 投放账户 export enum ENUM_PUT_ACCOUNT_PLATFORM { 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 53b603b..fdd0b35 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 @@ -45,7 +45,7 @@ export default { const textAreaRef = ref(null); const aiReview = computed(() => props.dataSource.ai_review); - const violationItems = computed(() => props.dataSource?.ai_review?.violation_items ?? []); + const inspectionItems = computed(() => props.dataSource?.ai_review?.inspection_items ?? []); const closeReplay = () => { isReplay.value = false; @@ -212,7 +212,7 @@ export default { const renderAiSuggest = () => { if (isEmpty(aiReview.value)) return null; - const hasViolationItems = violationItems.value.length > 0 + const hasInspectionItems = inspectionItems.value.length > 0 return ( <> @@ -220,7 +220,7 @@ export default {

审核结果

{ - hasViolationItems && ( + hasInspectionItems && (
- {hasViolationItems && ( -
-

敏感词检测

+ {hasInspectionItems && ( + inspectionItems.value.map(( (parentItem, parentIndex) => ( +
+

{parentItem.name}

- {violationItems.value.map((item, index) => ( + {parentItem.items.map((item, index) => (
- {_iconMap.get(item.risk_level)?.icon} - + {_iconMap.get(item.level)?.icon} +
))}
+ ))) + )}
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 51e2f79..3a18bef 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 @@ -49,7 +49,7 @@ .result-item { .s1 { color: var(--Brand-6, #6d4cfe); - font-family: $font-family-manrope-regular; + font-family: $font-family-manrope-medium; font-size: 24px; font-style: normal; font-weight: 700; diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts index b580c4a..cfd4e69 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts +++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts @@ -217,8 +217,8 @@ export const INITIAL_QUERY = { sort_order: undefined, }; -import icon1 from '@/assets/img/media-account/icon-dy.png'; -import icon2 from '@/assets/img/media-account/icon-xhs.png'; +import icon1 from '@/assets/img/platform/icon-dy.png'; +import icon2 from '@/assets/img/platform/icon-xhs.png'; export const PLATFORMS = [ { diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue index fa0040b..78dc722 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue @@ -5,11 +5,16 @@ import TextOverTips from '@/components/text-over-tips'; import icon1 from '@/assets/img/error-img.png'; export default { + emits: ['cardClick'], setup(props, { emit, expose }) { const visible = ref(false); const dataSource = ref([]); const selectCardInfo = ref({}); + const handleCardClick = (item) => { + emit('cardClick', item); + onClose(); + }; const open = (data, _selectCardInfo) => { dataSource.value = data; selectCardInfo.value = _selectCardInfo; @@ -32,22 +37,24 @@ export default { class="check-list-drawer-xt" footer={false} header={false} + onCancel={onClose} >
批量审核列表 - {`共${dataSource.value.length}个`} + {`共${dataSource.value.length}个`}
{dataSource.value.map((item) => (
handleCardClick(item)} class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${ selectCardInfo.value.id === item.id ? 'active' : '' }`} - key={item.id} >
- -

{`合规程度：${90}%`}

+ +

{`合规程度：${ + item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-' + }`}

))} diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss index 943ca06..e32fa77 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss +++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss @@ -1,30 +1,44 @@ .check-list-drawer-xt { - .arco-drawer-body { - overflow: hidden; - display: flex; - flex-direction: column; - padding: 0 0 24px; - .cts { - color: var(--Text-1, #939499); + .arco-drawer-mask { + background-color: transparent; + } + .arco-drawer { + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); + .arco-drawer-body { + overflow: hidden; + display: flex; + flex-direction: column; + padding: 0 0 24px; + .cts { + color: var(--Text-1, #939499); - font-family: $font-family-regular; - font-size: 16px; - font-style: normal; - font-weight: 400; - line-height: 24px; - &.bold { - color: var(--Text-1, #211f24); - font-family: $font-family-medium; + font-family: $font-family-regular; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 24px; + &.bold { + color: var(--Text-1, #211f24); + font-family: $font-family-medium; + } } - } - .card-item { - border: 1px solid transparent; - &:not(:last-child) { - margin-bottom: 12px; - } - &.active { - border-color: #6d4cfe; - background-color: #f0edff; + .card-item { + cursor: pointer; + border: 1px solid transparent; + transition: all; + &:hover { + background-color: #e6e6e8; + } + &:not(:last-child) { + margin-bottom: 12px; + } + &.active { + border-color: #6d4cfe; + background-color: #f0edff; + :deep(.overflow-text) { + font-family: $font-family-medium !important; + } + } } } } diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts index 791942f..0dbe0da 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts +++ b/src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts @@ -41,7 +41,7 @@ export const RESULT_LIST = [ }, { label: '检验项', - value: 'inspection_items', + value: 'inspection_count', color: '#211F24', }, { 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 7a0f169..bf16e40 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 @@ -193,7 +193,7 @@ export default { 再次审核 {isTextTab.value ? ( -
)} @@ -244,7 +243,7 @@ export default { - + ); }, diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/style.scss b/src/views/creative-generation-workshop/manuscript-writer/check/style.scss index 2a6deb1..8bebfe0 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/style.scss +++ b/src/views/creative-generation-workshop/manuscript-writer/check/style.scss @@ -27,6 +27,12 @@ $footer-height: 68px; position: absolute; right: 0; top: calc($navbar-height + 8px); + &:hover { + .icon, + .cts { + color: #6d4cfe !important; + } + } } } .footer-row { diff --git a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts index e21d395..686e838 100644 --- a/src/views/creative-generation-workshop/manuscript/check-list/constants.ts +++ b/src/views/creative-generation-workshop/manuscript/check-list/constants.ts @@ -227,8 +227,8 @@ export const INITIAL_QUERY = { sort_order: undefined, }; -import icon1 from '@/assets/img/media-account/icon-dy.png'; -import icon2 from '@/assets/img/media-account/icon-xhs.png'; +import icon1 from '@/assets/img/platform/icon-dy.png'; +import icon2 from '@/assets/img/platform/icon-xhs.png'; export const PLATFORMS = [ { diff --git a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue index fa0040b..23d48f9 100644 --- a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue +++ b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue @@ -5,11 +5,16 @@ import TextOverTips from '@/components/text-over-tips'; import icon1 from '@/assets/img/error-img.png'; export default { + emits: ['cardClick'], setup(props, { emit, expose }) { const visible = ref(false); const dataSource = ref([]); const selectCardInfo = ref({}); + const handleCardClick = (item) => { + emit('cardClick', item); + onClose(); + }; const open = (data, _selectCardInfo) => { dataSource.value = data; selectCardInfo.value = _selectCardInfo; @@ -32,22 +37,24 @@ export default { class="check-list-drawer-xt" footer={false} header={false} + onCancel={onClose} >
批量审核列表 - {`共${dataSource.value.length}个`} + {`共${dataSource.value.length}个`}
{dataSource.value.map((item) => (
handleCardClick(item)} + key={item.id} class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${ selectCardInfo.value.id === item.id ? 'active' : '' }`} - key={item.id} >
- -

{`合规程度：${90}%`}

+ +

{`合规程度：${ + item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-' + }`}

))} diff --git a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss index 943ca06..e32fa77 100644 --- a/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss +++ b/src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss @@ -1,30 +1,44 @@ .check-list-drawer-xt { - .arco-drawer-body { - overflow: hidden; - display: flex; - flex-direction: column; - padding: 0 0 24px; - .cts { - color: var(--Text-1, #939499); + .arco-drawer-mask { + background-color: transparent; + } + .arco-drawer { + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); + .arco-drawer-body { + overflow: hidden; + display: flex; + flex-direction: column; + padding: 0 0 24px; + .cts { + color: var(--Text-1, #939499); - font-family: $font-family-regular; - font-size: 16px; - font-style: normal; - font-weight: 400; - line-height: 24px; - &.bold { - color: var(--Text-1, #211f24); - font-family: $font-family-medium; + font-family: $font-family-regular; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 24px; + &.bold { + color: var(--Text-1, #211f24); + font-family: $font-family-medium; + } } - } - .card-item { - border: 1px solid transparent; - &:not(:last-child) { - margin-bottom: 12px; - } - &.active { - border-color: #6d4cfe; - background-color: #f0edff; + .card-item { + cursor: pointer; + border: 1px solid transparent; + transition: all; + &:hover { + background-color: #e6e6e8; + } + &:not(:last-child) { + margin-bottom: 12px; + } + &.active { + border-color: #6d4cfe; + background-color: #f0edff; + :deep(.overflow-text) { + font-family: $font-family-medium !important; + } + } } } } diff --git a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts index 791942f..0dbe0da 100644 --- a/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts +++ b/src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts @@ -41,7 +41,7 @@ export const RESULT_LIST = [ }, { label: '检验项', - value: 'inspection_items', + value: 'inspection_count', color: '#211F24', }, { 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 bf90496..aaa3564 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 @@ -194,7 +194,7 @@ export default { 再次审核 {isTextTab.value ? ( -
)} @@ -244,7 +244,7 @@ export default { - + ); }, diff --git a/src/views/creative-generation-workshop/manuscript/check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss index 2a6deb1..8bebfe0 100644 --- a/src/views/creative-generation-workshop/manuscript/check/style.scss +++ b/src/views/creative-generation-workshop/manuscript/check/style.scss @@ -27,6 +27,12 @@ $footer-height: 68px; position: absolute; right: 0; top: calc($navbar-height + 8px); + &:hover { + .icon, + .cts { + color: #6d4cfe !important; + } + } } } .footer-row { diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue index 6b7f3f2..bda7b79 100644 --- a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue +++ b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue @@ -143,8 +143,8 @@ import icon1 from '@/assets/img/media-account/icon5.png'; import icon2 from '@/assets/img/media-account/icon-warn.png'; import icon3 from '@/assets/img/media-account/icon-warn-1.png'; import icon4 from '@/assets/img/media-account/icon-success.png'; -import icon5 from '@/assets/img/media-account/icon-dy.png'; -import icon6 from '@/assets/img/media-account/icon-xhs.png'; +import icon5 from '@/assets/img/platform/icon-dy.png'; +import icon6 from '@/assets/img/platform/icon-xhs.png'; const route = useRoute(); const id = route.params.id; diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue index 10ae923..50256a4 100644 --- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue +++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue @@ -157,8 +157,8 @@ import ReauthorizeAccountModal from '../reauthorize-account-modal'; import AuthorizedAccountModal from '../authorized-account-modal'; import FooterBtn from './footer-btn'; -import icon1 from '@/assets/img/media-account/icon-dy.png'; -import icon2 from '@/assets/img/media-account/icon-xhs.png'; +import icon1 from '@/assets/img/platform/icon-dy.png'; +import icon2 from '@/assets/img/platform/icon-xhs.png'; import icon3 from '@/assets/img/media-account/icon-warn.png'; import icon4 from '@/assets/img/media-account/icon-sph.png'; const props = defineProps({ diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue index 6517de1..1a531cc 100644 --- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue +++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue @@ -41,8 +41,8 @@ import { import icon1 from '@/assets/img/media-account/icon-download.png'; import icon2 from '@/assets/img/media-account/icon-delete.png'; -import icon3 from '@/assets/img/media-account/icon-dy.png'; -import icon4 from '@/assets/img/media-account/icon-xhs.png'; +import icon3 from '@/assets/img/platform/icon-dy.png'; +import icon4 from '@/assets/img/platform/icon-xhs.png'; import icon5 from '@/assets/img/media-account/icon-sph.png'; // import icon5 from '@/assets/img/media-account/icon-warn-1.png'; // import icon6 from '@/assets/img/media-account/icon-success.png';