Compare commits
2 Commits
18e2d6f938
...
f4240ffa9c
| Author | SHA1 | Date | |
|---|---|---|---|
| f4240ffa9c | |||
| ce78ac2c24 |
11
package-lock.json
generated
11
package-lock.json
generated
|
|
@ -10,6 +10,7 @@
|
|||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"fast-xml-parser": "^4.0.12",
|
||||
"uqrcodejs": "^4.0.7",
|
||||
"uview-ui": "^1.8.8"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
@ -274,6 +275,11 @@
|
|||
"browserslist": ">= 4.21.0"
|
||||
}
|
||||
},
|
||||
"node_modules/uqrcodejs": {
|
||||
"version": "4.0.7",
|
||||
"resolved": "https://registry.npmmirror.com/uqrcodejs/-/uqrcodejs-4.0.7.tgz",
|
||||
"integrity": "sha512-84+aZmD2godCVI+93lxE3YUAPNY8zAJvNA7xRS7R7U+q57KzMDepBSfNCwoRUhWOfR6eHFoAOcHRPwsP6ka1cA=="
|
||||
},
|
||||
"node_modules/uview-ui": {
|
||||
"version": "1.8.8",
|
||||
"resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-1.8.8.tgz",
|
||||
|
|
@ -404,6 +410,11 @@
|
|||
"picocolors": "^1.0.1"
|
||||
}
|
||||
},
|
||||
"uqrcodejs": {
|
||||
"version": "4.0.7",
|
||||
"resolved": "https://registry.npmmirror.com/uqrcodejs/-/uqrcodejs-4.0.7.tgz",
|
||||
"integrity": "sha512-84+aZmD2godCVI+93lxE3YUAPNY8zAJvNA7xRS7R7U+q57KzMDepBSfNCwoRUhWOfR6eHFoAOcHRPwsP6ka1cA=="
|
||||
},
|
||||
"uview-ui": {
|
||||
"version": "1.8.8",
|
||||
"resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-1.8.8.tgz",
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@
|
|||
"homepage": "https://github.com/lchighpass/lchighpass-speaking#readme",
|
||||
"dependencies": {
|
||||
"fast-xml-parser": "^4.0.12",
|
||||
"uqrcodejs": "^4.0.7",
|
||||
"uview-ui": "^1.8.8"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
|
|||
|
|
@ -88,6 +88,19 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="phone_box" v-if="lastArea.serviceName1!=''&&lastArea.serviceName1&&lastArea.servicePhone1!=''&&lastArea.servicePhone1" @click="callPhone(lastArea.servicePhone1)">
|
||||
<view class="img">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/u6VebEXfsdk8f4NbTWQs" mode=""></image>
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="name">
|
||||
订单或押金问题
|
||||
</view>
|
||||
<view class="phone">
|
||||
{{lastArea.servicePhone1}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image class="close" src="https://lxnapi.ccttiot.com/bike/img/static/ulwJylk0JSmOdmU3FnnG" mode="" @click="showkf=false"></image>
|
||||
</view>
|
||||
<u-mask :show="isbackcar" :z-index='100' duration='0' @click="isbackcar = false" />
|
||||
|
|
@ -147,76 +160,37 @@
|
|||
classlist:[],
|
||||
wordlist:[],
|
||||
isbackcar:false,
|
||||
showkf:false
|
||||
showkf:false,
|
||||
lastArea:{}
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.getarea()
|
||||
this.getclass()
|
||||
// this.getlastPhone()
|
||||
this.getuserInfo()
|
||||
},
|
||||
methods: {
|
||||
getlastPhone(user){
|
||||
this.$u.get('/appVerify/latestServicePhone?userId=' + user.userId).then(res => {
|
||||
|
||||
if (res.code == 200) {
|
||||
this.lastArea=res.data
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
getuserInfo(){
|
||||
uni.showLoading({
|
||||
title:'加载中'
|
||||
})
|
||||
|
||||
this.$u.get("/getAppInfo").then((res) => {
|
||||
|
||||
if (res.code == 200) {
|
||||
uni.hideLoading()
|
||||
|
||||
this.getarea()
|
||||
// if( res.user.role==2){
|
||||
// uni.navigateTo({
|
||||
// url:'/page_fix/fix_index'
|
||||
// })
|
||||
// }
|
||||
console.log(res);
|
||||
this.getlastPhone(res.user)
|
||||
|
||||
} else {
|
||||
|
||||
let areaId=uni.getStorageSync('areaId');
|
||||
if(areaId){
|
||||
let that =this
|
||||
wx.login({
|
||||
success(res) {
|
||||
if (res.code) {
|
||||
console.log('登录！', res);
|
||||
let data = {
|
||||
wxOpenId: res.code,
|
||||
|
||||
};
|
||||
let areaId = uni.getStorageSync('areaId');
|
||||
that.$u.post('/loginByopenid?jsCode=' + res.code + '&areaId=' + areaId).then(
|
||||
res => {
|
||||
uni.hideLoading();
|
||||
if (res.code == 200) {
|
||||
uni.setStorageSync('token', res.token);
|
||||
that.getuserInfo()
|
||||
|
||||
|
||||
} else if (res.code == 501) {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
} else {
|
||||
// console.log("老用户登录",res.data)
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
});
|
||||
}else{
|
||||
uni.showToast({
|
||||
title: '请授权位置信息后再尝试',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
@ -337,6 +311,7 @@
|
|||
width: 86rpx;
|
||||
height: 86rpx;
|
||||
image{
|
||||
margin-left: 30rpx;
|
||||
width: 86rpx;
|
||||
height: 86rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -167,6 +167,15 @@
|
|||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "Qrcode",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -946,6 +946,7 @@
|
|||
导航去这里
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="fixdivce" v-if="showdevice&&false">
|
||||
<view class="scrollable-content">
|
||||
<view class="divce_li" v-for="(item,index) in nearbyMarkers" :key="index" @click="tapsn(item.sn)">
|
||||
|
|
@ -970,6 +971,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -1120,7 +1122,8 @@
|
|||
deviceGps: {
|
||||
|
||||
},
|
||||
tozf: false
|
||||
tozf: false,
|
||||
islogin:true
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
|
@ -1212,6 +1215,7 @@
|
|||
},
|
||||
onShow() {
|
||||
this.timestare()
|
||||
this.getUserInfo()
|
||||
this.backfalse = 0
|
||||
this.carstause = false
|
||||
// 检查蓝牙权限状态
|
||||
|
|
@ -1420,6 +1424,15 @@
|
|||
},
|
||||
},
|
||||
methods: {
|
||||
getUserInfo(){
|
||||
this.$u.get(`/getAppInfo?`).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.islogin=true
|
||||
} else {
|
||||
this.islogin=false
|
||||
}
|
||||
});
|
||||
},
|
||||
tocard(){
|
||||
uni.navigateTo({
|
||||
url:'/page_vip/checkCard?orderId='+this.orderinfo.orderNo
|
||||
|
|
@ -1462,9 +1475,7 @@
|
|||
|
||||
// 处理接口返回的数据，将边界数据转换为地图组件需要的折线结构
|
||||
const polylines = this.convertBoundaryToPolyline(res.data.boundaryStr)
|
||||
// console.log(polylines,'polylinespolylinespolylines');
|
||||
// .filter(area => area.boundaryStr) // 过滤掉boundary为空的数据
|
||||
// .map(area => this.convertBoundaryToPolyline(area.boundaryStr));
|
||||
|
||||
// 更新折线数据
|
||||
this.areaInfo = res.data
|
||||
setTimeout(() => {
|
||||
|
|
@ -1483,7 +1494,7 @@
|
|||
this.getmarks()
|
||||
// this.getlist()
|
||||
this.getParking()
|
||||
if (uni.getStorageSync('token')) {
|
||||
if (uni.getStorageSync('token')&&this.islogin) {
|
||||
this.getisInOrder()
|
||||
|
||||
}
|
||||
|
|
@ -1536,16 +1547,7 @@
|
|||
|
||||
}
|
||||
|
||||
// if(!hasShownPopup){
|
||||
// console.log(typeof(hasShownPopup),'hasShownPopuphasShownPopup');
|
||||
// this.showTips=uni.getStorageSync('hasShownPopup')
|
||||
// }else{
|
||||
// this.showTips=true
|
||||
// uni.setStorageSync('hasShownPopup', true);
|
||||
// }
|
||||
|
||||
// this.$store.commit('SET_SHOWTIPS', true);
|
||||
// console.log(this.polyline);
|
||||
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -1574,67 +1576,93 @@
|
|||
if (this.areaInfo.areaId != res.data.areaId) {
|
||||
this.getArea()
|
||||
}
|
||||
// this.routePlanning(res.data.latitude, res.data.longitude)
|
||||
// setTimeout(() => {
|
||||
|
||||
// // this.deviceIndex = 1;
|
||||
// }, 600)
|
||||
|
||||
} else {
|
||||
// if (this.deviceInfos.onlineStatus == 0) {
|
||||
// wx.showToast({
|
||||
// title: '车辆离线中,请使用其他车辆',
|
||||
// icon: 'none',
|
||||
// duration: 4000
|
||||
// });
|
||||
// } else
|
||||
|
||||
if (this.deviceInfos.status == 0) {
|
||||
uni.showToast({
|
||||
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆未上架,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 2) {
|
||||
uni.showToast({
|
||||
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆预约中,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 3) {
|
||||
uni.showToast({
|
||||
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆骑行中,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 4) {
|
||||
uni.showToast({
|
||||
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆临时锁车中,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 6) {
|
||||
uni.showToast({
|
||||
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆调度中,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 8) {
|
||||
uni.showToast({
|
||||
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆下线中,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 9) {
|
||||
uni.showToast({
|
||||
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆已废弃,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 7) {
|
||||
uni.showToast({
|
||||
// uni.showToast({
|
||||
// title: '车辆未上线,请使用其他车辆',
|
||||
// icon: 'none',
|
||||
// duration: 4000
|
||||
// });
|
||||
this.$refs.uToast.show({
|
||||
title: '车辆未上线,请使用其他车辆',
|
||||
icon: 'none',
|
||||
duration: 4000
|
||||
});
|
||||
// 如果不传此type参数，默认为default，也可以手动写上 type: 'default'
|
||||
// type: 'warning',
|
||||
// 如果不需要图标，请设置为false
|
||||
duration: 1000*2
|
||||
// icon: false
|
||||
})
|
||||
} else if (this.deviceInfos.status == 1) {
|
||||
|
||||
if (this.areaInfo.areaId != res.data.areaId) {
|
||||
|
|
@ -1664,173 +1692,7 @@
|
|||
|
||||
}
|
||||
|
||||
// if (uni.getStorageSync('token')) {
|
||||
|
||||
|
||||
// } else {
|
||||
// console.log('判断2');
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/login/login'
|
||||
// });
|
||||
// // wx.login({
|
||||
// // success: (res) => {
|
||||
// // if (res.code) {
|
||||
// // console.log('登录！', res);
|
||||
// // let data = {
|
||||
// // wxOpenId: res.code,
|
||||
// // };
|
||||
// // let areaId = uni.getStorageSync('areaId');
|
||||
// // if (areaId) {
|
||||
// // this.$u.post('/loginByopenid?jsCode=' + res.code + '&areaId=' +
|
||||
// // areaId)
|
||||
// // .then((
|
||||
// // res) => {
|
||||
// // // uni.hideLoading();
|
||||
// // if (res.code == 200) {
|
||||
// // uni.setStorageSync('token', res.token);
|
||||
// // this.getinfo()
|
||||
// // if (this.sn) {
|
||||
// // this.$u.get('/app/device/info?sn=' + this.sn)
|
||||
// // .then((
|
||||
// // res) => {
|
||||
// // if (res.code === 200) {
|
||||
// // this.isqrcode = true
|
||||
// // this.deviceInfos = res.data;
|
||||
// // this.getlist(res.data.modelId)
|
||||
// // if (num == 0) {
|
||||
// // // this.routePlanning(res.data.latitude,
|
||||
// // // res.data.longitude)
|
||||
// // this.showdevice = true;
|
||||
// // this.type = 0;
|
||||
// // } else {
|
||||
// // // if (this.deviceInfos
|
||||
// // // .onlineStatus ==
|
||||
// // // 0) {
|
||||
// // // uni.showToast({
|
||||
// // // title: '车辆离线中,请使用其他车辆',
|
||||
// // // icon: 'none',
|
||||
// // // duration: 4000
|
||||
// // // });
|
||||
// // // } else
|
||||
// // if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 0) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆未上架,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 2) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆预约中,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 3) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆骑行中,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 4) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆临时锁车中,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 6) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆调度中,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 8) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆下线中,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 9) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆已废弃,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 7) {
|
||||
// // uni.showToast({
|
||||
// // title: '车辆未上线,请使用其他车辆',
|
||||
// // icon: 'none',
|
||||
// // duration: 4000
|
||||
// // });
|
||||
// // } else if (this.deviceInfos
|
||||
// // .status ==
|
||||
// // 1) {
|
||||
// // // this.routePlanning(res.data
|
||||
// // // .latitude, res.data
|
||||
// // // .longitude)
|
||||
// // if (this.areaInfo != res.data
|
||||
// // .areaId) {
|
||||
// // this.getArea()
|
||||
// // }
|
||||
// // // this.routePlanning(res.data.latitude, res.data.longitude)
|
||||
// // setTimeout(() => {
|
||||
// // this.showdevice =
|
||||
// // true
|
||||
// // this.type = 1;
|
||||
// // this.deviceIndex =
|
||||
// // 1;
|
||||
// // }, 600)
|
||||
// // }
|
||||
// // }
|
||||
// // } else {
|
||||
// // this.showdevice = false;
|
||||
// // this.deviceIndex = 0;
|
||||
// // this.type = 0;
|
||||
// // uni.showToast({
|
||||
// // title: res.msg,
|
||||
// // icon: 'none',
|
||||
// // duration: 2000
|
||||
// // });
|
||||
// // }
|
||||
// // });
|
||||
|
||||
// // }
|
||||
|
||||
// // } else if (res.code == 501) {
|
||||
// // uni.showToast({
|
||||
// // title: res.msg,
|
||||
// // icon: 'none',
|
||||
// // duration: 2000
|
||||
// // });
|
||||
// // } else {
|
||||
// // uni.redirectTo({
|
||||
// // url: '/pages/login/login'
|
||||
// // });
|
||||
// // }
|
||||
// // });
|
||||
|
||||
// // }
|
||||
|
||||
// // }
|
||||
// // },
|
||||
// // });
|
||||
|
||||
|
||||
// }
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
|
@ -2402,7 +2264,7 @@
|
|||
|
||||
},
|
||||
taploadmask(num) {
|
||||
if(uni.getStorageSync('token')){
|
||||
if(uni.getStorageSync('token')&&this.islogin){
|
||||
this.maskepage = 0
|
||||
this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/uRxPPoVoqmnmng6wKlij'
|
||||
if (num == 1) {
|
||||
|
|
@ -2993,7 +2855,7 @@
|
|||
// 确认开锁
|
||||
sub1() {
|
||||
// uni.showLoading({});
|
||||
if (uni.getStorageSync('token')) {
|
||||
if (uni.getStorageSync('token')&&this.islogin) {
|
||||
let data = {
|
||||
userId: this.userId,
|
||||
sn: this.sn,
|
||||
|
|
@ -5116,7 +4978,7 @@
|
|||
} else if (num == 1) {
|
||||
|
||||
this.maskloading = false
|
||||
if (uni.getStorageSync('token')) {
|
||||
if (uni.getStorageSync('token')&&this.islogin) {
|
||||
if (this.areaInfo.authentication == 1) {
|
||||
this.$u.get("/getAppInfo").then(res => {
|
||||
|
||||
|
|
@ -5292,7 +5154,7 @@
|
|||
}
|
||||
|
||||
} else if (num == 5) {
|
||||
if (uni.getStorageSync('token')) {
|
||||
if (uni.getStorageSync('token')&&this.islogin) {
|
||||
uni.navigateTo({
|
||||
url: '/page_user/gzsb'
|
||||
})
|
||||
|
|
@ -5319,11 +5181,19 @@
|
|||
url: '/page_user/gzsb?sn=' + this.sn
|
||||
})
|
||||
} else if (num == 9) {
|
||||
uni.navigateTo({
|
||||
url: '/page_user/khfw/khfw'
|
||||
})
|
||||
if (uni.getStorageSync('token')&&this.islogin) {
|
||||
uni.navigateTo({
|
||||
url: '/page_user/khfw/khfw'
|
||||
})
|
||||
}else{
|
||||
this.seeDetail = true
|
||||
uni.navigateTo({
|
||||
url: '/pages/login/login?isindex=true'
|
||||
});
|
||||
}
|
||||
|
||||
}else if(num == 10){
|
||||
if (uni.getStorageSync('token')) {
|
||||
if (uni.getStorageSync('token')&&this.islogin) {
|
||||
uni.navigateTo({
|
||||
url: '/page_user/good_list'
|
||||
})
|
||||
|
|
|
|||
123
pages_admin/Qrcode.vue
Normal file
123
pages_admin/Qrcode.vue
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="设备二维码" :border-bottom="false" :background="bgc" title-color='#000'
|
||||
title-size='36' height='45'></u-navbar>
|
||||
<view class="ewm" style="margin-top: 300rpx;width: 750rpx;display: flex;justify-content: center;">
|
||||
<canvas id="qrcode" canvas-id="qrcode" style="width: 600rpx;height:700rpx;" />
|
||||
</view>
|
||||
<view class="saveQr" @click="saveQrcode()">
|
||||
保存二维码
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UQRCode from 'uqrcodejs';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
sn:'',
|
||||
deptId:null
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
this.sn = e.sn;
|
||||
this.deptId = uni.getStorageSync('deptId');
|
||||
this.generateQrcode();
|
||||
},
|
||||
methods: {
|
||||
generateQrcode() {
|
||||
const qr = new UQRCode();
|
||||
const qrSizeRpx = 600; // 二维码大小为600rpx
|
||||
const qrSizePx = uni.upx2px(qrSizeRpx); // 将rpx转换为px
|
||||
|
||||
if (this.deptId == 100) {
|
||||
qr.data = 'https://dche.ccttiot.com?sn=' + this.sn;
|
||||
} else if (this.deptId == 101) {
|
||||
qr.data = 'https://dianche.chuantewulian.cn?sn=' + this.sn;
|
||||
}
|
||||
qr.size = qrSizePx; // 设置二维码大小为像素值
|
||||
|
||||
// 创建 canvas 上下文
|
||||
const ctx = uni.createCanvasContext('qrcode', this);
|
||||
|
||||
// 设置 qr 的 canvas 上下文
|
||||
qr.canvasContext = ctx;
|
||||
qr.make(); // 生成二维码数据
|
||||
|
||||
// 绘制二维码
|
||||
qr.drawCanvas();
|
||||
|
||||
// 手动绘制二维码的同时添加设备序列号（sn）
|
||||
const sn = this.sn ? 'SN: ' + this.sn : 'SN未知';
|
||||
|
||||
// 延迟绘制，确保二维码绘制完成后再绘制文字
|
||||
setTimeout(() => {
|
||||
// 添加sn到二维码下面
|
||||
ctx.setFontSize(24); // 设置字体大小
|
||||
ctx.setFillStyle('black'); // 设置字体颜色
|
||||
ctx.setTextAlign('center'); // 设置文本居中
|
||||
|
||||
// 在二维码下方绘制sn，调整y坐标确保sn显示在二维码下方且不被裁剪
|
||||
ctx.fillText(sn, qrSizePx / 2, qrSizePx + 40);
|
||||
|
||||
// 传入 true，保留之前绘制的内容
|
||||
ctx.draw(true);
|
||||
}, 100); // 延迟100毫秒确保二维码绘制完成
|
||||
this.showqr = true;
|
||||
},
|
||||
saveQrcode() {
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId: 'qrcode',
|
||||
x: 0,
|
||||
y: 0,
|
||||
width: uni.upx2px(600),
|
||||
height: uni.upx2px(700),
|
||||
success: (res) => {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '保存成功',
|
||||
icon: 'success'
|
||||
});
|
||||
this.showqr = false;
|
||||
},
|
||||
fail: (err) => {
|
||||
uni.showToast({
|
||||
title: '保存失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
uni.showToast({
|
||||
title: '生成二维码失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.page{
|
||||
.saveQr{
|
||||
margin: 0 auto;
|
||||
margin-top: 100rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 502rpx;
|
||||
height: 68rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -199,6 +199,9 @@
|
|||
<view class="btn" @click="tipshow=true" v-if="info.type==2">
|
||||
换电处理
|
||||
</view> -->
|
||||
<view class="btn" @click="generateQrcode()">
|
||||
设备二维码
|
||||
</view>
|
||||
</view>
|
||||
<u-mask :show="false" @click="show = false" :z-index='100' />
|
||||
|
||||
|
|
@ -284,6 +287,15 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-mask :show="showqr" @click="closeQr()" :z-index='100' />
|
||||
<view class="tip_box" v-if="showqr" >
|
||||
<view class="ewm" style="padding-top: 50rpx;">
|
||||
<canvas id="qrcode" canvas-id="qrcode" style="width: 350rpx;height:350rpx;margin-left: 164rpx;" />
|
||||
</view>
|
||||
<view class="saveQr" @click="saveQrcode()">
|
||||
保存二维码
|
||||
</view>
|
||||
</view>
|
||||
<u-mask :show="showbtntip" @click="closevehicle()" :z-index='100' />
|
||||
<view class="tip_box" v-if="showbtntip">
|
||||
<view class="top" v-if="showbtntip">
|
||||
|
|
@ -312,6 +324,7 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import UQRCode from 'uqrcodejs';
|
||||
const app = getApp();
|
||||
var xBlufi = require("@/utils/blufi/xBlufi.js");
|
||||
let _this = null;
|
||||
|
|
@ -381,7 +394,10 @@
|
|||
showvehicle: false,
|
||||
vehicleNum: '',
|
||||
showbtntip: false,
|
||||
btnnum: null
|
||||
btnnum: null,
|
||||
showqr: false,
|
||||
canvasWidth: 300,
|
||||
deptId:null
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -389,7 +405,7 @@
|
|||
onLoad(e) {
|
||||
this.sn = e.id
|
||||
this.deviceInfo()
|
||||
|
||||
this.deptId = uni.getStorageSync('deptId');
|
||||
|
||||
},
|
||||
onUnload: function() {
|
||||
|
|
@ -416,6 +432,49 @@
|
|||
|
||||
},
|
||||
methods: {
|
||||
closeQr(){
|
||||
this.showqr=false
|
||||
},
|
||||
generateQrcode() {
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/Qrcode?sn='+this.deviceInfos.sn
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
saveQrcode() {
|
||||
uni.canvasToTempFilePath({
|
||||
canvasId: 'qrcode',
|
||||
x: -10, // 裁剪区域的 x
|
||||
y: 0, // 裁剪区域的 y
|
||||
width: 155 , // 裁剪区域的宽度，包含边距
|
||||
height: 157+15, // 裁剪区域的高度，包含边距
|
||||
success: (res) => {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '保存成功',
|
||||
icon: 'success'
|
||||
});
|
||||
this.showqr = false;
|
||||
},
|
||||
fail: (err) => {
|
||||
uni.showToast({
|
||||
title: '保存失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
uni.showToast({
|
||||
title: '生成二维码失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
closeshowtip() {
|
||||
this.showbtntip = false
|
||||
},
|
||||
|
|
@ -1234,7 +1293,7 @@
|
|||
|
||||
},
|
||||
deviceInfo() {
|
||||
this.markers=[]
|
||||
this.markers = []
|
||||
this.$u.get('/app/device/info?sn=' + this.sn).then((res) => {
|
||||
console.log(res, 'rererer');
|
||||
if (res.code === 200) {
|
||||
|
|
@ -1300,8 +1359,8 @@
|
|||
latitude: parseFloat(this.deviceInfos.latitude),
|
||||
longitude: parseFloat(this.deviceInfos.longitude),
|
||||
// title: item.deviceName,
|
||||
width: 40,
|
||||
height: 47,
|
||||
width: 40,
|
||||
height: 47,
|
||||
iconPath: this.deviceInfos.onlineStatus == 0 ?
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/uzhMeExOQJbMcZtrfGUV' :
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/uheL17wVZn24BwCwEztT',
|
||||
|
|
@ -1321,8 +1380,8 @@
|
|||
latitude: parseFloat(this.deviceInfos.latitude),
|
||||
longitude: parseFloat(this.deviceInfos.longitude),
|
||||
// title: item.deviceName,
|
||||
width: 40,
|
||||
height: 47,
|
||||
width: 40,
|
||||
height: 47,
|
||||
iconPath: this.deviceInfos.onlineStatus == 0 ?
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/uR3DQEssiK62ovhh88y8' :
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/u460R1NKWHEpHbt0U4H7',
|
||||
|
|
@ -1363,8 +1422,8 @@
|
|||
latitude: parseFloat(this.deviceInfos.latitude),
|
||||
longitude: parseFloat(this.deviceInfos.longitude),
|
||||
// title: item.deviceName,
|
||||
width: 40,
|
||||
height: 47,
|
||||
width: 40,
|
||||
height: 47,
|
||||
// joinCluster: true,
|
||||
iconPath: this.deviceInfos.onlineStatus == 0 ?
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/uRod2zf3t9dAOYafWoWt' :
|
||||
|
|
@ -1385,13 +1444,13 @@
|
|||
latitude: parseFloat(this.deviceInfos.latitude),
|
||||
longitude: parseFloat(this.deviceInfos.longitude),
|
||||
// title: item.deviceName,
|
||||
width: 40,
|
||||
height: 47,
|
||||
width: 40,
|
||||
height: 47,
|
||||
iconPath: this.deviceInfos.onlineStatus == 0 ?
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/uhZudZM3nEKj0tYKlho2' :
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ujur6TezvPf4buFAqPHo',
|
||||
callout: {
|
||||
content: '' + this.deviceInfos.remainingPower + '%',
|
||||
content: '' + this.deviceInfos.remainingPower + '%',
|
||||
color: '#2679D1', // 修改为文字颜色
|
||||
fontSize: 10, // 修改为文字大小
|
||||
borderRadius: 10, // 修改为气泡圆角大小
|
||||
|
|
@ -1412,7 +1471,7 @@
|
|||
'https://lxnapi.ccttiot.com/bike/img/static/ucBKG3ebYRAToVweJihu' :
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/uyK7Vg4Lu8xb3oNVuG2l',
|
||||
callout: {
|
||||
content: this.deviceInfos.remainingPower + '%', // 修改为你想要显示的文字内容
|
||||
content: this.deviceInfos.remainingPower + '%', // 修改为你想要显示的文字内容
|
||||
color: '#ffffff', // 修改为文字颜色
|
||||
fontSize: 10, // 修改为文字大小
|
||||
borderRadius: 10, // 修改为气泡圆角大小
|
||||
|
|
@ -1660,7 +1719,20 @@
|
|||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
z-index: 110;
|
||||
padding-bottom: 100rpx;
|
||||
|
||||
.saveQr{
|
||||
margin: 0 auto;
|
||||
margin-top: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 502rpx;
|
||||
height: 68rpx;
|
||||
background: #4C97E7;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.top {
|
||||
padding: 52rpx 38rpx 42rpx 36rpx;
|
||||
|
||||
|
|
|
|||
|
|
@ -126,7 +126,7 @@
|
|||
租赁费
|
||||
</view>
|
||||
<view class="info_li" style="color:#4C97E7 ;">
|
||||
调度费
|
||||
调度费(运营区外)
|
||||
</view>
|
||||
|
||||
|
||||
|
|
@ -162,7 +162,7 @@
|
|||
预约费
|
||||
</view>
|
||||
<view class="info_li" style="color:#4C97E7 ;">
|
||||
管理费
|
||||
调度费 (停车区外)
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user