feat: 调整首页工具逻辑

704a4770 · Liu · 934534e1 · 704a4770
Commit 704a4770 authored Nov 27, 2025 by Liu
Show whitespace changes
Inline Side-by-side

Showing with 14 additions and 63 deletions

src/pages/Home/HomeNew.tsx
+14 -63

No files found.
--- a/src/pages/Home/HomeNew.tsx
+++ b/src/pages/Home/HomeNew.tsx
@@ -5,12 +5,11 @@ import { Outlet, useLocation } from 'react-router-dom'
 import { useLocalStorageState } from 'ahooks'
 import styles from './Home.module.less'
 import { QuestionList } from './components/QuestionList'
-import HomeIcon1 from '@/assets/homeIcon1.png'
 import HomeIcon2 from '@/assets/homeIcon2.png'
 import SmartIce from '@/assets/smart-ice.png'
 import { clearCurrentToolId, createConversation, fetchConversations, setCurrentToolId } from '@/store/conversationSlice'
 import { useAppDispatch } from '@/store/hook'
-import { fetchEfficiencyQuestionList, fetchQuestionList } from '@/api/home'
+import { fetchEfficiencyQuestionList } from '@/api/home'
 import SdreamLoading from '@/components/SdreamLoading'
 import { fetchLoginByToken, fetchLoginByUid } from '@/api/common'
@@ -42,56 +41,22 @@ function getAnimationProps(delay: number) {
 export const Home: React.FC = () => {
  const viteOutputObj = import.meta.env.VITE_OUTPUT_OBJ || 'open'
-  const [isLoading, setIsLoading] = useState(false)
+  const [isLoading, _setIsLoading] = useState(false)
  const [isDataLoaded, setIsDataLoaded] = useState(false)
  const dispatch = useAppDispatch()
  const location = useLocation()
  const hasFetched = useRef(false)
  // 使用 useState
-  const [productQuestions, setProductQuestions] = useState<any>({ content: [] })
  const [otherQuestions, setOtherQuestions] = useState<any>({ content: [] })
  const [isToolBtnActive, setIsToolBtnActive] = useState<boolean>(false)
-  const [shouldChangeStyle, setShouldChangeStyle] = useState<boolean>(false)
+  const [shouldChangeStyle, setShouldChangeStyle] = useState<boolean>(true)
  // 保存原始的configType为07的数据
-  const [originalOtherQuestions, setOriginalOtherQuestions] = useState<any>({ content: [] })
+  const [originalOtherQuestions, _setOriginalOtherQuestions] = useState<any>({ content: [] })
  const [token, setToken] = useLocalStorageState<string | undefined>('__TOKEN__', {
    defaultValue: '',
  })
-  /** 获取qa记录 */
-  const getQuestionList = useCallback(async () => {
-    setIsLoading(true)
-    try {
-      const param = {
-        configTypeList: ['06', '07'],
-      }
-      const res = await fetchQuestionList(param)
-      if (res && res.data) {
-        for (let index = 0; index < res.data.length; index++) {
-          const element = res.data[index]
-          if (element.configType === '06') {
-            element.content = JSON.parse(element.content)
-            setProductQuestions(element)
-          }
-          if (element.configType === '07') {
-            element.content = JSON.parse(element.content)
-            setOtherQuestions(element)
-            setOriginalOtherQuestions(element) // 保存原始数据
-          }
-        }
-      }
-    }
- catch (error) {
-      // 可以在这里添加错误处理逻辑
-      console.error('Failed to fetch chat records:', error)
-    }
-finally {
-      setIsLoading(false)
-      setIsDataLoaded(true)
-    }
-  }, [])
  const initConversation = () => {
    const fromCollect = location.state?.fromCollect
    // 只有在访问首页时才创建新对话，如果已经在聊天页面则不创建
@@ -113,7 +78,7 @@ finally {
  // 处理工具按钮点击
  const _handleToolClick = useCallback(async (isToolBtn: boolean, toolId?: string) => {
-    if (!isToolBtn && toolId) {
+    // if (!isToolBtn && toolId) {
      // 提质增效模式：只修改左侧页面内容，加载工具相关问题
      // 先清空数据，确保显示空数据样式
      setOtherQuestions((prev: any) => ({
@@ -136,31 +101,19 @@ finally {
      finally {
        setIsDataLoaded(true) // 无论成功失败都标记为已加载
      }
-    }
+    // }
-    else if (isToolBtn) {
+    // else if (isToolBtn) {
-      // 通用模式：恢复刷新时的状态，包括左侧内容也要恢复到初始状态
+    //   setIsDataLoaded(true) // 恢复原始数据时标记为已加载
-      setOtherQuestions(originalOtherQuestions)
+    // }
-      setIsDataLoaded(true) // 恢复原始数据时标记为已加载
-    }
  }, [originalOtherQuestions])
  // 监听工具按钮点击事件
  useEffect(() => {
    const handleToolClickEvent = (event: CustomEvent) => {
-      const { isToolBtn, toolId, shouldChangeStyle: shouldChangeStyleParam } = event.detail
+      const { isToolBtn, toolId } = event.detail
-      // eslint-disable-next-line no-console
-      console.log('🔧 [Home] 工具按钮点击事件触发:', {
-        isToolBtn,
-        toolId,
-        shouldChangeStyle: shouldChangeStyleParam,
-        当前isToolBtnActive: isToolBtnActive,
-        当前shouldChangeStyle: shouldChangeStyle,
-      })
      setIsToolBtnActive(isToolBtn)
      // 更新样式控制状态
-      if (shouldChangeStyleParam !== undefined) {
+      setShouldChangeStyle(true)
-        setShouldChangeStyle(shouldChangeStyleParam)
-      }
      // 保存当前选择的 toolId 到 Redux
      if (!isToolBtn && toolId) {
@@ -210,13 +163,11 @@ finally {
              storageArea: localStorage,
            }),
          )
-          await getQuestionList()
          initConversation()
          dispatch(fetchConversations())
        }
      }
 else {
-        await getQuestionList()
        initConversation()
        dispatch(fetchConversations())
      }
@@ -236,7 +187,6 @@ finally {
            storageArea: localStorage,
          }),
        )
-        await getQuestionList()
        initConversation()
        dispatch(fetchConversations())
      }
@@ -246,6 +196,7 @@ finally {
  // 修改 useEffect
  useEffect(() => {
    login()
+    _handleToolClick(false, '')
  }, []) // 依赖数组为空，只在组件挂载时执行一次
  return (
@@ -265,7 +216,7 @@ finally {
                    className="flex flex-col gap-[20px] items-center overflow-y-auto scrollbar-hide"
                    style={{ height: shouldChangeStyle ? 'calc(-64px + 100vh)' : '500px', background: shouldChangeStyle ? 'linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)' : '', borderRadius: '24px' }}
                  >
-                {!shouldChangeStyle && (
+                {/* {!shouldChangeStyle && (
                  <motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
                    <QuestionList
                      questions={productQuestions.content}
@@ -277,7 +228,7 @@ finally {
                      isLoaded={isDataLoaded}
                    />
                  </motion.div>
-                )}
+                )} */}
                  <motion.div className="w-full sm:w-auto" {...getAnimationProps(3)}>
                    <QuestionList
                      questions={otherQuestions.content}