WuYongJie/CaiWuXiTong
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

style: 统一流程明细页面与分页 #641

Merged
yueyang merged 1 commits from fix/yueyang-process-details-polish into main 2026-10-26 19:48:51 +08:00
Conversation 0 Commits 1 Files Changed 2 +319 -39
yueyang commented 2026-10-26 19:48:35 +08:00
Collaborator
Copy Link

问题

流程明细仍使用 Laravel 默认分页器：

  • 分页页码在底部竖排
  • 页码区域形成大块空白
  • 筛选、汇总、表格、分页视觉层级不一致
  • 超宽表缺少统一的固定列和卡片边界

修复

  • 筛选区改为 12 列响应式网格
  • 四项汇总改为等宽指标卡
  • 表格和分页合并为统一卡片
  • 表格首列固定，宽表在卡片内部横向滚动
  • 使用自定义横向分页：首页、上一页、当前页、下一页、末页、跳页
  • 补充窄屏两列和单列布局
  • 不再调用默认 $processRows->links()

验证

  • 本地页面分页为横向布局
  • 下一页正常跳到 2 / 227，首屏仍为 50 行
  • 宽表横向内容宽度约 1991px，在 917px 容器内滚动
  • 镜像状态 succeeded，共 11,331 行
  • 单元测试：2 passed (18 assertions)
  • 不涉及数据库迁移或数据写入
## 问题 流程明细仍使用 Laravel 默认分页器： - 分页页码在底部竖排 - 页码区域形成大块空白 - 筛选、汇总、表格、分页视觉层级不一致 - 超宽表缺少统一的固定列和卡片边界 ## 修复 - 筛选区改为 12 列响应式网格 - 四项汇总改为等宽指标卡 - 表格和分页合并为统一卡片 - 表格首列固定，宽表在卡片内部横向滚动 - 使用自定义横向分页：首页、上一页、当前页、下一页、末页、跳页 - 补充窄屏两列和单列布局 - 不再调用默认 `$processRows->links()` ## 验证 - 本地页面分页为横向布局 - 下一页正常跳到 `2 / 227`，首屏仍为 50 行 - 宽表横向内容宽度约 1991px，在 917px 容器内滚动 - 镜像状态 `succeeded`，共 11,331 行 - 单元测试：`2 passed (18 assertions)` - 不涉及数据库迁移或数据写入
yueyang added 1 commit 2026-10-26 19:48:36 +08:00
yueyang merged commit de6aa14969 into main 2026-10-26 19:48:51 +08:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
aaron chenxi DoDo huilan jj404877757 limeng qiuxiang renshen shanshi sumu wangshu yueyang yutu zhoushengchen WuYongJie
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: WuYongJie/CaiWuXiTong#641
No description provided.
Delete Branch "fix/yueyang-process-details-polish"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?