feat：接入工具模式下展示推荐问接口

src/api/home.ts

@@ -15,3 +15,12 @@ export function fetchQuestionList(data: any) {
 export function fetchToolList() {
   return http.post('/config-center/api/tool/mobile/v1/get_tool_list')
 }
+
+/**
+ * 查询 提质增效 推荐问题列表
+ * @params
+ * toolId: 工具id
+ */
+export function fetchEfficiencyQuestionList(data: any) {
+  return http.post('/conversation/api/conversation/mobile/v1/generate_gueston', data)
+}

src/components/ChatEditor/index.tsx

@@ -14,7 +14,7 @@ interface ChatEditorProps {
   onChange?: (value: string) => void
   onFocus?: () => void
   onSubmit?: (value: string, toolId?: string) => void
-  onToolClick?: (isToolBtn: boolean) => void
+  onToolClick?: (isToolBtn: boolean, toolId?: string) => void
   placeholders: string[]
   showContentTips?: boolean
   initialValue?: string
@@ -115,23 +115,23 @@ const ChatEditorBase: React.FC<ChatEditorProps & WithAuthProps> = ({ checkAuth,
   const handleToolClick = () => {
     // 查找"提质增效"工具
     const efficiencyTool = toolList.find((tool: any) => tool.toolName === '提质增效')
+    let currentToolId = null
     if (efficiencyTool) {
       setSelectedToolId(efficiencyTool.toolId)
+      currentToolId = efficiencyTool.toolId
     }
     else {
       // 如果没有找到"提质增效"工具，使用第一个工具
       if (toolList.length > 0) {
         setSelectedToolId(toolList[0].toolId)
+        currentToolId = toolList[0].toolId
       }
     }
     // 切换工具按钮状态
     const newToolBtnState = !isToolBtnActive
     setIsToolBtnActive(newToolBtnState)
-    // 打印传递的参数 isToolBtn
-    // eslint-disable-next-line no-console
-    console.log('ChatEditor 组件接收到 isToolBtn 参数:', newToolBtnState)
-    // 调用父组件的回调函数，传递切换后的状态
-    onToolClick?.(newToolBtnState)
+    // 调用父组件的回调函数，传递切换后的状态和工具ID
+    onToolClick?.(newToolBtnState, currentToolId)
   }
 
   useEffect(() => {

src/pages/Chat/Chat.tsx

@@ -333,10 +333,10 @@ export const Chat: React.FC = () => {
           </div>
           <ChatEditor
             onSubmit={(question, toolId) => handleSubmitQuestion(question, undefined, toolId)}
-            onToolClick={(isToolBtn) => {
+            onToolClick={(isToolBtn, toolId) => {
             // 发送自定义事件到父组件
             window.dispatchEvent(new CustomEvent('toolButtonClick', {
-              detail: { isToolBtn },
+              detail: { isToolBtn, toolId },
             }))
           }}
             placeholders={[]}

src/pages/Home/HomeNew.tsx

@@ -10,7 +10,7 @@ import HomeIcon2 from '@/assets/homeIcon2.png'
 import SmartIce from '@/assets/smart-ice.png'
 import { createConversation, fetchConversations } from '@/store/conversationSlice'
 import { useAppDispatch } from '@/store/hook'
-import { fetchQuestionList } from '@/api/home'
+import { fetchEfficiencyQuestionList, fetchQuestionList } from '@/api/home'
 import SdreamLoading from '@/components/SdreamLoading'
 import { fetchLoginByToken, fetchLoginByUid } from '@/api/common'
 
@@ -50,6 +50,8 @@ export const Home: React.FC = () => {
   const [productQuestions, setProductQuestions] = useState<any>({ content: [] })
   const [otherQuestions, setOtherQuestions] = useState<any>({ content: [] })
   const [isToolBtnActive, setIsToolBtnActive] = useState<boolean>(false)
+  // 保存原始的configType为07的数据
+  const [originalOtherQuestions, setOriginalOtherQuestions] = useState<any>({ content: [] })
 
   const [token, setToken] = useLocalStorageState<string | undefined>('__TOKEN__', {
     defaultValue: '',
@@ -73,6 +75,7 @@ export const Home: React.FC = () => {
           if (element.configType === '07') {
             element.content = JSON.parse(element.content)
             setOtherQuestions(element)
+            setOriginalOtherQuestions(element) // 保存原始数据
           }
         }
       }
@@ -106,35 +109,45 @@ export const Home: React.FC = () => {
   }
 
   // 处理工具按钮点击
-  const _handleToolClick = useCallback((isToolBtn: boolean) => {
-    // eslint-disable-next-line no-console
-    console.log('HomeNew.tsx 接收到 isToolBtn 参数:', isToolBtn)
-  }, [])
+  const _handleToolClick = useCallback(async (isToolBtn: boolean, toolId?: string) => {
+    if (isToolBtn && toolId) {
+      // 当isToolBtn为true时，替换configType为07的数据
+      // 先清空数据，确保显示空数据样式
+      setOtherQuestions((prev: any) => ({
+        ...prev,
+        content: [],
+      }))
+      try {
+        const res = await fetchEfficiencyQuestionList({ toolId })
+        if (res && res.data && res.data.questions) {
+          setOtherQuestions((prev: any) => ({
+            ...prev,
+            content: res.data.questions || [],
+          }))
+        }
+      }
+      catch (error) {
+        console.error('获取工具相关问题失败:', error)
+      }
+    }
+    else if (!isToolBtn) {
+      // 当isToolBtn为false时，恢复原始的configType为07的数据
+      setOtherQuestions(originalOtherQuestions)
+    }
+  }, [originalOtherQuestions])
 
   // 监听工具按钮点击事件
   useEffect(() => {
     const handleToolClickEvent = (event: CustomEvent) => {
-      const { isToolBtn } = event.detail
-      // eslint-disable-next-line no-console
-      console.log('HomeNew.tsx 接收到 isToolBtn 参数:', isToolBtn)
+      const { isToolBtn, toolId } = event.detail
       setIsToolBtnActive(isToolBtn)
+      _handleToolClick(isToolBtn, toolId)
     }
-
     window.addEventListener('toolButtonClick', handleToolClickEvent as EventListener)
-
     return () => {
       window.removeEventListener('toolButtonClick', handleToolClickEvent as EventListener)
     }
-  }, [])
-
-  // 处理创建对话
-  const _handleCreateConversation = useCallback((question: string) => {
-    dispatch(createConversation({
-      conversationData: {},
-      shouldNavigate: true,
-      shouldSendQuestion: question,
-    }))
-  }, [dispatch])
+  }, [_handleToolClick])
 
   const login = useCallback(async () => {
     // 防止重复调用
@@ -146,15 +159,12 @@ export const Home: React.FC = () => {
     // 获取查询参数
     const searchParams = new URLSearchParams(url.search)
     const _loginCode = searchParams.get('loginCode')
-
     let res = {} as any
-
     if (viteOutputObj === 'inner') {
       if (_loginCode) {
         res = await fetchLoginByToken(_loginCode)
         if (res.data) {
           setToken(res.data.token)
-
           // 主动触发 storage 事件，确保其他组件能监听到变化
           window.dispatchEvent(
             new StorageEvent('storage', {
@@ -165,7 +175,6 @@ export const Home: React.FC = () => {
               storageArea: localStorage,
             }),
           )
-
           await getQuestionList()
           initConversation()
           dispatch(fetchConversations())
@@ -182,7 +191,6 @@ export const Home: React.FC = () => {
       res = await fetchLoginByUid('123123')
       if (res.data) {
         setToken(res.data.token)
-
         // 主动触发 storage 事件，确保其他组件能监听到变化
         window.dispatchEvent(
           new StorageEvent('storage', {
@@ -193,7 +201,6 @@ export const Home: React.FC = () => {
             storageArea: localStorage,
           }),
         )
-
         await getQuestionList()
         initConversation()
         dispatch(fetchConversations())
@@ -259,26 +266,6 @@ export const Home: React.FC = () => {
                     style={{ height: 'calc(100vh - 64px)', background: '#FFFFFF', padding: '0 30px' }}
                   >
                     <Outlet />
-                    {/* {showOutlet
-                      ? (
-                          <Outlet />
-                        )
-                      : (
-                          <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', height: '100%' }}>
-                            <Slogan />
-                            <div className="box-border px-[0] mx-auto iptContainer w-full flex-shrink-0 sm:px-0 pb-[18px]">
-                              <ChatEditor
-                                showContentTips
-                                onSubmit={handleCreateConversation}
-                                onToolClick={handleToolClick}
-                                placeholders={RECOMMEND_QUESTIONS_OTHER}
-                              />
-                              <div className="hidden sm:block w-full text-center mt-[12px] text-[#3333334d] text-[12px]">
-                                内容由AI模型生成，其准确性和完整性无法保证，仅供参考
-                              </div>
-                            </div>
-                          </div>
-                        )} */}
                   </div>
                 </div>
               </div>

src/pages/Home/components/QuestionList/QuestionList.tsx

@@ -7,6 +7,7 @@ import Refresh from '@/assets/svg/refresh.svg?react'
 import { type WithAuthProps, withAuth } from '@/auth/withAuth'
 import { useAppDispatch } from '@/store/hook'
 import { createConversation } from '@/store/conversationSlice'
+import emptyIcon from '@/assets/empty-icon.png'
 
 interface QuestionListProps {
   title: string
@@ -135,38 +136,49 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
         )
 : null}
       </h3>
-      <motion.ul
-        key={displayedItems.join(',')}
-        variants={containerVariants}
-        initial="hidden"
-        animate="visible"
-        className="mt-[8px] flex flex-col gap-[8px] w-full"
-      >
-        {displayedItems.map((item, index) => (
-          <motion.li
-            key={`question-${item}`}
-            custom={index}
-            variants={itemVariants}
-            initial="hidden"
-            animate="visible"
-            exit="exit"
-            layout
-            className="w-full"
-          >
-            <Button
-              onPress={() => handleClick(item)}
-              color="primary"
-              variant="light"
-              className="text-left bg-[#F8FBFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#F0F8FF] data-[hover=true]:text-primary h-8"
-            >
-              <div className="w-full text-nowrap text-ellipsis overflow-hidden">
-              <span className="w-[6px] h-[6px] rounded-full inline-block mr-[6px]" style={{ backgroundColor: dotColor }}></span>
-                <span className="ml-[8px]">{item}</span>
+      {questions.length === 0
+        ? (
+            <div className="mt-[80px] flex flex-col items-center justify-center h-[200px]">
+              <div className="flex flex-col items-center">
+                <Image src={emptyIcon} alt="空数据" className="w-[72px] h-[72px]" />
+                <div className="mt-[16px] text-[14px] text-[#27353C]">问题正在路上...</div>
               </div>
-            </Button>
-          </motion.li>
-        ))}
-      </motion.ul>
+            </div>
+          )
+        : (
+        <motion.ul
+          key={displayedItems.join(',')}
+          variants={containerVariants}
+          initial="hidden"
+          animate="visible"
+          className="mt-[8px] flex flex-col gap-[8px] w-full"
+        >
+          {displayedItems.map((item, index) => (
+            <motion.li
+              key={`question-${item}`}
+              custom={index}
+              variants={itemVariants}
+              initial="hidden"
+              animate="visible"
+              exit="exit"
+              layout
+              className="w-full"
+            >
+              <Button
+                onPress={() => handleClick(item)}
+                color="primary"
+                variant="light"
+                className="text-left bg-[#F8FBFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#F0F8FF] data-[hover=true]:text-primary h-8"
+              >
+                <div className="w-full text-nowrap text-ellipsis overflow-hidden">
+                <span className="w-[6px] h-[6px] rounded-full inline-block mr-[6px]" style={{ backgroundColor: dotColor }}></span>
+                  <span className="ml-[8px]">{item}</span>
+                </div>
+              </Button>
+            </motion.li>
+          ))}
+        </motion.ul>
+          )}
     </div>
   )
 }