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"