统一扣分明细弹窗表格UI样式与用户管理页面一致

This commit is contained in:
Your Name 2026-01-13 19:17:28 +08:00
parent fdea487a71
commit 7b02504005

View File

@ -448,14 +448,13 @@
<!-- 延误扣分明细 -->
<div v-if="deductionDetail.delayDeductions && deductionDetail.delayDeductions.length > 0" class="deduction-section">
<h5>延误扣分明细</h5>
<div class="deduction-table-wrapper">
<a-table
:columns="delayDeductionColumns"
:data-source="deductionDetail.delayDeductions"
:pagination="false"
:scroll="{ y: 300 }"
row-key="taskId"
>
<a-table
:columns="delayDeductionColumns"
:data-source="deductionDetail.delayDeductions"
:pagination="false"
:scroll="{ y: 300 }"
row-key="taskId"
>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'deductionScore'">
<span class="text-danger">{{ record.deductionScore }} 分</span>
@ -467,21 +466,19 @@
{{ formatDateTime(record[column.key]) }}
</template>
</template>
</a-table>
</div>
</a-table>
</div>
<!-- 进度未更新扣分明细 -->
<div v-if="deductionDetail.progressDeductions && deductionDetail.progressDeductions.length > 0" class="deduction-section">
<h5>进度未更新扣分明细</h5>
<div class="deduction-table-wrapper">
<a-table
:columns="progressDeductionColumns"
:data-source="deductionDetail.progressDeductions"
:pagination="false"
:scroll="{ y: 300 }"
row-key="taskId"
>
<a-table
:columns="progressDeductionColumns"
:data-source="deductionDetail.progressDeductions"
:pagination="false"
:scroll="{ y: 300 }"
row-key="taskId"
>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'deductionScore'">
<span class="text-danger">{{ record.deductionScore }} 分</span>
@ -490,8 +487,7 @@
{{ formatDateOnly(record.deductionDate) }}
</template>
</template>
</a-table>
</div>
</a-table>
</div>
<!-- 无扣分记录 -->
@ -1953,12 +1949,6 @@ onMounted(() => {
}
}
.deduction-table-wrapper {
border: 1px solid $border-color;
border-radius: $radius-md;
overflow: hidden;
}
.no-data {
text-align: center;