{yun:}include file="$wapstyle/member/cheader.htm"{/yun}

<div style="background-color: #ffff;" id="yunvue" class="none">
<!-- 页面头部 -->
<div class="VIP_header">
  <div class="VIP_header_center">
    <div class="header_center_integral">我的{{integral_pricename}}</div>
    <div class="header_center_number">
      <div class="center_number_data">{{statis.integral}}</div>
      <div class="center_number_operation"> <a onclick="navigateTo('index.php?c=paylog')" href="javascript:void(0)" class="number_operation_detail">明细</a> <a onclick="navigateTo('index.php?c=pay')" href="javascript:void(0);" class="number_operation_recharge">充值</a> </div>
    </div>
  </div>

  <!-- 页面头部卡片视图 -->
  <div class="VIP_card">  <div class="VIP_cardbox">
    <div class="VIP_card_hint">{{statis.rating_name}}</div>
    <div class="VIP_card_deadline">有效期： {{statis.vip_fwtime}}</div>
    <div class="VIP_card_open" v-if="spid==0">
      <div class="open_word">升级VIP专享超值权益</div>
      <a href="javascript:void(0)" onclick="navigateTo('index.php?c=server')" class="open_btn">立即开通</a> </div>
  </div>  </div>
</div>
<!-- 页面整体部分 -->
<div class="VIP_min_body">
  <!-- 我的权益 -->
  <div class="min_body_equity">
    <div class="min_body_header">我的权益</div>
    <div class="equity_body">
      <ul>
        <li onclick="navigateTo('index.php?c=com')">
          <div class="equity_body_icon"><img src="{yun:}$wap_style{/yun}/images/vip_serve.png"></div>
          <i class="equity_body_text">我的服务</i></li>
        <li onclick="navigateTo('index.php?c=paylog')">
          <div class="equity_body_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_order_management.png" alt=""> </div>
          <i class="equity_body_text">订单管理</i> </li>
        <li onclick="navigateTo('index.php?c=coupon_list')">
          <div class="equity_body_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_discount_coupon.png" alt=""> </div>
          <i class="equity_body_text">优惠卡券</i></li>
          {yun:}if $config.sy_com_invoice == 1{/yun}
            <li onclick="navigateTo('index.php?c=invoice')" v-if="sy_com_invoice==1">
          <div class="equity_body_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_ invoice.png" alt=""> </div>
          <i class="equity_body_text">我的发票</i></li>
          {yun:}/if{/yun}
        <li onclick="navigateTo('index.php?c=loglist')" v-if="spid==0&& sy_reward_web == 1">
          <div class="equity_body_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_earnings.png" alt=""> </div>
          <i class="equity_body_text">赏金收益</i></li>
        <li onclick="navigateTo('index.php?c=usecard')" v-if="spid==0">
          <div class="equity_body_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_recharge_card.png" alt=""> </div>
          <i class="equity_body_text">充值卡</i></li>
      </ul>
    </div>
  </div>
  <!-- 任务中心 -->
  <div class="min_body_task" v-if="spid==0">
    <div class="body_task_header">
      <div class="min_body_header">任务中心</div>
      <div class="task_header_nav"> <a onclick="navigateTo('index.php?c=integral&type=1')" href="javascript:void(0);" class="task_header_nav_text">全部任务</a>
        <div class="task_header_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_nav.png" alt=""> </div>
      </div>
    </div>
    <div class="body_task_subject">
      <ul>
        <li>
          <div class="task_subject_box">
            <div class="task_subject_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_sign_in.png" alt=""> </div>
            <div class="task_subject_init">
              <div class="subject_init_top">完成签到</div>
              <div class="subject_init_bom">+{{integral_signin}}{{integral_pricename}}</div>
            </div>
          </div>
          <div class="task_subject_box_btn" v-if="!tasklist.signin" @click="sign">立即签到</div>
          <div class="task_subject_box_btn_accomplish" v-else>已签到</div>
        </li>
        <li>
          <div class="task_subject_box">
            <div class="task_subject_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_register.png" alt=""> </div>
            <div class="task_subject_init">
              <div class="subject_init_top">邀请好友注册</div>
              <div class="subject_init_bom">+{{integral_invite_reg}}{{integral_pricename}}</div>
            </div>
          </div>
          <div class="task_subject_box_btn" @click="getInviteRegHb()">立即邀请</div>
        </li>
        <li>
          <div class="task_subject_box">
            <div class="task_subject_icon"> <img src="{yun:}$wap_style{/yun}/images/vip_datum.png" alt=""> </div>
            <div class="task_subject_init">
              <div class="subject_init_top">完善基本资料</div>
              <div class="subject_init_bom">+{{integral_userinfo}}{{integral_pricename}}</div>
            </div>
          </div>
          <div class="task_subject_box_btn_accomplish" v-if="tasklist.baseInfo">已完善</div>
          <div class="task_subject_box_btn" v-else onclick="navigateTo('index.php?c=info')">立即完善</div>
        </li>
      </ul>
    </div>
  </div>
  </div>
  <!--  邀请注册海报  -->
  <van-popup v-model="inviteRegHbShow" round closeable :style="{height:'90%',width:'90%',background:'none'}">
    <div class="hb_tc">
      <img :src="inviteRegHb" style="max-width: 100%;">
      <div class="hb_tc_bth">
        <div @click="getInviteRegHb()" class="hb_tc_hyz">换一张</div>
        <div class="hb_tc_bchb"> <span class="hb_tc_bchb_c" @click="inviteRegHbTipShow=!inviteRegHbTipShow" v-if="inviteRegHbTipShow"> <i class="hb_tc_bchbicon"></i>长按图片保存 </span></div>
      </div>
    </div>
  </van-popup>
</div>
<script>
  var wapurl = "{yun:}url m=wap{/yun}";
  var invite_reg_hbids = [];
  var yunvue = new Vue({
        el: '#yunvue',
        data: {
          statis: {
            'integral': 0,
            'packfk': 0,
            'freeze_n': 0
          },

          integral_pricename: '',
          tasklist: [],
          integral_userinfo: 0,
          integral_invite_reg: 0,
          integral_signin: 0,
          integral_avatar:0,
          integral_mobliecert:0,
          islook :false,
          sy_com_invoice:0,
          sy_reward_web: 2,
          spid: 0,
          inviteRegHbTipShow: true,
          inviteRegHbShow: false,
          inviteRegHbNext: 0,
          inviteRegHb: '',
        },
        computed: {
          count(){

          }
        },
        created() {
         this.getFinance();
        },
        methods:{
          getFinance:function(){
            showLoading();
            var that = this;
            var paramer = {rand: Math.random()};
            $.post('{yun:}url d=wxapp h=com m=finance c=getStatis{/yun}',paramer,function(data){
                hideLoading();
              if (data.error == 1) {
                var list = data.data;
                that.integral_pricename = list.integral_pricename;
                that.statis = list.statis.integral >= 0 ? list.statis : {
                  'integral': 0,
                  'packfk': 0,
                  'freeze_n': 0
                };
                that.tasklist = list.task;
                that.integral_signin = list.integral_signin;
                that.integral_invite_reg = list.integral_invite_reg;
                that.integral_userinfo = list.integral_userinfo;
                that.integral_avatar = list.integral_avatar;
                that.integral_mobliecert = list.integral_mobliecert;
                that.spid = list.spid;
                that.sy_com_invoice = list.sy_com_invoice;
                that.sy_reward_web = list.sy_reward_web;

              }
               $("#yunvue").removeClass('none');
            },'json');
          },
          sign:function(){
            showLoading('签到中...');
            var that = this;
            var paramer = {rand: Math.random()};
            $.post('{yun:}url d=wxapp h=com m=index c=sign{/yun}',paramer,function(data){
                hideLoading();
                if (data.error == 1) {
                  showToast(data.msg,2, function() {
                    that.getFinance();
                  });
                } else {
                  showToast(data.msg);
                }

            },'json');
          },
          getInviteRegHbList: function() {
            let lr = false;
            $.ajax({
              type: 'post',
              url: wapurl + '?c=ajax&a=getInviteRegHbList',
              async: false,
              dataType: 'json',
              success: function(res){
                if(res && res.list && res.list.length > 0){
                  res.list.forEach(item => {
                    invite_reg_hbids.push(item.id);
                  })

                  lr = true;
                }
              }
            })
            return lr;
          },

          getInviteRegHb: function() {
            let that = this;
            var hbNum = invite_reg_hbids.length;
            var hb = that.inviteRegHbNext;

            if(hbNum == 0){
              var lr = that.getInviteRegHbList();
              if(!lr){
                showToast("功能无法使用，请联系网站客服", 2);
                return false;
              }
              hbNum = invite_reg_hbids.length; // 重新分配海报数量
            }

            showLoading('生成中...');
            const src = wapurl + '?c=ajax&a=getInviteRegHb&hb=' + invite_reg_hbids[hb];
            if (hb < (parseInt(hbNum) - 1)) {
              var next = hb + 1;
            } else {
              var next = 0;
            }

            var hbImg = new Image();
            hbImg.src = src;

            hbImg.onload = function(){
              hideLoading();
              that.inviteRegHbNext = next;
              that.inviteRegHb = hbImg.src;
              that.inviteRegHbShow = true;
            }
          },
          pageTo:function(url){
              window.location.href = url;
          }
        }
      });
</script>
</body>
</html>