需求1: cloudSourceKey 从文本输入改为下拉选择(选项来自 cloudtentacles sources 列表)
- Type: AdminKuaishouCloudFulfillmentItem 新增 cloudSourceKeyFallbacks?: string[]
- RuleCard.vue: cloudSourceKey 从 el-input 改为 el-select,选项来自 cloudtentaclesSourceOptions prop
- RuleSection.vue: 传递 cloudtentaclesSourceOptions prop 到 RuleCard
- View: 传递 config.cloudtentaclesSourceOptions 到 RuleSection
需求2: 同一 SKU 支持多个 cloudtentacles 账号(备选退避)
- RuleCard.vue: 新增备选 cloud 账号多选 el-select(multiple),过滤掉已选主账号
- useKuaishouCloudConfig.ts: createEmptyItem/mapEditableItem/mapSaveItem 处理 cloudSourceKeyFallbacks 字段
需求3: 选择 cloudSkuId 后自动补全 + sourceKey 感知的 SKU 查询
- useKuaishouCloudSku.ts: cloudSkuCatalog 从全局单一缓存改为按 sourceKey 缓存(cloudSkuCatalogBySourceKey)
- ensureCloudSkuCatalogLoaded(item) 传入 item 取其 sourceKey,fetchAdminCloudtentaclesSkuList({ sourceKey })
- getCloudSkuOptions/handleCloudSkuSelected/handleCloudSkuDropdownVisible 均按 sourceKey 取缓存的 catalog
- refreshCloudSkuCatalog(item?) 支持按 item 的 sourceKey 刷新或全部刷新
额外: useKuaishouCloudConfig 加载时额外调用 fetchAdminCloudtentaclesSourceConfig 获取 sources 列表
腾讯浏览器兑换前端
这是一个聚焦腾讯浏览器会话兑换流程的 Vue 3 前端,当前只保留单一业务入口,不再承担历史迁移脚手架的职责。
功能范围
- 提供
/tx/browser单页入口 - 支持 QQ / 微信扫码登录切换
- 支持浏览器会话创建、状态轮询、角色确认、兑换提交
- 支持结果信息展示,以及在后端产物存在时预览截图
项目原则
- 保持页面职责单一,只服务腾讯浏览器兑换链路
- 与本地后端接口保持一致,优先保证稳定性和可维护性
- 页面层尽量薄,状态编排、轮询、展示映射分别收口
本地开发
安装依赖并启动开发环境:
cd /Users/yml/codes/order-site-rewrite
npm install
npm run dev
构建生产包:
npm run build
开发环境默认代理到本地后端:
http://localhost:3000
如需切换后端地址,启动前设置:
VITE_API_TARGET=http://你的后端地址 npm run dev
结构说明
src/
lib/ HTTP 基础设施
router/ 路由
services/ 腾讯接口调用
types/ 腾讯会话 / 活动 / 兑换类型
composables/ 页面编排、轮询、展示映射
components/ 腾讯页面子组件
views/ 页面壳
styles/ 全局样式
当前状态
- 主页面已经拆成扫码卡片、兑换面板、结果面板三个组件
- 会话轮询、错误提示、展示文案已分别从页面模板中抽离
- 前端当前没有全局 store,所有状态都围绕单页流程局部管理