From d243b44ab3376f44687380142d3f84275e1524b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AD=A3=E6=98=93?= <zhaozhengyi1b@126.com>
Date: Tue, 10 Sep 2024 15:55:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8C=85=E8=A3=85=E5=B7=A5=E5=BA=8F=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=8A=9B=E5=85=89=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FQC/components/ThePointCard/index.vue     |  107 +
 .../FQC/qualityStatistics.vue                 |    8 +-
 .../FQC/thirtyFQC-backup.vue                  | 2061 ++++++++++++++
 src/views/qualityManagement/FQC/thirtyFQC.vue | 2376 ++++++++++-------
 4 files changed, 3605 insertions(+), 947 deletions(-)
 create mode 100644 src/views/qualityManagement/FQC/components/ThePointCard/index.vue
 create mode 100644 src/views/qualityManagement/FQC/thirtyFQC-backup.vue

diff --git a/src/views/qualityManagement/FQC/components/ThePointCard/index.vue b/src/views/qualityManagement/FQC/components/ThePointCard/index.vue
new file mode 100644
index 0000000..b7a7195
--- /dev/null
+++ b/src/views/qualityManagement/FQC/components/ThePointCard/index.vue
@@ -0,0 +1,107 @@
+<template>
+	<div class="card" :style="{ width, height }">
+		<div class="card-header"><slot></slot></div>
+		<div v-loading="loading" class="pointButtonBox">
+			<el-row :gutter="20">
+				<el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+import { GetinspectionItemList } from '@/api/qualityManagement/checkItem.js'
+export default {
+	props: {
+		width: {
+			default: '100%',
+		},
+		height: {
+			default: '300px',
+		},
+		module: {
+			default: '',
+		},
+		type: {
+			default: '',
+		},
+	},
+	data() {
+		return {
+			loading: false,
+			InspectionItemList: [],
+		}
+	},
+	mounted() {
+		this.getData()
+	},
+	methods: {
+		getData() {
+			this.loading = true
+			const params = {
+				inspectionModule: this.module,
+				inspectionType: this.type,
+			}
+			GetinspectionItemList(params).then((res) => {
+				if (res.code === 200) {
+					this.InspectionItemList = res.data
+					console.log('GetinspectionItemList', res.data)
+				}
+			})
+		},
+	},
+}
+</script>
+
+<style scoped>
+.card {
+	border-radius: 0.5em;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: space-between;
+	background-color: #032169;
+}
+.card-header {
+	padding: 10px;
+	font-family: Arial, sans-serif;
+	font-size: 1.5rem;
+	color: #fff;
+	text-align: center;
+}
+.pointButtonBox {
+	padding: 10px;
+}
+.button_ {
+	width: 60px;
+	height: 85px;
+	background-color: #11a983;
+	color: white;
+	border-radius: 0.2em;
+	transition: all 0.2s ease-in-out;
+
+	&:hover {
+		cursor: pointer;
+		box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+	}
+
+	text-align: center;
+	position: relative;
+
+	.context {
+		margin: 0.5em 1em;
+		font-size: 0.9rem;
+		font-weight: bold;
+	}
+
+	.number {
+		font-size: 1.5rem;
+		text-align: center;
+		color: red;
+		font-weight: bold;
+		position: absolute;
+		bottom: 5px;
+		width: 100%;
+	}
+}
+</style>
diff --git a/src/views/qualityManagement/FQC/qualityStatistics.vue b/src/views/qualityManagement/FQC/qualityStatistics.vue
index f3d8d1e..6f970a3 100644
--- a/src/views/qualityManagement/FQC/qualityStatistics.vue
+++ b/src/views/qualityManagement/FQC/qualityStatistics.vue
@@ -384,8 +384,8 @@
 						if (res.code == 200) {
 							this.QualityStatisticsTable = res.data.item1
 							this.pagination.total = res.data.item2
-							this.realTotal = parseInt(res.data.item2 / 2)
-							this.mergeTable(2)
+							this.realTotal = parseInt(res.data.item2 / 3)
+							this.mergeTable(3)
 							this.loading = false
 						}
 					})
@@ -395,8 +395,8 @@
 						if (res.code == 200) {
 							this.QualityStatisticsTable = res.data.item1
 							this.pagination.total = res.data.item2
-							this.realTotal = parseInt(res.data.item2 / 2)
-							this.mergeTable(2)
+							this.realTotal = parseInt(res.data.item2 / 3)
+							this.mergeTable(3)
 							this.loading = false
 						}
 					})
diff --git a/src/views/qualityManagement/FQC/thirtyFQC-backup.vue b/src/views/qualityManagement/FQC/thirtyFQC-backup.vue
new file mode 100644
index 0000000..edc0914
--- /dev/null
+++ b/src/views/qualityManagement/FQC/thirtyFQC-backup.vue
@@ -0,0 +1,2061 @@
+<template>
+	<div>
+		<div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统（包装检验）</div>
+		<!-- 网格布局 -->
+		<div class="grid">
+			<!-- 第一行 -->
+			<div class="grid_1">
+				<div class="title_Line" style="visibility: hidden">抛光</div>
+				<div class="title_Line">打磨</div>
+				<div class="title_Line">报废</div>
+			</div>
+			<!-- 第1块 -->
+			<div>
+				<div class="title_sub">油漆</div>
+				<div class="grid_2" v-if="paint.length > 0">
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(paint[0], 'paint', 0)"
+							@mousedown="startimer(paint[0].counter, 'paint', 0)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">缩孔</div>
+							<div class="number">{{ paint[0].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[1], 'paint', 1)"
+							@mousedown="startimer(paint[1].counter, 'paint', 1)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">针孔</div>
+							<div class="number">{{ paint[1].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[2], 'paint', 2)"
+							@mousedown="startimer(paint[2].counter, 'paint', 2)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">失光</div>
+							<div class="number">{{ paint[2].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[3], 'paint', 3)"
+							@mousedown="startimer(paint[3].counter, 'paint', 3)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">色差</div>
+							<div class="number">{{ paint[3].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[4], 'paint', 4)"
+							@mousedown="startimer(paint[4].counter, 'paint', 4)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">点子</div>
+							<div class="number">{{ paint[4].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[5], 'paint', 5)"
+							@mousedown="startimer(paint[5].counter, 'paint', 5)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ paint[5].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(paint[6], 'paint', 6)"
+							@mousedown="startimer(paint[6].counter, 'paint', 6)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">缩孔</div>
+							<div class="number">{{ paint[6].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[7], 'paint', 7)"
+							@mousedown="startimer(paint[7].counter, 'paint', 7)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">针孔</div>
+							<div class="number">{{ paint[7].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[8], 'paint', 8)"
+							@mousedown="startimer(paint[8].counter, 'paint', 8)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">失光</div>
+							<div class="number">{{ paint[8].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[9], 'paint', 9)"
+							@mousedown="startimer(paint[9].counter, 'paint', 9)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">色差</div>
+							<div class="number">{{ paint[9].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[10], 'paint', 10)"
+							@mousedown="startimer(paint[10].counter, 'paint', 10)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">点子</div>
+							<div class="number">{{ paint[10].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[11], 'paint', 11)"
+							@mousedown="startimer(paint[11].counter, 'paint', 11)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ paint[11].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(paint[12], 'paint', 12)"
+							@mousedown="startimer(paint[12].counter, 'paint', 12)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">缩孔</div>
+							<div class="number">{{ paint[12].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[13], 'paint', 13)"
+							@mousedown="startimer(paint[13].counter, 'paint', 13)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">针孔</div>
+							<div class="number">{{ paint[13].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[14], 'paint', 14)"
+							@mousedown="startimer(paint[14].counter, 'paint', 14)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">失光</div>
+							<div class="number">{{ paint[14].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[15], 'paint', 15)"
+							@mousedown="startimer(paint[15].counter, 'paint', 15)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">色差</div>
+							<div class="number">{{ paint[15].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[16], 'paint', 16)"
+							@mousedown="startimer(paint[16].counter, 'paint', 16)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">点子</div>
+							<div class="number">{{ paint[16].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(paint[17], 'paint', 17)"
+							@mousedown="startimer(paint[17].counter, 'paint', 17)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ paint[17].counter }}</div>
+						</div>
+					</template>
+				</div>
+			</div>
+			<!-- 第2块 -->
+			<div>
+				<div class="title_sub">设备</div>
+				<div class="grid_3" v-if="device.length > 0">
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(device[0], 'device', 0)"
+							@mousedown="startimer(device[0].counter, 'device', 0)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">水斑</div>
+							<div class="number">{{ device[0].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[1], 'device', 1)"
+							@mousedown="startimer(device[1].counter, 'device', 1)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">脏点</div>
+							<div class="number">{{ device[1].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[2], 'device', 2)"
+							@mousedown="startimer(device[2].counter, 'device', 2)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">变形</div>
+							<div class="number">{{ device[2].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[3], 'device', 3)"
+							@mousedown="startimer(device[3].counter, 'device', 3)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">油珠</div>
+							<div class="number">{{ device[3].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[4], 'device', 4)"
+							@mousedown="startimer(device[4].counter, 'device', 4)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">脱落</div>
+							<div class="number">{{ device[4].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[5], 'device', 5)"
+							@mousedown="startimer(device[5].counter, 'device', 5)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">撞伤</div>
+							<div class="number">{{ device[5].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[6], 'device', 6)"
+							@mousedown="startimer(device[6].counter, 'device', 6)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ device[6].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(device[7], 'device', 7)"
+							@mousedown="startimer(device[7].counter, 'device', 7)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">水斑</div>
+							<div class="number">{{ device[7].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[8], 'device', 8)"
+							@mousedown="startimer(device[8].counter, 'device', 8)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脏点</div>
+							<div class="number">{{ device[8].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[9], 'device', 9)"
+							@mousedown="startimer(device[9].counter, 'device', 9)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">变形</div>
+							<div class="number">{{ device[9].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[10], 'device', 10)"
+							@mousedown="startimer(device[10].counter, 'device', 10)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">油珠</div>
+							<div class="number">{{ device[10].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[11], 'device', 11)"
+							@mousedown="startimer(device[11].counter, 'device', 11)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脱落</div>
+							<div class="number">{{ device[11].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[12], 'device', 12)"
+							@mousedown="startimer(device[12].counter, 'device', 12)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">撞伤</div>
+							<div class="number">{{ device[12].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[13], 'device', 13)"
+							@mousedown="startimer(device[13].counter, 'device', 13)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ device[13].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(device[14], 'device', 14)"
+							@mousedown="startimer(device[14].counter, 'device', 14)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">水斑</div>
+							<div class="number">{{ device[14].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[15], 'device', 15)"
+							@mousedown="startimer(device[15].counter, 'device', 15)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脏点</div>
+							<div class="number">{{ device[15].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[16], 'device', 16)"
+							@mousedown="startimer(device[16].counter, 'device', 16)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">变形</div>
+							<div class="number">{{ device[16].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[17], 'device', 17)"
+							@mousedown="startimer(device[17].counter, 'device', 17)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">油珠</div>
+							<div class="number">{{ device[17].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[18], 'device', 18)"
+							@mousedown="startimer(device[18].counter, 'device', 18)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脱落</div>
+							<div class="number">{{ device[18].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[19], 'device', 19)"
+							@mousedown="startimer(device[19].counter, 'device', 19)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">撞伤</div>
+							<div class="number">{{ device[19].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(device[20], 'device', 20)"
+							@mousedown="startimer(device[20].counter, 'device', 20)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ device[20].counter }}</div>
+						</div>
+					</template>
+				</div>
+			</div>
+			<!-- 第二行 -->
+			<div class="grid_1">
+				<div class="title_Line" style="visibility: hidden">抛光</div>
+				<div class="title_Line">打磨</div>
+				<div class="title_Line">报废</div>
+			</div>
+			<!-- 第3块 毛坯 -->
+			<div>
+				<div class="title_sub">毛坯</div>
+				<div class="grid_4" v-if="blank.length > 0">
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(blank[0], 'blank', 0)"
+							@mousedown="startimer(blank[0].counter, 'blank', 0)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">毛刺</div>
+							<div class="number">{{ blank[0].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[1], 'blank', 1)"
+							@mousedown="startimer(blank[1].counter, 'blank', 1)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">缩印</div>
+							<div class="number">{{ blank[1].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[2], 'blank', 2)"
+							@mousedown="startimer(blank[2].counter, 'blank', 2)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">擦伤</div>
+							<div class="number">{{ blank[2].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[3], 'blank', 3)"
+							@mousedown="startimer(blank[3].counter, 'blank', 3)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">砂印</div>
+							<div class="number">{{ blank[3].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[4], 'blank', 4)"
+							@mousedown="startimer(blank[4].counter, 'blank', 4)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">脏点</div>
+							<div class="number">{{ blank[4].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[5], 'blank', 5)"
+							@mousedown="startimer(blank[5].counter, 'blank', 5)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">打磨</div>
+							<div class="number">{{ blank[5].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(blank[6], 'blank', 6)"
+							@mousedown="startimer(blank[6].counter, 'blank', 6)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">毛刺</div>
+							<div class="number">{{ blank[6].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[7], 'blank', 7)"
+							@mousedown="startimer(blank[7].counter, 'blank', 7)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">缩印</div>
+							<div class="number">{{ blank[7].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[8], 'blank', 8)"
+							@mousedown="startimer(blank[8].counter, 'blank', 8)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">擦伤</div>
+							<div class="number">{{ blank[8].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[9], 'blank', 9)"
+							@mousedown="startimer(blank[9].counter, 'blank', 9)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">砂印</div>
+							<div class="number">{{ blank[9].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[10], 'blank', 10)"
+							@mousedown="startimer(blank[10].counter, 'blank', 10)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脏点</div>
+							<div class="number">{{ blank[10].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[11], 'blank', 11)"
+							@mousedown="startimer(blank[11].counter, 'blank', 11)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">打磨</div>
+							<div class="number">{{ blank[11].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(blank[12], 'blank', 12)"
+							@mousedown="startimer(blank[12].counter, 'blank', 12)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">毛刺</div>
+							<div class="number">{{ blank[12].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[13], 'blank', 13)"
+							@mousedown="startimer(blank[13].counter, 'blank', 13)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">缩印</div>
+							<div class="number">{{ blank[13].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[14], 'blank', 14)"
+							@mousedown="startimer(blank[14].counter, 'blank', 14)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">擦伤</div>
+							<div class="number">{{ blank[14].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[15], 'blank', 15)"
+							@mousedown="startimer(blank[15].counter, 'blank', 15)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">砂印</div>
+							<div class="number">{{ blank[15].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[16], 'blank', 16)"
+							@mousedown="startimer(blank[16].counter, 'blank', 16)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脏点</div>
+							<div class="number">{{ blank[16].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(blank[17], 'blank', 17)"
+							@mousedown="startimer(blank[17].counter, 'blank', 17)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">打磨</div>
+							<div class="number">{{ blank[17].counter }}</div>
+						</div>
+					</template>
+				</div>
+			</div>
+
+			<!-- 第4块  程序 -->
+			<div>
+				<div class="title_sub">程序</div>
+				<div class="grid_6" v-if="program.length > 0">
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(program[0], 'program', 0)"
+							@mousedown="startimer(program[0].counter, 'program', 0)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">流挂</div>
+							<div class="number">{{ program[0].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[1], 'program', 1)"
+							@mousedown="startimer(program[1].counter, 'program', 1)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">色漆缺漆</div>
+							<div class="number">{{ program[1].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[2], 'program', 2)"
+							@mousedown="startimer(program[2].counter, 'program', 2)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">清漆缺漆</div>
+							<div class="number">{{ program[2].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[3], 'program', 3)"
+							@mousedown="startimer(program[3].counter, 'program', 3)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">桔皮</div>
+							<div class="number">{{ program[3].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[4], 'program', 4)"
+							@mousedown="startimer(program[4].counter, 'program', 4)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ program[4].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(program[5], 'program', 5)"
+							@mousedown="startimer(program[5].counter, 'program', 5)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">流挂</div>
+							<div class="number">{{ program[5].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[6], 'program', 6)"
+							@mousedown="startimer(program[6].counter, 'program', 6)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">色漆缺漆</div>
+							<div class="number">{{ program[6].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[7], 'program', 7)"
+							@mousedown="startimer(program[7].counter, 'program', 7)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">清漆缺漆</div>
+							<div class="number">{{ program[7].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[8], 'program', 8)"
+							@mousedown="startimer(program[8].counter, 'program', 8)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">桔皮</div>
+							<div class="number">{{ program[8].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[9], 'program', 9)"
+							@mousedown="startimer(program[9].counter, 'program', 9)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ program[9].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(program[10], 'program', 10)"
+							@mousedown="startimer(program[10].counter, 'program', 10)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">流挂</div>
+							<div class="number">{{ program[10].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[11], 'program', 11)"
+							@mousedown="startimer(program[11].counter, 'program', 11)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">色漆缺漆</div>
+							<div class="number">{{ program[11].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[12], 'program', 12)"
+							@mousedown="startimer(program[12].counter, 'program', 12)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">清漆缺漆</div>
+							<div class="number">{{ program[12].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[13], 'program', 13)"
+							@mousedown="startimer(program[13].counter, 'program', 13)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">桔皮</div>
+							<div class="number">{{ program[13].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(program[14], 'program', 14)"
+							@mousedown="startimer(program[14].counter, 'program', 14)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">其他</div>
+							<div class="number">{{ program[14].counter }}</div>
+						</div>
+					</template>
+				</div>
+			</div>
+			<!-- 第三行 -->
+			<div class="grid_5">
+				<div class="title_Line" style="visibility: hidden">抛光</div>
+				<div class="title_Line">打磨</div>
+				<div class="title_Line">报废</div>
+			</div>
+			<!-- 第5块 班组操作-->
+			<div>
+				<div class="title_sub">班组操作</div>
+				<div class="grid_2" v-if="team.length > 0">
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(team[0], 'team', 0)"
+							@mousedown="startimer(team[0].counter, 'team', 0)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">脱落擦伤</div>
+							<div class="number">{{ team[0].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[1], 'team', 1)"
+							@mousedown="startimer(team[1].counter, 'team', 1)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">清漆漆块</div>
+							<div class="number">{{ team[1].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[2], 'team', 2)"
+							@mousedown="startimer(team[2].counter, 'team', 2)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">色漆漆块</div>
+							<div class="number">{{ team[2].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[3], 'team', 3)"
+							@mousedown="startimer(team[3].counter, 'team', 3)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">发花</div>
+							<div class="number">{{ team[3].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[4], 'team', 4)"
+							@mousedown="startimer(team[4].counter, 'team', 4)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">亮斑</div>
+							<div class="number">{{ team[4].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[5], 'team', 5)"
+							@mousedown="startimer(team[5].counter, 'team', 5)"
+							@mouseup="clearTimer"
+							style="visibility: hidden"
+						>
+							<div class="context">喷漏</div>
+							<div class="number">{{ team[5].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(team[6], 'team', 6)"
+							@mousedown="startimer(team[6].counter, 'team', 6)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脱落擦伤</div>
+							<div class="number">{{ team[6].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[7], 'team', 7)"
+							@mousedown="startimer(team[7].counter, 'team', 7)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">清漆漆块</div>
+							<div class="number">{{ team[7].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[8], 'team', 8)"
+							@mousedown="startimer(team[8].counter, 'team', 8)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">色漆漆块</div>
+							<div class="number">{{ team[8].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[9], 'team', 9)"
+							@mousedown="startimer(team[9].counter, 'team', 9)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">发花</div>
+							<div class="number">{{ team[9].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[10], 'team', 10)"
+							@mousedown="startimer(team[10].counter, 'team', 10)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">亮斑</div>
+							<div class="number">{{ team[10].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[11], 'team', 11)"
+							@mousedown="startimer(team[11].counter, 'team', 11)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">喷漏</div>
+							<div class="number">{{ team[11].counter }}</div>
+						</div>
+					</template>
+					<template>
+						<div
+							class="button_"
+							@click="Accumulator(team[12], 'team', 12)"
+							@mousedown="startimer(team[12].counter, 'team', 12)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">脱落擦伤</div>
+							<div class="number">{{ team[12].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[13], 'team', 13)"
+							@mousedown="startimer(team[13].counter, 'team', 13)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">清漆漆块</div>
+							<div class="number">{{ team[13].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[14], 'team', 14)"
+							@mousedown="startimer(team[14].counter, 'team', 14)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">色漆漆块</div>
+							<div class="number">{{ team[14].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[15], 'team', 15)"
+							@mousedown="startimer(team[15].counter, 'team', 15)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">发花</div>
+							<div class="number">{{ team[15].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[16], 'team', 16)"
+							@mousedown="startimer(team[16].counter, 'team', 16)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">亮斑</div>
+							<div class="number">{{ team[16].counter }}</div>
+						</div>
+						<div
+							class="button_"
+							@click="Accumulator(team[17], 'team', 17)"
+							@mousedown="startimer(team[17].counter, 'team', 17)"
+							@mouseup="clearTimer"
+						>
+							<div class="context">喷漏</div>
+							<div class="number">{{ team[17].counter }}</div>
+						</div>
+					</template>
+				</div>
+			</div>
+			<!-- 第6块 -->
+			<div>
+				<el-card class="box-card dataStatistics">
+					<div slot="header" class="clearfix">
+						<span class="title"> 工单号:{{ CurrentWorkorder.clientWorkorder }} </span>
+						<span style="margin-left: 10px">
+							<el-tag v-if="workOrderInListStatus === 0" type="primary" effect="dark">正常</el-tag>
+							<el-tag v-if="workOrderInListStatus === 1" type="danger" effect="dark">有未完成工单</el-tag>
+							<el-tag v-if="workOrderInListStatus === 2" type="warning" effect="dark">首个工单</el-tag>
+							<el-tag v-if="workOrderInListStatus === 3" type="success" effect="dark">最后工单</el-tag>
+						</span>
+						<el-button-group style="float: right">
+							<el-button type="primary" size="mini" @click="getNext_current_workorder"
+								>下一个工单<i class="el-icon-arrow-right el-icon--right"></i
+							></el-button>
+							<el-button type="primary" icon="el-icon-arrow-left" size="mini" @click="getPrevious_current_workorder"
+								>上一个工单</el-button
+							>
+						</el-button-group>
+					</div>
+					<div style="height: 40px">
+						<el-button type="primary" size="medium" @click="workOrderCompleted">本工单完成</el-button>
+					</div>
+					<table>
+						<tr>
+							<td>产品描述</td>
+							<td>{{ CurrentWorkorder.productDescription }}</td>
+							<td>零件号</td>
+							<td>{{ CurrentWorkorder.finishedPartNumber }}</td>
+						</tr>
+
+						<tr>
+							<td>规格</td>
+							<td>{{ CurrentWorkorder.specifications }}</td>
+							<td>颜色</td>
+							<td>{{ CurrentWorkorder.colour }}</td>
+						</tr>
+
+						<tr>
+							<td>班组</td>
+							<td>
+								<el-radio-group v-model="CurrentWorkorder.team" @change="teamChange">
+									<el-radio-button label="A">A班</el-radio-button>
+									<el-radio-button label="B">B班</el-radio-button>
+								</el-radio-group>
+							</td>
+							<td>包装投入数</td>
+							<td>{{ CurrentWorkorder.previousNumber }}</td>
+						</tr>
+
+						<tr>
+							<td>打磨数</td>
+							<td>{{ calculate_polisheNumber }}</td>
+							<td>报废数</td>
+							<td>{{ calculate_scrapNumber }}</td>
+						</tr>
+						<tr>
+							<td>标签参考图片</td>
+							<td>
+								<span @click="openImageViewer">
+									<el-image ref="elImageRef" style="width: 40px; height: 40px" :src="imageUrl"> </el-image>
+									<el-image-viewer
+										style="width: 60%; height: 80%"
+										v-if="showViewer"
+										:on-close="closeImageViewer"
+										:url-list="[imageUrl]"
+									/>
+								</span>
+							</td>
+							<td>开始时间</td>
+							<td>{{ workOrderStartTime }}</td>
+						</tr>
+					</table>
+				</el-card>
+			</div>
+		</div>
+		<!-- 额外数据区域 -->
+		<div style="width: 100%; margin-top: 140px">
+			<el-card class="box-card board-box">
+				<div slot="header" class="clearfix">
+					<span class="border-title title">工单数据看板</span>
+					<el-button style="float: right" icon="el-icon-refresh" @click="handlerSyncDataBoard(CurrentWorkorder.clientWorkorder)"
+						>刷新</el-button
+					>
+				</div>
+				<el-descriptions style="font-size: 18px" :column="6" border>
+					<el-descriptions-item content-class-name="my-content1">
+						<template slot="label">
+							<i class="el-icon-tickets"></i>
+							<span class="board-text">工单号</span>
+						</template>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderId }}</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content1">
+						<template slot="label">
+							<span class="board-text">工单位置</span>
+						</template>
+						<span v-if="workOrderBoardData">{{
+							` ${workOrderBoardData.workOrderIndex} / ${workOrderBoardData.workOrderDayListCount} `
+						}}</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content1">
+						<template slot="label">
+							<i class="el-icon-finished"></i>
+							<span class="board-text">已完成</span>
+						</template>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderFinishNum }}</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content1">
+						<template slot="label">
+							<i class="el-icon-close"></i>
+							<span class="board-text">未完成</span>
+						</template>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderNotFinishNum }}</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content1">
+						<template slot="label">
+							<i class="el-icon-printer"></i>
+							<span class="board-text">已打</span>
+						</template>
+						<span
+							v-if="workOrderBoardData"
+							:class="
+								workOrderBoardData.workOrderFinishPackageNum === workOrderBoardData.workOrderPackageCount
+									? 'color-green'
+									: 'color-red'
+							"
+						>
+							{{ ` ${workOrderBoardData.workOrderFinishPackageNum} / ${workOrderBoardData.workOrderPackageCount} ` }}
+						</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content1">
+						<template slot="label">
+							<i class="el-icon-printer"></i>
+							<span class="board-text">未打</span>
+						</template>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderNotFinishPackageNum }}</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content2">
+						<template slot="label">
+							<i class="el-icon-tickets"></i>
+							<span class="board-text">上个工单</span>
+						</template>
+						<span v-if="workOrderBoardData.lastWorkOrderId">{{ workOrderBoardData.lastWorkOrderId }}</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content2">
+						<template slot="label">
+							<i class="el-icon-printer"></i>
+							<span class="board-text">已打</span>
+						</template>
+						<span
+							v-if="workOrderBoardData.lastWorkOrderId"
+							:class="
+								workOrderBoardData.lastWorkOrderFinishPackageNum === workOrderBoardData.lastWorkOrderPackageCount
+									? 'color-green'
+									: 'color-red'
+							"
+						>
+							{{ ` ${workOrderBoardData.lastWorkOrderFinishPackageNum} / ${workOrderBoardData.lastWorkOrderPackageCount} ` }}
+						</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content2">
+						<template slot="label">
+							<i class="el-icon-printer"></i>
+							<span class="board-text">未打</span>
+						</template>
+						<span v-if="workOrderBoardData.lastWorkOrderId">{{ workOrderBoardData.lastWorkOrderNotFinishPackageNum }}</span>
+					</el-descriptions-item>
+					<el-descriptions-item content-class-name="my-content3">
+						<template slot="label">
+							<i class="el-icon-time"></i>
+							<span class="board-text">更新时间</span>
+						</template>
+						<span>{{ workOrderBoardData.updatedTime }}</span>
+					</el-descriptions-item>
+				</el-descriptions>
+			</el-card>
+		</div>
+		<el-dialog title="修改" :visible.sync="DMLdialog.visiable" width="600px" append-to-body>
+			<el-input-number v-model="toUpdateNum" label="修改"></el-input-number>
+			<div slot="footer" class="dialog-footer">
+				<el-button @click="DMLdialog.visiable = false">取 消</el-button>
+				<el-button @click="confirm">确认</el-button>
+			</div>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+import * as emqxUtil from '@/utils/mqtt/emqxUtil'
+import { mapGetters, mapState } from 'vuex'
+import {
+	GetcheckItemTable,
+	getcurrent_workorder,
+	get_next_current_workorder,
+	get_previous_current_workorder,
+	accumulator_query,
+	calculate_packagingInvestment,
+	update_workorder_status,
+	generateQualityStatisticsTable,
+} from '@/api/qualityManagement/thirtyFQC.js'
+import { CheckPackageWorkOrderStatus, CheckPackageWorkOrderInListStatus, GetWorkOrderBoardData } from '@/api/qualityManagement/commonFQC.js'
+import { GetQcQualityStatisticsFirstStartTime } from '@/api/qualityManagement/firstFQC.js'
+import { doOutboundByWorkOrderId } from '@/api/wmsManagement/wmBlankRecord.js'
+import { convertToIncomingInspectionData } from '@/api/wmsManagement/wmFgentryInspect.js'
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+export default {
+	name: 'thirtyFQC',
+	components: { ElImageViewer },
+	data() {
+		return {
+			imgBaseUrl: 'http://192.168.60.251:9888/chfs/shared/partnumber/',
+			showViewer: true,
+			paint: [],
+			device: [],
+			blank: [], // 毛坯
+			program: [], // 程序
+			team: [], //班组
+			// 当前工单
+			CurrentWorkorder: {
+				clientWorkorder: '', // 客户工单
+				productDescription: '', // 产品描述
+				finishedPartNumber: 0,
+				specifications: 0,
+				colour: '',
+				team: '',
+				previousNumber: '',
+				firstPassNumber: 0,
+				firstPassRate: 0,
+				polisheNumber: 0,
+				scrapNumber: 0,
+				defectNumber: 0,
+			},
+			DMLdialog: {
+				visiable: false,
+			},
+			// 工单开始时间
+			workOrderStartTime: '',
+			workOrderStatus: -1,
+			workOrderInListStatus: -1,
+			workOrderBoardData: {},
+			toUpdateNum: 0, //弹窗更新值
+			toname: '',
+			toindex: 0, //索引
+			// 按钮计时器
+			timer: null,
+			// 工单数据计时器刷新
+			timer2: null,
+			mqttClient: null,
+			mqttClientId: emqxUtil.title + Math.random().toString(16).substring(2, 8),
+		}
+	},
+	created() {
+		this.initMqtt()
+		this.getcurrentWorkorder()
+		this.startTimer2()
+	},
+	mounted() {},
+	watch: {
+		// 工单变动
+		'CurrentWorkorder.clientWorkorder'(newValue, oldValue) {
+			// this.showBigImageView();
+			this.getWorkOrderStartTime(newValue)
+			this.getWorkOrderInListStatus(newValue)
+			this.handlerSyncDataBoard(newValue)
+		},
+	},
+
+	computed: {
+		...mapGetters(['firstquality_time']),
+		imageUrl() {
+			// http://127.0.0.1:9888/chfs/shared/partnumber/20103231-Y65-29.jpg?v=1
+			return this.imgBaseUrl + this.CurrentWorkorder.finishedPartNumber + '.jpg'
+			// return this.imgBaseUrl + this.CurrentWorkorder.finishedPartNumber + '.jpg?v=1';
+			// return this.minioBaseUrl + '65288101' + '.jpg';
+		},
+		// 计算合格数
+		calculate_firstPassNumber() {
+			// 计算缺陷数
+
+			let allCount = 0
+			this.paint.forEach((it) => {
+				allCount += it.counter
+			})
+			this.device.forEach((it) => {
+				allCount += it.counter
+			})
+			this.blank.forEach((it) => {
+				allCount += it.counter
+			})
+			this.program.forEach((it) => {
+				allCount += it.counter
+			})
+			this.team.forEach((it) => {
+				allCount += it.counter
+			})
+
+			this.CurrentWorkorder.firstPassNumber = this.CurrentWorkorder.previousNumber - allCount
+			return this.CurrentWorkorder.firstPassNumber
+		},
+		// 计算合格率
+		calculate_firstPassRate() {
+			this.CurrentWorkorder.firstPassRate = ((this.CurrentWorkorder.firstPassNumber / this.CurrentWorkorder.previousNumber) * 100).toFixed(3)
+			return this.CurrentWorkorder.firstPassRate
+		},
+		//计算打磨数 CurrentWorkorder.polisheNumber
+		calculate_polisheNumber() {
+			let allCount = 0
+			this.paint.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.device.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.blank.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.program.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.team.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+
+			this.CurrentWorkorder.polisheNumber = allCount
+			return this.CurrentWorkorder.polisheNumber
+		},
+
+		//计算报废数  CurrentWorkorder.scrapNumber
+		calculate_scrapNumber() {
+			let allCount = 0
+			this.paint.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.device.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.blank.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.program.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.team.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+
+			this.CurrentWorkorder.scrapNumber = allCount
+			return this.CurrentWorkorder.scrapNumber
+		},
+
+		//计算 抛光数  CurrentWorkorder.defectNumber
+		calculate_defectNumber() {
+			let allCount = 0
+			this.paint.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.device.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.blank.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.program.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.team.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+
+			this.CurrentWorkorder.defectNumber = allCount
+
+			return this.CurrentWorkorder.defectNumber
+		},
+	},
+	methods: {
+		//todo  获取当前工单检测项及其数量
+
+		//todo  获取当前工单号
+		getcurrentWorkorder() {
+			getcurrent_workorder()
+				.then((res) => {
+					if (res.code == 200) {
+						if (res.data != undefined) {
+							this.CurrentWorkorder = res.data
+							this.$message.success('更新今日工单号成功')
+							this.$loading()
+							return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
+						}
+					} else if (res.code == 210) {
+						this.$notify.warning('没有工单上线')
+					} // 拿到工单的检测项数量
+				})
+				.then((result) => {
+					if (result.code == 200) {
+						this.paint = result.data.paint
+
+						this.device = result.data.device
+
+						this.blank = result.data.blank
+
+						this.program = result.data.program
+
+						this.team = result.data.team
+						this.$loading().close()
+					}
+				})
+		},
+		//todo 工单完成
+		workOrderCompleted() {
+			// 待保存的工单信息
+			const saveWorkorderInfo = JSON.parse(JSON.stringify(this.CurrentWorkorder))
+			const timeStr = this.$dayjs().format('YYYY-MM-DD HH:mm:ss')
+			this.$modal
+				.confirm('是否确认完成本工单？')
+				.then(() => {
+					this.$notify.success(`已完成工单${saveWorkorderInfo.clientWorkorder}，即将跳转下一个工单`)
+					// 毛坯库存出库
+					this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},开始同步毛坯库存！`)
+					const queryData = {
+						workOrderId: saveWorkorderInfo.clientWorkorder,
+					}
+					doOutboundByWorkOrderId(queryData)
+						.then((res) => {
+							if (res.code === 200) {
+								this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},毛坯库存已扣除！`)
+							}
+						})
+						.catch((err) => {})
+					//todo  更改这个工单状态为2
+					this.getNext_current_workorder().then(() => {
+						setTimeout(() => {
+							update_workorder_status({ workorderID: saveWorkorderInfo.clientWorkorder })
+								.then((res) => {
+									if (res.code == 200) {
+										this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},开始生成相关数据……`)
+										//todo 生成质量统计表 ！！！！需要工单和班组
+										let query = {
+											workorderID: saveWorkorderInfo.clientWorkorder,
+											team: saveWorkorderInfo.team,
+											firstquality_time: this.$store.state.quality.firstquality_time,
+										}
+										return generateQualityStatisticsTable(query)
+									}
+								})
+								.then((res) => {
+									if (res.code == 200) {
+										this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder}质量统计表生成成功`)
+									}
+									// 入库检验数据转换
+									const quest = { workorder: saveWorkorderInfo.clientWorkorder }
+									return convertToIncomingInspectionData(quest)
+								})
+								.then((res) => {
+									if (res.code == 200) {
+										this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder}生成入库检验数量为${res.data}`)
+									}
+								})
+						}, 500)
+						setTimeout(() => {
+							location.reload()
+						}, 2000)
+					})
+				})
+				.catch(() => {})
+		},
+		//todo  获取下一个工单号
+		getNext_current_workorder() {
+			return get_next_current_workorder()
+				.then((res) => {
+					if (res.code == 200) {
+						if (res.data != null) {
+							this.CurrentWorkorder = res.data
+							this.$store.dispatch('quality/currentWorkOrder_thirty', res.data)
+							this.$loading()
+							this.$message.success('获取工单号成功')
+							this.publishOrderChange()
+							return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
+						} else {
+							this.$notify.warning('当前为列表最后工单，请刷新尝试获取最新工单！')
+							return null
+						}
+					} else if (res.code == 210) {
+						this.$notify.warning('当前无更多数据，请刷新尝试获取最新工单！')
+						return null
+					}
+				})
+				.then((result) => {
+					if (result === null) {
+						return
+					}
+					if (result.code == 200) {
+						this.paint = result.data.paint
+						this.device = result.data.device
+						this.blank = result.data.blank
+						this.program = result.data.program
+						this.team = result.data.team
+						this.$loading().close()
+					}
+				})
+		},
+		//todo  获取上一个工单号
+		getPrevious_current_workorder() {
+			get_previous_current_workorder()
+				.then((res) => {
+					if (res.code == 200) {
+						if (res.data != null) {
+							this.CurrentWorkorder = res.data
+							this.$loading()
+							this.$message.success('获取工单号成功')
+							this.publishOrderChange()
+							return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
+						} else {
+							this.$notify.warning('当前为列表第一个工单，请刷新尝试获取最新工单！')
+							return null
+						}
+					} else if (res.code == 210) {
+						this.$notify.warning('当前为列表第一个工单，请刷新尝试获取最新工单！')
+						return null
+					}
+				})
+				.then((result) => {
+					if (result === null) {
+						return
+					}
+					if (result.code == 200) {
+						this.paint = result.data.paint
+
+						this.device = result.data.device
+
+						this.blank = result.data.blank
+
+						this.program = result.data.program
+
+						this.team = result.data.team
+						this.$loading().close()
+					}
+				})
+		},
+
+		//todo  累加器    这里是值传递还是引用传递？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？
+		Accumulator(item, type, index) {
+			let query = {}
+			query.workorder_id = this.CurrentWorkorder.clientWorkorder
+			query.checkid = item.id
+			query.number = 1
+			query.inspectionModule = item.inspectionModule
+
+			accumulator_query(query).then((res) => {
+				if (res.code == 200) {
+					item.counter = res.data
+					this.publishAccumulatorChange(query.workorder_id, type, index, res.data)
+				}
+			})
+		},
+
+		//todo 长按事件
+		startimer(value, name, index) {
+			this.timer = setTimeout(() => {
+				this.toUpdateNum = value
+				this.DMLdialog.visiable = true
+				this.toname = name
+				this.toindex = index
+			}, 1000)
+		},
+		clearTimer() {
+			clearTimeout(this.timer)
+		},
+		//todo  弹窗确认事件
+		confirm() {
+			switch (this.toname) {
+				case 'paint':
+					let query = {}
+					query.workorder_id = this.CurrentWorkorder.clientWorkorder
+					query.checkid = this.paint[this.toindex].id
+					query.number = this.toUpdateNum - this.paint[this.toindex].counter
+					query.inspectionModule = this.paint[this.toindex].inspectionModule
+
+					accumulator_query(query).then((res) => {
+						if (res.code == 200) {
+							this.paint[this.toindex].counter = res.data
+							this.publishAccumulatorChange(query.workorder_id, this.toname, this.toindex, res.data)
+						}
+					})
+					break
+				case 'blank':
+					let query1 = {}
+					query1.workorder_id = this.CurrentWorkorder.clientWorkorder
+					query1.checkid = this.blank[this.toindex].id
+					query1.number = this.toUpdateNum - this.blank[this.toindex].counter
+					query1.inspectionModule = this.blank[this.toindex].inspectionModule
+
+					accumulator_query(query1).then((res) => {
+						if (res.code == 200) {
+							this.blank[this.toindex].counter = res.data
+							this.publishAccumulatorChange(query1.workorder_id, this.toname, this.toindex, res.data)
+						}
+					})
+					break
+				case 'team':
+					let query2 = {}
+					query2.workorder_id = this.CurrentWorkorder.clientWorkorder
+					query2.checkid = this.team[this.toindex].id
+					query2.number = this.toUpdateNum - this.team[this.toindex].counter
+					query2.inspectionModule = this.team[this.toindex].inspectionModule
+
+					accumulator_query(query2).then((res) => {
+						if (res.code == 200) {
+							this.team[this.toindex].counter = res.data
+							this.publishAccumulatorChange(query2.workorder_id, this.toname, this.toindex, res.data)
+						}
+					})
+					break
+				case 'device':
+					let query3 = {}
+					query3.workorder_id = this.CurrentWorkorder.clientWorkorder
+					query3.checkid = this.device[this.toindex].id
+					query3.number = this.toUpdateNum - this.device[this.toindex].counter
+					query3.inspectionModule = this.device[this.toindex].inspectionModule
+
+					accumulator_query(query3).then((res) => {
+						if (res.code == 200) {
+							this.device[this.toindex].counter = res.data
+							this.publishAccumulatorChange(query3.workorder_id, this.toname, this.toindex, res.data)
+						}
+					})
+					break
+				case 'program':
+					let query4 = {}
+					query4.workorder_id = this.CurrentWorkorder.clientWorkorder
+					query4.checkid = this.program[this.toindex].id
+					query4.number = this.toUpdateNum - this.program[this.toindex].counter
+					query4.inspectionModule = this.program[this.toindex].inspectionModule
+
+					accumulator_query(query4).then((res) => {
+						if (res.code == 200) {
+							this.program[this.toindex].counter = res.data
+							this.publishAccumulatorChange(query4.workorder_id, this.toname, this.toindex, res.data)
+						}
+					})
+					break
+			}
+
+			this.DMLdialog.visiable = false
+		},
+
+		//todo 定时任务 ，每4s 获取一次当前工单下的包装投入数
+		startTimer2() {
+			this.timer2 = setInterval(() => {
+				//计算包装投入数
+				calculate_packagingInvestment({ workorder_id: this.CurrentWorkorder.clientWorkorder }).then((res) => {
+					if (res.code == 200) {
+						this.CurrentWorkorder.previousNumber = res.data
+					}
+				})
+				// 更新工单白板
+				this.handlerSyncDataBoard(this.CurrentWorkorder.clientWorkorder)
+				// 更新工单状态
+				this.getWorkOrderInListStatus(this.CurrentWorkorder.clientWorkorder)
+				//this.getcurrentWorkorder()
+			}, 5000)
+		},
+		stopTimer2() {
+			clearInterval(this.timer2)
+		},
+
+		teamChange(value) {
+			this.publishTeamChange(this.CurrentWorkorder.clientWorkorder, value)
+		},
+		initMqtt() {
+			const that = this
+			if (that.mqttClient !== null && that.mqttClient.connected) {
+				// 已建立连接
+				return
+			}
+			// 需要传输或订阅的内容
+			const _topic = emqxUtil.thirtyFQCTopic
+			that.mqttClient = emqxUtil.createClient(that.mqttClientId)
+			// 订阅所有值变动
+			that.mqttClient.subscribe(_topic.AccumulatorChange + '/#')
+			that.mqttClient.subscribe(_topic.TeamChange + '/#')
+			that.mqttClient.subscribe(_topic.OrderChange + '/#')
+			let accumulatorTimestemp = 0
+			let orderEndTimestemp = 0
+			let teamTimestemp = 0
+			that.mqttClient.on('message', function (topic, message) {
+				if (topic === _topic.AccumulatorChange + '/' + that.CurrentWorkorder.clientWorkorder) {
+					// 其他同页面触发当前工单的点击值变动
+					const AccumulatorData = emqxUtil.parseJSON(message)
+					// 检查是否是发送此消息的用户，当前用户不更新
+					if (that.mqttClientId !== AccumulatorData.clientId) {
+						// 检查消息时间，要最新
+						if (accumulatorTimestemp < AccumulatorData.timestemp) {
+							accumulatorTimestemp = AccumulatorData.timestemp
+							switch (AccumulatorData.type) {
+								case 'paint':
+									that.paint[AccumulatorData.index].counter = AccumulatorData.data
+									break
+								case 'blank':
+									that.blank[AccumulatorData.index].counter = AccumulatorData.data
+									break
+								case 'team':
+									that.team[AccumulatorData.index].counter = AccumulatorData.data
+									break
+								case 'device':
+									that.device[AccumulatorData.index].counter = AccumulatorData.data
+									break
+								case 'program':
+									that.program[AccumulatorData.index].counter = AccumulatorData.data
+									break
+							}
+						}
+					}
+				}
+				// 班组切换
+				if (topic === _topic.TeamChange + '/' + that.CurrentWorkorder.clientWorkorder) {
+					// 其他同页面触发当前工单的点击值变动
+					const TeamData = emqxUtil.parseJSON(message)
+					// 检查是否是发送此消息的用户，当前用户不更新
+					if (that.mqttClientId !== TeamData.clientId) {
+						// 检查消息时间，要最新
+						if (teamTimestemp < TeamData.timestemp) {
+							teamTimestemp = TeamData.timestemp
+							that.CurrentWorkorder.team = TeamData.data
+						}
+					}
+				}
+				// 工单切换
+				if (topic === _topic.OrderChange) {
+					// 其他同页面触发当前工单的点击值变动
+					const OrderChangeData = emqxUtil.parseJSON(message)
+					// 检查是否是发送此消息的用户，当前用户不更新
+					if (that.mqttClientId !== OrderChangeData.clientId) {
+						// 检查消息时间，要最新
+						if (orderEndTimestemp < OrderChangeData.timestemp) {
+							orderEndTimestemp = OrderChangeData.timestemp
+							// 刷新页面切换工单
+							location.reload()
+						}
+					}
+				}
+			})
+		},
+		// 发布参数变动
+		// 传入改变参数的类别 type
+		// 改变的地址标号 index
+		// 改变后的数据 data
+		publishAccumulatorChange(workId, type, index, data) {
+			if (emqxUtil.checkClient(this.mqttClient)) {
+				const topic = emqxUtil.thirtyFQCTopic
+				const message = {
+					clientId: this.mqttClientId,
+					type,
+					index,
+					data,
+					// 毫秒时间戳
+					timestemp: new Date().getTime(),
+				}
+				this.mqttClient.publish(topic.AccumulatorChange + '/' + workId, emqxUtil.stringJSON(message))
+			}
+		},
+		publishTeamChange(workId, data) {
+			if (emqxUtil.checkClient(this.mqttClient)) {
+				const topic = emqxUtil.thirtyFQCTopic
+				const message = {
+					clientId: this.mqttClientId,
+					data,
+					// 毫秒时间戳
+					timestemp: new Date().getTime(),
+				}
+				this.mqttClient.publish(topic.TeamChange + '/' + workId, emqxUtil.stringJSON(message))
+			}
+		},
+		// 当前页面工单有人点击完成或切换工单
+		publishOrderChange(workId = '') {
+			if (emqxUtil.checkClient(this.mqttClient)) {
+				const topic = emqxUtil.thirtyFQCTopic
+				const message = {
+					clientId: this.mqttClientId,
+					// 切换后的工单号
+					workId,
+					// 毫秒时间戳
+					timestemp: new Date().getTime(),
+				}
+				this.mqttClient.publish(topic.OrderChange, emqxUtil.stringJSON(message))
+			}
+		},
+		// 大图触发
+		// showBigImageView() {
+		// 	this.$nextTick(() => {
+		// 		this.$refs.elImageRef.clickHandler();
+		// 	})
+
+		// },
+		openImageViewer() {
+			this.showViewer = true
+		},
+		closeImageViewer() {
+			this.showViewer = false
+		},
+		// 获取开始时间
+		getWorkOrderStartTime(workOrderId) {
+			if (workOrderId == null) {
+				this.workOrderStartTime = ''
+				return
+			}
+			const data = {
+				workOrderId: workOrderId,
+			}
+			GetQcQualityStatisticsFirstStartTime(data).then((res) => {
+				if (res.code === 200) {
+					this.workOrderStartTime = res.data
+				}
+			})
+		},
+		// 获取工单在工单列表中的状态
+		getWorkOrderInListStatus(workOrderId) {
+			if (workOrderId == null) {
+				this.workOrderInListStatus = -1
+				return
+			}
+			const queryData = {
+				workOrderId: workOrderId,
+			}
+			CheckPackageWorkOrderInListStatus(queryData).then((res) => {
+				if (res.code === 200) {
+					this.workOrderInListStatus = res.data
+				}
+			})
+		},
+		// 数据看板同步
+		handlerSyncDataBoard(workOrderId) {
+			let queryData = {
+				workOrderId: workOrderId,
+			}
+			if (workOrderId === null || workOrderId === undefined) {
+				queryData.workOrderId = this.CurrentWorkorder.clientWorkorder
+			}
+			if (queryData.workOrderId === null || workOrderId === undefined) {
+				this.workOrderBoardData = {}
+				return
+			}
+			GetWorkOrderBoardData(queryData).then((res) => {
+				if (res.code === 200) {
+					if (res.data === null) {
+						this.workOrderBoardData = {}
+						return
+					}
+					this.workOrderBoardData = res.data
+				}
+			})
+		},
+	},
+	// 退出后关闭计时器
+	beforeDestroy() {
+		this.stopTimer2()
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+span {
+	font-weight: 700;
+}
+
+.board-box {
+	background-color: #032169;
+}
+
+.border-title {
+	color: white !important;
+}
+
+.board-text {
+	// font-weight: 600 !important;
+}
+
+.color-red {
+	color: red;
+}
+
+.color-green {
+	color: seagreen;
+}
+
+.my-content1 {
+	background: #f0f9eb;
+}
+
+.my-content2 {
+	background: #f4f4f5;
+}
+
+.my-content3 {
+	background: #d9ecff;
+}
+
+.dataStatistics {
+	.title {
+		font-size: 1.2rem;
+		font-weight: bold;
+		color: #303133;
+	}
+
+	table {
+		border-collapse: collapse;
+		width: 100%;
+	}
+
+	th,
+	td {
+		border: 1px solid #000;
+		padding: 8px;
+		text-align: left;
+		font-size: 1.2rem;
+		font-weight: bold;
+	}
+
+	th {
+		background-color: #409eff;
+		color: #fff;
+	}
+
+	::v-deep .el-button {
+		float: right;
+	}
+}
+
+.title {
+	font-family: Arial, sans-serif;
+	font-size: 30px;
+	color: #303133;
+	line-height: 1.5;
+	text-align: center;
+}
+
+.grid > * {
+	height: 320px;
+	background-color: #032169;
+	color: white;
+	border-radius: 0.5em;
+}
+
+.grid {
+	width: 100%;
+	display: grid;
+	grid-template-columns: 1fr 10fr 10fr;
+	grid-template-rows: 1fr 1fr 1fr;
+	grid-gap: 0.5em;
+
+	//行标题块
+	.grid_1,
+	.grid_5 {
+		width: 100%;
+		display: grid;
+		grid-template-columns: 1fr;
+		grid-template-rows: 1fr 1fr 1fr;
+		grid-gap: 0.5em;
+
+		.title_Line {
+			font-family: Arial, sans-serif;
+			font-size: 1.2rem;
+			text-align: center;
+			width: 60px;
+			height: 65px;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
+			margin-top: 2rem;
+			color: #fff;
+		}
+	}
+
+	// 块标题块
+	.title_sub {
+		font-family: Arial, sans-serif;
+		font-size: 1.5rem;
+		color: #fff;
+		text-align: center;
+	}
+
+	//油漆块样式
+	.grid_2,
+	.grid_4 {
+		width: 100%;
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+		grid-template-rows: 1fr 1fr 1fr;
+		grid-gap: 0.5em;
+
+		.button_ {
+			width: 60px;
+			height: 85px;
+			background-color: #11a983;
+			color: white;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
+
+			&:hover {
+				cursor: pointer;
+				box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+			}
+
+			text-align: center;
+			position: relative;
+
+			.context {
+				margin: 0.5em 1em;
+				font-size: 0.9rem;
+				font-weight: bold;
+			}
+
+			.number {
+				font-size: 1.5rem;
+				text-align: center;
+				color: red;
+				font-weight: bold;
+				position: absolute;
+				bottom: 5px;
+				width: 100%;
+			}
+		}
+	}
+
+	//设备块样式
+	.grid_3 {
+		width: 100%;
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+		grid-template-rows: 1fr 1fr 1fr;
+		grid-gap: 0.5em;
+
+		.button_ {
+			width: 60px;
+			height: 85px;
+			background-color: #11a983;
+			color: white;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
+
+			&:hover {
+				cursor: pointer;
+				box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+			}
+
+			text-align: center;
+			position: relative;
+
+			.context {
+				margin: 0.5em 1em;
+				font-size: 0.9rem;
+				font-weight: bold;
+			}
+
+			.number {
+				font-size: 1.5rem;
+				text-align: center;
+				color: red;
+				font-weight: bold;
+				position: absolute;
+				bottom: 5px;
+				width: 100%;
+			}
+		}
+	}
+
+	.grid_6 {
+		width: 100%;
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+		grid-template-rows: 1fr 1fr;
+		grid-gap: 0.5em;
+
+		.button_ {
+			width: 60px;
+			height: 85px;
+			background-color: #11a983;
+			color: white;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
+
+			&:hover {
+				cursor: pointer;
+				box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+			}
+
+			text-align: center;
+			position: relative;
+
+			.context {
+				margin: 0.5em 1em;
+				font-size: 0.9rem;
+				font-weight: bold;
+			}
+
+			.number {
+				font-size: 1.5rem;
+				text-align: center;
+				color: red;
+				font-weight: bold;
+				position: absolute;
+				bottom: 5px;
+				width: 100%;
+			}
+		}
+	}
+}
+</style>
diff --git a/src/views/qualityManagement/FQC/thirtyFQC.vue b/src/views/qualityManagement/FQC/thirtyFQC.vue
index 83673da..9f80ebd 100644
--- a/src/views/qualityManagement/FQC/thirtyFQC.vue
+++ b/src/views/qualityManagement/FQC/thirtyFQC.vue
@@ -1,95 +1,188 @@
 <template>
 	<div>
-		<div class="animate__animated animate__shakeX title">
-			车镜油漆缺陷采集系统（包装检验）
-
-		</div>
+		<div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统（包装检验）</div>
 		<!-- 网格布局 -->
 		<div class="grid">
 			<!-- 第一行 -->
 			<div class="grid_1">
-				<div class="title_Line" style="visibility: hidden">抛光</div>
+				<div class="title_Line" >抛光</div>
 				<div class="title_Line">打磨</div>
 				<div class="title_Line">报废</div>
 			</div>
 			<!-- 第1块 -->
 			<div>
 				<div class="title_sub">油漆</div>
-				<div class="grid_2" v-if="paint.length>0">
+				<div class="grid_2" v-if="paint.length > 0">
 					<template>
-						<div class="button_" @click="Accumulator(paint[0], 'paint', 0)" @mousedown="startimer(paint[0].counter, 'paint', 0)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(paint[0], 'paint', 0)"
+							@mousedown="startimer(paint[0].counter, 'paint', 0)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">缩孔</div>
 							<div class="number">{{ paint[0].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[1], 'paint', 1)" @mousedown="startimer(paint[1].counter, 'paint', 1)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(paint[1], 'paint', 1)"
+							@mousedown="startimer(paint[1].counter, 'paint', 1)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">针孔</div>
 							<div class="number">{{ paint[1].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[2], 'paint', 2)" @mousedown="startimer(paint[2].counter, 'paint', 2)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(paint[2], 'paint', 2)"
+							@mousedown="startimer(paint[2].counter, 'paint', 2)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">失光</div>
 							<div class="number">{{ paint[2].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[3], 'paint', 3)" @mousedown="startimer(paint[3].counter, 'paint', 3)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(paint[3], 'paint', 3)"
+							@mousedown="startimer(paint[3].counter, 'paint', 3)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">色差</div>
 							<div class="number">{{ paint[3].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[4], 'paint', 4)" @mousedown="startimer(paint[4].counter, 'paint', 4)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(paint[4], 'paint', 4)"
+							@mousedown="startimer(paint[4].counter, 'paint', 4)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">点子</div>
 							<div class="number">{{ paint[4].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[5], 'paint', 5)" @mousedown="startimer(paint[5].counter, 'paint', 5)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(paint[5], 'paint', 5)"
+							@mousedown="startimer(paint[5].counter, 'paint', 5)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ paint[5].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(paint[6], 'paint', 6)" @mousedown="startimer(paint[6].counter, 'paint', 6)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[6], 'paint', 6)"
+							@mousedown="startimer(paint[6].counter, 'paint', 6)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">缩孔</div>
 							<div class="number">{{ paint[6].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[7], 'paint', 7)" @mousedown="startimer(paint[7].counter, 'paint', 7)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[7], 'paint', 7)"
+							@mousedown="startimer(paint[7].counter, 'paint', 7)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">针孔</div>
 							<div class="number">{{ paint[7].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[8], 'paint', 8)" @mousedown="startimer(paint[8].counter, 'paint', 8)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[8], 'paint', 8)"
+							@mousedown="startimer(paint[8].counter, 'paint', 8)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">失光</div>
 							<div class="number">{{ paint[8].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[9], 'paint', 9)" @mousedown="startimer(paint[9].counter, 'paint', 9)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[9], 'paint', 9)"
+							@mousedown="startimer(paint[9].counter, 'paint', 9)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">色差</div>
 							<div class="number">{{ paint[9].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[10], 'paint', 10)" @mousedown="startimer(paint[10].counter, 'paint', 10)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[10], 'paint', 10)"
+							@mousedown="startimer(paint[10].counter, 'paint', 10)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">点子</div>
 							<div class="number">{{ paint[10].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[11], 'paint', 11)" @mousedown="startimer(paint[11].counter, 'paint', 11)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[11], 'paint', 11)"
+							@mousedown="startimer(paint[11].counter, 'paint', 11)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ paint[11].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(paint[12], 'paint', 12)" @mousedown="startimer(paint[12].counter, 'paint', 12)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[12], 'paint', 12)"
+							@mousedown="startimer(paint[12].counter, 'paint', 12)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">缩孔</div>
 							<div class="number">{{ paint[12].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[13], 'paint', 13)" @mousedown="startimer(paint[13].counter, 'paint', 13)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[13], 'paint', 13)"
+							@mousedown="startimer(paint[13].counter, 'paint', 13)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">针孔</div>
 							<div class="number">{{ paint[13].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[14], 'paint', 14)" @mousedown="startimer(paint[14].counter, 'paint', 14)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[14], 'paint', 14)"
+							@mousedown="startimer(paint[14].counter, 'paint', 14)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">失光</div>
 							<div class="number">{{ paint[14].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[15], 'paint', 15)" @mousedown="startimer(paint[15].counter, 'paint', 15)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[15], 'paint', 15)"
+							@mousedown="startimer(paint[15].counter, 'paint', 15)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">色差</div>
 							<div class="number">{{ paint[15].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[16], 'paint', 16)" @mousedown="startimer(paint[16].counter, 'paint', 16)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[16], 'paint', 16)"
+							@mousedown="startimer(paint[16].counter, 'paint', 16)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">点子</div>
 							<div class="number">{{ paint[16].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(paint[17], 'paint', 17)" @mousedown="startimer(paint[17].counter, 'paint', 17)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(paint[17], 'paint', 17)"
+							@mousedown="startimer(paint[17].counter, 'paint', 17)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ paint[17].counter }}</div>
 						</div>
@@ -99,93 +192,205 @@
 			<!-- 第2块 -->
 			<div>
 				<div class="title_sub">设备</div>
-				<div class="grid_3" v-if="device.length>0">
+				<div class="grid_3" v-if="device.length > 0">
 					<template>
-						<div class="button_" @click="Accumulator(device[0], 'device', 0)" @mousedown="startimer(device[0].counter, 'device', 0)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(device[0], 'device', 0)"
+							@mousedown="startimer(device[0].counter, 'device', 0)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">水斑</div>
 							<div class="number">{{ device[0].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[1], 'device', 1)" @mousedown="startimer(device[1].counter, 'device', 1)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(device[1], 'device', 1)"
+							@mousedown="startimer(device[1].counter, 'device', 1)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">脏点</div>
 							<div class="number">{{ device[1].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[2], 'device', 2)" @mousedown="startimer(device[2].counter, 'device', 2)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(device[2], 'device', 2)"
+							@mousedown="startimer(device[2].counter, 'device', 2)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">变形</div>
 							<div class="number">{{ device[2].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[3], 'device', 3)" @mousedown="startimer(device[3].counter, 'device', 3)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(device[3], 'device', 3)"
+							@mousedown="startimer(device[3].counter, 'device', 3)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">油珠</div>
 							<div class="number">{{ device[3].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[4], 'device', 4)" @mousedown="startimer(device[4].counter, 'device', 4)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(device[4], 'device', 4)"
+							@mousedown="startimer(device[4].counter, 'device', 4)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">脱落</div>
 							<div class="number">{{ device[4].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[5], 'device', 5)" @mousedown="startimer(device[5].counter, 'device', 5)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(device[5], 'device', 5)"
+							@mousedown="startimer(device[5].counter, 'device', 5)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">撞伤</div>
 							<div class="number">{{ device[5].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[6], 'device', 6)" @mousedown="startimer(device[6].counter, 'device', 6)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(device[6], 'device', 6)"
+							@mousedown="startimer(device[6].counter, 'device', 6)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ device[6].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(device[7], 'device', 7)" @mousedown="startimer(device[7].counter, 'device', 7)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[7], 'device', 7)"
+							@mousedown="startimer(device[7].counter, 'device', 7)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">水斑</div>
 							<div class="number">{{ device[7].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[8], 'device', 8)" @mousedown="startimer(device[8].counter, 'device', 8)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[8], 'device', 8)"
+							@mousedown="startimer(device[8].counter, 'device', 8)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脏点</div>
 							<div class="number">{{ device[8].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[9], 'device', 9)" @mousedown="startimer(device[9].counter, 'device', 9)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[9], 'device', 9)"
+							@mousedown="startimer(device[9].counter, 'device', 9)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">变形</div>
 							<div class="number">{{ device[9].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[10], 'device', 10)" @mousedown="startimer(device[10].counter, 'device', 10)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[10], 'device', 10)"
+							@mousedown="startimer(device[10].counter, 'device', 10)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">油珠</div>
 							<div class="number">{{ device[10].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[11], 'device', 11)" @mousedown="startimer(device[11].counter, 'device', 11)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[11], 'device', 11)"
+							@mousedown="startimer(device[11].counter, 'device', 11)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脱落</div>
 							<div class="number">{{ device[11].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[12], 'device', 12)" @mousedown="startimer(device[12].counter, 'device', 12)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[12], 'device', 12)"
+							@mousedown="startimer(device[12].counter, 'device', 12)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">撞伤</div>
 							<div class="number">{{ device[12].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[13], 'device', 13)" @mousedown="startimer(device[13].counter, 'device', 13)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[13], 'device', 13)"
+							@mousedown="startimer(device[13].counter, 'device', 13)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ device[13].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(device[14], 'device', 14)" @mousedown="startimer(device[14].counter, 'device', 14)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[14], 'device', 14)"
+							@mousedown="startimer(device[14].counter, 'device', 14)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">水斑</div>
 							<div class="number">{{ device[14].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[15], 'device', 15)" @mousedown="startimer(device[15].counter, 'device', 15)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[15], 'device', 15)"
+							@mousedown="startimer(device[15].counter, 'device', 15)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脏点</div>
 							<div class="number">{{ device[15].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[16], 'device', 16)" @mousedown="startimer(device[16].counter, 'device', 16)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[16], 'device', 16)"
+							@mousedown="startimer(device[16].counter, 'device', 16)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">变形</div>
 							<div class="number">{{ device[16].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[17], 'device', 17)" @mousedown="startimer(device[17].counter, 'device', 17)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[17], 'device', 17)"
+							@mousedown="startimer(device[17].counter, 'device', 17)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">油珠</div>
 							<div class="number">{{ device[17].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[18], 'device', 18)" @mousedown="startimer(device[18].counter, 'device', 18)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[18], 'device', 18)"
+							@mousedown="startimer(device[18].counter, 'device', 18)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脱落</div>
 							<div class="number">{{ device[18].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[19], 'device', 19)" @mousedown="startimer(device[19].counter, 'device', 19)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[19], 'device', 19)"
+							@mousedown="startimer(device[19].counter, 'device', 19)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">撞伤</div>
 							<div class="number">{{ device[19].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(device[20], 'device', 20)" @mousedown="startimer(device[20].counter, 'device', 20)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(device[20], 'device', 20)"
+							@mousedown="startimer(device[20].counter, 'device', 20)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ device[20].counter }}</div>
 						</div>
@@ -194,88 +399,184 @@
 			</div>
 			<!-- 第二行 -->
 			<div class="grid_1">
-				<div class="title_Line" style="visibility: hidden">抛光</div>
+				<div class="title_Line" >抛光</div>
 				<div class="title_Line">打磨</div>
 				<div class="title_Line">报废</div>
 			</div>
 			<!-- 第3块 毛坯 -->
 			<div>
 				<div class="title_sub">毛坯</div>
-				<div class="grid_4" v-if="blank.length>0">
+				<div class="grid_4" v-if="blank.length > 0">
 					<template>
-						<div class="button_" @click="Accumulator(blank[0], 'blank', 0)" @mousedown="startimer(blank[0].counter, 'blank', 0)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(blank[0], 'blank', 0)"
+							@mousedown="startimer(blank[0].counter, 'blank', 0)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">毛刺</div>
 							<div class="number">{{ blank[0].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[1], 'blank', 1)" @mousedown="startimer(blank[1].counter, 'blank', 1)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(blank[1], 'blank', 1)"
+							@mousedown="startimer(blank[1].counter, 'blank', 1)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">缩印</div>
 							<div class="number">{{ blank[1].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[2], 'blank', 2)" @mousedown="startimer(blank[2].counter, 'blank', 2)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(blank[2], 'blank', 2)"
+							@mousedown="startimer(blank[2].counter, 'blank', 2)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">擦伤</div>
 							<div class="number">{{ blank[2].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[3], 'blank', 3)" @mousedown="startimer(blank[3].counter, 'blank', 3)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(blank[3], 'blank', 3)"
+							@mousedown="startimer(blank[3].counter, 'blank', 3)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">砂印</div>
 							<div class="number">{{ blank[3].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[4], 'blank', 4)" @mousedown="startimer(blank[4].counter, 'blank', 4)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(blank[4], 'blank', 4)"
+							@mousedown="startimer(blank[4].counter, 'blank', 4)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">脏点</div>
 							<div class="number">{{ blank[4].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[5], 'blank', 5)" @mousedown="startimer(blank[5].counter, 'blank', 5)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(blank[5], 'blank', 5)"
+							@mousedown="startimer(blank[5].counter, 'blank', 5)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">打磨</div>
 							<div class="number">{{ blank[5].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(blank[6], 'blank', 6)" @mousedown="startimer(blank[6].counter, 'blank', 6)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[6], 'blank', 6)"
+							@mousedown="startimer(blank[6].counter, 'blank', 6)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">毛刺</div>
 							<div class="number">{{ blank[6].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[7], 'blank', 7)" @mousedown="startimer(blank[7].counter, 'blank', 7)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[7], 'blank', 7)"
+							@mousedown="startimer(blank[7].counter, 'blank', 7)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">缩印</div>
 							<div class="number">{{ blank[7].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[8], 'blank', 8)" @mousedown="startimer(blank[8].counter, 'blank', 8)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[8], 'blank', 8)"
+							@mousedown="startimer(blank[8].counter, 'blank', 8)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">擦伤</div>
 							<div class="number">{{ blank[8].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[9], 'blank', 9)" @mousedown="startimer(blank[9].counter, 'blank', 9)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[9], 'blank', 9)"
+							@mousedown="startimer(blank[9].counter, 'blank', 9)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">砂印</div>
 							<div class="number">{{ blank[9].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[10], 'blank', 10)" @mousedown="startimer(blank[10].counter, 'blank', 10)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[10], 'blank', 10)"
+							@mousedown="startimer(blank[10].counter, 'blank', 10)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脏点</div>
 							<div class="number">{{ blank[10].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[11], 'blank', 11)" @mousedown="startimer(blank[11].counter, 'blank', 11)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[11], 'blank', 11)"
+							@mousedown="startimer(blank[11].counter, 'blank', 11)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">打磨</div>
 							<div class="number">{{ blank[11].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(blank[12], 'blank', 12)" @mousedown="startimer(blank[12].counter, 'blank', 12)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[12], 'blank', 12)"
+							@mousedown="startimer(blank[12].counter, 'blank', 12)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">毛刺</div>
 							<div class="number">{{ blank[12].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[13], 'blank', 13)" @mousedown="startimer(blank[13].counter, 'blank', 13)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[13], 'blank', 13)"
+							@mousedown="startimer(blank[13].counter, 'blank', 13)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">缩印</div>
 							<div class="number">{{ blank[13].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[14], 'blank', 14)" @mousedown="startimer(blank[14].counter, 'blank', 14)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[14], 'blank', 14)"
+							@mousedown="startimer(blank[14].counter, 'blank', 14)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">擦伤</div>
 							<div class="number">{{ blank[14].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[15], 'blank', 15)" @mousedown="startimer(blank[15].counter, 'blank', 15)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[15], 'blank', 15)"
+							@mousedown="startimer(blank[15].counter, 'blank', 15)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">砂印</div>
 							<div class="number">{{ blank[15].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[16], 'blank', 16)" @mousedown="startimer(blank[16].counter, 'blank', 16)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[16], 'blank', 16)"
+							@mousedown="startimer(blank[16].counter, 'blank', 16)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脏点</div>
 							<div class="number">{{ blank[16].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(blank[17], 'blank', 17)" @mousedown="startimer(blank[17].counter, 'blank', 17)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(blank[17], 'blank', 17)"
+							@mousedown="startimer(blank[17].counter, 'blank', 17)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">打磨</div>
 							<div class="number">{{ blank[17].counter }}</div>
 						</div>
@@ -286,69 +587,149 @@
 			<!-- 第4块  程序 -->
 			<div>
 				<div class="title_sub">程序</div>
-				<div class="grid_6" v-if="program.length>0">
+				<div class="grid_6" v-if="program.length > 0">
 					<template>
-						<div class="button_" @click="Accumulator(program[0], 'program', 0)" @mousedown="startimer(program[0].counter, 'program', 0)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(program[0], 'program', 0)"
+							@mousedown="startimer(program[0].counter, 'program', 0)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">流挂</div>
 							<div class="number">{{ program[0].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[1], 'program', 1)" @mousedown="startimer(program[1].counter, 'program', 1)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(program[1], 'program', 1)"
+							@mousedown="startimer(program[1].counter, 'program', 1)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">色漆缺漆</div>
 							<div class="number">{{ program[1].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[2], 'program', 2)" @mousedown="startimer(program[2].counter, 'program', 2)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(program[2], 'program', 2)"
+							@mousedown="startimer(program[2].counter, 'program', 2)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">清漆缺漆</div>
 							<div class="number">{{ program[2].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[3], 'program', 3)" @mousedown="startimer(program[3].counter, 'program', 3)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(program[3], 'program', 3)"
+							@mousedown="startimer(program[3].counter, 'program', 3)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">桔皮</div>
 							<div class="number">{{ program[3].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[4], 'program', 4)" @mousedown="startimer(program[4].counter, 'program', 4)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(program[4], 'program', 4)"
+							@mousedown="startimer(program[4].counter, 'program', 4)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ program[4].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(program[5], 'program', 5)" @mousedown="startimer(program[5].counter, 'program', 5)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[5], 'program', 5)"
+							@mousedown="startimer(program[5].counter, 'program', 5)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">流挂</div>
 							<div class="number">{{ program[5].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[6], 'program', 6)" @mousedown="startimer(program[6].counter, 'program', 6)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[6], 'program', 6)"
+							@mousedown="startimer(program[6].counter, 'program', 6)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">色漆缺漆</div>
 							<div class="number">{{ program[6].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[7], 'program', 7)" @mousedown="startimer(program[7].counter, 'program', 7)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[7], 'program', 7)"
+							@mousedown="startimer(program[7].counter, 'program', 7)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">清漆缺漆</div>
 							<div class="number">{{ program[7].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[8], 'program', 8)" @mousedown="startimer(program[8].counter, 'program', 8)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[8], 'program', 8)"
+							@mousedown="startimer(program[8].counter, 'program', 8)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">桔皮</div>
 							<div class="number">{{ program[8].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[9], 'program', 9)" @mousedown="startimer(program[9].counter, 'program', 9)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[9], 'program', 9)"
+							@mousedown="startimer(program[9].counter, 'program', 9)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ program[9].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(program[10], 'program', 10)" @mousedown="startimer(program[10].counter, 'program', 10)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[10], 'program', 10)"
+							@mousedown="startimer(program[10].counter, 'program', 10)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">流挂</div>
 							<div class="number">{{ program[10].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[11], 'program', 11)" @mousedown="startimer(program[11].counter, 'program', 11)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[11], 'program', 11)"
+							@mousedown="startimer(program[11].counter, 'program', 11)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">色漆缺漆</div>
 							<div class="number">{{ program[11].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[12], 'program', 12)" @mousedown="startimer(program[12].counter, 'program', 12)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[12], 'program', 12)"
+							@mousedown="startimer(program[12].counter, 'program', 12)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">清漆缺漆</div>
 							<div class="number">{{ program[12].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[13], 'program', 13)" @mousedown="startimer(program[13].counter, 'program', 13)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[13], 'program', 13)"
+							@mousedown="startimer(program[13].counter, 'program', 13)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">桔皮</div>
 							<div class="number">{{ program[13].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(program[14], 'program', 14)" @mousedown="startimer(program[14].counter, 'program', 14)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(program[14], 'program', 14)"
+							@mousedown="startimer(program[14].counter, 'program', 14)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">其他</div>
 							<div class="number">{{ program[14].counter }}</div>
 						</div>
@@ -357,88 +738,184 @@
 			</div>
 			<!-- 第三行 -->
 			<div class="grid_5">
-				<div class="title_Line" style="visibility: hidden">抛光</div>
+				<div class="title_Line" >抛光</div>
 				<div class="title_Line">打磨</div>
 				<div class="title_Line">报废</div>
 			</div>
 			<!-- 第5块 班组操作-->
 			<div>
 				<div class="title_sub">班组操作</div>
-				<div class="grid_2" v-if="team.length>0">
+				<div class="grid_2" v-if="team.length > 0">
 					<template>
-						<div class="button_" @click="Accumulator(team[0], 'team', 0)" @mousedown="startimer(team[0].counter, 'team', 0)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(team[0], 'team', 0)"
+							@mousedown="startimer(team[0].counter, 'team', 0)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">脱落擦伤</div>
 							<div class="number">{{ team[0].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[1], 'team', 1)" @mousedown="startimer(team[1].counter, 'team', 1)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(team[1], 'team', 1)"
+							@mousedown="startimer(team[1].counter, 'team', 1)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">清漆漆块</div>
 							<div class="number">{{ team[1].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[2], 'team', 2)" @mousedown="startimer(team[2].counter, 'team', 2)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(team[2], 'team', 2)"
+							@mousedown="startimer(team[2].counter, 'team', 2)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">色漆漆块</div>
 							<div class="number">{{ team[2].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[3], 'team', 3)" @mousedown="startimer(team[3].counter, 'team', 3)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(team[3], 'team', 3)"
+							@mousedown="startimer(team[3].counter, 'team', 3)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">发花</div>
 							<div class="number">{{ team[3].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[4], 'team', 4)" @mousedown="startimer(team[4].counter, 'team', 4)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(team[4], 'team', 4)"
+							@mousedown="startimer(team[4].counter, 'team', 4)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">亮斑</div>
 							<div class="number">{{ team[4].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[5], 'team', 5)" @mousedown="startimer(team[5].counter, 'team', 5)" @mouseup="clearTimer" style="visibility: hidden">
+						<div
+							class="button_"
+							@click="Accumulator(team[5], 'team', 5)"
+							@mousedown="startimer(team[5].counter, 'team', 5)"
+							@mouseup="clearTimer"
+							
+						>
 							<div class="context">喷漏</div>
 							<div class="number">{{ team[5].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(team[6], 'team', 6)" @mousedown="startimer(team[6].counter, 'team', 6)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[6], 'team', 6)"
+							@mousedown="startimer(team[6].counter, 'team', 6)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脱落擦伤</div>
 							<div class="number">{{ team[6].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[7], 'team', 7)" @mousedown="startimer(team[7].counter, 'team', 7)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[7], 'team', 7)"
+							@mousedown="startimer(team[7].counter, 'team', 7)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">清漆漆块</div>
 							<div class="number">{{ team[7].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[8], 'team', 8)" @mousedown="startimer(team[8].counter, 'team', 8)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[8], 'team', 8)"
+							@mousedown="startimer(team[8].counter, 'team', 8)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">色漆漆块</div>
 							<div class="number">{{ team[8].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[9], 'team', 9)" @mousedown="startimer(team[9].counter, 'team', 9)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[9], 'team', 9)"
+							@mousedown="startimer(team[9].counter, 'team', 9)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">发花</div>
 							<div class="number">{{ team[9].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[10], 'team', 10)" @mousedown="startimer(team[10].counter, 'team', 10)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[10], 'team', 10)"
+							@mousedown="startimer(team[10].counter, 'team', 10)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">亮斑</div>
 							<div class="number">{{ team[10].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[11], 'team', 11)" @mousedown="startimer(team[11].counter, 'team', 11)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[11], 'team', 11)"
+							@mousedown="startimer(team[11].counter, 'team', 11)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">喷漏</div>
 							<div class="number">{{ team[11].counter }}</div>
 						</div>
 					</template>
 					<template>
-						<div class="button_" @click="Accumulator(team[12], 'team', 12)" @mousedown="startimer(team[12].counter, 'team', 12)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[12], 'team', 12)"
+							@mousedown="startimer(team[12].counter, 'team', 12)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">脱落擦伤</div>
 							<div class="number">{{ team[12].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[13], 'team', 13)" @mousedown="startimer(team[13].counter, 'team', 13)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[13], 'team', 13)"
+							@mousedown="startimer(team[13].counter, 'team', 13)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">清漆漆块</div>
 							<div class="number">{{ team[13].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[14], 'team', 14)" @mousedown="startimer(team[14].counter, 'team', 14)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[14], 'team', 14)"
+							@mousedown="startimer(team[14].counter, 'team', 14)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">色漆漆块</div>
 							<div class="number">{{ team[14].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[15], 'team', 15)" @mousedown="startimer(team[15].counter, 'team', 15)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[15], 'team', 15)"
+							@mousedown="startimer(team[15].counter, 'team', 15)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">发花</div>
 							<div class="number">{{ team[15].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[16], 'team', 16)" @mousedown="startimer(team[16].counter, 'team', 16)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[16], 'team', 16)"
+							@mousedown="startimer(team[16].counter, 'team', 16)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">亮斑</div>
 							<div class="number">{{ team[16].counter }}</div>
 						</div>
-						<div class="button_" @click="Accumulator(team[17], 'team', 17)" @mousedown="startimer(team[17].counter, 'team', 17)" @mouseup="clearTimer">
+						<div
+							class="button_"
+							@click="Accumulator(team[17], 'team', 17)"
+							@mousedown="startimer(team[17].counter, 'team', 17)"
+							@mouseup="clearTimer"
+						>
 							<div class="context">喷漏</div>
 							<div class="number">{{ team[17].counter }}</div>
 						</div>
@@ -449,21 +926,23 @@
 			<div>
 				<el-card class="box-card dataStatistics">
 					<div slot="header" class="clearfix">
-						<span class="title">
-							工单号:{{ CurrentWorkorder.clientWorkorder }}
-						</span>
-						<span style="margin-left: 10px;">
+						<span class="title"> 工单号:{{ CurrentWorkorder.clientWorkorder }} </span>
+						<span style="margin-left: 10px">
 							<el-tag v-if="workOrderInListStatus === 0" type="primary" effect="dark">正常</el-tag>
 							<el-tag v-if="workOrderInListStatus === 1" type="danger" effect="dark">有未完成工单</el-tag>
 							<el-tag v-if="workOrderInListStatus === 2" type="warning" effect="dark">首个工单</el-tag>
 							<el-tag v-if="workOrderInListStatus === 3" type="success" effect="dark">最后工单</el-tag>
 						</span>
 						<el-button-group style="float: right">
-							<el-button type="primary" size="mini" @click="getNext_current_workorder">下一个工单<i class="el-icon-arrow-right el-icon--right"></i></el-button>
-							<el-button type="primary" icon="el-icon-arrow-left" size="mini" @click="getPrevious_current_workorder">上一个工单</el-button>
+							<el-button type="primary" size="mini" @click="getNext_current_workorder"
+								>下一个工单<i class="el-icon-arrow-right el-icon--right"></i
+							></el-button>
+							<el-button type="primary" icon="el-icon-arrow-left" size="mini" @click="getPrevious_current_workorder"
+								>上一个工单</el-button
+							>
 						</el-button-group>
 					</div>
-					<div style="height: 40px;">
+					<div style="height: 40px">
 						<el-button type="primary" size="medium" @click="workOrderCompleted">本工单完成</el-button>
 					</div>
 					<table>
@@ -499,13 +978,21 @@
 							<td>报废数</td>
 							<td>{{ calculate_scrapNumber }}</td>
 						</tr>
+						<tr>
+							<td>抛光数</td>
+							<td :colspan="3">{{ calculate_defectNumber }}</td>
+						</tr>
 						<tr>
 							<td>标签参考图片</td>
 							<td>
 								<span @click="openImageViewer">
-									<el-image ref="elImageRef" style="width: 40px; height: 40px" :src="imageUrl">
-									</el-image>
-									<el-image-viewer style="width: 60%;height: 80%;" v-if="showViewer" :on-close="closeImageViewer" :url-list="[imageUrl]" />
+									<el-image ref="elImageRef" style="width: 40px; height: 40px" :src="imageUrl"> </el-image>
+									<el-image-viewer
+										style="width: 60%; height: 80%"
+										v-if="showViewer"
+										:on-close="closeImageViewer"
+										:url-list="[imageUrl]"
+									/>
 								</span>
 							</td>
 							<td>开始时间</td>
@@ -516,47 +1003,58 @@
 			</div>
 		</div>
 		<!-- 额外数据区域 -->
-		<div style="width: 100%;margin-top: 140px;">
+		<div style="width: 100%; margin-top: 140px">
 			<el-card class="box-card board-box">
 				<div slot="header" class="clearfix">
 					<span class="border-title title">工单数据看板</span>
-					<el-button style="float: right;" icon="el-icon-refresh" @click="handlerSyncDataBoard(CurrentWorkorder.clientWorkorder)">刷新</el-button>
+					<el-button style="float: right" icon="el-icon-refresh" @click="handlerSyncDataBoard(CurrentWorkorder.clientWorkorder)"
+						>刷新</el-button
+					>
 				</div>
-				<el-descriptions style="font-size: 18px;" :column="6" border>
+				<el-descriptions style="font-size: 18px" :column="6" border>
 					<el-descriptions-item content-class-name="my-content1">
 						<template slot="label">
 							<i class="el-icon-tickets"></i>
 							<span class="board-text">工单号</span>
 						</template>
-						<span v-if="workOrderBoardData">{{workOrderBoardData.workOrderId}}</span>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderId }}</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content1">
 						<template slot="label">
 							<span class="board-text">工单位置</span>
 						</template>
-						<span v-if="workOrderBoardData">{{` ${workOrderBoardData.workOrderIndex} / ${workOrderBoardData.workOrderDayListCount} `}}</span>
+						<span v-if="workOrderBoardData">{{
+							` ${workOrderBoardData.workOrderIndex} / ${workOrderBoardData.workOrderDayListCount} `
+						}}</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content1">
 						<template slot="label">
 							<i class="el-icon-finished"></i>
 							<span class="board-text">已完成</span>
 						</template>
-						<span v-if="workOrderBoardData">{{workOrderBoardData.workOrderFinishNum}}</span>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderFinishNum }}</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content1">
 						<template slot="label">
 							<i class="el-icon-close"></i>
 							<span class="board-text">未完成</span>
 						</template>
-						<span v-if="workOrderBoardData">{{workOrderBoardData.workOrderNotFinishNum}}</span>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderNotFinishNum }}</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content1">
 						<template slot="label">
 							<i class="el-icon-printer"></i>
 							<span class="board-text">已打</span>
 						</template>
-						<span v-if="workOrderBoardData" :class="workOrderBoardData.workOrderFinishPackageNum === workOrderBoardData.workOrderPackageCount?'color-green':'color-red'">
-							{{` ${workOrderBoardData.workOrderFinishPackageNum} / ${workOrderBoardData.workOrderPackageCount} `}}
+						<span
+							v-if="workOrderBoardData"
+							:class="
+								workOrderBoardData.workOrderFinishPackageNum === workOrderBoardData.workOrderPackageCount
+									? 'color-green'
+									: 'color-red'
+							"
+						>
+							{{ ` ${workOrderBoardData.workOrderFinishPackageNum} / ${workOrderBoardData.workOrderPackageCount} ` }}
 						</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content1">
@@ -564,22 +1062,29 @@
 							<i class="el-icon-printer"></i>
 							<span class="board-text">未打</span>
 						</template>
-						<span v-if="workOrderBoardData">{{workOrderBoardData.workOrderNotFinishPackageNum}}</span>
+						<span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderNotFinishPackageNum }}</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content2">
 						<template slot="label">
 							<i class="el-icon-tickets"></i>
 							<span class="board-text">上个工单</span>
 						</template>
-						<span v-if="workOrderBoardData.lastWorkOrderId">{{workOrderBoardData.lastWorkOrderId}}</span>
+						<span v-if="workOrderBoardData.lastWorkOrderId">{{ workOrderBoardData.lastWorkOrderId }}</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content2">
 						<template slot="label">
 							<i class="el-icon-printer"></i>
 							<span class="board-text">已打</span>
 						</template>
-						<span v-if="workOrderBoardData.lastWorkOrderId" :class="workOrderBoardData.lastWorkOrderFinishPackageNum === workOrderBoardData.lastWorkOrderPackageCount?'color-green':'color-red'">
-							{{` ${workOrderBoardData.lastWorkOrderFinishPackageNum} / ${workOrderBoardData.lastWorkOrderPackageCount} `}}
+						<span
+							v-if="workOrderBoardData.lastWorkOrderId"
+							:class="
+								workOrderBoardData.lastWorkOrderFinishPackageNum === workOrderBoardData.lastWorkOrderPackageCount
+									? 'color-green'
+									: 'color-red'
+							"
+						>
+							{{ ` ${workOrderBoardData.lastWorkOrderFinishPackageNum} / ${workOrderBoardData.lastWorkOrderPackageCount} ` }}
 						</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content2">
@@ -587,14 +1092,14 @@
 							<i class="el-icon-printer"></i>
 							<span class="board-text">未打</span>
 						</template>
-						<span v-if="workOrderBoardData.lastWorkOrderId">{{workOrderBoardData.lastWorkOrderNotFinishPackageNum}}</span>
+						<span v-if="workOrderBoardData.lastWorkOrderId">{{ workOrderBoardData.lastWorkOrderNotFinishPackageNum }}</span>
 					</el-descriptions-item>
 					<el-descriptions-item content-class-name="my-content3">
 						<template slot="label">
 							<i class="el-icon-time"></i>
 							<span class="board-text">更新时间</span>
 						</template>
-						<span>{{workOrderBoardData.updatedTime}}</span>
+						<span>{{ workOrderBoardData.updatedTime }}</span>
 					</el-descriptions-item>
 				</el-descriptions>
 			</el-card>
@@ -610,430 +1115,418 @@
 </template>
 
 <script>
-	import * as emqxUtil from '@/utils/mqtt/emqxUtil';
-	import { mapGetters, mapState } from 'vuex'
-	import {
-		GetcheckItemTable,
-		getcurrent_workorder,
-		get_next_current_workorder,
-		get_previous_current_workorder,
-		accumulator_query,
-		calculate_packagingInvestment,
-		update_workorder_status,
-		generateQualityStatisticsTable,
+import * as emqxUtil from '@/utils/mqtt/emqxUtil'
+import { mapGetters, mapState } from 'vuex'
+import {
+	GetcheckItemTable,
+	getcurrent_workorder,
+	get_next_current_workorder,
+	get_previous_current_workorder,
+	accumulator_query,
+	calculate_packagingInvestment,
+	update_workorder_status,
+	generateQualityStatisticsTable,
+} from '@/api/qualityManagement/thirtyFQC.js'
+import { CheckPackageWorkOrderStatus, CheckPackageWorkOrderInListStatus, GetWorkOrderBoardData } from '@/api/qualityManagement/commonFQC.js'
+import { GetQcQualityStatisticsFirstStartTime } from '@/api/qualityManagement/firstFQC.js'
+import { doOutboundByWorkOrderId } from '@/api/wmsManagement/wmBlankRecord.js'
+import { convertToIncomingInspectionData } from '@/api/wmsManagement/wmFgentryInspect.js'
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+export default {
+	name: 'thirtyFQC',
+	components: { ElImageViewer },
+	data() {
+		return {
+			imgBaseUrl: 'http://192.168.60.251:9888/chfs/shared/partnumber/',
+			showViewer: true,
+			paint: [],
+			device: [],
+			blank: [], // 毛坯
+			program: [], // 程序
+			team: [], //班组
+			// 当前工单
+			CurrentWorkorder: {
+				clientWorkorder: '', // 客户工单
+				productDescription: '', // 产品描述
+				finishedPartNumber: 0,
+				specifications: 0,
+				colour: '',
+				team: '',
+				previousNumber: '',
+				firstPassNumber: 0,
+				firstPassRate: 0,
+				polisheNumber: 0,
+				scrapNumber: 0,
+				defectNumber: 0,
+			},
+			DMLdialog: {
+				visiable: false,
+			},
+			// 工单开始时间
+			workOrderStartTime: '',
+			workOrderStatus: -1,
+			workOrderInListStatus: -1,
+			workOrderBoardData: {},
+			toUpdateNum: 0, //弹窗更新值
+			toname: '',
+			toindex: 0, //索引
+			// 按钮计时器
+			timer: null,
+			// 工单数据计时器刷新
+			timer2: null,
+			mqttClient: null,
+			mqttClientId: emqxUtil.title + Math.random().toString(16).substring(2, 8),
+		}
+	},
+	created() {
+		this.initMqtt()
+		this.getcurrentWorkorder()
+		this.startTimer2()
+	},
+	mounted() {},
+	watch: {
+		// 工单变动
+		'CurrentWorkorder.clientWorkorder'(newValue, oldValue) {
+			// this.showBigImageView();
+			this.getWorkOrderStartTime(newValue)
+			this.getWorkOrderInListStatus(newValue)
+			this.handlerSyncDataBoard(newValue)
+		},
+	},
 
-	} from '@/api/qualityManagement/thirtyFQC.js';
-	import {
-		CheckPackageWorkOrderStatus,
-		CheckPackageWorkOrderInListStatus,
-		GetWorkOrderBoardData
-	} from '@/api/qualityManagement/commonFQC.js';
-	import {
-		GetQcQualityStatisticsFirstStartTime,
-	} from '@/api/qualityManagement/firstFQC.js'
-	import {
-		doOutboundByWorkOrderId,
-	} from '@/api/wmsManagement/wmBlankRecord.js';
-	import { convertToIncomingInspectionData } from '@/api/wmsManagement/wmFgentryInspect.js'
-	import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
-	export default {
-		name: 'thirtyFQC',
-		components: { ElImageViewer },
-		data() {
-			return {
-				imgBaseUrl: 'http://192.168.60.251:9888/chfs/shared/partnumber/',
-				showViewer: true,
-				paint: [],
-				device: [],
-				blank: [], // 毛坯
-				program: [], // 程序
-				team: [], //班组
-				// 当前工单
-				CurrentWorkorder: {
-					clientWorkorder: '', // 客户工单
-					productDescription: '', // 产品描述
-					finishedPartNumber: 0,
-					specifications: 0,
-					colour: '',
-					team: '',
-					previousNumber: '',
-					firstPassNumber: 0,
-					firstPassRate: 0,
-					polisheNumber: 0,
-					scrapNumber: 0,
-					defectNumber: 0,
-				},
-				DMLdialog: {
-					visiable: false,
-				},
-				// 工单开始时间
-				workOrderStartTime: "",
-				workOrderStatus: -1,
-				workOrderInListStatus: -1,
-				workOrderBoardData: {},
-				toUpdateNum: 0, //弹窗更新值
-				toname: '',
-				toindex: 0, //索引
-				// 按钮计时器
-				timer: null,
-				// 工单数据计时器刷新
-				timer2: null,
-				mqttClient: null,
-				mqttClientId: emqxUtil.title + Math.random().toString(16).substring(2, 8)
-			}
+	computed: {
+		...mapGetters(['firstquality_time']),
+		imageUrl() {
+			// http://127.0.0.1:9888/chfs/shared/partnumber/20103231-Y65-29.jpg?v=1
+			return this.imgBaseUrl + this.CurrentWorkorder.finishedPartNumber + '.jpg'
+			// return this.imgBaseUrl + this.CurrentWorkorder.finishedPartNumber + '.jpg?v=1';
+			// return this.minioBaseUrl + '65288101' + '.jpg';
 		},
-		created() {
-			this.initMqtt();
-			this.getcurrentWorkorder()
-			this.startTimer2()
+		// 计算合格数
+		calculate_firstPassNumber() {
+			// 计算缺陷数
+
+			let allCount = 0
+			this.paint.forEach((it) => {
+				allCount += it.counter
+			})
+			this.device.forEach((it) => {
+				allCount += it.counter
+			})
+			this.blank.forEach((it) => {
+				allCount += it.counter
+			})
+			this.program.forEach((it) => {
+				allCount += it.counter
+			})
+			this.team.forEach((it) => {
+				allCount += it.counter
+			})
+
+			this.CurrentWorkorder.firstPassNumber = this.CurrentWorkorder.previousNumber - allCount
+			return this.CurrentWorkorder.firstPassNumber
 		},
-		mounted() {},
-		watch: {
-			// 工单变动
-			'CurrentWorkorder.clientWorkorder'(newValue, oldValue) {
-				// this.showBigImageView();
-				this.getWorkOrderStartTime(newValue);
-				this.getWorkOrderInListStatus(newValue);
-				this.handlerSyncDataBoard(newValue);
-			}
+		// 计算合格率
+		calculate_firstPassRate() {
+			this.CurrentWorkorder.firstPassRate = ((this.CurrentWorkorder.firstPassNumber / this.CurrentWorkorder.previousNumber) * 100).toFixed(3)
+			return this.CurrentWorkorder.firstPassRate
+		},
+		//计算打磨数 CurrentWorkorder.polisheNumber
+		calculate_polisheNumber() {
+			let allCount = 0
+			this.paint.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.device.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.blank.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.program.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+			this.team.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 2) {
+					allCount += item.counter
+				}
+			})
+
+			this.CurrentWorkorder.polisheNumber = allCount
+			return this.CurrentWorkorder.polisheNumber
 		},
 
-		computed: {
+		//计算报废数  CurrentWorkorder.scrapNumber
+		calculate_scrapNumber() {
+			let allCount = 0
+			this.paint.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.device.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.blank.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.program.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
+			this.team.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 3) {
+					allCount += item.counter
+				}
+			})
 
-			...mapGetters(['firstquality_time']),
-			imageUrl() {
-				// http://127.0.0.1:9888/chfs/shared/partnumber/20103231-Y65-29.jpg?v=1
-				return this.imgBaseUrl + this.CurrentWorkorder.finishedPartNumber + '.jpg';
-				// return this.imgBaseUrl + this.CurrentWorkorder.finishedPartNumber + '.jpg?v=1';
-				// return this.minioBaseUrl + '65288101' + '.jpg';
-			},
-			// 计算合格数
-			calculate_firstPassNumber() {
-				// 计算缺陷数
-
-				let allCount = 0
-				this.paint.forEach((it) => {
-					allCount += it.counter
-				})
-				this.device.forEach((it) => {
-					allCount += it.counter
-				})
-				this.blank.forEach((it) => {
-					allCount += it.counter
-				})
-				this.program.forEach((it) => {
-					allCount += it.counter
-				})
-				this.team.forEach((it) => {
-					allCount += it.counter
-				})
-
-				this.CurrentWorkorder.firstPassNumber = this.CurrentWorkorder.previousNumber - allCount
-				return this.CurrentWorkorder.firstPassNumber
-			},
-			// 计算合格率
-			calculate_firstPassRate() {
-				this.CurrentWorkorder.firstPassRate = ((this.CurrentWorkorder.firstPassNumber / this.CurrentWorkorder.previousNumber) * 100).toFixed(3)
-				return this.CurrentWorkorder.firstPassRate
-			},
-			//计算打磨数 CurrentWorkorder.polisheNumber
-			calculate_polisheNumber() {
-				let allCount = 0
-				this.paint.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 2) {
-						allCount += item.counter
-					}
-				})
-				this.device.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 2) {
-						allCount += item.counter
-					}
-				})
-				this.blank.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 2) {
-						allCount += item.counter
-					}
-				})
-				this.program.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 2) {
-						allCount += item.counter
-					}
-				})
-				this.team.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 2) {
-						allCount += item.counter
-					}
-				})
-
-				this.CurrentWorkorder.polisheNumber = allCount
-				return this.CurrentWorkorder.polisheNumber
-			},
-
-			//计算报废数  CurrentWorkorder.scrapNumber
-			calculate_scrapNumber() {
-				let allCount = 0
-				this.paint.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 3) {
-						allCount += item.counter
-					}
-				})
-				this.device.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 3) {
-						allCount += item.counter
-					}
-				})
-				this.blank.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 3) {
-						allCount += item.counter
-					}
-				})
-				this.program.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 3) {
-						allCount += item.counter
-					}
-				})
-				this.team.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 3) {
-						allCount += item.counter
-					}
-				})
-
-				this.CurrentWorkorder.scrapNumber = allCount
-				return this.CurrentWorkorder.scrapNumber
-			},
-
-			//计算 抛光数  CurrentWorkorder.defectNumber
-			calculate_defectNumber() {
-				let allCount = 0
-				this.paint.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 1) {
-						allCount += item.counter
-					}
-				})
-				this.device.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 1) {
-						allCount += item.counter
-					}
-				})
-				this.blank.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 1) {
-						allCount += item.counter
-					}
-				})
-				this.program.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 1) {
-						allCount += item.counter
-					}
-				})
-				this.team.forEach((item) => {
-					if (parseInt(item.id / 10) % 10 === 1) {
-						allCount += item.counter
-					}
-				})
-
-				this.CurrentWorkorder.defectNumber = allCount
-
-				return this.CurrentWorkorder.defectNumber
-			},
+			this.CurrentWorkorder.scrapNumber = allCount
+			return this.CurrentWorkorder.scrapNumber
 		},
-		methods: {
-			//todo  获取当前工单检测项及其数量
 
-			//todo  获取当前工单号
-			getcurrentWorkorder() {
-				getcurrent_workorder()
-					.then((res) => {
-						if (res.code == 200) {
-							if (res.data != undefined) {
-								this.CurrentWorkorder = res.data
-								this.$message.success('更新今日工单号成功')
-								this.$loading()
-								return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
-							}
-						} else if (res.code == 210) {
-							this.$notify.warning('没有工单上线')
-						} // 拿到工单的检测项数量
-					})
-					.then((result) => {
-						if (result.code == 200) {
-							this.paint = result.data.paint
+		//计算 抛光数  CurrentWorkorder.defectNumber
+		calculate_defectNumber() {
+			let allCount = 0
+			this.paint.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.device.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.blank.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.program.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
+			this.team.forEach((item) => {
+				if (parseInt(item.id / 10) % 10 === 1) {
+					allCount += item.counter
+				}
+			})
 
-							this.device = result.data.device
+			this.CurrentWorkorder.defectNumber = allCount
 
-							this.blank = result.data.blank
+			return this.CurrentWorkorder.defectNumber
+		},
+	},
+	methods: {
+		//todo  获取当前工单检测项及其数量
 
-							this.program = result.data.program
-
-							this.team = result.data.team
-							this.$loading().close()
+		//todo  获取当前工单号
+		getcurrentWorkorder() {
+			getcurrent_workorder()
+				.then((res) => {
+					if (res.code == 200) {
+						if (res.data != undefined) {
+							this.CurrentWorkorder = res.data
+							this.$message.success('更新今日工单号成功')
+							this.$loading()
+							return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
 						}
-					})
-			},
-			//todo 工单完成
-			workOrderCompleted() {
-				// 待保存的工单信息
-				const saveWorkorderInfo = JSON.parse(JSON.stringify(this.CurrentWorkorder));
-				const timeStr = this.$dayjs().format("YYYY-MM-DD HH:mm:ss");
-				this.$modal
-					.confirm('是否确认完成本工单？')
-					.then(() => {
-						this.$notify.success(`已完成工单${saveWorkorderInfo.clientWorkorder}，即将跳转下一个工单`);
-						// 毛坯库存出库
-						this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},开始同步毛坯库存！`);
-						const queryData = {
-							workOrderId: saveWorkorderInfo.clientWorkorder
-						}
-						doOutboundByWorkOrderId(queryData).then(res => {
+					} else if (res.code == 210) {
+						this.$notify.warning('没有工单上线')
+					} // 拿到工单的检测项数量
+				})
+				.then((result) => {
+					if (result.code == 200) {
+						this.paint = result.data.paint
+
+						this.device = result.data.device
+
+						this.blank = result.data.blank
+
+						this.program = result.data.program
+
+						this.team = result.data.team
+						this.$loading().close()
+					}
+				})
+		},
+		//todo 工单完成
+		workOrderCompleted() {
+			// 待保存的工单信息
+			const saveWorkorderInfo = JSON.parse(JSON.stringify(this.CurrentWorkorder))
+			const timeStr = this.$dayjs().format('YYYY-MM-DD HH:mm:ss')
+			this.$modal
+				.confirm('是否确认完成本工单？')
+				.then(() => {
+					this.$notify.success(`已完成工单${saveWorkorderInfo.clientWorkorder}，即将跳转下一个工单`)
+					// 毛坯库存出库
+					this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},开始同步毛坯库存！`)
+					const queryData = {
+						workOrderId: saveWorkorderInfo.clientWorkorder,
+					}
+					doOutboundByWorkOrderId(queryData)
+						.then((res) => {
 							if (res.code === 200) {
 								this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},毛坯库存已扣除！`)
 							}
-						}).catch((err) => {
-							
 						})
-						//todo  更改这个工单状态为2
-						this.getNext_current_workorder().then(() => {
-							setTimeout(() => {
-								update_workorder_status({ workorderID: saveWorkorderInfo.clientWorkorder })
-									.then((res) => {
-										if (res.code == 200) {
-											this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},开始生成相关数据……`)
-											//todo 生成质量统计表 ！！！！需要工单和班组
-											let query = {
-												workorderID: saveWorkorderInfo.clientWorkorder,
-												team: saveWorkorderInfo.team,
-												firstquality_time: this.$store.state.quality.firstquality_time,
-											}
-											return generateQualityStatisticsTable(query)
+						.catch((err) => {})
+					//todo  更改这个工单状态为2
+					this.getNext_current_workorder().then(() => {
+						setTimeout(() => {
+							update_workorder_status({ workorderID: saveWorkorderInfo.clientWorkorder })
+								.then((res) => {
+									if (res.code == 200) {
+										this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},开始生成相关数据……`)
+										//todo 生成质量统计表 ！！！！需要工单和班组
+										let query = {
+											workorderID: saveWorkorderInfo.clientWorkorder,
+											team: saveWorkorderInfo.team,
+											firstquality_time: this.$store.state.quality.firstquality_time,
 										}
-									}).then((res) => {
-										if (res.code == 200) {
-											this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder}质量统计表生成成功`)
-										}
-										// 入库检验数据转换
-										const quest = { workorder: saveWorkorderInfo.clientWorkorder }
-										return convertToIncomingInspectionData(quest)
-
-									}).then((res) => {
-										if (res.code == 200) {
-											this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder}生成入库检验数量为${res.data}`);
-										}
-									})
-							}, 500);
-							setTimeout(() => {
-								location.reload();
-							}, 2000);
-						})
-
-					}).catch(() => {
-
+										return generateQualityStatisticsTable(query)
+									}
+								})
+								.then((res) => {
+									if (res.code == 200) {
+										this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder}质量统计表生成成功`)
+									}
+									// 入库检验数据转换
+									const quest = { workorder: saveWorkorderInfo.clientWorkorder }
+									return convertToIncomingInspectionData(quest)
+								})
+								.then((res) => {
+									if (res.code == 200) {
+										this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder}生成入库检验数量为${res.data}`)
+									}
+								})
+						}, 500)
+						setTimeout(() => {
+							location.reload()
+						}, 2000)
 					})
-
-			},
-			//todo  获取下一个工单号
-			getNext_current_workorder() {
-				return get_next_current_workorder()
-					.then((res) => {
-						if (res.code == 200) {
-							if (res.data != null) {
-								this.CurrentWorkorder = res.data
-								this.$store.dispatch('quality/currentWorkOrder_thirty', res.data)
-								this.$loading()
-								this.$message.success('获取工单号成功')
-								this.publishOrderChange();
-								return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
-							} else {
-								this.$notify.warning('当前为列表最后工单，请刷新尝试获取最新工单！');
-								return null;
-							}
-						} else if (res.code == 210) {
-							this.$notify.warning('当前无更多数据，请刷新尝试获取最新工单！');
-							return null;
-						}
-					})
-					.then((result) => {
-						if (result === null) {
-							return;
-						}
-						if (result.code == 200) {
-							this.paint = result.data.paint
-							this.device = result.data.device
-							this.blank = result.data.blank
-							this.program = result.data.program
-							this.team = result.data.team
-							this.$loading().close()
-						}
-					})
-			},
-			//todo  获取上一个工单号
-			getPrevious_current_workorder() {
-				get_previous_current_workorder()
-					.then((res) => {
-						if (res.code == 200) {
-							if (res.data != null) {
-								this.CurrentWorkorder = res.data
-								this.$loading()
-								this.$message.success('获取工单号成功')
-								this.publishOrderChange();
-								return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
-							} else {
-								this.$notify.warning('当前为列表第一个工单，请刷新尝试获取最新工单！')
-								return null;
-							}
-						} else if (res.code == 210) {
-							this.$notify.warning('当前为列表第一个工单，请刷新尝试获取最新工单！')
-							return null;
-						}
-					})
-					.then((result) => {
-						if (result === null) {
-							return;
-						}
-						if (result.code == 200) {
-							this.paint = result.data.paint
-
-							this.device = result.data.device
-
-							this.blank = result.data.blank
-
-							this.program = result.data.program
-
-							this.team = result.data.team
-							this.$loading().close()
-						}
-					})
-			},
-
-			//todo  累加器    这里是值传递还是引用传递？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？
-			Accumulator(item, type, index) {
-				let query = {}
-				query.workorder_id = this.CurrentWorkorder.clientWorkorder
-				query.checkid = item.id
-				query.number = 1
-				query.inspectionModule = item.inspectionModule
-
-				accumulator_query(query).then((res) => {
+				})
+				.catch(() => {})
+		},
+		//todo  获取下一个工单号
+		getNext_current_workorder() {
+			return get_next_current_workorder()
+				.then((res) => {
 					if (res.code == 200) {
-						item.counter = res.data
-						this.publishAccumulatorChange(query.workorder_id, type, index, res.data);
+						if (res.data != null) {
+							this.CurrentWorkorder = res.data
+							this.$store.dispatch('quality/currentWorkOrder_thirty', res.data)
+							this.$loading()
+							this.$message.success('获取工单号成功')
+							this.publishOrderChange()
+							return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
+						} else {
+							this.$notify.warning('当前为列表最后工单，请刷新尝试获取最新工单！')
+							return null
+						}
+					} else if (res.code == 210) {
+						this.$notify.warning('当前无更多数据，请刷新尝试获取最新工单！')
+						return null
 					}
 				})
-			},
+				.then((result) => {
+					if (result === null) {
+						return
+					}
+					if (result.code == 200) {
+						this.paint = result.data.paint
+						this.device = result.data.device
+						this.blank = result.data.blank
+						this.program = result.data.program
+						this.team = result.data.team
+						this.$loading().close()
+					}
+				})
+		},
+		//todo  获取上一个工单号
+		getPrevious_current_workorder() {
+			get_previous_current_workorder()
+				.then((res) => {
+					if (res.code == 200) {
+						if (res.data != null) {
+							this.CurrentWorkorder = res.data
+							this.$loading()
+							this.$message.success('获取工单号成功')
+							this.publishOrderChange()
+							return GetcheckItemTable({ workorderID: this.CurrentWorkorder.clientWorkorder })
+						} else {
+							this.$notify.warning('当前为列表第一个工单，请刷新尝试获取最新工单！')
+							return null
+						}
+					} else if (res.code == 210) {
+						this.$notify.warning('当前为列表第一个工单，请刷新尝试获取最新工单！')
+						return null
+					}
+				})
+				.then((result) => {
+					if (result === null) {
+						return
+					}
+					if (result.code == 200) {
+						this.paint = result.data.paint
 
-			//todo 长按事件
-			startimer(value, name, index) {
-				this.timer = setTimeout(() => {
-					this.toUpdateNum = value
-					this.DMLdialog.visiable = true
-					this.toname = name
-					this.toindex = index
-				}, 1000)
-			},
-			clearTimer() {
-				clearTimeout(this.timer)
-			},
-			//todo  弹窗确认事件
-			confirm() {
-				switch (this.toname) {
+						this.device = result.data.device
+
+						this.blank = result.data.blank
+
+						this.program = result.data.program
+
+						this.team = result.data.team
+						this.$loading().close()
+					}
+				})
+		},
+
+		//todo  累加器    这里是值传递还是引用传递？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？
+		Accumulator(item, type, index) {
+			let query = {}
+			query.workorder_id = this.CurrentWorkorder.clientWorkorder
+			query.checkid = item.id
+			query.number = 1
+			query.inspectionModule = item.inspectionModule
+
+			accumulator_query(query).then((res) => {
+				if (res.code == 200) {
+					item.counter = res.data
+					this.publishAccumulatorChange(query.workorder_id, type, index, res.data)
+				}
+			})
+		},
+
+		//todo 长按事件
+		startimer(value, name, index) {
+			this.timer = setTimeout(() => {
+				this.toUpdateNum = value
+				this.DMLdialog.visiable = true
+				this.toname = name
+				this.toindex = index
+			}, 1000)
+		},
+		clearTimer() {
+			clearTimeout(this.timer)
+		},
+		//todo  弹窗确认事件
+		confirm() {
+			switch (this.toname) {
 				case 'paint':
 					let query = {}
 					query.workorder_id = this.CurrentWorkorder.clientWorkorder
@@ -1044,7 +1537,7 @@
 					accumulator_query(query).then((res) => {
 						if (res.code == 200) {
 							this.paint[this.toindex].counter = res.data
-							this.publishAccumulatorChange(query.workorder_id, this.toname, this.toindex, res.data);
+							this.publishAccumulatorChange(query.workorder_id, this.toname, this.toindex, res.data)
 						}
 					})
 					break
@@ -1058,7 +1551,7 @@
 					accumulator_query(query1).then((res) => {
 						if (res.code == 200) {
 							this.blank[this.toindex].counter = res.data
-							this.publishAccumulatorChange(query1.workorder_id, this.toname, this.toindex, res.data);
+							this.publishAccumulatorChange(query1.workorder_id, this.toname, this.toindex, res.data)
 						}
 					})
 					break
@@ -1072,7 +1565,7 @@
 					accumulator_query(query2).then((res) => {
 						if (res.code == 200) {
 							this.team[this.toindex].counter = res.data
-							this.publishAccumulatorChange(query2.workorder_id, this.toname, this.toindex, res.data);
+							this.publishAccumulatorChange(query2.workorder_id, this.toname, this.toindex, res.data)
 						}
 					})
 					break
@@ -1086,7 +1579,7 @@
 					accumulator_query(query3).then((res) => {
 						if (res.code == 200) {
 							this.device[this.toindex].counter = res.data
-							this.publishAccumulatorChange(query3.workorder_id, this.toname, this.toindex, res.data);
+							this.publishAccumulatorChange(query3.workorder_id, this.toname, this.toindex, res.data)
 						}
 					})
 					break
@@ -1100,476 +1593,473 @@
 					accumulator_query(query4).then((res) => {
 						if (res.code == 200) {
 							this.program[this.toindex].counter = res.data
-							this.publishAccumulatorChange(query4.workorder_id, this.toname, this.toindex, res.data);
+							this.publishAccumulatorChange(query4.workorder_id, this.toname, this.toindex, res.data)
 						}
 					})
 					break
-				}
+			}
 
-				this.DMLdialog.visiable = false
-			},
+			this.DMLdialog.visiable = false
+		},
 
-			//todo 定时任务 ，每4s 获取一次当前工单下的包装投入数
-			startTimer2() {
-				this.timer2 = setInterval(() => {
-					//计算包装投入数
-					calculate_packagingInvestment({ workorder_id: this.CurrentWorkorder.clientWorkorder }).then((res) => {
-						if (res.code == 200) {
-							this.CurrentWorkorder.previousNumber = res.data
-						}
-					})
-					// 更新工单白板
-					this.handlerSyncDataBoard(this.CurrentWorkorder.clientWorkorder);
-					// 更新工单状态
-					this.getWorkOrderInListStatus(this.CurrentWorkorder.clientWorkorder);
-					//this.getcurrentWorkorder()
-				}, 5000)
-			},
-			stopTimer2() {
-				clearInterval(this.timer2)
-			},
+		//todo 定时任务 ，每4s 获取一次当前工单下的包装投入数
+		startTimer2() {
+			this.timer2 = setInterval(() => {
+				//计算包装投入数
+				calculate_packagingInvestment({ workorder_id: this.CurrentWorkorder.clientWorkorder }).then((res) => {
+					if (res.code == 200) {
+						this.CurrentWorkorder.previousNumber = res.data
+					}
+				})
+				// 更新工单白板
+				this.handlerSyncDataBoard(this.CurrentWorkorder.clientWorkorder)
+				// 更新工单状态
+				this.getWorkOrderInListStatus(this.CurrentWorkorder.clientWorkorder)
+				//this.getcurrentWorkorder()
+			}, 5000)
+		},
+		stopTimer2() {
+			clearInterval(this.timer2)
+		},
 
-			teamChange(value) {
-				this.publishTeamChange(this.CurrentWorkorder.clientWorkorder, value);
-			},
-			initMqtt() {
-				const that = this;
-				if (that.mqttClient !== null && that.mqttClient.connected) {
-					// 已建立连接
-					return;
-				}
-				// 需要传输或订阅的内容
-				const _topic = emqxUtil.thirtyFQCTopic;
-				that.mqttClient = emqxUtil.createClient(that.mqttClientId);
-				// 订阅所有值变动
-				that.mqttClient.subscribe(_topic.AccumulatorChange + '/#');
-				that.mqttClient.subscribe(_topic.TeamChange + '/#');
-				that.mqttClient.subscribe(_topic.OrderChange + '/#');
-				let accumulatorTimestemp = 0;
-				let orderEndTimestemp = 0;
-				let teamTimestemp = 0;
-				that.mqttClient.on('message', function (topic, message) {
-					if (topic === _topic.AccumulatorChange + '/' + that.CurrentWorkorder.clientWorkorder) {
-						// 其他同页面触发当前工单的点击值变动
-						const AccumulatorData = emqxUtil.parseJSON(message);
-						// 检查是否是发送此消息的用户，当前用户不更新
-						if (that.mqttClientId !== AccumulatorData.clientId) {
-							// 检查消息时间，要最新
-							if (accumulatorTimestemp < AccumulatorData.timestemp) {
-								accumulatorTimestemp = AccumulatorData.timestemp;
-								switch (AccumulatorData.type) {
+		teamChange(value) {
+			this.publishTeamChange(this.CurrentWorkorder.clientWorkorder, value)
+		},
+		initMqtt() {
+			const that = this
+			if (that.mqttClient !== null && that.mqttClient.connected) {
+				// 已建立连接
+				return
+			}
+			// 需要传输或订阅的内容
+			const _topic = emqxUtil.thirtyFQCTopic
+			that.mqttClient = emqxUtil.createClient(that.mqttClientId)
+			// 订阅所有值变动
+			that.mqttClient.subscribe(_topic.AccumulatorChange + '/#')
+			that.mqttClient.subscribe(_topic.TeamChange + '/#')
+			that.mqttClient.subscribe(_topic.OrderChange + '/#')
+			let accumulatorTimestemp = 0
+			let orderEndTimestemp = 0
+			let teamTimestemp = 0
+			that.mqttClient.on('message', function (topic, message) {
+				if (topic === _topic.AccumulatorChange + '/' + that.CurrentWorkorder.clientWorkorder) {
+					// 其他同页面触发当前工单的点击值变动
+					const AccumulatorData = emqxUtil.parseJSON(message)
+					// 检查是否是发送此消息的用户，当前用户不更新
+					if (that.mqttClientId !== AccumulatorData.clientId) {
+						// 检查消息时间，要最新
+						if (accumulatorTimestemp < AccumulatorData.timestemp) {
+							accumulatorTimestemp = AccumulatorData.timestemp
+							switch (AccumulatorData.type) {
 								case 'paint':
-									that.paint[AccumulatorData.index].counter = AccumulatorData.data;
-									break;
+									that.paint[AccumulatorData.index].counter = AccumulatorData.data
+									break
 								case 'blank':
-									that.blank[AccumulatorData.index].counter = AccumulatorData.data;
-									break;
+									that.blank[AccumulatorData.index].counter = AccumulatorData.data
+									break
 								case 'team':
-									that.team[AccumulatorData.index].counter = AccumulatorData.data;
-									break;
+									that.team[AccumulatorData.index].counter = AccumulatorData.data
+									break
 								case 'device':
-									that.device[AccumulatorData.index].counter = AccumulatorData.data;
-									break;
+									that.device[AccumulatorData.index].counter = AccumulatorData.data
+									break
 								case 'program':
-									that.program[AccumulatorData.index].counter = AccumulatorData.data;
-									break;
-								}
+									that.program[AccumulatorData.index].counter = AccumulatorData.data
+									break
 							}
 						}
 					}
-					// 班组切换
-					if (topic === _topic.TeamChange + '/' + that.CurrentWorkorder.clientWorkorder) {
-						// 其他同页面触发当前工单的点击值变动
-						const TeamData = emqxUtil.parseJSON(message);
-						// 检查是否是发送此消息的用户，当前用户不更新
-						if (that.mqttClientId !== TeamData.clientId) {
-							// 检查消息时间，要最新
-							if (teamTimestemp < TeamData.timestemp) {
-								teamTimestemp = TeamData.timestemp;
-								that.CurrentWorkorder.team = TeamData.data;
-							}
+				}
+				// 班组切换
+				if (topic === _topic.TeamChange + '/' + that.CurrentWorkorder.clientWorkorder) {
+					// 其他同页面触发当前工单的点击值变动
+					const TeamData = emqxUtil.parseJSON(message)
+					// 检查是否是发送此消息的用户，当前用户不更新
+					if (that.mqttClientId !== TeamData.clientId) {
+						// 检查消息时间，要最新
+						if (teamTimestemp < TeamData.timestemp) {
+							teamTimestemp = TeamData.timestemp
+							that.CurrentWorkorder.team = TeamData.data
 						}
 					}
-					// 工单切换
-					if (topic === _topic.OrderChange) {
-						// 其他同页面触发当前工单的点击值变动
-						const OrderChangeData = emqxUtil.parseJSON(message);
-						// 检查是否是发送此消息的用户，当前用户不更新
-						if (that.mqttClientId !== OrderChangeData.clientId) {
-							// 检查消息时间，要最新
-							if (orderEndTimestemp < OrderChangeData.timestemp) {
-								orderEndTimestemp = OrderChangeData.timestemp;
-								// 刷新页面切换工单
-								location.reload();
-							}
+				}
+				// 工单切换
+				if (topic === _topic.OrderChange) {
+					// 其他同页面触发当前工单的点击值变动
+					const OrderChangeData = emqxUtil.parseJSON(message)
+					// 检查是否是发送此消息的用户，当前用户不更新
+					if (that.mqttClientId !== OrderChangeData.clientId) {
+						// 检查消息时间，要最新
+						if (orderEndTimestemp < OrderChangeData.timestemp) {
+							orderEndTimestemp = OrderChangeData.timestemp
+							// 刷新页面切换工单
+							location.reload()
 						}
 					}
-				})
-			},
-			// 发布参数变动
-			// 传入改变参数的类别 type
-			// 改变的地址标号 index
-			// 改变后的数据 data
-			publishAccumulatorChange(workId, type, index, data) {
-				if (emqxUtil.checkClient(this.mqttClient)) {
-					const topic = emqxUtil.thirtyFQCTopic;
-					const message = {
-						clientId: this.mqttClientId,
-						type,
-						index,
-						data,
-						// 毫秒时间戳
-						timestemp: new Date().getTime()
-					}
-					this.mqttClient.publish(topic.AccumulatorChange + '/' + workId, emqxUtil.stringJSON(message));
 				}
-			},
-			publishTeamChange(workId, data) {
-				if (emqxUtil.checkClient(this.mqttClient)) {
-					const topic = emqxUtil.thirtyFQCTopic;
-					const message = {
-						clientId: this.mqttClientId,
-						data,
-						// 毫秒时间戳
-						timestemp: new Date().getTime()
-					}
-					this.mqttClient.publish(topic.TeamChange + '/' + workId, emqxUtil.stringJSON(message));
+			})
+		},
+		// 发布参数变动
+		// 传入改变参数的类别 type
+		// 改变的地址标号 index
+		// 改变后的数据 data
+		publishAccumulatorChange(workId, type, index, data) {
+			if (emqxUtil.checkClient(this.mqttClient)) {
+				const topic = emqxUtil.thirtyFQCTopic
+				const message = {
+					clientId: this.mqttClientId,
+					type,
+					index,
+					data,
+					// 毫秒时间戳
+					timestemp: new Date().getTime(),
 				}
-			},
-			// 当前页面工单有人点击完成或切换工单
-			publishOrderChange(workId = '') {
-				if (emqxUtil.checkClient(this.mqttClient)) {
-					const topic = emqxUtil.thirtyFQCTopic;
-					const message = {
-						clientId: this.mqttClientId,
-						// 切换后的工单号
-						workId,
-						// 毫秒时间戳
-						timestemp: new Date().getTime()
-					}
-					this.mqttClient.publish(topic.OrderChange, emqxUtil.stringJSON(message));
-				}
-			},
-			// 大图触发
-			// showBigImageView() {
-			// 	this.$nextTick(() => {
-			// 		this.$refs.elImageRef.clickHandler();
-			// 	})
-
-			// },
-			openImageViewer() {
-				this.showViewer = true;
-			},
-			closeImageViewer() {
-				this.showViewer = false;
-			},
-			// 获取开始时间
-			getWorkOrderStartTime(workOrderId) {
-				if (workOrderId == null) {
-					this.workOrderStartTime = "";
-					return;
-				}
-				const data = {
-					workOrderId: workOrderId
-				}
-				GetQcQualityStatisticsFirstStartTime(data).then(res => {
-					if (res.code === 200) {
-						this.workOrderStartTime = res.data;
-					}
-				})
-			},
-			// 获取工单在工单列表中的状态
-			getWorkOrderInListStatus(workOrderId) {
-				if (workOrderId == null) {
-					this.workOrderInListStatus = -1;
-					return;
-				}
-				const queryData = {
-					workOrderId: workOrderId
-				}
-				CheckPackageWorkOrderInListStatus(queryData).then(res => {
-					if (res.code === 200) {
-						this.workOrderInListStatus = res.data;
-					}
-				})
-			},
-			// 数据看板同步
-			handlerSyncDataBoard(workOrderId) {
-				let queryData = {
-					workOrderId: workOrderId
-				}
-				if (workOrderId === null || workOrderId === undefined) {
-					queryData.workOrderId = this.CurrentWorkorder.clientWorkorder
-				}
-				if (queryData.workOrderId === null || workOrderId === undefined) {
-					this.workOrderBoardData = {};
-					return;
-				}
-				GetWorkOrderBoardData(queryData).then(res => {
-					if (res.code === 200) {
-						if (res.data === null) {
-							this.workOrderBoardData = {};
-							return;
-						}
-						this.workOrderBoardData = res.data;
-					}
-				})
+				this.mqttClient.publish(topic.AccumulatorChange + '/' + workId, emqxUtil.stringJSON(message))
 			}
 		},
-		// 退出后关闭计时器
-		beforeDestroy() {
-			this.stopTimer2()
+		publishTeamChange(workId, data) {
+			if (emqxUtil.checkClient(this.mqttClient)) {
+				const topic = emqxUtil.thirtyFQCTopic
+				const message = {
+					clientId: this.mqttClientId,
+					data,
+					// 毫秒时间戳
+					timestemp: new Date().getTime(),
+				}
+				this.mqttClient.publish(topic.TeamChange + '/' + workId, emqxUtil.stringJSON(message))
+			}
 		},
+		// 当前页面工单有人点击完成或切换工单
+		publishOrderChange(workId = '') {
+			if (emqxUtil.checkClient(this.mqttClient)) {
+				const topic = emqxUtil.thirtyFQCTopic
+				const message = {
+					clientId: this.mqttClientId,
+					// 切换后的工单号
+					workId,
+					// 毫秒时间戳
+					timestemp: new Date().getTime(),
+				}
+				this.mqttClient.publish(topic.OrderChange, emqxUtil.stringJSON(message))
+			}
+		},
+		// 大图触发
+		// showBigImageView() {
+		// 	this.$nextTick(() => {
+		// 		this.$refs.elImageRef.clickHandler();
+		// 	})
 
-
-	}
+		// },
+		openImageViewer() {
+			this.showViewer = true
+		},
+		closeImageViewer() {
+			this.showViewer = false
+		},
+		// 获取开始时间
+		getWorkOrderStartTime(workOrderId) {
+			if (workOrderId == null) {
+				this.workOrderStartTime = ''
+				return
+			}
+			const data = {
+				workOrderId: workOrderId,
+			}
+			GetQcQualityStatisticsFirstStartTime(data).then((res) => {
+				if (res.code === 200) {
+					this.workOrderStartTime = res.data
+				}
+			})
+		},
+		// 获取工单在工单列表中的状态
+		getWorkOrderInListStatus(workOrderId) {
+			if (workOrderId == null) {
+				this.workOrderInListStatus = -1
+				return
+			}
+			const queryData = {
+				workOrderId: workOrderId,
+			}
+			CheckPackageWorkOrderInListStatus(queryData).then((res) => {
+				if (res.code === 200) {
+					this.workOrderInListStatus = res.data
+				}
+			})
+		},
+		// 数据看板同步
+		handlerSyncDataBoard(workOrderId) {
+			let queryData = {
+				workOrderId: workOrderId,
+			}
+			if (workOrderId === null || workOrderId === undefined) {
+				queryData.workOrderId = this.CurrentWorkorder.clientWorkorder
+			}
+			if (queryData.workOrderId === null || workOrderId === undefined) {
+				this.workOrderBoardData = {}
+				return
+			}
+			GetWorkOrderBoardData(queryData).then((res) => {
+				if (res.code === 200) {
+					if (res.data === null) {
+						this.workOrderBoardData = {}
+						return
+					}
+					this.workOrderBoardData = res.data
+				}
+			})
+		},
+	},
+	// 退出后关闭计时器
+	beforeDestroy() {
+		this.stopTimer2()
+	},
+}
 </script>
 
 <style lang="scss" scoped>
-	span {
-		font-weight: 700
-	}
+span {
+	font-weight: 700;
+}
 
-	.board-box {
-		background-color: #032169;
-	}
+.board-box {
+	background-color: #032169;
+}
 
-	.border-title {
-		color: white !important;
-	}
+.border-title {
+	color: white !important;
+}
 
-	.board-text {
-		// font-weight: 600 !important;
-	}
+.board-text {
+	// font-weight: 600 !important;
+}
 
-	.color-red {
-		color: red;
-	}
+.color-red {
+	color: red;
+}
 
-	.color-green {
-		color: seagreen;
-	}
+.color-green {
+	color: seagreen;
+}
 
-	.my-content1 {
+.my-content1 {
+	background: #f0f9eb;
+}
 
-		background: #f0f9eb;
-	}
+.my-content2 {
+	background: #f4f4f5;
+}
 
-	.my-content2 {
-		background: #f4f4f5;
-	}
-
-	.my-content3 {
-		background: #d9ecff;
-	}
-
-	.dataStatistics {
-		.title {
-			font-size: 1.2rem;
-			font-weight: bold;
-			color: #303133;
-		}
-
-		table {
-			border-collapse: collapse;
-			width: 100%;
-		}
-
-		th,
-		td {
-			border: 1px solid #000;
-			padding: 8px;
-			text-align: left;
-			font-size: 1.2rem;
-			font-weight: bold;
-		}
-
-		th {
-			background-color: #409eff;
-			color: #fff;
-		}
-
-		::v-deep .el-button {
-			float: right;
-		}
-	}
+.my-content3 {
+	background: #d9ecff;
+}
 
+.dataStatistics {
 	.title {
-		font-family: Arial, sans-serif;
-		font-size: 30px;
+		font-size: 1.2rem;
+		font-weight: bold;
 		color: #303133;
-		line-height: 1.5;
-		text-align: center;
 	}
 
-	.grid>* {
-		height: 320px;
-		background-color: #032169;
-		color: white;
-		border-radius: 0.5em;
+	table {
+		border-collapse: collapse;
+		width: 100%;
 	}
 
-	.grid {
+	th,
+	td {
+		border: 1px solid #000;
+		padding: 8px;
+		text-align: left;
+		font-size: 1.2rem;
+		font-weight: bold;
+	}
+
+	th {
+		background-color: #409eff;
+		color: #fff;
+	}
+
+	::v-deep .el-button {
+		float: right;
+	}
+}
+
+.title {
+	font-family: Arial, sans-serif;
+	font-size: 30px;
+	color: #303133;
+	line-height: 1.5;
+	text-align: center;
+}
+
+.grid > * {
+	height: 320px;
+	background-color: #032169;
+	color: white;
+	border-radius: 0.5em;
+}
+
+.grid {
+	width: 100%;
+	display: grid;
+	grid-template-columns: 1fr 10fr 10fr;
+	grid-template-rows: 1fr 1fr 1fr;
+	grid-gap: 0.5em;
+
+	//行标题块
+	.grid_1,
+	.grid_5 {
 		width: 100%;
 		display: grid;
-		grid-template-columns: 1fr 10fr 10fr;
+		grid-template-columns: 1fr;
 		grid-template-rows: 1fr 1fr 1fr;
 		grid-gap: 0.5em;
 
-		//行标题块
-		.grid_1,
-		.grid_5 {
-			width: 100%;
-			display: grid;
-			grid-template-columns: 1fr;
-			grid-template-rows: 1fr 1fr 1fr;
-			grid-gap: 0.5em;
-
-			.title_Line {
-				font-family: Arial, sans-serif;
-				font-size: 1.2rem;
-				text-align: center;
-				width: 60px;
-				height: 65px;
-				border-radius: 0.2em;
-				transition: all 0.2s ease-in-out;
-				margin-top: 2rem;
-				color: #fff;
-			}
-		}
-
-		// 块标题块
-		.title_sub {
+		.title_Line {
 			font-family: Arial, sans-serif;
-			font-size: 1.5rem;
-			color: #fff;
+			font-size: 1.2rem;
 			text-align: center;
+			width: 60px;
+			height: 65px;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
+			margin-top: 2rem;
+			color: #fff;
 		}
+	}
 
-		//油漆块样式
-		.grid_2,
-		.grid_4 {
-			width: 100%;
-			display: grid;
-			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-			grid-template-rows: 1fr 1fr 1fr;
-			grid-gap: 0.5em;
+	// 块标题块
+	.title_sub {
+		font-family: Arial, sans-serif;
+		font-size: 1.5rem;
+		color: #fff;
+		text-align: center;
+	}
 
-			.button_ {
-				width: 60px;
-				height: 85px;
-				background-color: #11a983;
-				color: white;
-				border-radius: 0.2em;
-				transition: all 0.2s ease-in-out;
+	//油漆块样式
+	.grid_2,
+	.grid_4 {
+		width: 100%;
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+		grid-template-rows: 1fr 1fr 1fr;
+		grid-gap: 0.5em;
 
-				&:hover {
-					cursor: pointer;
-					box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
-				}
+		.button_ {
+			width: 60px;
+			height: 85px;
+			background-color: #11a983;
+			color: white;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
 
-				text-align: center;
-				position: relative;
-
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
-
-				.number {
-					font-size: 1.5rem;
-					text-align: center;
-					color: red;
-					font-weight: bold;
-					position: absolute;
-					bottom: 5px;
-					width: 100%;
-				}
+			&:hover {
+				cursor: pointer;
+				box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
 			}
-		}
 
-		//设备块样式
-		.grid_3 {
-			width: 100%;
-			display: grid;
-			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-			grid-template-rows: 1fr 1fr 1fr;
-			grid-gap: 0.5em;
+			text-align: center;
+			position: relative;
 
-			.button_ {
-				width: 60px;
-				height: 85px;
-				background-color: #11a983;
-				color: white;
-				border-radius: 0.2em;
-				transition: all 0.2s ease-in-out;
-
-				&:hover {
-					cursor: pointer;
-					box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
-				}
-
-				text-align: center;
-				position: relative;
-
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
-
-				.number {
-					font-size: 1.5rem;
-					text-align: center;
-					color: red;
-					font-weight: bold;
-					position: absolute;
-					bottom: 5px;
-					width: 100%;
-				}
+			.context {
+				margin: 0.5em 1em;
+				font-size: 0.9rem;
+				font-weight: bold;
 			}
-		}
-
-		.grid_6 {
-			width: 100%;
-			display: grid;
-			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-			grid-template-rows: 1fr 1fr;
-			grid-gap: 0.5em;
-
-			.button_ {
-				width: 60px;
-				height: 85px;
-				background-color: #11a983;
-				color: white;
-				border-radius: 0.2em;
-				transition: all 0.2s ease-in-out;
-
-				&:hover {
-					cursor: pointer;
-					box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
-				}
 
+			.number {
+				font-size: 1.5rem;
 				text-align: center;
-				position: relative;
-
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
-
-				.number {
-					font-size: 1.5rem;
-					text-align: center;
-					color: red;
-					font-weight: bold;
-					position: absolute;
-					bottom: 5px;
-					width: 100%;
-				}
+				color: red;
+				font-weight: bold;
+				position: absolute;
+				bottom: 5px;
+				width: 100%;
 			}
 		}
 	}
-</style>
\ No newline at end of file
+
+	//设备块样式
+	.grid_3 {
+		width: 100%;
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+		grid-template-rows: 1fr 1fr 1fr;
+		grid-gap: 0.5em;
+
+		.button_ {
+			width: 60px;
+			height: 85px;
+			background-color: #11a983;
+			color: white;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
+
+			&:hover {
+				cursor: pointer;
+				box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+			}
+
+			text-align: center;
+			position: relative;
+
+			.context {
+				margin: 0.5em 1em;
+				font-size: 0.9rem;
+				font-weight: bold;
+			}
+
+			.number {
+				font-size: 1.5rem;
+				text-align: center;
+				color: red;
+				font-weight: bold;
+				position: absolute;
+				bottom: 5px;
+				width: 100%;
+			}
+		}
+	}
+
+	.grid_6 {
+		width: 100%;
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+		grid-template-rows: 1fr 1fr;
+		grid-gap: 0.5em;
+
+		.button_ {
+			width: 60px;
+			height: 85px;
+			background-color: #11a983;
+			color: white;
+			border-radius: 0.2em;
+			transition: all 0.2s ease-in-out;
+
+			&:hover {
+				cursor: pointer;
+				box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+			}
+
+			text-align: center;
+			position: relative;
+
+			.context {
+				margin: 0.5em 1em;
+				font-size: 0.9rem;
+				font-weight: bold;
+			}
+
+			.number {
+				font-size: 1.5rem;
+				text-align: center;
+				color: red;
+				font-weight: bold;
+				position: absolute;
+				bottom: 5px;
+				width: 100%;
+			}
+		}
+	}
+}
+</style>