| | |
| | | }, |
| | | ] |
| | | |
| | | function calcColumnsScrollX(columns: any[], defaultWidth = 120): number { |
| | | return columns.reduce((total, col) => { |
| | | if (!col) return total |
| | | if (Array.isArray(col.children)) return total + calcColumnsScrollX(col.children, defaultWidth) |
| | | const w = typeof col.width === 'number' ? col.width : typeof col.minWidth === 'number' ? col.minWidth : defaultWidth |
| | | return total + w |
| | | }, 0) |
| | | } |
| | | |
| | | const inspectionScrollX = calcColumnsScrollX(inspectionColumns) |
| | | const preparationScrollX = calcColumnsScrollX(preparationColumns) |
| | | const cleanScrollX = calcColumnsScrollX(cleanColumns) |
| | | const chargingScrollX = calcColumnsScrollX(chargingColumns) |
| | | const detectionScrollX = calcColumnsScrollX(detectionColumns) |
| | | const maintenanceScrollX = calcColumnsScrollX(maintenanceColumns) |
| | | const taskScrollX = calcColumnsScrollX(taskColumns) |
| | | |
| | | const inspectionCount = ref(0) |
| | | const preparationCount = ref(0) |
| | | const cleanCount = ref(0) |
| | |
| | | :columns="inspectionColumns" |
| | | :data="inspectionRecords" |
| | | :loading="loading" |
| | | :scroll-x="1200" |
| | | :scroll-x="inspectionScrollX" |
| | | striped |
| | | /> |
| | | |
| | |
| | | :columns="preparationColumns" |
| | | :data="preparationRecords" |
| | | :loading="loading" |
| | | :scroll-x="1200" |
| | | :scroll-x="preparationScrollX" |
| | | striped |
| | | /> |
| | | |
| | |
| | | :columns="cleanColumns" |
| | | :data="cleanRecords" |
| | | :loading="loading" |
| | | :scroll-x="1200" |
| | | :scroll-x="cleanScrollX" |
| | | striped |
| | | /> |
| | | |
| | |
| | | :columns="chargingColumns" |
| | | :data="chargingRecords" |
| | | :loading="loading" |
| | | :scroll-x="1200" |
| | | :scroll-x="chargingScrollX" |
| | | striped |
| | | /> |
| | | |
| | |
| | | :columns="detectionColumns" |
| | | :data="detectionRecords" |
| | | :loading="loading" |
| | | :scroll-x="800" |
| | | :scroll-x="detectionScrollX" |
| | | striped |
| | | /> |
| | | |
| | |
| | | :columns="maintenanceColumns" |
| | | :data="maintenanceRecords" |
| | | :loading="loading" |
| | | :scroll-x="1400" |
| | | :scroll-x="maintenanceScrollX" |
| | | striped |
| | | /> |
| | | |
| | |
| | | :columns="taskColumns" |
| | | :data="taskRecords" |
| | | :loading="loading" |
| | | :scroll-x="1400" |
| | | :scroll-x="taskScrollX" |
| | | striped |
| | | /> |
| | | |