{yun:}include file="$wapstyle/member/header.htm"{/yun}
<script src="{yun:}$wap_style{/yun}/js/compress.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/exif.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>

<div  id="yunvue" class="wap_member_box none">
	<form id="idcard_form"> 
	<div class="com_cardlist">
   <span v-if="status==0 &&  photo==''" class="sfyz_icon">未认证</span>
   <span v-else-if="status==0 &&  photo!=''"  class="sfyz_icon">审核中</span>
   <span v-else-if="status==1"  class="sfyz_icon">已认证</span>
   <div v-else-if="status==2" class="">
       <span  class="sfyz_icon">未通过</span><block v-if="statusbody!='' &&  status ==2">原因:{{statusbody}}</block>，请重新上传，如需有疑问，可拨打客服服务热线
   </div>
		   <div class="">
        <div class="">身份证号</div>
        <div class="sfyz_box">
            <input type="idcard" name="idcard" :value="idcard" placeholder="请输入身份证号码" />
        </div>      
       <div class="idcard_box">
		   
		     <img :src="photo?photo:'{yun:}$wap_style{/yun}/images/add_newrenewal.png'" mode="aspectFit" id="previewimg" class="idcard_boximg"/>
			 <div class="">
               
                <input type="file" id="pic" name="pic" onchange="previewImage(this,'preview')" accept="image/*" class="idcard_boxfile">
                <input type='hidden' name='preview' value='' id='preview'>
            </div>
	   </div>
      
            <div class="sfyz_tip">上传本人的身份证人像页照片文字清晰，四角齐全,格式为 {{pic_type}} 不得超过{{maxsize}}M</div>
                <div class="sfyz_tip">  身份证照片仅用于实名认证</div>
     
       
  

    </div>
		
	</div> <div class="new_m_bth" @click="saveIdcard">提交</div>

        </form>
</div>
<script>  
    var yunvue = new Vue({
        el: '#yunvue',
        data: {
            photo: '',
            statusbody: '',
            uploaded: 1,
            maxsize: 0,
            status: 4,
            idcard: '',
            pic: '',
            pic_type: ''
        },
        created() {   
            this.getIdcard();
        },
        methods:{          
            getIdcard:function(){
                showLoading();
                var that = this;
                $.post('{yun:}url d=wxapp h=user m=set c=getidcard{/yun}',{rand:Math.random()},function(data){
                    hideLoading();      
                    if (data.error == 1) {
                        
                        that.photo = data.data.url;
                        that.statusbody = data.data.statusbody;
                        that.status = data.data.status ? data.data.status : '';
                        that.idcard = data.data.idcard ? data.data.idcard : '';
                        that.maxsize = data.data.file_maxsize ? data.data.file_maxsize : 0;
                        that.pic_type = data.data.pic_type ? data.data.pic_type : '';
                    } else {
                        that.photo = '/static/image/idcard.png';
                    }
                    $("#yunvue").css('display', 'block');
                },'json');            
            },         
            saveIdcard:function(){
                var that = this;
                var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                var v = getFormValue('idcard_form');
                if (v.preview == '') {
                    return showToast('上传新身份证后才能修改');
                } else if (v.idcard == '') {
                    return showToast('请填写身份证号码');
                } else if (reg.test(v.idcard) === false) {
                    return showToast('身份证号格式错误');
                } else {
                    var formData = {
                        idcard: v.idcard,
                        preview: v.preview
                    };
                   
                    
                    showLoading('提交中...');
                    $.post('{yun:}url d=wxapp h=user m=set c=saveidcard{/yun}',formData,function(data){
                        hideLoading();      
                        if (data.error == 1) {
                            showToast(data.msg,2, function() {
                                that.getIdcard();
                            });
                        } else {
                            showToast(data.msg);
                        }
                    });
                   
                }
            },
            pageTo:function(url){
                window.location.href = url;
            }
        } 
      });
        
</script>
</body>
</html>