diff --git a/src/views/board/foaming/index2.vue b/src/views/board/foaming/index2.vue
index b498b4e..e167415 100644
--- a/src/views/board/foaming/index2.vue
+++ b/src/views/board/foaming/index2.vue
@@ -60,682 +60,730 @@
       <Chart ref="chart4"></Chart>
     </div>
     <div>
-<!--      <transition name="table1">-->
-<!--        <div class="scrollTable1" v-if="show === 0">-->
-<!--          <div style="background-color: #094170; height: calc(25vh/11)">-->
-<!--            <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%">-->
-<!--              7:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              8:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              9:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              10:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              11:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              12:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              13:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              14:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              15:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              16:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              17:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              18:30-->
-<!--            </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"-->
-<!--            :key="index"-->
-<!--            style="height: calc(25vh/11)"-->
-<!--          >-->
-<!--            <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 === 1">-->
-<!--          <div style="background-color: #094170;height: calc(25vh/11)">-->
-<!--            <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%">-->
-<!--              7:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              8:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              9:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              10:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              11:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              12:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              13:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              14:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              15:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              16:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              17:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              18:30-->
-<!--            </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 scrollTableData2"-->
-<!--            :key="index"-->
-<!--            style="height: calc(25vh/11)"-->
-<!--          >-->
-<!--            <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/11)">-->
-<!--            <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%">-->
-<!--              7:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              8:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              9:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              10:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              11:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              12:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              13:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              14:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              15:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              16:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              17:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              18:30-->
-<!--            </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"-->
-<!--            :key="index"-->
-<!--            style="height: calc(25vh/11)"-->
-<!--          >-->
-<!--            <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/11)">-->
-<!--            <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%">-->
-<!--              7:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              8:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              9:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              10:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              11:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              12:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              13:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              14:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              15:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              16:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              17:30-->
-<!--            </div>-->
-<!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--              18:30-->
-<!--            </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 scrollTableData2"-->
-<!--            :key="index"-->
-<!--            style="height: calc(25vh/11)"-->
-<!--          >-->
-<!--            <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%">-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
-<!--            合计-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            100%-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--      <transition name="table1">-->
+      <!--        <div class="scrollTable1" v-if="show === 0">-->
+      <!--          <div style="background-color: #094170; height: calc(25vh/11)">-->
+      <!--            <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%">-->
+      <!--              7:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              8:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              9:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              10:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              11:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              12:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              13:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              14:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              15:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              16:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              17:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              18:30-->
+      <!--            </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"-->
+      <!--            :key="index"-->
+      <!--            style="height: calc(25vh/11)"-->
+      <!--          >-->
+      <!--            <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 === 1">-->
+      <!--          <div style="background-color: #094170;height: calc(25vh/11)">-->
+      <!--            <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%">-->
+      <!--              7:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              8:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              9:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              10:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              11:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              12:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              13:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              14:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              15:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              16:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              17:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              18:30-->
+      <!--            </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 scrollTableData2"-->
+      <!--            :key="index"-->
+      <!--            style="height: calc(25vh/11)"-->
+      <!--          >-->
+      <!--            <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/11)">-->
+      <!--            <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%">-->
+      <!--              7:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              8:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              9:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              10:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              11:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              12:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              13:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              14:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              15:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              16:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              17:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              18:30-->
+      <!--            </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"-->
+      <!--            :key="index"-->
+      <!--            style="height: calc(25vh/11)"-->
+      <!--          >-->
+      <!--            <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/11)">-->
+      <!--            <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%">-->
+      <!--              7:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              8:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              9:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              10:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              11:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              12:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              13:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              14:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              15:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              16:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              17:30-->
+      <!--            </div>-->
+      <!--            <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--              18:30-->
+      <!--            </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 scrollTableData2"-->
+      <!--            :key="index"-->
+      <!--            style="height: calc(25vh/11)"-->
+      <!--          >-->
+      <!--            <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%">-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
+      <!--            合计-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            100%-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
 
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
-<!--            100%-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
-<!--            1000-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </div>-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
+      <!--            100%-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--          <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
+      <!--            1000-->
+      <!--          </div>-->
+      <!--        </div>-->
+      <!--      </div>-->
+    </div>
+    <div class="tableOne">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
+    </div>
+    <div class="tableTwo">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
+    </div>
+    <div class="tableThree">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
+    </div>
+    <div class="tableFour">
+      <div style="height: 9%;color: #fff;text-align: center;background-color: #38a2de">
+        <div style="width: 33%;display: inline-block">台车号</div>
+        <div style="width: 33%;display: inline-block">型号</div>
+        <div style="width: 33%;display: inline-block">产量</div>
+      </div>
+      <div v-for="i in 10" style="height: 9%;color: #000;text-align: center;background-color:#5dfd36 ">
+        <div style="width: 33%;display: inline-block">{{ i }}#车</div>
+        <div style="width: 33%;display: inline-block">487JFY</div>
+        <div style="width: 33%;display: inline-block">15-15-15</div>
+      </div>
     </div>
   </div>
 </template>
@@ -1402,4 +1450,36 @@ export default {
   font-size: 0.7vw;
   color: #fff;
 }
+
+.tableOne {
+  position: absolute;
+  top: 66%;
+  left: 3.5%;
+  width: 17%;
+  height: 29%;
+}
+
+.tableTwo {
+  position: absolute;
+  top: 66%;
+  left: 20.7%;
+  width: 16.8%;
+  height: 29%;
+}
+
+.tableThree {
+  position: absolute;
+  top: 66%;
+  left: 37.7%;
+  width: 16.8%;
+  height: 29%;
+}
+
+.tableFour {
+  position: absolute;
+  top: 66%;
+  left: 54.7%;
+  width: 16.8%;
+  height: 29%;
+}
 </style>