renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main' into feature/v1.3_主agent_rxd

Browse Source 
# Conflicts:
#	src/styles/lib/reset.scss
#	src/views/creative-generation-workshop/explore/detail/index.vue
#	src/views/creative-generation-workshop/explore/detail/style.scss
#	src/views/creative-generation-workshop/explore/list/index.vue
#	src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
#	src/views/creative-generation-workshop/manuscript/detail/index.vue
This commit is contained in:
rd
2025-08-15 17:43:43 +08:00
parent ca53964cfb 8917b549a5
commit b0b9399685
72 changed files with 750 additions and 461 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
.drone.yml
View File

@ -3,40 +3,48 @@ type: docker
name: build-deploy
clone:
depth: 1 # ✅ 只拉取最近一次 commit，显著加快 clone 速度
depth: 1
trigger:
event:
- push
- custom
branch:
- master
- test
- feature/ldb_build
event: [ push, custom ]
branch: [ master, test, feature/ldb_build ]
steps:
- name: install & build
image: node:23.9.0
image: node:22-bullseye-slim
environment:
# 统一走镜像，避免 npmjs 超时
NPM_CONFIG_REGISTRY: https://registry.npmmirror.com
PNPM_REGISTRY: https://registry.npmmirror.com
# 提高容错
PNPM_FETCH_RETRIES: "5"
PNPM_FETCH_RETRY_MINTIMEOUT: "2000"
PNPM_FETCH_RETRY_MAXTIMEOUT: "60000"
PNPM_FETCH_TIMEOUT: "600000"
CI: "true"
# 固定 pnpm store 到缓存卷
PNPM_STORE_DIR: /cache/pnpm
volumes:
- name: build-output
path: /runner/builds
- name: pnpm-store-cache
path: /cache
commands:
- node -v && npm -v
- corepack enable
- corepack prepare pnpm@8.15.5 --activate
- pnpm install
- corepack prepare pnpm@10.13.1 --activate
# 关键：先把所有包拉进本地 store（不执行 postinstall）
- pnpm fetch
# 离线优先安装：命中 store 就不走网络；锁住 lockfile
- pnpm install --frozen-lockfile --prefer-offline
- mkdir -p /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}
- |
case "${DRONE_BRANCH}" in
feature/ldb_build | test)
pnpm run build:test
;;
master)
pnpm run build:prod
;;
*)
echo "❌ 未配置此分支的构建规则: ${DRONE_BRANCH}"
exit 1
;;
feature/ldb_build|test) pnpm run build:test ;;
master) pnpm run build:prod ;;
*) echo "❌ 未配置此分支的构建规则: ${DRONE_BRANCH}"; exit 1 ;;
esac
- rm -rf /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}/*
- cp -r dist/* /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}/
@ -44,12 +52,8 @@ steps:
- name: deploy to spug
image: curlimages/curl
when:
status:
- success
branch:
- feature/ldb_build
- test
- master
status: [ success ]
branch: [ feature/ldb_build, test, master ]
environment:
SPUG_DEPLOY_URL:
from_secret: spug_deploy_lingji_work_fe_url
@ -59,38 +63,35 @@ steps:
- |
echo "🚀 部署到 Spug: 分支 ${DRONE_BRANCH}"
curl -X POST "$SPUG_DEPLOY_URL?name=${DRONE_BRANCH}&token=$SPUG_DEPLOY_TOKEN" \
-H "Content-Type: application/json" \
-d '{
"ref": "refs/heads/'"${DRONE_BRANCH}"'",
"before": "'"${DRONE_COMMIT_BEFORE}"'",
"after": "'"${DRONE_COMMIT_SHA}"'",
"commits": [
{
"message": "发布'"${DRONE_BRANCH}：${DRONE_COMMIT_SHA}"'"
}
]
}'
-H "Content-Type: application/json" \
-d '{
"ref": "refs/heads/'"${DRONE_BRANCH}"'",
"before": "'"${DRONE_COMMIT_BEFORE}"'",
"after": "'"${DRONE_COMMIT_SHA}"'",
"commits": [{"message": "发布'"${DRONE_BRANCH}：${DRONE_COMMIT_SHA}"'"}]
}'
- name: notify feishu on failure
image: curlimages/curl
when:
status:
- failure
status: [ failure ]
environment:
FEISHU_WEBHOOK:
from_secret: feishu_webhook_url
commands:
- |
curl -X POST "$FEISHU_WEBHOOK" \
-H "Content-Type: application/json" \
-d '{
"msg_type": "text",
"content": {
"text": "❌ Drone-CI 执行失败 ❗️\n项目: '${DRONE_REPO_NAME}'\n分支: '${DRONE_BRANCH}'\n提交: '${DRONE_COMMIT_SHA:0:8}'"
}
}'
-H "Content-Type: application/json" \
-d '{
"msg_type": "text",
"content": { "text": "❌ Drone-CI 执行失败 ❗️\n项目: '${DRONE_REPO_NAME}'\n分支: '${DRONE_BRANCH}'\n提交: '${DRONE_COMMIT_SHA:0:8}'" }
}'
volumes:
- name: build-output
host:
path: /www/dk_project/dk_compose/spug/data/repos/build/drone-runner/builds
path: /www/dk_project/dk_compose/spug/data/repos/build/drone-runner/builds
- name: pnpm-store-cache
host:
# 建议为 pnpm store 单独准备一个可持久化目录
path: /www/dk_project/dk_compose/spug/cache/pnpm-store

16
pnpm-lock.yaml generated
View File

@ -49,7 +49,7 @@ importers:
version: 4.17.21
marked:
specifier: ^16.1.1
version: 16.1.1
version: 16.1.2
mitt:
specifier: ^3.0.0
version: 3.0.0
@ -650,36 +650,42 @@ packages:
engines: {node: '>= 10.0.0'}
cpu: [arm]
os: [linux]
libc: [glibc]
'@parcel/watcher-linux-arm-musl@2.5.1':
resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
engines: {node: '>= 10.0.0'}
cpu: [arm]
os: [linux]
libc: [musl]
'@parcel/watcher-linux-arm64-glibc@2.5.1':
resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [linux]
libc: [glibc]
'@parcel/watcher-linux-arm64-musl@2.5.1':
resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [linux]
libc: [musl]
'@parcel/watcher-linux-x64-glibc@2.5.1':
resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [linux]
libc: [glibc]
'@parcel/watcher-linux-x64-musl@2.5.1':
resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [linux]
libc: [musl]
'@parcel/watcher-win32-arm64@2.5.1':
resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
@ -3696,6 +3702,11 @@ packages:
resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
engines: {node: '>=0.10.0'}
marked@16.1.2:
resolution: {integrity: sha512-rNQt5EvRinalby7zJZu/mB+BvaAY2oz3wCuCjt1RDrWNpS1Pdf9xqMOeC9Hm5adBdcV/3XZPJpG58eT+WBc0XQ==}
engines: {node: '>= 20'}
hasBin: true
match-file@0.2.2:
resolution: {integrity: sha512-BDEZIcrBSnooL0zC72Yt3z1HhJiCq+2pMnHKVDeYN/cilCrz3KrpqKPm4ZOfWCoDolRl4QyKQpfRlQWF6PqnjQ==}
engines: {node: '>=0.10.0'}
@ -8080,7 +8091,6 @@ snapshots:
dompurify@3.2.6:
optionalDependencies:
'@types/trusted-types': 2.0.7
optional: true
domutils@1.7.0:
dependencies:
@ -10070,6 +10080,8 @@ snapshots:
dependencies:
object-visit: 1.0.1
marked@16.1.2: {}
match-file@0.2.2:
dependencies:
is-glob: 3.1.0

BIN
src/assets/img/creative-generation-workshop/icon-avatar-default-v2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/assets/img/media-account/icon-dy.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/img/media-account/icon-xhs.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
src/assets/img/platform/icon-dy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/assets/img/platform/icon-xhs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 656 B

56
src/components/hover-image-preview/index.vue
View File

@ -12,7 +12,7 @@
:disabled="!props.src"
>
<template #content>
<div class="preview-container" :style="containerStyle">
<div class="preview-container">
<img :src="props.src" alt="preview" class="preview-image" />
</div>
</template>
@ -22,9 +22,9 @@
</template>
<script lang="ts" setup>
import { computed, onMounted, ref, watch } from 'vue';
import type { ImageOrientation } from '@/utils/tools';
import { getImageOrientationByUrl } from '@/utils/tools';
// import { computed, onMounted, ref, watch } from 'vue';
// import type { ImageOrientation } from '@/utils/tools';
// import { getImageOrientationByUrl } from '@/utils/tools';
interface Props {
src: string;
@ -39,30 +39,30 @@ const props = withDefaults(defineProps<Props>(), {
leaveDelay: 200,
});
const orientation = ref<ImageOrientation>('landscape');
// const orientation = ref<ImageOrientation>('landscape');
const resolveOrientation = async () => {
if (!props.src) {
orientation.value = 'landscape';
return;
}
const o = await getImageOrientationByUrl(props.src);
orientation.value = o === 'square' ? 'landscape' : o;
};
// const resolveOrientation = async () => {
// if (!props.src) {
// orientation.value = 'landscape';
// return;
// }
// const o = await getImageOrientationByUrl(props.src);
// orientation.value = o === 'square' ? 'landscape' : o;
// };
onMounted(resolveOrientation);
watch(() => props.src, resolveOrientation);
// onMounted(resolveOrientation);
// watch(() => props.src, resolveOrientation);
const containerStyle = computed(() => {
// 竖图: 306x400；横图: 400x251
const isPortrait = orientation.value === 'portrait';
const width = isPortrait ? 306 : 400;
const height = isPortrait ? 400 : 251;
return {
width: `${width}px`,
height: `${height}px`,
} as Record<string, string>;
});
// const containerStyle = computed(() => {
// // 竖图: 306x400；横图: 400x251
// const isPortrait = orientation.value === 'portrait';
// const width = isPortrait ? 306 : 400;
// const height = isPortrait ? 400 : 251;
// return {
// width: `${width}px`,
// height: `${height}px`,
// } as Record<string, string>;
// });
</script>
<style lang="scss">
@ -85,9 +85,9 @@ const containerStyle = computed(() => {
}
.preview-image {
width: 100%;
height: 100%;
object-fit: contain;
max-width: 368px;
max-height: 368px;
object-fit: scale-down;
}
}
</style>

8
src/hooks/useGetAiReviewResult.ts
View File

@ -21,7 +21,7 @@ export default function useGetAiReviewResult({
const checkResult = ref<any>({});
const writerCode = computed(() => route.params.writerCode);
const handleStartCheck = async () => {
checkLoading.value = true;
const { id, platform, content } = cardInfo.value;
@ -36,10 +36,13 @@ export default function useGetAiReviewResult({
startStatusPolling();
}
};
const handleAgainCheck = async () => {
const resetAiReviewInfo = () => {
checkResult.value = {};
ticket.value = '';
clearStatusPollingTimer();
};
const handleAgainCheck = async () => {
resetAiReviewInfo();
handleStartCheck();
};
const startStatusPolling = () => {
@ -76,5 +79,6 @@ export default function useGetAiReviewResult({
checkResult,
checkLoading,
ticket,
resetAiReviewInfo,
};
}

4
src/router/routes/modules/creativeGenerationWorkshop.ts
View File

@ -118,6 +118,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
locale: '分享链接列表',
requiresAuth: false,
requireLogin: false,
hideFooter: true,
hideSidebar: true,
roles: ['*'],
},
component: () => import('@/views/creative-generation-workshop/explore/list/index.vue'),
@ -129,6 +131,8 @@ const COMPONENTS: AppRouteRecordRaw[] = [
locale: '分享链接详情',
requiresAuth: false,
requireLogin: false,
hideFooter: true,
hideSidebar: true,
roles: ['*'],
},
component: () => import('@/views/creative-generation-workshop/explore/detail/index.vue'),

13
src/styles/components/pagination.scss
View File

@ -3,6 +3,7 @@
.arco-pagination-item {
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
font-family: $font-family-manrope-regular;
&-ellipsis {
border: none;
}
@ -26,9 +27,9 @@
border: 1px solid var(--BG-300, #e6e6e8);
}
&-prepend {
color: var(--Text-2, #3c4043);
color: var(--Text-2, #55585f);
text-align: right;
font-family: $font-family-medium;
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
@ -38,4 +39,12 @@
background-color: transparent;
}
}
.arco-pagination-total {
color: var(--Text-2, #55585f);
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
}

24
src/styles/components/table.scss
View File

@ -1,6 +1,6 @@
.arco-table {
@mixin table-cell-text {
color: var(--Text-1, #3C4043);
color: var(--Text-1, #211F24);
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
@ -22,6 +22,18 @@
@include table-cell-text;
font-family: 'PingFangSC-Medium';
}
.arco-table-sorter {
.arco-table-sorter-icon {
.arco-icon {
color: #939499;
}
&-active {
.arco-icon {
color: $color-primary;
}
}
}
}
}
}
}
@ -40,5 +52,15 @@
}
}
}
.arco-scrollbar {
display: flex;
flex-direction: column;
.arco-table-element {
height: 100%;
}
.arco-scrollbar-container{
flex: 1;
}
}
}
}

4
src/utils/platform.ts
View File

@ -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 {

80
src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue
View File

@ -1,5 +1,5 @@
<script lang="jsx">
import { Image, Spin, Button, Input, Textarea } from '@arco-design/web-vue';
import { Image, Spin, Button, Input, Textarea, Affix } from '@arco-design/web-vue';
import TextOverTips from '@/components/text-over-tips';
import SvgIcon from '@/components/svg-icon/index.vue';
import DeleteCommentModal from './delete-comment-modal.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: <icon-check-circle-fill size={16} class="color-#25C883 flex-shrink-0" /> }],
@ -29,7 +30,7 @@ export default {
},
dataSource: {
type: Object,
default: () => { },
default: () => {},
},
},
emits: ['toggle', 'updateComment', 'deleteComment'],
@ -45,7 +46,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;
@ -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 {
<div class="sticky bottom-0 left-0 w-full z-22 px-24px">
<div class="relative">
{isReplay.value && (
<div class="px-12px pt-8px absolute top-0 left-0 z-2 mb-8px w-full">
<div class="px-8px pt-8px absolute top-0 left-0 z-2 mb-8px w-full">
<div class="rounded-4px bg-#F2F3F5 h-30px px-8px flex justify-between items-center ">
<div class="flex items-center mr-12px flex-1 overflow-hidden">
<span class="mr-4px cts !color-#737478 flex-shrink-0">回复</span>
@ -163,7 +164,7 @@ export default {
{props.dataSource.comments?.map((item) => (
<div class="comment-item flex px-12px py-8px group" key={item.id}>
<Image
src={item.commenter_id === 0 ? icon2 : item.commenter?.head_image}
src={item.commenter_id === 0 ? icon2 : item.commenter?.head_image || icon4}
width={40}
height={40}
preview={false}
@ -174,7 +175,7 @@ export default {
}}
/>
<div class="flex flex-col flex-1 overflow-hidden">
<div class="flex flex-col flex-1 ">
<div class="flex justify-between">
<p class="mb-4px">
<span class="cts !color-#211F24 mr-8px">{getCommentName(item)}</span>
@ -200,7 +201,7 @@ export default {
/>
</div>
)}
<p class="cts !color-#211F24">{item.content}</p>
<p class="cts !color-#211F24 break-all">{item.content}</p>
</div>
</div>
))}
@ -212,52 +213,51 @@ export default {
const renderAiSuggest = () => {
if (isEmpty(aiReview.value)) return null;
const hasViolationItems = violationItems.value.length > 0
const hasInspectionItems = inspectionItems.value.length > 0;
return (
<>
<div class="result-box p-16px rounded-8px">
<div class="flex items-center justify-between mb-16px">
<p class="cts bold !color-#000 !text-16px">审核结果</p>
{
hasViolationItems && (
<Button
type="text"
class="!color-#6D4CFE hover:!color-#8A70FE"
onClick={() => (isCollapse.value = !isCollapse.value)}
>
{isCollapse.value ? '展开详情' : '收起详情'}
</Button>
)
}
{hasInspectionItems && (
<Button
type="text"
class="!color-#6D4CFE hover:!color-#8A70FE"
onClick={() => (isCollapse.value = !isCollapse.value)}
>
{isCollapse.value ? '展开详情' : '收起详情'}
</Button>
)}
</div>
<div class="flex items-center">
{RESULT_LIST.map((item, index) => (
<div class="flex flex-col justify-center items-center flex-1 result-item" key={index}>
<span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value]}${item.suffix || ''
}`}</span>{' '}
<span class="s1" style={{ color: item.color }}>{`${aiReview.value?.[item.value]}${
item.suffix || ''
}`}</span>{' '}
<span class="cts mt-4px !lh-20px !text-12px !color-#737478">{item.label}</span>
</div>
))}
</div>
</div>
<div class={`collapse-box mb-16px overflow-hidden ${isCollapse.value ? 'h-0 ' : 'h-auto'}`}>
{hasViolationItems && (
<div class="result-box p-16px rounded-8px mt-16px">
<p class="cts bold !color-#000 !text-16px mb-16px">敏感词检测</p>
<div class="grid grid-cols-3 gap-x-24px gap-y-8px">
{violationItems.value.map((item, index) => (
<div class="audit-item" key={index}>
<div class="flex items-center h-20px">
{_iconMap.get(item.risk_level)?.icon}
<TextOverTips context={item.word} class="cts ml-4px !color-#000" />
{hasInspectionItems &&
inspectionItems.value.map((parentItem, parentIndex) => (
<div class="result-box p-16px rounded-8px mt-16px" key={parentIndex}>
<p class="cts bold !color-#000 !text-16px mb-16px">{parentItem.name}</p>
<div class="grid grid-cols-3 gap-x-24px gap-y-8px">
{parentItem.items.map((item, index) => (
<div class="audit-item" key={index}>
<div class="flex items-center h-20px">
{_iconMap.get(item.level)?.icon}
<TextOverTips context={item.name} class="cts ml-4px !color-#000" />
</div>
</div>
</div>
))}
))}
</div>
</div>
</div>
)}
))}
</div>
</>
);
@ -281,11 +281,11 @@ export default {
};
return () => (
<section class="py-16px absolute right-16px w-440px h-full overflow-hidden">
<section class="ai-suggest-wrap py-16px fixed z-3 right-16px w-440px h-full overflow-hidden">
<div class="ai-suggest-box relative py-24px flex flex-col">
{!isEmpty(aiReview.value) && (
<div class="relative w-fit ml-24px mb-16px">
<span class="ai-text">AI 智能审核</span>
<span class="ai-text relative z-2">AI 智能审核</span>
<img src={icon1} class="w-80px h-10.8px absolute bottom-1px left--9px" />
</div>
)}
@ -297,7 +297,7 @@ export default {
/>
{/**主体 */}
<div class="flex-1 overflow-y-auto px-24px">
<div class="flex-1 overflow-y-auto px-24px main-box">
{/* AI审核结果 */}
{renderAiSuggest()}
{/* 评论与回复 */}

190
src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss
View File

@ -1,92 +1,120 @@
.ai-suggest-box {
width: 440px;
height: fit-content;
max-height: 100%;
border-radius: 16px;
background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
.cts {
color: #939499;
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
&.bold {
.ai-suggest-wrap {
top: $navbar-height;
height: calc(100% - ($navbar-height + 12px));
.ai-suggest-box {
width: 440px;
height: fit-content;
max-height: 100%;
border-radius: 16px;
background: linear-gradient(126deg, #eef2fd 8.36%, #f5ebfe 49.44%, #fdebf3 90.52%);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
.cts {
color: #939499;
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
&.bold {
font-family: $font-family-medium;
}
}
.ai-text {
font-family: $font-family-medium;
}
}
.ai-text {
font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
:deep(.arco-textarea-wrapper) {
min-height: 38px;
display: flex;
border-color: transparent !important;
align-items: center;
border-radius: 8px !important;
background-color: #fff;
color: #211f24 !important;
transition: all 0.3s;
&:hover {
border-color: #6d4cfe !important;
}
&.arco-textarea-focus {
border-color: #6d4cfe !important;
}
}
.result-box {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(4px);
.result-item {
.s1 {
color: var(--Brand-6, #6d4cfe);
font-family: $font-family-manrope-regular;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
&:first-child {
position: relative;
&::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 1px;
height: 32px;
background: var(--Border-1, #d7d7d9);
}
}
}
}
.collapse-box {
transition: all 0.3s;
}
.comment-box {
.cm {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.comment-list {
:deep(.arco-textarea-wrapper) {
min-height: 38px;
display: flex;
border-color: transparent !important;
align-items: center;
border-radius: 8px !important;
background-color: #fff;
color: #211f24 !important;
transition: all 0.3s;
.arco-textarea-mirror,
.arco-textarea {
padding: 8px 16px !important;
}
&:hover {
border-color: #6d4cfe !important;
}
&.arco-textarea-focus {
border-color: #6d4cfe !important;
}
}
.result-box {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(4px);
.comment-item {
&:not(:last-child) {
margin-bottom: 8px;
.result-item {
.s1 {
color: var(--Brand-6, #6d4cfe);
font-family: $font-family-manrope-medium;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
&:first-child {
position: relative;
&::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 1px;
height: 32px;
background: var(--Border-1, #d7d7d9);
}
}
}
}
.collapse-box {
transition: all 0.3s;
}
.comment-box {
.cm {
background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.comment-list {
backdrop-filter: blur(4px);
.comment-item {
&: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;
}
}
}

6
src/views/creative-generation-workshop/explore/detail/index.vue
View File

@ -102,7 +102,7 @@ export default {
} else {
return (
<div class="main-img-box mb-16px relative overflow-hidden cursor-pointer">
<img src={coverImageUrl.value} class="w-100% h-100% object-cover absolute z-0 top-0 left-0" />
<img src={coverImageUrl.value} class="w-100% h-100% object-contain" />
</div>
);
}
@ -212,8 +212,8 @@ export default {
return (
<div class="explore-page">
<header class="page-header">
<div class="content w-full px-24px flex items-center justify-between">
<div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
<div class="content w-full px-24px flex items-center bg-#fff justify-between">
<div class="h-full flex items-center">
<img src={icon1} alt="" width="96" height="24"/>
</div>
<div class="flex items-center">{renderActionRow()}</div>

51
src/views/creative-generation-workshop/explore/detail/style.scss
View File

@ -1,13 +1,36 @@
.explore-page {
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: -1;
}
position: relative;
padding-top: $navbar-height;
min-width: 1200px;
height: 100vh;
// background: #fff;
min-height: 100vh;
background: #fff;
display: flex;
flex-direction: column;
.page-header {
.fold-box {
width: 40px;
height: 40px;
border-radius: 30px;
border: 1px solid var(--Border-1, #d7d7d9);
background: #fff;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
position: fixed;
right: 16px;
top: calc($navbar-height + 32px);
display: flex;
justify-content: center;
align-items: center;
}
.page-header {
position: sticky;
left: 0;
right: 0;
top: 0;
@ -45,6 +68,7 @@
}
.page-wrap {
width: calc(100% - 456px);
flex: 1;
display: flex;
justify-content: center;
@ -61,20 +85,7 @@
line-height: 40px; /* 142.857% */
}
}
.fold-box {
width: 40px;
height: 40px;
border-radius: 30px;
border: 1px solid var(--Border-1, #d7d7d9);
background: #fff;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
position: absolute;
right: 16px;
top: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.main-video-box {
width: 320px;
height: 472px;
@ -82,10 +93,10 @@
aspect-ratio: 3 / 4;
}
.main-img-box {
width: 347px;
width: 320px;
height: auto;
max-height: 472px;
background: #fff;
aspect-ratio: 3/4;
}
.desc-img-wrap {
display: grid;

10
src/views/creative-generation-workshop/explore/list/index.vue
View File

@ -44,8 +44,8 @@ export default {
return (
<div class="explore-page">
<header class="page-header">
<div class="content w-full px-24px flex items-center ">
<div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
<div class="content w-full px-24px flex items-center bg-#fff">
<div class="h-full flex items-center">
<img src={icon2} alt="" width="96" height="24" />
</div>
</div>
@ -56,7 +56,11 @@ export default {
) : (
<div class="explore-container">
<div class="explore-list-wrap pt-24px pb-28px">
<TextOverTips context={`${works.value[0]?.title}等${works.value.length}个文件`} class="mb-8px" />
<div class="mb-8px flex items-center w-fit">
<TextOverTips context={`${works.value[0]?.title?.slice(0,10)}...`} class="!w-fit mr-4px" />
<span class="cts color-#211F24">{`等${works.value.length}个文件`}</span>
</div>
{/* <TextOverTips context={`${works.value[0]?.title}等${works.value.length}个文件`} /> */}
<p class="cts !color-#939499 mb-24px">
{`分享时间：${exactFormatTime(dataSource.value.created_at, 'YYYY-MM-DD HH:mm:ss')} 有效期${
dataSource.value.days

2
src/views/creative-generation-workshop/manuscript-writer/check-list/components/filter-block/index.vue
View File

@ -100,7 +100,7 @@
<script setup>
import { defineEmits, defineProps } from 'vue';
import { PLATFORMS, AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
import { PLATFORMS, AuditStatus } from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
const props = defineProps({
query: {

6
src/views/creative-generation-workshop/manuscript-writer/check-list/components/manuscript-check-table/index.vue
View File

@ -6,7 +6,7 @@
column-resizable
:pagination="false"
:scroll="{ x: '100%' }"
class="manuscript-table w-100%"
class="flex-1 manuscript-table w-100%"
bordered
:row-selection="rowSelection"
:selected-row-keys="selectedRowKeys"
@ -118,13 +118,13 @@
<script setup>
import { ref } from 'vue';
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
import { patchWorkAuditsAuditWriter } from '@/api/all/generationWorkshop-writer.ts';
import {
AuditStatus,
CUSTOMER_OPINION,
PLATFORMS,
} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
} from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
import { slsWithCatch } from '@/utils/stroage.ts';
import TextOverTips from '@/components/text-over-tips';

40
src/views/creative-generation-workshop/manuscript-writer/check-list/constants.ts
View File

@ -18,15 +18,15 @@ export const TABLE_COLUMNS1 = [
dataIndex: 'title',
width: 300,
},
{
title: '客户意见',
dataIndex: 'customer_opinion',
width: 220,
},
// {
// title: '客户意见',
// dataIndex: 'customer_opinion',
// width: 120,
// },
{
title: '稿件类型',
dataIndex: 'type',
width: 180,
width: 120,
},
{
title: '上传时间',
@ -71,11 +71,11 @@ export const TABLE_COLUMNS2 = [
dataIndex: 'title',
width: 300,
},
{
title: '客户意见',
dataIndex: 'customer_opinion',
width: 220,
},
// {
// title: '客户意见',
// dataIndex: 'customer_opinion',
// width: 120,
// },
{
title: '审核平台',
dataIndex: 'platform',
@ -90,7 +90,7 @@ export const TABLE_COLUMNS2 = [
{
title: '稿件类型',
dataIndex: 'type',
width: 180,
width: 120,
},
{
title: '审核时间',
@ -140,11 +140,11 @@ export const TABLE_COLUMNS3 = [
dataIndex: 'title',
width: 300,
},
{
title: '客户意见',
dataIndex: 'customer_opinion',
width: 200,
},
// {
// title: '客户意见',
// dataIndex: 'customer_opinion',
// width: 120,
// },
{
title: '审核平台',
dataIndex: 'platform',
@ -153,7 +153,7 @@ export const TABLE_COLUMNS3 = [
{
title: '稿件类型',
dataIndex: 'type',
width: 180,
width: 120,
},
{
title: '通过时间',
@ -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 = [
{

2
src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
View File

@ -49,7 +49,7 @@ import {
INITIAL_QUERY,
AUDIT_STATUS_LIST,
TABLE_COLUMNS1,
} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
} from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
const {
dataSource,

2
src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss
View File

@ -34,7 +34,7 @@
.pagination-box {
display: flex;
width: 100%;
padding: 16px 24px;
padding: 16px 24px 0;
justify-content: flex-end;
align-items: center;
}

25
src/views/creative-generation-workshop/manuscript-writer/check/check-success-modal.vue
View File

@ -10,8 +10,8 @@
<div class="flex items-center flex-col justify-center">
<img :src="icon1" width="80" height="80" class="mb-16px" />
<span class="text-18px lh-26px font-400 color-#211F24 md mb-8px">内容稿件已通过审核</span>
<p class="text-14px lh-22px font-400 color-#737478 ld">想让内容更抓眼球、更吸流量吗？</p>
<p class="text-14px lh-22px font-400 color-#737478 ld">试试「内容稿件分析」功能吧！</p>
<!-- <p class="text-14px lh-22px font-400 color-#737478 ld">想让内容更抓眼球、更吸流量吗？</p>
<p class="text-14px lh-22px font-400 color-#737478 ld">试试「内容稿件分析」功能吧！</p> -->
</div>
<!-- <template #footer>
<a-button type="primary" class="ml-8px" size="medium" @click="onConfirm">内容稿件分析</a-button>
@ -20,15 +20,20 @@
</template>
<script setup>
import { ref } from 'vue';
import { ref, onUnmounted } from 'vue';
import icon1 from '@/assets/img/media-account/icon-feedback-success.png';
const router = useRouter();
const route = useRoute();
const visible = ref(false);
const workIds = ref([]);
let autoCloseTimer = null;
const onClose = () => {
if (autoCloseTimer) {
clearTimeout(autoCloseTimer);
autoCloseTimer = null;
}
if (workIds.value.length === 1) {
router.push({ path: `/writer/manuscript/check-list/${route.params.writerCode}` });
}
@ -39,8 +44,22 @@ const onClose = () => {
const open = (ids) => {
workIds.value = cloneDeep(ids);
visible.value = true;
if (autoCloseTimer) {
clearTimeout(autoCloseTimer);
autoCloseTimer = null;
}
autoCloseTimer = setTimeout(() => {
onClose();
}, 3000);
};
onUnmounted(() => {
if (autoCloseTimer) {
clearTimeout(autoCloseTimer);
autoCloseTimer = null;
}
});
defineExpose({ open });
</script>
<style lang="scss">

17
src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/index.vue
View File

@ -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}
>
<div class="flex justify-between items-center h-56px px-24px">
<div class="flex items-center">
<div class="w-3px h-16px rounded-2px bg-#6D4CFE mr-8px"></div>
<span class="mr-8px cts bold">批量审核列表</span>
<span class="mr-8px cts !lh-22px">{`共${dataSource.value.length}个`}</span>
<span class="mr-8px cts !lh-22px !text-14px">{`共${dataSource.value.length}个`}</span>
</div>
<icon-menu-unfold size={16} class="color-##55585F cursor-pointer hover:color-#6D4CFE" onClick={onClose} />
</div>
<div class="flex-1 overflow-y-auto px-24px">
{dataSource.value.map((item) => (
<div
key={item.id}
onClick={() => handleCardClick(item)}
class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${
selectCardInfo.value.id === item.id ? 'active' : ''
}`}
key={item.id}
>
<Image
width={48}
@ -61,8 +68,10 @@ export default {
}}
/>
<div class="flex-1 overflow-hidden flex flex-col items-start">
<TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
<p class="cts">{`合规程度：${90}%`}</p>
<TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px !text-14px`} />
<p class="cts !text-14px">{`合规程度：${
item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'
}`}</p>
</div>
</div>
))}

62
src/views/creative-generation-workshop/manuscript-writer/check/components/check-list-drawer/style.scss
View File

@ -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;
}
}
}
}
}

2
src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/constants.ts
View File

@ -41,7 +41,7 @@ export const RESULT_LIST = [
},
{
label: '检验项',
value: 'inspection_items',
value: 'inspection_count',
color: '#211F24',
},
{

32
src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/highlight-textarea.vue
View File

@ -1,11 +1,25 @@
<template>
<div class="highlight-textarea-container">
<a-textarea ref="textareaWrapRef" v-model="inputValue" placeholder="请输入作品描述" :disabled="disabled" show-word-limit
:max-length="1000" size="large" class="textarea-input h-full w-full" @input="handleInput"
@focus="() => (focus = true)" @blur="() => (focus = false)" />
<a-textarea
ref="textareaWrapRef"
v-model="inputValue"
placeholder="请输入作品描述"
:disabled="disabled"
show-word-limit
:max-length="1000"
size="large"
class="textarea-input h-full w-full"
@input="handleInput"
@focus="() => (focus = true)"
@blur="() => (focus = false)"
/>
<div class="textarea-highlight" :class="{ focus: focus }" :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
v-html="highlightedHtml" />
<div
class="textarea-highlight"
:class="{ focus: focus }"
:style="{ visibility: inputValue ? 'visible' : 'hidden' }"
v-html="highlightedHtml"
/>
</div>
</template>
@ -97,7 +111,8 @@ const generateHighlightedHtml = (): string => {
};
onMounted(() => {
nativeTextarea = (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
nativeTextarea =
(textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
document.querySelector('.textarea-input .arco-textarea');
if (nativeTextarea) {
@ -158,7 +173,7 @@ const handleCompositionUpdate = () => {
font-weight: 400px;
border: 1px solid #d7d7d9;
border-radius: 4px;
resize: vertical;
resize: none;
white-space: pre-wrap;
word-wrap: break-word;
z-index: inherit;
@ -193,9 +208,8 @@ const handleCompositionUpdate = () => {
background: transparent;
color: transparent;
caret-color: #211f24 !important;
resize: none;
@include textarea-padding;
// -webkit-text-fill-color: transparent !important;
overflow-y: auto;
}

8
src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/index.vue
View File

@ -22,7 +22,7 @@ import 'swiper/css/navigation';
import { Navigation } from 'swiper/modules';
import { FORM_RULES, enumTab, TAB_LIST, RESULT_LIST, LEVEL_MAP, escapeRegExp } from './constants';
import { getImagePreSignedUrl } from '@/api/all/common';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
import icon1 from '@/assets/img/creative-generation-workshop/icon-magic.png';
import icon2 from '@/assets/img/creative-generation-workshop/icon-line.png';
@ -193,7 +193,7 @@ export default {
再次审核
</Button>
{isTextTab.value ? (
<Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={isDisabled.value}>
<Button size="medium" type="outline" class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
{aiReplaceLoading.value ? (
<>
<IconLoading size={14} />
@ -344,7 +344,7 @@ export default {
</div>
<div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
<div class="mb-24px relative w-fit">
<span class="ai-text">AI 审核建议</span>
<span class="ai-text relative z-2">AI 审核建议</span>
<img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
</div>
<div class="flex flex-col items-center h-138px justify-center">
@ -371,7 +371,7 @@ export default {
</div>
<div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
<div class=" mb-8px relative w-fit">
<span class="ai-text">AI 审核建议</span>
<span class="ai-text relative z-2">AI 审核建议</span>
<img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
</div>
{aiReview.value?.suggestion?.map((item, index) => (

17
src/views/creative-generation-workshop/manuscript-writer/check/components/content-card/style.scss
View File

@ -10,11 +10,16 @@
font-family: $font-family-medium;
}
}
.check-text {
background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
.check-btn {
.check-text {
background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
&:hover {
opacity: 0.8;
}
}
.left-box {
:deep(.arco-tabs) {
@ -138,7 +143,7 @@
height: fit-content;
max-height: 100%;
.s1 {
font-family: $font-family-manrope-regular;
font-family: $font-family-manrope-medium;
font-size: 24px;
font-style: normal;
font-weight: 700;

4
src/views/creative-generation-workshop/manuscript-writer/check/components/header-card/index.vue
View File

@ -6,7 +6,7 @@ import TextOverTips from '@/components/text-over-tips';
import 'swiper/css';
import 'swiper/css/navigation';
import { Navigation } from 'swiper/modules';
import { PLATFORMS } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
import { PLATFORMS } from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
import icon1 from '@/assets/img/error-img.png';
import icon2 from '@/assets/img/creative-generation-workshop/icon-lf.png';
@ -64,7 +64,7 @@ export default {
/>
<div class="flex-1 overflow-hidden flex flex-col items-start">
<TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
<p class="cts">{`合规程度：${90}%`}</p>
<p class="cts">{`合规程度：${item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'}`}</p>
</div>
</SwiperSlide>
))}

9
src/views/creative-generation-workshop/manuscript-writer/check/index.vue
View File

@ -37,7 +37,7 @@ export default {
const writerCode = computed(() => route.params.writerCode);
const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
const { handleStartCheck, handleAgainCheck, ticket, checkLoading, resetAiReviewInfo } = useGetAiReviewResult({
cardInfo: selectCardInfo,
startAiReviewFn: postWorkAuditsAiReviewWriter,
getAiReviewResultFn: getWorkAuditsAiReviewResultWriter,
@ -56,13 +56,12 @@ export default {
submitLoading.value = false;
getDataLoading.value = false;
checkLoading.value = false;
ticket.value = '';
resetAiReviewInfo();
const { files = [], ai_review } = item;
selectCardInfo.value = cloneDeep(item);
selectedImageInfo.value = cloneDeep(files?.[0] ?? {});
console.log({ ai_review });
if (isEmpty(ai_review)) {
handleStartCheck();
}
@ -210,7 +209,7 @@ export default {
class="check-list-icon"
onClick={() => checkListDrawerRef.value.open(dataSource.value, selectCardInfo.value)}
>
<icon-menu-fold size={16} class="color-#55585F mr-4px hover:color-#6D4CFE" />
<icon-menu-fold size={16} class="color-#55585F mr-4px icon" />
<span class="cts !color-#211F24">审核列表</span>
</div>
)}
@ -244,7 +243,7 @@ export default {
<CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
<CheckSuccessModal ref={checkSuccessModalRef} />
<CheckListDrawer ref={checkListDrawerRef} />
<CheckListDrawer ref={checkListDrawerRef} onCardClick={onCardClick} />
</>
);
},

6
src/views/creative-generation-workshop/manuscript-writer/check/style.scss
View File

@ -27,6 +27,12 @@ $footer-height: 68px;
position: absolute;
right: 0;
top: calc($navbar-height + 8px);
&:hover {
.icon,
.cts {
color: #6d4cfe !important;
}
}
}
}
.footer-row {

2
src/views/creative-generation-workshop/manuscript-writer/components/edit-form/index.vue
View File

@ -7,7 +7,7 @@ import TextOverTips from '@/components/text-over-tips';
import ImgBox from './img-box';
import { formatFileSize, getVideoInfo, formatDuration, formatUploadSpeed } from '@/utils/tools';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
import { getVideoPreSignedUrlWriter, getImagePreSignedUrlWriter } from '@/api/all/generationWorkshop-writer';
// import icon1 from '@/assets/img/creative-generation-workshop/icon-close.png';

8
src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
View File

@ -2,9 +2,9 @@
import { Button, Message as AMessage, Spin } from '@arco-design/web-vue';
import { useRouter, useRoute } from 'vue-router';
import { AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
import { AuditStatus } from '@/views/creative-generation-workshop/manuscript-writer/check-list/constants';
import { getWorksDetailWriter } from '@/api/all/generationWorkshop-writer.ts';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts';
import { slsWithCatch } from '@/utils/stroage.ts';
@ -81,7 +81,7 @@ export default {
} else {
return (
<div class="main-img-box mb-16px relative overflow-hidden cursor-pointer">
<img src={coverImageUrl.value} class="w-100% h-100% object-contain absolute z-0 top-0 left-0" />
<img src={coverImageUrl.value} class="w-100% h-100% object-contain" />
</div>
);
}
@ -154,7 +154,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">内容稿件详情</span>
</div>
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px py-32px">
<div class="flex-1 bg-#fff rounded-8px py-32px">
<div class="w-684px mx-auto flex flex-col items-center">
<div class="flex justify-start flex-col w-full">
<p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

3
src/views/creative-generation-workshop/manuscript-writer/detail/style.scss
View File

@ -2,6 +2,7 @@ $footer-height: 68px;
.manuscript-detail-wrap {
width: 100%;
height: calc(100% - 72px);
margin-bottom: 72px;
.cts {
color: #939499;
font-family: $font-family-regular;
@ -22,8 +23,8 @@ $footer-height: 68px;
.main-img-box {
width: 320px;
height: auto;
max-height: 472px;
background: #fff;
aspect-ratio: 3/4;
}
.desc-img-wrap {
display: grid;

4
src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
View File

@ -4,7 +4,7 @@ import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/
import CancelEditModal from './cancel-edit-modal.vue';
import { getWorksDetailWriter, putWorksUpdateWriter } from '@/api/all/generationWorkshop-writer.ts';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
import { slsWithCatch } from '@/utils/stroage.ts';
@ -93,7 +93,7 @@ export default {
<>
<div class="manuscript-edit-wrap">
<div class="flex items-center mb-8px">
<span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
<span class="cts color-#4E5969 cursor-pointer" onClick={onCancel}>
内容稿件列表
</span>
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />

2
src/views/creative-generation-workshop/manuscript-writer/list/components/manuscript-table/index.vue
View File

@ -98,7 +98,7 @@
import { ref } from 'vue';
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { TABLE_COLUMNS } from './constants';
import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
import { CHECK_STATUS, EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
import TextOverTips from '@/components/text-over-tips';
import HoverImagePreview from '@/components/hover-image-preview';

36
src/views/creative-generation-workshop/manuscript-writer/list/components/upload-manuscript-modal/index.vue
View File

@ -51,11 +51,20 @@ export default {
// 响应式状态
const visible = ref(false);
const formRef = ref(null);
const uploadType = ref(UPLOAD_TYPE.LINK);
const uploadType = ref(UPLOAD_TYPE.LOCAL);
const taskStatus = ref(TASK_STATUS.DEFAULT);
const form = ref(cloneDeep(INITIAL_FORM));
const works = ref([]);
// 生成自增 id（基于当前列表中最大的 id）
const getNextWorkId = () => {
const currentMax = works.value.reduce((max, item) => {
const numericId = Number(item?.id);
return Number.isFinite(numericId) ? Math.max(max, numericId) : max;
}, 0);
return currentMax + 1;
};
// 剪贴板功能
const isLink = computed(() => uploadType.value === UPLOAD_TYPE.LINK);
@ -129,6 +138,7 @@ export default {
const formData = new FormData();
formData.append('file', file);
const { code, data } = await postWorksByFileWriter(formData, {
timeout: 0,
headers: {
'Content-Type': 'multipart/form-data',
'writer-code': writerCode.value,
@ -136,7 +146,10 @@ export default {
});
if (code === 200) {
taskStatus.value = TASK_STATUS.SUCCESS;
works.value = data ? [data] : [];
if (data) {
const id = data.id ?? getNextWorkId();
works.value.push({ ...data, id });
}
}
};
@ -150,7 +163,7 @@ export default {
// 删除项目
const onDelete = (index) => {
works.value.splice(index, 1);
if(!works.value.length) {
if (!works.value.length) {
taskStatus.value = TASK_STATUS.DEFAULT;
}
// AMessage.success('删除成功');
@ -189,8 +202,9 @@ export default {
<Upload
action="/"
draggable
multiple
customRequest={handleUpload}
accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv"
accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv,.m4v"
show-file-list={false}
>
{{
@ -328,23 +342,15 @@ export default {
footer: () => renderFooterButtons(),
}}
>
<Form
ref={formRef}
rules={{
link: [{ required: true, message: '请输入飞书链接地址' }],
}}
model={form.value}
layout="horizontal"
auto-label-width
>
{isDefault.value && (
<Form ref={formRef} model={form.value} layout="horizontal" auto-label-width>
{/* {isDefault.value && (
<FormItem label="上传方式">
<RadioGroup v-model={uploadType.value} onChange={onUploadTypeChange}>
<Radio value={UPLOAD_TYPE.LINK}>外部链接上传</Radio>
<Radio value={UPLOAD_TYPE.LOCAL}>本地上传</Radio>
</RadioGroup>
</FormItem>
)}
)} */}
{renderFormContent()}
</Form>

2
src/views/creative-generation-workshop/manuscript-writer/list/index.vue
View File

@ -47,7 +47,7 @@ import UploadManuscriptModal from './components/upload-manuscript-modal';
import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
import { getWorksPageWriter } from '@/api/all/generationWorkshop-writer.ts';
import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript/list/constants.ts';
import { INITIAL_QUERY, EnumCheckStatus } from '@/views/creative-generation-workshop/manuscript-writer/list/constants.ts';
const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
onPageChange: () => {

4
src/views/creative-generation-workshop/manuscript-writer/list/style.scss
View File

@ -1,5 +1,5 @@
.manuscript-list-wrap {
height: 100%;
// height: 100%;
display: flex;
flex-direction: column;
.filter-wrap {
@ -21,7 +21,7 @@
.pagination-box {
display: flex;
width: 100%;
padding: 16px 24px;
padding: 16px 24px 0;
justify-content: flex-end;
align-items: center;
}

21
src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
View File

@ -5,7 +5,7 @@ import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/
import CancelUploadModal from './cancel-upload-modal.vue';
import UploadSuccessModal from './upload-success-modal.vue';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript-writer/list/constants';
import { postWorksBatchWriter } from '@/api/all/generationWorkshop-writer.ts';
import { glsWithCatch, rlsWithCatch, slsWithCatch } from '@/utils/stroage.ts';
import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools';
@ -199,10 +199,9 @@ export default {
_data.videoInfo.poster = convertVideoUrlToCoverUrl(url);
}
return _data
return _data;
});
works.value = _works;
selectCardInfo.value = cloneDeep(_works[0] ?? {});
};
@ -266,7 +265,7 @@ export default {
<div
key={item.id}
id={`card-${item.id}`}
class={`group relative mb-12px px-8px py-12px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
class={`group h-66px relative mb-12px px-12px py-8px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
item,
)}`}
onClick={() => onSelect(item)}
@ -277,7 +276,7 @@ export default {
onClick={(e) => onDelete(e, item, index)}
/>
<TextOverTips
context={item.content}
context={item.title || '-'}
line={1}
class={`cts !color-#211F24 mb-8px ${selectCardInfo.value.id === item.id ? 'bold' : ''}`}
/>
@ -285,18 +284,20 @@ export default {
<div class="flex items-center ">
<img
src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
width="16"
height="16"
width="14"
height="14"
class="mr-4px"
/>
<span
class={`cts ${item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}`}
class={`cts !text-12px ${
item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
}`}
>
{item.type === EnumManuscriptType.Image ? '图文' : '视频'}
</span>
</div>
{errorDataCards.value.find((v) => v.id === item.id) && (
<p class="cts !color-#F64B31">必填项未填</p>
<p class="cts !text-12px !color-#F64B31">必填项未填</p>
)}
</div>
</div>

3
src/views/creative-generation-workshop/manuscript-writer/upload/style.scss
View File

@ -1,7 +1,8 @@
$footer-height: 68px;
.manuscript-upload-wrap {
height: calc(100% - 72px);
.cts {
.cts,
:deep(.overflow-text) {
color: #939499;
font-family: $font-family-regular;
font-size: 14px;

2
src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
View File

@ -6,7 +6,7 @@
column-resizable
:pagination="false"
:scroll="{ x: '100%' }"
class="manuscript-table w-100%"
class="flex-1 manuscript-table w-100%"
bordered
:row-selection="rowSelection"
:selected-row-keys="selectedRowKeys"

16
src/views/creative-generation-workshop/manuscript/check-list/constants.ts
View File

@ -21,12 +21,12 @@ export const TABLE_COLUMNS1 = [
{
title: '客户意见',
dataIndex: 'customer_opinion',
width: 220,
width: 120,
},
{
title: '稿件类型',
dataIndex: 'type',
width: 180,
width: 120,
},
{
title: '上传时间',
@ -84,7 +84,7 @@ export const TABLE_COLUMNS2 = [
{
title: '客户意见',
dataIndex: 'customer_opinion',
width: 220,
width: 120,
},
{
title: '审核平台',
@ -100,7 +100,7 @@ export const TABLE_COLUMNS2 = [
{
title: '稿件类型',
dataIndex: 'type',
width: 180,
width: 120,
},
{
title: '审核时间',
@ -153,7 +153,7 @@ export const TABLE_COLUMNS3 = [
{
title: '客户意见',
dataIndex: 'customer_opinion',
width: 200,
width: 120,
},
{
title: '审核平台',
@ -163,7 +163,7 @@ export const TABLE_COLUMNS3 = [
{
title: '稿件类型',
dataIndex: 'type',
width: 180,
width: 120,
},
{
title: '通过时间',
@ -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 = [
{

2
src/views/creative-generation-workshop/manuscript/check-list/style.scss
View File

@ -34,7 +34,7 @@
.pagination-box {
display: flex;
width: 100%;
padding: 16px 24px;
padding: 16px 24px 0;
justify-content: flex-end;
align-items: center;
}

17
src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/index.vue
View File

@ -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}
>
<div class="flex justify-between items-center h-56px px-24px">
<div class="flex items-center">
<div class="w-3px h-16px rounded-2px bg-#6D4CFE mr-8px"></div>
<span class="mr-8px cts bold">批量审核列表</span>
<span class="mr-8px cts !lh-22px">{`共${dataSource.value.length}个`}</span>
<span class="mr-8px cts !lh-22px !text-14px">{`共${dataSource.value.length}个`}</span>
</div>
<icon-menu-unfold size={16} class="color-##55585F cursor-pointer hover:color-#6D4CFE" onClick={onClose} />
</div>
<div class="flex-1 overflow-y-auto px-24px">
{dataSource.value.map((item) => (
<div
onClick={() => handleCardClick(item)}
key={item.id}
class={`card-item flex rounded-8px bg-#F7F8FA p-8px ${
selectCardInfo.value.id === item.id ? 'active' : ''
}`}
key={item.id}
>
<Image
width={48}
@ -61,8 +68,10 @@ export default {
}}
/>
<div class="flex-1 overflow-hidden flex flex-col items-start">
<TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
<p class="cts">{`合规程度：${90}%`}</p>
<TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px !text-14px`} />
<p class="cts !text-14px">{`合规程度：${
item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'
}`}</p>
</div>
</div>
))}

62
src/views/creative-generation-workshop/manuscript/check/components/check-list-drawer/style.scss
View File

@ -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;
}
}
}
}
}

2
src/views/creative-generation-workshop/manuscript/check/components/content-card/constants.ts
View File

@ -41,7 +41,7 @@ export const RESULT_LIST = [
},
{
label: '检验项',
value: 'inspection_items',
value: 'inspection_count',
color: '#211F24',
},
{

32
src/views/creative-generation-workshop/manuscript/check/components/content-card/highlight-textarea.vue
View File

@ -1,11 +1,25 @@
<template>
<div class="highlight-textarea-container">
<a-textarea ref="textareaWrapRef" v-model="inputValue" placeholder="请输入作品描述" :disabled="disabled" show-word-limit
:max-length="1000" size="large" class="textarea-input h-full w-full" @input="handleInput"
@focus="() => (focus = true)" @blur="() => (focus = false)" />
<a-textarea
ref="textareaWrapRef"
v-model="inputValue"
placeholder="请输入作品描述"
:disabled="disabled"
show-word-limit
:max-length="1000"
size="large"
class="textarea-input h-full w-full"
@input="handleInput"
@focus="() => (focus = true)"
@blur="() => (focus = false)"
/>
<div class="textarea-highlight" :class="{ focus: focus }" :style="{ visibility: inputValue ? 'visible' : 'hidden' }"
v-html="highlightedHtml" />
<div
class="textarea-highlight"
:class="{ focus: focus }"
:style="{ visibility: inputValue ? 'visible' : 'hidden' }"
v-html="highlightedHtml"
/>
</div>
</template>
@ -98,7 +112,8 @@ const generateHighlightedHtml = (): string => {
};
onMounted(() => {
nativeTextarea = (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
nativeTextarea =
(textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
document.querySelector('.textarea-input .arco-textarea');
if (nativeTextarea) {
@ -159,7 +174,7 @@ const handleCompositionUpdate = () => {
font-weight: 400px;
border: 1px solid #d7d7d9;
border-radius: 4px;
resize: vertical;
resize: none;
white-space: pre-wrap;
word-wrap: break-word;
z-index: inherit;
@ -194,9 +209,8 @@ const handleCompositionUpdate = () => {
background: transparent;
color: transparent;
caret-color: #211f24 !important;
resize: none;
@include textarea-padding;
// -webkit-text-fill-color: transparent !important;
overflow-y: auto;
}

6
src/views/creative-generation-workshop/manuscript/check/components/content-card/index.vue
View File

@ -194,7 +194,7 @@ export default {
再次审核
</Button>
{isTextTab.value ? (
<Button size="medium" type="outline" class="w-123px" onClick={onAiReplace} disabled={isDisabled.value}>
<Button size="medium" type="outline" class="w-123px check-btn" onClick={onAiReplace} disabled={isDisabled.value}>
{aiReplaceLoading.value ? (
<>
<IconLoading size={14} />
@ -345,7 +345,7 @@ export default {
</div>
<div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
<div class="mb-24px relative w-fit">
<span class="ai-text">AI 审核建议</span>
<span class="ai-text relative z-2">AI 审核建议</span>
<img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
</div>
<div class="flex flex-col items-center h-138px justify-center">
@ -372,7 +372,7 @@ export default {
</div>
<div class="mb-16px suggestion-box p-12px rounded-8px bg-#F7F8FA flex flex-col">
<div class=" mb-8px relative w-fit">
<span class="ai-text">AI 审核建议</span>
<span class="ai-text relative z-2">AI 审核建议</span>
<img src={icon2} class="w-80px h-10.8px absolute bottom-1px left-1px" />
</div>
{aiReview.value?.suggestion?.map((item, index) => (

24
src/views/creative-generation-workshop/manuscript/check/components/content-card/style.scss
View File

@ -10,12 +10,18 @@
font-family: $font-family-medium;
}
}
.check-text {
background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
.check-btn {
.check-text {
background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
&:hover {
opacity: 0.8;
}
}
.left-box {
:deep(.arco-tabs) {
.arco-tabs-nav {
@ -130,15 +136,17 @@
}
}
.right-box {
border: 1px solid #E6E6E8;
border: 1px solid #e6e6e8;
flex: 1;
border-radius: 8px; padding: 16px; display: flex;
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-family: $font-family-manrope-medium;
font-size: 24px;
font-style: normal;
font-weight: 700;

2
src/views/creative-generation-workshop/manuscript/check/components/header-card/index.vue
View File

@ -64,7 +64,7 @@ export default {
/>
<div class="flex-1 overflow-hidden flex flex-col items-start">
<TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
<p class="cts">{`合规程度：${90}%`}</p>
<p class="cts">{`合规程度：${item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'}`}</p>
</div>
</SwiperSlide>
))}

8
src/views/creative-generation-workshop/manuscript/check/index.vue
View File

@ -38,7 +38,7 @@ export default {
const selectCardInfo = ref({});
const selectedImageInfo = ref(null);
const { handleStartCheck, handleAgainCheck, ticket, checkLoading } = useGetAiReviewResult({
const { handleStartCheck, handleAgainCheck, ticket, checkLoading, resetAiReviewInfo } = useGetAiReviewResult({
cardInfo: selectCardInfo,
startAiReviewFn: postWorkAuditsAiReview,
getAiReviewResultFn: getWorkAuditsAiReviewResult,
@ -57,7 +57,7 @@ export default {
submitLoading.value = false;
getDataLoading.value = false;
checkLoading.value = false;
ticket.value = '';
resetAiReviewInfo();
const { files = [], ai_review } = item;
selectCardInfo.value = cloneDeep(item);
@ -210,7 +210,7 @@ export default {
class="check-list-icon"
onClick={() => checkListDrawerRef.value.open(dataSource.value, selectCardInfo.value)}
>
<icon-menu-fold size={16} class="color-#55585F mr-4px hover:color-#6D4CFE" />
<icon-menu-fold size={16} class="color-#55585F icon mr-4px" />
<span class="cts !color-#211F24">审核列表</span>
</div>
)}
@ -244,7 +244,7 @@ export default {
<CancelCheckModal ref={cancelCheckModalRef} onSelectCard={onChangeCard} />
<CheckSuccessModal ref={checkSuccessModalRef} />
<CheckListDrawer ref={checkListDrawerRef} />
<CheckListDrawer ref={checkListDrawerRef} onCardClick={onCardClick} />
</>
);
},

6
src/views/creative-generation-workshop/manuscript/check/style.scss
View File

@ -27,6 +27,12 @@ $footer-height: 68px;
position: absolute;
right: 0;
top: calc($navbar-height + 8px);
&:hover {
.icon,
.cts {
color: #6d4cfe !important;
}
}
}
}
.footer-row {

3
src/views/creative-generation-workshop/manuscript/components/edit-form/index.vue
View File

@ -336,10 +336,9 @@ export default {
onInput={onChange}
placeholder="请输入作品描述"
size="large"
class="h-300px !w-784px"
class="textarea-box !w-784px"
show-word-limit
max-length={1000}
auto-size={{ minRows: 7, maxRows: 12 }}
/>
</FormItem>
{isVideo.value ? (

6
src/views/creative-generation-workshop/manuscript/components/edit-form/style.scss
View File

@ -30,3 +30,9 @@
}
}
}
.textarea-box {
:deep(.arco-textarea) {
height: 140px;
max-height: 298px;
}
}

21
src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/index.vue
View File

@ -206,7 +206,7 @@ export default {
v-slots={{
title: () => (
<div class="flex items-center">
<span class="cts mr-4px">{column.title}</span>
<span class="cts mr-4px bold color-#211F24">{column.title}</span>
{column.tooltip && (
<Tooltip content={column.tooltip} position="top">
<IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
@ -221,7 +221,7 @@ export default {
class="flex items-center w-fit h-24px px-8px rounded-2px"
style={{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }}
>
<span class="cts s1" style={{ color: getStatusInfo(record.audit_status).color }}>
<span class="cts s1 bold" style={{ color: getStatusInfo(record.audit_status).color }}>
{getStatusInfo(record.audit_status).name}
</span>
</div>
@ -238,20 +238,23 @@ export default {
class="mr-4px"
/>
<span
class="cts"
class={
class={`cts !text-14px !lh-22px ${
record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
}
}`}
>
{record.type === EnumManuscriptType.Image ? '图文' : '视频'}
</span>
</div>
);
} else if (column.dataIndex === 'last_modified_at') {
return exactFormatTime(
record.last_modified_at,
'YYYY-MM-DD HH:mm:ss',
'YYYY-MM-DD HH:mm:ss',
return (
<span class="cts num">
{exactFormatTime(
record.last_modified_at,
'YYYY-MM-DD HH:mm:ss',
'YYYY-MM-DD HH:mm:ss',
)}
</span>
);
} else {
return formatTableField(column, record, true);

3
src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/share-modal.vue
View File

@ -116,7 +116,7 @@ export default {
}}
>
<Form ref={formRef} rules={rules} model={formData.value} auto-label-width>
<FormItem label="有效期" prop="days">
<FormItem label="有效期" prop="days" row-class="!items-center">
<CommonSelect
v-model={formData.value.days}
options={OPTIONS}
@ -130,6 +130,7 @@ export default {
<FormItem
label="分享对象"
prop="receiver"
row-class="!items-center"
v-slots={{
label: () => (
<div class="flex items-center">

43
src/views/creative-generation-workshop/manuscript/components/share-manuscript-modal/style.scss
View File

@ -6,7 +6,10 @@
font-weight: 400;
line-height: 20px;
&.bold {
font-family: $font-family-medium;
font-family: $font-family-medium;
}
&.num {
font-family: $font-family-manrope-regular;
}
}
.filter-row-item {
@ -23,5 +26,43 @@
.arco-scrollbar-track {
display: none !important;
}
.arco-table {
.arco-table-container {
.arco-table-element {
thead {
.arco-table-tr {
.arco-table-th {
.arco-table-cell {
padding: 10px 16px !important;
}
}
}
}
tbody {
.arco-table-tr {
.arco-table-td {
.arco-table-cell {
padding: 6px 16px;
.arco-table-cell-content,
.arco-table-td-content {
font-size: 12px;
line-height: 20px;
}
}
}
}
}
}
}
}
.arco-pagination {
.arco-pagination-total,
.arco-pagination-jumper-prepend {
font-size: 14px;
}
.arco-pagination-jumper-prepend {
font-family: $font-family-regular;
}
}
}
}

6
src/views/creative-generation-workshop/manuscript/detail/index.vue
View File

@ -79,8 +79,8 @@ export default {
);
} else {
return (
<div class="main-img-box mb-16px relative overflow-hidden cursor-pointer">
<img src={coverImageUrl.value} class="w-100% h-100% object-contain absolute z-0 top-0 left-0" />
<div class="main-img-box mb-16px overflow-hidden cursor-pointer">
<img src={coverImageUrl.value} class="w-100% h-100% object-contain" />
</div>
);
}
@ -153,7 +153,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">内容稿件详情</span>
</div>
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px py-32px">
<div class="flex-1 bg-#fff rounded-8px py-32px">
<div class="w-684px mx-auto flex flex-col items-center">
<div class="flex justify-start flex-col w-full">
<p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

4
src/views/creative-generation-workshop/manuscript/detail/style.scss
View File

@ -2,6 +2,7 @@ $footer-height: 68px;
.manuscript-detail-wrap {
width: 100%;
height: calc(100% - 72px);
margin-bottom: 72px;
.cts {
color: #939499;
font-family: $font-family-regular;
@ -22,8 +23,9 @@ $footer-height: 68px;
.main-img-box {
width: 320px;
height: auto;
max-height: 472px;
background: #fff;
aspect-ratio: 3/4;
// aspect-ratio: 3/4;
}
.desc-img-wrap {
display: grid;

2
src/views/creative-generation-workshop/manuscript/edit/index.vue
View File

@ -91,7 +91,7 @@ export default {
<>
<div class="manuscript-edit-wrap">
<div class="flex items-center mb-8px">
<span class="cts color-#4E5969 cursor-pointer" onClick={onBack}>
<span class="cts color-#4E5969 cursor-pointer" onClick={onCancel}>
内容稿件列表
</span>
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />

6
src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/constants.ts
View File

@ -21,7 +21,7 @@ export const TABLE_COLUMNS = [
{
title: '客户意见',
dataIndex: 'customer_opinion',
width: 220,
width: 120,
},
// {
// title: '所属项目',
@ -31,12 +31,12 @@ export const TABLE_COLUMNS = [
{
title: '稿件类型',
dataIndex: 'type',
width: 180,
width: 120,
},
{
title: '审核状态',
dataIndex: 'audit_status',
width: 180,
width: 120,
},
{
title: '上传时间',

8
src/views/creative-generation-workshop/manuscript/list/components/manuscript-table/index.vue
View File

@ -1,6 +1,6 @@
<template>
<a-table ref="tableRef" :data="dataSource" row-key="id" column-resizable :pagination="false" :scroll="{ x: '100%' }"
class="manuscript-table w-100%" bordered @sorter-change="handleSorterChange">
class="manuscript-table w-100% flex-1" bordered @sorter-change="handleSorterChange">
<template #empty>
<NoData text="暂无稿件" />
</template>
@ -25,7 +25,7 @@
:style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }">
<span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-'
}}</span>
}}</span>
</p>
</template>
<template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
@ -36,7 +36,7 @@
:style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }">
<span class="cts s1" :style="{ color: getStatusInfo(record.audit_status).color }">{{
getStatusInfo(record.audit_status).name
}}</span>
}}</span>
</div>
</template>
<template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
@ -45,7 +45,7 @@
class="mr-4px" />
<span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
record.type === EnumManuscriptType.Image ? '图文' : '视频'
}}</span>
}}</span>
</div>
</template>
<template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">

18
src/views/creative-generation-workshop/manuscript/list/components/upload-manuscript-modal/index.vue
View File

@ -52,6 +52,15 @@ export default {
const form = ref(cloneDeep(INITIAL_FORM));
const works = ref([]);
// 生成自增 id（基于当前列表中最大的 id）
const getNextWorkId = () => {
const currentMax = works.value.reduce((max, item) => {
const numericId = Number(item?.id);
return Number.isFinite(numericId) ? Math.max(max, numericId) : max;
}, 0);
return currentMax + 1;
};
// 剪贴板功能
const { copy } = useClipboard({ source: form.value.writerLink });
@ -152,13 +161,17 @@ export default {
const formData = new FormData();
formData.append('file', file);
const { code, data } = await postWorksByFile(formData, {
timeout: 0,
headers: {
'Content-Type': 'multipart/form-data',
},
});
if (code === 200) {
taskStatus.value = TASK_STATUS.SUCCESS;
works.value = data ? [data] : [];
if (data) {
const id = data.id ?? getNextWorkId();
works.value.push({ ...data, id });
}
}
};
@ -220,8 +233,9 @@ export default {
<Upload
action="/"
draggable
multiple
customRequest={handleUpload}
accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv"
accept=".xlsx,.xls,.docx,.doc,.mp4,.mov,.avi,.flv,.wmv,.m4v"
show-file-list={false}
>
{{

2
src/views/creative-generation-workshop/manuscript/list/style.scss
View File

@ -21,7 +21,7 @@
.pagination-box {
display: flex;
width: 100%;
padding: 16px 24px;
padding: 16px 24px 0;
justify-content: flex-end;
align-items: center;
}

17
src/views/creative-generation-workshop/manuscript/upload/index.vue
View File

@ -199,8 +199,7 @@ export default {
_data.videoInfo.poster = convertVideoUrlToCoverUrl(url);
}
return _data
return _data;
});
works.value = _works;
@ -267,7 +266,7 @@ export default {
<div
key={item.id}
id={`card-${item.id}`}
class={`group relative mb-12px px-8px py-12px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
class={`group h-66px relative mb-12px px-12px py-8px flex flex-col rounded-8px bg-#F7F8FA border-1px border-solid border-transparent transition-all duration-300 cursor-pointer hover:bg-#E6E6E8 ${getCardClass(
item,
)}`}
onClick={() => onSelect(item)}
@ -278,7 +277,7 @@ export default {
onClick={(e) => onDelete(e, item, index)}
/>
<TextOverTips
context={item.content}
context={item.title || '-'}
line={1}
class={`cts !color-#211F24 mb-8px ${selectCardInfo.value.id === item.id ? 'bold' : ''}`}
/>
@ -286,18 +285,20 @@ export default {
<div class="flex items-center ">
<img
src={item.type === EnumManuscriptType.Image ? icon1 : icon2}
width="16"
height="16"
width="14"
height="14"
class="mr-4px"
/>
<span
class={`cts ${item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'}`}
class={`cts !text-12px ${
item.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'
}`}
>
{item.type === EnumManuscriptType.Image ? '图文' : '视频'}
</span>
</div>
{errorDataCards.value.find((v) => v.id === item.id) && (
<p class="cts !color-#F64B31">必填项未填</p>
<p class="cts !text-12px !color-#F64B31">必填项未填</p>
)}
</div>
</div>

3
src/views/creative-generation-workshop/manuscript/upload/style.scss
View File

@ -1,7 +1,8 @@
$footer-height: 68px;
.manuscript-upload-wrap {
height: calc(100% - 72px);
.cts {
.cts,
:deep(.overflow-text) {
color: #939499;
font-family: $font-family-regular;
font-size: 14px;

4
src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
View File

@ -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;

4
src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
View File

@ -145,8 +145,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';
const props = defineProps({

4
src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
View File

@ -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-warn-1.png';
// import icon6 from '@/assets/img/media-account/icon-success.png';