From d860176c37a8ca31c3395873a3cc92f564ba45e9 Mon Sep 17 00:00:00 2001
From: Lexcubia <lexcubia@qq.com>
Date: Sun, 20 Apr 2025 20:59:38 +0800
Subject: [PATCH 1/4] update: Improve mobile responsiveness of
 CustomerBackground component with dynamic width and enhanced styling

---
 src/components/chat/CustomerBackground.vue | 107 +++++++++++++++++++--
 1 file changed, 98 insertions(+), 9 deletions(-)

diff --git a/src/components/chat/CustomerBackground.vue b/src/components/chat/CustomerBackground.vue
index 1e5d4d6..980844f 100644
--- a/src/components/chat/CustomerBackground.vue
+++ b/src/components/chat/CustomerBackground.vue
@@ -1,10 +1,17 @@
 <template>
   <el-dialog
     v-model="dialogVisible"
-    width="500px"
+    :width="isMobile ? '90%' : '500px'"
     :close-on-click-modal="true"
     destroy-on-close
+    class="customer-background-dialog"
+    :fullscreen="isMobile"
   >
+    <template #header>
+      <div class="dialog-header">
+        <h3 class="dialog-title">客户信息</h3>
+      </div>
+    </template>
     <div class="background-info-content" v-if="currentMode">
       <div v-html="formattedBackground"></div>
     </div>
@@ -20,7 +27,7 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
+import { computed, ref, onMounted, onUnmounted } from 'vue'
 import { useChatStore } from '@/store/chat'
 import { marked } from 'marked'
 
@@ -34,6 +41,20 @@ const props = defineProps({
 const emit = defineEmits(['update:modelValue'])
 
 const chatStore = useChatStore()
+const isMobile = ref(false)
+
+const checkMobile = () => {
+  isMobile.value = window.innerWidth <= 768
+}
+
+onMounted(() => {
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', checkMobile)
+})
 
 const dialogVisible = computed({
   get: () => props.modelValue,
@@ -67,44 +88,92 @@ const handleClose = () => {
 </script>
 
 <style lang="scss" scoped>
+.customer-background-dialog {
+  :deep(.el-dialog) {
+    @media screen and (max-width: 768px) {
+      margin: 0 !important;
+      max-width: 100% !important;
+      border-radius: 0;
+      
+      .el-dialog__header {
+        margin: 0;
+        padding: 16px;
+        border-bottom: 1px solid #eee;
+      }
+
+      .el-dialog__body {
+        padding: 16px;
+        max-height: calc(100vh - 120px);
+        overflow-y: auto;
+      }
+
+      .el-dialog__footer {
+        padding: 12px 16px;
+        border-top: 1px solid #eee;
+      }
+    }
+  }
+}
+
+.dialog-header {
+  .dialog-title {
+    font-size: 18px;
+    font-weight: 500;
+    color: #333;
+    margin: 0;
+  }
+}
+
 .background-info-content {
-  padding: 0 20px;
+  padding: 0;
 
   :deep(h1) {
     font-size: 20px;
     font-weight: 600;
-    margin-bottom: 16px;
+    margin: 0 0 16px 0;
     color: #333;
   }
 
   :deep(h2) {
     font-size: 18px;
     font-weight: 600;
-    margin: 24px 0 16px;
+    margin: 20px 0 12px 0;
     color: #333;
   }
 
   :deep(h3) {
     font-size: 16px;
     font-weight: 600;
-    margin: 20px 0 12px;
+    margin: 16px 0 8px 0;
     color: #333;
   }
 
   :deep(p) {
-    margin-bottom: 12px;
+    margin: 0 0 12px 0;
     line-height: 1.6;
     color: #666;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
   }
 
   :deep(ul), :deep(ol) {
-    margin-bottom: 12px;
+    margin: 0 0 12px 0;
     padding-left: 20px;
     
     li {
       margin-bottom: 8px;
       line-height: 1.6;
       color: #666;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    &:last-child {
+      margin-bottom: 0;
     }
   }
 
@@ -123,6 +192,26 @@ const handleClose = () => {
 .dialog-footer {
   display: flex;
   justify-content: flex-end;
-  margin-top: 20px;
+  margin-top: 0;
+}
+
+@media screen and (max-width: 768px) {
+  .background-info-content {
+    :deep(h1) {
+      font-size: 18px;
+    }
+
+    :deep(h2) {
+      font-size: 16px;
+    }
+
+    :deep(h3) {
+      font-size: 15px;
+    }
+
+    :deep(p), :deep(ul), :deep(ol) {
+      font-size: 14px;
+    }
+  }
 }
 </style> 
\ No newline at end of file

From b0d9c7f5217fe1ae64b46dd1b0c30e3a9e7d7fa2 Mon Sep 17 00:00:00 2001
From: Lexcubia <lexcubia@qq.com>
Date: Sun, 20 Apr 2025 21:02:30 +0800
Subject: [PATCH 2/4] update: Add conditional rendering for delete button and
 user info button in ChatHeader for improved functionality

---
 src/views/chat/ChatHeader.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/views/chat/ChatHeader.vue b/src/views/chat/ChatHeader.vue
index 5620899..3cd8f3a 100644
--- a/src/views/chat/ChatHeader.vue
+++ b/src/views/chat/ChatHeader.vue
@@ -20,7 +20,7 @@
         <HistoryButton v-if="settingsStore.sidebarCollapsed" :icon-only="false" class="title-history-btn" />
       </div>
       <div class="actions">
-        <el-tooltip content="删除会话" placement="bottom">
+        <el-tooltip content="删除会话" placement="bottom" v-if="chatStore.conversationId">
           <el-button 
             class="action-btn delete-btn" 
             :icon="Delete"
@@ -38,13 +38,12 @@
           >
           </el-button>
         </el-tooltip>
-        <el-tooltip :content="hasBackground ? '客户背景' : '暂无客户背景信息'" placement="bottom">
+        <el-tooltip :content="hasBackground ? '客户背景' : '暂无客户背景信息'" placement="bottom" v-if="hasBackground">
           <el-button 
             class="action-btn" 
             :icon="User"
             @click="showUserInfo = true"
             text
-            :disabled="!hasBackground"
           >
           </el-button>
         </el-tooltip>

From 7ca70cb8e6a7a6653108dbe10945c4e98788e5d8 Mon Sep 17 00:00:00 2001
From: Lexcubia <lexcubia@qq.com>
Date: Sun, 20 Apr 2025 21:09:59 +0800
Subject: [PATCH 3/4] update: Modify API base URL in .env and .env.production
 files for consistency across environments

---
 .env            | 2 +-
 .env.production | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env b/.env
index 5cb2929..f56be60 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
 VITE_APP_BASE_API=http://160.202.224.52:31002
-VITE_APP_ENV=default 
\ No newline at end of file
+VITE_APP_ENV=default
\ No newline at end of file
diff --git a/.env.production b/.env.production
index e8db98f..4f7e8a8 100644
--- a/.env.production
+++ b/.env.production
@@ -1,2 +1,2 @@
-VITE_APP_BASE_API=http://api.production.com
+VITE_APP_BASE_API=http://160.202.224.52:31002
 VITE_APP_ENV=production 
\ No newline at end of file

From d3953529471a55be15fd9ce3a4e04ab8e061aa35 Mon Sep 17 00:00:00 2001
From: Lexcubia <lexcubia@qq.com>
Date: Sun, 20 Apr 2025 21:10:46 +0800
Subject: [PATCH 4/4] update: Change build script in package.json to include
 development mode

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ca8dc0e..33b0923 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "dev": "vite --mode development",
     "dev:test": "vite --mode test",
     "build": "vite build",
-    "build:test": "vite build --mode test",
+    "build:dev": "vite build --mode development",
     "build:prod": "vite build --mode production",
     "preview": "vite preview"
   },