Files
Agent-n8n/web_frontend/web_result/order-classes/visual-design/TIMELINE_ITEMS.txt
Yep_Q 125a134902 fix: 修复ResultModal数据提取时的agent调用错误
详细说明:
- 修复getProjectInfo函数中seq.agent()的类型错误
- 添加兼容性处理,支持函数和对象两种数据格式
- 解决选择订单班后点击按钮导致页面崩溃的问题
- 修改文件: WorkflowPageV4.tsx (第934行)
- 影响模块: ResultModal数据显示系统

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 14:25:07 +08:00

343 lines
14 KiB
Plaintext

<!-- Timeline Layout - 17个分镜设计 -->
<div class="timeline-container" style="margin-top: var(--spacing-xl);">
<!-- 镜号1 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 1</span>
<span class="timeline-duration">| 15秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/同里古建筑航拍.jpg" alt="同里古镇全景航拍" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">同里古镇全景航拍</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 高空俯拍</div>
<div><strong>备注:</strong> 展现古镇整体布局</div>
</div>
</div>
</div>
</div>
<!-- 镜号2 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 2</span>
<span class="timeline-duration">| 12秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/配色表.jpg" alt="水乡特色河道" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">水乡特色河道</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 低空航拍</div>
<div><strong>备注:</strong> 展现水系脉络</div>
</div>
</div>
</div>
</div>
<!-- 镜号3 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 3</span>
<span class="timeline-duration">| 20秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/古镇文化展示.jpg" alt="退思园建筑群" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">退思园建筑群</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 地面推进</div>
<div><strong>备注:</strong> 世界遗产重点展示</div>
</div>
</div>
</div>
</div>
<!-- 镜号4 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 4</span>
<span class="timeline-duration">| 18秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/古镇文化展示.jpg" alt="三桥文化场景" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">三桥文化场景</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 平移拍摄</div>
<div><strong>备注:</strong> 传统婚俗展现</div>
</div>
</div>
</div>
</div>
<!-- 镜号5 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 5</span>
<span class="timeline-duration">| 10秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/古镇文化展示.jpg" alt="古建筑细节特写" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">古建筑细节特写</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 微距镜头</div>
<div><strong>备注:</strong> 雕花、砖雕等工艺</div>
</div>
</div>
</div>
</div>
<!-- 镜号6 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 6</span>
<span class="timeline-duration">| 15秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/江南美食展示.jpg" alt="状元蹄制作过程" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">状元蹄制作过程</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 近景拍摄</div>
<div><strong>备注:</strong> 传统烹饪技艺</div>
</div>
</div>
</div>
</div>
<!-- 镜号7 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 7</span>
<span class="timeline-duration">| 12秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/江南美食展示.jpg" alt="袜底酥制作特写" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">袜底酥制作特写</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 微距慢动作</div>
<div><strong>备注:</strong> 酥皮层次展示</div>
</div>
</div>
</div>
</div>
<!-- 镜号8 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 8</span>
<span class="timeline-duration">| 18秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/江南美食展示.jpg" alt="美食街市井生活" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">美食街市井生活</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 跟拍镜头</div>
<div><strong>备注:</strong> 烟火气氛围</div>
</div>
</div>
</div>
</div>
<!-- 镜号9 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 9</span>
<span class="timeline-duration">| 20秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/湿地生态景观.jpg" alt="湿地公园全景" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">湿地公园全景</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 航拍环绕</div>
<div><strong>备注:</strong> 生态美景全貌</div>
</div>
</div>
</div>
</div>
<!-- 镜号10 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 10</span>
<span class="timeline-duration">| 15秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/湿地生态景观.jpg" alt="候鸟栖息场景" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">候鸟栖息场景</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 长焦拍摄</div>
<div><strong>备注:</strong> 生态多样性</div>
</div>
</div>
</div>
</div>
<!-- 镜号11 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 11</span>
<span class="timeline-duration">| 25秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/湿地生态景观.jpg" alt="晨雾与日出" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">晨雾与日出</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 延时摄影</div>
<div><strong>备注:</strong> 自然意境营造</div>
</div>
</div>
</div>
</div>
<!-- 镜号12 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 12</span>
<span class="timeline-duration">| 15秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/农旅融合展示.jpg" alt="现代农业大棚" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">现代农业大棚</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 内景拍摄</div>
<div><strong>备注:</strong> 科技农业展示</div>
</div>
</div>
</div>
</div>
<!-- 镜号13 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 13</span>
<span class="timeline-duration">| 18秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/稻田航拍.jpg" alt="稻田丰收场景" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">稻田丰收场景</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 航拍俯视</div>
<div><strong>备注:</strong> 农业产业成果</div>
</div>
</div>
</div>
</div>
<!-- 镜号14 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 14</span>
<span class="timeline-duration">| 12秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/农旅融合展示.jpg" alt="农民劳作特写" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">农民劳作特写</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 近景拍摄</div>
<div><strong>备注:</strong> 乡村振兴主题</div>
</div>
</div>
</div>
</div>
<!-- 镜号15 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 15</span>
<span class="timeline-duration">| 20秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/古镇夜景.jpg" alt="古镇夜景全景" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">古镇夜景全景</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 高空航拍</div>
<div><strong>备注:</strong> 灯光璀璨效果</div>
</div>
</div>
</div>
</div>
<!-- 镜号16 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 16</span>
<span class="timeline-duration">| 18秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/古镇夜景.jpg" alt="桥影与水面倒影" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">桥影与水面倒影</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 平移慢镜</div>
<div><strong>备注:</strong> 夜景意境营造</div>
</div>
</div>
</div>
</div>
<!-- 镜号17 -->
<div class="timeline-item">
<div class="timeline-header">
<span class="timeline-badge">镜号 17</span>
<span class="timeline-duration">| 22秒</span>
</div>
<div class="timeline-content">
<div class="timeline-thumbnail">
<img data-src="images/古镇夜景.jpg" alt="夜市文化活动" loading="lazy">
</div>
<div class="timeline-description">
<h4 class="timeline-title">夜市文化活动</h4>
<div class="timeline-details">
<div><strong>拍摄方式:</strong> 摇臂拍摄</div>
<div><strong>备注:</strong> 结尾氛围烘托</div>
</div>
</div>
</div>
</div>
</div>