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>
|