hongjli
2025-06-05 05e55761058e2089e81fb93dd4000dc3f42f40b3
src/app/supply-chain-chat/page.tsx
@@ -1,6 +1,6 @@
'use client';
import { useState, useEffect, useRef, useCallback, useContext, createContext } from 'react';
import { useState, useEffect, useRef, useCallback, useContext, createContext, Suspense } from 'react';
import Link from 'next/link';
import { useRouter, useSearchParams } from 'next/navigation';
import Image from 'next/image';
@@ -492,7 +492,8 @@
  );
}
export default function SupplyChainChatPage() {
// 创建一个独立的组件来处理useSearchParams
function SupplyChainChatContent() {
  const router = useRouter();
  const searchParams = useSearchParams();
  const [apiKey, setApiKey] = useState<string>('');
@@ -1160,7 +1161,7 @@
                  </div>
                  <h3 className="text-lg font-medium text-gray-900 mb-2">供应链全景洞察</h3>
                  <p className="text-gray-500 max-w-md">
                    欢迎使用供应链全景洞察系统!您可以咨询插单影响分析、生产计划优化、供应链风险评估等问题。
                    欢迎使用供应链全景洞察系统!您可以咨询生产计划与产能影响、供应协同能力、交付履约风险、成本与财务影响、供应链数据查询、供应链知识咨询等问题。
                  </p>
                </div>
              ) : (
@@ -1410,4 +1411,20 @@
      />
    </div>
  );
}
// 主导出组件,使用Suspense包装原有组件
export default function SupplyChainChatPage() {
  return (
    <Suspense fallback={
      <div className="min-h-screen bg-gradient-to-b from-gray-50 to-white flex items-center justify-center">
        <div className="text-center">
          <div className="w-8 h-8 border-4 border-blue-600 border-t-transparent rounded-full animate-spin mx-auto mb-4"></div>
          <p className="text-gray-600">正在加载...</p>
        </div>
      </div>
    }>
      <SupplyChainChatContent />
    </Suspense>
  );