|
@@ -23,33 +23,43 @@
|
|
|
</u-circle-progress>
|
|
|
</view>
|
|
|
|
|
|
- <view class="time-price">
|
|
|
- <view class="item">
|
|
|
- <view class="item-num">
|
|
|
- {{getPercent2()}}
|
|
|
- </view>
|
|
|
- <view class=" item-text ">
|
|
|
- 充电时长
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="item-num">
|
|
|
- {{chargingRecord.actualFee}}元
|
|
|
- </view>
|
|
|
- <view class="item-text">
|
|
|
- 充电金额
|
|
|
- </view>
|
|
|
+ <view class="">
|
|
|
+ <view class="info" >
|
|
|
+ <view class="info-name">
|
|
|
+ 充电时长
|
|
|
+ </view>
|
|
|
+ <view class="info-text">
|
|
|
+ {{getPercent2()}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="info" >
|
|
|
+ <view class="info-name">
|
|
|
+ 充电金额
|
|
|
+ </view>
|
|
|
+ <view class="info-text">
|
|
|
+ {{chargingRecord.actualFee}}元
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="info" >
|
|
|
+ <view class="info-name">
|
|
|
+ 优惠券
|
|
|
+ </view>
|
|
|
+ <view class="info-text" style="color:red">
|
|
|
+ {{couponObj&&couponObj.status=='1'?couponObj.text:'未使用'}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="info" v-if="chargingRecord.remark">
|
|
|
+ <view class="info-name">
|
|
|
+ 结束原因
|
|
|
+ </view>
|
|
|
+ <view class="info-text">
|
|
|
+ {{chargingRecord.remark}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
- <view
|
|
|
- v-if="chargingRecord.remark"
|
|
|
- style="
|
|
|
- margin-top: 20px;
|
|
|
- text-align: center;
|
|
|
- ">
|
|
|
- 结束原因:{{chargingRecord.remark}}
|
|
|
- </view>
|
|
|
+
|
|
|
<view
|
|
|
|
|
|
style="
|
|
@@ -152,8 +162,16 @@
|
|
|
电流
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ <view class="info" >
|
|
|
+ <view class="info-name">
|
|
|
+ 优惠券
|
|
|
+ </view>
|
|
|
+ <view class="info-text" style="color:red">
|
|
|
+ {{couponObj&&couponObj.useText?couponObj.useText:'未使用'}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="info">
|
|
|
+ <view class="info" v-if="chargingRecord.carNumber">
|
|
|
<view class="info-name">
|
|
|
充电车辆
|
|
|
</view>
|
|
@@ -166,8 +184,17 @@
|
|
|
站点
|
|
|
</view>
|
|
|
<view class="info-text">
|
|
|
- {{chargingRecord.stationName}} / {{chargingRecord.deviceNo}}
|
|
|
+ {{chargingRecord.stationName}}
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ <view class="info">
|
|
|
+ <view class="info-name">
|
|
|
+ 充电桩
|
|
|
+ </view>
|
|
|
+ <view class="info-text">
|
|
|
+ {{chargingRecord.deviceName}}<br>
|
|
|
+ {{chargingRecord.deviceNo}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="info" v-if="false">
|
|
|
<view class="info-name">
|
|
@@ -227,7 +254,8 @@
|
|
|
consumerPhone: "",
|
|
|
id: "",
|
|
|
chargingGun: {},
|
|
|
- chargingRecord: {},
|
|
|
+ chargingRecord: {},
|
|
|
+ couponObj:{},
|
|
|
show: false,
|
|
|
show2: false,
|
|
|
isReady:true,
|
|
@@ -274,7 +302,8 @@
|
|
|
})
|
|
|
}
|
|
|
if(i==1){
|
|
|
- uni.redirectTo({
|
|
|
+ uni.navigateTo({
|
|
|
+
|
|
|
url:"/pages/record/details?id="+this.id
|
|
|
})
|
|
|
}
|
|
@@ -304,6 +333,9 @@
|
|
|
return obj;
|
|
|
},
|
|
|
getPercent() {
|
|
|
+ if(!this.chargingRecord.startTime){
|
|
|
+ return '00:00:00'
|
|
|
+ }
|
|
|
var Hour=0;
|
|
|
var Fen=0;
|
|
|
var S=0;
|
|
@@ -367,9 +399,11 @@
|
|
|
// })
|
|
|
API.chargingDetail({
|
|
|
id: this.id
|
|
|
- }).then((res) => {
|
|
|
- this.chargingRecord = res.data.chargingRecord
|
|
|
-
|
|
|
+ }).then((res) => {
|
|
|
+
|
|
|
+ this.chargingRecord = res.data.chargingRecord
|
|
|
+ console.log(this.chargingRecord)
|
|
|
+ this.couponObj= res.data.coupon
|
|
|
this.chargingGun = res.data.chargingGun
|
|
|
this.waitNum=res.data.chargingRecord.waitNum;
|
|
|
this.isReady = true;
|
|
@@ -562,8 +596,10 @@
|
|
|
|
|
|
.cost {
|
|
|
// width: 50%;
|
|
|
- padding: 0 90px;
|
|
|
- margin-top: 16px;
|
|
|
+ padding: 0 50px;
|
|
|
+ margin-top: 16px;
|
|
|
+ margin: auto;
|
|
|
+ width: 280px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
|
|
@@ -631,7 +667,7 @@
|
|
|
.info-text {
|
|
|
line-height: 23px;
|
|
|
padding: 13px 0 12px;
|
|
|
- width: 200px;
|
|
|
+ //width: 200px;
|
|
|
text-align: right;
|
|
|
}
|
|
|
}
|
|
@@ -718,7 +754,8 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .bottom {
|
|
|
+ .bottom {
|
|
|
+ background-color: #fff;
|
|
|
display: flex;
|
|
|
width: 91.4%;
|
|
|
padding: 12px 16px;
|