{yun:}include file="$wapstyle/member/cheader.htm"{/yun}
<div id="yunvue" class="none">
 <div class="wap_member_box">
    <div class="interview_card" v-for="(item, spviewkey) in spviewlist" :key="spviewkey">
        <div class="interview_card_top">
			<span @click="pageTo('index.php?c=sproom&id='+item.id)" class="interview_card_top_box">
				<div class="top_box_icon">
				    <img src="{yun:}$wap_style{/yun}/images/video_icon.png" alt="" width="100%" height="100%">
				</div>
				<div class="top_box_text">进入面试间</div>
			</span>
            <div class="interview_card_top_state" @click="showReason(spviewkey)">{{item.status_n}}</div>
        </div>
        <div class="interview_card_cen">
			<span @click="pageTo('index.php?c=spresume&sid='+item.id)" class="interview_card_cen_box">
				<div class="card_cen_box_number">{{item.subnum}}</div>
				<div class="card_cen_box_order">预约简历</div>
			</span>
            <div class="interview_card_cen_require">
                <div class="cen_require_timebox">
                    <div class="require_timebox_q">面试时间</div>
                    <div class="require_timebox_a">{{item.sdate_n}}</div>
                </div>
                <div class="cen_require_timebox">
                    <div class="require_timebox_q">备注信息</div>
                    <div class="require_timebox_a">{{item.remark}}</div>
                </div>
            </div>
        </div>
        <div class="interview_card_bom">
        
	    <div class="card_bom_icon"><a href="javascript:void(0)" @click="upSpview(item.id,item.starttime)">   <img src="{yun:}$wap_style{/yun}/images/Apply_compile.png" alt="" width="100%" height="100%"></a>   </div>
	
	  <div class="card_bom_icon"><a href="javascript:void(0)" @click="del(item.id,spviewkey)">   <img src="{yun:}$wap_style{/yun}/images/resume_del.png" alt="" width="100%" height="100%" /></a>   </div>
                        
          
        </div>
    </div>	
     <div v-if="count ==2">
    <van-pagination v-model="page" :total-items="total" :items-per-page="limit" force-ellipses @change="pageChange" /> 
    </div>
    <div class="wap_member_no" v-show="count==0">
        远程视频面试更轻松<div><a class="wap_member_no_submit" href="javascript:void(0)" onclick="addSpview()">创建面试间</a></div>
    </div>

    
</div>
</div>

<script>  
  var currentPage = parseInt('{yun:}$smarty.get.page{/yun}');   
  var wapurl = "{yun:}url m=wap{/yun}";
  var  yunvue=  new Vue({
        el: '#yunvue',
        data: {
            spviewlist: [],
            limit:10,       
            total:0,
            page: currentPage ? currentPage : 1,
            iosfk: 1,
            mb_content: ''
        },
        computed: {
          count(){
            if(this.total > this.limit){
              return 2;
            }else if(this.spviewlist.length==0){
              return 0;
            }else{
                return 1;
            }
          }
        },
        created() {   
         this.getlist();
        },
        methods:{
          getlist:function(){
            showLoading();
            var that = this;
            var paramer = {};
                paramer['page'] = that.page;
                paramer['limit'] = that.limit;     
            $.post('{yun:}url d=wxapp h=com m=spview c=spviewList{/yun}',paramer,function(data){
                hideLoading();
                if (data.error == 0) {
                    let res = data.data;
                    that.spviewlist = res.list;
                    that.iosfk = res.iosfk;
                } 
                that.total = data.total;
                that.page = currentPage ? currentPage : 1;
               $("#yunvue").css('display', 'block');
            },'json');
          },          
          upSpview:function(id,sstime){
            let stime = sstime * 1000;
            let  time = new Date().getTime();
            if (stime > time) {
                window.location.href="index.php?c=spviewadd&id="+id;
            } else {
                showToast('视频面试已开始，无法修改！');
            }
          },
          showReason:function(key){
            if(this.spviewlist[key].status == 2){                   
                showModal(this.spviewlist[key].statusbody)
            }
          },    
          del:function(id,key){
              let that = this
              let param = {
                id: id
              };
             
             showConfirm('确定删除？', () => {
                showLoading('删除中...')
                $.post('{yun:}url d=wxapp h=com m=spview c=delSpview{/yun}', param, function(data){
                  hideLoading();
                  if (data.error == 1) {
                    showToast(data.msg,2, function() {
                        location.reload();   
                    });
                  } else {
                    showToast(data.msg);
                  }
                });
             });   
             
          },
           pageChange:function(e){
          
            location.href = 'index.php?c=spview&page='+e;
          },
          pageTo:function(url){
              window.location.href = url;
          }
        } 
      });
function addSpview(){
    showLoading()
    $.post('{yun:}url d=wxapp h=com m=index c=spviewCheck{/yun}', {rand: Math.random()}, function(data){
        hideLoading();
        if(data){
            if (data.error === 0){
                let res = data.data;
                if(res.num == 1){
                    window.location.href="index.php?c=spviewadd"
                }else{
                    if(res.spid){
                        showToast('当前账户套餐余量不足，请联系主账户增配！');
                    }else{
                    	modalVue.$data.mb_content = '套餐已用完，立即升级VIP?';
                    	modalVue.$data.cancelText = '不用了';
                    	modalVue.$data.confirmText = '去购买';
                    	modalVue.$data.yunModal = true;
                    	modalType = 'spview';
                    }
                }
            }else{
                showToast(data.msg);
            }
        }
    },'json');
}
</script>
<!-- 余额不足提示 -->
{yun:}include file="$wapstyle/publichtm/yun_modal.htm"{/yun}
</body>
</html>