|
@@ -1,7 +1,9 @@
|
|
|
<template>
|
|
|
<div class="uc_vip_container">
|
|
|
<div class="banner">
|
|
|
-
|
|
|
+ <view class="banner_text">
|
|
|
+ <text>{{ userinfo['level_name'] }}</text>
|
|
|
+ </view>
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
@@ -11,14 +13,69 @@
|
|
|
|
|
|
<!-- 权益列表-->
|
|
|
<van-row gutter="10" class="benefit-row">
|
|
|
- <van-col span="8" v-for="(item,index) in benefits" :key="index">
|
|
|
+ <van-col span="8">
|
|
|
+ <view class="benefit">
|
|
|
+ <img src="https://img.shuimuai.com/quanyi_icon_1.png" alt="" class="icon1">
|
|
|
+ <view>
|
|
|
+ <text class="title">会员卡</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text class="subtitle">{{ datas.card }}张</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="8">
|
|
|
+ <view class="benefit">
|
|
|
+ <img src="https://img.shuimuai.com/quanyi_icon_2.png" alt="" class="icon2">
|
|
|
+ <view>
|
|
|
+ <text class="title">核销时间{{ datas.play_time }}分钟</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text class="subtitle">游玩限期{{ datas.validity }}个月</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="8">
|
|
|
+ <view class="benefit">
|
|
|
+ <img src="https://img.shuimuai.com/quanyi_icon_3.png" alt="" class="icon3">
|
|
|
+ <view>
|
|
|
+ <text class="title">参与活动</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text class="subtitle">{{ datas.validity }}个月内</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="8">
|
|
|
+ <view class="benefit">
|
|
|
+ <img src="https://img.shuimuai.com/quanyi_icon_4.png" alt="" class="icon4">
|
|
|
+ <view>
|
|
|
+ <text class="title">租售产品</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text class="subtitle">租{{ datas.lease_time }}套每天15分钟</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="8">
|
|
|
<view class="benefit">
|
|
|
- <img :src="item.icon" alt="" class="icon">
|
|
|
+ <img src="https://img.shuimuai.com/quanyi_icon_5.png" alt="" class="icon5">
|
|
|
<view>
|
|
|
- <text class="title">{{ item.title }}</text>
|
|
|
+ <text class="title">参与课程</text>
|
|
|
</view>
|
|
|
<view>
|
|
|
- <text class="subtitle">{{ item.sub_title }}</text>
|
|
|
+ <text class="subtitle">{{ datas.lease_time }}个月</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="8">
|
|
|
+ <view class="benefit">
|
|
|
+ <img src="https://img.shuimuai.com/quanyi_icon_6.png" alt="" class="icon6">
|
|
|
+ <view>
|
|
|
+ <text class="title">邀请有奖</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text class="subtitle">{{ datas.lease_time }}个月</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</van-col>
|
|
@@ -26,21 +83,7 @@
|
|
|
|
|
|
|
|
|
<!-- 权益描述-->
|
|
|
- <view class="desc">
|
|
|
- 黄金会员权益:
|
|
|
- <br>
|
|
|
- 1)获得核销时间为200分钟,有效期3个自然月(从购买当日时间开始计时)。
|
|
|
- <br>
|
|
|
- 2)获得5张次卡(实体卡),次卡不能自己使用,只能用给其它人使用。获得次卡的用户A可进行1次到店体验,且成为黄金会员的一级分销用户。
|
|
|
- <br>
|
|
|
- 如果次卡用户A进行消费,则黄金会员用户则获得以下对应的分润:
|
|
|
- <br>
|
|
|
- 购买次卡获得20元分润,购买黄金会员卡获得50元分润,购买白金会员获得100元分润,购买钻石会员则获得200元分润,线下购买创客代理获得300元分润,线下购买区域代理获得600元分润,线下购买合伙人,获得2000元分润。
|
|
|
- <br>
|
|
|
- <br>
|
|
|
- 如果次卡用户A发展其它人B成为水母会员用户,则B作为次卡用户A的一级分销用户,也是黄金会员的二级分销用户,如果B产生消费,则次卡会员A获得一级分润(同上述的黄金会员一级分润)黄金会员可获得如下二级分润:
|
|
|
- <br>
|
|
|
- B购买次卡获得5元分润,购买黄金会员卡获得15元分润,购买白金会员获得30元分润,购买钻石会员则获得60元分润。线下购买创客代理获得90元分润,线下购买区域代理获得180元分润,线下购买合伙人,获得600元分润。
|
|
|
+ <view class="desc" v-html="datas.content">
|
|
|
</view>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -48,55 +91,33 @@
|
|
|
|
|
|
<script>
|
|
|
|
|
|
+import {vipPowerLevel} from "../../../requests/vip";
|
|
|
+import utils from '../../../utils/index'
|
|
|
+
|
|
|
var $this
|
|
|
export default {
|
|
|
name: "uc_vip_container",
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- benefits: [
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- icon: "https://img.shuimuai.com/quanyi_icon_1.png",
|
|
|
- title: "会员卡",
|
|
|
- sub_title: "1张"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 2,
|
|
|
- icon: "https://img.shuimuai.com/quanyi_icon_2.png",
|
|
|
- title: "核销时间1700分钟",
|
|
|
- sub_title: "游玩限期3个月"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 3,
|
|
|
- icon: "https://img.shuimuai.com/quanyi_icon_3.png",
|
|
|
- title: "参与活动",
|
|
|
- sub_title: "3个月内"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 4,
|
|
|
- icon: "https://img.shuimuai.com/quanyi_icon_4.png",
|
|
|
- title: "销售产品",
|
|
|
- sub_title: "租1套、每天15分钟"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 5,
|
|
|
- icon: "https://img.shuimuai.com/quanyi_icon_5.png",
|
|
|
- title: "参与课程",
|
|
|
- sub_title: "3个月"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 6,
|
|
|
- icon: "https://img.shuimuai.com/quanyi_icon_6.png",
|
|
|
- title: "分润",
|
|
|
- sub_title: "一级分润、二级分润"
|
|
|
- },
|
|
|
- ],
|
|
|
+ datas: [],
|
|
|
+ userinfo: {},
|
|
|
}
|
|
|
},
|
|
|
- methods: {}
|
|
|
+ methods: {
|
|
|
+ //获取页面数据初始化
|
|
|
+ getData() {
|
|
|
+ vipPowerLevel().then((res) => {
|
|
|
+ let $data = res.data;
|
|
|
+ $this.datas = $data.data
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
,
|
|
|
mounted() {
|
|
|
+ $this.getData()
|
|
|
+ $this.userinfo = wx.getStorageSync('userinfo')
|
|
|
+ $this.userinfo['level_name'] = utils.get_level_name($this.userinfo['level'])
|
|
|
},
|
|
|
created() {
|
|
|
$this = this;
|