feat: 优化会展策划网站UI和添加Duoduo Agent设计流程展示

主要更新:
- 统一所有页面导航栏样式为glass-morphism风格
- 添加Duoduo Agent智能设计系统完整可视化流程
- 展示从CAD到展位概念的5个设计阶段
- 优化页面交互效果和用户体验

详细修改:
- web_frontend/web_result/pages/: 统一6个页面导航栏样式
- operation.html: 新增Duoduo Agent设计流程展示模块
- 添加5张设计阶段图片展示 (CAD/概念/白模/渲染/最终方案)
- 增强视觉效果和动画交互

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Yep_Q
2025-09-08 15:13:31 +08:00
parent 4e90229677
commit 08e6304134
19 changed files with 3807 additions and 1738 deletions

View File

@@ -767,11 +767,28 @@ const WorkflowPageV4 = () => {
};
return (
<div className="h-screen bg-gray-50 flex flex-col">
<div className="h-screen bg-gray-50 flex flex-col relative">
{/* 背景图片和蒙版 */}
<div className="absolute inset-0 z-0">
<div
className="absolute inset-0"
style={{
backgroundImage: 'url(/images/Whisk_e8f83d1a37.jpg)',
backgroundSize: 'cover',
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
opacity: 0.15
}}
/>
<div className="absolute inset-0 bg-gradient-to-br from-gray-900/30 via-purple-900/20 to-blue-900/30" />
</div>
{/* 主内容容器 */}
<div className="relative z-10 h-full flex flex-col">
{/* 顶部控制栏 */}
<div className="bg-white border-b border-gray-200 px-6 py-3 flex items-center justify-between">
<div className="flex items-center gap-4">
<h1 className="text-lg font-semibold text-gray-900">AI会展策划系统 - Agent协同演示</h1>
<h1 className="text-lg font-semibold text-gray-900">DuoDuo Agent - ·</h1>
<div className="flex items-center gap-2">
<button
onClick={status === 'idle' ? () => setShowRequirementModal(true) : pauseDemo}
@@ -809,9 +826,9 @@ const WorkflowPageV4 = () => {
</div>
{/* 主内容区 */}
<div className="flex-1 flex overflow-hidden">
<div className="flex-1 flex overflow-hidden backdrop-blur-sm">
{/* 左侧n8n工作流 */}
<div className="w-1/2 border-r border-gray-200 bg-white flex flex-col">
<div className="w-1/2 border-r border-gray-200 bg-white/95 backdrop-blur-md flex flex-col">
<div className="px-4 py-2 border-b border-gray-200 flex items-center justify-between bg-gray-50">
<div className="flex items-center gap-2">
<div className="w-3 h-3 rounded-full bg-green-500"></div>
@@ -1026,6 +1043,7 @@ const WorkflowPageV4 = () => {
</div>
</div>
</div>
</div>
{/* 弹窗组件 */}
<RequirementModal