From 1181b9d4fe88b06a756f51e053e7b07b5fd1e742 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Tue, 9 Jan 2024 10:40:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/board/caseShell/index2.vue |    4 +-
 src/views/board/foaming/index.vue    | 3401 +++++++++++++-------------
 2 files changed, 1699 insertions(+), 1706 deletions(-)

diff --git a/src/views/board/caseShell/index2.vue b/src/views/board/caseShell/index2.vue
index 1473d9b..fefe130 100644
--- a/src/views/board/caseShell/index2.vue
+++ b/src/views/board/caseShell/index2.vue
@@ -4,7 +4,7 @@
     <div class="topNum team">{{ team }}</div>
     <div class="topNum planNum">{{ planNum }}</div>
     <div class="topNum practicalNum">{{ practicalNum }}</div>
-    <div class="topNum differenceValue">{{ practicalNum - planNum }}</div>
+    <div class="topNum differenceValue">{{ planNum - practicalNum }}</div>
     <div class="title" v-for="(i, k) in title"
          :style="'top:' + (titlePosition[k] && titlePosition[k].top || 0) + '%;left:' + (titlePosition[k] && titlePosition[k].left || 0) + '%'">
       {{ i }}
@@ -144,7 +144,7 @@ export default {
       RequestDataSet: [
         {
           e: 'xkqhb-01',
-          i: "",
+          i: "scada_xk_bz_pro_01('')",
           f: (e) => {
             console.log(e[0].COLUMN_A)
             this.team = e[0].COLUMN_A
diff --git a/src/views/board/foaming/index.vue b/src/views/board/foaming/index.vue
index 1c30226..e5c7760 100644
--- a/src/views/board/foaming/index.vue
+++ b/src/views/board/foaming/index.vue
@@ -130,8 +130,8 @@
     <div class="chart4">
       <Chart ref="chart4"></Chart>
     </div>
-    <transition name="table1">
-      <div class="scrollTable1" v-if="show ===0">
+    <transition name="table1" v-for="(i,k) in Math.ceil(scrollTableData1.length)">
+      <div class="scrollTable1" v-if="show === k">
         <div style="background-color: #094170; height: calc(25vh/7)">
           <div class="scrollTableItem" style="font-weight: bold;width: 5%">
             工位
@@ -198,1701 +198,7 @@
         <!--        style="height: 84%;overflow: hidden;"-->
         <!--      >-->
         <div
-          v-for="(item, index) in scrollTableData1.slice(0,6)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table2">
-      <div class="scrollTable1" v-if="show === 1">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(6,12)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table1">
-      <div class="scrollTable1" v-if="show === 2">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(12,18)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table2">
-      <div class="scrollTable1" v-if="show === 3">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(18,24)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table1">
-      <div class="scrollTable1" v-if="show ===4">
-        <div style="background-color: #094170; height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(24,30)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table2">
-      <div class="scrollTable1" v-if="show === 5">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(30,36)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table1">
-      <div class="scrollTable1" v-if="show === 6">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(36,42)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table2">
-      <div class="scrollTable1" v-if="show === 7">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(42,48)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table1">
-      <div class="scrollTable1" v-if="show ===4">
-        <div style="background-color: #094170; height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(24,30)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table2">
-      <div class="scrollTable1" v-if="show === 5">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(30,36)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table1">
-      <div class="scrollTable1" v-if="show === 6">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(36,42)"
-          :key="index"
-          style="height: calc(25vh/7)"
-        >
-          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value1 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 8%">
-              {{ item.value2 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value3 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value4 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value5 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value6 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 7%">
-              {{ item.value7 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value8 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value9 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value10 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value11 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value12 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value13 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value14 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value15 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value16 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value17 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value18 }}
-            </div>
-            <div
-              class="scrollTableItem" style="width: 5%">
-              {{ item.value19 }}
-            </div>
-          </div>
-        </div>
-        <!--      </vue-seamless-scroll>-->
-      </div>
-    </transition>
-    <transition name="table2">
-      <div class="scrollTable1" v-if="show === 7">
-        <div style="background-color: #094170;height: calc(25vh/7)">
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            工位
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 8%">
-            型号
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            状态
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            目标
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            计划
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            累计
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 7%">
-            达成率
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[0] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[1] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[2] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[3] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[4] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[5] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[6] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[7] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[8] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[9] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[10] }}
-          </div>
-          <div class="scrollTableItem" style="font-weight: bold;width: 5%">
-            {{ hourArr[11] }}
-          </div>
-        </div>
-        <!--      <vue-seamless-scroll-->
-        <!--        :class-option="scrollTableOption"-->
-        <!--        :data="scrollTableData1"-->
-        <!--        class="case-item"-->
-        <!--        style="height: 84%;overflow: hidden;"-->
-        <!--      >-->
-        <div
-          v-for="(item, index) in scrollTableData1.slice(42,48)"
+          v-for="(item, index) in scrollTableData1.slice(k*6,(k+1)*6)"
           :key="index"
           style="height: calc(25vh/7)"
         >
@@ -1978,6 +284,1700 @@
         <!--      </vue-seamless-scroll>-->
       </div>
     </transition>
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 1">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(6,12)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 2">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(12,18)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 3">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(18,24)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show ===4">-->
+<!--        <div style="background-color: #094170; height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(24,30)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 5">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(30,36)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 6">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(36,42)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 7">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(42,48)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show ===4">-->
+<!--        <div style="background-color: #094170; height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(24,30)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 5">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(30,36)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 6">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(36,42)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
+<!--    <transition name="table1">-->
+<!--      <div class="scrollTable1" v-if="show === 7">-->
+<!--        <div style="background-color: #094170;height: calc(25vh/7)">-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            工位-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+<!--            型号-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            状态-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            目标-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            计划-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            累计-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+<!--            达成率-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[0] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[1] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[2] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[3] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[4] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[5] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[6] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[7] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[8] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[9] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[10] }}-->
+<!--          </div>-->
+<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+<!--            {{ hourArr[11] }}-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      <vue-seamless-scroll&ndash;&gt;-->
+<!--        &lt;!&ndash;        :class-option="scrollTableOption"&ndash;&gt;-->
+<!--        &lt;!&ndash;        :data="scrollTableData1"&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="case-item"&ndash;&gt;-->
+<!--        &lt;!&ndash;        style="height: 84%;overflow: hidden;"&ndash;&gt;-->
+<!--        &lt;!&ndash;      >&ndash;&gt;-->
+<!--        <div-->
+<!--          v-for="(item, index) in scrollTableData1.slice(42,48)"-->
+<!--          :key="index"-->
+<!--          style="height: calc(25vh/7)"-->
+<!--        >-->
+<!--          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value1 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 8%">-->
+<!--              {{ item.value2 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value3 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value4 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value5 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value6 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 7%">-->
+<!--              {{ item.value7 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value8 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value9 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value10 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value11 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value12 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value13 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value14 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value15 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value16 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value17 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value18 }}-->
+<!--            </div>-->
+<!--            <div-->
+<!--              class="scrollTableItem" style="width: 5%">-->
+<!--              {{ item.value19 }}-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        &lt;!&ndash;      </vue-seamless-scroll>&ndash;&gt;-->
+<!--      </div>-->
+<!--    </transition>-->
     <div class="total">
       <div style="background-color: #094170">
         <div class="scrollTableItem" style="font-weight: bold;width: 5%">
@@ -3460,13 +3460,6 @@ export default {
   animation: table-in .5s reverse;
 }
 
-.table2-enter-active {
-  animation: table-in .5s;
-}
-
-.table2-leave-active {
-  animation: table-in .5s reverse;
-}
 
 @keyframes table-in {
   0% {