tuqin
4 小时以前 bac41f84265ae40d71eeec16ccf6fb9a9c9fb0d6
分支
用户 tuqin <tuqin@tuqin.cn>
星期二, 十一月 3, 2026 22:24 +0800
提交者 tuqin <tuqin@tuqin.cn>
星期二, 十一月 3, 2026 22:24 +0800
提交bac41f84265ae40d71eeec16ccf6fb9a9c9fb0d6
目录 74caa2e6f346b0633b560aa7c159fafe86fdfbae 目录 | zip | gz
上一版本 be4682d8e7c742321bf3143b4ee15230c9713276 查看 | 对比
style(bpm): 修复「发起流程」左侧分类栏超出卡片边界

问题:发起流程页用 Tabs(tab-position=left) 做左侧流程分类栏,
分类多达 22 个时左侧 tab 一直往下撑,超出卡片边界;加上 -ml-6
负边距,视觉上向左溢出更明显。

修复:
- 去掉 -ml-6 负边距,改用 .process-tabs 容器
- 卡片内容区固定为剩余高度(calc(100% - 57px)),避免被内容撑高
- 左侧分类栏限高 max-height:100% 并独立滚动,滚动条收细到 4px
- 右侧流程区独立滚动
- 分类名过长时限宽 200px + 省略号

已部署验证通过。
已修改1个文件
78 ■■■■■ 文件已修改
src/views/bpm/processInstance/create/index.vue 78 ●●●●● 对比 | 查看 | 原始文档 | blame | 历史