修改接口

master
夜笙歌 10 months ago
parent e88ecdee24
commit 676db807f1

@ -746,6 +746,622 @@
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<transition name="table1">
<div class="scrollTable1" v-if="show ===4">
<div style="background-color: #094170; height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 8%">
型号
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
状态
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
目标
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
计划
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
累计
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 7%">
达成率
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[0] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[1] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[2] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[3] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[4] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[5] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[6] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[7] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[8] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[9] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[10] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[11] }}
</div>
</div>
<!-- <vue-seamless-scroll-->
<!-- :class-option="scrollTableOption"-->
<!-- :data="scrollTableData1"-->
<!-- class="case-item"-->
<!-- style="height: 84%;overflow: hidden;"-->
<!-- >-->
<div
v-for="(item, index) in scrollTableData1.slice(24,30)"
:key="index"
style="height: calc(25vh/7)"
>
<div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value1 }}
</div>
<div
class="scrollTableItem" style="width: 8%">
{{ item.value2 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value3 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value4 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value5 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value6 }}
</div>
<div
class="scrollTableItem" style="width: 7%">
{{ item.value7 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value8 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value9 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value10 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value11 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value12 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value13 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value14 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value15 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value16 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value17 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value18 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value19 }}
</div>
</div>
</div>
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<transition name="table2">
<div class="scrollTable1" v-if="show === 5">
<div style="background-color: #094170;height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 8%">
型号
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
状态
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
目标
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
计划
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
累计
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 7%">
达成率
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[0] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[1] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[2] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[3] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[4] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[5] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[6] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[7] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[8] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[9] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[10] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[11] }}
</div>
</div>
<!-- <vue-seamless-scroll-->
<!-- :class-option="scrollTableOption"-->
<!-- :data="scrollTableData1"-->
<!-- class="case-item"-->
<!-- style="height: 84%;overflow: hidden;"-->
<!-- >-->
<div
v-for="(item, index) in scrollTableData1.slice(30,36)"
:key="index"
style="height: calc(25vh/7)"
>
<div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value1 }}
</div>
<div
class="scrollTableItem" style="width: 8%">
{{ item.value2 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value3 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value4 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value5 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value6 }}
</div>
<div
class="scrollTableItem" style="width: 7%">
{{ item.value7 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value8 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value9 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value10 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value11 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value12 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value13 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value14 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value15 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value16 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value17 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value18 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value19 }}
</div>
</div>
</div>
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<transition name="table1">
<div class="scrollTable1" v-if="show === 6">
<div style="background-color: #094170;height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 8%">
型号
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
状态
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
目标
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
计划
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
累计
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 7%">
达成率
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[0] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[1] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[2] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[3] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[4] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[5] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[6] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[7] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[8] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[9] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[10] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[11] }}
</div>
</div>
<!-- <vue-seamless-scroll-->
<!-- :class-option="scrollTableOption"-->
<!-- :data="scrollTableData1"-->
<!-- class="case-item"-->
<!-- style="height: 84%;overflow: hidden;"-->
<!-- >-->
<div
v-for="(item, index) in scrollTableData1.slice(36,42)"
:key="index"
style="height: calc(25vh/7)"
>
<div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value1 }}
</div>
<div
class="scrollTableItem" style="width: 8%">
{{ item.value2 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value3 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value4 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value5 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value6 }}
</div>
<div
class="scrollTableItem" style="width: 7%">
{{ item.value7 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value8 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value9 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value10 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value11 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value12 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value13 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value14 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value15 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value16 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value17 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value18 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value19 }}
</div>
</div>
</div>
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<transition name="table2">
<div class="scrollTable1" v-if="show === 7">
<div style="background-color: #094170;height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 8%">
型号
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
状态
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
目标
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
计划
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
累计
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 7%">
达成率
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[0] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[1] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[2] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[3] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[4] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[5] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[6] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[7] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[8] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[9] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[10] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[11] }}
</div>
</div>
<!-- <vue-seamless-scroll-->
<!-- :class-option="scrollTableOption"-->
<!-- :data="scrollTableData1"-->
<!-- class="case-item"-->
<!-- style="height: 84%;overflow: hidden;"-->
<!-- >-->
<div
v-for="(item, index) in scrollTableData1.slice(42,48)"
:key="index"
style="height: calc(25vh/7)"
>
<div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value1 }}
</div>
<div
class="scrollTableItem" style="width: 8%">
{{ item.value2 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value3 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value4 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value5 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value6 }}
</div>
<div
class="scrollTableItem" style="width: 7%">
{{ item.value7 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value8 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value9 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value10 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value11 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value12 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value13 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value14 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value15 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value16 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value17 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value18 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value19 }}
</div>
</div>
</div>
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<div class="total">
<div style="background-color: #094170">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
@ -1565,13 +2181,14 @@ export default {
getFoamingData({
"PRODUCT_LINE_CODE": "CX_01"
}).then(e => {
this.scrollTableData1 = e.data?.map(val => {
console.log(e)
let table = e.data?.map(val => {
return {
value1: val.EQUIPMENT_CODE,
value2: val.FIXTUREBOXTYPE,
value3: val.FIXTURESTATUS,
value4: val.TARGET,
value5: 0,
value5: val.PLAN_SUM,
value6: val.PRO_SUM,
value7: ((val.PRO_SUM / val.TARGET) * 100).toFixed(2) + '%',
value8: val.ANHOUR,
@ -2038,10 +2655,11 @@ export default {
this.hourArr = e?.data.map(val => val.HOUR_TIME)
})
let timeInter = setInterval(() => {
let num1 = this.scrollTableData1.length / 6
let num1 = Math.ceil(this.scrollTableData1.length / 6)
let num = this.show
num += 1
num = num % num1
console.log(num,num1)
this.show = num
let totalArr = this.scrollTableData1.slice(num * 6, (num + 1) * 6)

Loading…
Cancel
Save