|
@@ -191,11 +191,11 @@
|
|
|
</view>
|
|
|
<view class="type" v-else-if="canUse">
|
|
|
{{userCard.classify==1?'折扣卡':''}}
|
|
|
- {{userCard.classify==2?'服务费6折卡':''}}
|
|
|
+ {{userCard.classify==2?'服务费'+(userCard.serviceFeeDiscountRate/10)+'折卡':''}}
|
|
|
</view>
|
|
|
<view class="type" style="color: red;" v-else>
|
|
|
此充电站不支持{{userCard.classify==1?'折扣卡':''}}
|
|
|
- {{userCard.classify==2?'服务费6折卡':''}}
|
|
|
+ {{userCard.classify==2?'服务费'+(userCard.serviceFeeDiscountRate/10)+'折卡':''}}
|
|
|
</view>
|
|
|
</template>
|
|
|
<template v-else>
|
|
@@ -205,7 +205,35 @@
|
|
|
</template>
|
|
|
|
|
|
</view>
|
|
|
-
|
|
|
+ <view v-if="cardList.length" class="cardListView">
|
|
|
+ <view class="cardListItemTitle">点击切换其他卡</view>
|
|
|
+ <view class="cardListItem" v-for="(item,i) in cardList"
|
|
|
+ :key="i" :class="{
|
|
|
+ select:userCard.id==item.id
|
|
|
+ }" @click="userCard=item" >
|
|
|
+ <view class="cardListName" >
|
|
|
+ {{item.cardName}}
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="cardListText" v-if="item.classify==1" >
|
|
|
+
|
|
|
+ <view>充电服务费全免</view>
|
|
|
+
|
|
|
+ <view>
|
|
|
+ |{{thisendTime(item.endTime)}}到期
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="cardListText" v-if="item.classify==2" >
|
|
|
+
|
|
|
+ <view>
|
|
|
+ 已用{{item.chargedDegree?item.chargedDegree.toFixed(0):0.00}}度 / 共{{item.chargeDegreeLimit}}度
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ |{{thisendTime(item.endTime)}}到期
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
</view>
|
|
|
<view class="botton">
|
|
@@ -398,13 +426,20 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import * as API from '@/apis/chargeProcess.js'
|
|
|
+ import * as API from '@/apis/chargeProcess.js'
|
|
|
+ import * as API_index from '@/apis/index.js'
|
|
|
+
|
|
|
import * as userApi from '@/apis/user.js'
|
|
|
import * as newsApi from '@/apis/news.js'
|
|
|
import * as API_finance from '@/apis/finance.js'
|
|
|
import {
|
|
|
wxPayJs
|
|
|
- } from '@/utils/wxpay'
|
|
|
+ } from '@/utils/wxpay'
|
|
|
+ import {
|
|
|
+ newDate,daysDistance
|
|
|
+
|
|
|
+ } from '@/utils'
|
|
|
+
|
|
|
import * as Pay from '@/apis/weixin.js'
|
|
|
|
|
|
|
|
@@ -518,7 +553,8 @@
|
|
|
selectItem: {},
|
|
|
personInfo: {},
|
|
|
carNumber: "",
|
|
|
- show3: false,
|
|
|
+ show3: false,
|
|
|
+ cardList:[],
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -595,7 +631,10 @@
|
|
|
if (this.elderMode)
|
|
|
this.theme('elder')
|
|
|
else
|
|
|
- this.theme('standard')
|
|
|
+ this.theme('standard')
|
|
|
+
|
|
|
+
|
|
|
+ this.getChargeList()
|
|
|
},
|
|
|
onShow() {
|
|
|
this.personInfo = this.carhelp.getPersonInfo()
|
|
@@ -609,7 +648,35 @@
|
|
|
|
|
|
this.getHomePage()
|
|
|
},
|
|
|
- methods: {
|
|
|
+ methods: {
|
|
|
+ thisdaysDistance(endTime){
|
|
|
+
|
|
|
+ var date=new Date()
|
|
|
+ var date2=newDate(endTime);
|
|
|
+ return daysDistance(date,date2)
|
|
|
+
|
|
|
+ },
|
|
|
+ getChargeList() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+
|
|
|
+ API_index.personCardList({
|
|
|
+
|
|
|
+ }).then((res) => {
|
|
|
+ uni.hideLoading();
|
|
|
+ this.cardList=res.data.cardList
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
gotoLogin() {
|
|
|
this.onShowRole = true
|
|
|
if (false) {
|
|
@@ -1043,6 +1110,14 @@
|
|
|
}
|
|
|
|
|
|
})
|
|
|
+ },
|
|
|
+ thisendTime(endTime){
|
|
|
+ if(endTime){
|
|
|
+ var reg=new RegExp('-','gi')
|
|
|
+ var str=endTime.substring(0,10).replace(reg,'.')
|
|
|
+ return str
|
|
|
+ }
|
|
|
+ return ''
|
|
|
},
|
|
|
getHomePage() {
|
|
|
uni.showLoading({
|
|
@@ -1819,5 +1894,32 @@
|
|
|
img {
|
|
|
width: 100%;
|
|
|
}
|
|
|
+ }
|
|
|
+ .cardListView{
|
|
|
+
|
|
|
+ .cardListItemTitle{
|
|
|
+ color: #777777;
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ .cardListItem{
|
|
|
+ margin:5px 4px;
|
|
|
+ border: 1px solid ;
|
|
|
+ padding: 3px;
|
|
|
+ border-radius: 6px;
|
|
|
+ .cardListName{
|
|
|
+ font-size: 34rpx;
|
|
|
+ }
|
|
|
+ .cardListText{
|
|
|
+ font-size: 24rpx;
|
|
|
+ display:flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .select{
|
|
|
+ border: 2px solid #00b962;
|
|
|
+ background-color: #00b962;
|
|
|
+ color:#fff;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|