fix(QualityStatisticsCard): 修复表格列宽和滚动问题

调整不合格品总数列宽,修复表格自动滚动逻辑
This commit is contained in:
2025-11-02 16:15:00 +08:00
parent 1b8583776f
commit 6d1d4aba63

View File

@@ -68,7 +68,10 @@
style="flex: 3"
>
<div class="section-title">质量统计列表</div>
<div class="custom-table-wrapper" ref="tableWrapper">
<div
class="custom-table-wrapper"
ref="tableWrapper"
>
<!-- 固定表头 -->
<table
class="custom-table custom-table-header"
@@ -86,7 +89,7 @@
<th width="80">合格率</th>
<th width="80">抛光总数</th>
<th width="80">打磨总数</th>
<th width="80">报废总数</th>
<th width="120">不合格品总数</th>
<th width="108">开始时间</th>
<th width="108">结束时间</th>
</tr>
@@ -109,7 +112,12 @@
<td width="140">{{ row.workorderId || "-" }}</td>
<td width="120">{{ row.finishedPartNumber || "-" }}</td>
<td width="100">{{ row.color || "-" }}</td>
<td width="150" class="ellipsis">{{ row.productDescription || "-" }}</td>
<td
width="150"
class="ellipsis"
>
{{ row.productDescription || "-" }}
</td>
<td width="80">{{ row.team || "-" }}</td>
<td width="120">{{ row.requireNumber || "-" }}</td>
<td width="80">{{ row.qualifiedNumber || "-" }}</td>
@@ -163,6 +171,8 @@ import { getQualityStatisticsCarouselBoardData } from "@/api/kanbanManagement/ca
import * as echarts from "echarts";
import kbHeader from "./kbHeader.vue";
import dayjs from "dayjs";
import isoWeek from "dayjs/plugin/isoWeek";
dayjs.locale("en", { weekStart: 1 });
import vueSeamlessScroll from "vue-seamless-scroll";
export default {
@@ -323,11 +333,6 @@ export default {
// 计算统计数据
this.calculateStatistics();
// 数据加载完成后立即启动滚动
this.$nextTick(() => {
this.startTableAutoScroll();
});
}
})
.finally(() => {