batch-2-windows.md 5.0 KB
批次 2：Windows 比价核心（10 屏）
链路 2：w-home → w-search-loading → w-search-result → w-product-detail
w-home
Prompt:
Windows desktop main home screen 1280×800 智价云 ProPrice price comparison app.
Layout: left sidebar 220px (#002FA7 dark or white with blue active), items 比价首页(active)/我的关注/邀请好友/平台账号/设置与帮助. Bottom mini member card "体验剩余 12 天 · 今日 8/20".
Top bar 56px: large search input "输入药品名称、厂家或批准文号" + blue search button, right side member status strip.
Main area: empty search state OR recent queries list (阿莫西林胶囊, 布洛芬缓释胶囊) + quick tips "绑定更多平台获取更全报价"
Three platform status chips: 药师帮✓ 药帮忙✓ 1药城 未绑定
Table header preview columns visible even in empty state. #F5F7FA bg. Chinese. B2B professional.
w-search-loading
Prompt:
Windows desktop 智价云 parallel search loading overlay/full page.
Search term top: "阿莫西林胶囊 0.25g×24粒"
Three horizontal progress cards:
- 药师帮: green check 已完成 2.1s, 找到 3 条
- 药帮忙: blue spinner 查询中...
- 1药城: gray 等待中
Overall progress bar 66%
Cancel button secondary
Sidebar visible. Chinese. Klein blue #002FA7 accents.
w-search-result
Prompt:
Windows desktop 智价云 search results as DATA TABLE. 1280×800.
Top: search bar with term, filter button, sort "价格从低到高", result count "共 8 条来自 3 个平台"
Filter chips: 有货 only, 效期≥1年
Table columns: 平台 | 价格 | 规格 | 厂家 | 效期 | 起订量 | 库存 | 操作
Row 1 (highlight #FFF1F0): 药帮忙 ¥8.50 red bold "最低" tag, 0.25g×24粒, 石药集团, 2027-06, 10盒, 有货, link "去购买"
Row 2: 1药城 ¥8.80
Row 3: 药师帮 ¥9.20
Bottom bar: "今日剩余查询 12/20 次"
Left sidebar. Chinese tabular price nums. No e-commerce style.
w-product-detail
Prompt:
Windows desktop 智价云 product aggregate detail page.
Header: 阿莫西林胶囊 0.25g×24粒 · 石药集团 · 国药准字H13020983
Star button "加入关注"
Three column comparison cards side by side:
药帮忙 ¥8.50 LOWEST red, 效期2027-06, 起订10, 有货, button "去药帮忙购买"
1药城 ¥8.80, button "去1药城购买"
药师帮 ¥9.20, button "去药师帮购买"
Disclaimer footer: "点击后将打开系统浏览器跳转至原平台，智价云不提供交易服务"
Back button top-left
Chinese, klein blue secondary buttons, red lowest price.
w-filter-panel
Prompt:
Windows desktop 智价云 advanced filter SIDE PANEL 280px sliding from right, overlay on search results.
Title "筛选条件" with reset link
Sections:
- 规格 checkbox list
- 厂家 checkbox list
- 效期 range slider ≥6月 / ≥1年
- 仅显示有货 toggle ON
- 平台 checkboxes 药师帮/药帮忙/1药城 all checked
Bottom sticky: "应用筛选" primary + "取消"
Chinese labels, clean form UI.
w-watchlist
Prompt:
Windows desktop 智价云 watchlist/favorites page with table view.
Top: "我的关注" title, quota bar "本月 45/199 品种" progress (#F5A623 warning if high)
Table: 药品名 | 最低价 | 较上次 | 平台数 | 操作
Row with green down arrow "↓¥0.30" red price drop badge
Row normal no change
Actions: 查看详情, 取消关注
Sidebar 我的关注 active. Chinese.
w-platform-list
Prompt:
Windows desktop 智价云 platform account management page.
Title "平台账号管理"
Three large cards:
1 药师帮 - 已绑定 green tag, account 138****5678, last sync 10分钟前, buttons 重新绑定/解绑
2 药帮忙 - 已绑定
3 1药城 - 未绑定 gray, button 立即绑定
Info banner: "绑定您在各平台的采购账号，智价云代您并行查询"
Sidebar 平台账号 active. Chinese.
w-platform-bind
(同 batch-1，可复用或微调为 sidebar 内页而非 modal)
Prompt:
Windows desktop 智价云 bind page (full page not modal) for 药帮忙 platform inside sidebar layout.
Same as bind form: 平台账号, 平台密码, 授权说明, 确认绑定 button.
Breadcrumb: 平台账号 > 绑定药帮忙
w-gate-modal
Prompt:
Windows desktop 智价云 modal dialog overlay on home screen — query gate blocked state.
Center modal 480px:
Orange warning icon
Title "今日查询次数已用完"
Body "体验用户每日可查询 20 次，您今日已用完。开通会员享不限次查询。"
Two buttons: Primary "开通会员" #002FA7, Secondary "明天再来"
Small text link "查看会员权益"
Background home blurred. Also design variant note in caption: alternate title "请先绑定 B2B 平台账号"
Chinese.
w-history
Prompt:
Windows desktop 智价云 query history page under settings area.
Title "查询历史"
List/table: 时间 | 关键词 | 结果数 | 操作(再次查询)
10 recent items sample data
Clear history link gray bottom
Sidebar visible. Chinese, simple list UI.