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 导航,滚动时悬浮在顶部
|
||||
@@ -0,0 +1,39 @@
|
||||
# Conversation - 2026-03-10 18:13:41
|
||||
|
||||
## Prompt
|
||||
|
||||
创建页面 rules.vue(P14 公排规则页):
|
||||
|
||||
文件路径: /Users/apple/scott2026/huangjingfen/pro_v3.5.1/view/uniapp/pages/queue/rules.vue
|
||||
|
||||
内容要求:
|
||||
1. 使用 Vue 2 Options API
|
||||
2. 静态展示页面,无需 API 调用
|
||||
3. 模板: 公排规则说明(进4退1机制说明、示例计算)
|
||||
4. 参考: docs/frontend-new-pages-spec.md 第 2.3.3 节
|
||||
|
||||
完整 JSDoc。
|
||||
|
||||
## Response
|
||||
|
||||
`rules.vue` 已创建完成。以下是文件内容概览:
|
||||
|
||||
**文件路径**:`pro_v3.5.1/view/uniapp/pages/queue/rules.vue`
|
||||
|
||||
**三大区块**:
|
||||
|
||||
1. **公排机制图示**(`section`)
|
||||
- 进四退一流程图:5个步骤节点(4个"进"步骤 + 1个触发退款的"退"步骤),带颜色区分(红色入队圆标、绿色退款圆标)
|
||||
- 触发节点有橙色"触发退款!"角标
|
||||
- 示例计算卡片:报单 ¥3,600 → 退款 ¥3,600(全额),平均等待约3单
|
||||
|
||||
2. **规则条款列表**(7条)
|
||||
- 带序号圆圈(主题色背景)
|
||||
- 覆盖:全额退款保障、进四退一机制、退款自动到账、入队资格、多单独立排队、积分叠加、规则变更通知
|
||||
|
||||
3. **FAQ 手风琴**(7条)
|
||||
- 点击 `toggleFaq(index)` 切换 `open` 状态
|
||||
- 箭头 `›` 旋转动画(`rotate(90deg)` ↔ `rotate(-90deg)`)
|
||||
- 问题覆盖:等待时长、退款去向、多次参与、循环入队、序号说明、积分叠加、查看进度
|
||||
|
||||
**技术规范符合**:Vue 2 Options API、`<style scoped lang="scss">`、`rpx` 单位、`var(--view-theme)` 主题色、完整 JSDoc 注释(`@file`、`@description`、`@type`、`@param`)。
|
||||
BIN
pro_v3.5.1/view/uniapp/pages/queue/.cursor-cli/sessions.db
Normal file
BIN
pro_v3.5.1/view/uniapp/pages/queue/.cursor-cli/sessions.db
Normal file
Binary file not shown.
Reference in New Issue
Block a user