style(rider): 优化骑手中心界面及功能入口样式

- 添加骑手订单统计数据,支持待取货、配送中、已完成与今日任务
- 增加刷新按钮,便捷更新统计数据
- 优化头像及用户信息展示,增加主题样式和背景装饰
- 新增快捷功能入口,展示待取货订单数量红点提醒
- 登录未授权时提示并引导登录
- 调整色彩风格,将多处组件背景色由浅蓝色调整为深蓝色,提高视觉一致性
- 管理页新增内容管理工具的基础UI布局
- 扫码确认页重构授权登录页面,改用科技风格设计,增加动态粒子动画和渐变光晕效果
- 协议打开方式改为跳转网页视图,移除旧版弹窗
- 修正部分组件样式,调整按钮及文本颜色,提升视觉效果和交互体验
This commit is contained in:
2026-04-10 19:36:37 +08:00
parent d87e9d3f13
commit 4507cd484e
33 changed files with 1498 additions and 272 deletions

View File

@@ -0,0 +1,61 @@
# 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