This commit is contained in:
Sliverber 2024-07-12 18:02:05 +08:00
parent 3473a2ff63
commit fcef0605e0
6 changed files with 544 additions and 198 deletions

View File

@ -19,7 +19,7 @@
<image src="https://lxnapi.ccttiot.com/bike/img/static/uVuGMvfe3xlz3x8WSmcC" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uVuGMvfe3xlz3x8WSmcC" mode=""></image>
</view> </view>
<view class="btn"> <view class="btn" @click="sub">
提交 提交
</view> </view>
</view> </view>
@ -36,7 +36,11 @@
videoPath: '', videoPath: '',
imglist:[], imglist:[],
token: '', token: '',
upurl:'' upurl:'',
orderinfo:{},
userId:'',
videoUrl:''
} }
}, },
onLoad(e) { onLoad(e) {
@ -45,9 +49,69 @@
}, },
onShow() { onShow() {
this.getQiniuToken() this.getQiniuToken()
this.getuserInfo()
}, },
methods: { methods: {
sub(){
let data={
orderNo:this.orderinfo.orderNo,
videoUrl:this.videoUrl
}
this.$u.put('/appVerify/order/saveVideoUrl',data ).then((res) => {
// uni.hideLoading()
if (res.code === 200) {
uni.navigateBack({
delta: 1 // delta1
});
} else {
}
})
},
getisInOrder() {
// uni.showLoading({
// })
this.orderinfo = {}
if (this.userId) {
this.$u.post('/app/user/isInOrder?userId=' + this.userId, ).then((res) => {
// uni.hideLoading()
if (res.code === 200) {
// this.freList=res.rows
this.orderinfo=res.data
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
})
}
},
getuserInfo() {
this.$u.get("/getAppInfo").then((res) => {
if (res.code == 200) {
this.$store.commit('SET_USERID', res.user.userId);
this.info = res.user
this.userId=res.user.userId
this.getisInOrder()
// if( res.user.role==2){
// uni.navigateTo({
// url:'/page_fix/fix_index'
// })
// }
} else {
}
});
},
getQiniuToken() { getQiniuToken() {
console.log('diaou'); console.log('diaou');
this.$u.get("/common/qiniu/uploadInfo").then((res) => { this.$u.get("/common/qiniu/uploadInfo").then((res) => {
@ -97,7 +161,7 @@
console.log(res,'resres'); console.log(res,'resres');
let str = JSON.parse(res.data) let str = JSON.parse(res.data)
console.log(str.key) console.log(str.key)
_this.userImgs = _this.upurl +'/'+ str.key _this.videoUrl = _this.upurl +'/'+ str.key
console.log(_this.userImgs) console.log(_this.userImgs)
// _this.imglist.push(_this.userImgs) // _this.imglist.push(_this.userImgs)
} }

View File

@ -823,6 +823,30 @@
</view> </view>
</view> </view>
</view> </view>
<view class="maskpage1" v-if="maskepage==8">
<view class="top_info">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uG3cbPgvPDzwlq6IHHxK" mode=""></image>
<view class="masktxt">
还车提示
</view>
</view>
<view class="masktips" style="width: 100%;margin-top: 45rpx;">
还车前需前往拍照确保车辆是否完好还车成功且审核通过 将退还押金
</view>
<view class="tipsimg" style="margin-top: 90rpx;">
<image src="https://lxnapi.ccttiot.com/bike/img/static/ugvqmfB3QYujZ6SnfTia" mode=""></image>
</view>
<view class="btn_box">
<view class="btn4" @click="maskloading=false">
返回
</view>
<view class="btn3" @click="tovadio()">
去拍照
</view>
</view>
</view>
</view> </view>
<view class="fixdivce" v-if="showdevice&&false"> <view class="fixdivce" v-if="showdevice&&false">
<view class="scrollable-content"> <view class="scrollable-content">
@ -954,9 +978,9 @@
maskloading: false, maskloading: false,
toploadtxt: "开锁中0%", toploadtxt: "开锁中0%",
loadimg: 'https://lxnapi.ccttiot.com/bike/img/static/urJQJnOI1DEjWatFqHYh', loadimg: 'https://lxnapi.ccttiot.com/bike/img/static/uRxPPoVoqmnmng6wKlij',
tiptxt: '请定点停放,规范用车', tiptxt: '请定点停放,规范用车',
maskepage: 0, maskepage:0 ,
backgps: {}, backgps: {},
buletxt: '', buletxt: '',
@ -1241,6 +1265,14 @@
}, },
}, },
methods: { methods: {
tovadio(){
// this.seeDetail=true
this.maskepage=0
this.maskloading=false
uni.navigateTo({
url:'/page_user/vadio_back'
})
},
toggleOrderTips() { toggleOrderTips() {
this.isCollapsed = !this.isCollapsed; this.isCollapsed = !this.isCollapsed;
}, },
@ -1766,7 +1798,7 @@
if (res.code === 200) { if (res.code === 200) {
this.opencar() this.opencar()
this.backfalse = 0 this.backfalse = 0
this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
this.toploadtxt = '开锁成功'; this.toploadtxt = '开锁成功';
this.buletxt = '开锁成功'; this.buletxt = '开锁成功';
this.lastClickedMarkerId = null this.lastClickedMarkerId = null
@ -1812,7 +1844,7 @@
}, },
taploadmask(num) { taploadmask(num) {
this.maskepage = 0 this.maskepage = 0
this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/urJQJnOI1DEjWatFqHYh' this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/uRxPPoVoqmnmng6wKlij'
if (num == 1) { if (num == 1) {
if (!this.checkBeforeUnlock()) { if (!this.checkBeforeUnlock()) {
return; return;
@ -1880,22 +1912,28 @@
}, 2100); }, 2100);
} else if (num == 4) { } else if (num == 4) {
// if(this.areaInfo.returnVerify==0&&this.orderinfo.videoUrl!=''){
this.maskloading = true; this.maskloading = true
let percentage = 0; this.maskepage=8
const interval = setInterval(() => { }else{
if (percentage < 98) { //
percentage += 2; // this.maskloading = true;
this.toploadtxt = `还车地点校验中${percentage}%`; let percentage = 0;
} else { const interval = setInterval(() => {
clearInterval(interval); if (percentage < 98) {
this.toploadtxt = "还车地点校验中98%"; percentage += 2; //
} this.toploadtxt = `还车地点校验中${percentage}%`;
}, 40); // 40 } else {
setTimeout(() => { clearInterval(interval);
this.cheackgps(); this.toploadtxt = "还车地点校验中98%";
}, 2100); }
}, 40); // 40
setTimeout(() => {
this.cheackgps();
}, 2100);
}
} }
}, },
@ -1983,8 +2021,6 @@
}, 5000) }, 5000)
}, },
cheackgps() { cheackgps() {
let that = this let that = this
uni.getLocation({ uni.getLocation({
@ -2037,7 +2073,7 @@
// that.close() // that.close()
// that.getisInOrder() // that.getisInOrder()
that.loadimg = that.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
that.toploadtxt = '还车成功!'; that.toploadtxt = '还车成功!';
setTimeout(() => { setTimeout(() => {
that.maskloading = false; that.maskloading = false;
@ -2091,7 +2127,7 @@
that.backfalse = 0 that.backfalse = 0
that.isbackdevice = false that.isbackdevice = false
that.loadimg = that.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
that.toploadtxt = '还车成功!'; that.toploadtxt = '还车成功!';
setTimeout(() => { setTimeout(() => {
that.maskloading = false; that.maskloading = false;
@ -2137,7 +2173,7 @@
// // that.reboot() // // that.reboot()
// // that.isbackdevice = false // // that.isbackdevice = false
// // that.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; // // that.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
// // that.toploadtxt = ''; // // that.toploadtxt = '';
// // setTimeout(() => { // // setTimeout(() => {
// // that.maskloading = false; // // that.maskloading = false;
@ -2214,7 +2250,7 @@
// res.code=500 // res.code=500
if (res.code === 200) { if (res.code === 200) {
this.loadimg = this.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
this.toploadtxt = '还车成功!'; this.toploadtxt = '还车成功!';
this.backfalse = 0 this.backfalse = 0
setTimeout(() => { setTimeout(() => {
@ -2270,7 +2306,7 @@
this.backfalse = 0 this.backfalse = 0
this.isbackdevice = false this.isbackdevice = false
this.loadimg = this.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
this.toploadtxt = '还车成功!'; this.toploadtxt = '还车成功!';
this.buletxt = '还车成功!'; this.buletxt = '还车成功!';
setTimeout(() => { setTimeout(() => {
@ -2319,7 +2355,7 @@
res) => { res) => {
if (res.code === 200) { if (res.code === 200) {
this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
this.toploadtxt = '还车成功!'; this.toploadtxt = '还车成功!';
this.backfalse = 0 this.backfalse = 0
setTimeout(() => { setTimeout(() => {
@ -2400,7 +2436,7 @@
// res.code=500 // res.code=500
// res.msg='' // res.msg=''
if (res.code === 200) { if (res.code === 200) {
this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; this.loadimg = 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
this.toploadtxt = '开锁成功'; this.toploadtxt = '开锁成功';
this.lastClickedMarkerId = null this.lastClickedMarkerId = null
this.mappolyline = [] this.mappolyline = []
@ -2671,7 +2707,7 @@
if (res.code === 200) { if (res.code === 200) {
this.backfalse = 0 this.backfalse = 0
this.loadimg = this.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
this.toploadtxt = '开锁成功'; this.toploadtxt = '开锁成功';
this.buleopen = false this.buleopen = false
setTimeout(() => { setTimeout(() => {
@ -2730,7 +2766,7 @@
// console.log('线'); // console.log('线');
// that.getisInOrder() // that.getisInOrder()
that.loadimg = that.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
that.buletxt = '解锁成功'; that.buletxt = '解锁成功';
that.toploadtxt = '解锁成功' that.toploadtxt = '解锁成功'
that.backfalse = 0 that.backfalse = 0
@ -2803,7 +2839,7 @@
// this.getisInOrder() // this.getisInOrder()
this.backfalse = 0 this.backfalse = 0
this.loadimg = this.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
this.toploadtxt = '锁车成功'; this.toploadtxt = '锁车成功';
this.buleclose = false this.buleclose = false
setTimeout(() => { setTimeout(() => {
@ -2868,7 +2904,7 @@
that.buleclose = false that.buleclose = false
that.backfalse = 0 that.backfalse = 0
that.loadimg = that.loadimg =
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z'; 'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
that.buletxt = '锁车成功'; that.buletxt = '锁车成功';
that.toploadtxt = '锁车成功' that.toploadtxt = '锁车成功'
setTimeout(() => { setTimeout(() => {

View File

@ -360,10 +360,18 @@
url: '/page_user/khfw/khfw' url: '/page_user/khfw/khfw'
}) })
} else if (num == 11) { } else if (num == 11) {
if(info.idCard==''){
uni.navigateTo({ uni.navigateTo({
url: '/page_user/idcard_test' url: '/page_user/idcard_test'
}) })
}else{
uni.showToast({
title: '实名授权已完成',
icon: 'none',
duration: 2000
});
}
} }
}, },

View File

@ -45,9 +45,13 @@
<view class="tap_cont" :class="curtitidx==2?'act1':''" @click="changeidx(2)"> <view class="tap_cont" :class="curtitidx==2?'act1':''" @click="changeidx(2)">
待支付 待支付
</view> </view>
<view class="tap_cont" :class="curtitidx==3?'act1':''" @click="changeidx(3)"> <view class="tap_cont" :class="curtitidx==3?'act1':''" @click="changeidx(3)">
已完成 已完成
</view> </view>
<view class="tap_cont" :class="curtitidx==4?'act1':''" @click="changeidx(4)" v-if="areainfo.returnVerify==01">
待审核
</view>
</view> </view>
<u-mask :show="show" @click="show = false" :z-index='100' /> <u-mask :show="show" @click="show = false" :z-index='100' />
@ -430,7 +434,104 @@
</view> </view>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item>
<view class="swiper-item " v-if="loading">
<view class="card" v-for="(item,index) in passList" :key="index">
<view class="line"></view>
<view class="top_info">
<view class="top_info_left">
订单编号{{item.orderNo}}
</view>
<view class="top_info_right" v-if="item.status==0||item.status==2">
<view class="yuan"></view>
进行中
</view>
<view class="top_info_right" v-if="item.status==1||item.status==3"
style="color: orangered;">
<view class="yuan" style="background: orangered;"></view>
待支付
</view>
<view class="top_info_right" v-if="item.status==4" style="color: green;">
<view class="yuan" style="background: green;"></view>
已完成
</view>
</view>
<view class="lines"></view>
<view class="order_info">
<!-- <view class="info_li">
</view> -->
<view class="info_li">
<view class="half_info_li">
租赁用户{{item.phonenumber}}
</view>
<view class="half_info_li" v-if="item.realName">
用户姓名{{item.realName}}
</view>
<view class="half_info_li" v-else>
用户姓名--
</view>
</view>
<view class="info_li">
<view class="half_info_li">
车辆编号{{item.sn}}
</view>
<view class="half_info_li">
租赁时长{{computedList(item)}}
</view>
</view>
<view class="info_li">
<view class="half_info_li">
订单费用{{item.totalFee}}
</view>
<view class="half_info_li">
有无退款<span v-if="item.etRefund==null"></span>
<span v-else style="color: red;"></span>
</view>
</view>
<view class="info_li">
<view class="half_info_li">
开始时间{{formatDate(item.createTime)}}
</view>
<view class="half_info_li" v-if="item.vehicleNum">
车牌号{{item.vehicleNum}}
</view>
<view class="half_info_li" v-else>
车牌号--
</view>
</view>
<view class="info_li" v-if="item.unlock_time">
开关时间{{item.unlock_time}} {{ item.return_time ? item.return_time : '--' }}
</view>
</view>
<view class="lines"></view>
<view class="btn_box">
<view class="btn" v-if="item.status==0||item.status==2" @click="showfzs(item)">
辅助还车
</view>
<view class="btn" v-if="item.status==1||item.status==3" @click="showgjs(item)">
改价
</view>
<view class="btn" v-if="item.status==4" @click="showtks(item)">
退款
</view>
<view class="btn_line">
</view>
<!-- <view class="btn" v-if="item.status==4" style="width: 100%;">
查看详情
</view> -->
<view class="btn" @click="toOrderDetail(item.orderNo)">
查看详情
</view>
</view>
</view>
</view>
</swiper-item>
</swiper> </swiper>
</view> </view>
<view class="tip_box" v-if="showfz"> <view class="tip_box" v-if="showfz">
@ -631,6 +732,8 @@
], ],
typeidx: '2', typeidx: '2',
areainfo:{},
passList:[]
} }
}, },
@ -643,6 +746,7 @@
if (uni.getStorageSync('adminAreaid')) { if (uni.getStorageSync('adminAreaid')) {
this.areaId = uni.getStorageSync('adminAreaid') this.areaId = uni.getStorageSync('adminAreaid')
this.orderList() this.orderList()
this.getArea()
} }
}, },
@ -670,6 +774,24 @@
}, },
methods: { methods: {
getArea() {
let id = this.areaId
this.$u.get("/app/area/" + id).then((res) => {
if (res.code == 200) {
this.areainfo=res.data
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
formatDate(value) { formatDate(value) {
if (!value) return ''; if (!value) return '';
let date = new Date(value); let date = new Date(value);
@ -983,6 +1105,41 @@
}).catch(error => { }).catch(error => {
console.error("Error fetching area data:", error); console.error("Error fetching area data:", error);
}); });
},
orderList4() {
let data = {};
if (this.typeidx == 1) {
data = {
phonenumber: this.searchKeyword,
type: '1',
statusList: '5,6',
startTime: this.firsTime,
endTime: this.lasTime,
areaId: this.areaId
};
} else if (this.typeidx == 2) { // this.typeidx == 2
data = {
vehicleNum: this.searchKeyword,
type: '1',
statusList: '5,6',
startTime: this.firsTime,
endTime: this.lasTime,
areaId: this.areaId
};
}
this.loading = false
this.$u.get('/appVerify/order/list?', data).then((res) => {
if (res.code === 200) {
// 线
this.passList = res.rows
this.loading = true
this.curtitidx = 4
// console.log(this.polyline);
}
}).catch(error => {
console.error("Error fetching area data:", error);
});
}, },
orderList3() { orderList3() {
let data = {}; let data = {};
@ -1028,7 +1185,10 @@
this.orderList2() this.orderList2()
} else if (idx == 3) { } else if (idx == 3) {
this.orderList3() this.orderList3()
} else if (idx == 4) {
this.orderList4()
} }
}, },
swiperchange(e) { swiperchange(e) {
this.curtitidx = e.detail.current this.curtitidx = e.detail.current
@ -1045,6 +1205,8 @@
this.orderList2() this.orderList2()
} else if (this.curtitidx == 3) { } else if (this.curtitidx == 3) {
this.orderList3() this.orderList3()
}else if (this.curtitidx ==4 ) {
this.orderList4()
} }
}, },
@ -1058,8 +1220,11 @@
this.orderList2() this.orderList2()
} else if (this.curtitidx == 3) { } else if (this.curtitidx == 3) {
this.orderList3() this.orderList3()
}else if (this.curtitidx ==4 ) {
this.orderList4()
} }
}, },
search() { search() {
clearTimeout(timerId1); clearTimeout(timerId1);
@ -1072,8 +1237,11 @@
this.orderList2() this.orderList2()
} else if (this.curtitidx == 3) { } else if (this.curtitidx == 3) {
this.orderList3() this.orderList3()
}else if (this.curtitidx ==4 ) {
this.orderList4()
} }
}, 500); }, 500);
// this.classlist // this.classlist

View File

@ -1771,110 +1771,112 @@
} }
} }
.tip_box { // .tip_box {
position: fixed; // position: fixed;
left: 72rpx; // left: 72rpx;
top: 628rpx; // top: 628rpx;
width: 610rpx; // width: 610rpx;
// height: 282rpx; // // height: 282rpx;
background: #FFFFFF; // background: #FFFFFF;
border-radius: 30rpx 30rpx 30rpx 30rpx; // border-radius: 30rpx 30rpx 30rpx 30rpx;
z-index: 110; // z-index: 110;
padding-bottom: 100rpx; // padding-bottom: 100rpx;
.top { // .top {
padding: 52rpx 38rpx 42rpx 36rpx; // padding: 52rpx 38rpx 42rpx 36rpx;
.ipt_box { // .ipt_box {
margin-top: 22rpx; // margin-top: 22rpx;
display: flex; // display: flex;
flex-wrap: nowrap; // flex-wrap: nowrap;
align-items: center; // align-items: center;
.text { // .text {
width: 96rpx; // width: 96rpx;
font-weight: 400; // font-weight: 400;
font-size: 32rpx; // font-size: 32rpx;
color: #3D3D3D; // color: #3D3D3D;
} // }
.ipt { // .ipt {
padding: 10rpx 18rpx; // padding: 10rpx 18rpx;
display: flex; // display: flex;
align-items: center; // align-items: center;
justify-content: space-between; // justify-content: space-between;
margin-left: 26rpx; // margin-left: 26rpx;
width: 420rpx; // width: 420rpx;
height: 64rpx; // height: 64rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx; // border-radius: 0rpx 0rpx 0rpx 0rpx;
border: 2rpx solid #979797; // border: 2rpx solid #979797;
.input { // .input {
width: 80%; // width: 80%;
} // }
} // }
} // }
.tip { // .tip {
width: 100%; // width: 100%;
text-align: center; // text-align: center;
font-weight: 700; // font-weight: 700;
font-size: 32rpx; // font-size: 32rpx;
color: #3D3D3D; // color: #3D3D3D;
} // }
.txt { // .txt {
margin-top: 32rpx; // margin-top: 32rpx;
width: 100%; // width: 100%;
text-align: center; // text-align: center;
font-weight: 500; // font-weight: 500;
font-size: 32rpx; // font-size: 32rpx;
color: #3D3D3D; // color: #3D3D3D;
} // }
} // }
.bot { // .bot {
position: absolute; // position: absolute;
width: 610rpx; // width: 610rpx;
// border-top: 2rpx solid #D8D8D8; // // border-top: 2rpx solid #D8D8D8;
display: flex; // display: flex;
flex-wrap: nowrap; // flex-wrap: nowrap;
// height: 100%; // // height: 100%;
bottom: -20rpx; // bottom: -20rpx;
.bot_left { // .bot_left {
border-radius: 0rpx 0rpx 0rpx 30rpx; // border-radius: 0rpx 0rpx 0rpx 30rpx;
width: 50%; // width: 50%;
height: 86rpx; // height: 86rpx;
display: flex; // display: flex;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
font-weight: 500; // font-weight: 500;
font-size: 32rpx; // font-size: 32rpx;
color: #3D3D3D; // color: #3D3D3D;
background: #EEEEEE; // background: #EEEEEE;
} // }
.bot_right { // .bot_right {
border-radius: 0rpx 0rpx 30rpx 0rpx; // border-radius: 0rpx 0rpx 30rpx 0rpx;
width: 50%; // width: 50%;
height: 86rpx; // height: 86rpx;
background: #4C97E7; // background: #4C97E7;
display: flex; // display: flex;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
color: #FFFFFF; // color: #FFFFFF;
// border-left: 2rpx solid #D8D8D8; // // border-left: 2rpx solid #D8D8D8;
font-weight: 500; // font-weight: 500;
font-size: 32rpx; // font-size: 32rpx;
// color: #4C97E7; // // color: #4C97E7;
} // }
} // }
} // }
.bot_btn { .bot_btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;

View File

@ -3,8 +3,7 @@
<u-navbar title="订单详情" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36' <u-navbar title="订单详情" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36'
height='45'></u-navbar> height='45'></u-navbar>
<map class="map" id="map" ref="map" :scale="zoomSize" :latitude="latitude" :longitude="longitude" <map class="map" id="map" ref="map" :scale="zoomSize" :latitude="latitude" :longitude="longitude"
:show-location='true' :markers="markers" :polygons="polygons" :polyline="polyline" :enable-building="true" :show-location='true' :markers="markers" :polygons="polygons" :polyline="polyline" :enable-building="true">
>
<cover-view class="park" @click="toggleIconAndCallout" v-if="showpark"> <cover-view class="park" @click="toggleIconAndCallout" v-if="showpark">
<cover-image class="img" src="https://lxnapi.ccttiot.com/bike/img/static/uRiYQZQEb3l2LsltEsyW" <cover-image class="img" src="https://lxnapi.ccttiot.com/bike/img/static/uRiYQZQEb3l2LsltEsyW"
mode=""></cover-image> mode=""></cover-image>
@ -120,50 +119,51 @@
</view> </view>
<view class="lines"></view> <view class="lines"></view>
<view class="info_tit"> <view class="info_tit" v-if="orderInfo.videoUrl!=''">
视频审核 视频审核
<view class="vadio_type"> <view class="vadio_type" v-if="orderInfo.status==5">
待审核 待审核
</view> </view>
<view class="vadio_type" style="color: #FF4444 ;background: #FFEEEE;"> <view class="vadio_type" style="color: #FF4444 ;background: #FFEEEE;" v-if="orderInfo.status==6">
设备损坏 设备损坏
</view> </view>
<view class="vadio_type" style="color: #64B6A8;background: #E2FFFA;"> <view class="vadio_type" style="color: #64B6A8;background: #E2FFFA;" v-if="orderInfo.status==4">
审核通过 审核通过
</view> </view>
</view> </view>
<view class="vadio_box"> <view class="vadio_box" v-if="orderInfo.videoUrl!=''">
<video src="https://lxnapi.ccttiot.com/bike/vadio/static/u4NKq2eQVg0QkrLP6Syw" controls="controls" style="width: 100%;" @fullscreenchange="handleFullscreenChange"></video> <video src="https://lxnapi.ccttiot.com/bike/vadio/static/u4NKq2eQVg0QkrLP6Syw" controls="controls"
style="width: 100%;" @fullscreenchange="handleFullscreenChange"></video>
<view class="vadio_li">
<view class="" style="width: 10rpx;"> <view class="vadio_li">
<view class="" style="width: 10rpx;">
</view>
<view class="vadio_info"> </view>
提交时间02-11 15:06:45 <view class="vadio_info">
</view> 提交时间02-11 15:06:45
</view> </view>
<view class="vadio_li"> </view>
<view class="" style="width: 10rpx;"> <view class="vadio_li">
<view class="" style="width: 10rpx;">
</view>
<view class="btn_box"> </view>
<view class="vadio_btn"> <view class="btn_box">
通过 <view class="vadio_btn" @click="pass()" v-if="orderInfo.status==5">
</view> 通过
<view class="vadio_btn" style="background: #FF4444;"> </view>
有损坏 <view class="vadio_btn" style="background: #FF4444;" @click="unpass" v-if="orderInfo.status==5">
</view> 有损坏
</view>
<view class="vadio_btn" style="background: #64B6A8 ;" @click="callPhone"> <view class="vadio_btn" style="background: #64B6A8 ;" @click="callPhone">
电话沟通 电话沟通
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="lines"></view> <view class="lines"></view>
<view class="cont" v-if="orderInfo.etRefund"> <view class="cont" v-if="orderInfo.etRefund">
@ -310,6 +310,32 @@
</view> </view>
</view> </view>
</view> </view>
<u-mask :show="showck" @click="showck = false" :z-index='100' />
<view class="tip_box" v-if="showck">
<view class="top" v-if="showck">
<view class="tip">
押金扣款
</view>
<view class="ipt_box">
<view class="text">
扣款金额
</view>
<view class="ipt">
<input type="text" v-model="money" placeholder=" " class="input" placeholder-style="color:#C7CDD3" >
</view>
</view>
</view>
<view class="bots">
<view class="bot_left" @click="showck=false">
取消
</view>
<view class="bot_right" @click="ckmoney()">
确定
</view>
</view>
</view>
</view> </view>
</template> </template>
@ -343,7 +369,10 @@
showtk: false, showtk: false,
show: false, show: false,
_mapContext: null, _mapContext: null,
showpark:true showpark: true,
showck:true,
money:'',
areaNum:1
} }
@ -352,21 +381,21 @@
this._mapContext = uni.createMapContext("map", this); //mapmapid this._mapContext = uni.createMapContext("map", this); //mapmapid
}, },
mounted() { mounted() {
// this.onRegionChange(); // this.onRegionChange();
}, },
onLoad(e) { onLoad(e) {
this.orderId = e.id this.orderId = e.id
this.getOrderDetail() this.getOrderDetail()
// this.getParking() // this.getParking()
}, },
// onReady() { // onReady() {
// // // //
// console.log(this._mapContext, 'this._mapContext'); // console.log(this._mapContext, 'this._mapContext');
// this._mapContext.addGroundOverlay({ // this._mapContext.addGroundOverlay({
// id: 11, // id: 11,
// src: `https://lxnapi.ccttiot.com/bike/img/static/uXRz2sbToNsqckQQjnLo`, // // src: `https://lxnapi.ccttiot.com/bike/img/static/uXRz2sbToNsqckQQjnLo`, //
@ -389,23 +418,52 @@
// console.log("", e); // console.log("", e);
// }, // },
// }); // });
// // this.getParking(); // // this.getParking();
// }, // },
components: { components: {
}, },
methods: { methods: {
handleFullscreenChange(e) { ckmoney(){
// e.detail
// },
console.log('全屏状态变化', e.detail); unpass(){
if(e.detail.fullScreen){ let data ={
this.showpark=false orderNo:this.orderId,
}else{ "status": "6"
this.showpark=true }
} this.$u.put("/appVerify/order/damaged" ,data ).then((res) => {
}, if (res.code === 200) {
// 线
this.getOrderDetail()
}
}).catch(error => {
console.error("Error fetching area data:", error);
});
},
pass() {
this.$u.post("/appVerify/passAudit/" + this.orderId).then((res) => {
if (res.code === 200) {
// 线
this.getOrderDetail()
}
}).catch(error => {
console.error("Error fetching area data:", error);
});
},
handleFullscreenChange(e) {
// e.detail
//
console.log('全屏状态变化', e.detail);
if (e.detail.fullScreen) {
this.showpark = false
} else {
this.showpark = true
}
},
displayAmount(amount) { displayAmount(amount) {
return amount ? amount : '--'; return amount ? amount : '--';
}, },
@ -721,7 +779,11 @@
if (res.code === 200) { if (res.code === 200) {
// 线 // 线
this.orderInfo = res.data this.orderInfo = res.data
this.getArea() this.areaNum=this.areaNum+1
if(this.areaNum!=0){
this.getArea()
}
this.loading = true this.loading = true
this.latitude = parseFloat(this.orderInfo.latitude) this.latitude = parseFloat(this.orderInfo.latitude)
@ -782,7 +844,7 @@
padding-bottom: 200rpx; padding-bottom: 200rpx;
width: 750rpx; width: 750rpx;
.tip_box { .tip_box {
position: fixed; position: fixed;
left: 72rpx; left: 72rpx;
@ -845,7 +907,7 @@
} }
} }
.bot { .bots {
position: absolute; position: absolute;
width: 610rpx; width: 610rpx;
@ -854,7 +916,7 @@
flex-wrap: nowrap; flex-wrap: nowrap;
// height: 100%; // height: 100%;
bottom: -20rpx; bottom: -20rpx;
z-index: 99;
.bot_left { .bot_left {
border-radius: 0rpx 0rpx 0rpx 30rpx; border-radius: 0rpx 0rpx 0rpx 30rpx;
width: 50%; width: 50%;
@ -932,13 +994,14 @@
font-size: 32rpx; font-size: 32rpx;
color: #4C97E7; color: #4C97E7;
} }
.vadio_type{
.vadio_type {
margin-left: auto; margin-left: auto;
padding: 5rpx 34rpx; padding: 5rpx 34rpx;
background: #FFFAE6; background: #FFFAE6;
border-radius: 8rpx 8rpx 8rpx 8rpx; border-radius: 8rpx 8rpx 8rpx 8rpx;
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
color: #FFCC00; color: #FFCC00;
@ -950,25 +1013,29 @@
// height: 2rpx; // height: 2rpx;
border-bottom: 2rpx solid #E7E7E7; border-bottom: 2rpx solid #E7E7E7;
} }
.vadio_box{ .vadio_box {
padding: 26rpx 28rpx; padding: 26rpx 28rpx;
.vadio_li{
.vadio_li {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
// justify-content: space-between; // justify-content: space-between;
.vadio_info{ .vadio_info {
margin-left: auto; margin-left: auto;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #979797; color: #979797;
} }
.btn_box{
.btn_box {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
margin-left: auto; margin-left: auto;
.vadio_btn{
.vadio_btn {
margin-left: 10rpx; margin-left: 10rpx;
padding: 6rpx 44rpx; padding: 6rpx 44rpx;
background: #4C97E7; background: #4C97E7;
@ -978,9 +1045,10 @@
color: #FEFFFE; color: #FEFFFE;
} }
} }
} }
} }
.cont { .cont {
padding: 26rpx 28rpx; padding: 26rpx 28rpx;