|
@@ -1,19 +1,31 @@
|
|
|
<template>
|
|
|
- <scroll-view scroll-y="true" class="scroll-Y" style="background-color: #F4F7FF">
|
|
|
+ <scroll-view
|
|
|
+ scroll-y="true"
|
|
|
+ class="scroll-Y"
|
|
|
+ style="background-color: #f4f7ff"
|
|
|
+ >
|
|
|
<div class="detail-box">
|
|
|
<div class="parking-info mgb-40">
|
|
|
<div class="parking-price">
|
|
|
<div class="price">{{ (detail.payfee / 100) | currency }}</div>
|
|
|
- <div class="price-text">{{detail.refundStatus === 1 ? '已退款' : detail.payStatus === 1 ? '支付成功' : '支付失败'}}</div>
|
|
|
+ <div class="price-text">
|
|
|
+ {{
|
|
|
+ detail.refundStatus === 1
|
|
|
+ ? '已退款'
|
|
|
+ : detail.payStatus === 1
|
|
|
+ ? '支付成功'
|
|
|
+ : '支付失败'
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="parking-part">
|
|
|
<div class="parking-info-item">
|
|
|
<span class="info-key">支付方式</span>
|
|
|
- <span class="info-value">{{ detail.paykind || "" }}</span>
|
|
|
+ <span class="info-value">{{ detail.paykind || '' }}</span>
|
|
|
</div>
|
|
|
<div class="parking-info-item">
|
|
|
<span class="info-key">支付时间</span>
|
|
|
- <span class="info-value">{{ detail.createDate || "" }}</span>
|
|
|
+ <span class="info-value">{{ detail.createDate || '' }}</span>
|
|
|
</div>
|
|
|
<div class="parking-info-item">
|
|
|
<span class="info-key">车牌号</span>
|
|
@@ -47,7 +59,8 @@
|
|
|
</div>
|
|
|
<div class="parking-info mb-save">
|
|
|
<div class="parking-part">
|
|
|
- <div class="parking-info-item" v-if="false"><!--todo: 杭州首停不显示暂时根据groupId写死-->
|
|
|
+ <div class="parking-info-item" v-if="false">
|
|
|
+ <!--todo: 杭州首停不显示暂时根据groupId写死-->
|
|
|
<span class="info-key">首停优惠</span>
|
|
|
<span class="info-value fw">{{
|
|
|
(detail.firstParkFee / 100) | currency
|
|
@@ -90,7 +103,10 @@
|
|
|
((detail.usetotalfee || 0) / 100) | currency
|
|
|
}}</span>
|
|
|
</div>
|
|
|
- <div class="parking-info-item" v-if="detail.usetotalfee > detail.totalfee">
|
|
|
+ <div
|
|
|
+ class="parking-info-item"
|
|
|
+ v-if="detail.usetotalfee > detail.totalfee"
|
|
|
+ >
|
|
|
<span class="info-key">实际优惠总计</span>
|
|
|
<span class="info-value fw">{{
|
|
|
(detail.totalfee / 100) | currency
|
|
@@ -119,11 +135,11 @@
|
|
|
|
|
|
<script>
|
|
|
// const app = getApp()
|
|
|
- const app = {};
|
|
|
-import moment from "moment";
|
|
|
+// const app = {};
|
|
|
+// import moment from 'moment';
|
|
|
// import {detail as mockDetail, detailError as mockDetailSuccess} from './list'
|
|
|
-import { mapState } from 'vuex'
|
|
|
-import uni from '@/utils/uniHooks'
|
|
|
+import { mapState } from 'vuex';
|
|
|
+import uni from '@/utils/uniHooks';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -133,14 +149,13 @@ export default {
|
|
|
// groupId: app.globalData.groupId
|
|
|
};
|
|
|
},
|
|
|
- created() {
|
|
|
+
|
|
|
+ mounted() {
|
|
|
setTimeout(() => {
|
|
|
uni.setNavigationBarTitle({
|
|
|
- title: "缴费详情"
|
|
|
- })
|
|
|
- }, 300)
|
|
|
- },
|
|
|
- mounted() {
|
|
|
+ title: '缴费详情',
|
|
|
+ });
|
|
|
+ }, 300);
|
|
|
this.orderNo = this.$route.query.orderNo;
|
|
|
this.getData();
|
|
|
},
|
|
@@ -148,7 +163,7 @@ export default {
|
|
|
parkingTime() {
|
|
|
const time = this.detail.serviceMin;
|
|
|
const days = parseInt(time / 60 / 24);
|
|
|
- const hours = parseInt(time / 60 % 24);
|
|
|
+ const hours = parseInt((time / 60) % 24);
|
|
|
const minutes = parseInt(time % 60);
|
|
|
if (days > 0) {
|
|
|
return `${days}天 ${hours}小时 ${minutes}分钟`;
|
|
@@ -175,14 +190,14 @@ export default {
|
|
|
orderno: this.orderNo,
|
|
|
};
|
|
|
uni.showLoading({
|
|
|
- title: "加载中",
|
|
|
+ title: '加载中',
|
|
|
});
|
|
|
this.$md(params);
|
|
|
uni.request({
|
|
|
- url: this.$baseURL + "api/1.0/park/parkOrderDetail",
|
|
|
+ url: this.$baseURL + 'api/1.0/park/parkOrderDetail',
|
|
|
data: params,
|
|
|
- method: "POST",
|
|
|
- header: JSON.parse(uni.getStorageSync("handleUser")),
|
|
|
+ method: 'POST',
|
|
|
+ header: JSON.parse(uni.getStorageSync('handleUser')),
|
|
|
success: (res) => {
|
|
|
uni.hideLoading();
|
|
|
if (res.data.code == 0) {
|
|
@@ -204,7 +219,7 @@ export default {
|
|
|
uni.showToast({
|
|
|
title: res.data.msg,
|
|
|
duration: 2000,
|
|
|
- icon: "none",
|
|
|
+ icon: 'none',
|
|
|
});
|
|
|
}
|
|
|
},
|
|
@@ -213,7 +228,7 @@ export default {
|
|
|
uni.showToast({
|
|
|
title: res.data.msg,
|
|
|
duration: 2000,
|
|
|
- icon: "none",
|
|
|
+ icon: 'none',
|
|
|
});
|
|
|
},
|
|
|
});
|
|
@@ -236,9 +251,9 @@ export default {
|
|
|
// margin: 20px;
|
|
|
// border-radius: 30px;
|
|
|
// background-color: #ffffff;
|
|
|
- background: #FAFBFF;
|
|
|
+ background: #fafbff;
|
|
|
border-radius: 4px;
|
|
|
- border: 1px solid #D8DAE0;
|
|
|
+ border: 1px solid #d8dae0;
|
|
|
|
|
|
.parking-price {
|
|
|
text-align: center;
|
|
@@ -267,7 +282,7 @@ export default {
|
|
|
align-items: center;
|
|
|
font-size: 32px;
|
|
|
padding-bottom: 30px;
|
|
|
- &.pb0{
|
|
|
+ &.pb0 {
|
|
|
padding-bottom: 0;
|
|
|
}
|
|
|
.info-key {
|
|
@@ -284,7 +299,7 @@ export default {
|
|
|
font-weight: 400;
|
|
|
color: #333333;
|
|
|
line-height: 42px;
|
|
|
- &.fw{
|
|
|
+ &.fw {
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
}
|
|
@@ -297,14 +312,10 @@ export default {
|
|
|
.mgb-40 {
|
|
|
margin-bottom: 24px;
|
|
|
}
|
|
|
- .mb-save{
|
|
|
+ .mb-save {
|
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
|
- padding-bottom: env(safe-area-inset-bottom);
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
</style>
|
|
|
-
|
|
|
-
|
|
|
-
|