|
@@ -2,7 +2,7 @@
|
|
|
<view>
|
|
|
<u-navbar title="设备列表" ></u-navbar>
|
|
|
<view class="main">
|
|
|
- <view class="tabs">
|
|
|
+ <view class="tabs" v-if="0">
|
|
|
<u-picker v-model="tabsFrom.show1"
|
|
|
:default-selector="[tabsFrom.show1Index]"
|
|
|
mode="selector" :range="tabsFrom.selector1" range-key="label" @confirm="selector1confirm" ></u-picker>
|
|
@@ -20,29 +20,30 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="list">
|
|
|
- <view class="line" @click="gotoUrl('/pages/deviceTab/dataLock?id=1')" >
|
|
|
+ <view class="line" v-for="(item,i) in list" :key="i"
|
|
|
+ @click="gotoUrl('/pages/deviceTab/dataLock?id='+item.id)" >
|
|
|
<view class="body">
|
|
|
<view class="imgclass">
|
|
|
<image class="img" src="@/assets/img/deviceTab/index2-1.svg" mode=""></image>
|
|
|
</view>
|
|
|
<view class="item">
|
|
|
<view class="name">
|
|
|
- <view class="text">软件园</view>
|
|
|
- <view class="tag">私人车位</view>
|
|
|
+ <view class="text">{{item.name}}</view>
|
|
|
+ <view class="tag" :class="'type'+item.type">{{item.typeN}}</view>
|
|
|
</view>
|
|
|
<view class="value">
|
|
|
- 占用9
|
|
|
+ {{item.parkingName}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="goto">
|
|
|
- <view class="dian"></view>
|
|
|
- <view class="text">在线</view>
|
|
|
+ <view class="dian" :class="'status'+item.status"></view>
|
|
|
+ <view class="text" :class="'status'+item.status" >{{item.status==1?'在线':'离线'}}</view>
|
|
|
<u-icon name="arrow-right" size="24" color="#BBBBBB"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view class="line">
|
|
|
+ <!-- <view class="line">
|
|
|
<view class="body">
|
|
|
<view class="imgclass">
|
|
|
<image class="img" src="@/assets/img/deviceTab/index2-1.svg" mode=""></image>
|
|
@@ -62,11 +63,12 @@
|
|
|
<view class="goto">
|
|
|
<u-icon name="arrow-right" size="24" color="#BBBBBB"></u-icon>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
|
|
|
</view>
|
|
|
|
|
|
- <view class="floating-button" @click="gotoUrl('/pages/deviceTab/bindLock')">
|
|
|
+ <view class="floating-button" v-if="false"
|
|
|
+ @click="gotoUrl('/pages/deviceTab/bindLock')">
|
|
|
<view class="button">
|
|
|
<img class="img" src="@/assets/img/deviceTab/index2-2.svg" alt="">
|
|
|
|
|
@@ -77,6 +79,8 @@
|
|
|
|
|
|
|
|
|
</view>
|
|
|
+ <u-divider :isnone="list.length==0" nonetext="没有找到相关内容" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
@@ -89,6 +93,12 @@
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
+ list:[],
|
|
|
+ listForm:{
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ recordsTotal: 1,
|
|
|
+ },
|
|
|
title:"场站列表",
|
|
|
tabsFrom: {
|
|
|
show1: false,
|
|
@@ -114,6 +124,53 @@
|
|
|
]
|
|
|
},
|
|
|
};
|
|
|
+ },
|
|
|
+ onLoad(op) {
|
|
|
+ if(op.id){
|
|
|
+ this.listForm.parkingId=op.id
|
|
|
+ }
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ onReachBottom() {
|
|
|
+ if (this.list.length < this.listForm.recordsTotal) {
|
|
|
+ this.myLoadmore();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ myLoadmore(){
|
|
|
+ this.listForm.pageIndex += 1;
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+
|
|
|
+ API.floorlockList(this.listForm).then((res) => {
|
|
|
+ var list=[]
|
|
|
+
|
|
|
+ if (this.listForm.pageIndex == 1) {
|
|
|
+ list = res.data.data;
|
|
|
+ } else {
|
|
|
+ list = [
|
|
|
+ ...list,
|
|
|
+ ...res.data.data
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ this.list = res.data.data
|
|
|
+ uni.hideLoading();
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+
|
|
|
+ uni.hideLoading();
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -137,6 +194,10 @@
|
|
|
background-color: rgba(184,184,184,1);
|
|
|
margin-right: 16rpx;
|
|
|
}
|
|
|
+ .status1{
|
|
|
+ background-color: #4CAF50;
|
|
|
+ color:#4CAF50;
|
|
|
+ }
|
|
|
.text{
|
|
|
margin-right: 16rpx;
|
|
|
font-size: 24rpx;
|
|
@@ -172,6 +233,9 @@
|
|
|
padding:1px 8rpx;
|
|
|
margin-left: 8rpx;
|
|
|
}
|
|
|
+ .type2{
|
|
|
+ background-color: #8161ff;
|
|
|
+ }
|
|
|
}
|
|
|
.value{
|
|
|
color: rgba(119,119,119,1);
|