{yun:}include file="$wapstyle/member/header.htm"{/yun}
<link href="{yun:}$wap_style{/yun}/js/swiper/swiper-bundle.min.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet"/>
<script src="{yun:}$wap_style{/yun}/js/swiper/swiper-bundle.min.js?v={yun:}$config.cachecode{/yun}"></script>

<div id="yunvue" class="none">
    <!-- 页面头部 -->
    <div class="userheader">
        <div class="userheader_nav">
            <div class="userheader_nav_calendar">
                <img v-if="info.signstate==1" src="{yun:}$wap_style{/yun}/images/sign_in.png" onclick="signok();" alt="" width="100%" height="100%">
                <img v-else src="{yun:}$wap_style{/yun}/images/wqd.png" onclick="sign();" alt="" width="100%" height="100%">
            </div>
            <div class="userheader_nav_set" onclick="navigateTo('index.php?c=set')">
                <img src="{yun:}$wap_style{/yun}/images/me_set_icon.png" alt="" width="100%" height="100%">
            </div>
        </div>
        <!-- 头像级名称简历完整度 -->
        <div class="userheader_datum">
            <div class="userheader_datum_logo" onclick="navigateTo('index.php?c=photo')">
                <img :src="info.photo" alt="" width="100%" height="100%">
            </div>
            <div class="userheader_datum_left" onclick="navigateTo('index.php?c=info')">
                <div class="userheader_datum_job_name">
                    <i>{{info.name ? info.name : info.username}}</i>
                    <div class="userheader_datum_job_name_number" v-if="info.rnums != 0">{{info.integrity}}%</div>
                </div>
                <!--提示完善简历-->
                <div class="userheader_datum_job_state">
                    <div class="userheader_datum_job_state_img">
                        <img src="{yun:}$wap_style{/yun}/images/Edit_your_resume.png" alt="" width="100%" height="100%">
                    </div>
                    <div v-if="info.exp_n && info.edu_n && info.age" class="userheader_datum_job_data">
                        {{info.exp_n}}/{{info.edu_n}}/{{info.age}}岁
                    </div>
                    <div v-else class="userheader_datum_job_data"> 编辑基本信息</div>
                </div>
            </div>
            <div class="userheader_datum_right" :onclick="info.rnums != 0 ? 'navigateTo(\'index.php?c=resume\')' : 'navigateTo(\'index.php?c=addresume\')'">
                <div class="userheader_datum_right_word">{{info.rnums != 0 ? '编辑简历':'创建简历'}}</div>
                <div class="userheader_datum_right_nav">
                    <img src="{yun:}$wap_style{/yun}/images/me_next_icon.png" alt="" width="100%" height="100%">
                </div>
            </div>
        </div>
        <!-- 公司参数 -->
        <div class="userparticulars">
            <ul>
                <li onclick="navigateTo('index.php?c=invite')">
                    <i class="userparticulars_number">{{info.yqnum}}</i>
                    <i class="userparticulars_word">面试通知</i>
                </li>
                <li onclick="navigateTo('index.php?c=sq')">
                    <i class="userparticulars_number">{{info.sq_jobnum}}</i>
                    <i class="userparticulars_word">已投简历</i>
                </li>
                <li onclick="navigateTo('index.php?c=collect')">
                    <i class="userparticulars_number">{{info.fav_jobnum}}</i>
                    <i class="userparticulars_word">收藏/关注</i>
                </li>
                <li onclick="navigateTo('index.php?c=look')">
                    <i class="userparticulars_number">{{info.looknum}}</i>
                    <i class="userparticulars_word">浏览</i>
                </li>
            </ul>
        </div>
        <!-- 黑色导航条 -->
        <div class="vip_nav" v-if="info.wstitle&&info.wsts==1">
            <div class="vip_nav_img">
                <img src="{yun:}$wap_style{/yun}/images/inform.png" alt="" width="100%" height="100%">
            </div>
            <i class="vip_nav_word">简历缺少{{info.wstitle}}，获得面试几率较低</i>
            <div class="vip_nav_remind" :onclick="'navigateTo(\''+info.wswapurl+'\')'">去完善</div>
        </div>
        <div class="vip_nav" v-if="info.wstitle&&info.wsts==2">
            <div class="vip_nav_img">
                <img src="{yun:}$wap_style{/yun}/images/inform.png" alt="" width="100%" height="100%">
            </div>
            <i class="vip_nav_word">完善{{info.wstitle}}，更能获得企业的青睐</i>
            <div class="vip_nav_remind" :onclick="'navigateTo(\''+info.wswapurl+'\')'">去完善</div>
        </div>
    </div>
    <!-- 页面主体部分 -->
    <div class="min_body">
        <div class="user_nav_fast" style="height: auto;" v-if="info.expect_state == '3'">
            <div style=" padding: .22rem">
                <div style="font-weight: 600; font-size: .4rem; color: #181818">温馨提示</div>
                <div style="font-size: .32rem; padding: .22rem 0;">
                    <div>简历审核未通过，请重新完善简历，联系客服快速审核</div>
                    <div style="margin-top: 5px;" v-if="info.statusbody">原因：{{info.statusbody}}</div>
                </div>
            </div>
        </div>
        <!-- 四个功能按钮 -->
        <div class="user_nav_fast mt10">
            <ul>
                <li @click="topCheck">
                    <div class=" user_nav_fast_img">
                        <img src="{yun:}$wap_style{/yun}/images/jobhunter_top.png" alt="" width="100%" height="100%">
                    </div>
                    <i class=" user_nav_fast_word" v-if="info.expect_state=='1' && info.expect_top=='1' && info.topdatetime > 0">
                        已置顶
                    </i>
                    <i class=" user_nav_fast_word" v-else>
                        置顶简历
                    </i>
                </li>
                <li @click="refreshResume">
                    <div class=" user_nav_fast_img">
                        <img src="{yun:}$wap_style{/yun}/images/jobhunter_refresh.png" alt="" width="100%" height="100%">
                    </div>
                    <i class=" user_nav_fast_word">刷新简历</i>
                </li>
                <li @click="previewResume">
                    <div class=" user_nav_fast_img">
                        <img src="{yun:}$wap_style{/yun}/images/jobhunter_preview.png" alt="" width="100%" height="100%">
                    </div>
                    <i class=" user_nav_fast_word">预览简历</i>
                </li>
                <li onclick="navigateTo('index.php?c=photo')">
                    <div class=" user_nav_fast_img">
                        <img src="{yun:}$wap_style{/yun}/images/jobhunter_camera.png" alt="" width="100%" height="100%">
                    </div>
                    <i class=" user_nav_fast_word">上传形象照</i>
                </li>
            </ul>
        </div>
        <!-- 广告位开始 -->
        <div class="wap_useradvertisement" style="display: none;">
            <div class="swiper-container" id="imgswiper" style="transform:translate3d(0,0,0);overflow:hidden;">
                <div class="swiper-wrapper" >
                    {yun:}adlist classid=500 item="lunbo" key=key{/yun}
                    <div class="swiper-slide" style="transform:translate3d(0,0,0);">
                        <a href="{yun:}$lunbo.src{/yun}">
                            <img src="{yun:}$lunbo.pic{/yun}"  style="border-radius: 6px;"/>
                        </a>
                    </div>
                    {yun:}/adlist{/yun}
                </div>
            </div>            
        </div>
        <!-- 结束 -->
        <!-- 功能任务区域 -->
        <div id="taskbar_box" class="taskbar_box">
            <div class="taskbar_enterprise" :onclick="info.rnums != 0 ? 'navigateTo(\'index.php?c=resume\')' : 'navigateTo(\'index.php?c=addresume\')'">
                <div class="taskbar_datum">
                    <div class="taskbar_datum_img">
                        <img src="{yun:}$wap_style{/yun}/images/resume_index.png" alt="" width="100%" height="100%">
                    </div>
                    <div class="taskbar_datum_word">我的简历</div>
                </div>
                <div class="taskbar_nav">
                    <div class="taskbar_nav_word" v-if="info.rnums != 0">正在找工作</div>
                    <div class="taskbar_nav_img">
                        <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                    </div>
                </div>
            </div>
            <div class="taskbar_enterprise" onclick="navigateTo('index.php?c=spview')" v-if="config.spview == 1">
                <div class="taskbar_datum">
                    <div class="taskbar_datum_img">
                        <img src="{yun:}$wap_style{/yun}/images/video.png" alt="" width="100%" height="100%">
                    </div>
                    <div class="taskbar_datum_word">视频面试</div>
                </div>
                <div class="taskbar_nav">
                    <div class="taskbar_nav_img">
                        <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                    </div>
                </div>
            </div>
            <div class="taskbar_enterprise" onclick="navigateTo('index.php?c=xjhLive')" v-if="config.xjhlive == 1">
                <div class="taskbar_datum">
                    <div class="taskbar_datum_img">
                        <img src="{yun:}$wap_style{/yun}/images/Live_speech.png" alt="" width="100%" height="100%">
                    </div>
                    <div class="taskbar_datum_word">直播宣讲会</div>
                </div>
                <div class="taskbar_nav">
                    <div class="taskbar_nav_img">
                        <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                    </div>
                </div>
            </div>
			<span onclick="navigateTo('index.php?c=otherservice')">
                <div class="taskbar_enterprise">
                    <div class="taskbar_datum">
                        <div class="taskbar_datum_img">
                            <img src="{yun:}$wap_style{/yun}/images/job_training.png" alt="" width="100%" height="100%">
                        </div>
                        <div class="taskbar_datum_word">其他服务</div>
                    </div>
                    <div class="taskbar_nav">
                        <div class="taskbar_nav_word">{{config.part == 1 ? '兼职 ' : ''}}{{config.ask == 1 ? '问答 ' : ''}}{{config.reward == 1 ? '赏金职位 ' : ''}}等</div>
                        <div class="taskbar_nav_img">
                            <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                        </div>
                    </div>
                </div>
            </span>
            <div class="taskbar_enterprise" onclick="navigateTo('index.php?c=finance')">
                <div class="taskbar_datum">
                    <div class="taskbar_datum_img">
                        <img src="{yun:}$wap_style{/yun}/images/financial_management.png" alt="" width="100%" height="100%">
                    </div>
                    <div class="taskbar_datum_word">财务管理</div>
                </div>
                <div class="taskbar_nav">
                    <div class="taskbar_nav_img">
                        <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                    </div>
                </div>
            </div>
			<div class="taskbar_enterprise" onclick="navigateTo('index.php?c=set')">
                <div class="taskbar_datum">
                    <div class="taskbar_datum_img">
                        <img src="{yun:}$wap_style{/yun}/images/sz.png" alt="" width="100%" height="100%">
                    </div>
                    <div class="taskbar_datum_word">账户设置</div>
                </div>
                <div class="taskbar_nav">
                    <div class="taskbar_nav_img">
                        <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                    </div>
                </div>
            </div>
			<div class="taskbar_enterprise_last" onclick="navigateTo('{yun:}url m=wap c=advice{/yun}')">
                <div class="taskbar_datum">
                    <div class="taskbar_datum_img">
                        <img src="{yun:}$wap_style{/yun}/images/fk.png" alt="" width="100%" height="100%">
                    </div>
                    <div class="taskbar_datum_word">意见反馈</div>
                </div>
                <div class="taskbar_nav">
                    <div class="taskbar_nav_img">
                        <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <van-popup v-model="topResumeShow" :closeable="true" :close-on-click-overlay="false" position="bottom">
        <div class="entrust_box">
            <div class="entrust_box_title">简历置顶</div>
            <div class="entrust_box_now">
                <div class="entrust_box_text">当前简历</div>
                <div class="entrust_box_text">{{info.resume_name}}</div>
            </div>
            <div class="entrust_box_now" v-if="day>0">
                <div class="entrust_box_text">当前简历置顶剩余{{day}}天</div>
            </div>
            <div class="entrust_box_now">
                <div class="entrust_box_text">置顶天数</div>
                <div class="entrust_box_text"><input type="number" maxlength="2" :value="days" @input="dayInput" placeholder="请设置置顶天数" style="text-align: right;" /></div>
            </div>
            <div class="zd_pay_box">
                <div v-if="fktype.fkwx" class="zd_pay_list">
                    <div class="zd_pay_icon">
                        <img src="{yun:}$wap_style{/yun}/images/dredge_wx.png" alt="" width="30" height="30">
                    </div>
                    <div class="zd_pay_name">微信支付</div>
                    <div @click="changefk('fkwx')" class="zd_pay_xz">
                        <div v-if="fk=='fkwx'">
                            <img src="{yun:}$wap_style{/yun}/images/dredge_affirm.png" alt="" width="100%" height="100%">
                        </div>
                        <div v-if="fk!='fkwx'">
                            <img src="{yun:}$wap_style{/yun}/images/dredge_To_confirm.png" alt="" width="100%" height="100%">
                        </div>
                    </div>
                </div>
                <div v-if="fktype.fkal" class="zd_pay_list">
                    <div class="zd_pay_icon"> <img src="{yun:}$wap_style{/yun}/images/dredge_zfb.png" alt="" width="30" height="30"></div>
                    <div class="zd_pay_name">支付宝支付</div>
                    <div @click="changefk('fkal')" class="zd_pay_xz">
                        <div v-if="fk=='fkal'" class=" ">
                            <img src="{yun:}$wap_style{/yun}/images/dredge_affirm.png" alt="" width="100%" height="100%">
                        </div>
                        <div v-if="fk!='fkal'" class=" ">
                            <img src="{yun:}$wap_style{/yun}/images/dredge_To_confirm.png" alt="" width="100%" height="100%">
                        </div>
                    </div>
                </div>
            </div>
            <div class="zd_pay_fk">应付金额: <span class="zd_pay_fk_dw">￥<span class="zd_pay_fk_n">{{order_price}}</span></span>
                <div @click="buyResumeTop" class="zd_pay_bth">立即购买</div>
            </div>
        </div>
    </van-popup>
</div>
<script src="{yun:}$wap_style{/yun}/js/user.js?v={yun:}$config.cachecode{/yun}"></script>
<script> 

new Vue({
    el: '#yunvue',
    data() {
        return {
            info: {},
            config: {},
            day: '',
            days: '',
            fktype: {},
            fk: '',
            topResumeShow: false,
            order_price: 0,
            price: 0,
        }

    },
    created() {
        this.getInfo();
        if ($("#imgswiper").has('a').length > 0) { 
            $(".wap_useradvertisement").css('display', 'block');
        }
    },
    mounted() {
        var mySwiper = new Swiper('.swiper-container', {
            direction: 'horizontal',
            autoplay: {
                disableOnInteraction: false
            },
            loop: true,
        });
    },
    methods: {
        getInfo: function() {
            showLoading();
            var self = this;
            $.post('{yun:}url d=wxapp h=user m=index c=getInfo{/yun}', { rand: Math.random() }, function(res) {
                hideLoading();
                $("#yunvue").css('display', 'block');
                self.info = res.data;
                self.config = res.data.config;
                self.fktype = res.data.fktype;
                self.day = res.data.top_day ? res.data.top_day : 0;
                if (self.fktype.fkwx) {
                    self.changefk('fkwx');
                } else if (self.fktype.fkal) {
                    self.changefk('fkal');
                }
				$()
            }, 'json');
        },
        topCheck: function() {
            var that = this;
            if (!that.info.def_job) {
                showToast('请先创建简历');
            } else {
                if (that.info.expect_state != '1') {
                    showToast('简历还未审核，无法置顶');
                } else {
                    showLoading();
                    var eid = that.info.def_job;
                    $.post("{yun:}url d=wxapp h=user m=resume c=topCheck{/yun}", {
                        eid: eid
                    }, function(data) {
                        hideLoading();
                        if (data.msg) {
                            showToast(data.msg);
                        } else {
                            if (that.fktype.fkwx || that.fktype.fkal) {
                                that.topResumeShow = true;
                            } else {
                                showToast('网站已关闭支付接口，请联系管理员');
                            }
                        }
                    }, 'json');
                }
            }
        },
        refreshResume: function() {
            if (!this.info.def_job) {
                showToast('请先创建简历');
            } else {
                showLoading();
                $.post("{yun:}url d=wxapp h=user m=resume c=refresh_resume{/yun}", {
                    id: this.info.def_job,provider: 'wap'
                }, function(data) {
                    hideLoading();
                    if (data.error == 1) {
                        showToast('刷新成功');
                    } else {
                        showToast(data.msg);
                    }
                });
            }
        },
        previewResume: function() {
            if (!this.info.def_job) {
                showToast('请先创建简历');
            } else {
                window.location.href = wapurl + '?c=resume&a=show&id=' + this.info.def_job;
            }
        },
        buyResumeTop: function() {
            var that = this;
            if (that.days == '') {
                return showToast('请输入置顶天数');
            }
            if (that.fk == '') {
                return showToast('请选择支付方式');
            }
            let formData = {
                id: this.info.def_job,
                rdays: that.days,
                fktype: that.fk,
                type: 'wap',
                server: 'zdresume'
            };
            showLoading('购买中');
            $.post('{yun:}url d=wxapp h=user m=finance c=setServer{/yun}', formData, function(data) {
                hideLoading();
                if (data.msg == 'ok') {
                    let res = data.data;
                    wxpayShow = true;
                    if (res.goto) {
                        window.location.href = res.url;
                    } else {

                        showToast('置顶成功', 2, function() {
                            location.reload();
                        });
                    }

                } else {
                    showToast(data.msg);
                }

            }, 'json');
        },
        //乘
        accMul: function(arg1, arg2) {
            var m = 0,
                s1 = arg1.toString(),
                s2 = arg2.toString();
            try {
                m += s1.split(".")[1].length
            } catch (e) {}
            try {
                m += s2.split(".")[1].length
            } catch (e) {}

            return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
        },
        changefk: function(e) {
            this.fk = e;
        },
        dayInput: function(e) {
            var that = this;
            if (e.target.value != '') {
                that.days = e.target.value;
                that.order_price = that.accMul(parseInt(e.target.value), parseFloat(that.config.top_price));
            } else {
                that.days = '';
                that.order_price = 0;
            }
        },
    }
});
 
</script>
{yun:}include file="$wapstyle/footer.htm"{/yun}