cloud
/
cloud_admin_app
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

11.21 更新充电订单页面

Browse Source
formal_basic
shilei 3 days ago
parent ef005651a7
commit 67f13b2627
3 changed files with 196 additions and 12 deletions
Show Stats Download Patch File Download Diff File

22
components/search-destination/search-destination.vue
Unescape View File

@ -107,7 +107,7 @@
let marker = reactive({ let marker = reactive({
markers: [] markers: []
}) })
const isshowlocation = ref(true)
const popup_mean = ref(null) const popup_mean = ref(null)
const bottom_popup = ref(false) const bottom_popup = ref(false)
const bdlongitude = ref() const bdlongitude = ref()
@ -301,7 +301,7 @@
const goMap = (e) => { const goMap = (e) => {
showSearch.value = false //关闭搜索展示列表 showSearch.value = false //关闭搜索展示列表
showToast.value = true showToast.value = true
// console.log(e, 'eeeeeeeeeee'); console.log(e, 'eeeeeeeeeee');
searchStationName.value = e.stationName searchStationName.value = e.stationName
searchAreaName.value = e.areaName searchAreaName.value = e.areaName
searchDistance.value = e.distance searchDistance.value = e.distance
@ -372,10 +372,12 @@
'&distance=' + '&distance=' +
JSON.parse(searchDistance.value) + '&searchID=' + JSON.parse(searchID.value) JSON.parse(searchDistance.value) + '&searchID=' + JSON.parse(searchID.value)
}) })
bottom_popup.value.close()
} }
} }
} }
const callouttap = (e) => { const callouttap = (e) => {
// console.log(e,'弹框')
let showInf = pointsList.value.filter((item) => { let showInf = pointsList.value.filter((item) => {
return item.id == e.detail.markerId return item.id == e.detail.markerId
}) })
@ -391,11 +393,17 @@
const handle_open = (showInf) => { const handle_open = (showInf) => {
for (let item of pointsList.value) { for (let item of pointsList.value) {
if (showInf.id == item.id) { if (showInf.id == item.id) {
// console.log(item,'平移了'); console.log(item, '平移了');
uni.createMapContext('map').moveToLocation({ searchStationName.value = item.stationName
longitude: item.longitude, searchAreaName.value = item.areaName
latitude: item.latitude searchDistance.value = item.distance
}) searchNo.value = item.stationNo
searchID.value = item.id
bottom_popup.value.open('bottom')
// uni.createMapContext('map').moveToLocation({
// longitude: item.longitude,
// latitude: item.latitude
// })
} }
} }
// console.log(showInf,'showInf'); // console.log(showInf,'showInf');

180
pages/order/chargorder/detailInf/detail.vue
Unescape View File

@ -32,7 +32,8 @@
<view style="font-weight: 600" v-if="detail.list.orderStatus == 9"> <view style="font-weight: 600" v-if="detail.list.orderStatus == 9">
已关闭 已关闭
</view> </view>
<view style="margin-top: 10rpx;">充电开始时间: {{detail.list.startTime==null?'--':detail.list.startTime}}</view> <view style="margin-top: 10rpx;">充电开始时间: {{detail.list.startTime==null?'--':detail.list.startTime}}
</view>
</view> </view>
<view class="line_center"> <view class="line_center">
<view class="white_box"> <view class="white_box">
@ -63,8 +64,118 @@
<view class="staName">充电时长</view> <view class="staName">充电时长</view>
<view class="staNum">{{detail.list.chargingTime==null?'--':detail.list.chargingTime}} 分钟</view> <view class="staNum">{{detail.list.chargingTime==null?'--':detail.list.chargingTime}} 分钟</view>
</view> </view>
<!-- -->
<view class="flex justify-between flex-wrap padding-sm">
<view class="name" style="font-size: 35rpx">费用信息</view>
</view>
<view class="flex padding-sm justify-between flex-wrap">
<view class="titleName">费用合计</view>
<view class="money text-price">{{detail.list.totalFee==null?'0':detail.list.totalFee / 100}}元
</view>
</view>
<view class="right_pay_mean">
<view>
<text>电价费用</text>
<text>{{detail.list.elecTotalExpense==null?'0':detail.list.elecTotalExpense / 100}}元</text>
</view>
<view>
<text>平台服务费</text>
<text>{{detail.list.cloudTotalFee==null?'0':detail.list.cloudTotalFee / 100}}元</text>
</view>
<view>
<text>电池服务费</text>
<text>{{detail.list.batTotalFee==null?'0':detail.list.batTotalFee / 100}}元</text>
</view>
<view>
<text>充电服务总费用</text>
<text>{{detail.list.chargeTotalFee==null?'0':detail.list.chargeTotalFee / 100}}元</text>
</view>
</view>
<view class="line_bottom">
<view></view>
</view>
<view style="padding: 0 20rpx; box-sizing:border-box">
<view v-for="(item,index) in detail.list.orderTimeList">
<view class="power_title">
<text>{{item.startTime}} - {{item.endTime}} 充电
{{ item.electric == null? 0: item.electric }}
度</text>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName" style="display: flex; align-items: center">电 费(
{{item.electricityPrice == null? 0: item.electricityPrice / 100}}元 / 度 )
</view>
<view class="staNum">
¥{{ item.electricityExpense == null? 0: item.electricityExpense / 100 }}
</view>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName" style="display: flex; align-items: center">服务费(
{{item.servicePrice == null? 0: item.servicePrice / 100}}元/度 )
</view>
<view class="staNum">
¥{{item.serviceExpense == null? 0: item.serviceExpense / 100 }}</view>
</view>
</view>
<!-- <view class="power_title">
<text>尖时段充电 {{ handle_power(detail.list.theTipElectric,detail.list.theTipElectricAcMeter) }} 度</text>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">电费</view>
<view class="staNum">{{ handle_electricity(detail.list.theTipExpense,detail.list.theTipExpenseAcMeter) }}元</view>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">单价</view>
<view class="staNum">{{detail.list.theTipPrice == null? 0: detail.list.theTipPrice / 100}}元</view>
</view> -->
<!-- -->
<!-- <view class="power_title">
<text>峰时段充电 {{ handle_power(detail.list.peakElectric,detail.list.peakElectricAcMeter) }} 度</text>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">电费</view>
<view class="staNum">{{ handle_electricity(detail.list.peakExpense,detail.list.peakExpenseAcMeter) }}元</view>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">单价</view>
<view class="staNum">{{detail.list.peakPrice == null? 0: detail.list.peakPrice / 100}}元</view>
</view> -->
<!-- -->
<!-- <view class="power_title">
<text>平时段充电 {{ handle_power(detail.list.flatElectric,detail.list.flatElectricAcMeter) }} 度</text>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">电费</view>
<view class="staNum">{{ handle_electricity(detail.list.flatExpense,detail.list.flatExpenseAcMeter) }}元</view>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">单价</view>
<view class="staNum">{{detail.list.flatPrice == null? 0: detail.list.flatPrice / 100}}元</view>
</view> -->
<!-- -->
<!-- <view class="power_title">
<text>谷时段充电 {{ handle_power(detail.list.theValleyElectric,detail.list.theValleyElectricAcMeter) }} 度</text>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">电费</view>
<view class="staNum">{{ handle_electricity(detail.list.theValleyExpense,detail.list.theValleyExpenseAcMeter) }}元</view>
</view>
<view class="flex justify-between flex-wrap " style="margin: 10rpx 0;">
<view class="staName">单价</view>
<view class="staNum">{{detail.list.theValleyPrice == null? 0: detail.list.theValleyPrice / 100}}元</view>
</view> -->
</view>
</view>
</view> </view>
</view> </view>
<view class="btn_pay" v-if="detail.list.orderStatus == 4">
<button style="font-size: 14px;" type="primary" @click="handle_pay">去支付</button>
</view>
<!-- <view class="btn_pay" v-if="detail.list.payStatus == 2">
<button style="font-size: 14px;" type="primary" @click="pay_handle_refund">申请退款</button>
</view> -->
<view class="btn_pay" v-if="detail.list.invoiceFlag == null || detail.list.invoiceFlag == 0">
<button style="font-size: 14px;" type="primary" @click="pay_handle_invoice">申请开票</button>
</view> </view>
</view> </view>
</template> </template>
@ -161,6 +272,18 @@
orderType: 'recharge', orderType: 'recharge',
}); });
} }
const handle_electricity = (one, two) => {
let ones = one == null ? 0 : one / 100
let twos = two == null ? 0 : two / 100
return ones + twos
}
//
const handle_power = (one, two) => {
let ones = one == null ? 0 : one
let twos = two == null ? 0 : two
return ones + twos
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -295,7 +418,9 @@
// border-radius: 10rpx; // border-radius: 10rpx;
.white_box { .white_box {
width: 95%; width: 95%;
// height: 400rpx; height: 1000rpx;
overflow: hidden;
overflow-y: scroll;
padding: 15rpx; padding: 15rpx;
background: #fff; background: #fff;
position: absolute; position: absolute;
@ -313,4 +438,55 @@
border-bottom-right-radius: 15rpx; border-bottom-right-radius: 15rpx;
} }
} }
.right_pay_mean {
display: flex;
flex-direction: column;
// align-items: end;
// justify-content: end;
font-size: 13px;
padding: 0 20rpx;
>view {
display: flex;
align-items: center;
justify-content: flex-end;
// text-align: end;
>text:first-child {
width: 220rpx;
text-align: end;
}
>text:last-child {
width: 100rpx;
text-align: end;
}
}
}
.line_bottom {
width: 100%;
display: flex;
justify-content: center;
margin: 20rpx 0 0 0;
>view {
width: calc(100% - 40rpx);
height: 1px;
background: #ccc;
}
}
.power_title {
font-size: 26rpx;
color: #000;
font-weight: 600;
display: flex;
>text {
border-bottom: 1px solid #ccc;
padding: 20rpx 0;
}
}
</style> </style>

4
pagesCenter/login/enter.vue
Unescape View File

@ -117,8 +117,8 @@
}) })
const tips = ref('获取验证码') const tips = ref('获取验证码')
const form_login = ref({ const form_login = ref({
mobile: '17625813248', mobile: '17398399925',
password: '123456', password: 'mes123456',
// mobile: '', // mobile: '',
// password: '', // password: '',
code: '' code: ''

Write Preview
Loading…
Cancel
Save