|
|
@ -1362,6 +1362,622 @@
|
|
|
|
<!-- </vue-seamless-scroll>-->
|
|
|
|
<!-- </vue-seamless-scroll>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</transition>
|
|
|
|
</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>
|
|
|
|
<div class="total">
|
|
|
|
<div class="total">
|
|
|
|
<div style="background-color: #094170">
|
|
|
|
<div style="background-color: #094170">
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
|
|
|
|