feat: 黄精粉前端功能集成 + 个人中心/资产/公排页面优化 + 去除admin copyright
主要改动: - 个人中心: 去除HjfMemberBadge徽章, 会员等级改显示vip_name, "我的资产"/"公排查询"导航项改为与member-points一致风格 - 我的资产页面: 去除HjfMemberBadge, 美化卡片圆角和阴影 - 公排查询页面: 美化顶部渐变和订单卡片样式 - Admin登录页和后台布局: 彻底删除footer copyright信息 - 新增黄精粉业务页面/组件/API/Mock数据(Phase 1) - 新增PHP环境配置文档和启动脚本 Made-with: Cursor
This commit is contained in:
@@ -0,0 +1,49 @@
|
||||
# Conversation - 2026-03-10 18:12:21
|
||||
|
||||
## Prompt
|
||||
|
||||
创建页面 history.vue(P13 公排历史页):
|
||||
|
||||
文件路径: /Users/apple/scott2026/huangjingfen/pro_v3.5.1/view/uniapp/pages/queue/history.vue
|
||||
|
||||
内容要求:
|
||||
1. 使用 Vue 2 Options API
|
||||
2. 导入 getQueueHistory from '@/api/hjfQueue.js'
|
||||
3. data: list(Array), page(Number), loading(Boolean), finished(Boolean)
|
||||
4. onLoad + onReachBottom: 加载和分页
|
||||
5. 模板: 按时间分组显示退款记录列表
|
||||
6. 样式: <style scoped lang="scss">
|
||||
7. 参考: docs/frontend-new-pages-spec.md 第 2.3.2 节
|
||||
|
||||
完整 JSDoc。
|
||||
|
||||
## Response
|
||||
|
||||
文件已创建。下面是关键实现点的说明:
|
||||
|
||||
**`history.vue` — P13 公排历史页**
|
||||
|
||||
**数据层**
|
||||
- `list` / `page` / `loading` / `finished` 四个核心状态
|
||||
- `limit: 15`,与 Mock 数据的分页规格一致
|
||||
- `timeKeys` 辅助字段用于历史版本兼容(当前分组逻辑已移入 computed)
|
||||
|
||||
**分组逻辑(computed `groupedList`)**
|
||||
- 先按 `activeTab` 过滤(0=全部,1=`status===0`,2=`status===1`)
|
||||
- 再按 `time_key` 字段聚合,保持原始顺序,返回 `[{ date, children[] }]`
|
||||
|
||||
**生命周期**
|
||||
- `onLoad` → 首次加载
|
||||
- `onReachBottom` → 触底分页,`loading` / `finished` 双重守卫防止重复请求
|
||||
|
||||
**`changeTab`**
|
||||
- 切换 Tab 时重置 `list / page / finished`,重新请求;Tab 相同则 early return
|
||||
|
||||
**`formatTime`**
|
||||
- 将秒级 Unix 时间戳转为 `YYYY-MM-DD HH:mm`,`timestamp=0` 时返回 `--`
|
||||
|
||||
**样式**
|
||||
- `<style scoped lang="scss">`,全部使用 `rpx`
|
||||
- Tab 激活指示器复用 `user_bill` 的 `::after` 伪元素模式
|
||||
- 状态标签:排队中绿色胶囊,已退款灰色胶囊
|
||||
- `sticky` Tab 导航,滚动时悬浮在顶部
|
||||
Reference in New Issue
Block a user