提交
This commit is contained in:
@@ -22,6 +22,66 @@
|
||||
<br clear="both" />
|
||||
</view>
|
||||
|
||||
<view class="modal_vip" v-if="$platform=='android'">
|
||||
<template>
|
||||
<view class="chong_zhi boxShadow box_fillet vip_box">
|
||||
<view class="noVip">
|
||||
<view style="display: flex; align-items: center;">
|
||||
<view class="zhanghu" style="text-align: left">
|
||||
<image class="vip_image" src="@/static/icon/vip.png" mode="aspectFit"></image>
|
||||
<text style="color: #fff; font-size: 60rpx; padding-left: 10rpx;" v-if="aiVipLog==null">VIP</text>
|
||||
</view>
|
||||
<view class="vip_block" v-if="aiVipLog!=null">
|
||||
<view class="vip_infor_item">
|
||||
<text v-if="aiVipLog.type==1">月度{{aiVipLog.count}}次</text>
|
||||
<text v-if="aiVipLog.type==2">季度{{aiVipLog.count}}次</text>
|
||||
<text>(有效期到 {{aiVipLog.endTime.split(' ')[0]}})</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="vip_null">办理VIP,畅享更多专属权益</view>
|
||||
</view>
|
||||
<view class="vip_btn" @click="onPageJump('/pages/vip/index?flag='+flag)">
|
||||
<button v-if="flag==1">去升级</button>
|
||||
<button v-if="flag==0">去办理</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
|
||||
<view class="recharge_block">
|
||||
<view class="chong_zhi boxShadow box_fillet chongzhi_box">
|
||||
<view class="chong_list">
|
||||
<view class="left">
|
||||
<view class="chong_list_item" @click="onPageJump('/pages/wallet/account')">
|
||||
<view class="pay_item_img">
|
||||
天医币
|
||||
<u-icon @click.native.stop="openInfo()"
|
||||
name="question-circle"
|
||||
style="float: right; margin: 0 6rpx">
|
||||
</u-icon>
|
||||
</view>
|
||||
|
||||
<view class="text" style="line-height:30rpx; display: flex">
|
||||
{{userMes.peanutCoin ? userMes.peanutCoin : 0}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="chong_list_item" @click="onPageJump('/pages/wallet/points')" v-if="$platform=='android'">
|
||||
<view class="pay_item_img">
|
||||
积分
|
||||
</view>
|
||||
<view class="text" style="line-height:30rpx">{{userMes.jf ? userMes.jf : 0}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="chong_list_item" style="flex-direction:initial;margin-right:0;">
|
||||
<view class="chong_btn" @click="onPageJump('/pages/wallet/recharge')">充 值</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="list_box">
|
||||
<view class="xiugai boxShadow box_fillet">
|
||||
<common-list :dataList="pageList" @hancleClick="handleClickTab" label="name">
|
||||
@@ -33,6 +93,28 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-popup :show="infoShow" mode="center" round="6" backgroundColor="#fff">
|
||||
<view class="popup_box">
|
||||
<view class="title">温馨提示</view>
|
||||
|
||||
<view class="content">
|
||||
<view class="center">
|
||||
【天医币】仅为我平台支付使用币种 。
|
||||
一人民币=一天医币,仅为了方便用户支付使用。<br />【天医币】可以用于在我平台支付书籍或课程使用。
|
||||
<br />【天医币】这个名称是为适应我们平台的定位属性,所起名称。与区块链虚拟货币无任何关系。
|
||||
</view>
|
||||
|
||||
<view class="bottom">
|
||||
<view class="button_box" style=" align-items: center; justify-content: center;">
|
||||
<u-button style="width: 200rpx; float: center" :plain="true" text="知道啦" color="#9b9b9b"
|
||||
size="small" @click="infoShow = false"></u-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<z-navigation></z-navigation>
|
||||
</view>
|
||||
</template>
|
||||
@@ -48,11 +130,21 @@ export default {
|
||||
return {
|
||||
userMes: {},
|
||||
pageList: [
|
||||
{
|
||||
name: "我的病历夹",
|
||||
url: "/pages/folder/index",
|
||||
type: "pageJump",
|
||||
},
|
||||
{
|
||||
name: "会话记录",
|
||||
url: "/pages/my/recordsList",
|
||||
type: "pageJump",
|
||||
},
|
||||
{
|
||||
name: "我的订单",
|
||||
url: "/pages/order/index",
|
||||
type: "pageJump"
|
||||
},
|
||||
{
|
||||
name: "个人资料",
|
||||
url: "/pages/my/persData",
|
||||
@@ -68,7 +160,10 @@ export default {
|
||||
url: "/pages/user/workOrder",
|
||||
type: "pageJump"
|
||||
}
|
||||
]
|
||||
],
|
||||
infoShow: false, // 显示电子书相关
|
||||
aiVipLog: null,
|
||||
flag: null
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@@ -80,8 +175,8 @@ export default {
|
||||
},
|
||||
//页面显示
|
||||
onShow() {
|
||||
uni.removeStorageSync('homeParams');
|
||||
this.getData();
|
||||
this.getVipData();
|
||||
},
|
||||
//方法
|
||||
methods: {
|
||||
@@ -105,7 +200,10 @@ export default {
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
//点击天医币显示弹窗
|
||||
openInfo() {
|
||||
this.infoShow = true;
|
||||
},
|
||||
//获取个人信息
|
||||
getData() {
|
||||
if (this.userInfo.id != undefined) {
|
||||
@@ -114,6 +212,23 @@ export default {
|
||||
});
|
||||
}
|
||||
},
|
||||
//获取数据
|
||||
getVipData() {
|
||||
this.$http.request({
|
||||
url: 'taihumed/aiVip/getUserAiVip',
|
||||
method: "POST",
|
||||
data: {},
|
||||
header: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
.then(res=> {
|
||||
if(res.code==0){
|
||||
this.aiVipLog = res.aiVipLog;
|
||||
this.flag = res.flag;
|
||||
}
|
||||
});
|
||||
},
|
||||
onPageJump(url) {
|
||||
uni.navigateTo({
|
||||
url: url,
|
||||
@@ -257,17 +372,21 @@ export default {
|
||||
|
||||
.chong_list_item {
|
||||
width: auto;
|
||||
height: 100rpx;
|
||||
margin-right: 60rpx;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
color: #294a97;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.text {
|
||||
font-size: 30rpx;
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
color: #294a97 !important;
|
||||
color: $themeColor;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -275,7 +394,8 @@ export default {
|
||||
font-size: 26rpx;
|
||||
border-radius: 50rpx;
|
||||
color: #fffbf6;
|
||||
padding: 8rpx 32rpx;
|
||||
line-height: 40rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
background: $themeBgColor;
|
||||
}
|
||||
}
|
||||
@@ -335,7 +455,7 @@ export default {
|
||||
width: calc(100%);
|
||||
height: 100%;
|
||||
float: left;
|
||||
padding: 20rpx 30rpx;
|
||||
padding: 30rpx;
|
||||
background: rgba(255, 255, 255, 0.65);
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0px 0px 5px 1px rgba(0, 82, 79, 0.1);
|
||||
@@ -351,6 +471,9 @@ export default {
|
||||
right: 30rpx;
|
||||
}
|
||||
}
|
||||
.vip_block{
|
||||
padding-left: 10rpx;
|
||||
}
|
||||
|
||||
.mine_box {
|
||||
width: 100%;
|
||||
@@ -360,23 +483,17 @@ export default {
|
||||
}
|
||||
|
||||
.list_box {
|
||||
padding: 40rpx 0;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.pay_item_img {
|
||||
display: flex;
|
||||
color: #333;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-weight: bold;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 10rpx;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.popup_box {
|
||||
padding-bottom: 20rpx;
|
||||
width: 88vw;
|
||||
width: 80vw;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: auto;
|
||||
@@ -386,15 +503,15 @@ export default {
|
||||
font-weight: normal;
|
||||
font-size: 46rpx;
|
||||
color: $themeColor;
|
||||
padding: 20rpx;
|
||||
padding: 30rpx;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 26rpx;
|
||||
font-size: 28rpx;
|
||||
letter-spacing: 0.15rpx;
|
||||
padding: 20rpx;
|
||||
padding: 10rpx 30rpx 30rpx;
|
||||
color: #3f3f3f;
|
||||
|
||||
.top {
|
||||
@@ -407,8 +524,8 @@ export default {
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
margin-top: 60rpx;
|
||||
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 26rpx;
|
||||
color: #b0b0b0;
|
||||
@@ -432,8 +549,8 @@ export default {
|
||||
}
|
||||
|
||||
.modal_vip{
|
||||
margin-top: 50rpx;
|
||||
padding: 20rpx 20rpx 0;
|
||||
margin-top: 40rpx;
|
||||
padding: 20rpx 30rpx 0;
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -472,10 +589,8 @@ export default {
|
||||
margin-top: 6rpx;
|
||||
font-weight: normal;
|
||||
font-size: 28rpx;
|
||||
color: #000000;
|
||||
// line-height: 46rpx;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
// color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -740,25 +855,51 @@ export default {
|
||||
.vip_infor_item text{
|
||||
color: #fff;
|
||||
}
|
||||
.vip_btn{
|
||||
|
||||
}
|
||||
|
||||
.vip_btn button{
|
||||
background: none;
|
||||
border: 2rpx solid #294a97;
|
||||
border: 1rpx solid #5188e5;
|
||||
border-radius: 40rpx;
|
||||
font-size: 24rpx;
|
||||
width: 82rpx;
|
||||
line-height: 42rpx;
|
||||
color: #294a97;
|
||||
font-weight: bold;
|
||||
color: #5188e5;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
.vip_null{
|
||||
color: #fff;
|
||||
font-size: 26rpx;
|
||||
line-height: 34rpx;
|
||||
padding-left: 30rpx;
|
||||
}
|
||||
.expired{
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
.recharge_block{
|
||||
padding: 20rpx 30rpx 0;
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.vip_box {
|
||||
padding: 25rpx 0;
|
||||
float: right;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 20rpx !important;
|
||||
background: linear-gradient(90deg, #5188e5 0%, #accafb 80%);
|
||||
|
||||
.PM_font {
|
||||
color: #476379;
|
||||
}
|
||||
|
||||
.zhanghu {
|
||||
font-size: 80rpx;
|
||||
text-align: center;
|
||||
line-height: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user