fix：按钮逻辑分离&&欢迎语

src/components/ChatEditor/index.tsx

@@ -15,7 +15,7 @@ interface ChatEditorProps {
   onChange?: (value: string) => void
   onFocus?: () => void
   onSubmit?: (value: string, toolId?: string) => void
-  onToolClick?: (isToolBtn: boolean, toolId?: string) => void
+  onToolClick?: (isToolBtn: boolean, toolId?: string, shouldChangeStyle?: boolean) => void
   placeholders: string[]
   showContentTips?: boolean
   initialValue?: string
@@ -130,16 +130,16 @@ const ChatEditorBase: React.FC<ChatEditorProps & WithAuthProps> = ({ checkAuth,
     }
     // 切换到工具模式（false 表示工具模式，会切换左侧展示）
     setIsToolBtnActive(false)
-    // 调用父组件的回调函数，传递工具模式状态和工具ID
-    onToolClick?.(false, currentToolId)
+    // 调用父组件的回调函数，传递工具模式状态和工具ID，以及是否需要改变样式
+    onToolClick?.(false, currentToolId, true)
   }
 
   // 处理通用模式按钮点击
   const handleGeneralClick = () => {
     // 切换到通用模式（true 表示通用模式，恢复默认不切换左侧）
     setIsToolBtnActive(true)
-    // 调用父组件的回调函数，传递通用模式状态和工具ID
-    onToolClick?.(false, undefined)
+    // 调用父组件的回调函数，传递通用模式状态和工具ID，以及是否需要改变样式
+    onToolClick?.(true, undefined, false)
   }
 
   useEffect(() => {

src/pages/Chat/Chat.tsx

@@ -30,6 +30,7 @@ export const Chat: React.FC = () => {
   const currentIdRef = useRef<string | undefined>(id)
   const lastSentQuestionRef = useRef<string>('')
   const abortControllerRef = useRef<AbortController | null>(null)
+  const [isEfficiencyMode, setIsEfficiencyMode] = useState(false)
 
   /** 处理正常stream的数据 */
   const handleStreamMesageData = (msg: any, question: string) => {
@@ -268,6 +269,19 @@ export const Chat: React.FC = () => {
     }
   }, [shouldSendQuestion, isLoading])
 
+  // 监听工具按钮点击事件，更新 ChatWelcome 提示语
+  useEffect(() => {
+    const handleToolClickEvent = (event: CustomEvent) => {
+      const { isToolBtn } = event.detail
+      // isToolBtn = true 表示通用模式，false 表示提质增效模式
+      setIsEfficiencyMode(!isToolBtn)
+    }
+    window.addEventListener('toolButtonClick', handleToolClickEvent as EventListener)
+    return () => {
+      window.removeEventListener('toolButtonClick', handleToolClickEvent as EventListener)
+    }
+  }, [])
+
   return (
     <div className={styles.scrollView}>
       <div className={`${styles.chatPage} relative`}>
@@ -298,7 +312,7 @@ export const Chat: React.FC = () => {
                       record.question || record.answerList?.[0]?.answer || ''
                     }`}
                   >
-                    {record.role === 'system' && <ChatWelcome />}
+                    {record.role === 'system' && <ChatWelcome isEfficiencyMode={isEfficiencyMode} />}
                     {record.role === 'user' && <ChatItemUser record={record} />}
                     {record.role === 'ai' && (
                       <ChatAnswerBox
@@ -333,10 +347,10 @@ export const Chat: React.FC = () => {
           </div>
           <ChatEditor
             onSubmit={(question, toolId) => handleSubmitQuestion(question, undefined, toolId)}
-            onToolClick={(isToolBtn, toolId) => {
+            onToolClick={(isToolBtn, toolId, shouldChangeStyle) => {
             // 发送自定义事件到父组件
             window.dispatchEvent(new CustomEvent('toolButtonClick', {
-              detail: { isToolBtn, toolId },
+              detail: { isToolBtn, toolId, shouldChangeStyle },
             }))
           }}
             placeholders={[]}

src/pages/Chat/components/ChatWelcome/index.tsx

@@ -3,9 +3,21 @@ import { motion } from 'framer-motion'
 import AvatarBot from '@/assets/avatarBot.png'
 import AIIcon from '@/assets/ai-icon.png'
 
-export const ChatWelcome: React.FC = () => {
+interface ChatWelcomeProps {
+  isEfficiencyMode?: boolean
+}
+
+export const ChatWelcome: React.FC<ChatWelcomeProps> = ({ isEfficiencyMode = false }) => {
    const viteOutputObj = import.meta.env.VITE_OUTPUT_OBJ || 'open'
 
+  // 根据模式显示不同的提示语
+  const getWelcomeText = () => {
+    if (isEfficiencyMode) {
+      return 'HI~ 我是您的提质增效助手，有什么可以帮您？'
+    }
+    return '您好，有什么我可以帮您的吗？'
+  }
+
   return (
     <div className="chatWelcomeContainer w-full">
       <div className="h-[20px] sm:h-[32px] w-full"></div>
@@ -20,7 +32,7 @@ export const ChatWelcome: React.FC = () => {
               className="font-medium text-[#333]"
               style={{ fontSize: '16px' }}
             >
-              您好，有什么我可以帮您的吗？
+              {getWelcomeText()}
             </p>
             {/* <p className="text-[15px] mt-[4px]  sm:mt-[8px] sm:text-13px text-[#27353C] font-300">作为您的智能保险伙伴，您有各类专业相关的问题都可以抛给我哟~让我们互相帮助共同成长吧~</p> */}
           </div>

src/pages/Home/HomeNew.tsx

@@ -51,6 +51,7 @@ export const Home: React.FC = () => {
   const [productQuestions, setProductQuestions] = useState<any>({ content: [] })
   const [otherQuestions, setOtherQuestions] = useState<any>({ content: [] })
   const [isToolBtnActive, setIsToolBtnActive] = useState<boolean>(false)
+  const [shouldChangeStyle, setShouldChangeStyle] = useState<boolean>(false)
   // 保存原始的configType为07的数据
   const [originalOtherQuestions, setOriginalOtherQuestions] = useState<any>({ content: [] })
 
@@ -146,15 +147,31 @@ finally {
   // 监听工具按钮点击事件
   useEffect(() => {
     const handleToolClickEvent = (event: CustomEvent) => {
-      const { isToolBtn, toolId } = event.detail
+      const { isToolBtn, toolId, shouldChangeStyle: shouldChangeStyleParam } = event.detail
+      // eslint-disable-next-line no-console
+      console.log('🔧 工具按钮点击事件触发:', {
+        isToolBtn,
+        toolId,
+        shouldChangeStyle: shouldChangeStyleParam,
+        当前isToolBtnActive: isToolBtnActive,
+        当前shouldChangeStyle: shouldChangeStyle,
+      })
       setIsToolBtnActive(isToolBtn)
+      // 更新样式控制状态
+      if (shouldChangeStyleParam !== undefined) {
+        setShouldChangeStyle(shouldChangeStyleParam)
+      }
+      // eslint-disable-next-line no-console
+      console.log('✅ isToolBtnActive 已更新为:', isToolBtn)
+      // eslint-disable-next-line no-console
+      console.log('🎨 shouldChangeStyle 已更新为:', shouldChangeStyleParam)
       _handleToolClick(isToolBtn, toolId)
     }
     window.addEventListener('toolButtonClick', handleToolClickEvent as EventListener)
     return () => {
       window.removeEventListener('toolButtonClick', handleToolClickEvent as EventListener)
     }
-  }, [_handleToolClick])
+  }, [_handleToolClick, isToolBtnActive, shouldChangeStyle])
 
   const login = useCallback(async () => {
     // 防止重复调用
@@ -235,9 +252,9 @@ finally {
                 {/* 左侧区域 - 产品问答和您可以试着问我 */}
                   <div
                     className="flex flex-col gap-[20px] items-center overflow-y-auto scrollbar-hide"
-                    style={{ height: isToolBtnActive ? 'calc(-64px + 100vh)' : '500px', background: isToolBtnActive ? 'linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)' : '', borderRadius: '24px' }}
+                    style={{ height: shouldChangeStyle ? 'calc(-64px + 100vh)' : '500px', background: shouldChangeStyle ? 'linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)' : '', borderRadius: '24px' }}
                   >
-                {!isToolBtnActive && (
+                {!shouldChangeStyle && (
                   <motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
                     <QuestionList
                       questions={productQuestions.content}
@@ -245,7 +262,7 @@ finally {
                       background="linear-gradient(180deg, #EBE6FF 0%, #FFFFFF 50%, #FFFFFF 100%)"
                       title={productQuestions.configName}
                       iconImg={HomeIcon1}
-                      isToolBtn={isToolBtnActive}
+                      isToolBtn={shouldChangeStyle}
                       isLoaded={isDataLoaded}
                     />
                   </motion.div>
@@ -255,14 +272,14 @@ finally {
                       questions={otherQuestions.content}
                       dotColor="#CBECFF"
                       background="linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)"
-                      height={isToolBtnActive ? '288px' : 'auto'}
+                      height={shouldChangeStyle ? '288px' : 'auto'}
                       title={otherQuestions.configName}
                       iconImg={HomeIcon2}
-                      isToolBtn={isToolBtnActive}
+                      isToolBtn={shouldChangeStyle}
                       isLoaded={isDataLoaded}
                     />
                   </motion.div>
-                  {isToolBtnActive && (
+                  {shouldChangeStyle && (
                     <div>
                       <img src={SmartIce} alt="Smart Ice" className="w-[260px] h-[218px] mt-[-12px] object-contain" />
                     </div>