From b0fe57641653b695efe521b9289bb1df711e5b78 Mon Sep 17 00:00:00 2001 From: lipenghui <mrkezhi@163.com> Date: Tue, 6 Feb 2024 16:15:00 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E6=A8=A1=E5=9E=8B=E5=A7=8B=E7=BB=88?= =?UTF-8?q?=E8=BF=9B=E8=A1=8C=E6=98=BE=E7=A4=BA=EF=BC=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/AppContainerBox/index.vue | 2 +- src/components/AppContentBox/index.vue | 2 +- src/views/conversation/index.vue | 18 ++++++++++++++---- src/views/conversationNet/index.vue | 18 ++++++++++++++---- src/views/repository/index.vue | 18 ++++++++++++++---- src/views/textToImage/index.vue | 17 ++++++++++++++--- src/views/visualAnalysis/index.vue | 19 +++++++++++++++---- 7 files changed, 73 insertions(+), 21 deletions(-) diff --git a/src/components/AppContainerBox/index.vue b/src/components/AppContainerBox/index.vue index b8daad3..a2d80fc 100644 --- a/src/components/AppContainerBox/index.vue +++ b/src/components/AppContainerBox/index.vue @@ -17,7 +17,7 @@ import { AppContentBox } from '@/components/AppContentBox' <style lang="scss" scoped> @include app('container-box') { - padding: 20px 0 20px 0; + padding: 15px 0 15px 0; background-color: #edf3ff; } </style> diff --git a/src/components/AppContentBox/index.vue b/src/components/AppContentBox/index.vue index a1e856d..19cec7c 100644 --- a/src/components/AppContentBox/index.vue +++ b/src/components/AppContentBox/index.vue @@ -11,7 +11,7 @@ <style lang="scss" scoped> @include app('content-box') { width: calc(100% - $sub-menu-width); - padding: 30px; + padding: 15px 30px 15px 30px; border-radius: 30px 0 0 30px; background-color: #ffffff; position: relative; diff --git a/src/views/conversation/index.vue b/src/views/conversation/index.vue index ff58663..964f11b 100644 --- a/src/views/conversation/index.vue +++ b/src/views/conversation/index.vue @@ -28,6 +28,7 @@ const { createConfirm } = useMessage() const messageStore = useMessageStore() +const modelSelectDisabled = ref(false) const sendBtnLoading = ref(false) const subMenuActiveIndex = ref(-1) // 当前会话索引 const subMenuActionIndex = ref(-1) // 会话操作索引 @@ -73,6 +74,15 @@ watch( }, ) +watch( + () => subMenuActiveIndex.value, + (val) => { + if (val === -1) { + modelSelectDisabled.value = false + } + }, +) + /** * @description: 点击会话操作项 */ @@ -210,7 +220,7 @@ async function getHistoryMessage() { } return } - + modelSelectDisabled.value = true res.records.forEach((item: any) => { const itemData: MessageItem = { messageType: item.roleType === MessageTypeEnum.USER ? MessageTypeEnum.USER : MessageTypeEnum.AI, @@ -413,7 +423,7 @@ onUnmounted(() => { <template #content> <Spin :spinning="spinning" wrapper-class-name="app-content-spin"> <AppModelSelect - v-if="conversationDefaultShow" + :disabled="modelSelectDisabled" :active-index="modelIndex" :options="modelOptions" @change="handleModel" @@ -437,7 +447,7 @@ onUnmounted(() => { v-if="!conversationDefaultShow && appMessageShow" ref="appMessageRef" :key="MenuTypeEnum.TEXT_TO_TEXT" - class="pl-27 pr-5" + class="pl-27 pr-5 mt-13" :el-index="elIndex" :list="messageList" @on-scroll-top="onScrollTop" @@ -447,7 +457,7 @@ onUnmounted(() => { <!-- 发送框 --> <AppTextarea - class="pl-44 pr-24 mt-10" + class="pl-44 pr-24 mt-4" :btn-loading="sendBtnLoading" :is-stop="false" @send="handleSend" diff --git a/src/views/conversationNet/index.vue b/src/views/conversationNet/index.vue index 6d756dc..c89c1eb 100644 --- a/src/views/conversationNet/index.vue +++ b/src/views/conversationNet/index.vue @@ -28,6 +28,7 @@ const { createConfirm } = useMessage() const messageStore = useMessageStore() +const modelSelectDisabled = ref(false) const sendBtnLoading = ref(false) const subMenuActiveIndex = ref(-1) // 当前会话索引 const subMenuActionIndex = ref(-1) // 会话操作索引 @@ -73,6 +74,15 @@ watch( }, ) +watch( + () => subMenuActiveIndex.value, + (val) => { + if (val === -1) { + modelSelectDisabled.value = false + } + }, +) + /** * @description: 点击会话操作项 */ @@ -210,7 +220,7 @@ async function getHistoryMessage() { } return } - + modelSelectDisabled.value = true res.records.forEach((item: any) => { const itemData: MessageItem = { messageType: item.roleType === MessageTypeEnum.USER ? MessageTypeEnum.USER : MessageTypeEnum.AI, @@ -413,7 +423,7 @@ onUnmounted(() => { <template #content> <Spin :spinning="spinning" wrapper-class-name="app-content-spin"> <AppModelSelect - v-if="conversationDefaultShow" + :disabled="modelSelectDisabled" :active-index="modelIndex" :options="modelOptions" @change="handleModel" @@ -437,7 +447,7 @@ onUnmounted(() => { v-if="!conversationDefaultShow && appMessageShow" ref="appMessageRef" :key="MenuTypeEnum.CONVERSATION_NET" - class="pl-27 pr-5" + class="pl-27 pr-5 mt-13" :el-index="elIndex" :list="messageList" @on-scroll-top="onScrollTop" @@ -447,7 +457,7 @@ onUnmounted(() => { <!-- 发送框 --> <AppTextarea - class="pl-44 pr-24 mt-10" + class="pl-44 pr-24 mt-4" :btn-loading="sendBtnLoading" :is-stop="false" @send="handleSend" diff --git a/src/views/repository/index.vue b/src/views/repository/index.vue index 04c868c..6236a44 100644 --- a/src/views/repository/index.vue +++ b/src/views/repository/index.vue @@ -29,6 +29,7 @@ const { createConfirm } = useMessage() const messageStore = useMessageStore() +const modelSelectDisabled = ref(false) const sendBtnLoading = ref(false) const subMenuActiveIndex = ref(-1) // 当前会话索引 const subMenuActionIndex = ref(-1) // 会话操作索引 @@ -92,6 +93,15 @@ watch( }, ) +watch( + () => subMenuActiveIndex.value, + (val) => { + if (val === -1) { + modelSelectDisabled.value = false + } + }, +) + /** * @description: 点击会话操作项 */ @@ -229,7 +239,7 @@ async function getHistoryMessage() { } return } - + modelSelectDisabled.value = true res.records.forEach((item: any) => { const itemData: MessageItem = { messageType: item.roleType === MessageTypeEnum.USER ? MessageTypeEnum.USER : MessageTypeEnum.AI, @@ -416,7 +426,7 @@ onUnmounted(() => { <template #content> <Spin :spinning="spinning" wrapper-class-name="app-content-spin"> <AppModelSelect - v-if="conversationDefaultShow" + :disabled="modelSelectDisabled" :active-index="modelIndex" :options="modelOptions" @change="handleModel" @@ -439,7 +449,7 @@ onUnmounted(() => { v-if="!conversationDefaultShow && appMessageShow" ref="appMessageRef" :key="MenuTypeEnum.REPOSITORY" - class="pl-27 pr-5" + class="pl-27 pr-5 mt-13" :el-index="elIndex" :list="messageList" @on-scroll-top="onScrollTop" @@ -449,7 +459,7 @@ onUnmounted(() => { <!-- 发送框 --> <AppTextarea - class="pl-44 pr-24 mt-10" + class="pl-44 pr-24 mt-4" :btn-loading="sendBtnLoading" :is-stop="false" @send="handleSend" diff --git a/src/views/textToImage/index.vue b/src/views/textToImage/index.vue index 338cf3e..42f5b74 100644 --- a/src/views/textToImage/index.vue +++ b/src/views/textToImage/index.vue @@ -27,6 +27,7 @@ const { createConfirm } = useMessage() const messageStore = useMessageStore() +const modelSelectDisabled = ref(false) const sendBtnLoading = ref(false) const subMenuActiveIndex = ref(-1) // 当前会话索引 const subMenuActionIndex = ref(-1) // 会话操作索引 @@ -84,6 +85,15 @@ watch( }, ) +watch( + () => subMenuActiveIndex.value, + (val) => { + if (val === -1) { + modelSelectDisabled.value = false + } + }, +) + /** * @description: 点击会话操作项 */ @@ -214,6 +224,7 @@ async function getHistoryMessage() { } return } + modelSelectDisabled.value = true res.records.forEach((item: any) => { const itemData: MessageItem = { messageType: item.roleType === MessageTypeEnum.USER ? MessageTypeEnum.USER : MessageTypeEnum.AI, @@ -384,7 +395,7 @@ onUnmounted(() => { <template #content> <Spin :spinning="spinning" wrapper-class-name="app-content-spin"> <AppModelSelect - v-if="conversationDefaultShow" + :disabled="modelSelectDisabled" :active-index="modelIndex" :options="modelOptions" @change="handleModel" @@ -407,7 +418,7 @@ onUnmounted(() => { <AppMessage v-if="!conversationDefaultShow && appMessageShow" ref="appMessageRef" - class="pl-27 pr-5" + class="pl-27 pr-5 mt-13" :list="messageList" :el-index="elIndex" ai-width-type="auto" @@ -418,7 +429,7 @@ onUnmounted(() => { <!-- 发送框 --> <AppTextarea - class="pl-44 pr-24 mt-10" + class="pl-44 pr-24 mt-4" :btn-loading="sendBtnLoading" @send="handleSend" ></AppTextarea> diff --git a/src/views/visualAnalysis/index.vue b/src/views/visualAnalysis/index.vue index 7a57a5a..b1409db 100644 --- a/src/views/visualAnalysis/index.vue +++ b/src/views/visualAnalysis/index.vue @@ -27,6 +27,7 @@ const { createConfirm } = useMessage() const messageStore = useMessageStore() +const modelSelectDisabled = ref(false) const sendBtnLoading = ref(false) const subMenuActiveIndex = ref(-1) // 当前会话索引 const subMenuActionIndex = ref(-1) // 会话操作索引 @@ -70,6 +71,16 @@ watch( }, ) +watch( + () => subMenuActiveIndex.value, + (val) => { + if (val === -1) { + modelSelectDisabled.value = false + } + }, +) + + /** * @description: 点击会话操作项 */ @@ -216,7 +227,7 @@ async function getHistoryMessage() { } return } - + modelSelectDisabled.value = true res.records.forEach((item: any) => { const itemData: MessageItem = { messageType: item.roleType === MessageTypeEnum.USER ? MessageTypeEnum.USER : MessageTypeEnum.AI, @@ -381,7 +392,7 @@ onUnmounted(() => { <template #content> <Spin :spinning="spinning" wrapper-class-name="app-content-spin"> <AppModelSelect - v-if="conversationDefaultShow" + :disabled="modelSelectDisabled" :active-index="modelIndex" :options="modelOptions" @change="handleModel" @@ -403,7 +414,7 @@ onUnmounted(() => { <AppMessage v-if="!conversationDefaultShow && appMessageShow" ref="appMessageRef" - class="pl-27 pr-5" + class="pl-27 pr-5 mt-13" height="calc(100% - 120px)" :el-index="elIndex" :list="messageList" @@ -416,7 +427,7 @@ onUnmounted(() => { class="w-full" > <AppTextarea - class="pl-44 pr-24 mt-10" + class="pl-44 pr-24 mt-4" :is-upload="true" :default-file-url="defaultFileUrl" :upload-disabled="uploadDisabled"