卡包月卡显示

README.md

@@ -1,4 +1,7 @@
-优电联盟“充值送折扣卡”活动相关原型页面更新：
1.主页-250428新增改动，活动弹窗、banner和瓷片区活动替换及文字修改；
2.新增“充值送折扣卡”；
3.充电枪详情页面增加活动弹窗、6折半年卡卡片信息模块；
4.充电-会员模式页面，充值弹窗修改充值金额选项、活动说明及链接；
5.充电结束（直流）页面增加活动弹窗（如充电枪页面已弹窗则此处不弹出）；
6.余额充值页面修改充值金额选项、活动说明及链接；
7.我的卡包页面，新增半年卡卡片类型，修改原有卡片标题文字；
8.会员卡详情页，增加半年卡模版详情页。
https://modao.cc/app/0kjHsmXrbe0m6JMcoiOxW
+优电联盟“充值送折扣卡”活动相关原型页面更新：
1.主页-250428新增改动，活动弹窗、banner和瓷片区活动替换及文字修改；----
2.新增“充值送折扣卡”； -----
+
3.充电枪详情页面增加活动弹窗、----
+6折半年卡卡片信息模块；
+
4.充电-会员模式页面，充值弹窗修改充值金额选项、活动说明及链接；----
5.充电结束（直流）页面增加活动弹窗（如充电枪页面已弹窗则此处不弹出）；------
6.余额充值页面修改充值金额选项、活动说明及链接；------
7.我的卡包页面，新增半年卡卡片类型，修改原有卡片标题文字；
8.会员卡详情页，增加半年卡模版详情页。
https://modao.cc/app/0kjHsmXrbe0m6JMcoiOxW
 
 
 

config/.env.dev.ud.js

@@ -3,7 +3,7 @@ const UNI_APP = {
 	BASE_URL: 'https://youdian.hbjp.com.cn/charging-station-server/',
 	//
 	//BASE_URL: 'http://charging.xiaoxinda.com/charging-station-test/',
-	//BASE_URL: 'https://youdian-test.hbjp.com.cn/charging-station-test/',
+	BASE_URL: 'https://youdian-test.hbjp.com.cn/charging-station-test/',
 	
 	//BASE_URL: 'http://192.168.77.162:8081/charging-station/' ,
 	//PARK_URL: 'http://192.168.11.120:8082/charging-parking/' ,
@@ -22,8 +22,8 @@ const UNI_APP = {
 	wechatUrl:"/youdian",
 
 	openId:"oSruR6YkhP7QDroLnZGxWis43Kn0",//zkx
-	//openId:"oSruR6dsG6wrbiQCwyftfgnp5690",//sz
-	//openId:"oSruR6dZcmSM4ATuweZ5fjHGQsiA",//ys
+	openId:"oSruR6dsG6wrbiQCwyftfgnp5690",//sz
+	openId:"oSruR6dZcmSM4ATuweZ5fjHGQsiA",//ys
 	//openId:"oSruR6RWLdQp-HGmcQgXEy2tNUmw",//家桩
 	//openId:"oSruR6fYa0yzdMsDinzNOlePTotk",//zq
 	//openId:"oSruR6RXae3ZNpux_YN8o6U0xMhA",

pages/cardBag/cardBag.vue

@@ -48,11 +48,15 @@
 						{{projectName}}{{item.cardName}}
 					
 					</view>
-					<view class="name" v-else-if="item.classify==2">
+					<view class="name  icon_crown" v-else-if="item.classify==2">
 
-						<img v-if="item.serviceFeeDiscountRate==60" src="@/assets/img/0.6off.png" alt="">
+						<!-- <img v-if="item.serviceFeeDiscountRate==60" src="@/assets/img/0.6off.png" alt="">
 						<img v-else-if="item.serviceFeeDiscountRate==50" src="@/assets/img/halfoff.png" alt="">
-						<img v-else src="@/assets/img/monthCard.png" alt="">
+						<img v-else src="@/assets/img/monthCard.png" alt=""> -->
+						
+						<img  src="@/assets/img/icon_crown.png" alt="">
+						{{item.cardName}}
+						
 					</view>
 					<view class="progress">
 						<template v-if="current==0">
@@ -70,10 +74,15 @@
 							<view class="time">
 								{{thisendTime(item.endTime)}}到期 剩余{{setValidity(thisdaysDistance(item.endTime))}}
 							</view>
-							<view class="electric-quantity" v-if="item.classify==2">
+							<view class="electric-quantity" v-if="item.classify==2&&(item.chargeDegreeLimit!=0)">
 								已用{{item.chargedDegree?item.chargedDegree.toFixed(0):0.00}}度 /
 								共{{item.chargeDegreeLimit}}度
 							</view>
+							
+							<view class="electric-quantity" v-if="item.classify==2&&(item.chargeDegreeLimit==0)">
+								已用x次 /
+								共省x元
+							</view>
 						</template>
 
 					</view>
@@ -233,7 +242,7 @@
 				return ''
 			},
 			thispercent(userCard) {
-				if(userCard.classify==1){
+				if(userCard.classify==1||(userCard.classify==2&&userCard.chargeDegreeLimit==0)){
 					var k1=daysDistance(userCard.startTime, userCard.endTime)
 					var k2=this.thisdaysDistance(userCard.endTime)
 					var p=(k1-k2)/k2* 100
@@ -354,17 +363,21 @@
 			background-color: rgba(55, 59, 80, 1);
 			padding: 24rpx;
 			margin-top: 24rpx;
-
+			
 			.name {
 				color: rgba(255, 255, 255, 1);
 				font-size: 32rpx;
 
 				img {
-					width: 262rpx;
+					//width: 262rpx;
 					height: 56rpx;
 				}
 			}
-
+			.icon_crown{
+				display: flex;
+				    align-items: center;
+					color: rgba(225, 192, 130, 1);
+			}
 			.progress {
 				display: flex;
 				justify-content: space-between;

pages/cardBag/cardDetail.vue

@@ -45,9 +45,11 @@
 					<view class="time">
 						{{thisendTime(regUserCard.endTime)}}到期 剩余{{setValidity(thisdaysDistance(regUserCard.endTime))}}
 					</view>
-					<view class="electric-quantity" v-if="regUserCard.classify==2">
+					
+					<view class="electric-quantity" v-if="regUserCard.classify==2&&(regUserCard.chargeDegreeLimit!=0)">
 						已用{{regUserCard.chargedDegree}}度 / 共{{regUserCard.chargeDegreeLimit}}度
 					</view>
+					
 				</view>
 				<ujp-line-progress v-if="regUserCard.status==1" active-color="#2979ff"
 					:percent="thispercent(regUserCard)"></ujp-line-progress>
@@ -73,13 +75,16 @@
 					</view>
 				</view>
 
-				<view class="img">
-					<img v-if="item.classify==1" src="@/assets/img/monthCard.png" alt="">
+				<view class="img icon_crown">
+				<!-- 	<img v-if="item.classify==1" src="@/assets/img/monthCard.png" alt="">
 					<img v-else-if="item.classify==2&&item.serviceFeeDiscountRate==60" src="@/assets/img/0.6off.png"
 						alt="">
 					<img v-else-if="item.classify==2&&item.serviceFeeDiscountRate==50" src="@/assets/img/halfoff.png"
 						alt="">
-					<img v-else src="@/assets/img/monthCard.png" alt="">
+					<img v-else src="@/assets/img/monthCard.png" alt=""> -->
+					
+					<img  src="@/assets/img/icon_crown.png" alt="">
+					{{item.name}}
 				</view>
 				<view class="card-number" v-if="regUserCard.status==2">
 					卡号：{{regUserCard.cardNo}}
@@ -88,9 +93,14 @@
 					<view class="time">
 						{{thisendTime(regUserCard.endTime)}}到期 剩余{{setValidity(thisdaysDistance(regUserCard.endTime))}}
 					</view>
-					<view class="electric-quantity" v-if="regUserCard.classify==2">
+					<view class="electric-quantity" v-if="regUserCard.classify==2&&(regUserCard.chargeDegreeLimit!=0)">
 						已用{{regUserCard.chargedDegree}}度 / 共{{regUserCard.chargeDegreeLimit}}度
 					</view>
+					<view class="electric-quantity" v-if="item.classify==2&&(regUserCard.chargeDegreeLimit==0)">
+						已用x次 /
+						共省x元
+					</view>
+					
 				</view>
 				<ujp-line-progress v-if="regUserCard.status==1" active-color="#2979ff"
 					:percent="thispercent(regUserCard)"></ujp-line-progress>
@@ -259,16 +269,19 @@
 						{{item.serviceFeeDiscountRate/10}}折
 					</view>
 				</view>
-				<view class="item">
+				<view class="item" >
 					<view class="item-title">
 						规格
 					</view>
 					<view class="item-value" v-if="regUserCard.classify==1">
 						服务费全免 （有效期{{setValidity(item.periodOfValidity)}}）
 					</view>
-					<view class="item-value" v-if="regUserCard.classify==2">
+					<view class="item-value" v-if="regUserCard.classify==2&&regUserCard.chargeDegreeLimit">
 						可用{{item.chargeDegreeLimit}}度（有效期{{setValidity(item.periodOfValidity)}}）
 					</view>
+					<view class="item-value" v-if="regUserCard.classify==2&&!regUserCard.chargeDegreeLimit">
+						不限充电度数（有效期{{setValidity(item.periodOfValidity)}}）
+					</view>
 				</view>
 				<view class="item">
 					<view class="item-title">
@@ -278,7 +291,7 @@
 						{{regUserCard.startTime.substring(0,10)}}至{{regUserCard.endTime.substring(0,10)}}
 					</view>
 				</view>
-				<view class="item" v-if="regUserCard.classify==2">
+				<view class="item" v-if="regUserCard.classify==2&&regUserCard.chargeDegreeLimit">
 					<view class="item-title">
 						剩余度数
 					</view>
@@ -535,7 +548,7 @@
 				return ''
 			},
 			thispercent(userCard) {
-				if (userCard.classify == 1) {
+				if (userCard.classify == 1||(userCard.classify==2&&userCard.chargeDegreeLimit==0)) {
 					var k1 = daysDistance(userCard.startTime, userCard.endTime)
 					var k2 = this.thisdaysDistance(userCard.endTime)
 					var p = (k1 - k2) / k2 * 100
@@ -817,13 +830,19 @@
 			}
 
 			.img {
-				width: 262rpx;
+				//width: 262rpx;
 				height: 56rpx;
 
 				img {
-					width: 100%;
+					//width: 100%;
+					height: 56rpx;
 				}
 			}
+			.icon_crown{
+				display: flex;
+				    align-items: center;
+					color: rgba(225, 192, 130, 1);
+			}
 
 			.u-progress {
 				height: 20rpx !important;

pages/temporary/activity20250501.vue

@@ -73,13 +73,14 @@
 			</view>
 			<view class="title">活动说明：</view>
 			<view class="textlist">
-				1、本次充值活动所充金额仅用于支付本平台充电费用（包含电费和服务费），不可转赠、提现、退款。
-				<br/>2、本服务费折扣卡仅适用于服务费打折，不适用于电费。
-				<br/>3、本服务费折扣卡有效期为180天，从充值之日自动激活。
-				<br/>4、本服务费折扣卡不限充电次数和充电度数，有效期内均可享受对应优惠。
-				<br/>5、本服务费折扣卡不能与平台的“服务费6折卡”和“服务费包月卡”叠加使用。
-				<br/>6、充值金额和折扣卡适用于所有优电联盟充电站点。
-				<br/>7、本次活动最终解释权归湖北鹏育优电新能源科技有限公司所有。
+				<p>1、本次充值活动所充金额仅用于支付本平台充电费用（包含电费和服务费），不可转赠、提现、退款。</p>
+					<p>2、本服务费折扣卡仅适用于服务费打折，不适用于电费。</p>
+					<p>3、本服务费折扣卡有效期为180天，从充值之后自动激活。</p>
+					<p>4、本服务费折扣卡不限充电次数和充电度数，有效期内均可享受对应优惠。</p>
+					<p>5、本服务费折扣卡不能与平台的“服务费6折卡”和“服务费包月卡”叠加使用。</p>
+					<p>6、本服务费折扣卡为一车一卡，不转赠、转借，如有发现上述行为，平台有权对折扣卡关停，并保留进一步追究负责的权利。</p>
+					<p>7、充值金额和折扣卡适用于所有优电联盟充电站点。
+					<p>8、本次活动最终解释权归湖北鹏育优电新能源科技有限公司所有。</p>
 			</view>
 		</view>
 
@@ -199,7 +200,8 @@
 	}
 
 	page {
-		background: #47A2B4
+		background: #47A2B4;
+		padding-bottom: 32rpx;
 	}
 	.jz{
 		text-align: center;
@@ -219,7 +221,7 @@
 
 	.body2 {
 		padding: 32rpx;
-
+		
 		.title {
 			color: rgba(16, 16, 16, 1);
 			font-size: 32rpx;
@@ -232,7 +234,10 @@
 			color: rgba(51, 51, 51, 1);
 
 			font-size: 28rpx;
-			margin-bottom: 40rpx;
+			margin-bottom: 40rpx;
+			p{
+				margin-bottom: 16rpx;
+			}
 		}
 	}
 
@@ -269,7 +274,8 @@
 				.view2 {
 					color: rgba(51, 51, 51, 1);
 					font-size: 32rpx;
-					font-weight: bold;
+					font-weight: bold;
+					padding: 16rpx 0;
 				}
 
 				.view3 {

pages/user/finance/recharge.vue

@@ -25,7 +25,7 @@
 					</view>
 					<p  style="   font-size: 14px;" v-show="selectItem.amountRemark">
 						充值满
-						<span style="color: red;">{{selectItem.amountDesc}}</span>立送服务费<span style="color: red;">{{selectItem.amountRemarkNum}}折半年卡</span>1张（<span style="color: red;">有效期180天，不限充电度数</span>）1<span v-if="selectItem.amountRemarkSf">和{{selectItem.amountRemarkSf}}身份</span>，活动所充金额仅用于支付本平台充电费用（含电费和服务费），不可转赠、提现、退款,
+						<span style="color: red;">{{selectItem.amountDesc}}</span>立送服务费<span style="color: red;">{{selectItem.amountRemarkNum}}折半年卡</span>1张（<span style="color: red;">有效期180天，不限充电度数</span>）<span v-if="selectItem.amountRemarkSf">和{{selectItem.amountRemarkSf}}身份</span>，活动所充金额仅用于支付本平台充电费用（含电费和服务费），不可转赠、提现、退款,
 						<span style="color: #ff8600;margin-left: 16px;" @click="gotoUrl('pages/temporary/activity20250501?source=99',1)">点击查看活动详情</span>
 					</p>