From 11f4b52ba6838bfb49132011c4a04fa92eca9972 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, 15 Apr 2025 14:34:35 +0800
Subject: [PATCH] =?UTF-8?q?BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/qualityManagement/FQC/againFQC.vue  | 2469 ++++++------
 src/views/qualityManagement/FQC/firstFQC.vue  | 2948 +++++++-------
 .../FQC/qualityStatistics.vue                 | 1470 +++----
 src/views/qualityManagement/FQC/thirtyFQC.vue | 3380 +++++++----------
 .../workorder/components/DefectCard.vue       |  456 +--
 .../workorder/components/WorkOrderCard.vue    |  658 ++--
 .../gp12/touchScreen/workorder/index.vue      |  317 +-
 .../WmOneTimeQualifiedProduct/index.vue       |    2 +-
 .../wmsManagement/WmPolishInventory/index.vue |    2 +-
 9 files changed, 5652 insertions(+), 6050 deletions(-)

diff --git a/src/views/qualityManagement/FQC/againFQC.vue b/src/views/qualityManagement/FQC/againFQC.vue
index cb0f870..62a30ba 100644
--- a/src/views/qualityManagement/FQC/againFQC.vue
+++ b/src/views/qualityManagement/FQC/againFQC.vue
@@ -1,696 +1,768 @@
 <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>
-			<!-- 第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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<div class="context">开裂</div>
-							<div class="number">{{ blank[17].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>
-			<!-- 第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>
-			<!-- 第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>
-						<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>
-					<el-button type="primary" size="medium" @click="workOrderCompleted">本工单完成</el-button>
-					<table>
-						<tr>
-							<td>产品描述</td>
-							<td>{{ CurrentWorkorder.productDescription }}</td>
-							<td>零件号</td>
-							<td>{{ CurrentWorkorder.finishedPartNumber }}</td>
-						</tr>
+  <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>
+      <!-- 第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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <div class="context">开裂</div>
+              <div class="number">{{ blank[17].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>
+      <!-- 第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>
+      <!-- 第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>
+            <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>
+          <el-button type="primary" size="medium" @click="workOrderCompleted">本工单完成</el-button>
+          <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>{{ 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>
+                <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_firstPassNumber }}</td>
-							<td>抛光合格率</td>
-							<td>{{ calculate_firstPassRate }}%</td>
-						</tr>
+            <tr>
+              <td>抛光合格数</td>
+              <td>{{ calculate_firstPassNumber }}</td>
+              <td>抛光合格率</td>
+              <td>{{ calculate_firstPassRate }}%</td>
+            </tr>
 
-						<tr>
-							<td>打磨数</td>
-							<td>{{ calculate_polisheNumber }}</td>
-							<td>报废数</td>
-							<td>{{ calculate_scrapNumber }}</td>
-						</tr>
-					</table>
-				</el-card>
-			</div>
-		</div>
+            <tr>
+              <td>打磨数</td>
+              <td>{{ calculate_polisheNumber }}</td>
+              <td>报废数</td>
+              <td>{{ calculate_scrapNumber }}</td>
+            </tr>
+          </table>
+        </el-card>
+      </div>
+    </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>
+    <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 {
-		GetcheckItemTable,
-		getcurrent_workorder,
-		get_next_current_workorder,
-		get_previous_current_workorder,
-		accumulator_query,
-		calculate_polish_total_number,
-	} from '@/api/qualityManagement/againFQC.js'
+import * as emqxUtil from '@/utils/mqtt/emqxUtil'
+import {
+  GetcheckItemTable,
+  getcurrent_workorder,
+  get_next_current_workorder,
+  get_previous_current_workorder,
+  accumulator_query,
+  calculate_polish_total_number,
+} from '@/api/qualityManagement/againFQC.js'
 
-	export default {
-		name: 'firstFQC',
-		data() {
-			return {
-				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,
-				},
-				toUpdateNum: 0, //弹窗更新值
-				toname: '',
-				toindex: 0, //索引
-				timer: null, //定时器
-				mqttClient: null,
-				mqttClientId: emqxUtil.title + Math.random().toString(16).substring(2, 8)
-			}
-		},
-		created() {
-			this.initMqtt();
-			this.getcurrentWorkorder()
-			this.startTimer()
-		},
-		mounted() {},
-		computed: {
-			// 计算合格数
-			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
-				})
+export default {
+  name: 'firstFQC',
+  data() {
+    return {
+      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,
+      },
+      toUpdateNum: 0, //弹窗更新值
+      toname: '',
+      toindex: 0, //索引
+      timer: null, //定时器
+      mqttClient: null,
+      mqttClientId: emqxUtil.title + Math.random().toString(16).substring(2, 8),
+    }
+  },
+  created() {
+    this.initMqtt()
+    this.getcurrentWorkorder()
+    this.startTimer()
+  },
+  mounted() {},
+  computed: {
+    // 计算合格数
+    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.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
-			},
+      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
-					}
-				})
+    //计算报废数  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
-			},
+      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
-					}
-				})
+    //计算 抛光数  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
+      this.CurrentWorkorder.defectNumber = allCount
 
-				return this.CurrentWorkorder.defectNumber
-			},
-		},
-		methods: {
-			//todo  获取当前工单检测项及其数量
-			/* getCheckItemList() {
+      return this.CurrentWorkorder.defectNumber
+    },
+  },
+  methods: {
+    //todo  获取当前工单检测项及其数量
+    /* getCheckItemList() {
 			  // 1.拿到工单
 			  // 2.拿到工单的检测项数量
 			  const workorderId = this.CurrentWorkorder.clientWorkorder
@@ -722,582 +794,581 @@
 			    .catch((err) => {})
 			},*/
 
-			//todo  获取当前工单号
-			getcurrentWorkorder() {
-				getcurrent_workorder()
-					.then((res) => {
-						if (res.code == 200) {
-							if (res.data != undefined) {
-								this.CurrentWorkorder = res.data
+    //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.$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.device = result.data.device
 
-							this.blank = result.data.blank
+            this.blank = result.data.blank
 
-							this.program = result.data.program
+            this.program = result.data.program
 
-							this.team = result.data.team
-							this.$loading().close()
-						}
-					})
-			},
-			//todo 工单完成
-			workOrderCompleted() {
-				this.$modal.confirm('是否确认完成本工单？').then(() => {
-					this.getNext_current_workorder()
-				})
-			},
-			//todo  获取下一个工单号
-			getNext_current_workorder() {
-				get_next_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.team = result.data.team
+            this.$loading().close()
+          }
+        })
+    },
+    //todo 工单完成
+    workOrderCompleted() {
+      this.$modal.confirm('是否确认完成本工单？').then(() => {
+        this.getNext_current_workorder()
+      })
+    },
+    //todo  获取下一个工单号
+    getNext_current_workorder() {
+      get_next_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.device = result.data.device
 
-							this.blank = result.data.blank
+            this.blank = result.data.blank
 
-							this.program = result.data.program
+            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.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.device = result.data.device
 
-							this.blank = result.data.blank
+            this.blank = result.data.blank
 
-							this.program = result.data.program
+            this.program = result.data.program
 
-							this.team = result.data.team
-							this.$loading().close()
-						}
-					})
-			},
+            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
+    //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);
-					}
-				})
-			},
+      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
+    //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(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(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(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(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
-				}
+          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 定时任务 ，每3s 获取一次当前工单下的抛光数
+      this.DMLdialog.visiable = false
+    },
+    //todo 定时任务 ，每3s 获取一次当前工单下的抛光数
 
-			startTimer() {
-				this.timer = setInterval(() => {
-					// 定时执行的任务
-					//this.$store.dispatch('inspection/change_polish_total_number', query.workorder_id)
-					//计算抛光数总数
-					calculate_polish_total_number({ workorder_id: this.CurrentWorkorder.clientWorkorder }).then((res) => {
-						if (res.code == 200) {
-							this.CurrentWorkorder.previousNumber = res.data
-						}
-					})
+    startTimer() {
+      this.timer = setInterval(() => {
+        // 定时执行的任务
+        //this.$store.dispatch('inspection/change_polish_total_number', query.workorder_id)
+        //计算抛光数总数
+        calculate_polish_total_number({ workorder_id: this.CurrentWorkorder.clientWorkorder }).then((res) => {
+          if (res.code == 200) {
+            this.CurrentWorkorder.previousNumber = res.data
+          }
+        })
 
-					//this.getcurrentWorkorder()
-				}, 4000)
-			},
-			stopTimer() {
-				clearInterval(this.timer)
-			},
+        //this.getcurrentWorkorder()
+      }, 4000)
+    },
+    stopTimer() {
+      clearInterval(this.timer)
+    },
 
-			teamChange(value) {
-				this.publishTeamChange(this.CurrentWorkorder.clientWorkorder, value);
-			},
-			initMqtt() {
-				const that = this;
-				if (that.mqttClient !== null && that.mqttClient.connected) {
-					// 已建立连接
-					return;
-				}
-				// 需要传输或订阅的内容
-				const _topic = emqxUtil.againFQCTopic;
-				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.againFQCTopic;
-					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.againFQCTopic;
-					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.againFQCTopic;
-					const message = {
-						clientId: this.mqttClientId,
-						// 切换后的工单号
-						workId,
-						// 毫秒时间戳
-						timestemp: new Date().getTime()
-					}
-					this.mqttClient.publish(topic.OrderChange, emqxUtil.stringJSON(message));
-				}
-			}
-		},
-		beforeDestroy() {
-			this.stopTimer()
-		},
-	}
+    teamChange(value) {
+      this.publishTeamChange(this.CurrentWorkorder.clientWorkorder, value)
+    },
+    initMqtt() {
+      const that = this
+      if (that.mqttClient !== null && that.mqttClient.connected) {
+        // 已建立连接
+        return
+      }
+      // 需要传输或订阅的内容
+      const _topic = emqxUtil.againFQCTopic
+      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.againFQCTopic
+        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.againFQCTopic
+        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.againFQCTopic
+        const message = {
+          clientId: this.mqttClientId,
+          // 切换后的工单号
+          workId,
+          // 毫秒时间戳
+          timestemp: new Date().getTime(),
+        }
+        this.mqttClient.publish(topic.OrderChange, emqxUtil.stringJSON(message))
+      }
+    },
+  },
+  beforeDestroy() {
+    this.stopTimer()
+  },
+}
 </script>
 
 <style lang="scss" scoped>
-	.dataStatistics {
-		.title {
-			font-size: 1.2rem;
-			font-weight: bold;
-			color: #303133;
-		}
+.dataStatistics {
+  .title {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: #303133;
+  }
 
-		table {
-			border-collapse: collapse;
-			width: 100%;
-		}
+  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,
+  td {
+    border: 1px solid #000;
+    padding: 8px;
+    text-align: left;
+    font-size: 1.2rem;
+    font-weight: bold;
+  }
 
-		th {
-			background-color: #409eff;
-			color: #fff;
-		}
+  th {
+    background-color: #409eff;
+    color: #fff;
+  }
 
-		::v-deep .el-button {
-			float: right;
-		}
-	}
+  ::v-deep .el-button {
+    float: right;
+  }
+}
 
-	.title {
-		font-family: Arial, sans-serif;
-		font-size: 30px;
-		color: #303133;
-		line-height: 1.5;
-		text-align: center;
-	}
+.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 > * {
+  height: 320px;
+  background-color: #032169;
+  color: white;
+  border-radius: 0.5em;
+}
 
-	.grid {
-		width: 100%;
-		display: grid;
-		grid-template-columns: 1fr 10fr 10fr 10fr;
-		grid-template-rows: 1fr 1fr;
-		grid-gap: 0.5em;
+.grid {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr 10fr 10fr 10fr;
+  grid-template-rows: 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;
+  //行标题块
+  .grid_1,
+  .grid_5 {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 0.5em;
 
-			.title_Line {
-				color: #fff;
-				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;
-			}
-		}
+    .title_Line {
+      color: #fff;
+      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;
+    }
+  }
 
-		// 块标题块
-		.title_sub {
-			font-family: Arial, sans-serif;
-			font-size: 1.5rem;
-			color: #fff;
-			text-align: center;
-		}
+  // 块标题块
+  .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;
+  //油漆块样式
+  .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;
+    .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;
-				}
+      &: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;
+      text-align: center;
+      position: relative;
 
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
+      .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%;
-				}
-			}
-		}
+      .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;
+  //设备块样式
+  .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;
+    .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;
-				}
+      &: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;
+      text-align: center;
+      position: relative;
 
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
+      .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%;
-				}
-			}
-		}
+      .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 1fr;
-			grid-gap: 0.5em;
+  .grid_6 {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 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;
+    .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;
-				}
+      &: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;
+      text-align: center;
+      position: relative;
 
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
+      .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>
\ No newline at end of file
+      .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/firstFQC.vue b/src/views/qualityManagement/FQC/firstFQC.vue
index 3028dda..aeb0e9a 100644
--- a/src/views/qualityManagement/FQC/firstFQC.vue
+++ b/src/views/qualityManagement/FQC/firstFQC.vue
@@ -1,815 +1,814 @@
 <template>
-	<div>
-		<div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统（首检）</div>
-		<!-- 网格布局 -->
-		<div class="grid">
-			<!-- 第一行 -->
-			<div class="grid_1">
-				<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">
-					<template>
-						<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" v-if="paint.length>0">{{ paint[0].counter }}</div>
-						</div>
-						<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" v-if="paint.length>0">{{ paint[1].counter }}</div>
-						</div>
-						<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" v-if="paint.length>0">{{ paint[2].counter }}</div>
-						</div>
-						<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" v-if="paint.length>0">{{ paint[3].counter }}</div>
-						</div>
-						<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" v-if="paint.length>0">{{ paint[4].counter }}</div>
-						</div>
-						<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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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" v-if="paint.length>0">{{ 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">
-							<div class="context">水斑</div>
-							<div class="number" v-if="device.length>0">{{ device[0].counter }}</div>
-						</div>
-						<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" v-if="device.length>0">{{ device[1].counter }}</div>
-						</div>
-						<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" v-if="device.length>0">{{ device[2].counter }}</div>
-						</div>
-						<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" v-if="device.length>0">{{ device[3].counter }}</div>
-						</div>
-						<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" v-if="device.length>0">{{ device[4].counter }}</div>
-						</div>
-						<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" v-if="device.length>0">{{ device[5].counter }}</div>
-						</div>
-						<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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ 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" v-if="device.length>0">{{ device[20].counter }}</div>
-						</div>
-					</template>
-				</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">
-							<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">
-							<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">
-							<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">
-							<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">
-							<!-- <div class="context">脏点</div> 20240920修改 -->
-							<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">
-							<!-- <div class="context">打磨</div> 20240920修改 -->
-							<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="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> 20240920修改 -->
-							<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="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> 20240920修改 -->
-							<div class="context">开裂</div>
-							<div class="number">{{ blank[17].counter }}</div>
-						</div>
-					</template>
-				</div>
-			</div>
-			<!-- 第二行 -->
-			<div class="grid_5">
-				<div class="title_Line">抛光</div>
-				<div class="title_Line">打磨</div>
-				<div class="title_Line">报废</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">
-							<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">
-							<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">
-							<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">
-							<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">
-							<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>
-			<!-- 第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">
-							<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">
-							<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">
-							<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">
-							<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">
-							<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">
-							<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">
-						<div>
-							<span class="title">工单号:{{ CurrentWorkorder.clientWorkorder }}</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>
-							<span>
-								<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>
-						</div>
-					</div>
-					<el-button type="success" size="medium" @click="setWorkOrderStartTime">同步开始时间</el-button>
-					<el-button type="primary" size="medium" @click="workOrderCompleted">首检完成</el-button>
-					<table>
-						<tr>
-							<td>产品描述</td>
-							<td>{{ CurrentWorkorder.productDescription }}</td>
-							<td>零件号</td>
-							<td>{{ CurrentWorkorder.finishedPartNumber }}</td>
-						</tr>
+  <div>
+    <div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统（首检）</div>
+    <!-- 网格布局 -->
+    <div class="grid">
+      <!-- 第一行 -->
+      <div class="grid_1">
+        <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">
+          <template>
+            <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" v-if="paint.length > 0">{{ paint[0].counter }}</div>
+            </div>
+            <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" v-if="paint.length > 0">{{ paint[1].counter }}</div>
+            </div>
+            <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" v-if="paint.length > 0">{{ paint[2].counter }}</div>
+            </div>
+            <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" v-if="paint.length > 0">{{ paint[3].counter }}</div>
+            </div>
+            <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" v-if="paint.length > 0">{{ paint[4].counter }}</div>
+            </div>
+            <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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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" v-if="paint.length > 0">{{ 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">
+              <div class="context">水斑</div>
+              <div class="number" v-if="device.length > 0">{{ device[0].counter }}</div>
+            </div>
+            <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" v-if="device.length > 0">{{ device[1].counter }}</div>
+            </div>
+            <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" v-if="device.length > 0">{{ device[2].counter }}</div>
+            </div>
+            <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" v-if="device.length > 0">{{ device[3].counter }}</div>
+            </div>
+            <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" v-if="device.length > 0">{{ device[4].counter }}</div>
+            </div>
+            <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" v-if="device.length > 0">{{ device[5].counter }}</div>
+            </div>
+            <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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ 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" v-if="device.length > 0">{{ device[20].counter }}</div>
+            </div>
+          </template>
+        </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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <!-- <div class="context">脏点</div> 20240920修改 -->
+              <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">
+              <!-- <div class="context">打磨</div> 20240920修改 -->
+              <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="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> 20240920修改 -->
+              <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="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> 20240920修改 -->
+              <div class="context">开裂</div>
+              <div class="number">{{ blank[17].counter }}</div>
+            </div>
+          </template>
+        </div>
+      </div>
+      <!-- 第二行 -->
+      <div class="grid_5">
+        <div class="title_Line">抛光</div>
+        <div class="title_Line">打磨</div>
+        <div class="title_Line">报废</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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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>
+      <!-- 第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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+            <div>
+              <span class="title">工单号:{{ CurrentWorkorder.clientWorkorder }}</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>
+              <span>
+                <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>
+            </div>
+          </div>
+          <el-button type="success" size="medium" @click="setWorkOrderStartTime">同步开始时间</el-button>
+          <el-button type="primary" size="medium" @click="workOrderCompleted">首检完成</el-button>
+          <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>{{ 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>
+                <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_firstPassNumber }}</td>
-							<td>一次合格率</td>
-							<td>{{ calculate_firstPassRate }}%</td>
-						</tr>
+            <tr>
+              <td>一次合格数</td>
+              <td>{{ calculate_firstPassNumber }}</td>
+              <td>一次合格率</td>
+              <td>{{ calculate_firstPassRate }}%</td>
+            </tr>
 
-						<tr>
-							<td>打磨数</td>
-							<td>{{ calculate_polisheNumber }}</td>
-							<td>报废数</td>
-							<td>{{ calculate_scrapNumber }}</td>
-						</tr>
-						<tr>
-							<td>抛光数</td>
-							<td>{{ calculate_defectNumber }}</td>
-							<td>工单开始时间</td>
-							<td>{{ workOrderStartTime }}</td>
-						</tr>
-					</table>
-				</el-card>
-			</div>
-		</div>
-		<!-- 额外数据区域 -->
-		<div style="width: 66%;margin-top: 10px;">
-			<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>工单号</span>
-						</template>
-						<span v-if="workOrderBoardData">{{workOrderBoardData.workOrderId}}</span>
-					</el-descriptions-item>
-					<el-descriptions-item content-class-name="my-content1">
-						<template slot="label">
-							<span>工单位置</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>已完成</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>未完成</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>已打</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>未打</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>上个工单</span>
-						</template>
-						<span v-if="workOrderBoardData.lastWorkOrderId">{{workOrderBoardData.lastWorkOrderId}}</span>
-					</el-descriptions-item>
-					<el-descriptions-item>
-						<template slot="label">
-							<i class="el-icon-printer"></i>
-							<span>已打</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>未打</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>更新时间</span>
-						</template>
-						<span>{{workOrderBoardData.updatedTime}}</span>
-					</el-descriptions-item>
-				</el-descriptions>
-			</el-card>
-		</div>
+            <tr>
+              <td>打磨数</td>
+              <td>{{ calculate_polisheNumber }}</td>
+              <td>报废数</td>
+              <td>{{ calculate_scrapNumber }}</td>
+            </tr>
+            <tr>
+              <td>抛光数</td>
+              <td>{{ calculate_defectNumber }}</td>
+              <td>工单开始时间</td>
+              <td>{{ workOrderStartTime }}</td>
+            </tr>
+          </table>
+        </el-card>
+      </div>
+    </div>
+    <!-- 额外数据区域 -->
+    <div style="width: 66%; margin-top: 10px">
+      <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>工单号</span>
+            </template>
+            <span v-if="workOrderBoardData">{{ workOrderBoardData.workOrderId }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item content-class-name="my-content1">
+            <template slot="label">
+              <span>工单位置</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>已完成</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>未完成</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>已打</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>未打</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>上个工单</span>
+            </template>
+            <span v-if="workOrderBoardData.lastWorkOrderId">{{ workOrderBoardData.lastWorkOrderId }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-printer"></i>
+              <span>已打</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>未打</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>更新时间</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>
+    <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 {
-		GetcheckItemTable,
-		getcurrent_workorder,
-		get_next_current_workorder,
-		get_previous_current_workorder,
-		accumulator_query,
-		writeProcessFlow_first,
-		GetQcQualityStatisticsFirstStartTime,
-	} from '@/api/qualityManagement/firstFQC.js'
-	import {
-		CheckWorkOrderInDayListNum,
-		CheckPackageWorkOrderInListStatus,
-		GetWorkOrderBoardData
-	} from '@/api/qualityManagement/commonFQC.js';
-	import { mapState, mapGetters, mapMutations, mapActions } from 'vuex'
-	export default {
-		name: 'firstFQC',
-		data() {
-			return {
-				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,
-				workOrderChart: [0, 0, 0, 0],
-				workOrderBoardData: {},
-				toUpdateNum: 0, //弹窗更新值
-				toname: '',
-				toindex: 0, //索引
-				timer: null, //定时器
-				mqttClient: null,
-				mqttClientId: emqxUtil.title + 'FirstFQC' + Math.random().toString(16).substring(1, 10)
-			}
-		},
-		created() {
-			this.initMqtt();
-			this.getcurrentWorkorder()
-			this.startTimer();
-		},
-		watch: {
-			'CurrentWorkorder.clientWorkorder'(newValue, oldValue) {
-				this.getWorkOrderStartTime(newValue);
-				this.getWorkOrderInListStatus(newValue);
-				this.handlerSyncDataBoard(newValue);
-			}
-		},
-		mounted() {},
-		computed: {
-			// 计算合格数
-			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
-					}
-				})
+import * as emqxUtil from '@/utils/mqtt/emqxUtil'
+import {
+  GetcheckItemTable,
+  getcurrent_workorder,
+  get_next_current_workorder,
+  get_previous_current_workorder,
+  accumulator_query,
+  writeProcessFlow_first,
+  GetQcQualityStatisticsFirstStartTime,
+} from '@/api/qualityManagement/firstFQC.js'
+import { CheckWorkOrderInDayListNum, CheckPackageWorkOrderInListStatus, GetWorkOrderBoardData } from '@/api/qualityManagement/commonFQC.js'
+import { mapState, mapGetters, mapMutations, mapActions } from 'vuex'
+export default {
+  name: 'firstFQC',
+  data() {
+    return {
+      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,
+      workOrderChart: [0, 0, 0, 0],
+      workOrderBoardData: {},
+      toUpdateNum: 0, //弹窗更新值
+      toname: '',
+      toindex: 0, //索引
+      timer: null, //定时器
+      mqttClient: null,
+      mqttClientId: emqxUtil.title + 'FirstFQC' + Math.random().toString(16).substring(1, 10),
+    }
+  },
+  created() {
+    this.initMqtt()
+    this.getcurrentWorkorder()
+    this.startTimer()
+  },
+  watch: {
+    'CurrentWorkorder.clientWorkorder'(newValue, oldValue) {
+      this.getWorkOrderStartTime(newValue)
+      this.getWorkOrderInListStatus(newValue)
+      this.handlerSyncDataBoard(newValue)
+    },
+  },
+  mounted() {},
+  computed: {
+    // 计算合格数
+    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
-			},
+      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
-					}
-				})
+    //计算报废数  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
-			},
+      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: {
-			...mapActions({ change_polish_total_number: 'inspection/change_polish_total_number' }),
+    //计算 抛光数  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: {
+    ...mapActions({ change_polish_total_number: 'inspection/change_polish_total_number' }),
 
-			//todo  获取当前工单检测项及其数量
-			/* getCheckItemList() {
+    //todo  获取当前工单检测项及其数量
+    /* getCheckItemList() {
 			  // 1.拿到工单
 			  // 2.拿到工单的检测项数量
 			  const workorderId = this.CurrentWorkorder.clientWorkorder
@@ -841,731 +840,732 @@
 			    .catch((err) => {})
 			},*/
 
-			//todo  获取当前工单号
-			getcurrentWorkorder() {
+    //todo  获取当前工单号
+    getcurrentWorkorder() {
+      getcurrent_workorder()
+        .then((res) => {
+          if (res.code == 200) {
+            if (res.data != undefined) {
+              this.CurrentWorkorder = res.data
+              this.$message.success('更新今日工单号成功')
+              this.publishNowOrderRetain(this.CurrentWorkorder.clientWorkorder)
+              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() {
+      this.$confirm('是否确认完成本工单？', '操作提示', { type: 'warning', closeOnClickModal: false })
+        .then(() => {
+          this.getNext_current_workorder(false)
+        })
+        .catch(() => {
+          this.$message.info('操作取消')
+        })
+    },
+    // 设置工单开始时间
+    setWorkOrderStartTime() {
+      const workorderId = this.CurrentWorkorder.clientWorkorder
+      writeProcessFlow_first({ workorderID: workorderId, time: new Date() })
+      const data = {
+        workOrderId: workorderId,
+      }
+      GetQcQualityStatisticsFirstStartTime(data).then((res) => {
+        if (res.code === 200) {
+          this.workOrderStartTime = res.data
+        }
+      })
+    },
+    //todo  获取下一个工单号
+    getNext_current_workorder(check = true) {
+      if (!this.checkHasStartTime() && check) {
+        this.$confirm('当前工单未点击本工单完成，无工单开始时间，是否进入下一个工单？', '操作提示', { type: 'warning', closeOnClickModal: false })
+          .then(() => {
+            this.getNextWorkOrder()
+          })
+          .catch(() => {
+            this.$message.info('操作取消')
+          })
+      } else {
+        this.getNextWorkOrder()
+      }
+    },
+    getNextWorkOrder() {
+      const oldWorkorderId = this.CurrentWorkorder.clientWorkorder
+      get_next_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.publishNowOrderRetain(this.CurrentWorkorder.clientWorkorder)
+            // this.setWorkOrderStartTime();
+            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.publishNowOrderRetain(this.CurrentWorkorder.clientWorkorder)
+            this.$loading().close()
+          }
+        })
+    },
 
-				getcurrent_workorder()
-					.then((res) => {
-						if (res.code == 200) {
-							if (res.data != undefined) {
-								this.CurrentWorkorder = res.data
-								this.$message.success('更新今日工单号成功')
-								this.publishNowOrderRetain(this.CurrentWorkorder.clientWorkorder)
-								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() {
+    //TODO 检查===
+    //1.非完成切换工单时检查是否含有开始时间
+    checkHasStartTime() {
+      if (this.workOrderStartTime === '' || this.workOrderStartTime === '工单无开始时间！') {
+        return false
+      }
+      return true
+    },
 
-				this.$confirm('是否确认完成本工单？', '操作提示', { type: 'warning', closeOnClickModal: false }).then(() => {
-					this.getNext_current_workorder(false);
+    //todo  累加器    这里是值传递还是引用传递？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？
+    Accumulator(item, type, index) {
+      let query = {}
+      query.workorder_id = this.CurrentWorkorder.clientWorkorder
+      query.checkid = item.id
+      query.number = 1
+      query.inspectionModule = item.inspectionModule
 
-				}).catch(() => {
-					this.$message.info("操作取消");
-				})
-			},
-			// 设置工单开始时间
-			setWorkOrderStartTime() {
-				const workorderId = this.CurrentWorkorder.clientWorkorder;
-				writeProcessFlow_first({ workorderID: workorderId, time: new Date() });
-				const data = {
-					workOrderId: workorderId
-				}
-				GetQcQualityStatisticsFirstStartTime(data).then(res => {
-					if (res.code === 200) {
-						this.workOrderStartTime = res.data;
-					}
-				})
-			},
-			//todo  获取下一个工单号
-			getNext_current_workorder(check = true) {
-				if (!this.checkHasStartTime() && check) {
-					this.$confirm("当前工单未点击本工单完成，无工单开始时间，是否进入下一个工单？", '操作提示', { type: 'warning', closeOnClickModal: false }).then(() => {
-						this.getNextWorkOrder();
-					}).catch(() => {
-						this.$message.info("操作取消");
-					})
-				} else {
-					this.getNextWorkOrder();
-				}
-			},
-			getNextWorkOrder() {
-				const oldWorkorderId = this.CurrentWorkorder.clientWorkorder;
-				get_next_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.publishNowOrderRetain(this.CurrentWorkorder.clientWorkorder)
-							// this.setWorkOrderStartTime();
-							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.publishNowOrderRetain(this.CurrentWorkorder.clientWorkorder)
-							this.$loading().close()
-						}
-					})
-			},
+      accumulator_query(query).then((res) => {
+        if (res.code == 200) {
+          item.counter = res.data
+          this.publishAccumulatorChange(query.workorder_id, type, index, res.data)
+        }
+      })
+    },
 
-			//TODO 检查===
-			//1.非完成切换工单时检查是否含有开始时间
-			checkHasStartTime() {
-				if (this.workOrderStartTime === "" || this.workOrderStartTime === "工单无开始时间！") {
-					return false;
-				}
-				return true;
-			},
+    //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
 
-			//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) {
+              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(query).then((res) => {
-					if (res.code == 200) {
-						item.counter = res.data;
-						this.publishAccumulatorChange(query.workorder_id, type, index, res.data);
-					}
-				})
-			},
+          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
 
-			//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(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(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(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(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(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
+      }
 
-					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
+      this.DMLdialog.visiable = false
+    },
 
-					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
+    //todo 定时任务 ，每4s 获取一次当前工单
 
-					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 获取一次当前工单 
-
-			startTimer() {
-				this.timer = setInterval(() => {
-					//this.getcurrentWorkorder()
-					this.handlerSyncDataBoard(this.CurrentWorkorder.clientWorkorder);
-				}, 5000)
-			},
-			stopTimer() {
-				clearInterval(this.timer)
-			},
-			teamChange(value) {
-				this.publishTeamChange(this.CurrentWorkorder.clientWorkorder, value);
-			},
-			initMqtt() {
-				const that = this;
-				if (that.mqttClient !== null && that.mqttClient.connected) {
-					// 已建立连接
-					return;
-				}
-				// 需要传输或订阅的内容
-				const _topic = emqxUtil.firstFQCTopic;
-				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.firstFQCTopic;
-					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.firstFQCTopic;
-					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.firstFQCTopic;
-					const message = {
-						clientId: this.mqttClientId,
-						// 切换后的工单号
-						workId,
-						// 毫秒时间戳
-						timestemp: new Date().getTime()
-					}
-					this.mqttClient.publish(topic.OrderChange, emqxUtil.stringJSON(message));
-				}
-			},
-			// 发布首检当前操作工单的保留消息
-			publishNowOrderRetain(workId = '') {
-				if (emqxUtil.checkClient(this.mqttClient)) {
-					const topic = emqxUtil.firstFQCTopic;
-					const message = {
-						clientId: this.mqttClientId,
-						// 当前工单号
-						workId,
-						// 毫秒时间戳
-						timestemp: new Date().getTime()
-					}
-					const options = {
-						qos: 1,
-						retain: true
-					}
-					this.mqttClient.publish(topic.NowOrderRetain, emqxUtil.stringJSON(message), options, () => {});
-				}
-			},
-			// 获取开始时间
-			getWorkOrderStartTime(workOrderId) {
-				if (workOrderId == null) {
-					this.workOrderStartTime = "";
-					return;
-				}
-				const data = {
-					workOrderId: workOrderId
-				}
-				GetQcQualityStatisticsFirstStartTime(data).then(res => {
-					if (res.code === 200) {
-						this.workOrderStartTime = res.data;
-					}
-				})
-			},
-			// 获取工单状态
-			getWorkOrderInDayListNum(workOrderId) {
-				if (workOrderId == null) {
-					this.workOrderChart = [0, 0, 0, 0];
-					return;
-				}
-				const queryData = {
-					workOrderId: workOrderId
-				}
-				CheckWorkOrderInDayListNum(queryData).then(res => {
-					if (res.code === 200) {
-						this.workOrderChart = 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.stopTimer();
-			emqxUtil.endClient(this.mqttClient);
-		},
-	}
+    startTimer() {
+      this.timer = setInterval(() => {
+        //this.getcurrentWorkorder()
+        this.handlerSyncDataBoard(this.CurrentWorkorder.clientWorkorder)
+      }, 5000)
+    },
+    stopTimer() {
+      clearInterval(this.timer)
+    },
+    teamChange(value) {
+      this.publishTeamChange(this.CurrentWorkorder.clientWorkorder, value)
+    },
+    initMqtt() {
+      const that = this
+      if (that.mqttClient !== null && that.mqttClient.connected) {
+        // 已建立连接
+        return
+      }
+      // 需要传输或订阅的内容
+      const _topic = emqxUtil.firstFQCTopic
+      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.firstFQCTopic
+        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.firstFQCTopic
+        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.firstFQCTopic
+        const message = {
+          clientId: this.mqttClientId,
+          // 切换后的工单号
+          workId,
+          // 毫秒时间戳
+          timestemp: new Date().getTime(),
+        }
+        this.mqttClient.publish(topic.OrderChange, emqxUtil.stringJSON(message))
+      }
+    },
+    // 发布首检当前操作工单的保留消息
+    publishNowOrderRetain(workId = '') {
+      if (emqxUtil.checkClient(this.mqttClient)) {
+        const topic = emqxUtil.firstFQCTopic
+        const message = {
+          clientId: this.mqttClientId,
+          // 当前工单号
+          workId,
+          // 毫秒时间戳
+          timestemp: new Date().getTime(),
+        }
+        const options = {
+          qos: 1,
+          retain: true,
+        }
+        this.mqttClient.publish(topic.NowOrderRetain, emqxUtil.stringJSON(message), options, () => {})
+      }
+    },
+    // 获取开始时间
+    getWorkOrderStartTime(workOrderId) {
+      if (workOrderId == null) {
+        this.workOrderStartTime = ''
+        return
+      }
+      const data = {
+        workOrderId: workOrderId,
+      }
+      GetQcQualityStatisticsFirstStartTime(data).then((res) => {
+        if (res.code === 200) {
+          this.workOrderStartTime = res.data
+        }
+      })
+    },
+    // 获取工单状态
+    getWorkOrderInDayListNum(workOrderId) {
+      if (workOrderId == null) {
+        this.workOrderChart = [0, 0, 0, 0]
+        return
+      }
+      const queryData = {
+        workOrderId: workOrderId,
+      }
+      CheckWorkOrderInDayListNum(queryData).then((res) => {
+        if (res.code === 200) {
+          this.workOrderChart = 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.stopTimer()
+    emqxUtil.endClient(this.mqttClient)
+  },
+}
 </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_content {
-		background: #ffff00;
-	}
+.my_content {
+  background: #ffff00;
+}
 
-	.my-content1 {
-		background: #f0f9eb;
-	}
+.my-content1 {
+  background: #f0f9eb;
+}
 
-	.my-content2 {
-		background: #f4f4f5;
-	}
+.my-content2 {
+  background: #f4f4f5;
+}
 
-	.my-content3 {
-		background: #d9ecff;
-	}
+.my-content3 {
+  background: #d9ecff;
+}
 
-	.dataStatistics {
-		.title {
-			font-size: 1.2rem;
-			font-weight: bold;
-			color: #303133;
-		}
+.dataStatistics {
+  .title {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: #303133;
+  }
 
-		table {
-			border-collapse: collapse;
-			width: 100%;
-		}
+  table {
+    border-collapse: collapse;
+    width: 100%;
+  }
 
-		th,
-		td {
-			border: 1px solid #000;
-			padding: 8px;
-			text-align: left;
-			font-weight: bold;
-			font-size: 1.2rem;
-		}
+  th,
+  td {
+    border: 1px solid #000;
+    padding: 8px;
+    text-align: left;
+    font-weight: bold;
+    font-size: 1.2rem;
+  }
 
-		th {
-			background-color: #409eff;
-			color: #fff;
-		}
+  th {
+    background-color: #409eff;
+    color: #fff;
+  }
 
-		::v-deep .el-button {
-			float: right;
-			margin-bottom: 10px;
-			margin-right: 10px;
-		}
-	}
+  ::v-deep .el-button {
+    float: right;
+    margin-bottom: 10px;
+    margin-right: 10px;
+  }
+}
 
-	.title {
-		font-family: Arial, sans-serif;
-		font-size: 30px;
-		color: #303133;
-		line-height: 1.5;
-		text-align: center;
-	}
+.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 > * {
+  height: 320px;
+  background-color: #032169;
+  color: white;
+  border-radius: 0.5em;
+}
 
-	.grid {
-		width: 100%;
-		display: grid;
-		grid-template-columns: 1fr 10fr 10fr 10fr;
-		grid-template-rows: 1fr 1fr;
-		grid-gap: 0.5em;
+.grid {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr 10fr 10fr 10fr;
+  grid-template-rows: 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;
+  //行标题块
+  .grid_1,
+  .grid_5 {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 0.5em;
 
-			.title_Line {
-				color: #fff;
-				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;
-			}
-		}
+    .title_Line {
+      color: #fff;
+      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;
+    }
+  }
 
-		// 块标题块
-		.title_sub {
-			font-family: Arial, sans-serif;
-			font-size: 1.5rem;
-			color: #fff;
-			text-align: center;
-		}
+  // 块标题块
+  .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;
+  //油漆块样式
+  .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;
+    .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;
-				}
+      &: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;
+      text-align: center;
+      position: relative;
 
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
+      .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%;
-				}
-			}
-		}
+      .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;
+  //设备块样式
+  .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;
+    .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;
-				}
+      &: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;
+      text-align: center;
+      position: relative;
 
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
+      .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%;
-				}
-			}
-		}
+      .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 1fr;
-			grid-gap: 0.5em;
+  .grid_6 {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 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;
+    .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;
-				}
+      &: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;
+      text-align: center;
+      position: relative;
 
-				.context {
-					margin: 0.5em 1em;
-					font-size: 0.9rem;
-					font-weight: bold;
-				}
+      .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>
\ No newline at end of file
+      .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 bd99741..6aef49e 100644
--- a/src/views/qualityManagement/FQC/qualityStatistics.vue
+++ b/src/views/qualityManagement/FQC/qualityStatistics.vue
@@ -1,764 +1,764 @@
 <template>
-	<div class="app-container">
-		<!-- 搜索部分 -->
-		<div>
-			<el-form :model="search" inline size="mini" label-width="80px">
-				<el-form-item label="开始日期">
-					<el-date-picker
-						:clearable="false"
-						:style="{ width: inputWidth }"
-						v-model="search.starttime"
-						type="datetime"
-						placeholder="选择日期时间"
-						align="right"
-						:picker-options="pickerOptions"
-					>
-					</el-date-picker>
-				</el-form-item>
-				<el-form-item label="结束日期">
-					<el-date-picker
-						:clearable="false"
-						:style="{ width: inputWidth }"
-						v-model="search.endtime"
-						type="datetime"
-						placeholder="选择日期时间"
-						align="right"
-						:picker-options="pickerOptions"
-					>
-					</el-date-picker>
-				</el-form-item>
-				<el-form-item label="工单号">
-					<el-input v-model.trim="search.workorderid" placeholder="输入工单号" :style="{ width: inputWidth }"></el-input>
-				</el-form-item>
-				<el-form-item label="零件号">
-					<el-input v-model.trim="search.partnumber" placeholder="输入零件号" :style="{ width: inputWidth }"></el-input>
-				</el-form-item>
-				<el-form-item label="产品描述">
-					<el-input v-model.trim="search.product_description" placeholder="输入产品描述" :style="{ width: inputWidth }"></el-input>
-				</el-form-item>
-				<div>
-					<el-form-item label="班组">
-						<el-select v-model="search.team" placeholder="输入班组" :style="{ width: inputWidth }">
-							<el-option label="A班" value="A"> </el-option>
-							<el-option label="B班" value="B"> </el-option>
-							<el-option label="" value=""> </el-option>
-						</el-select>
-					</el-form-item>
-					<el-form-item label="报表类型">
-						<el-select v-model="search.reportType" placeholder="请选择" :style="{ width: inputWidth }">
-							<el-option v-for="item in reportType_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-						</el-select>
-					</el-form-item>
-					<el-form-item label="排序方式">
-						<el-select v-model="search.sortType" placeholder="请选择排序方式" :style="{ width: inputWidth }">
-							<el-option label="开始时间" :value="0"> </el-option>
-							<el-option label="合格率" :value="1"> </el-option>
-							<el-option label="物料描述" :value="2"> </el-option>
-							<el-option label="零件号" :value="3"> </el-option>
-						</el-select>
-					</el-form-item>
-					<el-form-item label=" ">
-						<el-button size="mini" type="primary" icon="el-icon-search" @click="getList">搜索</el-button>
-						<el-button size="mini" type="warning" @click="exportAllDataEvent(false)">日生产报表导出</el-button>
-						<el-button size="mini" type="success" @click="exportAllDataEvent(true)">缺陷详情导出</el-button>
-						<!-- <el-button size="mini" type="success" @click="exportDataEvent">缺陷详情导出</el-button> -->
-					</el-form-item>
-				</div>
-			</el-form>
-		</div>
-		<div style="width: 100%; display: flex; justify-content: flex-end">
-			<pagination :pageSizes="[12, 30, 60, 300]" :total="pagination.total" :page.sync="pagination.pageNum" :limit.sync="pagination.pageSize" @pagination="getList" />
-		</div>
-		<div style="width: 100%">
-			<div style="font-size: 20px;text-align: center; margin 0 auto">
-				{{ reportType_options[search.reportType].label }} 共 {{ realTotal }} 条
-				<span style="margin-left: 20px">投入数:{{ totalQuantity }}</span>
-				<span style="margin-left: 20px">合格数:{{ totalQualifiedNumber }}</span>
-				<span style="margin-left: 20px">合格率:{{ passRate }}</span>
-				<span style="margin-left: 20px">抛光数:{{ totalPaoguangTotal }}</span>
-				<span style="margin-left: 20px">打磨数:{{ totalDamoTotal }}</span>
-				<span style="margin-left: 20px">报废数:{{ totalBaofeiTotal }}</span>
-				<span style="margin-left: 20px">倒车雷达:{{ parkingSensor }}</span>
-			</div>
-		</div>
-		<!-- 表格部分 -->
-		<!-- 			
+  <div class="app-container">
+    <!-- 搜索部分 -->
+    <div>
+      <el-form :model="search" inline size="mini" label-width="80px">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            :clearable="false"
+            :style="{ width: inputWidth }"
+            v-model="search.starttime"
+            type="datetime"
+            placeholder="选择日期时间"
+            align="right"
+            :picker-options="pickerOptions"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            :clearable="false"
+            :style="{ width: inputWidth }"
+            v-model="search.endtime"
+            type="datetime"
+            placeholder="选择日期时间"
+            align="right"
+            :picker-options="pickerOptions"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="工单号">
+          <el-input v-model.trim="search.workorderid" placeholder="输入工单号" :style="{ width: inputWidth }"></el-input>
+        </el-form-item>
+        <el-form-item label="零件号">
+          <el-input v-model.trim="search.partnumber" placeholder="输入零件号" :style="{ width: inputWidth }"></el-input>
+        </el-form-item>
+        <el-form-item label="产品描述">
+          <el-input v-model.trim="search.product_description" placeholder="输入产品描述" :style="{ width: inputWidth }"></el-input>
+        </el-form-item>
+        <div>
+          <el-form-item label="班组">
+            <el-select v-model="search.team" placeholder="输入班组" :style="{ width: inputWidth }">
+              <el-option label="A班" value="A"> </el-option>
+              <el-option label="B班" value="B"> </el-option>
+              <el-option label="" value=""> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="报表类型">
+            <el-select v-model="search.reportType" placeholder="请选择" :style="{ width: inputWidth }">
+              <el-option v-for="item in reportType_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="排序方式">
+            <el-select v-model="search.sortType" placeholder="请选择排序方式" :style="{ width: inputWidth }">
+              <el-option label="开始时间" :value="0"> </el-option>
+              <el-option label="合格率" :value="1"> </el-option>
+              <el-option label="物料描述" :value="2"> </el-option>
+              <el-option label="零件号" :value="3"> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label=" ">
+            <el-button size="mini" type="primary" icon="el-icon-search" @click="getList">搜索</el-button>
+            <el-button size="mini" type="warning" @click="exportAllDataEvent(false)">日生产报表导出</el-button>
+            <el-button size="mini" type="success" @click="exportAllDataEvent(true)">缺陷详情导出</el-button>
+            <!-- <el-button size="mini" type="success" @click="exportDataEvent">缺陷详情导出</el-button> -->
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
+    <div style="width: 100%; display: flex; justify-content: flex-end">
+      <pagination :pageSizes="[12, 30, 60, 300]" :total="pagination.total" :page.sync="pagination.pageNum" :limit.sync="pagination.pageSize" @pagination="getList" />
+    </div>
+    <div style="width: 100%">
+      <div style="font-size: 20px;text-align: center; margin 0 auto">
+        {{ reportType_options[search.reportType].label }} 共 {{ realTotal }} 条
+        <span style="margin-left: 20px">投入数:{{ totalQuantity }}</span>
+        <span style="margin-left: 20px">合格数:{{ totalQualifiedNumber }}</span>
+        <span style="margin-left: 20px">合格率:{{ passRate }}</span>
+        <span style="margin-left: 20px">抛光数:{{ totalPaoguangTotal }}</span>
+        <span style="margin-left: 20px">打磨数:{{ totalDamoTotal }}</span>
+        <span style="margin-left: 20px">报废数:{{ totalBaofeiTotal }}</span>
+        <span style="margin-left: 20px">倒车雷达:{{ parkingSensor }}</span>
+      </div>
+    </div>
+    <!-- 表格部分 -->
+    <!-- 			
 		:scroll-y="{ enabled: true, gt: 0 }"
 		:scroll-x="{ enabled: true, gt: 0 }" 
 		-->
-		<vxe-table
-			@menu-click="contextMenuClickEvent"
-			:menu-config="tableMenu"
-			border
-			resizable
-			:header-cell-style="headerCellStyle"
-			ref="xTable"
-			:show-overflow="false"
-			:column-config="{ resizable: true }"
-			:loading="loading"
-			:data="QualityStatisticsTable"
-			:merge-cells="mergeCells"
-			:cell-style="cellStyle"
-			size="mini"
-			align="center"
-			height="860px"
-			:export-config="{}"
-			:row-config="{ isHover: true, isCurrent: true, height: 60 }"
-		>
-			<vxe-colgroup title="订单信息" align="center" fixed="left">
-				<vxe-column field="workorderId" title="工单号" width="140px" sortable></vxe-column>
-				<vxe-column field="finishedPartNumber" title="零件号" min-width="120px" sortable></vxe-column>
-				<vxe-column field="color" title="颜色" min-width="100px" sortable></vxe-column>
-				<vxe-column field="productDescription" title="描述" min-width="100px"></vxe-column>
-				<vxe-column field="requireNumber" title="生  产  投  入  数" min-width="60px"></vxe-column>
-				<vxe-column field="team" title="班次" sortable></vxe-column>
-				<vxe-column field="qualifiedNumber" title="合  格  数" min-width="60px"></vxe-column>
-				<vxe-column title="合格率" min-width="70px">
-					<template #default="{ row }"> {{ offsetRate(row.qualifiedRate) }}% </template>
-				</vxe-column>
-				<vxe-column field="paoguangTotal" title="抛光总数" min-width="60px"></vxe-column>
-				<vxe-column field="damoTotal" title="打磨总数" min-width="60px"></vxe-column>
-				<vxe-column field="baofeiTotal" title="报废总数" min-width="60px"></vxe-column>
-				<vxe-column field="startTime" title="开始时间" width="120px" sortable></vxe-column>
-				<vxe-column field="endTime" title="结束时间" width="120px" sortable></vxe-column>
-				<vxe-column field="remark" title="备注" width="60px"></vxe-column>
-			</vxe-colgroup>
+    <vxe-table
+      @menu-click="contextMenuClickEvent"
+      :menu-config="tableMenu"
+      border
+      resizable
+      :header-cell-style="headerCellStyle"
+      ref="xTable"
+      :show-overflow="false"
+      :column-config="{ resizable: true }"
+      :loading="loading"
+      :data="QualityStatisticsTable"
+      :merge-cells="mergeCells"
+      :cell-style="cellStyle"
+      size="mini"
+      align="center"
+      height="860px"
+      :export-config="{}"
+      :row-config="{ isHover: true, isCurrent: true, height: 60 }"
+    >
+      <vxe-colgroup title="订单信息" align="center" fixed="left">
+        <vxe-column field="workorderId" title="工单号" width="140px" sortable></vxe-column>
+        <vxe-column field="finishedPartNumber" title="零件号" min-width="120px" sortable></vxe-column>
+        <vxe-column field="color" title="颜色" min-width="100px" sortable></vxe-column>
+        <vxe-column field="productDescription" title="描述" min-width="100px"></vxe-column>
+        <vxe-column field="requireNumber" title="生  产  投  入  数" min-width="60px"></vxe-column>
+        <vxe-column field="team" title="班次" sortable></vxe-column>
+        <vxe-column field="qualifiedNumber" title="合  格  数" min-width="60px"></vxe-column>
+        <vxe-column title="合格率" min-width="70px">
+          <template #default="{ row }"> {{ offsetRate(row.qualifiedRate) }}% </template>
+        </vxe-column>
+        <vxe-column field="paoguangTotal" title="抛光总数" min-width="60px"></vxe-column>
+        <vxe-column field="damoTotal" title="打磨总数" min-width="60px"></vxe-column>
+        <vxe-column field="baofeiTotal" title="报废总数" min-width="60px"></vxe-column>
+        <vxe-column field="startTime" title="开始时间" width="120px" sortable></vxe-column>
+        <vxe-column field="endTime" title="结束时间" width="120px" sortable></vxe-column>
+        <vxe-column field="remark" title="备注" width="60px"></vxe-column>
+      </vxe-colgroup>
 
-			<vxe-colgroup title="油漆" align="center">
-				<vxe-column field="paintSuokong" title="缩  孔" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.paintSuokong) }}</template>
-				</vxe-column>
-				<vxe-column field="paintZhengkong" title="针  孔" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.paintZhengkong) }}</template>
-				</vxe-column>
-				<vxe-column field="paintShiguang" title="失  光" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.paintShiguang) }}</template>
-				</vxe-column>
-				<vxe-column field="paintSecha" title="色  差" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.paintSecha) }}</template>
-				</vxe-column>
-				<vxe-column field="paintDianzi" title="点  子" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.paintDianzi) }}</template>
-				</vxe-column>
-				<vxe-column field="paintOther" title="其  他" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.paintOther) }}</template>
-				</vxe-column>
-			</vxe-colgroup>
+      <vxe-colgroup title="油漆" align="center">
+        <vxe-column field="paintSuokong" title="缩  孔" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.paintSuokong) }}</template>
+        </vxe-column>
+        <vxe-column field="paintZhengkong" title="针  孔" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.paintZhengkong) }}</template>
+        </vxe-column>
+        <vxe-column field="paintShiguang" title="失  光" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.paintShiguang) }}</template>
+        </vxe-column>
+        <vxe-column field="paintSecha" title="色  差" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.paintSecha) }}</template>
+        </vxe-column>
+        <vxe-column field="paintDianzi" title="点  子" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.paintDianzi) }}</template>
+        </vxe-column>
+        <vxe-column field="paintOther" title="其  他" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.paintOther) }}</template>
+        </vxe-column>
+      </vxe-colgroup>
 
-			<vxe-colgroup title="设备" align="center">
-				<vxe-column field="deviceShuiban" title="水  斑" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.deviceShuiban) }}</template>
-				</vxe-column>
-				<vxe-column field="deviceZandian" title="脏  点" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.deviceZandian) }}</template>
-				</vxe-column>
-				<vxe-column field="deviceBianxing" title="变  形" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.deviceBianxing) }}</template>
-				</vxe-column>
-				<vxe-column field="deviceYouzhu" title="油  珠" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.deviceYouzhu) }}</template>
-				</vxe-column>
-				<vxe-column field="deviceTuoluo" title="脱  落" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.deviceTuoluo) }}</template>
-				</vxe-column>
-				<vxe-column field="deviceZhuangshang" title="撞  伤" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.deviceZhuangshang) }}</template>
-				</vxe-column>
-				<vxe-column field="deviceOther" title="其  他" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.deviceOther) }}</template>
-				</vxe-column>
-			</vxe-colgroup>
+      <vxe-colgroup title="设备" align="center">
+        <vxe-column field="deviceShuiban" title="水  斑" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.deviceShuiban) }}</template>
+        </vxe-column>
+        <vxe-column field="deviceZandian" title="脏  点" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.deviceZandian) }}</template>
+        </vxe-column>
+        <vxe-column field="deviceBianxing" title="变  形" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.deviceBianxing) }}</template>
+        </vxe-column>
+        <vxe-column field="deviceYouzhu" title="油  珠" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.deviceYouzhu) }}</template>
+        </vxe-column>
+        <vxe-column field="deviceTuoluo" title="脱  落" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.deviceTuoluo) }}</template>
+        </vxe-column>
+        <vxe-column field="deviceZhuangshang" title="撞  伤" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.deviceZhuangshang) }}</template>
+        </vxe-column>
+        <vxe-column field="deviceOther" title="其  他" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.deviceOther) }}</template>
+        </vxe-column>
+      </vxe-colgroup>
 
-			<vxe-colgroup title="毛坯" align="center">
-				<vxe-column field="blankMaoci" title="毛  刺" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.blankMaoci) }}</template>
-				</vxe-column>
-				<vxe-column field="blankSuoyin" title="缩  印" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.blankSuoyin) }}</template>
-				</vxe-column>
-				<vxe-column field="blankCanshuang" title="擦  伤" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.blankCanshuang) }}</template>
-				</vxe-column>
-				<vxe-column field="blankShaying" title="砂  印" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.blankShaying) }}</template>
-				</vxe-column>
-				<!-- <vxe-column field="blankZangdian" title="脏  点" min-width="60px">
+      <vxe-colgroup title="毛坯" align="center">
+        <vxe-column field="blankMaoci" title="毛  刺" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.blankMaoci) }}</template>
+        </vxe-column>
+        <vxe-column field="blankSuoyin" title="缩  印" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.blankSuoyin) }}</template>
+        </vxe-column>
+        <vxe-column field="blankCanshuang" title="擦  伤" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.blankCanshuang) }}</template>
+        </vxe-column>
+        <vxe-column field="blankShaying" title="砂  印" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.blankShaying) }}</template>
+        </vxe-column>
+        <!-- <vxe-column field="blankZangdian" title="脏  点" min-width="60px">
 					<template #default="{ row }"> {{ offsetValue(row.blankZangdian) }}</template>
 				</vxe-column>
 				<vxe-column field="blankDamo" title="打  磨" min-width="60px">
 					<template #default="{ row }"> {{ offsetValue(row.blankDamo) }}</template>
 				</vxe-column> 20240920修改 -->
-				<vxe-column field="blankZangdian" title="流  痕" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.blankZangdian) }}</template>
-				</vxe-column>
-				<vxe-column field="blankDamo" title="开  裂" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.blankDamo) }}</template>
-				</vxe-column>
-			</vxe-colgroup>
+        <vxe-column field="blankZangdian" title="流  痕" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.blankZangdian) }}</template>
+        </vxe-column>
+        <vxe-column field="blankDamo" title="开  裂" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.blankDamo) }}</template>
+        </vxe-column>
+      </vxe-colgroup>
 
-			<vxe-colgroup title="程序" align="center">
-				<vxe-column field="programLiuguang" title="流  挂" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.programLiuguang) }}</template>
-				</vxe-column>
-				<vxe-column field="programSeqiqueqi" title="色  漆  缺  漆" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.programSeqiqueqi) }}</template>
-				</vxe-column>
-				<vxe-column field="programQingqiqueqi" title="清  漆  缺  漆" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.programQingqiqueqi) }}</template>
-				</vxe-column>
-				<vxe-column field="programJupi" title="桔  皮" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.programJupi) }}</template>
-				</vxe-column>
-				<vxe-column field="programOther" title="其  他" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.programOther) }}</template>
-				</vxe-column>
-			</vxe-colgroup>
+      <vxe-colgroup title="程序" align="center">
+        <vxe-column field="programLiuguang" title="流  挂" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.programLiuguang) }}</template>
+        </vxe-column>
+        <vxe-column field="programSeqiqueqi" title="色  漆  缺  漆" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.programSeqiqueqi) }}</template>
+        </vxe-column>
+        <vxe-column field="programQingqiqueqi" title="清  漆  缺  漆" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.programQingqiqueqi) }}</template>
+        </vxe-column>
+        <vxe-column field="programJupi" title="桔  皮" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.programJupi) }}</template>
+        </vxe-column>
+        <vxe-column field="programOther" title="其  他" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.programOther) }}</template>
+        </vxe-column>
+      </vxe-colgroup>
 
-			<vxe-colgroup title="班组操作" align="center">
-				<vxe-column field="teamTuoluocanshuang" title="下  件  擦  伤" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.teamTuoluocanshuang) }}</template>
-				</vxe-column>
-				<vxe-column field="teamQingqiqikuai" title="清  漆  漆  块" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.teamQingqiqikuai) }}</template>
-				</vxe-column>
-				<vxe-column field="teamSeqiqikuai" title="色  漆  漆  块" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.teamSeqiqikuai) }}</template>
-				</vxe-column>
-				<vxe-column field="teamFahua" title="发  花" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.teamFahua) }}</template>
-				</vxe-column>
-				<vxe-column field="teamLiangbang" title="亮  斑" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.teamLiangbang) }}</template>
-				</vxe-column>
-				<vxe-column field="teamPenglou" title="喷  漏" min-width="60px">
-					<template #default="{ row }"> {{ offsetValue(row.teamPenglou) }}</template>
-				</vxe-column>
-			</vxe-colgroup>
-		</vxe-table>
-	</div>
+      <vxe-colgroup title="班组操作" align="center">
+        <vxe-column field="teamTuoluocanshuang" title="下  件  擦  伤" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.teamTuoluocanshuang) }}</template>
+        </vxe-column>
+        <vxe-column field="teamQingqiqikuai" title="清  漆  漆  块" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.teamQingqiqikuai) }}</template>
+        </vxe-column>
+        <vxe-column field="teamSeqiqikuai" title="色  漆  漆  块" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.teamSeqiqikuai) }}</template>
+        </vxe-column>
+        <vxe-column field="teamFahua" title="发  花" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.teamFahua) }}</template>
+        </vxe-column>
+        <vxe-column field="teamLiangbang" title="停  机" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.teamLiangbang) }}</template>
+        </vxe-column>
+        <vxe-column field="teamPenglou" title="喷  漏" min-width="60px">
+          <template #default="{ row }"> {{ offsetValue(row.teamPenglou) }}</template>
+        </vxe-column>
+      </vxe-colgroup>
+    </vxe-table>
+  </div>
 </template>
 
 <script>
 import {
-	GetQualityStatisticsTable_first,
-	GetQualityStatisticsTable_again,
-	GetQualityStatisticsTable_final,
-	GetQualityStatisticsTable_total,
-	deleteStatisticsTable,
-	getParkingSensorTotal,
-	downloadStatisticsTableExcel,
+  GetQualityStatisticsTable_first,
+  GetQualityStatisticsTable_again,
+  GetQualityStatisticsTable_final,
+  GetQualityStatisticsTable_total,
+  deleteStatisticsTable,
+  getParkingSensorTotal,
+  downloadStatisticsTableExcel,
 } from '@/api/qualityManagement/qualityStatistics_V2'
 export default {
-	name: 'QualityStatistics',
-	data() {
-		return {
-			inputWidth: '180px',
-			pickerOptions: {
-				shortcuts: [
-					{
-						text: '今天',
-						onClick(picker) {
-							picker.$emit('pick', new Date())
-						},
-					},
-					{
-						text: '昨天',
-						onClick(picker) {
-							const date = new Date()
-							date.setTime(date.getTime() - 3600 * 1000 * 24)
-							picker.$emit('pick', date)
-						},
-					},
-					{
-						text: '一周前',
-						onClick(picker) {
-							const date = new Date()
-							date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
-							picker.$emit('pick', date)
-						},
-					},
-				],
-			},
-			search: {
-				starttime: null,
-				endtime: null,
-				team: null,
-				workorderid: null,
-				partnumber: null,
-				sortType: 0,
-				reportType: 0,
-				product_description: '',
-			},
-			reportType_options: [
-				{ label: '首检报表', value: 0 },
-				{ label: '抛光报表', value: 1 },
-				{ label: '包装报表', value: 2 },
-				{ label: '总报表', value: 3 },
-			],
-			pagination: {
-				total: 0,
-				pageNum: 1,
-				pageSize: 30,
-			},
-			realTotal: 0,
-			loading: false,
-			QualityStatisticsTable: [],
-			mergeCells: [
-				// { row: 0, col: 0, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 1, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 2, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 3, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 4, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 5, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 6, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 7, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 8, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 9, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 10, rowspan: 3, colspan: 0 },
-				// { row: 0, col: 11, rowspan: 3, colspan: 0 },
-			],
-			hiddenCells: [],
-			// 列表对照表
-			tableCellDict: [],
-			// 右键菜单
-			tableMenu: {
-				header: {
-					options: [
-						[
-							{ code: 'hideColumn', name: '隐藏列', disabled: false },
-							{ code: 'showAllColumn', name: '取消所有隐藏列', disabled: false },
-						],
-					],
-				},
-				body: {
-					options: [
-						[
-							// { code: 'copy', name: '复制', prefixIcon: 'vxe-icon-copy', disabled: false },
-							// { code: 'reload', name: '刷新', disabled: false },
-							// { code: 'insertAt', name: '插入', disabled: false },
-							{ code: 'remove', name: '删除', disabled: false },
-							// { code: 'save', name: '保存', prefixIcon: 'vxe-icon-save', disabled: false },
-							{ code: 'update', name: '修改', disabled: false },
-						],
-					],
-				},
-				visibleMethod: this.visibleMethod,
-			},
-			// 统计数据
-			allDataList: [],
-			// 倒车雷达
-			parkingSensor: 0,
-			// 自适应
-			screenWidth: '1920px',
-			screenHeight: '1080px',
-			resizeObserver: null,
-			resizeTimeout: null,
-		}
-	},
-	watch: {
-		'search.starttime'(newValue, oldValue) {
-			if (newValue != null && newValue != oldValue) {
-				try {
-					window.sessionStorage.setItem('QualityStatisticsStartTime', JSON.stringify(newValue))
-				} catch (err) {}
-			}
-		},
-		'search.endtime'(newValue, oldValue) {
-			if (newValue != null && newValue != oldValue) {
-				try {
-					window.sessionStorage.setItem('QualityStatisticsEndTime', JSON.stringify(newValue))
-				} catch (err) {}
-			}
-		},
-	},
-	computed: {
-		// 投入数
-		totalQuantity() {
-			return Math.trunc(
-				this.allDataList.reduce((acc, data) => {
-					if (!data.productDescription.includes('倒车雷达')) {
-						return acc + data.requireNumber
-					} else {
-						return acc
-					}
-				}, 0) / 3,
-			)
-		},
-		// 合格数
-		totalQualifiedNumber() {
-			return Math.trunc(
-				this.allDataList.reduce((acc, data) => {
-					if (!data.productDescription.includes('倒车雷达')) {
-						return acc + data.qualifiedNumber
-					} else {
-						return acc
-					}
-				}, 0) / 3,
-			)
-		},
-		// 抛光数
-		totalPaoguangTotal() {
-			return Math.trunc(
-				this.allDataList.reduce((acc, data) => {
-					let str = data.productDescription
-					if (!str.includes('倒车雷达')) {
-						return acc + data.paoguangTotal
-					} else {
-						return acc
-					}
-				}, 0) / 3,
-			)
-		},
-		// 打磨数
-		totalDamoTotal() {
-			return Math.trunc(
-				this.allDataList.reduce((acc, data) => {
-					let str = data.productDescription
-					if (!str.includes('倒车雷达')) {
-						return acc + data.damoTotal
-					} else {
-						return acc
-					}
-				}, 0) / 3,
-			)
-		},
-		// 报废数
-		totalBaofeiTotal() {
-			return Math.trunc(
-				this.allDataList.reduce((acc, data) => {
-					let str = data.productDescription
-					if (!str.includes('倒车雷达')) {
-						return acc + data.baofeiTotal
-					} else {
-						return acc
-					}
-				}, 0) / 3,
-			)
-		},
-		// 总合格率
-		passRate() {
-			let _totalQuantity = this.totalQuantity * 1.0
-			if (this.totalQuantity > 0) {
-				return ((this.totalQualifiedNumber / _totalQuantity) * 100).toFixed(1) + '%'
-			} else {
-				return '0%'
-			}
-		},
-	},
-	mounted() {
-		this.getList()
-		// this.initReload()
-		// this.reloadWindows()
-	},
-	onUnmounted() {
-		// 清除监听
-		// this.resizeObserver.disconnect()
-		// clearTimeout(this.resizeTimeout)
-	},
-	created() {
-		this.init()
-	},
-	methods: {
-		init() {
-			// 缓存历史记录
-			const QualityStatisticsStartTime = JSON.parse(window.sessionStorage.getItem('QualityStatisticsStartTime'))
-			const QualityStatisticsEndTime = JSON.parse(window.sessionStorage.getItem('QualityStatisticsEndTime'))
-			if (this.search.starttime == null) {
-				if (QualityStatisticsStartTime) {
-					this.search.starttime = QualityStatisticsStartTime
-				} else {
-					this.search.starttime = this.$dayjs().startOf('day').toDate()
-				}
-			}
-			if (this.search.endtime == null) {
-				if (QualityStatisticsEndTime) {
-					this.search.endtime = QualityStatisticsEndTime
-				} else {
-					this.search.endtime = this.$dayjs().endOf('day').toDate()
-				}
-			}
-		},
-		//todo  设置表合并行
-		mergeTable(num) {
-			this.mergeCells = []
-			for (let i = 0; i < this.QualityStatisticsTable.length; i = i + num) {
-				let count = 13 - this.hiddenCells.length
-				for (let j = 0; j < count; j++) {
-					this.mergeCells.push({ row: i, col: j, rowspan: num, colspan: 0 })
-				}
-				// if(this.hiddenCells.includes('工单号')){
+  name: 'QualityStatistics',
+  data() {
+    return {
+      inputWidth: '180px',
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: '今天',
+            onClick(picker) {
+              picker.$emit('pick', new Date())
+            },
+          },
+          {
+            text: '昨天',
+            onClick(picker) {
+              const date = new Date()
+              date.setTime(date.getTime() - 3600 * 1000 * 24)
+              picker.$emit('pick', date)
+            },
+          },
+          {
+            text: '一周前',
+            onClick(picker) {
+              const date = new Date()
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
+              picker.$emit('pick', date)
+            },
+          },
+        ],
+      },
+      search: {
+        starttime: null,
+        endtime: null,
+        team: null,
+        workorderid: null,
+        partnumber: null,
+        sortType: 0,
+        reportType: 0,
+        product_description: '',
+      },
+      reportType_options: [
+        { label: '首检报表', value: 0 },
+        { label: '抛光报表', value: 1 },
+        { label: '包装报表', value: 2 },
+        { label: '总报表', value: 3 },
+      ],
+      pagination: {
+        total: 0,
+        pageNum: 1,
+        pageSize: 30,
+      },
+      realTotal: 0,
+      loading: false,
+      QualityStatisticsTable: [],
+      mergeCells: [
+        // { row: 0, col: 0, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 1, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 2, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 3, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 4, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 5, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 6, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 7, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 8, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 9, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 10, rowspan: 3, colspan: 0 },
+        // { row: 0, col: 11, rowspan: 3, colspan: 0 },
+      ],
+      hiddenCells: [],
+      // 列表对照表
+      tableCellDict: [],
+      // 右键菜单
+      tableMenu: {
+        header: {
+          options: [
+            [
+              { code: 'hideColumn', name: '隐藏列', disabled: false },
+              { code: 'showAllColumn', name: '取消所有隐藏列', disabled: false },
+            ],
+          ],
+        },
+        body: {
+          options: [
+            [
+              // { code: 'copy', name: '复制', prefixIcon: 'vxe-icon-copy', disabled: false },
+              // { code: 'reload', name: '刷新', disabled: false },
+              // { code: 'insertAt', name: '插入', disabled: false },
+              { code: 'remove', name: '删除', disabled: false },
+              // { code: 'save', name: '保存', prefixIcon: 'vxe-icon-save', disabled: false },
+              { code: 'update', name: '修改', disabled: false },
+            ],
+          ],
+        },
+        visibleMethod: this.visibleMethod,
+      },
+      // 统计数据
+      allDataList: [],
+      // 倒车雷达
+      parkingSensor: 0,
+      // 自适应
+      screenWidth: '1920px',
+      screenHeight: '1080px',
+      resizeObserver: null,
+      resizeTimeout: null,
+    }
+  },
+  watch: {
+    'search.starttime'(newValue, oldValue) {
+      if (newValue != null && newValue != oldValue) {
+        try {
+          window.sessionStorage.setItem('QualityStatisticsStartTime', JSON.stringify(newValue))
+        } catch (err) {}
+      }
+    },
+    'search.endtime'(newValue, oldValue) {
+      if (newValue != null && newValue != oldValue) {
+        try {
+          window.sessionStorage.setItem('QualityStatisticsEndTime', JSON.stringify(newValue))
+        } catch (err) {}
+      }
+    },
+  },
+  computed: {
+    // 投入数
+    totalQuantity() {
+      return Math.trunc(
+        this.allDataList.reduce((acc, data) => {
+          if (!data.productDescription.includes('倒车雷达')) {
+            return acc + data.requireNumber
+          } else {
+            return acc
+          }
+        }, 0) / 3,
+      )
+    },
+    // 合格数
+    totalQualifiedNumber() {
+      return Math.trunc(
+        this.allDataList.reduce((acc, data) => {
+          if (!data.productDescription.includes('倒车雷达')) {
+            return acc + data.qualifiedNumber
+          } else {
+            return acc
+          }
+        }, 0) / 3,
+      )
+    },
+    // 抛光数
+    totalPaoguangTotal() {
+      return Math.trunc(
+        this.allDataList.reduce((acc, data) => {
+          let str = data.productDescription
+          if (!str.includes('倒车雷达')) {
+            return acc + data.paoguangTotal
+          } else {
+            return acc
+          }
+        }, 0) / 3,
+      )
+    },
+    // 打磨数
+    totalDamoTotal() {
+      return Math.trunc(
+        this.allDataList.reduce((acc, data) => {
+          let str = data.productDescription
+          if (!str.includes('倒车雷达')) {
+            return acc + data.damoTotal
+          } else {
+            return acc
+          }
+        }, 0) / 3,
+      )
+    },
+    // 报废数
+    totalBaofeiTotal() {
+      return Math.trunc(
+        this.allDataList.reduce((acc, data) => {
+          let str = data.productDescription
+          if (!str.includes('倒车雷达')) {
+            return acc + data.baofeiTotal
+          } else {
+            return acc
+          }
+        }, 0) / 3,
+      )
+    },
+    // 总合格率
+    passRate() {
+      let _totalQuantity = this.totalQuantity * 1.0
+      if (this.totalQuantity > 0) {
+        return ((this.totalQualifiedNumber / _totalQuantity) * 100).toFixed(1) + '%'
+      } else {
+        return '0%'
+      }
+    },
+  },
+  mounted() {
+    this.getList()
+    // this.initReload()
+    // this.reloadWindows()
+  },
+  onUnmounted() {
+    // 清除监听
+    // this.resizeObserver.disconnect()
+    // clearTimeout(this.resizeTimeout)
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    init() {
+      // 缓存历史记录
+      const QualityStatisticsStartTime = JSON.parse(window.sessionStorage.getItem('QualityStatisticsStartTime'))
+      const QualityStatisticsEndTime = JSON.parse(window.sessionStorage.getItem('QualityStatisticsEndTime'))
+      if (this.search.starttime == null) {
+        if (QualityStatisticsStartTime) {
+          this.search.starttime = QualityStatisticsStartTime
+        } else {
+          this.search.starttime = this.$dayjs().startOf('day').toDate()
+        }
+      }
+      if (this.search.endtime == null) {
+        if (QualityStatisticsEndTime) {
+          this.search.endtime = QualityStatisticsEndTime
+        } else {
+          this.search.endtime = this.$dayjs().endOf('day').toDate()
+        }
+      }
+    },
+    //todo  设置表合并行
+    mergeTable(num) {
+      this.mergeCells = []
+      for (let i = 0; i < this.QualityStatisticsTable.length; i = i + num) {
+        let count = 13 - this.hiddenCells.length
+        for (let j = 0; j < count; j++) {
+          this.mergeCells.push({ row: i, col: j, rowspan: num, colspan: 0 })
+        }
+        // if(this.hiddenCells.includes('工单号')){
 
-				// }
-				// this.mergeCells.push({ row: i, col: 10, rowspan: num, colspan: 0 })
-				// this.mergeCells.push({ row: i, col: 11, rowspan: num, colspan: 0 })
-				// this.mergeCells.push({ row: i, col: 12, rowspan: num, colspan: 0 })
-			}
-		},
+        // }
+        // this.mergeCells.push({ row: i, col: 10, rowspan: num, colspan: 0 })
+        // this.mergeCells.push({ row: i, col: 11, rowspan: num, colspan: 0 })
+        // this.mergeCells.push({ row: i, col: 12, rowspan: num, colspan: 0 })
+      }
+    },
 
-		//todo 获取统计数据
-		getList() {
-			this.loading = true
-			setTimeout(() => {
-				this.loading = false
-			}, 30000)
-			let query = { ...this.search, ...this.pagination }
-			let params = JSON.parse(JSON.stringify(query))
-			params.pageNum = 1
-			params.pageSize = 100000
-			delete query['reportType']
-			delete query['total']
-			switch (this.search.reportType) {
-				case 0:
-					GetQualityStatisticsTable_first(query).then((res) => {
-						if (res.code == 200) {
-							this.QualityStatisticsTable = res.data.item1
-							this.pagination.total = res.data.item2
-							this.realTotal = parseInt(res.data.item2 / 3)
-							this.mergeTable(3)
-							this.loading = false
-						}
-					})
-					GetQualityStatisticsTable_first(params).then((res) => {
-						if (res.code == 200) {
-							this.allDataList = res.data.item1
-						}
-					})
-					break
-				case 1:
-					GetQualityStatisticsTable_again(query).then((res) => {
-						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.loading = false
-						}
-					})
-					GetQualityStatisticsTable_again(params).then((res) => {
-						if (res.code == 200) {
-							this.allDataList = res.data.item1
-						}
-					})
-					break
-				case 2:
-					GetQualityStatisticsTable_final(query).then((res) => {
-						if (res.code == 200) {
-							this.QualityStatisticsTable = res.data.item1
-							this.pagination.total = res.data.item2
-							this.realTotal = parseInt(res.data.item2 / 3)
-							this.mergeTable(3)
-							this.loading = false
-						}
-					})
-					GetQualityStatisticsTable_final(params).then((res) => {
-						if (res.code == 200) {
-							this.allDataList = res.data.item1
-						}
-					})
-					break
-				case 3:
-					GetQualityStatisticsTable_total(query).then((res) => {
-						if (res.code == 200) {
-							this.QualityStatisticsTable = res.data.item1
-							this.pagination.total = res.data.item2
-							this.realTotal = parseInt(res.data.item2 / 3)
-							this.mergeTable(3)
-							this.loading = false
-						}
-					})
-					GetQualityStatisticsTable_total(params).then((res) => {
-						if (res.code == 200) {
-							this.allDataList = res.data.item1
-						}
-					})
-					break
-			}
-			getParkingSensorTotal(params).then((res) => {
-				if (res.code == 200) {
-					this.parkingSensor = res.data
-				}
-			})
-		},
+    //todo 获取统计数据
+    getList() {
+      this.loading = true
+      setTimeout(() => {
+        this.loading = false
+      }, 30000)
+      let query = { ...this.search, ...this.pagination }
+      let params = JSON.parse(JSON.stringify(query))
+      params.pageNum = 1
+      params.pageSize = 100000
+      delete query['reportType']
+      delete query['total']
+      switch (this.search.reportType) {
+        case 0:
+          GetQualityStatisticsTable_first(query).then((res) => {
+            if (res.code == 200) {
+              this.QualityStatisticsTable = res.data.item1
+              this.pagination.total = res.data.item2
+              this.realTotal = parseInt(res.data.item2 / 3)
+              this.mergeTable(3)
+              this.loading = false
+            }
+          })
+          GetQualityStatisticsTable_first(params).then((res) => {
+            if (res.code == 200) {
+              this.allDataList = res.data.item1
+            }
+          })
+          break
+        case 1:
+          GetQualityStatisticsTable_again(query).then((res) => {
+            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.loading = false
+            }
+          })
+          GetQualityStatisticsTable_again(params).then((res) => {
+            if (res.code == 200) {
+              this.allDataList = res.data.item1
+            }
+          })
+          break
+        case 2:
+          GetQualityStatisticsTable_final(query).then((res) => {
+            if (res.code == 200) {
+              this.QualityStatisticsTable = res.data.item1
+              this.pagination.total = res.data.item2
+              this.realTotal = parseInt(res.data.item2 / 3)
+              this.mergeTable(3)
+              this.loading = false
+            }
+          })
+          GetQualityStatisticsTable_final(params).then((res) => {
+            if (res.code == 200) {
+              this.allDataList = res.data.item1
+            }
+          })
+          break
+        case 3:
+          GetQualityStatisticsTable_total(query).then((res) => {
+            if (res.code == 200) {
+              this.QualityStatisticsTable = res.data.item1
+              this.pagination.total = res.data.item2
+              this.realTotal = parseInt(res.data.item2 / 3)
+              this.mergeTable(3)
+              this.loading = false
+            }
+          })
+          GetQualityStatisticsTable_total(params).then((res) => {
+            if (res.code == 200) {
+              this.allDataList = res.data.item1
+            }
+          })
+          break
+      }
+      getParkingSensorTotal(params).then((res) => {
+        if (res.code == 200) {
+          this.parkingSensor = res.data
+        }
+      })
+    },
 
-		//todo 设置表头颜色
-		headerCellStyle() {
-			return {
-				backgroundColor: '#2D3D51',
-				color: '#ffffff',
-				border: '1px solid #161823',
-				fontSize: '18px',
-			}
-		},
+    //todo 设置表头颜色
+    headerCellStyle() {
+      return {
+        backgroundColor: '#2D3D51',
+        color: '#ffffff',
+        border: '1px solid #161823',
+        fontSize: '18px',
+      }
+    },
 
-		cellStyle() {
-			return {
-				border: '1px solid #161823',
-				fontSize: '16px',
-				fontWeight: '700',
-			}
-		},
+    cellStyle() {
+      return {
+        border: '1px solid #161823',
+        fontSize: '16px',
+        fontWeight: '700',
+      }
+    },
 
-		//todo 导出excel
-		exportDataEvent() {
-			this.$refs.xTable.openExport()
-		},
-		// 导出全部数据
-		exportAllDataEvent(isShowDetail = false) {
-			let data = { ...this.search, ...this.pagination }
-			data.type = this.search.reportType + 1
-			data.isShowDetail = isShowDetail
-			let fileName = this.reportType_options[this.search.reportType].label + (isShowDetail ? '-缺陷详情' : '-日生产报表') + '.xlsx'
-			downloadStatisticsTableExcel(data).then((res) => {
-				let blobURL = URL.createObjectURL(res.data)
-				//创建标签
-				let link = document.createElement('a')
-				//设置href
-				link.href = blobURL
-				//设置a标签的行为是download,不然就跳转了,同时设置名字是"test.ppt"
-				link.download = fileName
-				//隐藏a标签，他只是下载，没必要出现
-				link.style.display = 'none'
-				//模拟点击
-				link.click()
-				//最后，把这个URL进行销毁,免得他占内存
-				URL.revokeObjectURL()
-			})
-			// this.download('/mes/qc/statistics/downloadStatisticsTableExcel');
-		},
-		// 合格率去除小数
-		offsetRate(num) {
-			if (num === null) {
-				return ''
-			}
-			return parseInt(num)
-		},
-		// 数据去除0
-		offsetValue(num) {
-			if (num === 0 || num === '0') {
-				return ''
-			}
-			return num
-		},
-		// 右键菜单
-		contextMenuClickEvent({ menu, row, column }) {
-			const $table = this.$refs.xTable
-			switch (menu.code) {
-				case 'hideColumn':
-					this.hideColumn(column)
-					break
-				case 'showAllColumn':
-					this.resetColumn()
-					break
-				case 'remove':
-					this.removeData(row)
-				// $table.remove(row)
-				case 'update':
-					this.updateData(row)
-					break
-			}
-		},
-		// 隐藏列
-		hideColumn(column) {
-			const $table = this.$refs.xTable
-			$table.hideColumn(column)
-			this.hiddenCells.push(column.title)
-			this.resetMergeTable()
-		},
-		// 取消所有隐藏列
-		resetColumn() {
-			const $table = this.$refs.xTable
-			this.hiddenCells = []
-			$table.resetColumn()
-			this.resetMergeTable()
-		},
-		resetMergeTable() {
-			if (this.search.reportType === 3) {
-				this.mergeTable(2)
-			} else {
-				this.mergeTable(3)
-			}
-		},
-		// 删除数据
-		removeData(row) {
-			this.$confirm('此操作将永久删除该条记录, 是否继续?', '提示', {
-				confirmButtonText: '确定',
-				cancelButtonText: '取消',
-				type: 'warning',
-			}).then(() => {
-				const deleteData = {
-					workorderid: row.workorderId,
-				}
-				deleteStatisticsTable(deleteData).then((res) => {
-					if (res.code === 200) {
-						this.$message({
-							type: 'success',
-							message: '删除成功!',
-						})
-						this.getList()
-					} else {
-						this.$message({
-							type: 'error',
-							message: '删除失败!请检查!',
-						})
-					}
-				})
-			})
-		},
-		//修改数据
-		updateDate(row) {},
+    //todo 导出excel
+    exportDataEvent() {
+      this.$refs.xTable.openExport()
+    },
+    // 导出全部数据
+    exportAllDataEvent(isShowDetail = false) {
+      let data = { ...this.search, ...this.pagination }
+      data.type = this.search.reportType + 1
+      data.isShowDetail = isShowDetail
+      let fileName = this.reportType_options[this.search.reportType].label + (isShowDetail ? '-缺陷详情' : '-日生产报表') + '.xlsx'
+      downloadStatisticsTableExcel(data).then((res) => {
+        let blobURL = URL.createObjectURL(res.data)
+        //创建标签
+        let link = document.createElement('a')
+        //设置href
+        link.href = blobURL
+        //设置a标签的行为是download,不然就跳转了,同时设置名字是"test.ppt"
+        link.download = fileName
+        //隐藏a标签，他只是下载，没必要出现
+        link.style.display = 'none'
+        //模拟点击
+        link.click()
+        //最后，把这个URL进行销毁,免得他占内存
+        URL.revokeObjectURL()
+      })
+      // this.download('/mes/qc/statistics/downloadStatisticsTableExcel');
+    },
+    // 合格率去除小数
+    offsetRate(num) {
+      if (num === null) {
+        return ''
+      }
+      return parseInt(num)
+    },
+    // 数据去除0
+    offsetValue(num) {
+      if (num === 0 || num === '0') {
+        return ''
+      }
+      return num
+    },
+    // 右键菜单
+    contextMenuClickEvent({ menu, row, column }) {
+      const $table = this.$refs.xTable
+      switch (menu.code) {
+        case 'hideColumn':
+          this.hideColumn(column)
+          break
+        case 'showAllColumn':
+          this.resetColumn()
+          break
+        case 'remove':
+          this.removeData(row)
+        // $table.remove(row)
+        case 'update':
+          this.updateData(row)
+          break
+      }
+    },
+    // 隐藏列
+    hideColumn(column) {
+      const $table = this.$refs.xTable
+      $table.hideColumn(column)
+      this.hiddenCells.push(column.title)
+      this.resetMergeTable()
+    },
+    // 取消所有隐藏列
+    resetColumn() {
+      const $table = this.$refs.xTable
+      this.hiddenCells = []
+      $table.resetColumn()
+      this.resetMergeTable()
+    },
+    resetMergeTable() {
+      if (this.search.reportType === 3) {
+        this.mergeTable(2)
+      } else {
+        this.mergeTable(3)
+      }
+    },
+    // 删除数据
+    removeData(row) {
+      this.$confirm('此操作将永久删除该条记录, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        const deleteData = {
+          workorderid: row.workorderId,
+        }
+        deleteStatisticsTable(deleteData).then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              type: 'success',
+              message: '删除成功!',
+            })
+            this.getList()
+          } else {
+            this.$message({
+              type: 'error',
+              message: '删除失败!请检查!',
+            })
+          }
+        })
+      })
+    },
+    //修改数据
+    updateDate(row) {},
 
-		initReload() {
-			this.resizeObserver = new ResizeObserver((entries) => {
-				if (entries.length > 0) {
-					const { width, height } = entries[0].contentRect
-					// 更新屏幕尺寸
-					this.screenWidth = width
-					this.screenHeight = height
-					// 调用debounce函数
-					this.updateStyleDebounced()
-				}
-			})
-		},
-		reloadWindows() {
-			this.$nextTick(() => {
-				// 监控屏幕尺寸变化
-				this.resizeObserver.observe(document.documentElement)
-				// 初始化屏幕尺寸
-				this.screenWidth = document.documentElement.clientWidth
-				this.screenHeight = document.documentElement.clientHeight
-			})
-		},
-		debounce(func, wait) {
-			return function () {
-				clearTimeout(this.resizeTimeout)
-				this.resizeTimeout = setTimeout(func, wait)
-			}
-		},
-		updateStyle() {
-			const docWidth = document.documentElement.clientWidth
-			const docHeight = document.documentElement.clientHeight
-			const designWidth = 1920 // 设计稿宽度
-			const designHeight = 1080 // 设计稿高度
-			const widthRatio = docWidth / designWidth
-			const heightRatio = docHeight / designHeight
-			document.body.style.transform = `scale(${widthRatio},${heightRatio})`
-			document.body.style.transformOrigin = 'left top'
-			document.body.style.overflow = 'hidden'
-			// 处理浏览器全屏切换前后窗口因短暂滚动条问题出现未占满情况
-			setTimeout(function () {
-				const lateWidth = document.documentElement.clientWidth
-				const lateHeight = document.documentElement.clientHeight
-				if (lateWidth !== docWidth) {
-					const lateWidthRatio = lateWidth / designWidth
-					const lateHeightRatio = lateHeight / designHeight
-					document.body.style.transform = `scale(${lateWidthRatio},${lateHeightRatio})`
-				}
-			}, 10)
-		},
-		updateStyleDebounced() {
-			this.debounce(this.updateStyle(), 150)
-		},
-	},
+    initReload() {
+      this.resizeObserver = new ResizeObserver((entries) => {
+        if (entries.length > 0) {
+          const { width, height } = entries[0].contentRect
+          // 更新屏幕尺寸
+          this.screenWidth = width
+          this.screenHeight = height
+          // 调用debounce函数
+          this.updateStyleDebounced()
+        }
+      })
+    },
+    reloadWindows() {
+      this.$nextTick(() => {
+        // 监控屏幕尺寸变化
+        this.resizeObserver.observe(document.documentElement)
+        // 初始化屏幕尺寸
+        this.screenWidth = document.documentElement.clientWidth
+        this.screenHeight = document.documentElement.clientHeight
+      })
+    },
+    debounce(func, wait) {
+      return function () {
+        clearTimeout(this.resizeTimeout)
+        this.resizeTimeout = setTimeout(func, wait)
+      }
+    },
+    updateStyle() {
+      const docWidth = document.documentElement.clientWidth
+      const docHeight = document.documentElement.clientHeight
+      const designWidth = 1920 // 设计稿宽度
+      const designHeight = 1080 // 设计稿高度
+      const widthRatio = docWidth / designWidth
+      const heightRatio = docHeight / designHeight
+      document.body.style.transform = `scale(${widthRatio},${heightRatio})`
+      document.body.style.transformOrigin = 'left top'
+      document.body.style.overflow = 'hidden'
+      // 处理浏览器全屏切换前后窗口因短暂滚动条问题出现未占满情况
+      setTimeout(function () {
+        const lateWidth = document.documentElement.clientWidth
+        const lateHeight = document.documentElement.clientHeight
+        if (lateWidth !== docWidth) {
+          const lateWidthRatio = lateWidth / designWidth
+          const lateHeightRatio = lateHeight / designHeight
+          document.body.style.transform = `scale(${lateWidthRatio},${lateHeightRatio})`
+        }
+      }, 10)
+    },
+    updateStyleDebounced() {
+      this.debounce(this.updateStyle(), 150)
+    },
+  },
 }
 </script>
 
diff --git a/src/views/qualityManagement/FQC/thirtyFQC.vue b/src/views/qualityManagement/FQC/thirtyFQC.vue
index 4fe9a17..7668592 100644
--- a/src/views/qualityManagement/FQC/thirtyFQC.vue
+++ b/src/views/qualityManagement/FQC/thirtyFQC.vue
@@ -1,1107 +1,633 @@
 <template>
-	<div>
-		<div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统（包装检验）</div>
-		<!-- 网格布局 -->
-		<div class="grid">
-			<!-- 第一行 -->
-			<div class="grid_1">
-				<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">
-					<template>
-						<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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">抛光</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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<!-- <div class="context">脏点</div> 20240920修改 -->
-							<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"
-						>
-							<!-- <div class="context">打磨</div> 20240920修改 -->
-							<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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<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> 20240920修改 -->
-							<div class="context">开裂</div>
-							<div class="number">{{ blank[17].counter }}</div>
-						</div>
-					</template>
-				</div>
-			</div>
+  <div>
+    <div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统（包装检验）</div>
+    <!-- 网格布局 -->
+    <div class="grid">
+      <!-- 第一行 -->
+      <div class="grid_1">
+        <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">
+          <template>
+            <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">抛光</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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <!-- <div class="context">脏点</div> 20240920修改 -->
+              <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">
+              <!-- <div class="context">打磨</div> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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> 20240920修改 -->
+              <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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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">抛光</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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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"
-						>
-							<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>
+      <!-- 第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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">抛光</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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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">
+              <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>{{ 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>
+                <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 :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]"
-									/>
-								</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>
+            <tr>
+              <td>打磨数</td>
+              <td>{{ calculate_polisheNumber }}</td>
+              <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]" />
+                </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,
+  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'
@@ -1109,935 +635,935 @@ 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)
-		},
-	},
+  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() {
-			// 计算缺陷数
+  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
-			})
+      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.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
-		},
+      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
-				}
-			})
+    //计算报废数  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
-		},
+      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
-				}
-			})
+    //计算 抛光数  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
+      this.CurrentWorkorder.defectNumber = allCount
 
-			return this.CurrentWorkorder.defectNumber
-		},
-	},
-	methods: {
-		//todo  获取当前工单检测项及其数量
+      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
+    //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.device = result.data.device
 
-						this.blank = result.data.blank
+            this.blank = result.data.blank
 
-						this.program = result.data.program
+            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 && res.data > 0) {
-								this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},毛坯库存已扣除！`)
-							} else {
-								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.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 && res.data > 0) {
+                this.$notify.success(`工单${saveWorkorderInfo.clientWorkorder},毛坯库存已扣除！`)
+              } else {
+                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.device = result.data.device
 
-						this.blank = result.data.blank
+            this.blank = result.data.blank
 
-						this.program = result.data.program
+            this.program = result.data.program
 
-						this.team = result.data.team
-						this.$loading().close()
-					}
-				})
-		},
+            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
+    //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)
-				}
-			})
-		},
+      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
+    //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(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(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(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(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
-			}
+          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
-		},
+      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) {
-								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();
-		// 	})
+    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()
-	},
+    // },
+    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;
+  font-weight: 700;
 }
 
 .board-box {
-	background-color: #032169;
+  background-color: #032169;
 }
 
 .border-title {
-	color: white !important;
+  color: white !important;
 }
 
 .board-text {
-	// font-weight: 600 !important;
+  // font-weight: 600 !important;
 }
 
 .color-red {
-	color: red;
+  color: red;
 }
 
 .color-green {
-	color: seagreen;
+  color: seagreen;
 }
 
 .my-content1 {
-	background: #f0f9eb;
+  background: #f0f9eb;
 }
 
 .my-content2 {
-	background: #f4f4f5;
+  background: #f4f4f5;
 }
 
 .my-content3 {
-	background: #d9ecff;
+  background: #d9ecff;
 }
 
 .dataStatistics {
-	.title {
-		font-size: 1.2rem;
-		font-weight: bold;
-		color: #303133;
-	}
+  .title {
+    font-size: 1.2rem;
+    font-weight: bold;
+    color: #303133;
+  }
 
-	table {
-		border-collapse: collapse;
-		width: 100%;
-	}
+  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,
+  td {
+    border: 1px solid #000;
+    padding: 8px;
+    text-align: left;
+    font-size: 1.2rem;
+    font-weight: bold;
+  }
 
-	th {
-		background-color: #409eff;
-		color: #fff;
-	}
+  th {
+    background-color: #409eff;
+    color: #fff;
+  }
 
-	::v-deep .el-button {
-		float: right;
-	}
+  ::v-deep .el-button {
+    float: right;
+  }
 }
 
 .title {
-	font-family: Arial, sans-serif;
-	font-size: 30px;
-	color: #303133;
-	line-height: 1.5;
-	text-align: center;
+  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;
+  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;
+  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;
+  //行标题块
+  .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_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;
-	}
+  // 块标题块
+  .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;
+  //油漆块样式
+  .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;
+    .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;
-			}
+      &: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;
+      text-align: center;
+      position: relative;
 
-			.context {
-				margin: 0.5em 1em;
-				font-size: 0.9rem;
-				font-weight: bold;
-			}
+      .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%;
-			}
-		}
-	}
+      .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;
+  //设备块样式
+  .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;
+    .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;
-			}
+      &: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;
+      text-align: center;
+      position: relative;
 
-			.context {
-				margin: 0.5em 1em;
-				font-size: 0.9rem;
-				font-weight: bold;
-			}
+      .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%;
-			}
-		}
-	}
+      .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;
+  .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;
+    .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;
-			}
+      &: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;
+      text-align: center;
+      position: relative;
 
-			.context {
-				margin: 0.5em 1em;
-				font-size: 0.9rem;
-				font-weight: bold;
-			}
+      .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%;
-			}
-		}
-	}
+      .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/gp12/touchScreen/workorder/components/DefectCard.vue b/src/views/qualityManagement/gp12/touchScreen/workorder/components/DefectCard.vue
index 9e764ac..533b093 100644
--- a/src/views/qualityManagement/gp12/touchScreen/workorder/components/DefectCard.vue
+++ b/src/views/qualityManagement/gp12/touchScreen/workorder/components/DefectCard.vue
@@ -1,258 +1,264 @@
 <template>
-    <el-row :gutter="10">
-        <el-col :span="8" v-for="(group, index) in groups" :key="index">
-            <el-card shadow="hover" class="box-card">
-                <div class="card-header">{{ group.groupName }}</div>
-                <div>
-                    <el-row :gutter="5" v-for="(row, rowIndex) in rowList" :key="rowIndex">
-                        <el-col :span="2">
-                            <div class="defect-item-left">{{ row }}</div>
-                        </el-col>
-                        <el-col v-if="item.type === row" :span="3" v-for="(item, index) in group.children" :key="index">
-                            <div class="defect-item-box" @mousedown="handleStart($event, item)"
-                                @mouseup="handleEnd($event, item)" @touchstart="handleStart($event, item)"
-                                @touchend="handleEnd($event, item)">
-                                <div class="defect-item-name">{{ item.name }}</div>
-                                <div class="defect-item-number">{{ getClickItemNum(item) }}</div>
-                            </div>
-                        </el-col>
-                    </el-row>
-                </div>
-            </el-card>
-        </el-col>
-        <el-col :span="8">
-            <slot name="workorder"></slot>
-        </el-col>
-        <DefectUpdateDialog ref="DefectUpdateDialogRef" @updateDefectNum="updateDefectNum" />
-    </el-row>
+  <el-row :gutter="10">
+    <el-col :span="8" v-for="(group, index) in groups" :key="index">
+      <el-card shadow="hover" class="box-card">
+        <div class="card-header">{{ group.groupName }}</div>
+        <div>
+          <el-row :gutter="5" v-for="(row, rowIndex) in rowList" :key="rowIndex">
+            <el-col :span="2">
+              <div class="defect-item-left">{{ row }}</div>
+            </el-col>
+            <el-col v-if="item.type === row" :span="3" v-for="(item, index) in group.children" :key="index">
+              <div
+                class="defect-item-box"
+                @mousedown="handleStart($event, item)"
+                @mouseup="handleEnd($event, item)"
+                @touchstart="handleStart($event, item)"
+                @touchend="handleEnd($event, item)"
+              >
+                <div class="defect-item-name">{{ item.name }}</div>
+                <div class="defect-item-number">{{ getClickItemNum(item) }}</div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </el-card>
+    </el-col>
+    <el-col :span="8">
+      <slot name="workorder"></slot>
+    </el-col>
+    <DefectUpdateDialog ref="DefectUpdateDialogRef" @updateDefectNum="updateDefectNum" />
+  </el-row>
 </template>
 
 <script>
-import DefectUpdateDialog from './DefectUpdateDialog.vue';
-import * as QcGp12Api from '@/api/qualityManagement/gp12/qcGp12Service';
+import DefectUpdateDialog from './DefectUpdateDialog.vue'
+import * as QcGp12Api from '@/api/qualityManagement/gp12/qcGp12Service'
 export default {
-    name: 'DefectCard',
-    components: { DefectUpdateDialog },
-    props: {
-        // 工单信息
-        formData: Object,
-    },
-    data() {
-        return {
-            groups: [
-                { groupName: '油漆', children: [] },
-                { groupName: '设备', children: [] },
-                { groupName: '毛坯', children: [] },
-                { groupName: '程序', children: [] },
-                { groupName: '班组操作', children: [] }
-            ],
-            rowList: ['抛光', '打磨', '报废'],
-            pressTimer: null,
-            isLongPress: false,
-            dialogData: {
-                title: '',
-                update: {
-                    show: false,
-                    updateName: '',
-                    updateCode: '',
-                    updateNum: 0
-                },
-            }
-        };
-    },
-    created() {
-        this.init();
-    },
-    methods: {
-        async init() {
-            let groups = await QcGp12Api.GetDefectInitOptions()
-            this.groups = groups.data
-        },
-        validateWorkOrder() {
-            if (!this.formData.workOrder) {
-                this.showErrorMessage(1, '未生成有效工单!请扫描箱标签');
-                return false;
-            }
-            return true;
-        },
-        showErrorMessage(code, message) {
-            this.$emit('showWarningMessage', code, message);
-        },
-        getClickItemNum(item) {
-            return item.num || 0;
-        },
-        handleStart(event, item) {
-            if (event.type.startsWith('touch')) event.preventDefault();
-            if (this.pressTimer) clearTimeout(this.pressTimer);
-            this.pressTimer = setTimeout(() => {
-                this.isLongPress = true;
-                this.showUpdateDialog(item);
-            }, 500);
-        },
-        handleEnd(event, item = null) {
-            if (!item) return;
-            if (this.pressTimer) clearTimeout(this.pressTimer);
-            this.handleShortClick(item);
-            this.isLongPress = false;
-        },
-        // 提取短按处理逻辑
-        handleShortClick(item) {
-            if (this.isLongPress) return;
-            if (!this.validateWorkOrder()) return;
-            const params = {
-                workOrder: this.formData.workOrder,
-                defectCode: item.code,
-                defectNum: item.num || 0,
-                type: "1",
-            };
-            this.updateDefectItem(params);
-        },
-        updateDefectItem(params) {
-            QcGp12Api.ChangeWorkOrderDefect(params).then(res => {
-                if (res.code === 200) {
-                    this.refresh();
-                } else {
-                    this.$message.error('缺陷项点击异常');
-                }
-            });
-        },
-        // 长按
-        showUpdateDialog(item) {
-            if (!this.validateWorkOrder()) return;
-            const data = {
-                updateName: `${item.type}-${item.name}`,
-                updateCode: item.code,
-                updateNum: this.getClickItemNum(item),
-                workOrder: this.formData.workOrder,
-                description: this.formData.description
-            }
-            this.$refs.DefectUpdateDialogRef.open(data);
-        },
-        updateDefectNum(params) {
-            if (!this.validateWorkOrder()) return;
-            this.updateDefectItem(params);
-            this.$refs.DefectUpdateDialogRef.close();
-            this.refresh();
-            this.isLongPress = false;
-        },
-        setDefectNum(defectCode, num) {
-            // 更新缺陷数量的方法
-            for (let group of this.groups) {
-                for (let child of group.children) {
-                    if (child.code === defectCode) {
-                        child.num = num;
-                        break;
-                    }
-                }
-            }
-        },
-        async refresh() {
-            this.$emit("refresh");
-        },
-        // 获取工单缺陷项(刷新)
-        getDefectListByWorkOrder() {
-            if (!this.formData.workOrder) {
-                return;
-            }
-            const params = {
-                workOrder: this.formData.workOrder,
-            };
-            QcGp12Api.GetWorkOrderDefectList(params).then(res => {
-                if (res.code === 200 && res.data.length > 0) {
-                    let _list = res.data;
-                    for (let item of _list) {
-                        this.setDefectNum(item.defectCode, item.defectNum);
-                    }
-                }
-            })
+  name: 'DefectCard',
+  components: { DefectUpdateDialog },
+  props: {
+    // 工单信息
+    formData: Object,
+  },
+  data() {
+    return {
+      groups: [
+        { groupName: '油漆', children: [] },
+        { groupName: '设备', children: [] },
+        { groupName: '毛坯', children: [] },
+        { groupName: '程序', children: [] },
+        { groupName: '班组操作', children: [] },
+      ],
+      rowList: ['抛光', '打磨', '报废'],
+      pressTimer: null,
+      isLongPress: false,
+      dialogData: {
+        title: '',
+        update: {
+          show: false,
+          updateName: '',
+          updateCode: '',
+          updateNum: 0,
         },
+      },
     }
-};
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    async init() {
+      try {
+        let groups = await QcGp12Api.GetDefectInitOptions()
+        this.groups = groups.data
+      } catch (e) {}
+    },
+    validateWorkOrder() {
+      if (!this.formData.workOrder) {
+        this.showErrorMessage(1, '未生成有效工单!请扫描箱标签')
+        return false
+      }
+      return true
+    },
+    showErrorMessage(code, message) {
+      this.$emit('showWarningMessage', code, message)
+    },
+    getClickItemNum(item) {
+      return item.num || 0
+    },
+    handleStart(event, item) {
+      if (event.type.startsWith('touch')) event.preventDefault()
+      if (this.pressTimer) clearTimeout(this.pressTimer)
+      this.pressTimer = setTimeout(() => {
+        this.isLongPress = true
+        this.showUpdateDialog(item)
+      }, 500)
+    },
+    handleEnd(event, item = null) {
+      if (!item) return
+      if (this.pressTimer) clearTimeout(this.pressTimer)
+      this.handleShortClick(item)
+      this.isLongPress = false
+    },
+    // 提取短按处理逻辑
+    handleShortClick(item) {
+      if (this.isLongPress) return
+      if (!this.validateWorkOrder()) return
+      const params = {
+        workOrder: this.formData.workOrder,
+        defectCode: item.code,
+        defectNum: item.num || 0,
+        type: '1',
+      }
+      this.updateDefectItem(params)
+    },
+    updateDefectItem(params) {
+      QcGp12Api.ChangeWorkOrderDefect(params).then((res) => {
+        if (res.code === 200) {
+          this.refresh()
+        } else {
+          this.$message.error('缺陷项点击异常')
+        }
+      })
+    },
+    // 长按
+    showUpdateDialog(item) {
+      if (!this.validateWorkOrder()) return
+      const data = {
+        updateName: `${item.type}-${item.name}`,
+        updateCode: item.code,
+        updateNum: this.getClickItemNum(item),
+        workOrder: this.formData.workOrder,
+        description: this.formData.description,
+      }
+      this.$refs.DefectUpdateDialogRef.open(data)
+    },
+    updateDefectNum(params) {
+      if (!this.validateWorkOrder()) return
+      this.updateDefectItem(params)
+      this.$refs.DefectUpdateDialogRef.close()
+      this.refresh()
+      this.isLongPress = false
+    },
+    setDefectNum(defectCode, num) {
+      // 更新缺陷数量的方法
+      for (let group of this.groups) {
+        for (let child of group.children) {
+          if (child.code === defectCode) {
+            child.num = num
+            break
+          }
+        }
+      }
+    },
+    refresh() {
+      this.$emit('refresh')
+    },
+    // 获取工单缺陷项(刷新)
+    getDefectListByWorkOrder() {
+      if (!this.formData.workOrder) {
+        return
+      }
+      const params = {
+        workOrder: this.formData.workOrder,
+      }
+      QcGp12Api.GetWorkOrderDefectList(params).then((res) => {
+        if (res.code === 200 && res.data.length > 0) {
+          let _list = res.data
+          for (let item of _list) {
+            this.setDefectNum(item.defectCode, item.defectNum)
+          }
+        }
+      })
+    },
+  },
+}
 </script>
 
 <style scoped>
 .box-card {
-    width: 100%;
-    background-color: #032169;
-    /* 深墨绿色背景 */
-    color: #ecf0f1;
-    /* 浅灰色文字颜色 */
-    border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    /* 设置阴影 */
-    margin-top: 2px;
-    margin-bottom: 2px;
-    /* 增加卡片底部间距 */
+  width: 100%;
+  background-color: #032169;
+  /* 深墨绿色背景 */
+  color: #ecf0f1;
+  /* 浅灰色文字颜色 */
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  /* 设置阴影 */
+  margin-top: 2px;
+  margin-bottom: 2px;
+  /* 增加卡片底部间距 */
 }
 
 .card-header {
-    color: #ecf0f1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    font-weight: 600;
+  color: #ecf0f1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 600;
 }
 
 .defect-item-left {
-    height: 100px;
-    font-size: 16px;
-    font-weight: 600;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    writing-mode: vertical-lr;
+  height: 100px;
+  font-size: 16px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  writing-mode: vertical-lr;
 }
 
 .defect-item-box {
-    min-width: 100%;
-    border-radius: 5%;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    background-color: #11a983;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    transition: background-color 0.3s ease, transform 0.3s ease;
-    /* 添加过渡效果 */
+  min-width: 100%;
+  border-radius: 5%;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  background-color: #11a983;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.3s ease, transform 0.3s ease;
+  /* 添加过渡效果 */
 }
 
 .defect-item-box:hover {
-    background-color: #008c62;
-    /* 悬停时的背景颜色 */
-    transform: scale(1.05);
-    /* 悬停时稍微放大 */
-    cursor: pointer;
-    /* 改变鼠标指针形状 */
+  background-color: #008c62;
+  /* 悬停时的背景颜色 */
+  transform: scale(1.05);
+  /* 悬停时稍微放大 */
+  cursor: pointer;
+  /* 改变鼠标指针形状 */
 }
 
 .defect-item-name {
-    width: 100%;
-    height: 60px;
-    font-size: 16px;
-    font-weight: 600;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    writing-mode: vertical-lr;
-    letter-spacing: 5px;
+  width: 100%;
+  height: 60px;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  writing-mode: vertical-lr;
+  letter-spacing: 5px;
 }
 
 .defect-item-number {
-    color: red;
-    width: 100%;
-    height: 40px;
-    font-size: 20px;
-    font-weight: 600;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  color: red;
+  width: 100%;
+  height: 40px;
+  font-size: 20px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .number-text {
-    font-size: 20px;
-    font-weight: 600;
+  font-size: 20px;
+  font-weight: 600;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/qualityManagement/gp12/touchScreen/workorder/components/WorkOrderCard.vue b/src/views/qualityManagement/gp12/touchScreen/workorder/components/WorkOrderCard.vue
index 7ebdd93..fc931a0 100644
--- a/src/views/qualityManagement/gp12/touchScreen/workorder/components/WorkOrderCard.vue
+++ b/src/views/qualityManagement/gp12/touchScreen/workorder/components/WorkOrderCard.vue
@@ -1,357 +1,355 @@
 <template>
-    <div>
-        <el-card class="workorder-card">
-            <div class="workorder-card-header">
-                <div>
-                    <span>工单编号:</span>
-                    <span>{{ formData.workOrder }}</span>
-                </div>
-                <div>
-                    <span :class="messageClass">{{ message }}</span>
-                </div>
-            </div>
-            <div class="workorder-card-button-box">
-                <div>
-                    <el-button type="primary" @click="doRefresh">刷新</el-button>
-                </div>
-                <div>
-                    <el-button v-if="formStatus === 1" type="success" @click="doBtnStartWorkOrder">开启工单</el-button>
-                    <el-button v-if="formStatus === 2" type="info" @click="doBtnGenerateLabel">修改合格数</el-button>
-                    <el-button v-if="formStatus === 2" type="warning" @click="doBtnEndWorkOrder">结束工单</el-button>
-                </div>
-            </div>
-            <div class="workorder-card-action-box">
-                <div>
-                    <span>站点: </span>
-                    <el-select :disabled="formStatus === 2" style="width: 140px;" v-model="site" placeholder="请选择站点"
-                        @change="selectChange">
-                        <el-option v-for="item in siteOptions" :key="item.code" :label="item.name"
-                            :value="item.code"></el-option>
-                    </el-select>
-                </div>
-                <div>
-                    <span>班组: </span>
-                    <el-select :disabled="formStatus === 2" style="width: 140px;" v-model="team" placeholder="请选择班组"
-                        @change="selectChange">
-                        <el-option v-for="item in teamOptions" :key="item.code" :label="item.name"
-                            :value="item.code"></el-option>
-                    </el-select>
-                </div>
-            </div>
-            <table v-if="formData.workOrder" class="workorder-card-table">
-                <tr>
-                    <td>零件号</td>
-                    <td>{{ formData.partNumber }}</td>
-                    <td>描述</td>
-                    <td>{{ formData.description }}</td>
-                </tr>
-                <tr>
-                    <td>规格</td>
-                    <td>{{ formData.specification }}</td>
-                    <td>颜色</td>
-                    <td>{{ formData.color }}</td>
-                </tr>
-                <tr>
-                    <td>来源</td>
-                    <td>{{ formData.isOnetime === 1 ? "一次合格" : "抛光件" }}</td>
-                    <td>类别</td>
-                    <td>{{ formData.isBack === 1 ? "返工件" : "正常件" }}</td>
-                </tr>
-                <tr>
-                    <td>投入数</td>
-                    <td>{{ formData.requireNumber }}</td>
-                    <td>合格数</td>
-                    <td>
-                        {{ formData.qualifiedNumber }}
-
-                    </td>
-                </tr>
-                <tr>
-                    <td>合格率</td>
-                    <td>{{ qualifiedRate }}</td>
-                    <td>抛光数</td>
-                    <td>{{ formData.polishNumber }}</td>
-                </tr>
-                <tr>
-                    <td>打磨数</td>
-                    <td>{{ formData.damoNumber }}</td>
-                    <td>报废数</td>
-                    <td>{{ formData.baofeiNumber }}</td>
-                </tr>
-                <tr>
-                    <td>开始时间</td>
-                    <td>{{ formData.startTime }}</td>
-                    <td>结束时间</td>
-                    <td>{{ formData.endTime }}</td>
-                </tr>
-            </table>
-        </el-card>
-        <StartWorkOrderDialog ref="StartWorkOrderDialogRef" @showWarningMessage="showErrorMessage"
-            @changeFormStatus="changeFormStatus" @formDataChange="formDataChange" @refresh="doRefresh" />
-        <EndWorkOrderDialog ref="EndWorkOrderDialogRef" @changeFormStatus="changeFormStatus"
-            @clearFormData="clearFormData" />
-        <GenerateLabelDialog ref="GenerateLabelDialogRef" @updateFormData="updateFormData"></GenerateLabelDialog>
-    </div>
+  <div>
+    <el-card class="workorder-card">
+      <div class="workorder-card-header">
+        <div>
+          <span>工单编号:</span>
+          <span>{{ formData.workOrder }}</span>
+        </div>
+        <div>
+          <span :class="messageClass">{{ message }}</span>
+        </div>
+      </div>
+      <div class="workorder-card-button-box">
+        <div>
+          <el-button type="primary" @click="doRefresh">刷新</el-button>
+        </div>
+        <div>
+          <el-button v-if="formStatus === 1" type="success" @click="doBtnStartWorkOrder">开启工单</el-button>
+          <el-button v-if="formStatus === 2" type="info" @click="doBtnGenerateLabel">修改合格数</el-button>
+          <el-button v-if="formStatus === 2" type="warning" @click="doBtnEndWorkOrder">结束工单</el-button>
+        </div>
+      </div>
+      <div class="workorder-card-action-box">
+        <div>
+          <span>站点: </span>
+          <el-select :disabled="formStatus === 2" style="width: 140px" v-model="site" placeholder="请选择站点" @change="selectChange">
+            <el-option v-for="item in siteOptions" :key="item.code" :label="item.name" :value="item.code"></el-option>
+          </el-select>
+        </div>
+        <div>
+          <span>班组: </span>
+          <el-select :disabled="formStatus === 2" style="width: 140px" v-model="team" placeholder="请选择班组" @change="selectChange">
+            <el-option v-for="item in teamOptions" :key="item.code" :label="item.name" :value="item.code"></el-option>
+          </el-select>
+        </div>
+      </div>
+      <table v-if="formData.workOrder" class="workorder-card-table">
+        <tr>
+          <td>零件号</td>
+          <td>{{ formData.partNumber }}</td>
+          <td>描述</td>
+          <td>{{ formData.description }}</td>
+        </tr>
+        <tr>
+          <td>规格</td>
+          <td>{{ formData.specification }}</td>
+          <td>颜色</td>
+          <td>{{ formData.color }}</td>
+        </tr>
+        <tr>
+          <td>来源</td>
+          <td>{{ formData.isOnetime === 1 ? '一次合格' : '抛光件' }}</td>
+          <td>类别</td>
+          <td>{{ formData.isBack === 1 ? '返工件' : '正常件' }}</td>
+        </tr>
+        <tr>
+          <td>投入数</td>
+          <td>{{ formData.requireNumber }}</td>
+          <td>合格数</td>
+          <td>
+            {{ formData.qualifiedNumber }}
+          </td>
+        </tr>
+        <tr>
+          <td>合格率</td>
+          <td>{{ qualifiedRate }}</td>
+          <td>抛光数</td>
+          <td>{{ formData.polishNumber }}</td>
+        </tr>
+        <tr>
+          <td>打磨数</td>
+          <td>{{ formData.damoNumber }}</td>
+          <td>报废数</td>
+          <td>{{ formData.baofeiNumber }}</td>
+        </tr>
+        <tr>
+          <td>开始时间</td>
+          <td>{{ formData.startTime }}</td>
+          <td>结束时间</td>
+          <td>{{ formData.endTime }}</td>
+        </tr>
+      </table>
+    </el-card>
+    <StartWorkOrderDialog
+      ref="StartWorkOrderDialogRef"
+      @showWarningMessage="showErrorMessage"
+      @changeFormStatus="changeFormStatus"
+      @formDataChange="formDataChange"
+      @refresh="doRefresh"
+    />
+    <EndWorkOrderDialog ref="EndWorkOrderDialogRef" @changeFormStatus="changeFormStatus" @clearFormData="clearFormData" />
+    <GenerateLabelDialog ref="GenerateLabelDialogRef" @updateFormData="updateFormData"></GenerateLabelDialog>
+  </div>
 </template>
 
 <script>
-import StartWorkOrderDialog from './StartWorkOrderDialog.vue';
-import EndWorkOrderDialog from './EndWorkOrderDialog.vue';
-import GenerateLabelDialog from './GenerateLabelDialog.vue';
-import * as QcGp12Api from '@/api/qualityManagement/gp12/qcGp12Service';
+import StartWorkOrderDialog from './StartWorkOrderDialog.vue'
+import EndWorkOrderDialog from './EndWorkOrderDialog.vue'
+import GenerateLabelDialog from './GenerateLabelDialog.vue'
+import * as QcGp12Api from '@/api/qualityManagement/gp12/qcGp12Service'
 export default {
-    name: 'WorkOrderCard',
-    components: { StartWorkOrderDialog, EndWorkOrderDialog, GenerateLabelDialog },
-    props: {
-        message: String,
-        messageClass: String
-    },
-    data() {
-        return {
-            StartWorkOrderDialogRef: null,
-            EndWorkOrderDialogRef: null,
-            sessionKey: '_touchScreenA01',
+  name: 'WorkOrderCard',
+  components: { StartWorkOrderDialog, EndWorkOrderDialog, GenerateLabelDialog },
+  props: {
+    message: String,
+    messageClass: String,
+  },
+  data() {
+    return {
+      StartWorkOrderDialogRef: null,
+      EndWorkOrderDialogRef: null,
+      sessionKey: '_touchScreenA01',
 
-            teamOptions: [],
-            siteOptions: [],
-            // 站点工单执行状态 1-初始状态（扫外箱标签） 2-工单执行中（扫内标签）
-            formStatus: 1,
-            team: '',
-            site: '',
-            formData: {
-                workOrder: '',
-                partnumber: '',
-                specification: '',
-                color: '',
-                description: '',
-                isOnetime: 0,
-                isBack: 0,
-                isPolish: 0,
-                isOut: 0,
-            },
-        };
-    },
-    created() {
-        this.init();
-    },
-    computed: {
-        qualifiedRate() {
-            if (this.formData.requireNumber > 0) {
-                const rate = Math.floor((this.formData.qualifiedNumber / this.formData.requireNumber) * 100);
-                return `${rate}%`;
-            } else {
-                return "0%";
-            }
-        }
-    },
-    methods: {
-        validateWorkOrder() {
-            if (!this.formData.workOrder) {
-                this.showErrorMessage(1, '未生成有效工单,请扫描箱标签');
-                return false;
-            }
-            return true;
-        },
-        showErrorMessage(code, message) {
-            this.$emit('showWarningMessage', code, message);
-        },
-        async init() {
-            try {
-                // 初始化数据
-                let teams = await QcGp12Api.GetGroupOptions()
-                let sites = await QcGp12Api.GetStieOptions()
-                let groups = await QcGp12Api.GetDefectInitOptions()
-                this.teamOptions = teams.data
-                this.siteOptions = sites.data
-                this.groups = groups.data
-                // 缓存数据读取
-                this.getLocalStorage()
-            } catch (error) {
-                console.error(error);
-            }
-        },
-
-        clearFormData() {
-            this.formData = {
-                workOrder: '',
-                partnumber: '',
-                specification: '',
-                color: '',
-                description: '',
-                isOnetime: 0,
-                isBack: 0,
-                isPolish: 0,
-                isOut: 0,
-            }
-        },
-        selectChange() {
-            this.setLocalStorage()
-        },
-        setLocalStorage() {
-            const data = {
-                team: this.team,
-                site: this.site
-            }
-            localStorage.setItem(this.sessionKey, JSON.stringify(data));
-        },
-        getLocalStorage() {
-            const data = JSON.parse(localStorage.getItem(this.sessionKey));
-            if (data) {
-                this.team = data.team
-                this.site = data.site
-            }
-        },
-        // 更新工单数据
-        updateFormData() {
-            const params = {
-                workOrder: this.formData.workOrder
-            }
-            if (params.workOrder === '' || params.workOrder === null) {
-                return;
-            }
-            QcGp12Api.UpdateWorkOrderDetail(params).then(res => {
-                if (res.code === 200) {
-                    this.formData = res.data
-                    this.formDataChange()
-                }
-            })
-        },
-        changeFormStatus(type) {
-            this.formStatus = type
-        },
-        setMqttMessage(LabelCode, ComNo, SiteNo) {
-            if (SiteNo !== this.site) {
-                return;
-            }
-            // 解析结果
-            if (this.formStatus === 1) {
-                // 扫外箱标签模式
-                this.$refs.StartWorkOrderDialogRef.handleScanBoxOutLabel(LabelCode, ComNo)
-                return;
-            }
-            // 扫内标签模式
-            if (this.formStatus === 2) {
-                // 扫内标签模式
-                this.handleScanInnerLabel(LabelCode, ComNo)
-                return;
-            }
-        },
-        // 扫内标签的情况
-        handleScanInnerLabel(label = '', comNo = "未知串口") {
-            const params = {
-                workOrder: this.formData.workOrder,
-                partNumber: this.formData.partNumber,
-                team: this.team,
-                siteNo: this.site,
-                comNo: comNo,
-                labelType: 2,
-                label,
-            }
-            QcGp12Api.ScanInnerLabel(params).then(res => {
-                if (res.code === 200 && res.data === "ok") {
-                    this.showErrorMessage(0);
-                    this.updateFormData()
-                } else {
-                    this.showErrorMessage(3, res.data);
-                }
-            });
-        },
-        // 工单数据变更
-        formDataChange(data = null) {
-            if (data) {
-                this.formData = data
-            }
-            this.$emit("formDataChange", this.formData)
-        },
-        doRefresh() {
-            this.$emit('refresh');
-            this.showErrorMessage(0);
-        },
-        clearFormData() {
-            this.formData = {
-                workOrder: '',
-                partnumber: '',
-                specification: '',
-                color: '',
-                description: '',
-                isOnetime: 0,
-                isBack: 0,
-                isPolish: 0,
-                isOut: 0,
-            }
-            this.$emit('clear');
-        },
-        doBtnStartWorkOrder() {
-            const data = {
-                team: this.team,
-                siteNo: this.site,
-            }
-            this.$refs.StartWorkOrderDialogRef.open(data);
-        },
-        doBtnEndWorkOrder() {
-            const data = {
-                formData: this.formData,
-                team: this.team,
-                siteNo: this.site,
-            }
-            this.$refs.EndWorkOrderDialogRef.open(data);
-        },
-        doBtnGenerateLabel() {
-            const data = {
-                formData: this.formData,
-                team: this.team,
-                siteNo: this.site,
-            }
-            this.$refs.GenerateLabelDialogRef.open(data);
-        }
+      teamOptions: [],
+      siteOptions: [],
+      // 站点工单执行状态 1-初始状态（扫外箱标签） 2-工单执行中（扫内标签）
+      formStatus: 1,
+      team: '',
+      site: '',
+      formData: {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      },
     }
-};
+  },
+  created() {
+    this.init()
+  },
+  computed: {
+    qualifiedRate() {
+      if (this.formData.requireNumber > 0) {
+        const rate = Math.floor((this.formData.qualifiedNumber / this.formData.requireNumber) * 100)
+        return `${rate}%`
+      } else {
+        return '0%'
+      }
+    },
+  },
+  methods: {
+    validateWorkOrder() {
+      if (!this.formData.workOrder) {
+        this.showErrorMessage(1, '未生成有效工单,请扫描箱标签')
+        return false
+      }
+      return true
+    },
+    showErrorMessage(code, message) {
+      this.$emit('showWarningMessage', code, message)
+    },
+    async init() {
+      try {
+        // 初始化数据
+        let teams = await QcGp12Api.GetGroupOptions()
+        let sites = await QcGp12Api.GetStieOptions()
+        let groups = await QcGp12Api.GetDefectInitOptions()
+        this.teamOptions = teams.data
+        this.siteOptions = sites.data
+        this.groups = groups.data
+        // 缓存数据读取
+        this.getLocalStorage()
+      } catch (error) {
+        console.error(error)
+      }
+    },
+
+    clearFormData() {
+      this.formData = {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      }
+    },
+    selectChange() {
+      this.setLocalStorage()
+    },
+    setLocalStorage() {
+      const data = {
+        team: this.team,
+        site: this.site,
+      }
+      localStorage.setItem(this.sessionKey, JSON.stringify(data))
+    },
+    getLocalStorage() {
+      const data = JSON.parse(localStorage.getItem(this.sessionKey))
+      if (data) {
+        this.team = data.team
+        this.site = data.site
+      }
+    },
+    // 更新工单数据
+    updateFormData() {
+      const params = {
+        workOrder: this.formData.workOrder,
+      }
+      if (params.workOrder === '' || params.workOrder === null) {
+        return
+      }
+      QcGp12Api.UpdateWorkOrderDetail(params).then((res) => {
+        if (res.code === 200) {
+          this.formData = res.data
+          this.formDataChange()
+        }
+      })
+    },
+    changeFormStatus(type) {
+      this.formStatus = type
+    },
+    setMqttMessage(LabelCode, ComNo, SiteNo) {
+      if (SiteNo !== this.site) {
+        return
+      }
+      // 解析结果
+      if (this.formStatus === 1) {
+        // 扫外箱标签模式
+        this.$refs.StartWorkOrderDialogRef.handleScanBoxOutLabel(LabelCode, ComNo)
+        return
+      }
+      // 扫内标签模式
+      if (this.formStatus === 2) {
+        // 扫内标签模式
+        this.handleScanInnerLabel(LabelCode, ComNo)
+        return
+      }
+    },
+    // 扫内标签的情况
+    handleScanInnerLabel(label = '', comNo = '未知串口') {
+      const params = {
+        workOrder: this.formData.workOrder,
+        partNumber: this.formData.partNumber,
+        team: this.team,
+        siteNo: this.site,
+        comNo: comNo,
+        labelType: 2,
+        label,
+      }
+      QcGp12Api.ScanInnerLabel(params).then((res) => {
+        if (res.code === 200 && res.data === 'ok') {
+          this.showErrorMessage(0)
+          this.updateFormData()
+        } else {
+          this.showErrorMessage(3, res.data)
+        }
+      })
+    },
+    // 工单数据变更
+    formDataChange(data = null) {
+      if (data) {
+        this.formData = data
+      }
+      this.$emit('formDataChange', this.formData)
+    },
+    doRefresh() {
+      this.$emit('refresh')
+      this.showErrorMessage(0)
+    },
+    clearFormData() {
+      this.formData = {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      }
+      this.$emit('clear')
+    },
+    doBtnStartWorkOrder() {
+      const data = {
+        team: this.team,
+        siteNo: this.site,
+      }
+      this.$refs.StartWorkOrderDialogRef.open(data)
+    },
+    doBtnEndWorkOrder() {
+      const data = {
+        formData: this.formData,
+        team: this.team,
+        siteNo: this.site,
+      }
+      this.$refs.EndWorkOrderDialogRef.open(data)
+    },
+    doBtnGenerateLabel() {
+      const data = {
+        formData: this.formData,
+        team: this.team,
+        siteNo: this.site,
+      }
+      this.$refs.GenerateLabelDialogRef.open(data)
+    },
+  },
+}
 </script>
 
 <style scoped>
 .workorder-card {
-    min-height: 400px;
+  min-height: 400px;
 }
 
-
 .workorder-card-header {
-    width: 100%;
-    font-size: 18px;
-    font-weight: 600;
-    margin-bottom: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  width: 100%;
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .workorder-card-table {
-    width: 100%;
-    font-size: 16px;
-    font-weight: 500;
-    border: 2px solid #000;
-    border-collapse: collapse;
+  width: 100%;
+  font-size: 16px;
+  font-weight: 500;
+  border: 2px solid #000;
+  border-collapse: collapse;
 }
 
 .workorder-card-table td {
-    border: 2px solid #000;
-    padding: 5px;
+  border: 2px solid #000;
+  padding: 5px;
 }
 
 .workorder-card-button-box {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 10px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
 }
 
 .workorder-card-action-box {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    font-size: 16px;
-    font-weight: 600;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  font-size: 16px;
+  font-weight: 600;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/qualityManagement/gp12/touchScreen/workorder/index.vue b/src/views/qualityManagement/gp12/touchScreen/workorder/index.vue
index 96ba9f4..3936852 100644
--- a/src/views/qualityManagement/gp12/touchScreen/workorder/index.vue
+++ b/src/views/qualityManagement/gp12/touchScreen/workorder/index.vue
@@ -1,167 +1,168 @@
 <template>
-    <div ref="container" class="container">
-        <DefectCard ref="DefectCardRef" :formData="formData" @refresh="doRefresh"
-            @showWarningMessage="showWarningMessage">
-            <template v-slot:workorder>
-                <WorkOrderCard ref="WorkOrderCardRef" @formDataChange="formDataChange" @refresh="doRefresh"
-                    :message="message" :messageClass="messageClass" @showWarningMessage="showWarningMessage"
-                    @clear="clear" />
-            </template>
-        </DefectCard>
-    </div>
+  <div ref="container" class="container">
+    <DefectCard v-loading="loading" ref="DefectCardRef" :formData="formData" @refresh="doRefresh" @showWarningMessage="showWarningMessage">
+      <template v-slot:workorder>
+        <WorkOrderCard
+          ref="WorkOrderCardRef"
+          @formDataChange="formDataChange"
+          @refresh="doRefresh"
+          :message="message"
+          :messageClass="messageClass"
+          @showWarningMessage="showWarningMessage"
+          @clear="clear"
+        />
+      </template>
+    </DefectCard>
+  </div>
 </template>
 
 <script>
-import WorkOrderCard from './components/WorkOrderCard.vue';
-import DefectCard from './components/DefectCard.vue';
-import StartWorkOrderDialog from './components/StartWorkOrderDialog.vue';
-import EndWorkOrderDialog from './components/EndWorkOrderDialog.vue';
-import * as emqxUtil from '@/utils/mqtt/emqxUtil';
-import * as QcGp12Api from '@/api/qualityManagement/gp12/qcGp12Service';
+import WorkOrderCard from './components/WorkOrderCard.vue'
+import DefectCard from './components/DefectCard.vue'
+import StartWorkOrderDialog from './components/StartWorkOrderDialog.vue'
+import EndWorkOrderDialog from './components/EndWorkOrderDialog.vue'
+import * as emqxUtil from '@/utils/mqtt/emqxUtil'
+import * as QcGp12Api from '@/api/qualityManagement/gp12/qcGp12Service'
 export default {
-    name: 'WorkOrder',
-    components: { WorkOrderCard, DefectCard, StartWorkOrderDialog, EndWorkOrderDialog },
-    data() {
-        return {
-            mqttClient: null,
-            mqttClientId: emqxUtil.title + 'GP12' + Math.random().toString(16).substring(1, 10),
-            formData: {
-                workOrder: '',
-                partnumber: '',
-                specification: '',
-                color: '',
-                description: '',
-                isOnetime: 0,
-                isBack: 0,
-                isPolish: 0,
-                isOut: 0,
-            },
-            messageClass: 'text-green',
-            message: '正常',
-        };
-    },
-    created() {
-        this.init();
-    },
-    mounted() {
-
-    },
-    beforeDestroy() {
-        this.doBeforeDestroy()
-    },
-    methods: {
-        // 公共验证工单号【方案】
-        validateWorkOrder() {
-            if (!this.formData.workOrder) {
-                this.showWarningMessage('未生成有效工单,请扫描箱标签');
-                return false;
-            }
-            return true;
-        },
-        // 提取显示警告信息的逻辑
-        showWarningMessage(code, message) {
-            if (code === 0) {
-                this.message = '正常';
-                this.messageClass = 'text-green';
-                return;
-            }
-            this.$confirm(message, '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'warning',
-                center: true,
-                closeOnClickModal: false
-            }).catch((err) => { });
-            if (code === 1) {
-                this.message = '未扫描箱标签!';
-                this.messageClass = 'text-red';
-            }
-            if (code === 2) {
-                this.message = '标签为空!';
-                this.messageClass = 'text-red';
-            }
-            if (code === 3) {
-                this.message = '标签存在异常!';
-                this.messageClass = 'text-red';
-            }
-            else {
-                this.message = '未定义错误!';
-                this.messageClass = 'text-red';
-            }
-        },
-        async init() {
-            this.initMqtt()
-        },
-        clear() {
-            this.$refs.DefectCardRef.init();
-        },
-        doBeforeDestroy() {
-            emqxUtil.endClient(this.mqttClient);
-        },
-        formDataChange(data) {
-            this.formData = data
-            this.$refs.DefectCardRef.getDefectListByWorkOrder()
-        },
-        // 全局刷新
-        async doRefresh() {
-            this.$refs.DefectCardRef.getDefectListByWorkOrder()
-            this.$refs.WorkOrderCardRef.updateFormData()
-        },
-        handlerScanInput(value) {
-            this.handleAnalyzeLabel(value)
-        },
-        handleAnalyzeLabel(label = '') {
-            const params = {
-                label,
-                // type === 1 获取详细物料信息 2只判断零件号是否正确
-                type: 1
-            }
-            QcGp12Api.AnalyzeLabel(params).then(res => {
-                if (res.code === 200 && res.data.isOk) {
-                    this.message = '正常';
-                    this.messageClass = 'text-green';
-                } else {
-                    this.$confirm('标签异常:' + res.data.msg, '提示', {
-                        confirmButtonText: '确定',
-                        cancelButtonText: '取消',
-                        type: 'warning',
-                        center: true
-                    }).then(() => {
-                    }).catch(() => {
-                    });
-                    this.message = '标签存在异常';
-                    this.messageClass = 'text-red';
-                }
-            })
-        },
-        // mqtt 操作
-        initMqtt() {
-            const that = this;
-            if (this.mqttClient?.connected) return
-            const _topic = emqxUtil.GP12Topic;
-            that.mqttClient = emqxUtil.createClient(that.mqttClientId);
-            that.mqttClient.subscribe(_topic.SiteComLabelCode + '/#');
-            that.mqttClient.on('message', function (topic, message) {
-                if (topic === _topic.SiteComLabelCode) {
-                    const objData = emqxUtil.parseJSON(message);
-                    that.doMqttAction(objData)
-                }
-            })
-        },
-        // 执行mqtt消息动作
-        doMqttAction(objData) {
-            const { SiteNo, ComNo, LabelCode, Time } = objData;
-            if (!LabelCode) {
-                this.showWarningMessage(2, "扫描结果为空!");
-                return;
-            }
-
-
-            this.$refs.WorkOrderCardRef.setMqttMessage(LabelCode, ComNo, SiteNo)
-        },
-
+  name: 'WorkOrder',
+  components: { WorkOrderCard, DefectCard, StartWorkOrderDialog, EndWorkOrderDialog },
+  data() {
+    return {
+      loading: false,
+      mqttClient: null,
+      mqttClientId: emqxUtil.title + 'GP12' + Math.random().toString(16).substring(1, 10),
+      formData: {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      },
+      messageClass: 'text-green',
+      message: '正常',
     }
-};
+  },
+  created() {
+    this.init()
+  },
+  mounted() {},
+  beforeDestroy() {
+    this.doBeforeDestroy()
+  },
+  methods: {
+    // 公共验证工单号【方案】
+    validateWorkOrder() {
+      if (!this.formData.workOrder) {
+        this.showWarningMessage('未生成有效工单,请扫描箱标签')
+        return false
+      }
+      return true
+    },
+    // 提取显示警告信息的逻辑
+    showWarningMessage(code, message) {
+      if (code === 0) {
+        this.message = '正常'
+        this.messageClass = 'text-green'
+        return
+      }
+      this.$confirm(message, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        center: true,
+        closeOnClickModal: false,
+      }).catch((err) => {})
+      if (code === 1) {
+        this.message = '未扫描箱标签!'
+        this.messageClass = 'text-red'
+      }
+      if (code === 2) {
+        this.message = '标签为空!'
+        this.messageClass = 'text-red'
+      }
+      if (code === 3) {
+        this.message = '标签存在异常!'
+        this.messageClass = 'text-red'
+      } else {
+        this.message = '未定义错误!'
+        this.messageClass = 'text-red'
+      }
+    },
+    init() {
+      this.initMqtt()
+    },
+    clear() {
+      this.$refs.DefectCardRef.init()
+    },
+    doBeforeDestroy() {
+      emqxUtil.endClient(this.mqttClient)
+    },
+    formDataChange(data) {
+      this.formData = data
+      this.$refs.DefectCardRef.getDefectListByWorkOrder()
+    },
+    // 全局刷新
+    doRefresh() {
+      this.$refs.DefectCardRef.getDefectListByWorkOrder()
+      this.$refs.WorkOrderCardRef.updateFormData()
+    },
+    handlerScanInput(value) {
+      this.handleAnalyzeLabel(value)
+    },
+    handleAnalyzeLabel(label = '') {
+      const params = {
+        label,
+        // type === 1 获取详细物料信息 2只判断零件号是否正确
+        type: 1,
+      }
+      QcGp12Api.AnalyzeLabel(params).then((res) => {
+        if (res.code === 200 && res.data.isOk) {
+          this.message = '正常'
+          this.messageClass = 'text-green'
+        } else {
+          this.$confirm('标签异常:' + res.data.msg, '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+            center: true,
+          })
+            .then(() => {})
+            .catch(() => {})
+          this.message = '标签存在异常'
+          this.messageClass = 'text-red'
+        }
+      })
+    },
+    // mqtt 操作
+    initMqtt() {
+      const that = this
+      if (this.mqttClient?.connected) return
+      const _topic = emqxUtil.GP12Topic
+      that.mqttClient = emqxUtil.createClient(that.mqttClientId)
+      that.mqttClient.subscribe(_topic.SiteComLabelCode + '/#')
+      that.mqttClient.on('message', function (topic, message) {
+        if (topic === _topic.SiteComLabelCode) {
+          const objData = emqxUtil.parseJSON(message)
+          that.doMqttAction(objData)
+        }
+      })
+    },
+    // 执行mqtt消息动作
+    doMqttAction(objData) {
+      const { SiteNo, ComNo, LabelCode, Time } = objData
+      if (!LabelCode) {
+        this.showWarningMessage(2, '扫描结果为空!')
+        return
+      }
+
+      this.$refs.WorkOrderCardRef.setMqttMessage(LabelCode, ComNo, SiteNo)
+    },
+  },
+}
 </script>
 
 <style scoped></style>
diff --git a/src/views/wmsManagement/WmOneTimeQualifiedProduct/index.vue b/src/views/wmsManagement/WmOneTimeQualifiedProduct/index.vue
index 17e39f4..9da84a9 100644
--- a/src/views/wmsManagement/WmOneTimeQualifiedProduct/index.vue
+++ b/src/views/wmsManagement/WmOneTimeQualifiedProduct/index.vue
@@ -357,7 +357,7 @@ export default {
         partnumber: '',
         status: 1,
         changeType: -1,
-        sort: 'updatedTime',
+        sort: 'actionTime',
         sortType: 'desc',
       },
       RecordTypeOptions: [
diff --git a/src/views/wmsManagement/WmPolishInventory/index.vue b/src/views/wmsManagement/WmPolishInventory/index.vue
index b2d77f2..fcd5e63 100644
--- a/src/views/wmsManagement/WmPolishInventory/index.vue
+++ b/src/views/wmsManagement/WmPolishInventory/index.vue
@@ -343,7 +343,7 @@ export default {
         partnumber: '',
         status: 1,
         changeType: -1,
-        sort: 'updatedTime',
+        sort: 'actionTime',
         sortType: 'desc',
       },
       RecordTypeOptions: [