|
@@ -460,20 +460,45 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item item-vip2" v-if="!userCardBool" >
|
|
|
- <view class="visitor">
|
|
|
- 6折卡会员价
|
|
|
- </view>
|
|
|
- <view class="unit-price">
|
|
|
-
|
|
|
- <text>{{showNumJP(pricesInfoCurrent2.electricityPrice+(pricesInfoCurrent2.servicePrice*0.6))}}</text>
|
|
|
-
|
|
|
- <text class="unit">元/度</text>
|
|
|
- <text class="register"
|
|
|
- @click="gotoUrl('pages/discountCard/productDetails')">开通</text>
|
|
|
-
|
|
|
+ <view class="item " v-if="!userCardBool" :class="{
|
|
|
+ 'item-vip2':prevMonthKwhBL,
|
|
|
+ 'item-vip':!prevMonthKwhBL
|
|
|
+ }" >
|
|
|
+ <template v-if="prevMonthKwhBL">
|
|
|
+ <view class="visitor">
|
|
|
+ 6折卡会员价
|
|
|
+ </view>
|
|
|
+ <view class="unit-price">
|
|
|
+
|
|
|
+ <text>{{showNumJP(pricesInfoCurrent2.electricityPrice+(pricesInfoCurrent2.servicePrice*0.6))}}</text>
|
|
|
+
|
|
|
+ <text class="unit">元/度</text>
|
|
|
+ <text class="register"
|
|
|
+ @click="gotoUrl('pages/discountCard/productDetails')">开通</text>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <view class="visitor">
|
|
|
+ 月卡价格
|
|
|
+ </view>
|
|
|
+ <view class="unit-price">
|
|
|
+
|
|
|
+ <text>{{(pricesInfoCurrent2.electricityPrice).toFixed(2)}}</text>
|
|
|
+
|
|
|
+ <text class="unit">元/度</text>
|
|
|
+ <text class="register" v-if="userId&&!userCardBool"
|
|
|
+ @click="gotoUrl('pages/monthlyCardActivity/monthlyCardBuy')">开通</text>
|
|
|
+ <text class="register" v-if="userId&&userCardBool" >
|
|
|
+ 已开通
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
- </view>
|
|
|
</view>
|
|
|
<view class="item item-vip3" v-if="userId&&userCardBool&&userCard.classify==2" >
|
|
|
<view class="visitor">
|
|
@@ -860,7 +885,15 @@
|
|
|
})
|
|
|
|
|
|
},
|
|
|
- computed: {
|
|
|
+ computed: {
|
|
|
+ prevMonthKwhBL(){
|
|
|
+ if(this.personInfo){
|
|
|
+ if(this.personInfo.prevMonthKwh>=1000){
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return true
|
|
|
+ },
|
|
|
userCardBool(){
|
|
|
if(this.userCard){
|
|
|
var date=new Date().getTime()
|
|
@@ -2035,12 +2068,29 @@
|
|
|
width: 42%;
|
|
|
}
|
|
|
.item-vip {
|
|
|
- color: #5A3629;
|
|
|
- background-color:#FFF9EB ;
|
|
|
- width: 57%;
|
|
|
+ //color: #5A3629;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ //background-color:#FFF9EB ;
|
|
|
+ background: linear-gradient(88.81deg, rgba(219,199,167,1) 1.89%,rgba(194,154,93,1) 98%);
|
|
|
+
|
|
|
+ width: 57%;
|
|
|
+ .unit{
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ }
|
|
|
+ .register {
|
|
|
+ padding: 4rpx 16rpx;
|
|
|
+ height: 24px;
|
|
|
+ border-radius: 50px;
|
|
|
+ //background: linear-gradient(87.64deg, rgba(253, 129, 69, 1) 1.81%, rgba(252, 63, 3, 1) 100.04%);
|
|
|
+ background: linear-gradient(87.64deg, rgba(255,255,255,1) 1.81%,rgba(255,251,215,1) 98.08%);
|
|
|
+ color: rgba(128, 74, 0, 1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ text-align: center;
|
|
|
+ margin-left: 38rpx;
|
|
|
+ }
|
|
|
}
|
|
|
.item-vip2 {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
background: linear-gradient(32.4deg, rgba(59,182,254,1) 20.49%,rgba(0,185,98,1) 118.87%); ;
|
|
|
width: 57%;
|
|
|
.register {
|