67f5dfbe50
主要功能: - 修改RequirementModal支持12个订单班选择 - 添加OrderClassIconMap图标映射组件 - Store中添加selectedOrderClass状态管理 - WorkflowPage支持传递orderClass参数 - web_result添加URL参数切换功能 - 创建order-class-handler.js动态处理页面主题 技术改进: - 创建软链接关联订单班数据目录 - 生成wenlu.json和food.json数据结构 - 删除重复的web_result目录 - 添加测试页面test-order-class.html 影响范围: - 展会策划系统现支持12个订单班 - 结果展示页面自动适配不同订单班主题 - 用户可选择不同行业生成对应方案 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
86 lines
4.4 KiB
HTML
86 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>测试多订单班系统</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
</head>
|
||
<body class="bg-gray-100 p-8">
|
||
<div class="max-w-6xl mx-auto">
|
||
<h1 class="text-3xl font-bold text-gray-800 mb-8">多订单班系统测试</h1>
|
||
|
||
<div class="grid grid-cols-2 gap-6">
|
||
<!-- Exhibition Demo -->
|
||
<div class="bg-white rounded-lg shadow-lg p-6">
|
||
<h2 class="text-xl font-bold text-gray-700 mb-4">1. Exhibition Demo 测试</h2>
|
||
<p class="text-gray-600 mb-4">点击按钮启动展会策划系统，选择不同订单班</p>
|
||
<a href="http://localhost:4173" target="_blank"
|
||
class="inline-block bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded">
|
||
打开 Exhibition Demo
|
||
</a>
|
||
<p class="text-sm text-gray-500 mt-2">端口：4173</p>
|
||
</div>
|
||
|
||
<!-- Web Result 测试 -->
|
||
<div class="bg-white rounded-lg shadow-lg p-6">
|
||
<h2 class="text-xl font-bold text-gray-700 mb-4">2. Web Result 页面测试</h2>
|
||
<p class="text-gray-600 mb-4">点击不同订单班查看结果页面</p>
|
||
|
||
<div class="space-y-2">
|
||
<a href="web_frontend/web_result/index.html?orderClass=tourism"
|
||
class="block bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded text-center">
|
||
文旅 (tourism)
|
||
</a>
|
||
<a href="web_frontend/web_result/index.html?orderClass=food"
|
||
class="block bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded text-center">
|
||
食品 (food)
|
||
</a>
|
||
<a href="web_frontend/web_result/index.html?orderClass=finance"
|
||
class="block bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded text-center">
|
||
财经商贸 (finance)
|
||
</a>
|
||
<a href="web_frontend/web_result/index.html?orderClass=dev"
|
||
class="block bg-purple-500 hover:bg-purple-600 text-white font-bold py-2 px-4 rounded text-center">
|
||
智能开发 (dev)
|
||
</a>
|
||
<a href="web_frontend/web_result/index.html?orderClass=manufacturing"
|
||
class="block bg-gray-500 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded text-center">
|
||
智能制造 (manufacturing)
|
||
</a>
|
||
<a href="web_frontend/web_result/index.html?orderClass=design"
|
||
class="block bg-pink-500 hover:bg-pink-600 text-white font-bold py-2 px-4 rounded text-center">
|
||
视觉设计 (design)
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 测试流程说明 -->
|
||
<div class="mt-8 bg-yellow-50 border-l-4 border-yellow-400 p-6">
|
||
<h3 class="text-lg font-bold text-gray-700 mb-2">测试流程：</h3>
|
||
<ol class="list-decimal list-inside text-gray-600 space-y-2">
|
||
<li>打开 Exhibition Demo</li>
|
||
<li>点击"开始体验"按钮</li>
|
||
<li>在需求弹窗中选择"食品"订单班</li>
|
||
<li>点击"开始生成方案"</li>
|
||
<li>等待生成完成后，点击"查看详情"</li>
|
||
<li>系统应该跳转到 web_result 页面并显示食品订单班的内容</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<!-- 已完成的功能 -->
|
||
<div class="mt-8 bg-green-50 border-l-4 border-green-400 p-6">
|
||
<h3 class="text-lg font-bold text-gray-700 mb-2">✅ 已完成的功能：</h3>
|
||
<ul class="list-disc list-inside text-gray-600 space-y-1">
|
||
<li>RequirementModal 显示12个订单班选项</li>
|
||
<li>选择订单班后传递给生成流程</li>
|
||
<li>Store 中保存选中的订单班</li>
|
||
<li>查看详情时跳转到对应订单班的结果页</li>
|
||
<li>web_result 支持URL参数切换不同订单班</li>
|
||
<li>根据订单班动态更新页面标题和颜色主题</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |