Merge remote-tracking branch 'origin/main' into feature/v1.3_主agent_rxd
# 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
75
.drone.yml
75
.drone.yml
@ -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
|
||||
@ -64,18 +68,13 @@ steps:
|
||||
"ref": "refs/heads/'"${DRONE_BRANCH}"'",
|
||||
"before": "'"${DRONE_COMMIT_BEFORE}"'",
|
||||
"after": "'"${DRONE_COMMIT_SHA}"'",
|
||||
"commits": [
|
||||
{
|
||||
"message": "发布'"${DRONE_BRANCH}：${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
|
||||
@ -85,12 +84,14 @@ steps:
|
||||
-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}'"
|
||||
}
|
||||
"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
|
||||
- name: pnpm-store-cache
|
||||
host:
|
||||
# 建议为 pnpm store 单独准备一个可持久化目录
|
||||
path: /www/dk_project/dk_compose/spug/cache/pnpm-store
|
||||
|
||||
16
pnpm-lock.yaml
generated
16
pnpm-lock.yaml
generated
@ -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
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
BIN
src/assets/img/platform/icon-dy.png
Normal file
BIN
src/assets/img/platform/icon-dy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/img/platform/icon-xhs.png
Normal file
BIN
src/assets/img/platform/icon-xhs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 656 B |
@ -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>
|
||||
|
||||
@ -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,
|
||||
};
|
||||
}
|
||||
|
||||
@ -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'),
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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,15 +213,14 @@ 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 && (
|
||||
{hasInspectionItems && (
|
||||
<Button
|
||||
type="text"
|
||||
class="!color-#6D4CFE hover:!color-#8A70FE"
|
||||
@ -228,14 +228,13 @@ export default {
|
||||
>
|
||||
{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 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>
|
||||
@ -243,21 +242,22 @@ export default {
|
||||
</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>
|
||||
{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">
|
||||
{violationItems.value.map((item, index) => (
|
||||
{parentItem.items.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" />
|
||||
{_iconMap.get(item.level)?.icon}
|
||||
<TextOverTips context={item.name} class="cts ml-4px !color-#000" />
|
||||
</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()}
|
||||
{/* 评论与回复 */}
|
||||
|
||||
@ -1,4 +1,7 @@
|
||||
.ai-suggest-box {
|
||||
.ai-suggest-wrap {
|
||||
top: $navbar-height;
|
||||
height: calc(100% - ($navbar-height + 12px));
|
||||
.ai-suggest-box {
|
||||
width: 440px;
|
||||
height: fit-content;
|
||||
max-height: 100%;
|
||||
@ -36,6 +39,10 @@
|
||||
background-color: #fff;
|
||||
color: #211f24 !important;
|
||||
transition: all 0.3s;
|
||||
.arco-textarea-mirror,
|
||||
.arco-textarea {
|
||||
padding: 8px 16px !important;
|
||||
}
|
||||
&:hover {
|
||||
border-color: #6d4cfe !important;
|
||||
}
|
||||
@ -49,7 +56,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;
|
||||
@ -87,6 +94,27 @@
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
&:hover {
|
||||
border-radius: 8px;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.main-box {
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
background: transparent;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
&::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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,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';
|
||||
|
||||
@ -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 = [
|
||||
{
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
.pagination-box {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 16px 24px;
|
||||
padding: 16px 24px 0;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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>
|
||||
))}
|
||||
|
||||
@ -1,4 +1,9 @@
|
||||
.check-list-drawer-xt {
|
||||
.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;
|
||||
@ -18,13 +23,22 @@
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -41,7 +41,7 @@ export const RESULT_LIST = [
|
||||
},
|
||||
{
|
||||
label: '检验项',
|
||||
value: 'inspection_items',
|
||||
value: 'inspection_count',
|
||||
color: '#211F24',
|
||||
},
|
||||
{
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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) => (
|
||||
|
||||
@ -10,12 +10,17 @@
|
||||
font-family: $font-family-medium;
|
||||
}
|
||||
}
|
||||
.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 {
|
||||
@ -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;
|
||||
|
||||
@ -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>
|
||||
))}
|
||||
|
||||
@ -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} />
|
||||
</>
|
||||
);
|
||||
},
|
||||
|
||||
@ -27,6 +27,12 @@ $footer-height: 68px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: calc($navbar-height + 8px);
|
||||
&:hover {
|
||||
.icon,
|
||||
.cts {
|
||||
color: #6d4cfe !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-row {
|
||||
|
||||
@ -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';
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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,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" />
|
||||
|
||||
@ -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';
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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: () => {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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,8 +199,7 @@ export default {
|
||||
_data.videoInfo.poster = convertVideoUrlToCoverUrl(url);
|
||||
}
|
||||
|
||||
return _data
|
||||
|
||||
return _data;
|
||||
});
|
||||
|
||||
works.value = _works;
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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 = [
|
||||
{
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
.pagination-box {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 16px 24px;
|
||||
padding: 16px 24px 0;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
))}
|
||||
|
||||
@ -1,4 +1,9 @@
|
||||
.check-list-drawer-xt {
|
||||
.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;
|
||||
@ -18,13 +23,22 @@
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -41,7 +41,7 @@ export const RESULT_LIST = [
|
||||
},
|
||||
{
|
||||
label: '检验项',
|
||||
value: 'inspection_items',
|
||||
value: 'inspection_count',
|
||||
color: '#211F24',
|
||||
},
|
||||
{
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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) => (
|
||||
|
||||
@ -10,12 +10,18 @@
|
||||
font-family: $font-family-medium;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
|
||||
@ -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>
|
||||
))}
|
||||
|
||||
@ -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} />
|
||||
</>
|
||||
);
|
||||
},
|
||||
|
||||
@ -27,6 +27,12 @@ $footer-height: 68px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: calc($navbar-height + 8px);
|
||||
&:hover {
|
||||
.icon,
|
||||
.cts {
|
||||
color: #6d4cfe !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-row {
|
||||
|
||||
@ -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 ? (
|
||||
|
||||
@ -30,3 +30,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.textarea-box {
|
||||
:deep(.arco-textarea) {
|
||||
height: 140px;
|
||||
max-height: 298px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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(
|
||||
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);
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -8,6 +8,9 @@
|
||||
&.bold {
|
||||
font-family: $font-family-medium;
|
||||
}
|
||||
&.num {
|
||||
font-family: $font-family-manrope-regular;
|
||||
}
|
||||
}
|
||||
.filter-row-item {
|
||||
.label {
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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" />
|
||||
|
||||
@ -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: '上传时间',
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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}
|
||||
>
|
||||
{{
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
.pagination-box {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 16px 24px;
|
||||
padding: 16px 24px 0;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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({
|
||||
|
||||
@ -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';
|
||||
|
||||
|
||||
Reference in New Issue
Block a user