|
@@ -2,102 +2,162 @@
|
|
|
<!-- 会员说明 -->
|
|
|
<import src="../../wxParse/wxParse.wxml" />
|
|
|
<view>
|
|
|
- <view class="menutop">
|
|
|
- <view style="width:100%;height:{{statusBarHeight}}"></view>
|
|
|
- <view class="diy-top {{activeTitle?'activeTitle':''}}" style="height:{{statusBarHeight}}">
|
|
|
- <view class="diy-menu" style="margin-top:{{statusBarMH}};height:{{stHeight}}" bindtap="goback">
|
|
|
- <image src="{{appAssetsUrl}}/updata/arrows.png" class="arrowico" />
|
|
|
- <view class="diy-title">我的会员卡</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="diy-bottom" style="background-image: url({{appAssetsUrl}}/images/my/vipCard.png);">
|
|
|
- <!-- <view class="iconfont icon-huiyuan vipcolor"></view> -->
|
|
|
- <view class="diy-btop">
|
|
|
- <image mode="aspectFill" src="{{detail.memberphoto?detail.memberphoto:(appAssetsUrl+'/images/bz1_nor.png')}}" class="bavatar" />
|
|
|
- <view class="userinfo">
|
|
|
- <view class="name">{{detail.vipname}}</view>
|
|
|
- <view class="uwrap">
|
|
|
- <image src="{{appAssetsUrl}}/updata/avatar.png" mode="widthFix" class="uico" />
|
|
|
- <view class="username">{{detail.vipYN?'黄金会员':'非会员'}}</view>
|
|
|
- <view class="cardno">卡号:{{detail.cardno}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="diy-bbom">
|
|
|
- <text wx:if="{{detail.vipYN}}">到期时间:{{detail.endtime}}</text>
|
|
|
- <text wx:if="{{!detail.vipYN}}">未开通</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="vip-check" style="background-image: url({{appAssetsUrl}}/images/my/vip-desc-bg.png);">
|
|
|
- <view class="left">
|
|
|
- <image src="{{appAssetsUrl}}/updata/avatar.png" mode="widthFix" />
|
|
|
- <text class="title">黄金会员</text>
|
|
|
- </view>
|
|
|
- <view class="right">
|
|
|
- ¥<text class="num">300</text>元/年
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-title1.png" class="title-image"></image>
|
|
|
- <view class="desc-image-box">
|
|
|
- <view class="desc-image">
|
|
|
- <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item1.png"></image>
|
|
|
- <text>充值送积分</text>
|
|
|
- </view>
|
|
|
- <view class="desc-image">
|
|
|
- <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item2.png"></image>
|
|
|
- <text>优质兼职</text>
|
|
|
- </view>
|
|
|
- <view class="desc-image">
|
|
|
- <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item3.png"></image>
|
|
|
- <text>课程折扣</text>
|
|
|
- </view>
|
|
|
- <view class="desc-image">
|
|
|
- <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item4.png"></image>
|
|
|
- <text>沙龙活动</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-title2.png" class="title-image"></image>
|
|
|
- <view class="desc-text">
|
|
|
- <view>充值送积分:充值会员成功立即赠送积分,积分可用于在积分商城兑换物品</view>
|
|
|
- <view>优质兼职:VIP会员专享优质兼职报名。</view>
|
|
|
- <view>课程折扣:购买学习成长课程,享受会员价格优惠。</view>
|
|
|
- <view>沙龙活动:优质的沙龙活动仅限会员报名。</view>
|
|
|
- </view>
|
|
|
- <!-- <view class="flex-bet-wrap">
|
|
|
- <view class='vipitem {{avtive==item.itemcode?"vipitemactive":""}}' wx:for="{{list}}" wx:key="item" wx:for-index="i"
|
|
|
- wx:for-item="item" data-id="{{item.guid}}" data-code="{{item.itemcode}}" bindtap='tab'>
|
|
|
- <view class="iconfont icon-xuanzhong xuanzhongs" wx:if="{{avtive==item.itemcode}}"></view>
|
|
|
- <view class="iconfont icon-huiyuan vipico"></view>
|
|
|
- <view class='tip'>
|
|
|
- <image src="{{appAssetsUrl}}/updata/avatar.png" class="vipicos" />
|
|
|
- {{i===0?"黄金会员":"钻石会员"}}
|
|
|
- </view>
|
|
|
- <view class='price'>
|
|
|
- <text>¥</text>
|
|
|
- {{item.itemname}}
|
|
|
- <text>元</text>
|
|
|
- </view>
|
|
|
- <view class='remark'>{{item.attribute4}}</view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <view style="height: calc({{bottomLeft}}px + 200rpx);"></view>
|
|
|
- <view class="pwo" style="height: calc({{bottomLeft}}px + 200rpx);">
|
|
|
- <view class='up-view'>
|
|
|
- <checkbox-group bindchange="checkboxChange" class="Agreement">
|
|
|
- <view class='check-box'>
|
|
|
- <checkbox value="value" />
|
|
|
- <text bindtap="toMembershipAgreement" class="font30" style="vertical-align: middle;">已阅读并同意<text
|
|
|
- style="color: #00A8FF;">《青雲慧会员协议》</text></text>
|
|
|
- </view>
|
|
|
- </checkbox-group>
|
|
|
- <!-- 立即升级按钮 -->
|
|
|
- <view wx:if="{{agree}}" class='btn' bindtap='upgrade'>立即开通 / 立即续费</view>
|
|
|
- <view wx:if="{{!agree}}" class='btn-gary' bindtap='upgrade'>立即开通 / 立即续费</view>
|
|
|
- <view style="height: {{bottomLeft}}px"></view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="menutop">
|
|
|
+ <view style="width:100%;height:{{statusBarHeight}}"></view>
|
|
|
+ <view class="diy-top {{activeTitle?'activeTitle':''}}" style="height:{{statusBarHeight}}">
|
|
|
+ <view class="diy-menu" style="margin-top:{{statusBarMH}};height:{{stHeight}}" bindtap="goback">
|
|
|
+ <text class="iconfont icon-xiayibu font35 right-icon"></text>
|
|
|
+ <!-- <image src="{{appAssetsUrl}}/updata/arrows.png" class="arrowico" /> -->
|
|
|
+ <view class="diy-title">我的会员卡</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="mine">
|
|
|
+ <view>
|
|
|
+ <view class="name">{{detail.vipname}}</view>
|
|
|
+ <view class="info-item">
|
|
|
+ <view class="icon-box">
|
|
|
+ <image class='micon img-icon' style="width:36rpx;height:30rpx;margin-right:2rpx;" src='{{appAssetsUrl}}/images/my/diamonds.png'></image>
|
|
|
+ </view>
|
|
|
+ <text class="name-text">{{detail.memberState == 0 ? '普通用户' : '青雲慧会员'}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="info-item">
|
|
|
+ <view class="icon-box">
|
|
|
+ <image class='micon' style="width:25rpx;height:22rpx;" src='{{appAssetsUrl}}/images/my/calendar.png'></image>
|
|
|
+ </view>
|
|
|
+ <text wx:if="{{detail.memberState == 0}}">到期时间:未开通</text>
|
|
|
+ <text wx:if="{{detail.memberState == 1}}">到期时间:{{detail.expireTime}}</text>
|
|
|
+ <text wx:if="{{detail.memberState == 2}}">到期时间:终生有效</text>
|
|
|
+ <text wx:if="{{detail.memberState == 3}}">到期时间:{{detail.expireTime}}</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- <view>到期时间:{{detail.memberState == 0 ? '未开通' : detail.expireTime}}</view> -->
|
|
|
+ <view class="info-item">
|
|
|
+ <view class="icon-box">
|
|
|
+ <image class='micon' style="width:28rpx;height:22rpx;" src='{{appAssetsUrl}}/images/my/cardNo.png'></image>
|
|
|
+ </view>
|
|
|
+ <text>卡号:{{detail.cardno}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <image class="auter" src="{{detail.memberphoto?detail.memberphoto:(appAssetsUrl+'/images/bz1_nor.png')}}"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- <view class="vip-box">
|
|
|
+ <view class="{{currentImg == 1 ? 'active-line vip-item' : 'vip-item'}}" style="background: url({{appAssetsUrl2}}wjxy/mine/yearBg.png) no-repeat;background-size: 100% 100%;" data-currentImg="1" bindtap="changeVip">
|
|
|
+ <icon class="icon-small" type="success" size="23" color="#EABC77" class="{{currentImg == 1 ? 'succ-icon' : ''}}" wx:if="{{currentImg == 1}}"></icon>
|
|
|
+ <view class="icon-box">
|
|
|
+ <image class="vip-img" src="{{appAssetsUrl2}}wjxy/mine/vip-icon.png"></image>
|
|
|
+ <text>年度VIP会员</text>
|
|
|
+ </view>
|
|
|
+ <text>
|
|
|
+ <text class="unit">¥</text>
|
|
|
+ <text class="price">{{wgFillInfo.perYearPrice}}</text>
|
|
|
+ <text class="unit">元</text>
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view class="{{ currentImg == 2 ? 'vip-item lifelongBg active-line' : 'vip-item lifelongBg'}}" style="background: url({{appAssetsUrl2}}wjxy/mine/lifelongBg.png) no-repeat;background-size: 100% 100%;" data-currentImg="2" bindtap="changeVip">
|
|
|
+ <icon class="icon-small" type="success" size="23" color="#EABC77" class="{{currentImg == 2 ? 'succ-icon' : ''}}" wx:if="{{currentImg == 2}}"></icon>
|
|
|
+ <view class="icon-box">
|
|
|
+ <image class="vip-img" src="{{appAssetsUrl2}}wjxy/mine/vip-icon.png"></image>
|
|
|
+ <text>终身VIP会员</text>
|
|
|
+ </view>
|
|
|
+ <text>
|
|
|
+ <text class="unit">¥</text>
|
|
|
+ <text class="price">{{wgFillInfo.lifelongPrice}}</text>
|
|
|
+ <text class="unit">元</text>
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <image wx:if="{{false}}" mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-title1.png" class="title-image"></image>
|
|
|
+ <view wx:if="{{false}}" class="desc-image-box">
|
|
|
+ <view class="desc-image">
|
|
|
+ <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item1.png"></image>
|
|
|
+ <text>充值送积分</text>
|
|
|
+ </view>
|
|
|
+ <view class="desc-image">
|
|
|
+ <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item2.png"></image>
|
|
|
+ <text>优质兼职</text>
|
|
|
+ </view>
|
|
|
+ <view class="desc-image">
|
|
|
+ <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item3.png"></image>
|
|
|
+ <text>课程折扣</text>
|
|
|
+ </view>
|
|
|
+ <view class="desc-image">
|
|
|
+ <image mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-desc-item4.png"></image>
|
|
|
+ <text>沙龙活动</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="work" wx:if="{{0}}">
|
|
|
+ <view class="title">会员权益</view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="work-item">
|
|
|
+ <image src="{{appAssetsUrl2}}wjxy/mine/integral.png"></image>
|
|
|
+ <text>充值送积分</text>
|
|
|
+ </view>
|
|
|
+ <view class="work-item">
|
|
|
+ <image src="{{appAssetsUrl2}}wjxy/mine/partTime-work.png"></image>
|
|
|
+ <text>优质兼职</text>
|
|
|
+ </view>
|
|
|
+ <view class="work-item">
|
|
|
+ <image src="{{appAssetsUrl2}}wjxy/mine/activity-work.png"></image>
|
|
|
+ <text>免费活动</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image wx:if="{{false}}" mode="widthFix" src="{{appAssetsUrl}}/images/my/vip-title2.png" class="title-image"></image>
|
|
|
+ <!-- <view class="illustrate">权益说明</view> -->
|
|
|
+ <view class="desc-text">
|
|
|
+ <template is="wxParse" data="{{wxParseData:memberNotice.nodes}}" class="partime-detail-info" />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- style="height:{{bottomLeft + botCheck + 40}}px;" botCheck -->
|
|
|
+ <view class="bbb" style="height:{{ detail.memberState == 2 ? bottomLeft + 40 : bottomLeft + 50}}px;">
|
|
|
+ <!-- style="bottom:{{botCheck + bottomLeft + 10}}px" -->
|
|
|
+ <!-- <checkbox-group bindchange="checkboxChange" wx:if="{{detail.memberState != 2}}" class="Agreement">
|
|
|
+ <view class='check-box'>
|
|
|
+ <checkbox value="value" checked="true" />
|
|
|
+ <text bindtap="toMembershipAgreement" class="font30" style="vertical-align: middle;">已阅读并同意<text style="color: #00A8FF;">《青雲慧会员协议》</text></text>
|
|
|
+ </view>
|
|
|
+ </checkbox-group> -->
|
|
|
+ <!-- <view class="pwo" id="bot-box">
|
|
|
+ <view class='up-view'>
|
|
|
+ <view class="{{agree ? 'btn' : 'btn-gary'}}" bindtap='upgrade' wx:if="{{detail.memberState == 0}}">立即开通</view>
|
|
|
+ <view class="{{agree ? 'btn' : 'btn-gary'}}" bindtap='upgrade' wx:if="{{detail.memberState == 1}}">立即升级 <text>补差价 ¥{{wgFillInfo.lifelongPrice - wgFillInfo.perYearPrice}}</text></view>
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ <view class='btn' wx:if="{{detail.memberState != 2}}">相关权益请联系客服开通</view>
|
|
|
+ <view class="life" style="bottom:{{bottomLeft}}px;" wx:if="{{detail.memberState == 2}}">恭喜您,已经是终身会员了</view>
|
|
|
+ </view>
|
|
|
+ <popup2 id="popup2" title="确认购买" bind:error="_error2" bind:success="_success2" data-name="popup" self="true">
|
|
|
+ <view class="buy-content" slot="content">
|
|
|
+ <view class="vip-price">会员价格:<text class="red-price">{{memberPoints.money}}</text>元</view>
|
|
|
+ <view class="integral">剩余积分:{{memberPoints.remainingPoints}}</view>
|
|
|
+ <view class="use-box">
|
|
|
+ <view class="use-integral">
|
|
|
+ <view>使用 {{memberPoints.usePoints}} 积分</view>
|
|
|
+ <view class="deduction">抵扣 {{memberPoints.deductiblePrice}} 元</view>
|
|
|
+ </view>
|
|
|
+ <switch bindchange="switchChange" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="btn-box" slot="btn">
|
|
|
+ <button class="btn" bindtap="confirmPay" wx:if="{{(isDeductiblePrice&&memberPoints.actualPrice==0)||!isDeductiblePrice&&memberPoints.money==0}}">免费购买</button>
|
|
|
+ <button class="btn" bindtap="confirmPay" wx:else>确认支付{{isDeductiblePrice ? memberPoints.actualPrice : memberPoints.money}}元</button>
|
|
|
+ <view class="interval-box"></view>
|
|
|
+ </view>
|
|
|
+ </popup2>
|
|
|
+
|
|
|
+ <popup3 id="popup3" title="支付成功" btn_no="取消" btn_ok="确定" bind:error="_error" bind:success="_success" data-name="popup">
|
|
|
+ <view class="pay-content" slot="content">
|
|
|
+ <icon class="icon-box-img" type="success" size="60"></icon>
|
|
|
+ <text>恭喜您支付成功,</text>
|
|
|
+ <text>获得 {{integral}} 积分!</text>
|
|
|
+ </view>
|
|
|
+ </popup3>
|
|
|
</view>
|
|
|
<!-- <button class="custCare" open-type="contact" session-from="sessionFrom" style="bottom: calc(205rpx + {{bottomLeft}}px);">
|
|
|
- <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
|
|
|
+ <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
|
|
|
</button> -->
|