fix(QualityStatisticsCard): 修复表格列宽和滚动问题
调整不合格品总数列宽,修复表格自动滚动逻辑
This commit is contained in:
@@ -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(() => {
|
||||
|
||||
Reference in New Issue
Block a user