fix(QualityStatisticsCard): 修复表格列宽和滚动问题
调整不合格品总数列宽,修复表格自动滚动逻辑
This commit is contained in:
@@ -68,7 +68,10 @@
|
|||||||
style="flex: 3"
|
style="flex: 3"
|
||||||
>
|
>
|
||||||
<div class="section-title">质量统计列表</div>
|
<div class="section-title">质量统计列表</div>
|
||||||
<div class="custom-table-wrapper" ref="tableWrapper">
|
<div
|
||||||
|
class="custom-table-wrapper"
|
||||||
|
ref="tableWrapper"
|
||||||
|
>
|
||||||
<!-- 固定表头 -->
|
<!-- 固定表头 -->
|
||||||
<table
|
<table
|
||||||
class="custom-table custom-table-header"
|
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="80">打磨总数</th>
|
<th width="80">打磨总数</th>
|
||||||
<th width="80">报废总数</th>
|
<th width="120">不合格品总数</th>
|
||||||
<th width="108">开始时间</th>
|
<th width="108">开始时间</th>
|
||||||
<th width="108">结束时间</th>
|
<th width="108">结束时间</th>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -109,7 +112,12 @@
|
|||||||
<td width="140">{{ row.workorderId || "-" }}</td>
|
<td width="140">{{ row.workorderId || "-" }}</td>
|
||||||
<td width="120">{{ row.finishedPartNumber || "-" }}</td>
|
<td width="120">{{ row.finishedPartNumber || "-" }}</td>
|
||||||
<td width="100">{{ row.color || "-" }}</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="80">{{ row.team || "-" }}</td>
|
||||||
<td width="120">{{ row.requireNumber || "-" }}</td>
|
<td width="120">{{ row.requireNumber || "-" }}</td>
|
||||||
<td width="80">{{ row.qualifiedNumber || "-" }}</td>
|
<td width="80">{{ row.qualifiedNumber || "-" }}</td>
|
||||||
@@ -163,6 +171,8 @@ import { getQualityStatisticsCarouselBoardData } from "@/api/kanbanManagement/ca
|
|||||||
import * as echarts from "echarts";
|
import * as echarts from "echarts";
|
||||||
import kbHeader from "./kbHeader.vue";
|
import kbHeader from "./kbHeader.vue";
|
||||||
import dayjs from "dayjs";
|
import dayjs from "dayjs";
|
||||||
|
import isoWeek from "dayjs/plugin/isoWeek";
|
||||||
|
dayjs.locale("en", { weekStart: 1 });
|
||||||
import vueSeamlessScroll from "vue-seamless-scroll";
|
import vueSeamlessScroll from "vue-seamless-scroll";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -323,11 +333,6 @@ export default {
|
|||||||
|
|
||||||
// 计算统计数据
|
// 计算统计数据
|
||||||
this.calculateStatistics();
|
this.calculateStatistics();
|
||||||
|
|
||||||
// 数据加载完成后立即启动滚动
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.startTableAutoScroll();
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user