提交
This commit is contained in:
liuyuan
@@ -16,32 +16,20 @@
|
||||
: 'cj_price'
|
||||
"
|
||||
>
|
||||
<view
|
||||
class="pr_jg"
|
||||
style="display: flex; align-items: center; justify-content: center"
|
||||
>
|
||||
<image
|
||||
src="@/static/icon/currency.png"
|
||||
alt=""
|
||||
style="width: 40rpx; height: 40rpx; margin-right: 10rpx"
|
||||
/>
|
||||
{{ item.money }}
|
||||
</view>
|
||||
<view class="pr_yl" style="color: #565455"
|
||||
>￥{{ item.realMoney }}</view
|
||||
>
|
||||
<view class="pr_lj" v-if="item.description&&item.description!=''"
|
||||
> {{item.description}}</view
|
||||
>
|
||||
|
||||
<view class="pr_jg" >￥{{ item.realMoney }}</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
|
||||
><text style="font-size: 24rpx; color: #8e8e8e; font-weight: 500"
|
||||
>说明 : 天医币属于虚拟产品，一经购买概不退还</text
|
||||
></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">
|
||||
@@ -88,7 +76,7 @@
|
||||
<radio-group class="agree">
|
||||
<view v-for="(item, index) in argee" :key="index">
|
||||
<radio
|
||||
class="agreeRadio"
|
||||
class="agreeRadio" color="#fe6e09"
|
||||
:value="item.id"
|
||||
:checked="item.id == radioValue"
|
||||
@click="radioCheck(index)"
|
||||
@@ -182,6 +170,8 @@ export default {
|
||||
// 成功回调
|
||||
},
|
||||
oprateOs: "",
|
||||
limitVal: '',
|
||||
activityContent: {}
|
||||
};
|
||||
},
|
||||
//第一次加载
|
||||
@@ -190,7 +180,8 @@ export default {
|
||||
uni.hideTabBar();
|
||||
this.chargeOrderSn = e.orderSn;
|
||||
this.oprateOs = uni.getSystemInfoSync().platform;
|
||||
// console.log(e.orderSn,'orderSn')
|
||||
|
||||
this.getActivity();
|
||||
},
|
||||
//页面显示
|
||||
onShow() {
|
||||
@@ -500,7 +491,7 @@ export default {
|
||||
// 点击充值金额
|
||||
chosPric(e) {
|
||||
this.stepsCj = e;
|
||||
console.log(e);
|
||||
this.limitVal = '';
|
||||
},
|
||||
|
||||
// 选择支付方式1
|
||||
@@ -508,6 +499,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 = {};
|
||||
},
|
||||
|
||||
//ios充值
|
||||
iosPay() {
|
||||
this.iphonepay();
|
||||
@@ -518,6 +532,31 @@ export default {
|
||||
},
|
||||
// 正常充值
|
||||
kaiChar() {
|
||||
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({
|
||||
@@ -781,43 +820,56 @@ export default {
|
||||
margin-top: 40rpx;
|
||||
|
||||
.cj_price {
|
||||
border: 4rpx solid #ebebeb;
|
||||
// box-shadow: 0 0 20rpx 0 #0000001a;
|
||||
box-shadow: 0 0 20rpx 0 #0000001a;
|
||||
float: left;
|
||||
width: 31%;
|
||||
margin: 0 3% 30rpx 0;
|
||||
width: 47%;
|
||||
margin: 0 5% 30rpx 0;
|
||||
text-align: center;
|
||||
padding: 25rpx 0 30rpx 0;
|
||||
padding: 30rpx 0 0;
|
||||
border-radius: 15rpx;
|
||||
position: relative;
|
||||
color: #2d2d2d;
|
||||
height: 160rpx;
|
||||
line-height: 44rpx;
|
||||
|
||||
.pr_jg {
|
||||
font-size: 38rpx;
|
||||
margin: 0rpx 0 10rpx 0;
|
||||
font-size: 45rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pr_yl {
|
||||
font-size: 28rpx;
|
||||
// text-decoration: line-through;
|
||||
color: #8d8f8e;
|
||||
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(90deg, #fe6e09 0%, #efa574 100%);
|
||||
background-image: linear-gradient(180deg, #fe6e09 0%, #efa574 100%);
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: -22rpx;
|
||||
right: -22rpx;
|
||||
font-size: 24rpx;
|
||||
padding: 5rpx 4rpx;
|
||||
line-height: 20px;
|
||||
padding: 5rpx 10rpx;
|
||||
border-top-left-radius: 20rpx;
|
||||
border-bottom-right-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.cj_price:nth-child(3n) {
|
||||
.cj_price:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@@ -835,7 +887,7 @@ export default {
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: $uni-color-primary;
|
||||
color: #fe6e09;
|
||||
}
|
||||
|
||||
.cha_fangsh {
|
||||
@@ -863,10 +915,6 @@ export default {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
|
||||
.Tab_xf {
|
||||
background-color: #fdf1e9cc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -879,10 +927,12 @@ export default {
|
||||
}
|
||||
|
||||
.char_btn {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 30rpx;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
padding: 20rpx 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
|
||||
view {
|
||||
background-image: linear-gradient(90deg, #ed7161 0%, #efa574 100%);
|
||||
@@ -890,10 +940,67 @@ export default {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
font-size: 35rpx;
|
||||
font-weight: bold;
|
||||
padding: 25rpx 0;
|
||||
font-size: 30rpx;
|
||||
padding: 20rpx 0;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.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(238, 147, 109, 0.2);
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user