From 663c9d5bed8cf44e230f397c1f850cf2a6a5c486 Mon Sep 17 00:00:00 2001
From: h30830569 <30830569@qq.com>
Date: Wed, 18 May 2022 13:58:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E8=B4=AD=E4=B9=B0=E4=BC=9A?=
 =?UTF-8?q?=E5=91=98=E7=9B=B8=E5=85=B3=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pageB/record/index.vue             |  78 ++++++++++++++
 src/pageB/svip/index.vue               | 137 +++++++++++++++++++------
 src/pages.json                         |   8 ++
 src/pages/me/me.vue                    |   7 +-
 src/static/images/svip/no_svip.png     | Bin 6112 -> 0 bytes
 src/static/images/svip/svip.png        | Bin 6338 -> 0 bytes
 src/static/images/svip/vip.png         | Bin 0 -> 745 bytes
 src/static/images/svip/vip_failure.png | Bin 0 -> 778 bytes
 src/static/images/svip/vip_icon01.png  | Bin 0 -> 1683 bytes
 src/static/images/svip/vip_icon02.png  | Bin 0 -> 1317 bytes
 src/static/images/svip/vip_icon03.png  | Bin 0 -> 966 bytes
 src/static/images/svip/vip_icon04.png  | Bin 0 -> 602 bytes
 src/store/modules/user.js              |   3 +-
 13 files changed, 198 insertions(+), 35 deletions(-)
 create mode 100644 src/pageB/record/index.vue
 delete mode 100644 src/static/images/svip/no_svip.png
 delete mode 100644 src/static/images/svip/svip.png
 create mode 100644 src/static/images/svip/vip.png
 create mode 100644 src/static/images/svip/vip_failure.png
 create mode 100644 src/static/images/svip/vip_icon01.png
 create mode 100644 src/static/images/svip/vip_icon02.png
 create mode 100644 src/static/images/svip/vip_icon03.png
 create mode 100644 src/static/images/svip/vip_icon04.png

diff --git a/src/pageB/record/index.vue b/src/pageB/record/index.vue
new file mode 100644
index 0000000..b95c002
--- /dev/null
+++ b/src/pageB/record/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <view class="px-30rpx pt-20rpx">
+    <view class="sticky top-0 z-1500 bg-hex-F5F5F5 rounded-full grid grid-cols-3 text-28rpx text-hex-333 leading-40rpx py-10rpx">
+      <view class="text-center">会员类型</view>
+      <view class="text-center">购买金额</view>
+      <view class="text-center">购买时间</view>
+    </view>
+    <mescroll-body :height="height" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption"
+      :up="upOption">
+      <block v-for="(item,index) in dataList" :key="index">
+        <view  class="grid grid-cols-3 text-28rpx text-h666 py-18rpx mt-16rpx ">
+          <view class="text-center line-1 ">{{item.name}}</view>
+          <view class="text-center price-text">{{item.price}}</view>
+          <view class="text-center " v-if="item.success_time">{{item.success_time.substring(0,10)}}</view>
+        </view>
+        <u-line></u-line>
+      </block>
+    </mescroll-body>
+  </view>
+</template>
+
+<script>
+  import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+  export default {
+    mixins: [MescrollMixin], // 使用mixin
+    data() {
+      return {
+        downOption: {
+          auto: false,
+        },
+        upOption: {
+          page: {
+            size: 20
+          },
+          noMoreSize: 1,
+        },
+        dataList: [], //获取到的数据
+      };
+    },
+    computed:{
+      height() {
+        const {
+          windowHeight,
+          statusBarHeight
+        } = this.$u.sys();
+        return windowHeight - statusBarHeight - 44 + 'px';
+      },
+    },
+    methods: {
+      downCallback() {
+        this.mescroll.resetUpScroll();
+      },
+      async upCallback(page) {
+        this.loadData(page);
+      },
+      loadData(page) {
+        this.$api.get(`/v1/vip/buy`, {
+          params: {
+            page: page.num,
+            per_page: page.size
+          }
+        }).then(res => {
+          this.mescroll.endSuccess(res.data.length)
+          if (page.num == 1) this.dataList = [];
+           this.dataList = this.dataList.concat(res.data,);
+        }).catch(err => {
+          this.mescroll.endErr()
+        })
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+page{
+  background: #ffffff;
+}
+</style>
diff --git a/src/pageB/svip/index.vue b/src/pageB/svip/index.vue
index 105e63f..e8f5888 100644
--- a/src/pageB/svip/index.vue
+++ b/src/pageB/svip/index.vue
@@ -1,75 +1,152 @@
 <template>
-  <view >
-    <view class="bg-hex-303133 flex  p-30rpx ">
-      <cu-avatar size="120" :src="user.avatar ? user.avatar : ''"></cu-avatar>
-      <view class="ml-20rpx mt-10rpx">
-        <image src="@/static/images/svip/no_svip.png" class="w-48rpx h-48rpx" mode=""></image>
-        <view class="text-hex-f5f5f5 text-22rpx mt-10rpx">您暂未开通会员</view>
+  <view>
+     <loading-view v-if="isFirstLoading"></loading-view>
+    <view class="bg-hex-303133 flex items-center justify-between  p-30rpx ">
+      <view class="flex">
+        <cu-avatar size="120" :src="user.avatar ? user.avatar : ''"></cu-avatar>
+        <view class="ml-20rpx mt-10rpx">
+          <image :src="!user.is_vip?'/static/images/svip/vip_failure.png':'/static/images/svip/vip.png'" class="w-48rpx h-48rpx" mode=""></image>
+          <view v-if="!user.is_vip" class="text-hex-f5f5f5 text-22rpx mt-10rpx">您暂未开通会员</view>
+          <view v-else class="text-hex-f5f5f5 text-22rpx mt-10rpx">vip到期日期：{{time}}</view>
+        </view>
+      </view> 
+      <view class="text-white flex items-center text-26rpx" @click="$u.route('/pageB/record/index')">
+        <view class="mr-8rpx">购买记录</view>
+         <u-icon color="#ffffff" name="arrow-right" size="26"></u-icon>
       </view>
     </view>
     <!--  -->
     <view class="bg-white pb-40rpx">
       <view class="p-30rpx text-32rpx ">尊享特权</view>
       <view class="grid grid-cols-4  gap-30rpx">
-        <view class="flex items-center justify-center flex-col" v-for="(item,index) in 8 " :key="index">
-          <image src="@/static/images/user/share_friends.png" class="w-64rpx h-64rpx" mode=""></image>
+        <view class="flex items-center justify-center flex-col ">
+          <view class="item">
+            <image src="@/static/images/svip/vip_icon02.png" class="w-36rpx h-36rpx" mode="aspectFill"></image>
+          </view>
           <view class="mt-20rpx text-24rpx">会员折扣</view>
         </view>
+        <view class="flex items-center justify-center flex-col">
+          <view class="item">
+            <image src="@/static/images/svip/vip_icon03.png" class="w-36rpx h-36rpx" mode="aspectFill"></image>
+          </view>
+          <view class="mt-20rpx text-24rpx">会员礼卷</view>
+        </view>
+        <view class="flex items-center justify-center flex-col">
+         <view class="item">
+            <image src="@/static/images/svip/vip_icon01.png" class="w-36rpx h-36rpx" mode="aspectFill"></image>
+         </view>
+          <view class="mt-20rpx text-24rpx">会员特权</view>
+        </view>
+        <view class="flex items-center justify-center flex-col">
+         <view class="item">
+            <image src="@/static/images/svip/vip_icon04.png" class="w-36rpx h-36rpx" mode="aspectFill"></image>
+         </view>
+          <view class="mt-20rpx text-24rpx">尊贵标识</view>
+        </view>
       </view>
     </view>
     <!--  -->
     <view class="bg-white mt-20rpx p-30rpx">
       <!--  -->
       <view class="grid grid-cols-3  gap-30rpx">
-        <view @click="choose(index)" :class="Index==index?'text-hex-f59e0b border-hex-f59e0b':'border-hex-F5F5F5'" class="rounded-15rpx py-50rpx flex items-center justify-center flex-col border border-solid " v-for="(item,index) in list" :key="index">
-         <view class="text-26rpx">{{item.name}}</view>
-         <view class="price-text text-34rpx font-medium mt-15rpx">{{item.money}}</view>
-         <view :class="Index==index?'text-hex-f59e0b':''" class="text-26rpx mt-15rpx text-hex-909399">{{item.time}}</view>
+        <view @click="Index=index" :class="Index==index?'text-hex-f59e0b border-hex-f59e0b':'border-hex-F5F5F5'"
+          class="rounded-15rpx py-50rpx flex items-center justify-center flex-col border border-solid "
+          v-for="(item,index) in list" :key="index">
+          <view class="text-26rpx">{{item.name}}</view>
+          <view class="price-text text-34rpx font-medium mt-15rpx">{{item.price}}</view>
+          <view :class="Index==index?'text-hex-f59e0b':''" class="text-26rpx mt-15rpx text-hex-909399">{{item.times.text}}
+          </view>
         </view>
       </view>
       <!--  -->
       <view class="mt-30rpx text-28rpx">
-        <view class="leading-40rpx">瞭男书店季卡</view>
-        <view class="leading-40rpx">咖啡饮品9折，书籍9折，免费咖啡饮品12杯</view>
-        <view class="leading-40rpx">通用现金卷100元 （有限期90天）</view>
+       <text class="leading-40rpx">
+          {{chooseVip.description}}
+       </text>
       </view>
       <!--  -->
       <view class="flex items-center mt-20rpx">
         <u-checkbox v-model="checked" shape="circle" active-color="#f59e0b" size="28" icon-size="18"></u-checkbox>
-        <view class="text-22rpx -ml-15rpx mt-8rpx " >
+        <view class="text-22rpx -ml-15rpx mt-8rpx ">
           已同意并阅读
           <text class="text-hex-f59e0b">《平台协议》、</text>
           <text class="text-hex-f59e0b">《价格说明》</text>
         </view>
       </view>
       <!--  -->
-      <view class="w-full mt-30rpx h-88rpx bg-hex-404040 rounded-full text-center text-hex-f59e0b leading-88rpx text-32rpx">立即开通</view>
+      <view
+        class="w-full mt-30rpx h-88rpx bg-hex-404040 rounded-full text-center text-hex-f59e0b leading-88rpx text-32rpx" @click="onSumbit">
+        {{user.is_vip?'续费':'立即开通'}}</view>
     </view>
   </view>
 </template>
 
 <script>
+  import { wxpay, alipay } from '@/utils/pay.js';
   export default {
     data() {
       return {
-        user: {},
-        list:[
-          {name:'年卡',money:'1288',time:'1年'},
-          {name:'季卡',money:'1288',time:'3月'},
-          {name:'月卡',money:'1288',time:'30天'}
-        ],
-        Index:0,
-        checked:true
+        isFirstLoading:false,
+        list: [],
+        Index: 0,
+        checked: true
       };
     },
-    methods:{
-      choose(e){
-        this.Index=e
+    computed:{
+      user() {
+        return this.$store.getters.user ?? {};
+      },
+      chooseVip(){
+        return this.list[this.Index]
+      },
+      time(){
+        return this.$u.timeFormat(this.user.vip_expired, 'yyyy-mm-dd');
+      }
+    },
+    onLoad() {
+      this.getDate()
+    },
+    methods: {
+      async getDate(){
+        try{
+          const resData=await this.$api.get('/v1/vip')
+          this.list=resData
+        }catch(err){}finally{
+          this.isFirstLoading=false
+        }
+      },
+     async onSumbit(){
+       if(!this.checked) return this.$u.toast('请勾选协议')
+       try{
+         const resData=await this.$api.post('/v1/vip/buy',{vip_id:this.chooseVip.id})
+         const res=await wxpay(resData.data)
+         if(res=='success'){
+           this.$u.toast('充值成功');
+           this.$store.dispatch('user/getUserInfo');
+           setTimeout(()=>{
+             uni.navigateBack({})
+           },300)
+         }else{
+           this.$u.toast('支付失败');
+         }
+       }catch(err){
+       }
       }
     }
   }
 </script>
 
-<style lang="scss">
-
+<style lang="scss" scoped>
+  .item {
+    background-image: linear-gradient(-90deg,
+        #e3a96d 0%,
+        #f8cfb4 100%), linear-gradient(#c59f6d,
+        #c59f6d);
+        border-radius: 50%;
+        width: 64rpx;
+        height: 64rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+  }
 </style>
diff --git a/src/pages.json b/src/pages.json
index 568e365..6a0c3ac 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -577,6 +577,14 @@
           "enablePullDownRefresh": false,
           "navigationStyle": "default"
         }
+      },
+      {
+        "path": "record/index",
+        "style": {
+          "navigationBarTitleText": "会员购买记录",
+          "enablePullDownRefresh": false,
+          "navigationStyle": "default"
+        }
       }
       ]
     }
diff --git a/src/pages/me/me.vue b/src/pages/me/me.vue
index 459abfd..510090b 100644
--- a/src/pages/me/me.vue
+++ b/src/pages/me/me.vue
@@ -36,7 +36,7 @@
               </view>
             </view>
             <view class="flex items-center justify-between mt-20rpx text-txBase text-lg">
-              <view @tap="$u.routeAuth('/pageB/svip/index')" class="flex-1" v-if="walletShow"
+              <view  class="flex-1" v-if="walletShow"
                 >余额: <text class="font-medium">{{ balance.balance }}</text></view
               >
               <view class="w-200rpx flex-none">
@@ -66,7 +66,7 @@
     <block v-if="!isVerify">
       <block v-if="show_vip_banner && user.is_vip == true">
         <view
-          @tap="$u.route('/pageA/membership_interests/index')"
+         @tap="$u.routeAuth('/pageB/svip/index')"
           :style="[{ backgroundImage: 'url(' + show_vip_banner + ')' }]"
           class="bg_advertisement mt flex items-center justify-end px-30rpx"
         >
@@ -75,11 +75,10 @@
       <!-- 还未成为会员 -->
       <block v-if="become_vip_banner && user.is_vip == false">
         <view
-          @tap="$u.route('/pageA/membership_interests/index')"
+          @tap="$u.routeAuth('/pageB/svip/index')"
           :style="[{ backgroundImage: 'url(' + become_vip_banner + ')' }]"
           class="bg_advertisements mt px-30rpx"
         >
-          <view class="text-white pt-base pl-140rpx">当前成长值：{{ user.growth_value ? user.growth_value : '0' }} / 650</view>
         </view>
       </block>
     </block>
diff --git a/src/static/images/svip/no_svip.png b/src/static/images/svip/no_svip.png
deleted file mode 100644
index f47bd608a62e93e6bff8b810ab9a0d77a956c06f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6112
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

diff --git a/src/static/images/svip/svip.png b/src/static/images/svip/svip.png
deleted file mode 100644
index ea5e1d2637a9fb9917b18dc1cab8279466de9cd5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6338
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

diff --git a/src/static/images/svip/vip.png b/src/static/images/svip/vip.png
new file mode 100644
index 0000000000000000000000000000000000000000..96dc72d669aa9d48c838ce02cabd7ae1975b9e75
GIT binary patch
literal 745
zcmXAmYe*AN6vt1PHMCjOG7%N?5t0S#g+x@FPMoG=sbfVLnpQsZwKg>$(_~I_m9M##
zPMv9{%gT}@ou=X=l+rIrg-KdrqRh;!wc>QSez@my?mg%K`=5J@g@OR4jiU_!Fa!C#
zP_ny`<;<`m@pq>{39!Lc7#!|TQoIHz0lWfu6Hp4M0=xs51*irr2h0V`2fPKS1=IjG
z0xD@)9$-3PC14St9xxNInika3D5veDpn<kur{c+!q5w<-%%PyWR3RQP1F(W3>giP#
zU=uw_1uO<EqiG$b6J;4-3Z)QZ1d&8N5OHFa*dwt9kWk3&`e^H{5^9@B5fE`ph(w$i
zBSR52LQJG15W}RM=n!u@7;62KL*9rl2^EBaNF>^L)b(3OP5dR1JIlPXY?>eK>FK_w
zh!6=mJ_p$QY&ToXYd=?iEH5s8`TTBbVtj1O__U>|tgs+oo|P%NAoSyM9Cl?-KQfT_
zX9x1Q;a+d5Ca2O0I4t?63P#Yj?qQd6Stg^ngn5MT^~%!cA6Y%?pw|ACv1d~3y4hk+
z`!;UuQl&mItij_!d{C=ZLzQUBWx#uMA+#&9sKd}cZY))6#2A$jtBuZ^c|LoQwW9Ab
z+X=>ux}-D7mS=G~j?|-s`EtmT6C*8`CoH_sDn5MY$1G$7D`Z<fYFh2DM)Yl}|79>a
z4IO*ypp&UOQ}s@VO6vxjRi~oIB<Vg|2ku`MBv^->?q$x|B(piq-i+QS=&arA_K>SI
zL%2H84o3LAx%0z~yu&+-Cbmy{IQb^s9zW4l8^ZWH;4a%y5OsXzpr=M1@V>2ok6*qx
z*D>~WzbS72sNv)w>fNO`TC7<ksjCKM_St{6qPpFxY1fLu5wtCA)jYOWtj&}EfIxo%
JuiZDY;6Jz~WW)df

literal 0
HcmV?d00001

diff --git a/src/static/images/svip/vip_failure.png b/src/static/images/svip/vip_failure.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad4c7ce86a98b0ad6678aee1332394b0144b9102
GIT binary patch
literal 778
zcmWNOdq`7Z7>8#XUScU>nMQaa)97NFVr7|Enw4w0DHbZ(NYpaHM9n`WFD*?n%S(n@
zS@Qx`;4R(Nd6{mW&09`4mz%Q9O_Ed$Yl7A9!1>NO@B4nw@8LUTH0outor@ibL?TB~
zB4Y6Lz<t=p66>EHYAK0i5k$Mjh{Wf>zyP1m9~~W)%jGJSN+1v{E-o%DEfEAUH#avq
zIf?g$g$0d9Gd(>$G&D3eHa0&$zr4JRu0$dci^XVRKqL~Of@^Sa5EWo2CMLjCC=`HT
z04wIPadvjrWHKRTcz75n4u^wWtyZho>oI^9m{3AdC=`y5k0Tc}rBaC&=5;!q(P)GQ
zQXq+3wOWl(Y(bsN<@WXU84L!{uxn&w1pZht26?Ge3L3=V03d>pI5RUdH8mxZ$&dvg
zP&fn#^LRYO0p8!=4{dND32g|#B*UgvhvSRRj-k>?v9Ym?{pOYUkU$UjUFP)_lZ?mh
zWH+!1)0xS%z*BpyckgWd+T7e&Ut3+(tL7#Ni9{secXhNi*S{<&%72udmKGjz@r<9(
z2{$KoTu&<gk8e~&D8qZAW?GRo7(#loM0fe#?AS`n&CMl;{wQJFHn07&lCvnD_0E5Z
z#>|YI4X+pK#-|xfcVW<>Zcl2VG2ByGyU)y2_PUpT-17K#-|mBbKks@)UX$_N1Mj0L
zZ-4s<okT7K^?XxJUb@4>l!k&U+qc9C<#)^HDPQC0a(=Ke?iJga%{kDXVX(h+FU6JJ
z>7}V+hrf5YF?&;5^Z0XqVqmaaWfqZ@X=W`RX{{SIO-YIN<U8i!v)Y|%gJtFTIR&FV
zv&B8vShmro|G6-7A>?FO;8jyEy~$<AmwKF0rJyv01z0?<PW11x5y<VIsRAh6XkX{z
zgzjT4sRik;du*+fyEPsD>eB@0lgz4kfSXmx+9p>WWNqv?R_tBTCMDG+`ozC!b7f~T
WYnyXw`6Uee6;f0rHR4Oy?V|tm4%QL?

literal 0
HcmV?d00001

diff --git a/src/static/images/svip/vip_icon01.png b/src/static/images/svip/vip_icon01.png
new file mode 100644
index 0000000000000000000000000000000000000000..6084731de939b726cc805c54a3ad419c257033db
GIT binary patch
literal 1683
zcmV;E25k9>P)<h;3K|Lk000e1NJLTq001li001Zm1^@s6g%ubV000JBNkl<ZSVzT}
zdB|sV6~;dgNGgenWRgoX&ZMcBOXWJNN>ZYgrA6j4gH2|pji`T&k`6h7Te+4JYE&Ay
zrk0ZAzNL;>DyHTJE=i6X7^z^7Jios8^}hGL_jiBe`-2V)%zMAfd4A`6&Uwx`VvJ(@
zBw%~sbHIOrdx6I!<@;DfW4Q&e{X5`W9rxWQX{T}M8Vg|CuLA28Kr4Y;fi-}=YapMJ
z^y%q>o;G0HzXc8`Kn{}hn+lZexW<oxeag2blFphA=xG7A{VCwt0$_!tFEqi}-Uzr8
zm{Hc&lJxHn3wpYMzYP4bC|@Aywl*NPzXn`g)@De0?*9ci(SKr5zQ3d^IshLC{JN~|
zAnAdz0k%C8_$;suaDPcltroGp8*p<`ex#&xI{+UGoYrUIQFKqZgzdF}(}BZUlwJ=U
zBI&jIn(cLg*UPsnB<<hg!>a>-24(|~O4_<*&oJFL0ZS!4m~#Wbwm$>>eS~M)P|`me
zpzj8D=>l#0=fL;N`q`3x)Hpw??ypF?t^)ixuzB^gz&-gzw&NN}S;v*N+axV$C`_hE
zYTLEB$9D4Z{GJ!6>s|(2U(>xW@Lga-V5Ow>Rp_(|oYqLUeF$(#QM{~4wYJwTphFa|
zNcwnrxlnT$uFGBOK|AH%a>tIqUnX?hz8u&OxJlBUU2b9f55Qi<0u>QVY_}at#-fo~
zlAgBxD6kdK8jv-2`42F&>2B5KlXTmD9@rQ-SJII~0G|&W4!k5OWH3n@fCn#CySp{z
z*}k^0;KP!Vm0HF22f9}QaP<-|NZMpXz;6O^mo8Vk2KXw_2e{g|GCn-2OH?n><&R;!
zFyGtB8j>Ee?XF-g{&^1YLm)1(xuoc5zFbo03&2N#yPHAx9Z8qA96As9LHWK=(ytns
zA~i%vCbC@82?fw%;KK5Kk)$ec2cK*&0xl}+=Sd3qCg7g}OUlP3Ra#3FCK@9@11>G8
zB}xAj;OMe8#k#f^mNV;=TpsJbQE9ckq7?M`bhxBnG=6O5$N3y%9V+Q<+dBg%17Xw1
zlfaxh)4f>oU3FhNhj)OuOd>sUWBK<;0g)e>3=>Hm9AyD8A-3Zt37X{VNc{0(Acayg
z%e-2yehK(IumSMUBvY3-m{hIVKC@=cD8H!idnh{<SC^!GjP;VnrikqT$Q>zyy5w<5
zTV%1k+QnsK3aV2lQFFs0j{!M&zN90nHQOPVZv&gv_NOQc^~V1aI76iX$sK#tHpbGa
zrBfgc#P-?A-ElEVTh=d~QV-kCFN<G>o-4YYI8*ZN;P0;bw-0#Vy6xM6xnWmH3Csy;
z1N=SUf|8!LmGnfPf^n`F7fg(-naWX8m1X{Cq^2_4+twWZ07;h(17v$vVaiU6*IwoM
zP<GFKUk9!%d$yDG*P#|JKJ-+$9XM0cF?|-aoqG9`UG!@EZ|VIch1L4}JgMw>;Au%Q
z#w2O&>1-z-COB@9wEGB34h4RhwAfNFe<Jlq%GAEsD#p42_!4lLq^cY5_Th3U5t>L1
z0c;`Z<(_9;t#lqKpqAG6+79ugfd81J_j>MGA4q+i8OKqQLfs=-cn9FVvU49vdGfxe
z%sgU#voI>f)zy-Y8sUyF0)Hy|c9c}n{csBxD_6zNPb6g+(g(O|`DaT?+mw8ow0Kv#
z5lQ!qa7Q|uQ&a4;RfIX;IhU{<hWQ3?gQOJhy;7{1{Yi}hoRpN(vQ9Rg_t?G)NLzHJ
zq>A$UU7{#Ub_kuO=}b2;3X`R9I#|+R&SpDZc3vpo`(7xsxMZg^2ggb}qwT;j3(o=W
zD2L`rs{TLBLK#OrQ;PEJ`+WdNN|xvYoZc@zU}UbO)F)G97~qcp@#8d<oxiwwqwTO%
z@@^z!sVVf{2E=x1;bet>0h>sAca;E_C%vwWOfQ%8%|0uYGx6VQ0+iv)P^PTztW81F
z=1*yIt9?U<fwsdqVV<zmrlSBZpa-pyq>+b>w*QfC8#qDI@-AI{fWvYbGeuGeRZrdL
zkAvaKsMTB<*i?7#A*q_zjqbz6Qki+B0ZjX|SW@VB>|(p3_H@}BOM2@=S-9cHiS$(g
zTy@L?V>bZQ*RmAqPFHemUxC!?V~qjH*sa^Ra3@JsNzkgR7jUt1I*?{-GfwcC&Zpj(
dGGb^dc^|7_(|)@gF<1Zq002ovPDHLkV1g9~I+y?e

literal 0
HcmV?d00001

diff --git a/src/static/images/svip/vip_icon02.png b/src/static/images/svip/vip_icon02.png
new file mode 100644
index 0000000000000000000000000000000000000000..853189c56e340460f8e370fa548de277cdd28ca1
GIT binary patch
literal 1317
zcmV+=1={+FP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T7000E+Nkl<ZSVzs6
zd8k!Y6o<cGG!PBg97Qw}T1insMKe50%gi!KgUSX<ZGfaQ3)4T!jA)=xu|Y+$ObV@N
zcovq;L=$QA02U1tNi;x3{bD`#dF*$+!#Vd}p#}GkbN1S6eRuDD*09C@T(q(HY~Kt_
z16~B4kDsJBtNPn0fVSrYm(+pzHNn0Bye8@0R=`~aw7ny6KQJme{uB5E*scM{I$%}6
z0<TN@pjNMIfVKxGxTBMkuYk)W_1fMU7!Hg8P6f7V0Q@1aNYZV^cvk>z9|tS}c29<1
zNpNfHf!IC-I374LL2p*0H&@c6c-JwY?J>Zz%)z4xZhfos72~$I2I3C}aIEfuz%Rg1
zN$WZSv^^1+lY!hR>FP3I4OaG8V09WBEoph%fVQUtGc!lmNV>fdob6e_XyAaf;!jFi
zoa?7^9Op1(vZOg}0otAiT$&jlFX`bXaBeU*Q__rL%=QkzPwDv<NjFpiw7m`R1aLw!
z@;A^U>7^!cD}d9}_z%E0z+vh6Ti|d>-(`>ymbL^IN}5m_(DuGSe4V={W1j%0N&37A
z+_ve!hsrWZW7CImA@D$&H%`(c8DPZ5J%C<GCzk@WePjgE4CGnhEJ^Wi8;b2%=?KIj
zBPBhRffU<*y`)>S_wN9Q0&685)DqD4$h576jX9DgHv`L@<$#MNomXcCCrXMl-6ytt
z<JbV}C2ijn(DoD{|1z6?skP84#>G+CEsaIs{xLhl@p_n~l^I|J{Bh}dP(wi5_W>7Y
zPRB@ktjx;gI<_PAz1m>j1W5~P^zQ<$O7Di$1+@J#a7;GwC`oTrh09iDNGiP|A4ghy
zADCYo2h$c$1tMmK^b7#By#??!uv1d_7uY*ePP=eb=h?mhSdiwO-w$XzBK*gh!7n1}
zOZum(lTP$)$0|RaY)tC|w0$-ZNxqPkl7@BSsGYgCcZmQEoRa3xknR0|&oYB?Hu5yq
zj<3pdY#))};=G1Li_jB*kqd81F9+nt%3j)>kV>{VcTswU%##$A619Ml9UgDfPg~RK
z#M&v6?kJ1}U_|YR-XY(o{Q7oV-YQPAeK&ArHf@xoC`S6F_(&obUYFiRYdAvE&lUZZ
zR<}JUowuU7`YZCUq@ora2pCVcmjZp&2C!7pIi)>TP_#W1crYuuz61tK3djv4kAu-^
zMdcA+Q^;&d5!JgUsqlyt8sQ{lwWR1p8cJ;@i9+(3ER#%<G`Aaswl4?n$!sl=bZ#r#
z8{}f!vCXmFA(85aM{nE8P_uE{vw>?fomrCNTBM~kDi-2{DT>Hwz@w~>)K^JtN9i6n
z4db(k7fFgUSW23eTX|!&O43QCEGDIt+vAQVdft%eN5)Dj+R9SqS{1C%MM0S?Eszww
zL`$(9bK>molawQ_M#<mb9JMr(6v~wRp91?Q{Tn64wOT{59e*O=Hcv_`B%M(fs8+8G
zU<B1D(>G0%2XtY%!8*<Sy^^kI7cS<t1PrB`uI~4^^pW&d;n?;jk>G3Y1gA=hueT#9
z1(+c7N_S0M_Cz|gy=U6eC^SQUOP5CvbwpP74AyL6p0ne|;630>;NYb95fE);!<&Yx
z(4|)}+s@_L4QlQ$TE~E^950(eR|ZVmofo<BDsDulONuMsu1Z^g334wWerqHZH&R`N
b3uFHQ@jJ!%jN2Be00000NkvXXu0mjfP|s`#

literal 0
HcmV?d00001

diff --git a/src/static/images/svip/vip_icon03.png b/src/static/images/svip/vip_icon03.png
new file mode 100644
index 0000000000000000000000000000000000000000..356f467b0dfa34e39c0d482f254f16d7c03e925a
GIT binary patch
literal 966
zcmV;%13CPOP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T7000AxNkl<ZSV!%a
zTgX*a5P-k$sUQgHK}e*i-s~cDc?eRBASBa3N{dR<NGb7xkwTFLKd40%fru7VL_`<J
z3c45NB|-`8Do7AfQ4~f*L<GUa#5%Iwp36RG{}2De8TjEpYtNeb)~uOXBU4<Q;(Uw&
z+uqPPg5wCbjX>M|L+4;b>;>kI;P_+piedK+1sD-u0{Qnu#nFer?ZCG+=gWXofG5j(
z>MQ`JtN%6yZ44L@Ujc{Il^x>|u@%^;o?3Sp5i@}wfQ!^T6cO<_unw55e$fQ75nzGa
zr`}aH8WDd3JJq|pIg5xL1!hj=P!9qR05_>G41(+n7!hXx`+)b=4K=tGz*E2s_2(Xd
zrvrZgi`6|9$TdL1PpDh^LG}cUi1UEgfH&05U9Rvba9F*upM!{a7+9*FT|3}H;1%Fi
z^@d(Hx&lVTEZ`+zk9vO>xT`X%z#R3!plgbV05+=$dt4%7Ht;TROg+DwonC-hnezrY
zp6u`HNj$v(Zvl1#%ky+SK=Ke*HiS&wRlql0^e+dp8{DcsSO4BG2iF4k0n609h7%+r
zz6PFE9~zK@nZMh+MJFO|1D*!fs#!EA$)GCE3d?9NS3jxc&z-<Z^|Aqghk!rT%-d@I
z%?I8Bwx|<B6-mv|W94Z}$ZXbCCz<?n)&1QZL_|Jq`E7~%a!02W$7jH!y?SUzw`rq(
z2FNzCLjA7d=xyMry1oZs9`0s!dSy@k|4UwN^;H@<f)&Hr6Z1d``CG0>#I>cEW~v#@
zYIIXKpSm~IERg>tB7Ox9sEhlh#!wL~hNl6q1K;Oxp#D?V6D%8X_RT6_Hs4&kT79qR
zeh&N&T&Ly>Gf)~`apm;q6v&J~7D+}VC!1;Nk{aNPz*%axk<@z!I1^Y@O_M={Lje{?
z7Z=Fq)lCs`0g#hPUh_{yX9n;iaId;OA~J`wiWjO`9F1jYzygrY^18FXO+-W{{Z=){
zsf<>RRNH_{O0&=33)GJqlNH6001L$RK(>yJz-hqz&cqxM*;+DJ4+05&!Zb4s<j8;p
z@{TfHXO(6yURs=gn!T?SNfuO&Wg|%|zyi6c44_AV4+_OKz=gm)>LVkOwY}n6#b&<c
z0Q*;2Keyy$zU8f?bp$)!BVre@y8PbNX+y2(%FEE!#_|0Tk-ZOf>0}w5v<OZXP~FZL
oux(_=5gbRbZ3NoxpYl2QA5vRYIBeViXaE2J07*qoM6N<$f_E9a=>Px#

literal 0
HcmV?d00001

diff --git a/src/static/images/svip/vip_icon04.png b/src/static/images/svip/vip_icon04.png
new file mode 100644
index 0000000000000000000000000000000000000000..53e10a36bb05d6a37a94546808059c87c3c806fb
GIT binary patch
literal 602
zcmV-g0;T<lP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T70006ZNkl<ZSV!%c
z$!b(V6o&ureZ;L>v+x02C=Mu!BZ|QZMR7_{oQN0`97vp_s1Koe0ap_DE`0&Fzg)d7
zP4~Th>fT!&g7jVW@YgwC|EKD7RiO?3u)+B>0qk0#iGyQt(6$o-PXVh5I@$gxX=k9F
z0d5RxDodOb(Dpk?djhyw;Chv&4sdHJE(Y~p4~`EVwEafXz5wnfaJ5b|a*^2n(iYJ6
zOGyU;xLd%LQJS#;+Fp`$IDoqiT#n{&c0k)tB^?VA-vKT~aK-mo0c|fzIvFIs2V6{n
z%L-_FUea`s_&#tU6)qc~?Kw$jgT!;d`6h5#0Bzru6uI&MIM)=eGoYkxlA@LP5IEBY
zt}EcIq-#OqdEj(gxUPUv-UT39G*OIBZDv&PMc`DJJwec=57vc$3`D&!0qw6OH{cWC
zL~`~7VNSqj!0{qy-zH-fm?}T3+hcx}^trBq=K@>;j`j>`2-q7o4J-_rngehdIMN?D
z0Q|Rew!K4A(ZIL-nQt(}(-rUqaA@#XrvjFx-z#Zl9DuKYgH`jqAz;yt9!XjQHsvbu
zYoK<w90B%0Y?idWeE%F6+T^w=@mpa3s1DI$k*pP`KHz&-2UmdT5EQkUnLdbLl72|~
zRt49zQNIU@2^~IBiL1`PbwN{0`~lb<l9ht>2K))^N`*`KC#k$aXzSo7AiA;`ioI?Q
oHgRoS+R61>S7#><{`U_429Y*OIC~2AB>(^b07*qoM6N<$f>Hzs>i_@%

literal 0
HcmV?d00001

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 14b8752..7709afd 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -158,12 +158,13 @@ const actions = {
         custom: {
           silence: true
         }
-      }).then(({ phone, user_info, is_vip, wallet, balance }) => {
+      }).then(({ phone, user_info, is_vip, wallet, balance,vip_expired }) => {
         let user = user_info
         user.phone = phone
         user.is_vip = is_vip
         user.wallet = wallet
         user.balance = balance
+        user.vip_expired=vip_expired
         commit('SET_USERINFO', user)
         dispatch('bindCid')
         dispatch('getAccounts', { info: { ...user, token: state.token }, switchAllaccounts })