-
+
-
+
+
+
-
-
-
-
-
+
@@ -364,7 +414,16 @@ export default {
loadLocation: [],
laminatingMachine: {},
press: [],
- frontWarehouse: []
+ frontWarehouse: [],
+ backWarehouse: [],
+ conveyorLine: [],
+ gantryRobot: [],
+ kiln: [],
+ emptyVehicleConveyorLine: {},
+ coolingConveyorLine: [],
+ trayStacker: {},
+ vconveyorLine: [],
+ trayDestacker: {}
}
},
created () {
@@ -400,6 +459,23 @@ export default {
})
// 窑前货架
this.frontWarehouse = [...res.frontWarehouse.storageLocation]
+ // 窑后货架
+ this.backWarehouse = [...res.backWarehouse.storageLocation]
+ // 干燥区
+ this.conveyorLine = [...res.dry.conveyorLine]
+ this.gantryRobot = [...res.dry.gantryRobot]
+ this.kiln = [...res.dry.kiln]
+ this.emptyVehicleConveyorLine = [...res.dry.emptyVehicleConveyorLine][0]
+ this.coolingConveyorLine = [...res.dry.coolingConveyorLine]
+ // 托盘输送线
+ this.trayStacker = [...res.vehicleConveyorLine.trayStacker][0]
+ let vconveyorLine = [{status: ''}, {status: ''}, {status: ''}, {status: ''}, {status: ''}]
+ vconveyorLine.length = 5
+ vconveyorLine.map(el => {
+ el.status = [...res.vehicleConveyorLine.conveyorLine][0].status
+ })
+ this.vconveyorLine = vconveyorLine
+ this.trayDestacker = [...res.vehicleConveyorLine.trayDestacker][0]
}
}
}
@@ -410,7 +486,6 @@ export default {
.center_wrapper
_wh(100%, 100%)
position relative
- // background url(./q.jpg) no-repeat
background-size 100% 100%
.status_wrap
position absolute
@@ -430,15 +505,17 @@ export default {
_font(16px, 1, #fff)
.machine_block
position absolute
- border 1px dashed #8FABBF
- padding .2rem .1rem
+ border: 1px solid #00c8da;
+ padding: 0.2rem 0.1rem;
+ box-shadow: 0 0 15px #0087ac;
+ border-radius: 10px;
.machine_block_1
_wh(48%, 50%)
left 0
top 0
.machine_block_2
_wh(35%, 23%)
- left 54%
+ left 58%
top 21%
.machine_block_3
_wh(55%, 30%)
@@ -447,7 +524,7 @@ export default {
padding .1rem 3.5%
.machine_block_4
_wh(38%, 34%)
- left 59%
+ left 60%
top 54%
.machine_block_5
_wh(14%, auto)
@@ -470,9 +547,10 @@ export default {
_wh(100%, 100%)
.yjbyx_1
_wh(100%, 10%)
-.yjbyx_2
top auto
bottom 0
+.yjbyx_2
+ _wh(100%, 10%)
.yao_line_1
position absolute
_wh(100%, 6px)
@@ -490,7 +568,7 @@ export default {
background-color #e1e1e1
.yao_wrap
position absolute
- _wh(4%, 100%)
+ _wh(2%, 100%)
background-color #ded8e6
.yao_layer1
position absolute
@@ -505,6 +583,11 @@ export default {
top 0
_wh(2px, 100%)
background-color #ddb528
+.yao_layer3
+ position absolute
+ left -10px
+ top 5%
+ _wh(calc(100% + 20px), 90%)
.yao_1
left 3%
.yao_2
@@ -529,19 +612,25 @@ export default {
top auto
bottom 0
left 25%
-.ktp_wrap_1
+.ktp_yao_back_wrap_1
left auto
- right: 4%;
- top: 11%;
- _wh(3.3%, auto)
-.ktp_wrap_2
- right 0
-.ktp
- _wh(100%, auto)
- margin-bottom 0.5px
+ right: 0;
+ top: 10%;
+ _wh(7%, auto)
+ _fj()
+ flex-wrap wrap
+.ktp_yao_back
+ _wh(50%, auto)
+.dpj_wrap
+ _wh(6%, auto)
+ left auto
+ top auto
+ right 1%
+ bottom 15%
.ltssj_wrap
- _wh(4%, auto)
- left: 93%;
+ _wh(3.3%, auto)
+ left: auto;
+ right 4%
top: 87%;
.weilan_wrap_1
_wh(auto, 100%)
@@ -654,15 +743,27 @@ export default {
top 75%
.yj_1600_block
position absolute
- left: 3%;
- top: 3%;
- _wh(38%, 45%)
+ left: 5%;
+ top: 5%;
+ _wh(33%, 40%)
.weilan_1600_wrap
- _wh(76%, 100%)
-.yj_1600_wrap
- _wh(27%, auto)
+ _wh(70%, 100%)
+.slw_1600_wrap_1
+ _wh(16%, auto)
left auto
right 0
+ top 11%
+ transform: rotate(90deg)
+.slw_1600_wrap_2
+ top auto
+ bottom 11%
+.yj_1600_wrap_1
+ _wh(22.5%, 40%)
+ left auto
+ right 16%
+.yj_1600_wrap_2
+ top auto
+ bottom 0
.qzj_1600_wrap
_wh(22%, auto)
left auto
@@ -675,22 +776,29 @@ export default {
top 10%
.robot_1600_wrap
_wh(1%, 1%)
- left: 32%;
- top: 68%;
+ left: 33%;
+ top: 52%;
+ transform: rotate(145deg)
img
position absolute
- width: 3000%;
+ width: 4500%;
height auto
- top: -800%;
- left: -2300%;
+ top: -1300%;
+ left: -3500%;
.ktp_1600_wrap
- _wh(16%, auto)
+ _wh(18%, auto)
.ktp_1600_wrap_1
left 10%
- top 80%
+ top 16%
.ktp_1600_wrap_2
- left 42%
- top 80%
+ left 38%
+ top 16%
+.ktp_1600_wrap_3
+ left 10%
+ top 76%
+.ktp_1600_wrap_4
+ left 38%
+ top 76%
.yj_1250_block
left auto
right 3%
@@ -700,13 +808,18 @@ export default {
right 3%
bottom 3%
.weilan_2500_wrap
- _wh(80%, 70%)
+ _wh(100%, 80%)
+.slw_2500_wrap
+ _wh(16%, auto)
+ top auto
+ bottom 0
+ left 74%
.yj_2500_wrap
- _wh(27%, auto)
+ _wh(38%, 24%)
top auto
left auto
right 0
- bottom 0
+ bottom 16%
.jzj_2500_wrap
_wh(36%, auto)
left auto
@@ -717,14 +830,25 @@ export default {
left 50%
top 22%
.robot_2500_wrap
- left: 40%;
- top: 14%;
+ left: 47%;
+ top: 30%;
+ transform: rotate(227deg)
+.ktp_2500_wrap
+ _wh(13%,auto)
.ktp_2500_wrap_1
left 10%
top 8%
.ktp_2500_wrap_2
- left 56%
+ left auto
+ right 10%
top 8%
+.ktp_2500_wrap_3
+ left 10%
+ top 36%
+.ktp_2500_wrap_4
+ left auto
+ right 10%
+ top 36%
.lz_hj_wrap
_wh(100%, 100%)
_fj(center)
@@ -752,6 +876,28 @@ export default {
_wh(calc(100% / 22), auto)
img
_wh(100%, auto)
+.ktp_yao_front_wrap
+ _wh(1.5%, auto)
+ transform: rotate(-90deg);
+ top: 19%;
+ left: 29.5%;
+.ktp_yao_front
+ _wh(100%, auto)
+.cpj_ssx_wrap
+ _wh(12%, auto)
+ left: 81%;
+ top: 48%;
+.ssx_wrap
+ _wh(100%, auto)
+ _fj()
+.ssx
+ width 20%
+ img
+ _wh(100%, auto)
+.cpj_wrap
+ _wh(18%, auto)
+ top: -51%;
+ left: 20%;
.rotate_1
animation rotate_1 1.5s linear 1.5s infinite alternate-reverse
@keyframes rotate_1 {
@@ -784,4 +930,36 @@ export default {
transform: rotateZ(-45deg)
}
}
+.rotate_3
+ animation rotate_3 1.5s linear 1.5s infinite alternate-reverse
+@keyframes rotate_3 {
+ 0% {
+ transform: rotateZ(145deg)
+ }
+ 10% {
+ transform: rotateZ(145deg)
+ }
+ 90% {
+ transform: rotateZ(110deg)
+ }
+ 100% {
+ transform: rotateZ(110deg)
+ }
+}
+.rotate_4
+ animation rotate_4 1.5s linear 1.5s infinite alternate-reverse
+@keyframes rotate_4 {
+ 0% {
+ transform: rotateZ(227deg)
+ }
+ 10% {
+ transform: rotateZ(227deg)
+ }
+ 90% {
+ transform: rotateZ(190deg)
+ }
+ 100% {
+ transform: rotateZ(190deg)
+ }
+}
@@ -52,9 +42,10 @@
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
- 
- 
- 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+