Browse Source

按照最新设计图修改

htc 5 days ago
parent
commit
26a232bdc7
1 changed files with 161 additions and 129 deletions
  1. 161 129
      pagesPublish/rechargeCenter.vue

+ 161 - 129
pagesPublish/rechargeCenter.vue

@@ -27,7 +27,7 @@
 								<view class="box-yhj-top-nr adffcac">
 									<view class="box-yhj-top-nr-title">PERILL团队发展动态评估(个人版)</view>
 									<view class="box-yhj-top-nr-price">¥{{priceData.discountPrice||priceData.price}}</view>
-										<view class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ¥{{priceData.price}}/次</view>
+										<view class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ¥{{priceData.price}}/次,推广价 ¥168/次</view>
 										<view class="box-yhj-top-nr-yj" style="margin-top: 50rpx;" v-else></view>
 									</view>
 									<view class="box-yhj-top-tip" v-if="priceData.discountPrice">活动有效期:{{priceData.startDate||''}} ~ {{priceData.endDate||''}}</view>
@@ -38,57 +38,44 @@
 								<view class="box-yhj-table-pre adf">
 									<view class="box-yhj-table-pre-qy qy1"></view>
 									<view class="box-yhj-table-pre-qy qy2 active title adfacjc">个人版</view>
-									<view class="box-yhj-table-pre-qy qy3 title adfacjc">团队版-36</view>
+									<view class="box-yhj-table-pre-qy qy3 title adfacjc">团队版</view>
 								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">评估人数</view>
-									<view class="box-yhj-table-pre-qy qy2 adfacjc active nr">仅限个人角度进行评估</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">团队整体评估<br>成员人数可多至20人</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">陈述</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">36道专业陈述</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">36道专业陈述</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">评估状态</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">评估团队当前状态</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">评估团队当前状态</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">未来发展</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">6个维度整体评估报告</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">评估团队未来发展容量</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">评估结果</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">每个维度独立评估结果</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">评估建议</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">每个维度独立评估建议</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">计划</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">团队发展计划</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">教练建议</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">教练专业建议(书面)</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">发送报告</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">可向指定人员发送报告</view>
-								</view>
-								<view class="box-yhj-table-pre adf">
-									<view class="box-yhj-table-pre-qy qy1">线上课</view>
-									<view class="box-yhj-table-pre-qy qy2 active nr">——</view>
-									<view class="box-yhj-table-pre-qy qy3 adffcac nr">送1节小鹅通团队教练线上课</view>
+								<view class="box-yhj-table-fwnr adfac">
+									<view class="box-yhj-table-fwnr-left adffcacjc">服务内容</view>
+									<view class="box-yhj-table-fwnr-right">
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active">仅从本人角度对团队进行评估</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">团队整体评估参与评估的团队成员及利益相关者等其他角色人数最多至25人</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active">36道评估问题专业陈述</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">36道评估问题专业陈述</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active">评估团队当前状态同意度重要性与影响力</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">评估团队当前状态同意度重要性与影响力</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active">6个维度整体评估结果报告</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">评估团队未来提升领域</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active">团队发展建议</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">6个维度整体评估分析结果报告</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active" style="align-items: center;">- -</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">每个维度独立评估结果</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active" style="align-items: center;">- -</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">提供团队发展计划指导与教练建议</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy active" style="align-items: center;">- -</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy">送1节小鹅通《团队跃迁之路系列课》-30分钟掌握PERILL模型</view>
+										</view>
+									</view>
 								</view>
 							</view>
 						</view>
@@ -104,79 +91,66 @@
 			<template v-if="tindex===1">
 				<template v-if="priceData">
 					<view style="flex: 1;overflow-y: auto;margin-top: 20rpx;">
-							<view class="box-yhj">
-								<view class="box-yhj-top">
-									<view class="box-yhj-top-xs">限时优惠价</view>
-									<view class="box-yhj-top-nr adffcac">
-										<view class="box-yhj-top-nr-title">PERILL团队发展动态评估(团队版)</view>
-										<view class="box-yhj-top-nr-price">¥{{priceData.discountPrice||priceData.price}}</view>
-										<view class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ¥{{priceData.price}}/次</view>
+						<view class="box-yhj">
+							<view class="box-yhj-top">
+								<view class="box-yhj-top-xs">限时优惠价</view>
+								<view class="box-yhj-top-nr adffcac">
+									<view class="box-yhj-top-nr-title">PERILL团队发展动态评估(团队版)</view>
+									<view class="box-yhj-top-nr-price">¥{{priceData.discountPrice||priceData.price}}</view>
+										<view class="box-yhj-top-nr-yj" v-if="priceData.discountPrice">原价 ¥{{priceData.price}}/次,推广价 ¥1680/次</view>
 										<view class="box-yhj-top-nr-yj" style="margin-top: 50rpx;" v-else></view>
 									</view>
 									<view class="box-yhj-top-tip" v-if="priceData.discountPrice">活动有效期:{{priceData.startDate||''}} ~ {{priceData.endDate||''}}</view>
 									<view class="box-yhj-top-tip" v-else></view>
+							</view>
+							<view class="box-yhj-title">内容配置对比</view>
+							<view class="box-yhj-table">
+								<view class="box-yhj-table-pre adf">
+									<view class="box-yhj-table-pre-qy qy1"></view>
+									<view class="box-yhj-table-pre-qy qy2 title adfacjc">个人版</view>
+									<view class="box-yhj-table-pre-qy qy3 active title adfacjc">团队版</view>
 								</view>
-								<view class="box-yhj-title">内容配置对比</view>
-								<view class="box-yhj-table">
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1"></view>
-										<view class="box-yhj-table-pre-qy qy2 title adfacjc">个人版</view>
-										<view class="box-yhj-table-pre-qy qy3 active title adfacjc">团队版-36</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">评估人数</view>
-										<view class="box-yhj-table-pre-qy qy2 adfacjc nr">仅限个人角度进行评估</view>
-										<view class="box-yhj-table-pre-qy qy3 adffcac active nr">团队整体评估<br>成员人数可多至20人</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">陈述</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">36道专业陈述</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">36道专业陈述</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">评估状态</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">评估团队当前状态</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">评估团队当前状态</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">未来发展</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">6个维度整体评估报告</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">评估团队未来发展容量</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">评估结果</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">每个维度独立评估结果</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">评估建议</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">每个维度独立评估建议</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">计划</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">团队发展计划</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">教练建议</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">教练专业建议(书面)</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">发送报告</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">可向指定人员发送报告</view>
-									</view>
-									<view class="box-yhj-table-pre adf">
-										<view class="box-yhj-table-pre-qy qy1">线上课</view>
-										<view class="box-yhj-table-pre-qy qy2 nr">——</view>
-										<view class="box-yhj-table-pre-qy qy3 active adffcac nr">送1节小鹅通团队教练线上课</view>
+								<view class="box-yhj-table-fwnr adfac">
+									<view class="box-yhj-table-fwnr-left adffcacjc">服务内容</view>
+									<view class="box-yhj-table-fwnr-right">
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy">仅从本人角度对团队进行评估</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">团队整体评估参与评估的团队成员及利益相关者等其他角色人数最多至25人</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy">36道评估问题专业陈述</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">36道评估问题专业陈述</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy">评估团队当前状态同意度重要性与影响力</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">评估团队当前状态同意度重要性与影响力</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy">6个维度整体评估结果报告</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">评估团队未来提升领域</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy">团队发展建议</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">6个维度整体评估分析结果报告</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy" style="align-items: center;">- -</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">每个维度独立评估结果</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy" style="align-items: center;">- -</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">提供团队发展计划指导与教练建议</view>
+										</view>
+										<view class="box-yhj-table-fwnr-right-pre adf">
+											<view class="box-yhj-table-fwnr-right-pre-qy" style="align-items: center;">- -</view>
+											<view class="box-yhj-table-fwnr-right-pre-qy active">送1节小鹅通《团队跃迁之路系列课》-30分钟掌握PERILL模型</view>
+										</view>
 									</view>
 								</view>
 							</view>
 						</view>
-					</template>
+					</view>
+				</template>
 				<template v-else>
 					<view class="box-empty adffcacjc">
 						<image :src="imgBase+'recharge_empty.png'"></image>
@@ -190,7 +164,7 @@
 						<view class="box-btn-left-text">实付</view>
 						<view class="box-btn-left-money adfac"><span>¥</span>{{sumPrice}}</view>
 					</view>
-					<view class="box-btn-right" @click="confirmBuy">确认协议并购买</view>
+					<view class="box-btn-right" @click="confirmBuy">确认购买</view>
 				</view>
 			</template>
 			<template v-else>
@@ -277,6 +251,7 @@
 					if(res.code!==0) return this.$showToast(res.msg)
 					this.priceData = res.data[0]||null
 					if(this.priceData){
+						this.productId = this.priceData.id;
 						this.priceData.startDate = this.priceData.beginAt?new Date(this.priceData.beginAt).Format('yyyy年MM月dd日'):'';
 						this.priceData.endDate = this.priceData.endAt?new Date(this.priceData.endAt).Format('yyyy年MM月dd日'):'';
 						this.sumPrice = this.priceData.discountPrice||this.priceData.price||0;
@@ -308,7 +283,7 @@
 					type:this.tindex+1,
 					userId:this.userInfo.id
 				}).then(({data:res})=>{
-					if(res.code!==0) return this.$showToast(res.msg)
+					if(res.code!==0) return this.$showToast(res.msg||'购买失败,请稍微重试')
 					this.orderNo = res.data;
 					this.$refs.wxPay.payShow = true;
 				})
@@ -472,7 +447,7 @@
 							color: #955A1D;
 							line-height: 30rpx;
 							text-align: center;
-							margin-top: 8rpx;
+							margin-top: 15rpx;
 							text-decoration: line-through;
 						}
 					}
@@ -503,37 +478,34 @@
 					margin-top: 39rpx;
 					border-radius: 24rpx 24rpx 0 0;
 					border: 1rpx solid #E2E2E2;
+					box-sizing: border-box;
 					&-pre{
 						border-bottom: 1rpx solid #E2E2E2;
 						&:last-child{
 							border: none;
 						}
 						&-qy{
-							padding: 25rpx 16rpx;
+							padding: 0 16rpx;
+							min-height: 120rpx;
 							box-sizing: border-box;
 							border-right:  1rpx solid #E2E2E2;
 							font-family: PingFangSC, PingFang SC;
 							font-weight: 400;
 							font-size: 24rpx;
-							line-height: 40rpx;
+							color: #002846;
+							line-height: 36rpx;
 							&:last-child{
 								border: none;
 							}
-							&.qy1{
-								flex: 1;
-								display: flex;
-								align-items: center;
-							}
-							&.qy2,&.qy3{
-								width: 283rpx;
-							}
 							&.title{
-								font-weight: bold;
+								font-weight: 400;
 								font-size: 28rpx;
+								color: #002846;
 							}
 							&.nr{
 								font-weight: bold;
 								font-size: 24rpx;
+								color: #002846;
 								text-align: center;
 							}
 							&.active{
@@ -541,6 +513,66 @@
 							}
 						}
 					}
+					.qy1{
+						width: 64rpx;
+					}
+					.qy2,.qy3{
+						width: calc((100% - 64rpx) / 2);
+					}
+					&-fwnr{
+						&-left{
+							width: 63rpx;
+							padding: 0 16rpx;
+							box-sizing: border-box;
+							font-family: PingFangSC, PingFang SC;
+							font-weight: 400;
+							font-size: 24rpx;
+							color: #002846;
+							line-height: 36rpx;
+						}
+						&-right{
+							width: calc(100% - 63rpx);
+							border-left: 1rpx solid #E2E2E2;
+							position: relative;
+							&::after{
+								content: '';
+								width: 1rpx;
+								height: 100%;
+								background: #E2E2E2;
+								position: absolute;
+								left: 50%;
+								top: 0;
+							}
+							&-pre{
+								border-bottom: 1rpx solid #E2E2E2;
+								align-items: stretch;
+								&:last-child{
+									border: none;
+								}
+								&-qy{
+									width: 50%;
+									min-height: 90rpx;
+									font-family: PingFangSC, PingFang SC;
+									font-weight: 400;
+									font-size: 24rpx;
+									color: #002846;
+									line-height: 36rpx;
+									text-align: left;
+									padding: 20rpx 11rpx;
+									box-sizing: border-box;
+									display: flex;
+									flex-direction: column;
+									justify-content: center;
+									&:last-child{
+										border: none;
+									}
+									&.active{
+										background: #FFFBEE;
+									}
+								}
+							}
+						}
+					}
 				}
 			}