fix：策略分析时展示效果

9336bcb8 · Liu · a3dec971 · 9336bcb8 · 9336bcb8 · 9336bcb8
Commit 9336bcb8 authored Dec 08, 2025 by Liu
6 changed files
--- a/src/components/ChatEditor/index.tsx
+++ b/src/components/ChatEditor/index.tsx
@@ -40,11 +40,16 @@ const ChatEditorBase: React.FC<ChatEditorProps & WithAuthProps> = ({ checkAuth, 
  const [searchParams, setSearchParams] = useSearchParams()
  const location = useLocation()
  const toolIdFromUrl = searchParams.get('toolId')
+  const isFromTactics = searchParams.get('from') === 'tactics'
  const fromCollect = location.state?.fromCollect
  // 获取工具列表
  const getToolList = async () => {
    try {
+      if (isFromTactics) {
+        setToolList([])
+        return
+      }
      // 从路由中获取 userRoles 参数
      const userRoles = getUserRolesForApi()
      // 调用真实 API 获取工具列表

--- a/src/components/ChatEditorTactics/index.tsx
+++ b/src/components/ChatEditorTactics/index.tsx
@@ -40,10 +40,15 @@ const ChatEditorBase: React.FC<ChatEditorProps & WithAuthProps> = ({ checkAuth, 
  const [searchParams, setSearchParams] = useSearchParams()
  const location = useLocation()
  const toolIdFromUrl = searchParams.get('toolId')
+  const isFromTactics = searchParams.get('from') === 'tactics'
  const fromCollect = location.state?.fromCollect
  // 获取工具列表
  const getToolList = async () => {
+    if (isFromTactics) {
+      setToolList([])
+      return
+    }
    try {
      // 从路由中获取 userRoles 参数
      const userRoles = getUserRolesForApi()
@@ -291,8 +296,10 @@ const ChatEditorBase: React.FC<ChatEditorProps & WithAuthProps> = ({ checkAuth, 
  // 组件加载时和路由参数变化时获取工具列表
  useEffect(() => {
+    if (isFromTactics)
+      return
    getToolList()
-  }, [location.pathname, location.search])
+  }, [isFromTactics, location.pathname, location.search])
  // 监听 sessionStorage 中的 showToolQuestion
  useEffect(() => {

--- a/src/layouts/MainLayout/MainLayout.tsx
+++ b/src/layouts/MainLayout/MainLayout.tsx
@@ -43,6 +43,7 @@ export const MainLayout: React.FC<MainLayoutProps> = ({ children }) => {
  const [isHistoryVisible, setHistoryVisible] = useState(false)
  const location = useLocation()
  const dispatch = useAppDispatch()
+  const isFromTactics = new URLSearchParams(location.search).get('from') === 'tactics'
  const [navBarVisibleLocal] = useSessionStorageState<string | undefined>(
    '__NAV_BAR_VISIBLE_LOCAL__',
    {
@@ -64,12 +65,12 @@ export const MainLayout: React.FC<MainLayoutProps> = ({ children }) => {
  return (
    <motion.main className={styles.layoutMain}>
      {/* hidden */}
+      {!isFromTactics && (
        <motion.div
          animate={navBarVisibleLocal === '0' ? isHistoryVisible ? 'shrunk' : 'expanded' : 'navTween'}
          variants={contentVariants}
          className={`fixed right-[-12px] top-[10px] z-[49] h-auto sm:relative flex sm:h-full items-center ${isHistoryVisible && !isMobile() ? 'w-[340px]' : 'w-[90px]'} box-border`}
        >
          <Navbar
            isHistoryVisible={isHistoryVisible}
            onSetHistoryVisible={setHistoryVisible}
@@ -92,6 +93,7 @@ export const MainLayout: React.FC<MainLayoutProps> = ({ children }) => {
            </motion.div>
          )}
        </motion.div>
+      )}
      <motion.div
        variants={contentVariants}
        animate={navBarVisibleLocal === '0' ? '' : 'mainTween'}

--- a/src/pages/ChatTactics/Chat.tsx
+++ b/src/pages/ChatTactics/Chat.tsx
@@ -55,6 +55,7 @@ export const Chat: React.FC = () => {
  const [currentToolName, setCurrentToolName] = useState<string | undefined>(undefined)
  // 使用 ref 保存从 location.state 传递的 toolId，避免被异步操作覆盖
  const toolIdFromStateRef = useRef<string | null | undefined>(undefined)
+  const isFromTactics = searchParams.get('from') === 'tactics'
  // 当外部系统直接以 /chat/:id 链接进入（没有 location.state，且 URL 中也没有 toolId）时，
  // 视为一次新的会话入口：重置为通用模式，清除历史遗留的工具模式状态
@@ -510,6 +511,8 @@ export const Chat: React.FC = () => {
  // 根据 currentToolId 获取对应的 toolName
  useEffect(() => {
    const getToolNameFromToolId = async () => {
+      if (isFromTactics)
+        return
      if (currentToolId) {
        try {
          // 使用mock数据（已注释）
@@ -534,7 +537,7 @@ export const Chat: React.FC = () => {
      }
    }
    getToolNameFromToolId()
-  }, [currentToolId])
+  }, [currentToolId, isFromTactics])
  // 监听工具按钮点击事件，更新 ChatWelcome 提示语和 toolId
  useEffect(() => {

--- a/src/pages/Home/HomeNew.tsx
+++ b/src/pages/Home/HomeNew.tsx
@@ -46,6 +46,7 @@ export const Home: React.FC = () => {
  const [isDataLoaded, setIsDataLoaded] = useState(false)
  const dispatch = useAppDispatch()
  const location = useLocation()
+  const isFromTactics = new URLSearchParams(location.search).get('from') === 'tactics'
  const hasFetched = useRef(false)
  // 使用 useState
  const [otherQuestions, setOtherQuestions] = useState<any>({ content: [] })
@@ -262,8 +263,16 @@ export const Home: React.FC = () => {
      <div className="h-full w-full">
        <div className="box flex flex-col h-full w-full">
          <div className="flex-1 items-center pt-[24px] sm:pt-[32px] scrollbar-hide">
+            {isFromTactics && (
+              <div className="flex items-center text-right justify-end">
+                <div>清空历史</div>
+                <div>重新分析</div>
+              </div>
+            )}
            <div className="w-full">
              <div className="flex justify-center gap-[20px]">
+                {!isFromTactics && (
+                  <>
                    {/* 左侧区域 - 产品问答和您可以试着问我 */}
                    <div
                      className="flex flex-col gap-[20px] items-center overflow-y-auto scrollbar-hide"
@@ -300,6 +309,8 @@ export const Home: React.FC = () => {
                        </div>
                      )}
                    </div>
+                  </>
+                )}
                {/* 右侧区域 */}
                <div className="hidden sm:flex flex-1 h-full">
                  <div

--- a/src/routes/AppRoutes.tsx
+++ b/src/routes/AppRoutes.tsx
 import React from 'react'
 import { Route, Routes } from 'react-router-dom'
 import { Home } from '../pages/Home'
-import { Chat } from '../pages/Chat'
+import { Chat as ChatDefault } from '../pages/Chat'
+import { Chat as ChatTactics } from '../pages/ChatTactics'
 import { Collect } from '../pages/Collect'
 import { Tools } from '../pages/Tools'
 import { Protocol } from '../pages/Protocol'
 import { withRouteChangeHandler } from './RouteChangeHandler'
+const ChatEntry: React.FC = () => {
+  const params = new URLSearchParams(window.location.search)
+  const isFromTactics = params.get('from') === 'tactics'
+  return isFromTactics ? <ChatTactics /> : <ChatDefault />
+}
 const AppRoutesComponent: React.FC = () => {
  return (
    <Routes>
      <Route path="/" element={<Home />}>
-        <Route path="/chat/:id" element={<Chat />} />
+        <Route path="/chat/:id" element={<ChatEntry />} />
      </Route>
      <Route path="/home" element={<Home />}></Route>
      <Route path="/collect" element={<Collect />} />