|
@@ -55,7 +55,7 @@
|
|
</view>
|
|
</view>
|
|
</u-card>
|
|
</u-card>
|
|
|
|
|
|
- <view class="empty-data-box" v-if="!orderList||orderList.length<1">
|
|
|
|
|
|
+ <view class="empty-data-box" v-if="!orderList || orderList.length < 1">
|
|
<u-empty text="暂无停车信息" mode="list"></u-empty>
|
|
<u-empty text="暂无停车信息" mode="list"></u-empty>
|
|
</view>
|
|
</view>
|
|
<template v-for="(item, index) in orderList">
|
|
<template v-for="(item, index) in orderList">
|
|
@@ -174,12 +174,14 @@
|
|
city: '贵州省',
|
|
city: '贵州省',
|
|
keyword:'',
|
|
keyword:'',
|
|
bannerList:[
|
|
bannerList:[
|
|
- {image: '/static/img/index-banner01.png',title: ''}
|
|
|
|
|
|
+ {
|
|
|
|
+ image: require('@/static/img/index-banner01.png')
|
|
|
|
+ }
|
|
],
|
|
],
|
|
orderList:[],
|
|
orderList:[],
|
|
cityOpen:false,
|
|
cityOpen:false,
|
|
pendingOrder:[],
|
|
pendingOrder:[],
|
|
- code:null,//微信code
|
|
|
|
|
|
+ code: null,//微信code
|
|
orderNav:'',//手动,无感
|
|
orderNav:'',//手动,无感
|
|
bindCarShow:false,//绑定车询问弹窗
|
|
bindCarShow:false,//绑定车询问弹窗
|
|
showOrderDetails:false,//是否线上订单细节
|
|
showOrderDetails:false,//是否线上订单细节
|
|
@@ -201,7 +203,7 @@
|
|
contractStatus:'',
|
|
contractStatus:'',
|
|
vehicleId:'',
|
|
vehicleId:'',
|
|
recordList:[],
|
|
recordList:[],
|
|
- // 支付方式
|
|
|
|
|
|
+ // 支付方式弹框
|
|
payWayPop: false,
|
|
payWayPop: false,
|
|
// 订单号
|
|
// 订单号
|
|
curOrderList: [],
|
|
curOrderList: [],
|
|
@@ -223,8 +225,6 @@
|
|
//判断是否有这个对象
|
|
//判断是否有这个对象
|
|
navigator.geolocation.getCurrentPosition(function(pos){
|
|
navigator.geolocation.getCurrentPosition(function(pos){
|
|
console.log("经度:"+pos.coords.longitude+"纬度:"+pos.coords.latitude);
|
|
console.log("经度:"+pos.coords.longitude+"纬度:"+pos.coords.latitude);
|
|
- // alert(latitude)
|
|
|
|
- // alert(longitude)
|
|
|
|
that.latLongItude = {latitude: pos.coords.latitude,longitude:pos.coords.longitude};
|
|
that.latLongItude = {latitude: pos.coords.latitude,longitude:pos.coords.longitude};
|
|
that.latitude = pos.coords.latitude;
|
|
that.latitude = pos.coords.latitude;
|
|
that.longitude = pos.coords.longitude;
|
|
that.longitude = pos.coords.longitude;
|
|
@@ -255,8 +255,6 @@
|
|
},
|
|
},
|
|
// 通过经纬度获取地区详细信息
|
|
// 通过经纬度获取地区详细信息
|
|
getCityNameByLonLat({longitude,latitude} = {}){
|
|
getCityNameByLonLat({longitude,latitude} = {}){
|
|
- // alert(latitude)
|
|
|
|
- // alert(longitude)
|
|
|
|
let that = this;
|
|
let that = this;
|
|
uni.showLoading({
|
|
uni.showLoading({
|
|
title: '加载中',
|
|
title: '加载中',
|
|
@@ -266,7 +264,6 @@
|
|
this.$jsonp('https://apis.map.qq.com/ws/geocoder/v1/?'+ str, {}).then(res=>{
|
|
this.$jsonp('https://apis.map.qq.com/ws/geocoder/v1/?'+ str, {}).then(res=>{
|
|
uni.hideLoading();
|
|
uni.hideLoading();
|
|
if(res.status == 0){
|
|
if(res.status == 0){
|
|
- console.log(res.result.ad_info)
|
|
|
|
if (res.result.ad_info) {
|
|
if (res.result.ad_info) {
|
|
that.city = res.result.ad_info.district
|
|
that.city = res.result.ad_info.district
|
|
}
|
|
}
|
|
@@ -275,7 +272,6 @@
|
|
},
|
|
},
|
|
// 轮播图点击
|
|
// 轮播图点击
|
|
swiperClick(item) {
|
|
swiperClick(item) {
|
|
- console.log(item)
|
|
|
|
this.$u.route({
|
|
this.$u.route({
|
|
url: 'pages/bannerDetails/bannerDetails',
|
|
url: 'pages/bannerDetails/bannerDetails',
|
|
params: {
|
|
params: {
|
|
@@ -283,35 +279,33 @@
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 切换无感和手动
|
|
orderNavclick(){
|
|
orderNavclick(){
|
|
- this.feePay()
|
|
|
|
- },
|
|
|
|
- feePay(){
|
|
|
|
this.$u.api.feePay({vehicleId: this.recordList[1]})
|
|
this.$u.api.feePay({vehicleId: this.recordList[1]})
|
|
- .then( res=>{
|
|
|
|
- if(res.code == 200){
|
|
|
|
- this.handleGetIndexData()
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ .then( res=>{
|
|
|
|
+ if(res.code == 200){
|
|
|
|
+ this.handleGetIndexData()
|
|
|
|
+ }
|
|
|
|
+ })
|
|
},
|
|
},
|
|
|
|
+ // 宫格菜单跳转
|
|
openPage(path) {
|
|
openPage(path) {
|
|
- console.log('path',path);
|
|
|
|
this.$u.route({
|
|
this.$u.route({
|
|
url: path
|
|
url: path
|
|
})
|
|
})
|
|
},
|
|
},
|
|
// 搜索
|
|
// 搜索
|
|
handleSearch(){
|
|
handleSearch(){
|
|
- console.log('this.keyword',this.keyword);
|
|
|
|
uni.reLaunch({
|
|
uni.reLaunch({
|
|
url: `/pages/parkingLists/parkingLists?keyword=${this.keyword}`
|
|
url: `/pages/parkingLists/parkingLists?keyword=${this.keyword}`
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 城市选择
|
|
handleCitySelect(){
|
|
handleCitySelect(){
|
|
this.cityOpen = true;
|
|
this.cityOpen = true;
|
|
},
|
|
},
|
|
|
|
+ // 城市选择下拉变化
|
|
cityChange(e){
|
|
cityChange(e){
|
|
- console.log('cityChange',e);
|
|
|
|
if (e.area) {
|
|
if (e.area) {
|
|
this.city = e.area.label;
|
|
this.city = e.area.label;
|
|
} else if (e.city) {
|
|
} else if (e.city) {
|
|
@@ -320,54 +314,68 @@
|
|
this.city = e.province.label;
|
|
this.city = e.province.label;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ // 获取首页数据
|
|
handleGetIndexData(){
|
|
handleGetIndexData(){
|
|
this.$u.api.getIndexData()
|
|
this.$u.api.getIndexData()
|
|
.then(res=>{
|
|
.then(res=>{
|
|
- // 轮播
|
|
|
|
- const bannerList = []
|
|
|
|
- const banner = res.data?.advs
|
|
|
|
- banner.forEach(item => {
|
|
|
|
- const obj = {
|
|
|
|
- image: item.bannerUrl,
|
|
|
|
- id: item.id,
|
|
|
|
- name: item.name,
|
|
|
|
- content: item.content
|
|
|
|
- }
|
|
|
|
- bannerList.push(obj)
|
|
|
|
- })
|
|
|
|
- this.bannerList = bannerList
|
|
|
|
-
|
|
|
|
- if(res.data.vehicleList.length<1){
|
|
|
|
- this.bindCarShow = true;
|
|
|
|
- }
|
|
|
|
- const enableFeepay=[]
|
|
|
|
- res.data.orderList.forEach(item => {
|
|
|
|
- if (item.enableFeepay) {
|
|
|
|
- enableFeepay.push(item.enableFeepay);
|
|
|
|
- } else {
|
|
|
|
- enableFeepay.push(0);
|
|
|
|
|
|
+ if (res.code === 200) {
|
|
|
|
+ // 轮播
|
|
|
|
+ const bannerList = []
|
|
|
|
+ const banner = res.data?.advs
|
|
|
|
+ banner.forEach(item => {
|
|
|
|
+ const obj = {
|
|
|
|
+ image: item.bannerUrl,
|
|
|
|
+ id: item.id,
|
|
|
|
+ name: item.name,
|
|
|
|
+ content: item.content
|
|
|
|
+ }
|
|
|
|
+ bannerList.push(obj)
|
|
|
|
+ })
|
|
|
|
+ if (bannerList.length > 0) {
|
|
|
|
+ this.bannerList = bannerList
|
|
}
|
|
}
|
|
- enableFeepay.push(item.vehicleId);
|
|
|
|
- if (item.contractStatus) {
|
|
|
|
- enableFeepay.push(item.contractStatus);
|
|
|
|
- } else {
|
|
|
|
- enableFeepay.push(0);
|
|
|
|
|
|
+ // 是否有绑定车牌: 没有则通过弹框去绑定
|
|
|
|
+ let vehicleList = res.data?.vehicleList??[]
|
|
|
|
+ if(vehicleList.length === 0){
|
|
|
|
+ this.bindCarShow = true;
|
|
}
|
|
}
|
|
- })
|
|
|
|
- this.recordList=enableFeepay;
|
|
|
|
- // this.vehicleId=enableFeepay.vehicleId;
|
|
|
|
- this.orderNav = enableFeepay[0];
|
|
|
|
- this.contractStatus=enableFeepay[2];
|
|
|
|
- console.log('recordList',this.recordList)
|
|
|
|
- this.orderList = res.data.orderList;
|
|
|
|
- const list = []
|
|
|
|
- res.data.news.forEach(item => {
|
|
|
|
- list.push(item.content)
|
|
|
|
- })
|
|
|
|
- this.noticeList = list;
|
|
|
|
|
|
+ // 无感和手动
|
|
|
|
+ const enableFeepay = []
|
|
|
|
+ res.data.orderList.forEach(item => {
|
|
|
|
+ if (item.enableFeepay) {
|
|
|
|
+ enableFeepay.push(item.enableFeepay);
|
|
|
|
+ } else {
|
|
|
|
+ enableFeepay.push(0);
|
|
|
|
+ }
|
|
|
|
+ enableFeepay.push(item.vehicleId);
|
|
|
|
+ if (item.contractStatus) {
|
|
|
|
+ enableFeepay.push(item.contractStatus);
|
|
|
|
+ } else {
|
|
|
|
+ enableFeepay.push(0);
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ this.recordList=enableFeepay;
|
|
|
|
+ this.orderNav = enableFeepay[0];
|
|
|
|
+ this.contractStatus=enableFeepay[2];
|
|
|
|
+ this.orderList = res.data.orderList;
|
|
|
|
+ // 消息提示
|
|
|
|
+ const newsList = []
|
|
|
|
+ const news = res.data?.news??[]
|
|
|
|
+ news.forEach(item => {
|
|
|
|
+ newsList.push(item.content)
|
|
|
|
+ })
|
|
|
|
+ this.noticeList = newsList;
|
|
|
|
+ } else {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ title: res.msg,
|
|
|
|
+ type: 'error'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
}).catch(err=>{
|
|
}).catch(err=>{
|
|
- // alert(err.msg);
|
|
|
|
- console.log('getIndexData err',err)
|
|
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ title: '系统异常',
|
|
|
|
+ type: 'error'
|
|
|
|
+ })
|
|
});
|
|
});
|
|
},
|
|
},
|
|
// 去支付,选择支付方式
|
|
// 去支付,选择支付方式
|
|
@@ -375,20 +383,27 @@
|
|
this.payWayPop = true
|
|
this.payWayPop = true
|
|
this.curOrderList = []
|
|
this.curOrderList = []
|
|
this.curOrderList.push(orderId)
|
|
this.curOrderList.push(orderId)
|
|
- },
|
|
|
|
|
|
+ },
|
|
|
|
+ // 获取路段详情
|
|
onRoadInfo(item){
|
|
onRoadInfo(item){
|
|
- this.$u.api.roadInfoById({id:item.roadId})
|
|
|
|
- .then(res=>{
|
|
|
|
- this.popupOrderDetails=res.data;
|
|
|
|
- this.showOrderDetails = true;
|
|
|
|
- }).catch(err=>{
|
|
|
|
- // alert(err.msg);
|
|
|
|
- console.log('getIndexData err',err)
|
|
|
|
- });
|
|
|
|
|
|
+ this.$u.api.roadInfoById({
|
|
|
|
+ id:item.roadId,
|
|
|
|
+ })
|
|
|
|
+ .then(res=>{
|
|
|
|
+ this.popupOrderDetails=res.data;
|
|
|
|
+ this.showOrderDetails = true;
|
|
|
|
+ }).catch(err=>{
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ title: '系统异常',
|
|
|
|
+ type: 'error'
|
|
|
|
+ })
|
|
|
|
+ });
|
|
},
|
|
},
|
|
|
|
+ // 关闭路段详情弹框
|
|
closeOrderDetails(){
|
|
closeOrderDetails(){
|
|
this.showOrderDetails = false;
|
|
this.showOrderDetails = false;
|
|
},
|
|
},
|
|
|
|
+ // 打电话
|
|
phoneCall(phone){
|
|
phoneCall(phone){
|
|
uni.makePhoneCall({
|
|
uni.makePhoneCall({
|
|
phoneNumber: phone
|
|
phoneNumber: phone
|
|
@@ -410,7 +425,7 @@
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- // 关闭弹框
|
|
|
|
|
|
+ // 关闭支付弹框
|
|
closePaymentMethod() {
|
|
closePaymentMethod() {
|
|
this.payWayPop = false
|
|
this.payWayPop = false
|
|
}
|
|
}
|