11
This commit is contained in:
parent
3473a2ff63
commit
fcef0605e0
|
|
@ -19,7 +19,7 @@
|
|||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uVuGMvfe3xlz3x8WSmcC" mode=""></image>
|
||||
</view>
|
||||
|
||||
<view class="btn">
|
||||
<view class="btn" @click="sub">
|
||||
提交
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -36,7 +36,11 @@
|
|||
videoPath: '',
|
||||
imglist:[],
|
||||
token: '',
|
||||
upurl:''
|
||||
upurl:'',
|
||||
orderinfo:{},
|
||||
userId:'',
|
||||
videoUrl:''
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
|
@ -45,9 +49,69 @@
|
|||
},
|
||||
onShow() {
|
||||
this.getQiniuToken()
|
||||
this.getuserInfo()
|
||||
},
|
||||
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 // delta值为1时表示返回的页面层数
|
||||
});
|
||||
} 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() {
|
||||
console.log('diaou');
|
||||
this.$u.get("/common/qiniu/uploadInfo").then((res) => {
|
||||
|
|
@ -97,7 +161,7 @@
|
|||
console.log(res,'resres');
|
||||
let str = JSON.parse(res.data)
|
||||
console.log(str.key)
|
||||
_this.userImgs = _this.upurl +'/'+ str.key
|
||||
_this.videoUrl = _this.upurl +'/'+ str.key
|
||||
console.log(_this.userImgs)
|
||||
// _this.imglist.push(_this.userImgs)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -823,6 +823,30 @@
|
|||
</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 class="fixdivce" v-if="showdevice&&false">
|
||||
<view class="scrollable-content">
|
||||
|
|
@ -954,9 +978,9 @@
|
|||
|
||||
maskloading: false,
|
||||
toploadtxt: "开锁中0%",
|
||||
loadimg: 'https://lxnapi.ccttiot.com/bike/img/static/urJQJnOI1DEjWatFqHYh',
|
||||
loadimg: 'https://lxnapi.ccttiot.com/bike/img/static/uRxPPoVoqmnmng6wKlij',
|
||||
tiptxt: '请定点停放，规范用车',
|
||||
maskepage: 0,
|
||||
maskepage:0 ,
|
||||
backgps: {},
|
||||
buletxt: '',
|
||||
|
||||
|
|
@ -1241,6 +1265,14 @@
|
|||
},
|
||||
},
|
||||
methods: {
|
||||
tovadio(){
|
||||
// this.seeDetail=true
|
||||
this.maskepage=0
|
||||
this.maskloading=false
|
||||
uni.navigateTo({
|
||||
url:'/page_user/vadio_back'
|
||||
})
|
||||
},
|
||||
toggleOrderTips() {
|
||||
this.isCollapsed = !this.isCollapsed;
|
||||
},
|
||||
|
|
@ -1766,7 +1798,7 @@
|
|||
if (res.code === 200) {
|
||||
this.opencar()
|
||||
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.buletxt = '开锁成功';
|
||||
this.lastClickedMarkerId = null
|
||||
|
|
@ -1812,7 +1844,7 @@
|
|||
},
|
||||
taploadmask(num) {
|
||||
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 (!this.checkBeforeUnlock()) {
|
||||
return;
|
||||
|
|
@ -1880,22 +1912,28 @@
|
|||
}, 2100);
|
||||
|
||||
} else if (num == 4) {
|
||||
//还车校验
|
||||
this.maskloading = true;
|
||||
let percentage = 0;
|
||||
const interval = setInterval(() => {
|
||||
if (percentage < 98) {
|
||||
percentage += 2; // 每次增加的百分比，可以调整
|
||||
this.toploadtxt = `还车地点校验中${percentage}%`;
|
||||
} else {
|
||||
clearInterval(interval);
|
||||
this.toploadtxt = "还车地点校验中98%";
|
||||
}
|
||||
}, 40); // 每40毫秒更新一次，可以调整
|
||||
setTimeout(() => {
|
||||
this.cheackgps();
|
||||
}, 2100);
|
||||
|
||||
if(this.areaInfo.returnVerify==0&&this.orderinfo.videoUrl!=''){
|
||||
this.maskloading = true
|
||||
this.maskepage=8
|
||||
}else{
|
||||
//还车校验
|
||||
this.maskloading = true;
|
||||
let percentage = 0;
|
||||
const interval = setInterval(() => {
|
||||
if (percentage < 98) {
|
||||
percentage += 2; // 每次增加的百分比，可以调整
|
||||
this.toploadtxt = `还车地点校验中${percentage}%`;
|
||||
} else {
|
||||
clearInterval(interval);
|
||||
this.toploadtxt = "还车地点校验中98%";
|
||||
}
|
||||
}, 40); // 每40毫秒更新一次，可以调整
|
||||
setTimeout(() => {
|
||||
this.cheackgps();
|
||||
}, 2100);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
|
@ -1983,8 +2021,6 @@
|
|||
}, 5000)
|
||||
|
||||
},
|
||||
|
||||
|
||||
cheackgps() {
|
||||
let that = this
|
||||
uni.getLocation({
|
||||
|
|
@ -2037,7 +2073,7 @@
|
|||
// that.close()
|
||||
// that.getisInOrder()
|
||||
that.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
that.toploadtxt = '还车成功！';
|
||||
setTimeout(() => {
|
||||
that.maskloading = false;
|
||||
|
|
@ -2091,7 +2127,7 @@
|
|||
that.backfalse = 0
|
||||
that.isbackdevice = false
|
||||
that.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
that.toploadtxt = '还车成功！';
|
||||
setTimeout(() => {
|
||||
that.maskloading = false;
|
||||
|
|
@ -2137,7 +2173,7 @@
|
|||
// // that.reboot()
|
||||
// // 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 = '还车成功！';
|
||||
// // setTimeout(() => {
|
||||
// // that.maskloading = false;
|
||||
|
|
@ -2214,7 +2250,7 @@
|
|||
// res.code=500
|
||||
if (res.code === 200) {
|
||||
this.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
this.toploadtxt = '还车成功!';
|
||||
this.backfalse = 0
|
||||
setTimeout(() => {
|
||||
|
|
@ -2270,7 +2306,7 @@
|
|||
this.backfalse = 0
|
||||
this.isbackdevice = false
|
||||
this.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
this.toploadtxt = '还车成功！';
|
||||
this.buletxt = '还车成功！';
|
||||
setTimeout(() => {
|
||||
|
|
@ -2319,7 +2355,7 @@
|
|||
res) => {
|
||||
|
||||
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.backfalse = 0
|
||||
setTimeout(() => {
|
||||
|
|
@ -2400,7 +2436,7 @@
|
|||
// res.code=500
|
||||
// res.msg='低电量不得骑行'
|
||||
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.lastClickedMarkerId = null
|
||||
this.mappolyline = []
|
||||
|
|
@ -2671,7 +2707,7 @@
|
|||
if (res.code === 200) {
|
||||
this.backfalse = 0
|
||||
this.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
this.toploadtxt = '开锁成功';
|
||||
this.buleopen = false
|
||||
setTimeout(() => {
|
||||
|
|
@ -2730,7 +2766,7 @@
|
|||
// console.log('发送了离线开锁请求');
|
||||
// that.getisInOrder()
|
||||
that.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
that.buletxt = '解锁成功';
|
||||
that.toploadtxt = '解锁成功'
|
||||
that.backfalse = 0
|
||||
|
|
@ -2803,7 +2839,7 @@
|
|||
// this.getisInOrder()
|
||||
this.backfalse = 0
|
||||
this.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
this.toploadtxt = '锁车成功';
|
||||
this.buleclose = false
|
||||
setTimeout(() => {
|
||||
|
|
@ -2868,7 +2904,7 @@
|
|||
that.buleclose = false
|
||||
that.backfalse = 0
|
||||
that.loadimg =
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/upNvRa9ZQMyiwxLliF5z';
|
||||
'https://lxnapi.ccttiot.com/bike/img/static/ukD735zCS1yQXw2aGun8';
|
||||
that.buletxt = '锁车成功';
|
||||
that.toploadtxt = '锁车成功'
|
||||
setTimeout(() => {
|
||||
|
|
|
|||
16
pages/my.vue
16
pages/my.vue
|
|
@ -360,10 +360,18 @@
|
|||
url: '/page_user/khfw/khfw'
|
||||
})
|
||||
} else if (num == 11) {
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/page_user/idcard_test'
|
||||
})
|
||||
if(info.idCard==''){
|
||||
uni.navigateTo({
|
||||
url: '/page_user/idcard_test'
|
||||
})
|
||||
}else{
|
||||
uni.showToast({
|
||||
title: '实名授权已完成',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
|
|
|||
|
|
@ -45,9 +45,13 @@
|
|||
<view class="tap_cont" :class="curtitidx==2?'act1':''" @click="changeidx(2)">
|
||||
待支付
|
||||
</view>
|
||||
|
||||
<view class="tap_cont" :class="curtitidx==3?'act1':''" @click="changeidx(3)">
|
||||
已完成
|
||||
</view>
|
||||
<view class="tap_cont" :class="curtitidx==4?'act1':''" @click="changeidx(4)" v-if="areainfo.returnVerify==01">
|
||||
待审核
|
||||
</view>
|
||||
</view>
|
||||
<u-mask :show="show" @click="show = false" :z-index='100' />
|
||||
|
||||
|
|
@ -430,7 +434,104 @@
|
|||
</view>
|
||||
</view>
|
||||
</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>
|
||||
</view>
|
||||
<view class="tip_box" v-if="showfz">
|
||||
|
|
@ -631,6 +732,8 @@
|
|||
|
||||
],
|
||||
typeidx: '2',
|
||||
areainfo:{},
|
||||
passList:[]
|
||||
|
||||
}
|
||||
},
|
||||
|
|
@ -643,6 +746,7 @@
|
|||
if (uni.getStorageSync('adminAreaid')) {
|
||||
this.areaId = uni.getStorageSync('adminAreaid')
|
||||
this.orderList()
|
||||
this.getArea()
|
||||
}
|
||||
|
||||
},
|
||||
|
|
@ -670,6 +774,24 @@
|
|||
|
||||
},
|
||||
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) {
|
||||
if (!value) return '';
|
||||
let date = new Date(value);
|
||||
|
|
@ -983,6 +1105,41 @@
|
|||
}).catch(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() {
|
||||
let data = {};
|
||||
|
|
@ -1028,7 +1185,10 @@
|
|||
this.orderList2()
|
||||
} else if (idx == 3) {
|
||||
this.orderList3()
|
||||
} else if (idx == 4) {
|
||||
this.orderList4()
|
||||
}
|
||||
|
||||
},
|
||||
swiperchange(e) {
|
||||
this.curtitidx = e.detail.current
|
||||
|
|
@ -1045,6 +1205,8 @@
|
|||
this.orderList2()
|
||||
} else if (this.curtitidx == 3) {
|
||||
this.orderList3()
|
||||
}else if (this.curtitidx ==4 ) {
|
||||
this.orderList4()
|
||||
}
|
||||
|
||||
},
|
||||
|
|
@ -1058,8 +1220,11 @@
|
|||
this.orderList2()
|
||||
} else if (this.curtitidx == 3) {
|
||||
this.orderList3()
|
||||
}else if (this.curtitidx ==4 ) {
|
||||
this.orderList4()
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
search() {
|
||||
clearTimeout(timerId1);
|
||||
|
|
@ -1072,8 +1237,11 @@
|
|||
this.orderList2()
|
||||
} else if (this.curtitidx == 3) {
|
||||
this.orderList3()
|
||||
}else if (this.curtitidx ==4 ) {
|
||||
this.orderList4()
|
||||
}
|
||||
|
||||
|
||||
}, 500);
|
||||
// 根据关键字过滤 this.classlist
|
||||
|
||||
|
|
|
|||
|
|
@ -1771,110 +1771,112 @@
|
|||
}
|
||||
}
|
||||
|
||||
.tip_box {
|
||||
position: fixed;
|
||||
left: 72rpx;
|
||||
top: 628rpx;
|
||||
width: 610rpx;
|
||||
// height: 282rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
z-index: 110;
|
||||
padding-bottom: 100rpx;
|
||||
// .tip_box {
|
||||
// position: fixed;
|
||||
// left: 72rpx;
|
||||
// top: 628rpx;
|
||||
// width: 610rpx;
|
||||
// // height: 282rpx;
|
||||
// background: #FFFFFF;
|
||||
// border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
// z-index: 110;
|
||||
// padding-bottom: 100rpx;
|
||||
|
||||
.top {
|
||||
padding: 52rpx 38rpx 42rpx 36rpx;
|
||||
// .top {
|
||||
// padding: 52rpx 38rpx 42rpx 36rpx;
|
||||
|
||||
.ipt_box {
|
||||
margin-top: 22rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
// .ipt_box {
|
||||
// margin-top: 22rpx;
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// align-items: center;
|
||||
|
||||
.text {
|
||||
width: 96rpx;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
// .text {
|
||||
// width: 96rpx;
|
||||
// font-weight: 400;
|
||||
// font-size: 32rpx;
|
||||
// color: #3D3D3D;
|
||||
// }
|
||||
|
||||
.ipt {
|
||||
padding: 10rpx 18rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-left: 26rpx;
|
||||
width: 420rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
border: 2rpx solid #979797;
|
||||
// .ipt {
|
||||
// padding: 10rpx 18rpx;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
// margin-left: 26rpx;
|
||||
// width: 420rpx;
|
||||
// height: 64rpx;
|
||||
// border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
// border: 2rpx solid #979797;
|
||||
|
||||
.input {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .input {
|
||||
// width: 80%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.tip {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
// .tip {
|
||||
// width: 100%;
|
||||
// text-align: center;
|
||||
// font-weight: 700;
|
||||
// font-size: 32rpx;
|
||||
// color: #3D3D3D;
|
||||
// }
|
||||
|
||||
.txt {
|
||||
margin-top: 32rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
// .txt {
|
||||
// margin-top: 32rpx;
|
||||
// width: 100%;
|
||||
// text-align: center;
|
||||
// font-weight: 500;
|
||||
// font-size: 32rpx;
|
||||
// color: #3D3D3D;
|
||||
// }
|
||||
// }
|
||||
|
||||
.bot {
|
||||
position: absolute;
|
||||
// .bot {
|
||||
// position: absolute;
|
||||
|
||||
width: 610rpx;
|
||||
// border-top: 2rpx solid #D8D8D8;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
// height: 100%;
|
||||
bottom: -20rpx;
|
||||
// width: 610rpx;
|
||||
// // border-top: 2rpx solid #D8D8D8;
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// // height: 100%;
|
||||
// bottom: -20rpx;
|
||||
|
||||
.bot_left {
|
||||
border-radius: 0rpx 0rpx 0rpx 30rpx;
|
||||
width: 50%;
|
||||
height: 86rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
background: #EEEEEE;
|
||||
}
|
||||
// .bot_left {
|
||||
// border-radius: 0rpx 0rpx 0rpx 30rpx;
|
||||
// width: 50%;
|
||||
// height: 86rpx;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// font-weight: 500;
|
||||
// font-size: 32rpx;
|
||||
// color: #3D3D3D;
|
||||
// background: #EEEEEE;
|
||||
// }
|
||||
|
||||
.bot_right {
|
||||
border-radius: 0rpx 0rpx 30rpx 0rpx;
|
||||
width: 50%;
|
||||
height: 86rpx;
|
||||
background: #4C97E7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #FFFFFF;
|
||||
// border-left: 2rpx solid #D8D8D8;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
// color: #4C97E7;
|
||||
// .bot_right {
|
||||
// border-radius: 0rpx 0rpx 30rpx 0rpx;
|
||||
// width: 50%;
|
||||
// height: 86rpx;
|
||||
// background: #4C97E7;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// color: #FFFFFF;
|
||||
// // border-left: 2rpx solid #D8D8D8;
|
||||
// font-weight: 500;
|
||||
// font-size: 32rpx;
|
||||
// // color: #4C97E7;
|
||||
|
||||
}
|
||||
// }
|
||||
|
||||
}
|
||||
}
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
.bot_btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@
|
|||
<u-navbar title="订单详情" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
<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-image class="img" src="https://lxnapi.ccttiot.com/bike/img/static/uRiYQZQEb3l2LsltEsyW"
|
||||
mode=""></cover-image>
|
||||
|
|
@ -120,50 +119,51 @@
|
|||
|
||||
</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 class="vadio_type" style="color: #FF4444 ;background: #FFEEEE;">
|
||||
<view class="vadio_type" style="color: #FF4444 ;background: #FFEEEE;" v-if="orderInfo.status==6">
|
||||
设备损坏
|
||||
</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 class="vadio_box">
|
||||
|
||||
<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>
|
||||
<view class="vadio_info">
|
||||
提交时间：02-11 15:06:45
|
||||
</view>
|
||||
</view>
|
||||
<view class="vadio_li">
|
||||
<view class="" style="width: 10rpx;">
|
||||
|
||||
</view>
|
||||
<view class="btn_box">
|
||||
<view class="vadio_btn">
|
||||
通过
|
||||
</view>
|
||||
<view class="vadio_btn" style="background: #FF4444;">
|
||||
有损坏
|
||||
</view>
|
||||
<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>
|
||||
|
||||
<view class="vadio_li">
|
||||
<view class="" style="width: 10rpx;">
|
||||
|
||||
</view>
|
||||
<view class="vadio_info">
|
||||
提交时间：02-11 15:06:45
|
||||
</view>
|
||||
</view>
|
||||
<view class="vadio_li">
|
||||
<view class="" style="width: 10rpx;">
|
||||
|
||||
</view>
|
||||
<view class="btn_box">
|
||||
<view class="vadio_btn" @click="pass()" v-if="orderInfo.status==5">
|
||||
通过
|
||||
</view>
|
||||
<view class="vadio_btn" style="background: #FF4444;" @click="unpass" v-if="orderInfo.status==5">
|
||||
有损坏
|
||||
</view>
|
||||
<view class="vadio_btn" style="background: #64B6A8 ;" @click="callPhone">
|
||||
电话沟通
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="lines"></view>
|
||||
<view class="cont" v-if="orderInfo.etRefund">
|
||||
|
||||
|
|
@ -310,6 +310,32 @@
|
|||
</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>
|
||||
</template>
|
||||
|
||||
|
|
@ -343,7 +369,10 @@
|
|||
showtk: false,
|
||||
show: false,
|
||||
_mapContext: null,
|
||||
showpark:true
|
||||
showpark: true,
|
||||
showck:true,
|
||||
money:'',
|
||||
areaNum:1
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -352,21 +381,21 @@
|
|||
this._mapContext = uni.createMapContext("map", this); //map为map组件id
|
||||
},
|
||||
mounted() {
|
||||
// this.onRegionChange();
|
||||
},
|
||||
// this.onRegionChange();
|
||||
},
|
||||
onLoad(e) {
|
||||
this.orderId = e.id
|
||||
this.getOrderDetail()
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// this.getParking()
|
||||
},
|
||||
// onReady() {
|
||||
// // 确保地图组件已加载完成
|
||||
// console.log(this._mapContext, 'this._mapContext');
|
||||
|
||||
|
||||
// this._mapContext.addGroundOverlay({
|
||||
// id: 11,
|
||||
// src: `https://lxnapi.ccttiot.com/bike/img/static/uXRz2sbToNsqckQQjnLo`, // 手绘地图素材路径
|
||||
|
|
@ -389,23 +418,52 @@
|
|||
// console.log("显示失败", e);
|
||||
// },
|
||||
// });
|
||||
|
||||
|
||||
// // this.getParking();
|
||||
// },
|
||||
components: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleFullscreenChange(e) {
|
||||
// 这里可以通过 e.detail 来获取全屏状态的信息（如果有的话）
|
||||
// 但请注意，不同平台和浏览器可能返回的信息不同
|
||||
console.log('全屏状态变化', e.detail);
|
||||
if(e.detail.fullScreen){
|
||||
this.showpark=false
|
||||
}else{
|
||||
this.showpark=true
|
||||
}
|
||||
},
|
||||
ckmoney(){
|
||||
|
||||
},
|
||||
unpass(){
|
||||
let data ={
|
||||
orderNo:this.orderId,
|
||||
"status": "6"
|
||||
}
|
||||
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) {
|
||||
return amount ? amount : '--';
|
||||
},
|
||||
|
|
@ -721,7 +779,11 @@
|
|||
if (res.code === 200) {
|
||||
// 处理接口返回的数据，将边界数据转换为地图组件需要的折线结构
|
||||
this.orderInfo = res.data
|
||||
this.getArea()
|
||||
this.areaNum=this.areaNum+1
|
||||
if(this.areaNum!=0){
|
||||
this.getArea()
|
||||
}
|
||||
|
||||
|
||||
this.loading = true
|
||||
this.latitude = parseFloat(this.orderInfo.latitude)
|
||||
|
|
@ -782,7 +844,7 @@
|
|||
padding-bottom: 200rpx;
|
||||
width: 750rpx;
|
||||
|
||||
|
||||
|
||||
.tip_box {
|
||||
position: fixed;
|
||||
left: 72rpx;
|
||||
|
|
@ -845,7 +907,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.bot {
|
||||
.bots {
|
||||
position: absolute;
|
||||
|
||||
width: 610rpx;
|
||||
|
|
@ -854,7 +916,7 @@
|
|||
flex-wrap: nowrap;
|
||||
// height: 100%;
|
||||
bottom: -20rpx;
|
||||
z-index: 99;
|
||||
|
||||
.bot_left {
|
||||
border-radius: 0rpx 0rpx 0rpx 30rpx;
|
||||
width: 50%;
|
||||
|
|
@ -932,13 +994,14 @@
|
|||
font-size: 32rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
.vadio_type{
|
||||
|
||||
.vadio_type {
|
||||
margin-left: auto;
|
||||
padding: 5rpx 34rpx;
|
||||
|
||||
|
||||
background: #FFFAE6;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
|
||||
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFCC00;
|
||||
|
|
@ -950,25 +1013,29 @@
|
|||
// height: 2rpx;
|
||||
border-bottom: 2rpx solid #E7E7E7;
|
||||
}
|
||||
|
||||
.vadio_box{
|
||||
|
||||
.vadio_box {
|
||||
padding: 26rpx 28rpx;
|
||||
.vadio_li{
|
||||
|
||||
.vadio_li {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
// justify-content: space-between;
|
||||
.vadio_info{
|
||||
.vadio_info {
|
||||
margin-left: auto;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #979797;
|
||||
}
|
||||
.btn_box{
|
||||
|
||||
.btn_box {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
.vadio_btn{
|
||||
margin-left: auto;
|
||||
|
||||
.vadio_btn {
|
||||
margin-left: 10rpx;
|
||||
padding: 6rpx 44rpx;
|
||||
background: #4C97E7;
|
||||
|
|
@ -978,9 +1045,10 @@
|
|||
color: #FEFFFE;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.cont {
|
||||
padding: 26rpx 28rpx;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user