|
|
@@ -8,27 +8,40 @@
|
|
|
:border-bottom="false"
|
|
|
back-icon-color="#CCE8FF"
|
|
|
:background="{background: 'linear-gradient(99deg, #7A4398 0%, #5A5DB9 100%)' }"></u-navbar>
|
|
|
+ <u-cell-item class="road-select-cell" icon="map-fill" bg-color="#fff" :border-bottom="false" :title="roadName" :arrow="true" @click="roadSelectShow = true" arrow-direction="right"></u-cell-item>
|
|
|
+ <u-select v-model="roadSelectShow" :list="roadListData" value-name="roadNo" label-name="roadName" @confirm="roadSelectConfirm"></u-select>
|
|
|
+ <u-gap height="12" bg-color="#e7e7e7"></u-gap>
|
|
|
<!-- <u-tabs :list="tabList" :is-scroll="false" height="108" bar-width="100" :current="tabCurrent" @change="tabChange"></u-tabs> -->
|
|
|
<!-- <u-gap height="20" bg-color="#F6F6F6"></u-gap> -->
|
|
|
<view class="base-info">
|
|
|
- <view class="park-num u-flex">
|
|
|
- 停车情况:
|
|
|
- <text v-if="parkNum.total&&parkNum.remaeNum">已停{{parkNum.total-parkNum.remaeNum}}个;</text>
|
|
|
- <text v-if="parkNum.remaeNum">空余{{parkNum.remaeNum}}个</text>
|
|
|
+ <view class="park-num u-flex u-row-between">
|
|
|
+ <view class="">
|
|
|
+ 停车情况:
|
|
|
+ <text v-if="parkNum.total&&parkNum.remaeNum">已停{{parkNum.total-parkNum.remaeNum}}个;</text>
|
|
|
+ <text v-if="parkNum.remaeNum">空余{{parkNum.remaeNum}}个</text>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="">异常上报</view> -->
|
|
|
</view>
|
|
|
<view class="u-flex u-row-between">
|
|
|
- <text @click="goDeviceList" style="color: #0082FF;">
|
|
|
+ <view class="">
|
|
|
+ 道闸控制:
|
|
|
+ <text @click="deviceSelectShow=true;deviceSelectConfirmType='close';deviceSelectTitle='关闸'" style="color: #5198ff;" class="u-m-r-30">关闸</text>
|
|
|
+ <text @click="deviceSelectShow=true;deviceSelectConfirmType='open';deviceSelectTitle='开闸'" style="color: #dba80f;">开闸</text>
|
|
|
+ <!-- <u-button type="success" size="mini">关闸</u-button>
|
|
|
+ <u-button type="success" size="mini" :plain="true">开闸</u-button> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- <text @click="goDeviceList" style="color: #0082FF;">
|
|
|
出入口信息
|
|
|
<u-icon name="arrow-right" color="#0082FF" size="32" style="vertical-align: middle;"></u-icon>
|
|
|
- </text>
|
|
|
- <!-- <text>异常上报</text> -->
|
|
|
+ </text> -->
|
|
|
+ <text @click="deviceSelectShow=true;deviceSelectConfirmType='report';deviceSelectTitle='异常上报'" style="color: #6b79ff;">异常上报</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <mescroll-uni ref="mescrollRef01" @init="mescrollInit" :top="config.platform=='h5'?250:350" :down="downOption" @down="downCallback" :up="upOption" @up="upCallback" @emptyclick="emptyClick">
|
|
|
+ <mescroll-uni ref="mescrollRef01" @init="mescrollInit" :top="config.platform=='h5'?350:450" :down="downOption" @down="downCallback" :up="upOption" @up="upCallback" @emptyclick="emptyClick">
|
|
|
<view class="device-list u-flex u-flex-wrap u-row-start" v-if="dataList.length>1">
|
|
|
- <view class="device-list-item u-m-b-24" v-for="item in dataList" :key="item.id"
|
|
|
- @click="goDetails(item.id)">
|
|
|
+ <view class="device-list-item u-m-b-24" v-for="item in dataList" :key="item.id">
|
|
|
<view class="top u-text-center">
|
|
|
<view class="space-name">
|
|
|
<text>{{item.vehicleNo}}</text>
|
|
|
@@ -50,6 +63,14 @@
|
|
|
<view class="text">该停车场还没有车辆!</view>
|
|
|
</view>
|
|
|
</mescroll-uni>
|
|
|
+ <u-select
|
|
|
+ :title="deviceSelectTitle"
|
|
|
+ v-model="deviceSelectShow"
|
|
|
+ :list="parkDeviceList"
|
|
|
+ value-name="roadwayNo"
|
|
|
+ label-name="roadwayName"
|
|
|
+ @confirm="deviceSelectConfirm">
|
|
|
+ </u-select>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -62,7 +83,7 @@
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
- roadName:'',
|
|
|
+ roadName:'全部停车场',
|
|
|
roadNo:'',
|
|
|
title:"停车场",
|
|
|
downOption:{
|
|
|
@@ -85,7 +106,12 @@
|
|
|
remaeNum:null,
|
|
|
total:null
|
|
|
},
|
|
|
-
|
|
|
+ roadSelectShow:false,
|
|
|
+ roadListData:[],
|
|
|
+ parkDeviceList:[],
|
|
|
+ deviceSelectShow:false,
|
|
|
+ deviceSelectConfirmType:'',
|
|
|
+ deviceSelectTitle:'',
|
|
|
}
|
|
|
},
|
|
|
onLoad(page){
|
|
|
@@ -100,22 +126,22 @@
|
|
|
if(page.deviceType){
|
|
|
this.deviceType = page.deviceType
|
|
|
}
|
|
|
+ this.getRoadList()
|
|
|
+
|
|
|
},
|
|
|
onShow(){
|
|
|
this.selectParkNum();
|
|
|
},
|
|
|
methods:{
|
|
|
customBack(){
|
|
|
- this.$u.route({
|
|
|
- url: '/pages/deviceList/deviceList',
|
|
|
- type:'redirect',
|
|
|
- params:{
|
|
|
- param:this.deviceType
|
|
|
- }
|
|
|
- })
|
|
|
- // uni.reLaunch({
|
|
|
- // url: '/pages/deviceList/deviceList'
|
|
|
- // });
|
|
|
+ let canNavBack = getCurrentPages();
|
|
|
+ if(canNavBack && canNavBack.length>1) {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ history.back();
|
|
|
+ }
|
|
|
},
|
|
|
openPage(path,id) {
|
|
|
this.$u.route({
|
|
|
@@ -166,6 +192,7 @@
|
|
|
if(page.num == 1) this.dataList = []; //如果是第一页需手动制空列表
|
|
|
this.dataList=this.dataList.concat(curPageData.data.rows); //追加新数据
|
|
|
console.log('this.dataList',this.dataList);
|
|
|
+ this.selectParkNum();
|
|
|
}).catch(()=>{
|
|
|
console.log('catch');
|
|
|
//联网失败, 结束加载
|
|
|
@@ -182,6 +209,7 @@
|
|
|
this.mescroll.resetUpScroll( );
|
|
|
},
|
|
|
selectParkNum(){
|
|
|
+ if(!this.roadNo){return}
|
|
|
this.$u.api.selectParkNum({roadNo:this.roadNo}).then(res=>{
|
|
|
console.log('selectParkNum',res);
|
|
|
this.parkNum = res.data;
|
|
|
@@ -190,7 +218,82 @@
|
|
|
//联网失败, 结束加载
|
|
|
this.mescroll.endErr();
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ async getParkDeviceList(){
|
|
|
+ let params ={
|
|
|
+ roadNo:this.roadNo,
|
|
|
+ deviceType:this.deviceType,//设备类型: 1-地磁 2-车位锁
|
|
|
+ pageNum:1,
|
|
|
+ pageSize:100
|
|
|
+ };
|
|
|
+ let {code,data} = await this.$u.api.selectParkDeviceList(params);
|
|
|
+ this.parkDeviceList = data.rows
|
|
|
+ // this.parkDeviceList = data.rows.map(item=>{
|
|
|
+ // return {
|
|
|
+ // label: item.roadwayName,
|
|
|
+ // value: item.roadwayNo
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // console.log('this.parkDeviceList',this.parkDeviceList);
|
|
|
+ },
|
|
|
+ getRoadList(){
|
|
|
+ let that = this;
|
|
|
+ that.$u.api.getRoadList()
|
|
|
+ .then(res=>{
|
|
|
+ this.roadListData = res.data.filter(item => item.type== 3);
|
|
|
+ console.log('this.roadListData111',this.roadListData);
|
|
|
+ this.roadName = this.roadListData[0].roadName;
|
|
|
+ this.roadNo = this.roadListData[0].roadNo;
|
|
|
+ this.mescroll.resetUpScroll();
|
|
|
+ this.getParkDeviceList()
|
|
|
+ // console.log('this.getRoadList',res)
|
|
|
+ }).catch(err=>{
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ title: err.msg,
|
|
|
+ type: 'error',
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ roadSelectConfirm(e){
|
|
|
+ // console.log('roadSelectConfirm',e[0]);
|
|
|
+ this.roadName = e[0].label;
|
|
|
+ this.roadNo = e[0].value;
|
|
|
+ console.log('this.roadNo',this.roadNo);
|
|
|
+ this.mescroll.resetUpScroll();
|
|
|
+ this.getParkDeviceList()
|
|
|
+ },
|
|
|
+ deviceSelectConfirm(e){
|
|
|
+ console.log('deviceSelectConfirm',e);
|
|
|
+ console.log('deviceSelectConfirmType',this.deviceSelectConfirmType);
|
|
|
+ if(this.deviceSelectConfirmType=='close'||this.deviceSelectConfirmType=='open'){
|
|
|
+ let param = {
|
|
|
+ roadwayNo:e[0].value,
|
|
|
+ command:this.deviceSelectConfirmType=='close'?0:1
|
|
|
+ }
|
|
|
+ this.$u.api.controlDevice(param).then(res=>{
|
|
|
+ uni.showToast({
|
|
|
+ icon:'none',
|
|
|
+ title:res.msg
|
|
|
+ })
|
|
|
+ }).catch(()=>{
|
|
|
+ console.log('catch');
|
|
|
+ //联网失败, 结束加载
|
|
|
+ this.mescroll.endErr();
|
|
|
+ })
|
|
|
+ }else if(this.deviceSelectConfirmType=='report'){
|
|
|
+ let selectItem = this.parkDeviceList.filter(item => item.roadwayNo== e[0].value);
|
|
|
+ this.$u.route({
|
|
|
+ url: 'pages/report/report',
|
|
|
+ params:{
|
|
|
+ id:selectItem[0].id,
|
|
|
+ deviceId:selectItem[0].deviceId,
|
|
|
+ roadNo:selectItem[0].roadNo,
|
|
|
+ roadName:selectItem[0].roadName,
|
|
|
+ deviceType:selectItem[0].deviceType,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
}
|
|
|
}
|
