优化

pages/my.vue

@@ -10,7 +10,8 @@
 					</div>
 					<div class="top-left-info">
 						<div class="top-left-info-name">{{userInfo.name||'未登录'}}</div>
-						<div class="top-left-info-tip">点击立即登录</div>
+						<div class="top-left-info-tip" v-if="!userInfo.name">点击立即登录</div>
+						<div class="top-left-info-version" v-else>{{'基础版'}}</div>
 					</div>
 				</div>
 				<div class="top-right">
@@ -32,8 +33,8 @@
 				</div>
 			</div>
 			<div class="preill adfacjb">
-				<div class="preill-left">{{'尚未激活问卷，无法开始PREILL评估'}}</div>
-				<div class="preill-right">{{'立即激活'}}</div>
+				<div class="preill-left">{{userInfo.name?'已激活，深入了解支撑高价值团队的关键因素':'尚未激活问卷，无法开始PREILL评估'}}</div>
+				<div class="preill-right" @click="handleActiveDetail">{{userInfo.name?'查看详情':'立即激活'}}</div>
 			</div>
 			<div class="menu">
 				<div class="menu-item adfacjb" v-for="(item,index) in menuList" :key="index" @click="handleTurn(item.path)">
@@ -94,6 +95,11 @@
 		methods:{
 			handleTurn(url){
 				if(!url) return
+			},
+			handleActiveDetail(){
+				let url = '/pagesPublish/rechargeCenter'
+				if(this.userInfo.name) url = '';
+				url && uni.navigateTo({ url })
 			}
 		}
 	}
@@ -138,6 +144,20 @@
 							line-height: 26rpx;
 							margin-top: 31rpx;
 						}
+						&-version{
+							width: 129rpx;
+							height: 40rpx;
+							background: url('https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/my_version_bg.png') no-repeat;
+							background-size: 100% 100%;
+							padding-left: 48rpx;
+							box-sizing: border-box;
+							font-family: PingFang-SC, PingFang-SC;
+							font-weight: bold;
+							font-size: 22rpx;
+							color: #795021;
+							line-height: 40rpx;
+							margin-top: 24rpx;
+						}
 					}
 				}
 				&-right{

pagesPublish/rechargeCenter.vue

@@ -6,11 +6,15 @@
 				<image :src="avatar"></image>
 			</div>
 			<div class="info-right">
-				<div class="info-right-name">{{'龙傲天'}}</div>
-				<div class="info-right-tip">{{'尚未激活问卷，无法开始PREILL评估'}}</div>
+				<div class="info-right-name adfac">
+					<div class="text">{{'龙傲天'}}</div>
+					<div class="version">{{'基础版'}}</div>
+				</div>
+				<!-- <div class="info-right-tip">{{'尚未激活问卷，无法开始PREILL评估'}}</div> -->
+				<div class="info-right-tip">剩余次数：基础版{{5}}次，专业版{{0}}次</div>
 			</div>
 		</div>
-		<div class="box">
+		<div class="box adffc">
 			<div class="box-tab adfacjb">
 				<div class="box-tab-pre" :class="{'active':tindex===index}" 
 					v-for="(item,index) in tabList" :key="index" @click="changeTab(index)">{{item}}</div>
@@ -32,21 +36,47 @@
 					</div>
 				</div>
 			</template>
-			<div class="box-memo">
-				<div class="box-memo-title">服务条款说明</div>
-				<div class="box-memo-p">
-					1、未激活的问卷：付费后使用有效期1年，过期将不能使用。<br/>
-					2、已进行中问卷：创建者可以设置答题截止时间，修改时间，以支持少数用户延期做问卷。<br/>
-					3、其他次数不能低于10次。
+			<template v-if="tindex===1">
+				<div class="box-price adf">
+					<div class="box-price-pre adffcac" :class="{'active':pindex===index}"
+						v-for="(item,index) in priceList2" :key="index" @click="changePrice(item,index)">
+						<div class="box-price-pre-once" v-if="index===0">限时优惠</div>
+						<div class="box-price-pre-times">{{item.times}}</div>
+						<div class="box-price-pre-money"><span>￥</span>{{item.money}}<span v-if="index===priceList2.length-1">/次</span></div>
+						<div class="box-price-pre-bottom">{{item.tip}}</div>
+					</div>
 				</div>
-			</div>
-			<div class="box-btn adfacjb">
-				<div class="box-btn-left adfac">
-					<div class="box-btn-left-text">实付</div>
-					<div class="box-btn-left-money adfac"><span>￥</span>{{590}}<span style="margin-left: 9rpx;">/{{10}}次</span></div>
+				<div class="box-other adfacjb" v-if="pindex===priceList2.length-1">
+					<div class="box-other-left">其他次数</div>
+					<div class="box-other-right">
+						<cus-number-box :min="otherTimes" :number="otherTimes" @valueChange="valueChange"></cus-number-box>
+					</div>
 				</div>
-				<div class="box-btn-right" @click="confirmBuy">确认协议并购买</div>
-			</div>
+			</template>
+			<template v-if="tindex<2">
+				<div class="box-memo">
+					<div class="box-memo-title">服务条款说明</div>
+					<div class="box-memo-p">
+						1、未激活的问卷：付费后使用有效期1年，过期将不能使用。<br/>
+						2、已进行中问卷：创建者可以设置答题截止时间，修改时间，以支持少数用户延期做问卷。<br/>
+						3、其他次数不能低于10次。
+					</div>
+				</div>
+				<div class="box-btn adfacjb">
+					<div class="box-btn-left adfac">
+						<div class="box-btn-left-text">实付</div>
+						<div class="box-btn-left-money adfac"><span>￥</span>{{590}}<span style="margin-left: 9rpx;">/{{10}}次</span></div>
+					</div>
+					<div class="box-btn-right" @click="confirmBuy">确认协议并购买</div>
+				</div>
+			</template>
+			<template v-else>
+				<div class="box-empty adffcacjc">
+					<image :src="imgBase+'recharge_empty.png'"></image>
+					<p>专家版正在开发中</p>
+					<text>敬请期待</text>
+				</div>
+			</template>
 		</div>
 	</view>
 </template>
@@ -67,12 +97,20 @@
 					{times:'10次',money:590,tip:'￥59/次'},
 					{times:'超过10次',money:39,tip:'超过10次，¥39/次'}
 				],
+				priceList2:[
+					{times:'1次',money:199,tip:'首次登录赠送1次'},
+					{times:'5次',money:795,tip:'￥155/次'},
+					{times:'10次',money:1090,tip:'￥109/次'},
+					{times:'超过10次',money:89,tip:'超过10次，¥89/次'}
+				],
 				otherTimes:11
 			}
 		},
 		methods:{
 			changeTab(index){
 				this.tindex = index;
+				this.pindex = 0;
+				this.otherTimes = 11;
 			},
 			changePrice(item,index){
 				this.pindex = index;
@@ -110,11 +148,27 @@
 				padding-left: 20rpx;
 				box-sizing: border-box;
 				&-name{
-					font-family: PingFang-SC, PingFang-SC;
-					font-weight: bold;
-					font-size: 36rpx;
-					color: #795021;
-					line-height: 32rpx;
+					.text{
+						font-family: PingFang-SC, PingFang-SC;
+						font-weight: bold;
+						font-size: 36rpx;
+						color: #795021;
+						line-height: 32rpx;
+					}
+					.version{
+						width: 129rpx;
+						height: 40rpx;
+						background: url('https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/my_version_bg.png') no-repeat;
+						background-size: 100% 100%;
+						padding-left: 48rpx;
+						box-sizing: border-box;
+						font-family: PingFang-SC, PingFang-SC;
+						font-weight: bold;
+						font-size: 22rpx;
+						color: #795021;
+						line-height: 40rpx;
+						margin-left: 12rpx;
+					}
 				}
 				&-tip{
 					font-family: PingFangSC, PingFang SC;
@@ -312,6 +366,32 @@
 					letter-spacing: 2rpx;
 				}
 			}
+		
+			&-empty{
+				flex: 1;
+				image{
+					width: 370rpx;
+					height: 284rpx;
+				}
+				p{
+					font-family: PingFangSC, PingFang SC;
+					font-weight: 400;
+					font-size: 30rpx;
+					color: #667E90;
+					line-height: 40rpx;
+					text-align: center;
+					margin-top: 21rpx;
+				}
+				text{
+					font-family: PingFangSC, PingFang SC;
+					font-weight: 400;
+					font-size: 36rpx;
+					color: #667E90;
+					line-height: 40rpx;
+					text-align: center;
+					margin-top: 16rpx;
+				}
+			}
 		}
 	}
 </style>