|
@@ -36,6 +36,9 @@
|
|
</view>
|
|
</view>
|
|
<view class="line">
|
|
<view class="line">
|
|
编号:{{info.lockNo}}
|
|
编号:{{info.lockNo}}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line" style=" color: #909399;">
|
|
|
|
+ 更新时间:{{info.lastOnlineTime}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="value" v-if="0">
|
|
<view class="value" v-if="0">
|
|
@@ -47,18 +50,22 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="top-span">
|
|
<view class="top-span">
|
|
- <!-- <view class="item-span">
|
|
|
|
|
|
+ <view class="item-span">
|
|
<img src="@/assets/img/topspan/span1.png">
|
|
<img src="@/assets/img/topspan/span1.png">
|
|
<span>车位</span>
|
|
<span>车位</span>
|
|
- <span>空闲</span>
|
|
|
|
- </view> -->
|
|
|
|
|
|
+ <span v-if="info.parkingStatus==1" style="color: #1677FF;" >有车</span>
|
|
|
|
+ <span v-else-if="info.parkingStatus==0" style="color: #00B962;" >无车</span>
|
|
|
|
+ </view>
|
|
<view class="item-span">
|
|
<view class="item-span">
|
|
<img src="@/assets/img/topspan/span2.png">
|
|
<img src="@/assets/img/topspan/span2.png">
|
|
<span>地锁</span>
|
|
<span>地锁</span>
|
|
<span style="color: red;"
|
|
<span style="color: red;"
|
|
v-if="info.lockStatus==4||info.lockStatus==0">
|
|
v-if="info.lockStatus==4||info.lockStatus==0">
|
|
错误</span>
|
|
错误</span>
|
|
- <span v-else :class="info.lockStatus==1?'lockStatusX1':'lockStatusX2'" >{{info.lockStatus==1?'升起':'降落'}}</span>
|
|
|
|
|
|
+ <span v-else-if="info.lockStatus==1" style="color: #1677FF;" >升起</span>
|
|
|
|
+ <span v-else-if="info.lockStatus==2" style="color: #00B962;" >降落</span>
|
|
|
|
+ <span v-else >其他</span>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="item-span">
|
|
<view class="item-span">
|
|
@@ -70,7 +77,22 @@
|
|
<view class="item-span">
|
|
<view class="item-span">
|
|
<img src="@/assets/img/topspan/span4.png">
|
|
<img src="@/assets/img/topspan/span4.png">
|
|
<span>网络</span>
|
|
<span>网络</span>
|
|
- <span :class="info.status==1?'statusX1':'statusX2'" >{{info.status==0?'离线':'在线'}}</span>
|
|
|
|
|
|
+
|
|
|
|
+ <span v-if="info.status==1" style="color: #00B962;" >在线</span>
|
|
|
|
+ <span v-else-if="info.status==0" style="color: red" >离线</span>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="item-span">
|
|
|
|
+ <img src="@/assets/img/topspan/span5.png">
|
|
|
|
+ <span>雷达</span>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <span v-if="info.radarStatus==0" style="color: #00B962;" >正常</span>
|
|
|
|
+ <span v-else-if="info.radarStatus==1" style="color: red" >故障</span>
|
|
|
|
+
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -89,7 +111,7 @@
|
|
<view class="name">
|
|
<view class="name">
|
|
使用率
|
|
使用率
|
|
</view>
|
|
</view>
|
|
- <view class="value">
|
|
|
|
|
|
+ <view class="value" v-if="lockUsageRateData&&lockUsageRateData.usageRate">
|
|
{{lockUsageRateData.usageRate=='∞'?'/':lockUsageRateData.usageRate+'%'}}
|
|
{{lockUsageRateData.usageRate=='∞'?'/':lockUsageRateData.usageRate+'%'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -729,13 +751,14 @@
|
|
onLoad(op) {
|
|
onLoad(op) {
|
|
if(op.id){
|
|
if(op.id){
|
|
this.id=op.id
|
|
this.id=op.id
|
|
|
|
+ this.init();
|
|
}
|
|
}
|
|
this.body0data.tabsFrom.showIndex=new Date().getFullYear()+'-'+(new Date().getMonth()+1)
|
|
this.body0data.tabsFrom.showIndex=new Date().getFullYear()+'-'+(new Date().getMonth()+1)
|
|
},
|
|
},
|
|
onReady() {
|
|
onReady() {
|
|
- if(this.id){
|
|
|
|
- this.init();
|
|
|
|
- }
|
|
|
|
|
|
+ // if(this.id){
|
|
|
|
+
|
|
|
|
+ // }
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -1737,7 +1760,7 @@
|
|
.item-span{
|
|
.item-span{
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
-
|
|
|
|
|
|
+ margin-top: 4rpx;
|
|
width: 30%;
|
|
width: 30%;
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
span{
|
|
span{
|