618活动修改

pages/wallet/account.vue

@@ -46,6 +46,7 @@
 					  </view>
 					</view>
 					<view class="AC_mark" v-if="slotProps.row.remark">{{slotProps.row.remark}}</view>
+					<view class="AC_note" v-if="slotProps.row.note&&slotProps.row.note!='null'">说明：{{slotProps.row.note}}</view>
 					<view class="AC_time">{{ slotProps.row.createTime }}</view>
                 </view>
               </template>
@@ -247,10 +248,13 @@ export default {
         margin-top: 20rpx;
         color: #888;
       }
-
+      .AC_note {
+        color: #888;
+        font-size: 26rpx;
+      }
       .AC_time {
         color: #bababa;
-        font-size: 28rpx;
+        font-size: 26rpx;
       }
     }
   }

pages/wallet/recharge.vue

@@ -12,11 +12,19 @@
 						: 'cj_price'
 					">
 						<view class="pr_jg">￥{{ item.realMoney }}</view>
-						<view class="pr_yl">{{ item.money }} 天医币</view>
-						<view class="pr_lj">限时特惠</view>
+						<view class="pr_yl" :style="item.givejf&&item.givejf>0?' paddingTop: 0':''">{{ item.money }}天医币<text v-if="item.givejf&&item.givejf>0">（赠{{ item.givejf }}积分）</text></view>
+						<view class="pr_lj" v-if="item.description&&item.description!=''">{{item.description}}</view>
 					</view>
 					<br clear="both" />
 				</view>
+				<view class="limitBlock" v-if="isAndroid">
+					<text>其他金额</text>
+					<input type="text" v-model="limitVal" placeholder="请输入充值金额" placeholder-class="limit-placeholder" @input="input()" />
+				</view>
+				<view>
+					<text style="font-size: 24rpx; color: #8e8e8e;">说明 : 天医币属于虚拟产品，一经购买概不退还</text>
+				</view>
+				<view class="active_block" v-if="isAndroid&&activityContent.remark" v-html="activityContent.remark"></view>
 			</view>
 			<view class="cha_fangsh" v-if="isAndroid">
 				<view class="cf_title PM_font">支付方式</view>
@@ -113,6 +121,8 @@ export default {
 			urlList: {
 				list: "common/bookBuyConfig/getBookBuyConfigList",
 			},
+			limitVal: '',
+			activityContent: {}
 		};
 	},
 	//第一次加载
@@ -126,6 +136,7 @@ export default {
 		}
 		this.chargeOrderSn = options.orderSn;
 		this.getDevName();
+		this.getActivity();
 	},
 	//页面显示
 	onShow() {
@@ -415,6 +426,7 @@ export default {
 		// 点击充值金额
 		chosPric(e) {
 			this.stepsCj = e;
+			this.limitVal = '';
 		},
 
 		// 选择支付方式1
@@ -422,6 +434,29 @@ export default {
 			let that = this;
 			that.payType = e;
 		},
+		
+		//获取活动文案
+		getActivity(){
+			$http.request({
+				url: "common/bookBuyConfig/getRechargeActivity",
+				method: "POST",
+				data: {},
+				header: {
+				  "Content-Type": "application/json",
+				},
+			})
+			.then((data) => {
+				if(data.code==0){
+					if(data.res&&data.res.length>0){
+						this.activityContent = data.res[0];
+					}
+				}
+			})
+		},
+		//输入金额
+		input(val){
+			this.stepsCj = {};
+		},
 		// 充值
 		goToPay() {
 			this.kaiChar();
@@ -435,6 +470,31 @@ export default {
 				});
 				return false;
 			}
+			if(!this.stepsCj.priceTypeId&&!this.limitVal){
+				uni.showToast({
+					title: "请选择充值商品",
+					icon: "none",
+				});
+				return false;
+			}
+			
+			const regex = /^[1-9]\d*$/;
+			//如果输入其他金额
+			if(this.limitVal){
+				if(!regex.test(this.limitVal)){
+					uni.showToast({
+						title: "充值金额必须为正整数",
+						icon: "none",
+					});
+					return false;
+				}
+				//设置充值金额和id
+				this.stepsCj = {
+					money: this.limitVal,
+					priceTypeId: 0
+				}
+			}
+			
 			//常规充值
 			if (this.radioValue == "1") {
 				uni.showLoading({
@@ -677,29 +737,43 @@ export default {
 			width: 47%;
 			margin: 0 5% 30rpx 0;
 			text-align: center;
-			padding: 20rpx;
+			padding: 30rpx 0 0;
 			border-radius: 15rpx;
 			position: relative;
 			color: #2d2d2d;
+			height: 160rpx;
 
 			.pr_jg {
 				font-size: 45rpx;
-				margin: 20rpx 0 10rpx 0;
 				font-weight: bold;
 			}
 
 			.pr_yl {
+				padding-top: 10rpx;
 				font-size: 26rpx;
 				color: #575555;
+				
+				text{
+					width: 100%;
+					text-align: center;
+					line-height: 40rpx;
+					position: absolute;
+					left: 0;
+					bottom: 10rpx;
+					color: red; 
+					display: block; 
+					font-size: 24rpx;
+				}
 			}
 
 			.pr_lj {
-				background-image: linear-gradient(180deg, #7dc1f0 0%, #a7defc 100%);
+				background-image: linear-gradient(180deg, #7dc1f0 20%, #7dc1f0 100%);
 				color: #fff;
 				position: absolute;
-				top: -30rpx;
-				right: -20rpx;
+				top: -22rpx;
+				right: -22rpx;
 				font-size: 24rpx;
+				line-height: 20px;
 				padding: 5rpx 10rpx;
 				border-top-left-radius: 20rpx;
 				border-bottom-right-radius: 20rpx;
@@ -762,10 +836,12 @@ export default {
 }
 
 .char_btn {
+	width: 100%;
+	background: #fff;
+	padding: 20rpx 0;
 	position: fixed;
-	left: 0;
 	right: 0;
-	bottom: 30rpx;
+	bottom: 0;
 
 	view {
 		background: linear-gradient(90deg, #294a97 0%, #7dc1f0 90%);
@@ -793,4 +869,62 @@ export default {
 .commonPageBox {
 	background-color: #fff !important;
 }
+
+.limitBlock{
+	display: flex;
+	align-items: center;
+	margin-bottom: 10rpx;
+	
+	text{
+		font-size: 28rpx;
+	}
+	
+	input{
+		display: inline-block;
+		margin-left: 20rpx;
+		width: 300rpx;
+		height: 70rpx;
+		border: 1rpx solid #ededed;
+		border-radius: 10rpx;
+		line-height: 40rpx;
+		padding: 20rpx;
+		font-size: 28rpx;
+		color: #666;
+	}
+}
+
+.limit-placeholder{
+	font-size: 25rpx;
+	color: #8b8c90 !important;
+}
+
+.active_block{
+	width: 100%; 
+	background-color: rgba(125, 193, 240, 0.3);
+	border-radius: 10rpx; 
+	padding: 10rpx 20rpx; 
+	font-size: 28rpx;
+	line-height: 42rpx;
+	margin-top: 15rpx;
+	color: #333;
+}
+
+/deep/.active_block span{
+	color: red;
+	font-size: 32rpx;
+	font-weight: bold;
+	padding: 0 5rpx;
+}
+/deep/.active_block span:first-child{
+	padding: 0 5rpx 0 0;
+}
+/deep/.active_block p{
+	padding-top: 10rpx;
+	color: #666;
+	font-size: 24rpx;
+	line-height: 34rpx;
+}
+/deep/.active_block p span{
+	padding: 0 5rpx !important;
+}
 </style>