From 65ad58256e66377ad91319c31def5a1f3d74aea3 Mon Sep 17 00:00:00 2001 From: rd <1344903914@qq.com> Date: Wed, 20 Aug 2025 11:30:15 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E5=86=85=E5=AE=B9=E5=AE=A1=E6=A0=B8-?= =?UTF-8?q?=E5=BA=95=E9=83=A8=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=E7=BB=9F?= =?UTF-8?q?=E4=B8=80=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/components/pagination.scss | 4 +-- .../manuscript-writer/check/index.vue | 11 +++++++- .../manuscript-writer/check/style.scss | 5 +++- .../manuscript-writer/detail/index.vue | 13 ++++++++- .../manuscript-writer/detail/style.scss | 5 +++- .../manuscript-writer/edit/index.vue | 17 +++++++++--- .../manuscript-writer/edit/style.scss | 5 +++- .../manuscript-writer/upload/index.vue | 26 +++++++++--------- .../manuscript-writer/upload/style.scss | 5 +++- .../manuscript/check/index.vue | 12 ++++++++- .../manuscript/check/style.scss | 5 +++- .../manuscript/detail/index.vue | 13 ++++++++- .../manuscript/detail/style.scss | 5 +++- .../manuscript/edit/index.vue | 16 +++++++++-- .../manuscript/edit/style.scss | 5 +++- .../manuscript/upload/index.vue | 27 ++++++++++--------- .../manuscript/upload/style.scss | 5 +++- src/views/home/index.vue | 6 ++++- 18 files changed, 141 insertions(+), 44 deletions(-) diff --git a/src/styles/components/pagination.scss b/src/styles/components/pagination.scss index 425d310..44ecf3d 100644 --- a/src/styles/components/pagination.scss +++ b/src/styles/components/pagination.scss @@ -16,7 +16,7 @@ } .arco-pagination-options { .arco-select { - background-color: transparent; + background-color: transparent !important; border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); } @@ -36,7 +36,7 @@ line-height: 22px; } .arco-input-wrapper { - background-color: transparent; + background-color: transparent !important; } } .arco-pagination-total { diff --git a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue index 44988c5..9af6448 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/check/index.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/check/index.vue @@ -8,6 +8,7 @@ import CheckListDrawer from './components/check-list-drawer'; import { slsWithCatch, rlsWithCatch, glsWithCatch } from '@/utils/stroage.ts'; import useGetAiReviewResult from '@/hooks/useGetAiReviewResult.ts'; +import { useSidebarStore } from '@/stores/modules/side-bar'; import { getWorkAuditsBatchDetailWriter, putWorkAuditsUpdateWriter, @@ -20,6 +21,7 @@ export default { setup(props, { emit, expose }) { const router = useRouter(); const route = useRoute(); + const sidebarStore = useSidebarStore(); const workIds = ref([]); const isSaved = ref(false); @@ -36,6 +38,9 @@ export default { const selectedImageInfo = ref(null); const writerCode = computed(() => route.params.writerCode); + const collapsed = computed(() => { + return sidebarStore.menuCollapse; + }); const { handleStartCheck, handleAgainCheck, ticket, checkLoading, resetAiReviewInfo } = useGetAiReviewResult({ cardInfo: selectCardInfo, @@ -237,7 +242,11 @@ export default { - diff --git a/src/views/creative-generation-workshop/manuscript-writer/edit/style.scss b/src/views/creative-generation-workshop/manuscript-writer/edit/style.scss index b574f60..2ba50dc 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/edit/style.scss +++ b/src/views/creative-generation-workshop/manuscript-writer/edit/style.scss @@ -20,6 +20,9 @@ $footer-height: 68px; bottom: 0; left: $sidebar-width; width: calc(100% - $sidebar-width); - border-top: 1px solid #e6e6e8; height: $footer-height; + &.collapsed { + left: $sidebar-width-collapse; + width: calc(100% - $sidebar-width-collapse); + } } diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue index ac8c973..91c0f9c 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue +++ b/src/views/creative-generation-workshop/manuscript-writer/upload/index.vue @@ -9,20 +9,11 @@ import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscr import { postWorksBatchWriter } from '@/api/all/generationWorkshop-writer.ts'; import { glsWithCatch, rlsWithCatch, slsWithCatch } from '@/utils/stroage.ts'; import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools'; +import { useSidebarStore } from '@/stores/modules/side-bar'; import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png'; import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png'; -// const generateMockData = (count = 4) => -// Array.from({ length: count }, (_, i) => ({ -// id: `${i + 1}`, -// title: `标题${i + 1}`, -// content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨', -// type: i % 2 === 0 ? EnumManuscriptType.Image : EnumManuscriptType.Video, -// files: [], -// videoInfo: cloneDeep(INITIAL_VIDEO_INFO), -// })); - export default { components: { EditForm, @@ -31,6 +22,8 @@ export default { const formRef = ref(null); const route = useRoute(); const router = useRouter(); + const sidebarStore = useSidebarStore(); + const cancelUploadModal = ref(null); const uploadSuccessModal = ref(null); const works = ref([]); @@ -39,6 +32,10 @@ export default { const uploadLoading = ref(false); const writerCode = computed(() => route.params.writerCode); + const collapsed = computed(() => { + return sidebarStore.menuCollapse; + }); + const onCancel = () => { cancelUploadModal.value?.open(works.value.length); }; @@ -306,8 +303,13 @@ export default { )} -
{renderFooterRow()}
- + diff --git a/src/views/creative-generation-workshop/manuscript-writer/upload/style.scss b/src/views/creative-generation-workshop/manuscript-writer/upload/style.scss index c3df4ae..3588836 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/upload/style.scss +++ b/src/views/creative-generation-workshop/manuscript-writer/upload/style.scss @@ -24,6 +24,9 @@ $footer-height: 68px; bottom: 0; left: $sidebar-width; width: calc(100% - $sidebar-width); - border-top: 1px solid #e6e6e8; height: $footer-height; + &.collapsed { + left: $sidebar-width-collapse; + width: calc(100% - $sidebar-width-collapse); + } } diff --git a/src/views/creative-generation-workshop/manuscript/check/index.vue b/src/views/creative-generation-workshop/manuscript/check/index.vue index 8786477..79bbfdb 100644 --- a/src/views/creative-generation-workshop/manuscript/check/index.vue +++ b/src/views/creative-generation-workshop/manuscript/check/index.vue @@ -8,6 +8,7 @@ import CheckListDrawer from './components/check-list-drawer'; import { slsWithCatch, rlsWithCatch, glsWithCatch } from '@/utils/stroage.ts'; import useGetAiReviewResult from '@/hooks/useGetAiReviewResult.ts'; +import { useSidebarStore } from '@/stores/modules/side-bar'; import { patchWorkAuditsAudit, patchWorkAuditsBatchAudit, @@ -23,6 +24,7 @@ export default { setup(props, { emit, expose }) { const router = useRouter(); const route = useRoute(); + const sidebarStore = useSidebarStore(); const workIds = ref([]); const isSaved = ref(false); @@ -38,6 +40,10 @@ export default { const selectCardInfo = ref({}); const selectedImageInfo = ref(null); + const collapsed = computed(() => { + return sidebarStore.menuCollapse; + }); + const { handleStartCheck, handleAgainCheck, ticket, checkLoading, resetAiReviewInfo } = useGetAiReviewResult({ cardInfo: selectCardInfo, startAiReviewFn: postWorkAuditsAiReview, @@ -238,7 +244,11 @@ export default { -
+
{renderFooterRow()}
diff --git a/src/views/creative-generation-workshop/manuscript/check/style.scss b/src/views/creative-generation-workshop/manuscript/check/style.scss index 8bebfe0..680c950 100644 --- a/src/views/creative-generation-workshop/manuscript/check/style.scss +++ b/src/views/creative-generation-workshop/manuscript/check/style.scss @@ -40,6 +40,9 @@ $footer-height: 68px; bottom: 0; left: $sidebar-width; width: calc(100% - $sidebar-width); - border-top: 1px solid #e6e6e8; height: $footer-height; + &.collapsed { + left: $sidebar-width-collapse; + width: calc(100% - $sidebar-width-collapse); + } } diff --git a/src/views/creative-generation-workshop/manuscript/detail/index.vue b/src/views/creative-generation-workshop/manuscript/detail/index.vue index eaf067a..0bc8cf3 100644 --- a/src/views/creative-generation-workshop/manuscript/detail/index.vue +++ b/src/views/creative-generation-workshop/manuscript/detail/index.vue @@ -7,6 +7,7 @@ import { getWorksDetail } from '@/api/all/generationWorkshop'; import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts'; import { convertVideoUrlToCoverUrl, exactFormatTime } from '@/utils/tools.ts'; import { slsWithCatch } from '@/utils/stroage.ts'; +import { useSidebarStore } from '@/stores/modules/side-bar'; const DEFAULT_SOURCE_INFO = { title: '内容稿件列表', @@ -18,6 +19,7 @@ export default { setup(props, { emit, expose }) { const router = useRouter(); const route = useRoute(); + const sidebarStore = useSidebarStore(); const workId = ref(route.params.id); const { source, audit_status } = route.query; @@ -33,6 +35,9 @@ export default { const isVideo = computed(() => dataSource.value.type === EnumManuscriptType.Video); const sourceInfo = computed(() => SOURCE_MAP.get(source) ?? DEFAULT_SOURCE_INFO); + const collapsed = computed(() => { + return sidebarStore.menuCollapse; + }); const onBack = () => { router.push({ name: sourceInfo.value.routeName }); @@ -180,7 +185,13 @@ export default { -
{renderFooterRow()}
+
+ {renderFooterRow()} +
); }, diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss index b640e93..e583a48 100644 --- a/src/views/creative-generation-workshop/manuscript/detail/style.scss +++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss @@ -63,6 +63,9 @@ $footer-height: 68px; bottom: 0; left: $sidebar-width; width: calc(100% - $sidebar-width); - border-top: 1px solid #e6e6e8; height: $footer-height; + &.collapsed { + left: $sidebar-width-collapse; + width: calc(100% - $sidebar-width-collapse); + } } diff --git a/src/views/creative-generation-workshop/manuscript/edit/index.vue b/src/views/creative-generation-workshop/manuscript/edit/index.vue index 499529a..263e577 100644 --- a/src/views/creative-generation-workshop/manuscript/edit/index.vue +++ b/src/views/creative-generation-workshop/manuscript/edit/index.vue @@ -2,6 +2,8 @@ import { Button, Message as AMessage } from '@arco-design/web-vue'; import EditForm, { ENUM_UPLOAD_STATUS, INITIAL_VIDEO_INFO } from '../components/edit-form'; import CancelEditModal from './cancel-edit-modal.vue'; + +import { useSidebarStore } from '@/stores/modules/side-bar'; import { getWorksDetail, putWorksUpdate } from '@/api/all/generationWorkshop'; import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants.ts'; import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools'; @@ -14,6 +16,8 @@ export default { setup(props, { emit, expose }) { const router = useRouter(); const route = useRoute(); + const sidebarStore = useSidebarStore(); + const formRef = ref(null); const cancelEditModal = ref(null); const dataSource = ref({}); @@ -23,6 +27,10 @@ export default { const workId = ref(route.params.id); + const collapsed = computed(() => { + return sidebarStore.menuCollapse; + }); + const onCancel = () => { const isModified = !isEqual(dataSource.value, remoteDataSource.value); if (isModified && !isSaved.value) { @@ -106,7 +114,11 @@ export default { /> -
+
@@ -116,7 +128,7 @@ export default { -
+
diff --git a/src/views/creative-generation-workshop/manuscript/edit/style.scss b/src/views/creative-generation-workshop/manuscript/edit/style.scss index b574f60..2ba50dc 100644 --- a/src/views/creative-generation-workshop/manuscript/edit/style.scss +++ b/src/views/creative-generation-workshop/manuscript/edit/style.scss @@ -20,6 +20,9 @@ $footer-height: 68px; bottom: 0; left: $sidebar-width; width: calc(100% - $sidebar-width); - border-top: 1px solid #e6e6e8; height: $footer-height; + &.collapsed { + left: $sidebar-width-collapse; + width: calc(100% - $sidebar-width-collapse); + } } diff --git a/src/views/creative-generation-workshop/manuscript/upload/index.vue b/src/views/creative-generation-workshop/manuscript/upload/index.vue index faf054f..b713e8a 100644 --- a/src/views/creative-generation-workshop/manuscript/upload/index.vue +++ b/src/views/creative-generation-workshop/manuscript/upload/index.vue @@ -9,20 +9,11 @@ import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscr import { postWorksBatch } from '@/api/all/generationWorkshop.ts'; import { glsWithCatch, rlsWithCatch, slsWithCatch } from '@/utils/stroage.ts'; import { formatDuration, formatFileSize, convertVideoUrlToCoverUrl } from '@/utils/tools'; +import { useSidebarStore } from '@/stores/modules/side-bar'; import icon1 from '@/assets/img/creative-generation-workshop/icon-photo.png'; import icon2 from '@/assets/img/creative-generation-workshop/icon-video.png'; -// const generateMockData = (count = 4) => -// Array.from({ length: count }, (_, i) => ({ -// id: `${i + 1}`, -// title: `标题${i + 1}`, -// content: '挖到宝了！这个平价好物让我素颜出门都自信✨挖到宝了！这个平价好物让我素颜出门都自信✨', -// type: i % 2 === 0 ? EnumManuscriptType.Image : EnumManuscriptType.Video, -// files: [], -// videoInfo: cloneDeep(INITIAL_VIDEO_INFO), -// })); - export default { components: { EditForm, @@ -31,6 +22,8 @@ export default { const formRef = ref(null); const route = useRoute(); const router = useRouter(); + const sidebarStore = useSidebarStore(); + const cancelUploadModal = ref(null); const uploadSuccessModal = ref(null); const works = ref([]); @@ -38,6 +31,10 @@ export default { const errorDataCards = ref([]); const uploadLoading = ref(false); + const collapsed = computed(() => { + return sidebarStore.menuCollapse; + }); + const onCancel = () => { cancelUploadModal.value?.open(works.value.length); }; @@ -307,8 +304,14 @@ export default { )} -
{renderFooterRow()}
- +
+ {renderFooterRow()} +
+ diff --git a/src/views/creative-generation-workshop/manuscript/upload/style.scss b/src/views/creative-generation-workshop/manuscript/upload/style.scss index c3df4ae..3588836 100644 --- a/src/views/creative-generation-workshop/manuscript/upload/style.scss +++ b/src/views/creative-generation-workshop/manuscript/upload/style.scss @@ -24,6 +24,9 @@ $footer-height: 68px; bottom: 0; left: $sidebar-width; width: calc(100% - $sidebar-width); - border-top: 1px solid #e6e6e8; height: $footer-height; + &.collapsed { + left: $sidebar-width-collapse; + width: calc(100% - $sidebar-width-collapse); + } } diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 77266a1..483236d 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -9,6 +9,7 @@ import { useSharedDataStore } from '@/stores/modules/share-data'; export default { setup(props, { emit, expose }) { const historyConversationDrawerRef = ref(null); + const senderRef = ref(null); const searchValue = ref(''); const sharedDataStore = useSharedDataStore(); @@ -42,6 +43,7 @@ export default { const handleTagClick = (tag: string) => { searchValue.value = tag; handleSearch(); + senderRef.value?.focus(); }; onMounted(() => { @@ -50,7 +52,8 @@ export default { searchValue.value = params.keyWord; sharedDataStore.clearRouteParams(); - handleSubmit(); + handleSearch(); + senderRef.value?.focus(); } }); @@ -66,6 +69,7 @@ export default {

AI 辅助账号托管账号 ｜ 自动生成爆款内容 ｜ 定时任务发布