|
|
@@ -1,83 +1,83 @@
|
|
|
<template>
|
|
|
<view class="default_page adffc" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
|
|
|
<cus-header title='充值中心' bgColor="transparent"></cus-header>
|
|
|
- <div class="info adfac">
|
|
|
- <div class="info-left">
|
|
|
+ <view class="info adfac">
|
|
|
+ <view class="info-left">
|
|
|
<image :src="avatar"></image>
|
|
|
- </div>
|
|
|
- <div class="info-right">
|
|
|
- <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 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>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ <view class="info-right">
|
|
|
+ <view class="info-right-name adfac">
|
|
|
+ <view class="text">{{'龙傲天'}}</view>
|
|
|
+ <view class="version">{{'基础版'}}</view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="info-right-tip">{{'尚未激活问卷,无法开始PREILL评估'}}</view> -->
|
|
|
+ <view class="info-right-tip">剩余次数:基础版{{5}}次,专业版{{0}}次</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="box adffc">
|
|
|
+ <view class="box-tab adfacjb">
|
|
|
+ <view class="box-tab-pre" :class="{'active':tindex===index}"
|
|
|
+ v-for="(item,index) in tabList" :key="index" @click="changeTab(index)">{{item}}</view>
|
|
|
+ </view>
|
|
|
<template v-if="tindex===0">
|
|
|
- <div class="box-price adf">
|
|
|
- <div class="box-price-pre adffcac" :class="{'active':pindex===index}"
|
|
|
+ <view class="box-price adf">
|
|
|
+ <view class="box-price-pre adffcac" :class="{'active':pindex===index}"
|
|
|
v-for="(item,index) in priceList" :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===priceList.length-1">/次</span></div>
|
|
|
- <div class="box-price-pre-bottom">{{item.tip}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-other adfacjb" v-if="pindex===priceList.length-1">
|
|
|
- <div class="box-other-left">其他次数</div>
|
|
|
- <div class="box-other-right">
|
|
|
+ <view class="box-price-pre-once" v-if="index===0">限时优惠</view>
|
|
|
+ <view class="box-price-pre-times">{{item.times}}</view>
|
|
|
+ <view class="box-price-pre-money"><span>¥</span>{{item.money}}<span v-if="index===priceList.length-1">/次</span></view>
|
|
|
+ <view class="box-price-pre-bottom">{{item.tip}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="box-other adfacjb" v-if="pindex===priceList.length-1">
|
|
|
+ <view class="box-other-left">其他次数</view>
|
|
|
+ <view class="box-other-right">
|
|
|
<cus-number-box :min="otherTimes" :number="otherTimes" @valueChange="valueChange"></cus-number-box>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
<template v-if="tindex===1">
|
|
|
- <div class="box-price adf">
|
|
|
- <div class="box-price-pre adffcac" :class="{'active':pindex===index}"
|
|
|
+ <view class="box-price adf">
|
|
|
+ <view 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 class="box-other adfacjb" v-if="pindex===priceList2.length-1">
|
|
|
- <div class="box-other-left">其他次数</div>
|
|
|
- <div class="box-other-right">
|
|
|
+ <view class="box-price-pre-once" v-if="index===0">限时优惠</view>
|
|
|
+ <view class="box-price-pre-times">{{item.times}}</view>
|
|
|
+ <view class="box-price-pre-money"><span>¥</span>{{item.money}}<span v-if="index===priceList2.length-1">/次</span></view>
|
|
|
+ <view class="box-price-pre-bottom">{{item.tip}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="box-other adfacjb" v-if="pindex===priceList2.length-1">
|
|
|
+ <view class="box-other-left">其他次数</view>
|
|
|
+ <view class="box-other-right">
|
|
|
<cus-number-box :min="otherTimes" :number="otherTimes" @valueChange="valueChange"></cus-number-box>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
<template v-if="tindex<2">
|
|
|
- <div class="box-memo">
|
|
|
- <div class="box-memo-title">服务条款说明</div>
|
|
|
- <div class="box-memo-p">
|
|
|
+ <view class="box-memo">
|
|
|
+ <view class="box-memo-title">服务条款说明</view>
|
|
|
+ <view 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>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="box-btn adfacjb">
|
|
|
+ <view class="box-btn-left adfac">
|
|
|
+ <view class="box-btn-left-text">实付</view>
|
|
|
+ <view class="box-btn-left-money adfac"><span>¥</span>{{590}}<span style="margin-left: 9rpx;">/{{10}}次</span></view>
|
|
|
+ </view>
|
|
|
+ <view class="box-btn-right" @click="confirmBuy">确认协议并购买</view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <div class="box-empty adffcacjc">
|
|
|
+ <view class="box-empty adffcacjc">
|
|
|
<image :src="imgBase+'recharge_empty.png'"></image>
|
|
|
<p>专家版正在开发中</p>
|
|
|
<text>敬请期待</text>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|