- 添加骑手订单统计数据,支持待取货、配送中、已完成与今日任务 - 增加刷新按钮,便捷更新统计数据 - 优化头像及用户信息展示,增加主题样式和背景装饰 - 新增快捷功能入口,展示待取货订单数量红点提醒 - 登录未授权时提示并引导登录 - 调整色彩风格,将多处组件背景色由浅蓝色调整为深蓝色,提高视觉一致性 - 管理页新增内容管理工具的基础UI布局 - 扫码确认页重构授权登录页面,改用科技风格设计,增加动态粒子动画和渐变光晕效果 - 协议打开方式改为跳转网页视图,移除旧版弹窗 - 修正部分组件样式,调整按钮及文本颜色,提升视觉效果和交互体验
62 lines
3.2 KiB
Markdown
62 lines
3.2 KiB
Markdown
# 2026-04-10 工作记录
|
||
|
||
## qr-confirm 登录页优化
|
||
|
||
- 修改文件:`src/passport/qr-confirm/index.tsx`
|
||
- 授权按钮改为全宽 52px 圆角大按钮(inline style),易于点击
|
||
- 勾选框外层包裹 padding:8px 的热区 View,点击更容易命中
|
||
- 协议从内嵌弹窗改为跳转 WebView 页面打开网页版:
|
||
- 服务协议:https://websopy.websoft.top/agreement
|
||
- 隐私政策:https://websopy.websoft.top/privacy
|
||
- 新增通用 WebView 页面:`src/passport/webview/index.tsx`
|
||
- `src/app.config.ts` passport 子包新增 `webview/index` 路由
|
||
|
||
## qr-confirm 按钮颜色修复
|
||
|
||
- 问题:NutUI `Button` 组件内置样式优先级高,覆盖了 `style` 中的 `background` 渐变色,按钮颜色不显示
|
||
- 修复:改用小程序原生 `button` 标签,`open-type="getPhoneNumber"` 照常有效,渐变背景正常显示
|
||
|
||
## template-5 vs PC端 功能对比分析
|
||
|
||
- 对比了三个项目:template-5(小程序) vs websopy-pc(PC端/Nuxt3) vs websopy-java(后端)
|
||
- PC端定位:SaaS平台门户 + 用户控制台 + 开发者中心 + 管理后台
|
||
- 小程序端定位:移动端入口 + 电商购物(首页偏营销展示)
|
||
- **关键发现**:
|
||
- Bug: UserGrid.tsx 开发者中心入口跳转到 /rider/index(骑手),应修正
|
||
- 缺失核心功能:通知中心、工单系统、应用/产品订阅管理
|
||
- 购买断链:产品展示后无法在小程序完成购买
|
||
- admin 模块为空壳,rider 功能极简
|
||
- PC端开发者专属功能(CI/CD/Git/源码)建议通过 WebView 桥接
|
||
- 输出完整修改计划报告(4阶段,预估7-12天)
|
||
|
||
## 小程序端阶段一+二修改执行
|
||
|
||
### Bug 修复 + 代码清理
|
||
- **UserGrid.tsx**:修复"开发者中心"跳转到 /rider/index 的 Bug,改为通过 WebView 加载 PC 端开发者中心
|
||
- **UserGrid.tsx**:清理全部注释代码(约60行),代码整洁度大幅提升
|
||
- **admin/index.tsx**:从空壳"待开发"改为内容管理入口页,保留文章管理功能
|
||
|
||
### 骑手中心优化
|
||
- **rider/index.tsx**:增加今日统计概览(待取货/配送中/已完成/今日任务)
|
||
- 增加快捷功能入口、待取货/配送中数量徽标、刷新按钮、空状态展示
|
||
|
||
### 新增通知中心
|
||
- API层:`src/api/app/notification/model/index.ts` + `src/api/app/notification/index.ts`
|
||
- 页面:`src/user/notification/index.tsx` - 支持分页加载、类型标签、已读标记、全部已读、空状态
|
||
|
||
### 新增工单系统(3个页面)
|
||
- API层:`src/api/app/ticket/model/index.ts` + `src/api/app/ticket/index.ts`
|
||
- 列表页:`src/user/ticket/index.tsx` - 统计概览、状态筛选、分页加载
|
||
- 提交页:`src/user/ticket/create.tsx` - 标题/分类/优先级/描述表单
|
||
- 详情页:`src/user/ticket/detail.tsx` - 查看详情、回复、关闭工单
|
||
|
||
### 新增我的应用页面
|
||
- API层:`src/api/app/appProduct/model/index.ts` + `src/api/app/appProduct/index.ts`
|
||
- 页面:`src/user/apps/index.tsx` - 应用列表、状态展示、管理后台/前台入口、到期时间
|
||
|
||
### UserGrid 新增入口
|
||
- 我的应用、我的工单、消息通知(3个新图标入口)
|
||
|
||
### 路由注册
|
||
- `app.config.ts` user 子包新增:notification/index, ticket/index, ticket/create, ticket/detail, apps/index
|