fix(web): 让实际汇总入口的加油列表完整展开以修复高度不足。

This commit is contained in:
wuzilong committed 2026-10-31 22:09:07 +08:00
1 parent 36bdc29ee1
commit 73bd2baab4
3 files changed
+11 -18

No files matched your search

@@ -36,3 +36,7 @@
- 工单2实现与根代理分别执行一次性 Node 断言:完整权限顺序、全部16种模块权限子集、空权限隐藏均通过;每个模块与 origin/V3.0 基线按 key 深度比较相等,子菜单与路由未变。
- 工单2独立规格与质量审查通过,最终整体审查无阻塞。git diff --check 通过。两张工单均已完成本地实现并保留独立worktree;真实系统/真机验收、集成及远端交付仍未执行,不将本地提交等同于工单关闭。
## 用户测试反馈后的补修(替代初版 summary 固定高度验收项)
用户截图表明实际访问的是汇总入口(多个登记人、顶部车辆统计卡)。静态路由确认登记管理入口指向 summary;初版验证错误地将 summary 固定高度视为预期,未覆盖真实入口需求。补修删除共享列表 height 绑定及其专用 ref / hook / 重算调用,两种模式均按当页数据展开。按用户“我来测试”安排,本轮不执行自动测试或构建,只做源码审查、Git 差异检查,合入本地 V3.0 后待用户验收。前一轮构建和渲染结果不代表此次修正已验收。
@@ -2,9 +2,13 @@
依据:https://gitea.aichengyan.com/cykj/shanxia2.0/issues/1 与 /issues/2。已完整读取正文及评论(均无评论、无图片)。用户在当前会话确认方案,并同意省略这两处调整的 Figma 原型。
- #1:Web 加油登记(mine)列表按当页数据自然展开,默认每页 20 条;小屏通过页面滚动查看。空列表及不足 20 条不留固定大块空白。保留分页、筛选、列宽及操作。共享组件的 summary 模式维持视口高度计算。不修改公共高度函数。此任务确认的页面滚动是 Fresh Mint §7.6 的局部例外,不推广至其他列表。
- #1:Web 加油登记(mine)列表按当页数据自然展开,默认每页 20 条;小屏通过页面滚动查看。空列表及不足 20 条不留固定大块空白。保留分页、筛选、列宽及操作。根据用户截图反馈及实际路由复核,共享组件的 summary 模式同样自然展开。不修改公共高度函数。此任务确认的页面滚动是 Fresh Mint §7.6 的局部例外,不推广至其他列表。
- #2:小程序工作台模块顺序为运输、CRM、地磅、报销;各模块内容、路由、样式、权限过滤保持不变,无权限模块仍隐藏,剩余模块保持相对次序。
视觉依据:现有 FuelRegisterListPage.vue 与 pages/workbench/workbench.vue,复用原组件、颜色及间距;Web Fresh Mint、小程序三墙规范。
范围不含后端、数据库、部署。基于 origin/V3.0 隔离开发,保留主工作区改动。Agent 验证编译和相关行为,实际小程序真机验收缺口单独报告。未获远端写入授权,不推送、回写或关闭工单。
## 用户测试反馈修正
用户反馈实际列表仍然过矮。路由 `vehicle-mgmt/fuel-register/vehicle-fuel-register` 实际重定向至 `vehicle-fuel-summary`,且分组可见入口为汇总页;初版仅修改 mine 是范围判断遗漏。现移除共享列表的固定高度与本地高度观察器,使两种模式均自然展开。保留车辆统计卡、权限、筛选、分页和附件。继续由用户在本地 V3.0 测试。
@@ -48,10 +48,8 @@
</div>
<div class="list-body list-wrap">
<div ref="tableWrapRef" class="table-scroll bx-list-table-wrap">
<div class="table-scroll bx-list-table-wrap">
<ListTable
ref="tableRef"
:height="isMineMode ? undefined : tableHeight"
:table-key="tableKey"
class="list-table"
:data="tableData"
@@ -319,7 +317,7 @@
</el-table-column>
</ListTable>
</div>
<div ref="belowRef">
<div>
<div class="pagination list-pager-bar">
<div class="list-pager-selected">
已选 <span class="sel-num">{{ selectedRows.length }}</span> 项
@@ -506,7 +504,6 @@ import {
import { usePersistedListColumns } from '@/composables/usePersistedListColumns'
import { useServerColumnFilters } from '@/composables/useServerColumnFilters'
import { plVehicleFuelRegisterColumnFilterDefs } from '@/views/pl/vehicle-fuel-register/columnFilterDefs'
import { useListTableViewportHeight } from '@/composables/useListTableViewportHeight'
import {
Check,
CircleClose,
@@ -640,16 +637,6 @@ function handleResetColumns() {
resetToInitial()
}
const tableWrapRef = ref<HTMLElement | null>(null)
const belowRef = ref<HTMLElement | null>(null)
const tableRef = ref<any>(null)
const { tableHeight, recalc: recalcTableHeight } = useListTableViewportHeight({
tableEl: tableWrapRef,
pagerEl: belowRef,
tableRef,
enabled: computed(() => !isMineMode.value)
})
const currentUserId = computed(() => {
const info = userStore.info as Record<string, unknown> | undefined
return String(info?.id || info?.userId || '')
@@ -697,7 +684,6 @@ async function fetchPlateSummary() {
: '加载车辆汇总失败'
} finally {
plateSummaryLoading.value = false
nextTick(() => recalcTableHeight())
}
}
@@ -1147,6 +1133,5 @@ onMounted(async () => {
await Promise.all([loadVehicleOptions(), loadUserOptions()])
fetchData()
fetchPlateSummary()
nextTick(() => recalcTableHeight())
})
</script>