|
@@ -4,40 +4,45 @@
|
|
|
<view class="details">
|
|
|
<view class="details-head">
|
|
|
<u-icon name="charging-pile-fill" custom-prefix="custom-icon" color="#27B148" size="48"></u-icon>
|
|
|
- <h4>{{chargeDetail.stationName}}</h4>
|
|
|
+ <h4 class="oldTextjp" oldstyle="font-size: 20px;">{{chargeDetail.stationName}}</h4>
|
|
|
</view>
|
|
|
<view class="details-main">
|
|
|
<view class="details-price">
|
|
|
<h3>{{chargeDetail.actualFee != null ? chargeDetail.actualFee : '0.00'}}</h3><span>元</span>
|
|
|
</view>
|
|
|
- <p>订单总额</p>
|
|
|
+ <p :style="elderStatus ? 'font-size: 18px;' : ''">订单总额</p>
|
|
|
+ </view>
|
|
|
+ <view class="oldTextjp2" oldstyle="font-size: 18px;">
|
|
|
+ <view class="details-row"><p>电费</p><span>{{chargeDetail.totalElecMoney != null ? chargeDetail.totalElecMoney : '0.00'}}元</span></view>
|
|
|
+ <view class="details-row"><p>服务费</p><span>{{chargeDetail.totalServiceMoney != null ? chargeDetail.totalServiceMoney : '0.00'}}元</span></view>
|
|
|
+ <view class="details-row"><p>优惠券抵扣</p><span style="color:red">{{userCouponObj? userCouponObj.text+'元' : '未使用'}}</span></view>
|
|
|
</view>
|
|
|
- <view class="details-row"><p>电费</p><span>{{chargeDetail.totalElecMoney != null ? chargeDetail.totalElecMoney : '0.00'}}元</span></view>
|
|
|
- <view class="details-row"><p>服务费</p><span>{{chargeDetail.totalServiceMoney != null ? chargeDetail.totalServiceMoney : '0.00'}}元</span></view>
|
|
|
- <view class="details-row"><p>优惠券抵扣</p><span style="color:red">{{userCouponObj? userCouponObj.text+'元' : '未使用'}}</span></view>
|
|
|
-
|
|
|
</view>
|
|
|
<view class="details">
|
|
|
<view class="details-title">
|
|
|
- <h4>充电详情</h4>
|
|
|
+ <h4 class="oldTextjp" oldstyle="font-size: 20px;">充电详情</h4>
|
|
|
+ </view>
|
|
|
+ <view class="oldTextjp2" oldstyle="font-size: 18px;">
|
|
|
+ <view class="details-row"><p>消费电量(度)</p><span>{{chargeDetail.electricQuantity != null ? chargeDetail.electricQuantity/10000 : '0.000'}}</span></view>
|
|
|
+ <view class="details-row"><p>开始时间</p><span>{{chargeDetail.startTime}}</span></view>
|
|
|
+ <view class="details-row"><p>结束时间</p><span>{{chargeDetail.endTime}}</span></view>
|
|
|
+ <view class="details-row"><p>充电时长</p><span>{{chargeDetail.chargingMinute != null ? chargeDetail.chargingMinute+'分' : '00分00秒'}}</span></view>
|
|
|
</view>
|
|
|
- <view class="details-row"><p>消费电量(度)</p><span>{{chargeDetail.electricQuantity != null ? chargeDetail.electricQuantity/10000 : '0.000'}}</span></view>
|
|
|
- <view class="details-row"><p>开始时间</p><span>{{chargeDetail.startTime}}</span></view>
|
|
|
- <view class="details-row"><p>结束时间</p><span>{{chargeDetail.endTime}}</span></view>
|
|
|
- <view class="details-row"><p>充电时长</p><span>{{chargeDetail.chargingMinute != null ? chargeDetail.chargingMinute+'分' : '00分00秒'}}</span></view>
|
|
|
</view>
|
|
|
<view class="details">
|
|
|
<view class="details-title">
|
|
|
- <h4>更多信息</h4>
|
|
|
+ <h4 class="oldTextjp" oldstyle="font-size: 20px;">更多信息</h4>
|
|
|
+ </view>
|
|
|
+ <view class="oldTextjp2" oldstyle="font-size: 18px;">
|
|
|
+ <view class="details-row"><p>结束原因</p><span>{{chargeDetail.remark}}</span></view>
|
|
|
+ <view class="details-row"><p>订单状态</p><span>{{chargeDetail.statusText}}</span></view>
|
|
|
+ <view class="details-row"><p>充电桩编号</p><span>{{chargeDetail.deviceNo}}</span></view>
|
|
|
+ <view class="details-row"><p>更新时间</p><span>{{chargeDetail.updateTime}}</span></view>
|
|
|
+ <view class="details-row"><p>充电车辆</p><span>{{chargeDetail.carNumber}}</span></view>
|
|
|
</view>
|
|
|
- <view class="details-row"><p>结束原因</p><span>{{chargeDetail.remark}}</span></view>
|
|
|
- <view class="details-row"><p>订单状态</p><span>{{chargeDetail.statusText}}</span></view>
|
|
|
- <view class="details-row"><p>充电桩编号</p><span>{{chargeDetail.deviceNo}}</span></view>
|
|
|
- <view class="details-row"><p>更新时间</p><span>{{chargeDetail.updateTime}}</span></view>
|
|
|
- <view class="details-row"><p>充电车辆</p><span>{{chargeDetail.carNumber}}</span></view>
|
|
|
</view>
|
|
|
<view class="detailsBtn">
|
|
|
- <u-button class="detailsBtn-btn" type="primary" shape="circle" plain @click="toHome">返回主页</u-button>
|
|
|
+ <u-button class="detailsBtn-btn oldTextjp2" oldstyle="font-size: 16px;" type="primary" shape="circle" plain @click="toHome">返回主页</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|