培训班修改+充值支付方式

pages/trainingCourse/index.vue

@@ -18,10 +18,15 @@
 					<text class="list_item_text">活动类型：<span v-if="item.type==1">线上</span><span v-else>线下</span></text>
 					<text class="list_item_text">活动年份：{{item.year}}</text>
 					<text class="list_item_text">培训日期：{{item.trainingDate}}至{{item.endDate}}</text>
-					<text class="list_item_text">培训价格：<span style="color: red;">{{item.finalFee}}元</span></text>
+					<text class="list_item_text">培训价格：
+						<span style="color: red; font-size: 32rpx; font-weight: bold;">￥{{item.finalFee}}</span>
+						<span style="text-decoration: line-through; padding-left: 15rpx;" v-if="Number(item.finalFee)!=item.fee">￥{{item.fee}}</span>
+					</text>
+					<text class="list_item_text" style=" font-size: 24rpx;" v-if="Number(item.finalFee)!=item.fee">{{item.identity}}身份报名享优惠折扣</text>
 					<view style=" display: flex; align-items: center;">
 						<uni-button class="list_item_btn" @click="goToDetail(item)">了解详情</uni-button>
 						<uni-button class="list_item_btn list_item_btn_bm" @click="goToBuy(item)" v-if="item.isJoin!=1&&item.singupFlag!=0">立即报名</uni-button>
+						<uni-button class="list_item_btn list_item_btn_ybm" @click="goToContact(item)" v-if="item.isJoin==1&&item.singupFlag!=0">已报名联系客服</uni-button>
 					</view>
 				</view>
 				
@@ -32,6 +37,13 @@
 		<view class="zanwu" v-if="nullStatus">暂无数据</view>
 		
 		<z-navigation></z-navigation>
+		
+		<u-popup key="1" v-if="showCodeImg" :show="showCodeImg" :round="10" @close="closePup">
+			<view class="box6">
+				<text>非常感谢您报名我们的培训班，<br/>您可以添加客服微信，我们会邀请您进培训群。</text>
+				<image @click="previewImage('/static/qiyeWx.jpg')" src="/static/qiyeWx.jpg" mode="widthFix" style="width: 100px; height: 100px; margin: 0 auto;"></image>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -44,6 +56,7 @@ export default {
 			list: [],
 			nullStatus: false,
 			year: '',
+			showCodeImg: false,
 		}
 	},
 	onLoad(e) {
@@ -107,6 +120,21 @@ export default {
 			  url: '/pages/order/index?data='+JSON.stringify(data),
 			});
 		},
+		//联系客服
+		goToContact(item){
+			this.showCodeImg = true;
+		},
+		//关闭弹窗
+		closePup(){
+			this.showCodeImg = false;
+		},
+		//放大图片
+		previewImage(url) {
+		  this.showCodeImg = false
+		  uni.previewImage({
+		    urls: [url],
+		  });
+		},
 	},
 }
 </script>
@@ -144,12 +172,12 @@ export default {
 	padding-bottom: 10rpx;
 }
 .list_item_text{
-	font-size: 26rpx;
+	font-size: 28rpx;
 	color: #666;
-	line-height: 40rpx;
+	line-height: 42rpx;
 }
 .list_item_btn{
-	margin-top: 10rpx;
+	margin-top: 15rpx;
 	width: 150rpx;
 	height: 50rpx;
 	text-align: center;
@@ -163,6 +191,11 @@ export default {
 	margin-left: 10rpx;
 	background-image: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
 }
+.list_item_btn_ybm{
+	width: 200rpx;
+	margin-left: 10rpx;
+	background-image: linear-gradient(90deg, #ff8d00 0%, #f5c350 100%);
+}
 .statusBg{
 	position: absolute;
 	right: 0;
@@ -189,4 +222,15 @@ export default {
 	font-size: 26rpx;
 	padding-right: 20rpx;
 }
+.box6{
+	padding: 20rpx;
+}
+.box6 text{
+	display: block;
+	text-align: center;
+	color: #999;
+	margin-bottom: 20rpx;
+	font-size: 28rpx;
+	line-height: 36rpx;
+}
 </style>