fix: refine chat document and image layout，and some translation issues (

#2177) * fix: Rrefine english words * fix: refine chat document and image layout，and some translation issues --------- Co-authored-by: wangdan-fit2cloud <dan.wang@fit2cloud.com>
1Panel-dev · Feb 9, 2025 · 761b686 · 761b686
1 parent 96c79f4
commit 761b686
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 43 deletions.
diff --git a/ui/src/components/ai-chat/component/chat-input-operate/index.vue b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@@ -19,10 +19,10 @@
               v-for="(item, index) in uploadDocumentList"
               :key="index"
               :xs="24"
-              :sm="12"
-              :md="12"
-              :lg="12"
-              :xl="12"
+              :sm="props.type === 'debug-ai-chat' ? 24 : 12"
+              :md="props.type === 'debug-ai-chat' ? 24 : 12"
+              :lg="props.type === 'debug-ai-chat' ? 24 : 12"
+              :xl="props.type === 'debug-ai-chat' ? 24 : 12"
               class="mb-8"
             >
               <el-card
@@ -54,10 +54,10 @@
 
             <el-col
               :xs="24"
-              :sm="12"
-              :md="12"
-              :lg="12"
-              :xl="12"
+              :sm="props.type === 'debug-ai-chat' ? 24 : 12"
+              :md="props.type === 'debug-ai-chat' ? 24 : 12"
+              :lg="props.type === 'debug-ai-chat' ? 24 : 12"
+              :xl="props.type === 'debug-ai-chat' ? 24 : 12"
               class="mb-8"
               v-for="(item, index) in uploadAudioList"
               :key="index"
@@ -85,10 +85,10 @@
               </el-card>
             </el-col>
           </el-row>
-          <div class="flex">
+          <el-space wrap>
             <template v-for="(item, index) in uploadImageList" :key="index">
               <div
-                class="file cursor border border-r-4 mr-8"
+                class="file cursor border border-r-4"
                 v-if="item.url"
                 @mouseenter.stop="mouseenter(item)"
                 @mouseleave.stop="mouseleave()"
@@ -111,7 +111,7 @@
                 />
               </div>
             </template>
-          </div>
+          </el-space>
         </div>
       </el-scrollbar>
       <div class="flex">

diff --git a/ui/src/components/ai-chat/component/question-content/index.vue b/ui/src/components/ai-chat/component/question-content/index.vue
@@ -21,10 +21,10 @@
               v-for="(item, index) in document_list"
               :key="index"
               :xs="24"
-              :sm="12"
-              :md="12"
-              :lg="12"
-              :xl="12"
+              :sm="props.type === 'debug-ai-chat' ? 24 : 12"
+              :md="props.type === 'debug-ai-chat' ? 24 : 12"
+              :lg="props.type === 'debug-ai-chat' ? 24 : 12"
+              :xl="props.type === 'debug-ai-chat' ? 24 : 12"
               class="mb-8 w-full"
             >
               <el-card shadow="never" style="--el-card-padding: 8px" class="download-file cursor">
@@ -45,17 +45,8 @@
           </el-row>
         </div>
         <div class="mb-8" v-if="image_list.length">
-          <el-row :gutter="10">
-            <el-col
-              v-for="(item, index) in image_list"
-              :key="index"
-              :xs="24"
-              :sm="12"
-              :md="12"
-              :lg="12"
-              :xl="12"
-              class="mb-8"
-            >
+          <el-space wrap>
+            <template v-for="(item, index) in image_list" :key="index">
               <div class="file cursor border-r-4" v-if="item.url">
                 <el-image
                   :src="item.url"
@@ -70,19 +61,19 @@
                   class="border-r-4"
                 />
               </div>
-            </el-col>
-          </el-row>
+            </template>
+          </el-space>
         </div>
         <div class="mb-8" v-if="audio_list.length">
           <el-row :gutter="10">
             <el-col
               v-for="(item, index) in audio_list"
               :key="index"
               :xs="24"
-              :sm="12"
-              :md="12"
-              :lg="12"
-              :xl="12"
+              :sm="props.type === 'debug-ai-chat' ? 24 : 12"
+              :md="props.type === 'debug-ai-chat' ? 24 : 12"
+              :lg="props.type === 'debug-ai-chat' ? 24 : 12"
+              :xl="props.type === 'debug-ai-chat' ? 24 : 12"
               class="mb-8"
             >
               <div class="file cursor border-r-4" v-if="item.url">
@@ -109,6 +100,7 @@ import { onMounted, computed } from 'vue'
 const props = defineProps<{
   application: any
   chatRecord: chatType
+  type: 'log' | 'ai-chat' | 'debug-ai-chat'
 }>()
 const document_list = computed(() => {
   if (props.chatRecord?.upload_meta) {
@@ -163,7 +155,6 @@ onMounted(() => {})
     }
   }
 
-
   .download-button {
     display: none;
   }

diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
@@ -18,7 +18,11 @@
 
         <template v-for="(item, index) in chatList" :key="index">
           <!-- 问题 -->
-          <QuestionContent :application="applicationDetails" :chat-record="item"></QuestionContent>
+          <QuestionContent
+            :type="type"
+            :application="applicationDetails"
+            :chat-record="item"
+          ></QuestionContent>
           <!-- 回答 -->
           <AnswerContent
             :application="applicationDetails"

diff --git a/ui/src/components/login-layout/index.vue b/ui/src/components/login-layout/index.vue
@@ -54,7 +54,7 @@ const changeLang = (lang: string) => {
 }
 
 const currentLanguage = computed(() => {
-  return langList.value?.filter((v: any) => v.value === user.getLanguage())[0].label
+  return langList.value?.filter((v: any) => v.value === user.getLanguage())?.[0]?.label
 })
 
 const fileURL = computed(() => {

diff --git a/ui/src/locales/lang/en-US/ai-chat.ts b/ui/src/locales/lang/en-US/ai-chat.ts
@@ -1,8 +1,8 @@
 export default {
   noHistory: 'No Chat History',
-  createChat: 'New Conversation',
+  createChat: 'New Chat',
   history: 'Chat History',
-  only20history: 'Showing only the last 20 conversations',
+  only20history: 'Showing only the last 20 chats',
   question_count: 'Questions',
   exportRecords: 'Export Chat History',
   chatId: 'Chat ID',
@@ -68,7 +68,7 @@ export default {
     searchContent: 'Search Query',
     searchResult: 'Search Results',
     conditionResult: 'Condition Evaluation',
-    currentChat: 'Current Conversation',
+    currentChat: 'Current Chat',
     answer: 'AI Response',
     replyContent: 'Reply Content',
     textContent: 'Text Content',

diff --git a/ui/src/locales/lang/en-US/views/application.ts b/ui/src/locales/lang/en-US/views/application.ts
@@ -93,17 +93,17 @@ export default {
       },
 
       voiceInput: {
-        label: 'Voice input',
+        label: 'Voice Input',
         placeholder: 'Please select a speech recognition model',
         requiredMessage: 'Please select a speech input model',
-        autoSend: 'Automatic sending'
+        autoSend: 'Automatic Sending'
       },
       voicePlay: {
-        label: 'Voice playback',
+        label: 'Voice Playback',
         placeholder: 'Please select a speech synthesis model',
         requiredMessage: 'Please select a speech playback model',
-        autoPlay: 'Automatic playback',
-        browser: 'Browser playback (free)',
+        autoPlay: 'Automatic Playback',
+        browser: 'Browser Playback (free)',
         tts: 'TTS Model',
         listeningTest: 'Preview'
       },