root/screen-lnsh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页

Browse Source
This commit is contained in:
caill
2023-06-09 18:36:09 +08:00
parent d64e6a4650
commit 53ca0f3197
27 changed files with 1533 additions and 501 deletions
Download Patch File Download Diff File Expand all files Collapse all files

444
src/pages/modules/homepage/one.vue
View File

@@ -35,43 +35,80 @@
</div>
<div class="n_right_content">
<div class="right_wrap">
<div class="machine_wrap hlj_s_wrap">
<div v-for="(e,i) in [1,2,3,4]" :key="i" class="sh_machine hlj_s">
<img src="../../../images/workshop/hlj_s.png" alt="">
<div v-if="MixMachineList.length > 0" class="machine_wrap hlj_s_wrap">
<div v-for="(e,i) in MixMachineList.slice(0, 4)" :key="i" class="sh_machine hlj_s">
<img v-show="e.device_status === 0" src="../../../images/workshop/hlj_s_gray.png" alt="">
<img v-show="e.device_status === 1" src="../../../images/workshop/hlj_s_yellow.png" alt="">
<img v-show="e.device_status === 2" src="../../../images/workshop/hlj_s_green.png" alt="">
<img v-show="e.device_status === 3" src="../../../images/workshop/hlj_s_red.png" alt="">
</div>
</div>
<div class="machine_wrap hlj_wrap">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12]" :key="i" class="sh_machine hlj">
<img src="../../../images/workshop/hlj.png" alt="">
<div v-if="MixMachineList.length > 0" class="machine_wrap hlj_wrap">
<div v-for="(e,i) in MixMachineList.slice(4)" :key="i" class="sh_machine hlj">
<img v-show="e.device_status === 0" src="../../../images/workshop/hlj_gray.png" alt="">
<img v-show="e.device_status === 1" src="../../../images/workshop/hlj_yellow.png" alt="">
<img v-show="e.device_status === 2" src="../../../images/workshop/hlj_green.png" alt="">
<img v-show="e.device_status === 3" src="../../../images/workshop/hlj_red.png" alt="">
</div>
</div>
<div class="machine_wrap lz_wrap_1">
<div v-for="(e,i) in [1,2,3,4]" :key="i" class="sh_machine lz">
<div v-if="MixBlankingList.length > 0" class="machine_wrap lz_wrap_1">
<div v-for="(e,i) in MixBlankingList.slice(0, 4)" :key="i" class="sh_machine lz">
<img v-show="e.point_status === '1'" src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div v-if="MixBlankingList.length > 0" class="machine_wrap lz_wrap_2">
<div v-for="(e,i) in MixBlankingList.slice(4)" :key="i" class="sh_machine lz">
<img v-show="e.point_status === '1'" src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1">
<div class="sh_machine lz_1">
<img :class="TrappedShelfList[0].point_status === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt="">
</div>
<div class="sh_machine lz_1 lz_2">
<img v-for="(e,i) in TrappedShelfList.slice(1, 4)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''">
</div>
</div>
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2">
<div class="sh_machine lz_1">
<img :class="TrappedShelfList[4].point_status === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt="">
</div>
<div class="sh_machine lz_1 lz_2">
<img v-for="(e,i) in TrappedShelfList.slice(4)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''">
</div>
</div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_3">
<div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="machine_wrap lz_wrap_2">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12]" :key="i" class="sh_machine lz">
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_5">
<div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="machine_wrap lz_wrap_3">
<div v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12]" :key="i" class="sh_machine lz">
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_7">
<div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1">
<!-- <div class="sh_machine yj_gif">
<img src="../../../images/workshop/yj_2500.gif" alt="">
</div> -->
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_8">
<div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt="">
</div>
</div>
<div class="machine_wrap yj_wrap_1">
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_2.png" alt="">
</div>
<div class="sh_machine jzjcss">
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
<div v-if="PressMachineList.length > 0" class="sh_machine yyj">
<img v-show="PressMachineList[0].device_status === 0" src="../../../images/workshop/yj_2500_gray.png" alt="">
<img v-show="PressMachineList[0].device_status === 1" src="../../../images/workshop/yj_2500_yellow.png" alt="">
<img v-show="PressMachineList[0].device_status === 2" src="../../../images/workshop/yj_2500_green.png" alt="">
<img v-show="PressMachineList[0].device_status === 3" src="../../../images/workshop/yj_2500_red.png" alt="">
</div>
<div class="sh_machine wzm"></div>
<div class="sh_machine kongtuopan_1">
@@ -81,22 +118,25 @@
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
</div>
<div class="sh_machine block_1">
</div>
<div class="sh_machine block_1 block_2">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 yyj_wrap_2">
<div class="machine_wrap yj_wrap_1 yj_wrap_2">
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_1.png" alt="">
</div>
<div class="sh_machine jzjcss">
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
</div>
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
<div v-if="PressMachineList.length > 0" class="sh_machine yyj">
<img v-show="PressMachineList[1].device_status === 0" src="../../../images/workshop/yj_2500_gray.png" alt="">
<img v-show="PressMachineList[1].device_status === 1" src="../../../images/workshop/yj_2500_yellow.png" alt="">
<img v-show="PressMachineList[1].device_status === 2" src="../../../images/workshop/yj_2500_green.png" alt="">
<img v-show="PressMachineList[1].device_status === 3" src="../../../images/workshop/yj_2500_red.png" alt="">
</div>
<div class="sh_machine wzm"></div>
<div class="sh_machine kongtuopan_1">
@@ -106,15 +146,29 @@
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
</div>
<div class="sh_machine block_1 block_2">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="machine_wrap yj_wrap_1 yj_wrap_3">
<div class="sh_machine blj_1">
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="sh_machine blj_1 blj_2">
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="PressMachineList[2].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[2].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[2].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[2].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="PressMachineList[3].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[3].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[3].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[3].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_3.png" alt="">
@@ -141,15 +195,24 @@
<img src="../../../images/workshop/ktp.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5">
<div class="sh_machine blj_1">
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="PressMachineList[4].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[4].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[4].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[4].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="PressMachineList[5].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[5].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[5].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[5].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
@@ -164,9 +227,15 @@
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_3">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_7">
<div class="sh_machine blj_1">
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="PressMachineList[6].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[6].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[6].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[6].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_6.png" alt="">
@@ -181,15 +250,24 @@
<img src="../../../images/workshop/jcpmj.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_yellow.png" alt="">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2 cyj_wrap_4">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8">
<div class="sh_machine blj_1 blj_2">
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="PressMachineList[7].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[7].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[7].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[7].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="PressMachineList[8].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[8].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[8].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[8].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div class="sh_machine kongtuopan_1">
<img src="../../../images/workshop/ktp.png" alt="">
@@ -204,39 +282,42 @@
<img src="../../../images/workshop/ktp.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 yyj_wrap_2 yyj_wrap_3">
<div class="machine_wrap yj_wrap_1 yj_wrap_2 yj_wrap_17">
<div class="sh_machine yyj">
<img src="../../../images/workshop/yyj_gray.png" alt="">
<img src="../../../images/workshop/yj_2500_gray.png" alt="">
</div>
<div class="sh_machine wzm"></div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_5">
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_15">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2 cyj_wrap_6">
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_13">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_3 cyj_wrap_7">
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_7 yj_wrap_12">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div class="machine_wrap yyj_wrap_1 cyj_wrap_1 cyj_wrap_2 cyj_wrap_4 cyj_wrap_8">
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8 yj_wrap_10">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/cyj_1_gray.png" alt="">
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="PressMachineList[9].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="PressMachineList[9].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="PressMachineList[9].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="PressMachineList[9].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
<div class="sh_machine kongtuopan_1 kongtuopan_3">
<img src="../../../images/workshop/ktp.png" alt="">
@@ -263,24 +344,71 @@
</template>
<script>
import { workshopCondition } from '@js/getData2'
export default {
name: 'one',
data () {
return {
interTime: this.$store.getters.setTime,
timer: null,
myCharts1: '',
myCharts2: '',
myCharts3: ''
myCharts3: '',
HLDayList: [],
YZDayList: [],
CPDayList: [],
PressMachineList: [], // 压机数据
MixMachineList: [], // 混料机数据
MixBlankingList: [], // 混料机下料位
TrappedShelfList: [] // 困料位料盅
}
},
mounted () {
this.setEchart1()
this.setEchart2()
this.setEchart3()
this._workshopCondition()
// this.refresh()
},
beforeDestroy () {
clearInterval(this.timer)
},
methods: {
refresh () {
this.timer = setInterval(() => {
this._workshopCondition()
}, this.interTime)
},
async _workshopCondition () {
let res = await workshopCondition()
if (res.code === 200) {
this.HLDayList = [...res.result.HLDayList]
this.YZDayList = [...res.result.YZDayList]
this.CPDayList = [...res.result.CPDayList]
this.PressMachineList = [...res.result.PressMachineList]
this.MixMachineList = [...res.result.MixMachineList]
this.MixBlankingList = [...res.result.MixBlankingList]
this.TrappedShelfList = [...res.result.TrappedShelfList]
this.setEchart1()
this.setEchart2()
this.setEchart3()
}
// this.dayRows = [...res.result.runningStatus]
// this.weekRows = [...res.result.faultyStatus]
// this.deviceRows = [...res.result.faultyInfo]
// if (this.dayRows.length > 0) {
// this.setEchart1()
// }
// if (this.weekRows.length > 0) {
// this.setEchart2()
// }
},
setEchart1 () {
let date = ['碾机1', '碾机2', '碾机3', '碾机4', '碾机5', '碾机6', '碾机7', '碾机8', '碾机9', '碾机10', '碾机11', '碾机12', '碾机13', '碾机14', '碾机15', '碾机16']
let data1 = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000', '500', '600', '700', '800', '500', '600']
// let barName = ['碾机1', '碾机2', '碾机3', '碾机4', '碾机5', '碾机6', '碾机7', '碾机8', '碾机9', '碾机10', '碾机11', '碾机12', '碾机13', '碾机14', '碾机15', '碾机16']
// let barData = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000', '500', '600', '700', '800', '500', '600']
let barName = []
let barData = []
this.HLDayList.map(el => {
barName.push(el.device_name)
barData.push(el.real_qty)
})
let option = {
grid: {
top: 50,
@@ -321,10 +449,11 @@ export default {
},
rotate: 50
},
data: date
data: barName
},
yAxis: {
type: 'value',
name: '单位：KG',
axisLine: {
show: false
},
@@ -368,7 +497,7 @@ export default {
])
}
},
data: data1
data: barData
}
]
}
@@ -385,9 +514,17 @@ export default {
}
},
setEchart2 () {
let date = ['压机1', '压机2', '压机3', '压机4', '压机5', '压机6', '压机7', '压机8', '压机9', '压机10']
let data1 = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000']
let data2 = ['50', '180', '70', '100', '50', '70', '100', '180', '100', '120']
// let barName = ['压机1', '压机2', '压机3', '压机4', '压机5', '压机6', '压机7', '压机8', '压机9', '压机10']
// let barData1 = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000']
// let barData2 = ['50', '180', '70', '100', '50', '70', '100', '180', '100', '120']
let barName = []
let barData1 = []
let barData2 = []
this.YZDayList.map(el => {
barName.push(el.device_name)
barData1.push(el.qualified_qty)
barData2.push(el.unqualified_qty)
})
let option = {
grid: {
top: 50,
@@ -428,10 +565,11 @@ export default {
},
rotate: 50
},
data: date
data: barName
},
yAxis: {
type: 'value',
name: '单位：块',
axisLine: {
show: false
},
@@ -475,7 +613,7 @@ export default {
])
}
},
data: data1
data: barData1
},
{
name: '不合格数',
@@ -497,7 +635,7 @@ export default {
])
}
},
data: data2
data: barData2
}
]
}
@@ -514,10 +652,20 @@ export default {
}
},
setEchart3 () {
let date = ['成品1', '成品2', '成品3', '成品4', '成品5']
let data1 = ['1500', '1600', '1700', '1800', '1500']
let data2 = ['450', '500', '700', '800', '500']
let data3 = ['50', '180', '60', '70', '50']
// let barName = ['成品1', '成品2', '成品3', '成品4', '成品5']
// let barData1 = ['1500', '1600', '1700', '1800', '1500']
// let barData2 = ['450', '500', '700', '800', '500']
// let barData3 = ['50', '180', '60', '70', '50']
let barName = []
let barData1 = []
let barData2 = []
let barData3 = []
this.CPDayList.map(el => {
barName.push(el.material_code)
barData1.push(el.inventory_qty)
barData2.push(el.qualified_in_qty)
barData3.push(el.unqualified_in_qty)
})
let option = {
grid: {
top: 50,
@@ -558,10 +706,11 @@ export default {
}
// rotate: 50
},
data: date
data: barName
},
yAxis: {
type: 'value',
name: '单位：块',
axisLine: {
show: false
},
@@ -586,7 +735,7 @@ export default {
},
series: [
{
name: '弯头工段',
name: '库存数',
type: 'bar',
barWidth: '8',
barGap: '200%',
@@ -606,10 +755,10 @@ export default {
])
}
},
data: data1
data: barData1
},
{
name: '综合工段',
name: '合格入库',
type: 'bar',
barWidth: '8',
barGap: '200%',
@@ -629,10 +778,10 @@ export default {
])
}
},
data: data2
data: barData2
},
{
name: '成品工段',
name: '不合格入库',
type: 'bar',
barWidth: '8',
barGap: '200%',
@@ -652,7 +801,7 @@ export default {
])
}
},
data: data3
data: barData3
}
]
}
@@ -824,39 +973,41 @@ export default {
top 64%
&:nth-child(12)
top 69.5%
.lz_wrap_3
.yjlz_wrap_1
width 2%
height 94%
top 6%
left 35%
.lz
&:nth-child(2)
top 4%
&:nth-child(3)
top 6.55%
&:nth-child(4)
top 9.1%
&:nth-child(5)
top 14%
&:nth-child(6)
top 18%
&:nth-child(7)
top 20.5%
&:nth-child(8)
top 23%
&:nth-child(9)
top 40%
left 200%
&:nth-child(10)
top 54%
left 200%
&:nth-child(11)
top 76%
left 200%
&:nth-child(12)
top 86%
left 200%
.yyj_wrap_1
height 16.442%
top 3%
left 38%
.lz_1
width 100%
img
position relative
.lz_2
top auto
bottom 0
.yjlz_wrap_2
top 22%
.yjlz_wrap_3
top 41%
.lz_1
top 50%
transform translateY(-50%)
.yjlz_wrap_5
top 60%
.lz_1
top 50%
transform translateY(-50%)
.yjlz_wrap_7
top 75%
.lz_1
top 50%
transform translateY(-50%)
.yjlz_wrap_8
top 89%
.lz_1
top 50%
transform translateY(-50%)
.yj_wrap_1
width 16%
height 16.442%
top 3%
@@ -904,7 +1055,7 @@ export default {
background-color #fff
.block_2
left:86%
.yyj_wrap_2
.yj_wrap_2
top 22%
.robot
animation rotate_630_1 1.5s linear 1.5s infinite alternate-reverse
@@ -916,8 +1067,17 @@ export default {
top 76%
.weilan
top 16%
.cyj_wrap_1
.block_2
top 9%
left: 89%;
.yj_wrap_3
top 41%
.blj_1
width: 18%;
top: 14%;
left: 16%;
.blj_2
top 70%
.cyj_1
width 50%
height 50%
@@ -960,7 +1120,7 @@ export default {
.kongtuopan_4
top: 64%
left: 80%;
.cyj_wrap_2
.yj_wrap_5
top 60%
.kongtuopan_1
top: 14%;
@@ -972,8 +1132,10 @@ export default {
top 70%
.kongtuopan_4
top 86%
.cyj_wrap_3
.yj_wrap_7
top 75%
.blj_1
top 42%
.cyj_1
top 25%
img
@@ -984,7 +1146,7 @@ export default {
.robot
left: 75%
transform: rotate(15deg);
animation rotate_630_2 3s linear 1.5s infinite reverse
animation rotate_630_2 3s linear 1.5s infinite alternate-reverse
.kongtuopan_1
top 43%
left 90%
@@ -995,25 +1157,25 @@ export default {
width: 18%;
top: 12%;
left: 57%;
.cyj_wrap_4
.yj_wrap_8
top 89%
.yyj_wrap_3
.yj_wrap_17
left auto
right 13%
.yyj
img
left -23%
transform rotate(180deg)
.cyj_wrap_5
.yj_wrap_15
left auto
right 17%
.cyj_wrap_6
.yj_wrap_13
left auto
right 17%
.cyj_wrap_7
.yj_wrap_12
left auto
right 17%
.cyj_wrap_8
.yj_wrap_10
left auto
right 17%
.kongtuopan_3
@@ -1045,56 +1207,56 @@ export default {
_wh(100%, auto)
@keyframes rotate_2500_1 {
0% {
transform: rotate(-46deg)
transform: rotateZ(-46deg)
}
10% {
transform: rotate(-46deg)
transform: rotateZ(-46deg)
}
20% {
transform: rotate(-46deg)
transform: rotateZ(-46deg)
}
90% {
transform: rotate(-120deg)
transform: rotateZ(-120deg) rotateY(-30deg)
}
100% {
transform: rotate(-120deg)
transform: rotateZ(-120deg) rotateY(0deg)
}
}
@keyframes rotate_630_1 {
0% {
transform: rotate(-46deg)
transform: rotateZ(-46deg)
}
10% {
transform: rotate(-46deg)
transform: rotateZ(-46deg)
}
20% {
transform: rotate(-46deg)
transform: rotateZ(-46deg)
}
90% {
transform: rotate(-90deg)
transform: rotateZ(-90deg)
}
100% {
transform: rotate(-90deg)
transform: rotateZ(-90deg)
}
}
@keyframes rotate_630_2 {
0% {
transform: rotate(150deg)
transform: rotateZ(150deg) rotateY(-30deg)
}
10% {
transform: rotate(150deg)
transform: rotateZ(150deg) rotateY(0deg)
}
50% {
transform: rotate(70deg)
transform: rotateZ(70deg) rotateY(-30deg)
}
60% {
transform: rotate(70deg)
transform: rotateZ(70deg) rotateY(0deg)
}
90% {
transform: rotate(15deg)
transform: rotateZ(15deg)
}
100% {
transform: rotate(15deg)
transform: rotateZ(15deg)
}
}
</style>