root/apt-nl-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

img

Browse Source
This commit is contained in:
xiangxy
2023-10-19 14:25:43 +08:00
parent 5f96b1dce1
commit 2288ca8e1a
17 changed files with 215 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
src/pages/modules/home/home.vue
View File

@@ -1,38 +1,45 @@
<template>
<div class="main-container">
<div class="main-container box1">
<div class="con1">
<button v-if="dataInfo.button_name" @click="clickSave">{{dataInfo.button_name}}</button>
<div class="tip">障碍物告警</div>
</div>
<div class="con2">
<div class="infoli">
<img src="../../../images/aio/icon2.png">
<span class="title">设备信息：</span>
<span class="txt">{{dataInfo.device_info}}</span>
<!-- <button v-if="dataInfo.button_name" @click="clickSave">{{dataInfo.button_name}}继续搬运</button> -->
<div class="rt">
<div class="rttxt">设备信息</div>
</div>
<div class="infoli">
<img src="../../../images/aio/icon5.png">
<span class="title">当前任务：</span>
<span class="txt">{{dataInfo.task_name}}</span>
</div>
<div class="infoli">
<img src="../../../images/aio/icon5.png">
<span class="title">任务状态：</span>
<span class="txt">{{dataInfo.task_status}}</span>
</div>
<div class="infoli">
<img src="../../../images/aio/icon5.png">
<span class="title">任务数量：</span>
<span class="txt">{{dataInfo.task_num}}</span>
</div>
<div class="infoli">
<img src="../../../images/aio/icon6.png">
<span class="title">当前速度：</span>
<span class="txt">{{dataInfo.speed}}</span>
</div>
<div class="infoli">
<img src="../../../images/aio/icon4.png">
<span class="title">AGV故障：</span>
<span class="txt">{{dataInfo.error_name}}</span>
<div class="rc">
<div class="infoli01">
<span class="title">设备信息</span>
<span class="txt01">{{dataInfo.device_info}}</span>
<div class="line"></div>
</div>
<div class="infoli">
<span class="title">当前任务</span>
<span class="txt">{{dataInfo.task_name}}</span>
<div class="line"></div>
</div>
<div class="infoli">
<span class="title">任务状态</span>
<span class="txt">{{dataInfo.task_status}}</span>
<div class="line"></div>
</div>
<div class="infoli">
<span class="title">任务数量</span>
<span class="txt">{{dataInfo.task_num}}</span>
<div class="line"></div>
</div>
<div class="infoli infoli3">
<span class="title">当前速度</span>
<span class="txt">{{dataInfo.speed}}</span>
<div class="speed-bg"></div>
<div class="line" style="top: 110px"></div>
</div>
<div class="infoli infoli3">
<span class="title">AGV故障</span>
<span class="txt txt2">{{dataInfo.error_name}}</span>
</div>
<button class="btn" @click="clickSave">{{dataInfo.button_name}}继续搬运</button>
</div>
</div>
</div>
@@ -50,12 +57,20 @@ export default {
return {
interTime: this.$store.getters.setTime,
timer: null,
dataInfo: {}
// dataInfo: {}
dataInfo: {
device_info: 'NobleLiftPs10LMT_ HuaHai',
task_name: '无',
task_status: '有任务未执行',
task_num: '待执行',
speed: '0.0m/s',
error_name: '障碍物告警'
}
}
},
created () {
this.initData()
this.refresh()
// this.initData()
// this.refresh()
},
beforeDestroy () {
clearInterval(this.timer)
@@ -100,6 +115,8 @@ export default {
color #fa6400
.cgreen
color #54C0B3
.box1
background center / 100% 100% url(../../../images/new/bg-home.png) no-repeat
.con0
height 1rem
margin-top .26rem
@@ -127,46 +144,100 @@ export default {
width 4.5rem
height 4.5rem
// background center / 100% 100% url(../../../images/aio/car2.png) no-repeat
background center / 100% 100% url(../../../images/aio/AGV223.gif) no-repeat
background center / 100% 100% url(../../../images/new/car-home.png) no-repeat
// background center / 100% 100% url(../../../images/aio/AGV223.gif) no-repeat
margin-left .95rem
margin-right .95rem
margin-top 1.1rem
button
box-sizing border-box
border 8px solid #F1F1F5
border-radius 16px
font-size .3rem
background #ffffff
padding 0.2rem
font-size 24px
margin-top 1.5rem
.tip
width 542px
height 120px
line-height 120px
color #FF907F
font-style italic
font-size 36px
text-align center
background center / 100% 100% url(../../../images/new/bg-home-tip.png) no-repeat
.con2
float left
width 4.8rem
height 4.5rem
background center / 100% 100% url(../../../images/aio/bg2.png) no-repeat
padding-top .2rem
margin-top 1.1rem
.infoli
width 4.5rem
line-height 0.65rem
height 0.65rem
background #ffffff
margin 0 auto
// margin-bottom 2px
border-bottom 1px dotted #cccccc
img
float left
margin .22rem .15rem 0 .31rem
width .22rem
height .22rem
.title
float left
display inline-block
font-size .2rem
color #323232
.txt
float left
display inline-block
font-size .2rem
color #FA6400
margin-top 100px
.btn
width 335px
height 91px
background center / 100% 100% url(../../../images/new/button.png) no-repeat
margin-left 167px
position relative
top -20px
.rt
width 646px
height 102px
font-size 36px
font-style italic
color #F6F9FE
background center / 100% 100% url(../../../images/new/bg-home-r1.png) no-repeat
.rttxt
margin-left 31px
padding-top 40px
.rc
width 652px
height 697px
font-size 36px
color #B4C1D8
background center / 100% 100% url(../../../images/new/bg-home-r2.png) no-repeat
.infoli01
width 542px
height 140px
margin 0 auto
padding-top 45px
.title
float left
display inline-block
color #f6f9fe
.txt01
float left
display inline-block
color #3CC1FF
margin-left 54px
width 330px
line-height 36px
.infoli
width 542px
line-height 94px
height 94px
margin 0 auto
.title
float left
display inline-block
color #f6f9fe
.txt
float left
display inline-block
color #3CC1FF
margin-left 54px
.infoli3
line-height 94px
height 124px
.title
float left
display inline-block
color #f6f9fe
.txt
float left
display inline-block
color #3CC1FF
margin-left 54px
.speed-bg
width 513px
height 12px
background center / 100% 100% url(../../../images/new/bg-home-r3.png) no-repeat
position relative
top 95px
.line
width 543px
height 1px
background center / 100% 100% url(../../../images/new/bg-home-r4.png) no-repeat
position relative
top 92px
.txt2
color #E54F29 !important
</style>