{yun:}include file="$wapstyle/member/cheader.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>

<style>
.comheader {
    display: none;
}
</style>
<div id="yunvue" class="none">
    <!-- 页面头部 -->
    <div class="commemberheader">
        <div class="company_right">
            <ul>
                <li v-if="signstate == 1 && spid==0">
                    <img src="{yun:}$wap_style{/yun}/images/sign_in.png" alt="" width="100%" height="100%">
                </li>
                <li v-else-if="signstate == 0 && spid ==0" @click="sign">
                    <img src="{yun:}$wap_style{/yun}/images/wqd.png" alt="" width="100%" height="100%">
                </li>
                <li v-if="spid==0" onclick="navigateTo('index.php?c=set')">
                    <img src="{yun:}$wap_style{/yun}/images/me_set_icon.png" alt="" width="100%" height="100%">
                </li>
                <li v-else onclick="isLogout('{yun:}url m=wap c=loginout{/yun}','确认退出吗？');">
                    <div class="tcdl">退出</div>
                </li>
            </ul>
        </div>
        <!-- 公司名称 -->
        <div class="company">
            <div class="company_left" v-if="spid==0" onclick="navigateTo('index.php?c=photo&t=1')">
                <img :src="info.logo" width="100%" height="100%">
            </div>
            <div class="company_left" v-else>
                <img :src="info.logo" width="100%" height="100%">
            </div>
            <div class="company_center">
                <div class="company_center_top" v-if="info.name">{{info.name}}</div>
                <div class="company_center_top" v-else onclick="navigateTo('index.php?info')">编辑基本信息</div>
                <span onclick="navigateTo('{yun:}url m=wap c=company a=show id=$uid{/yun}')">
                    <div class="company_center_bto">
                        <i class="company_center_bto_name">公司主页</i>
                        <i class="company_center_bto_nav">
                            <img src="{yun:}$wap_style{/yun}/images/my_next_page.png" alt="" width="100%" height="100%">
                        </i>
                    </div>
                </span>
            </div>
        </div>
        <!-- 公司参数 -->
        <div class="particulars_new">
            <ul>
                <li onclick="navigateTo('index.php?c=hr')"><i class="particulars_number">{{msg.sqnum}}</i><i class="particulars_word">应聘简历</i></li>
                <li onclick="navigateTo('index.php?c=invite')"><i class="particulars_number">{{msg.invite_num}}</i><i class="particulars_word">面试邀请</i></li>
                <li><i class="particulars_number">{{msg.expoure}}</i> <i class="particulars_word">曝光量</i></li>
                <li><i class="particulars_number">{{msg.hits}}</i> <i class="particulars_word">浏览量</i></li>
            </ul>
        </div>
        <div class="comvip_nav" v-if="spid==0">
            <div class="comvip_nav_left">
                <div class="comvip_nav_left_free">{{statis.rating_name}}</div>
                <div class="cut_off"></div>
                <div class="comvip_nav_left_upgrade">升级VIP专享特权</div>
            </div>
            <div class="comvip_nav_right" onclick="navigateTo('index.php?c=server')">去升级</div>
        </div>
    </div>
    <div class="right_and_interest_of_member" style="height: auto;" v-if="info.r_status != 1">
        <div class="Member_Center" style=" padding: .42rem">
            <div class="" style="font-weight: 600;font-size: .4rem; color: #181818">温馨提示</div>
            <div class="" style="font-size: .32rem">
                <div v-if="info.r_status == 0">
                    <p class="" style="line-height: 0.6rem;">帐号审核中，发布的职位信息将在审核通过后展示</p>
                    <p class="" style="line-height: 0.6rem;">我们会24小时内进行审核请保持电话畅通，联系客服快速审核({{webtel}})</p>
                </div>
                <div class="" v-if="info.r_status == 2 || info.r_status == 4">
                    帐号被锁定，联系客服快速解锁({{webtel}})
                </div>
                <div class="" v-else-if="info.r_status == 3">未通过审核，请重新完善资料，联系客服快速审核({{webtel}})
                </div>
            </div>
        </div>
    </div>
    <!-- 会员权益区域 -->
    <div class="right_and_interest_of_member">
        <div class="about_job">
            <div class="about_job_word_left" @click="jobAdd">
                <div class="about_job_word_left_issue">
                    <i class="about_job_word_left_issue_i">发布职位</i>
                    <i class="about_job_word_left_issue_i_1">{{jobnums}}个在招职位</i>
                </div>
                <div class="about_job_word_left_img">
                    <img src="{yun:}$wap_style{/yun}/images/yun_cy_icon1.png" alt="" width="100%" height="100%">
                </div>
            </div>
            <div class="about_job_word" @click="jobRefreshAsk">
                <div class="about_job_word_left_issue">
                    <i class="about_job_word_left_issue_i">刷新职位</i>
                    <i class="about_job_word_left_issue_i_1">人才主动来寻</i>
                </div>
                <div class="about_job_word_left_img">
                    <img src="{yun:}$wap_style{/yun}/images/yun_cy_icon2.png" alt="" width="100%" height="100%">
                </div>
            </div>
        </div>
        <div class="Member_Center">
            <ul>
                <li onclick="navigateTo('index.php?c=job')">
                    <div class="Member_Center_img">
                        <img src="{yun:}$wap_style{/yun}/images/yun_cy_icon6.png" alt="" width="100%" height="100%">
                    </div>
                    <i class="Member_Center_word">职位管理</i>
                </li>
                <li onclick="navigateTo('index.php?c=resumecolumn')">
                    <div class="Member_Center_img">
                        <img src="{yun:}$wap_style{/yun}/images/yun_cy_icon5.png" alt="" width="100%" height="100%">
                    </div>
                    <i class="Member_Center_word">简历管理</i>
                </li>
                <li onclick="navigateTo('index.php?c=finance')">
                    <span v-if="nofkorder>0" onclick="navigateTo('index.php?c=paylog')" class="cy_box_tip">{{nofkorder}}个订单未付款</span>
                    <div class="Member_Center_img">
                        <img src="{yun:}$wap_style{/yun}/images/yun_cy_icon3.png" alt="" width="100%" height="100%">
                    </div>
                    <i class="Member_Center_word">财务管理</i>
                </li>
                <li onclick="navigateTo('index.php?c=server')">
                    <div class="Member_Center_img">
                        <img src="{yun:}$wap_style{/yun}/images/yun_cy_icon4.png" alt="" width="100%" height="100%">
                    </div>
                    <i class="Member_Center_word">会员服务</i>
                    <span v-if="msg.couponNum>0" onclick="navigateTo('index.php?c=coupon_list')" class="cy_box_tip">{{msg.couponNum}}张优惠券待使用</span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 广告位开始 -->
    <div class="wap_advertisement" style="display: none;">
        <div class="swiper-container" id="imgswiper" style="transform:translate3d(0,0,0);overflow:hidden;">
            <div class="swiper-wrapper" >
                {yun:}adlist classid=501 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 class="taskbar">
        <div class="taskbar_box">
            <div class="taskbar_enterprise" onclick="navigateTo('index.php?c=info');" v-if="spid==0">
                <div class="taskbar_datum">
                    <div class="taskbar_datum_img">
                        <img src="{yun:}$wap_style{/yun}/images/enterprise_data.png" alt="" width="100%" height="100%">
                    </div>
                    <div class="taskbar_datum_word">企业资料</div>
                </div>
                <div class="taskbar_nav">
                    <div class="taskbar_nav_word">完善企业基本资料</div>
                    <div class="taskbar_nav_img">
                        <img src="{yun:}$wap_style{/yun}/images/my_more.png" alt="" width="100%" height="100%">
                    </div>
                </div>
            </div>
            {yun:}if $config.sy_spview_web == 1{/yun}
            <span onclick="navigateTo('index.php?c=spview');">
                <div class="taskbar_enterprise">
                    <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>
            </span>
            {yun:}/if{/yun}
           
            {yun:}if spid==0{/yun}
            <span @click="gwbox = true">
                <div class="taskbar_enterprise">
                    <div class="taskbar_datum">
                        <div class="taskbar_datum_img">
                            <img src="{yun:}$wap_style{/yun}/images/customer_service.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>
            {yun:}/if{/yun}
            <span onclick="navigateTo('index.php?c=jobcolumn')">
                <div class="taskbar_enterprise">
                    <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">兼职，招聘会，专题 等</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>
			 <span onclick="navigateTo('{yun:}url m=wap c=free{/yun}')">
                <div class="taskbar_enterprise">
                    <div class="taskbar_datum">
                        <div class="taskbar_datum_img">
                            <img src="{yun:}$wap_style{/yun}/images/mission.png" alt="" width="100%" height="100%">
                        </div>
                        <div class="taskbar_datum_word">任务大厅</div>
                    </div>
                    <div class="taskbar_nav">
                        <div class="taskbar_nav_word">接单赚钱</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>
            {yun:}if $config.sy_help_open =='1' && spid==0{/yun}
            <span onclick="navigateTo('index.php?c=friendhelp');">
                <div class="taskbar_enterprise_last">
                    <div class="taskbar_datum">
                        <div class="taskbar_datum_img">
                            <img src="{yun:}$wap_style{/yun}/images/Friends_Help.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>
            {yun:}/if{/yun}
        </div>
        <div class="clear"></div>
        <div class="zphb_show" v-show="isHb && hbNum > 0">
            <a href="{yun:}url m=wap c=company a=whb id=$uid{/yun}">
                <div class="zphb_show_c">
                    <div class="zphb_show_tit">微海报</div>
                    <div class="zphb_show_sp">一键生成招聘海报，分享到朋友圈</div>
                </div>
            </a>
        </div>
    </div>
    <!-- 提醒用户刷新职位遮罩层 -->
    <div class="refresh_mask" id="jobTip">
        <div class="refresh_mask_box">
            <div class="refresh_mask_box_img">
                <img src="{yun:}$wap_style{/yun}/images/refresh_title.png" alt="" width="100%">
            </div>
            <div class="refresh_mask_box_icon" @click="closeJobTip">
                <div class="refresh_mask_box_del">
                    <img src="{yun:}$wap_style{/yun}/images/refresh_del.png" alt="" width="100%">
                </div>
            </div>
            <div class="refresh_mask_box_word"><i>尊敬的企业用户</i> <i>刷新职位可获得跟多曝光机会</i></div>
            <div class="refresh_mask_box_btn_q">
                <div class="refresh_mask_box_btn" @click="jobRefreshAsk">立即刷新</div>
            </div>
        </div>
    </div>
    <!-- 添加客服微信弹框 memberwap.css -->
    <van-popup v-model="gwbox" round>
        <div class="service_mask_box">
            <div class="service_mask_del" @click="gwbox = false">
                <img src="{yun:}$wap_style{/yun}/images/refresh_del.png" alt="" width="100%" height="100%">
            </div>
            <div class="service_mask_title">{{guweninfo.ewm_n ? '添加下方客服微信' : ''}}</div>
            <div class="service_mask_QRcode">
                <img :src="guweninfo.ewm_n ? guweninfo.ewm_n : guweninfo.photo_n" alt="" width="100%" height="100%">
            </div>
            <div class="service_mask_information" @click="call" v-if="guweninfo.freewebtel">
                <div class="service_mask_information_icon">
                    <img src="{yun:}$wap_style{/yun}/images/icon_iphone.png" alt="" width="100%" height="100%">
                </div>
                <div class="service_mask_information_text">客服电话</div>
            </div>
            <a class="service_mask_information" v-if="guweninfo.qq" target="_blank" :href="'http://wpa.qq.com/msgrd?v=3&uin='+guweninfo.qq+'&site=qq&menu=yes'">
                <div class="service_mask_information_icon">
                    <img src="{yun:}$wap_style{/yun}/images/service_qq.png" alt="" width="100%" height="100%">
                </div>
                <div class="service_mask_information_text">客服QQ</div>
            </a>
        </div>
    </van-popup>
</div>
<script src="{yun:}$wap_style{/yun}/js/jsMath.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/com.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script>

var spid = '{yun:}$spid{/yun}';
var yunvue = new Vue({
    el: '#yunvue',
    data: {
        info: {},
        msg: {},
        statis: {},
        spid: spid == '' ? spid : 0,
        jobnums: 0,
        nofkorder: 0,
        signstate: 0,
        webtel: '',
        gwbox: false,
        guweninfo: {},
        isHb: false,
        hbNum: 0
    },
    created() {
        this.getInfo();
        if ($("#imgswiper").has('a').length > 0) { 
            $(".wap_advertisement").css('display', 'block');
        }
    },
    mounted() {
		if ($("#imgswiper").has('a').length > 0) { 
            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=com m=index c=getIndex{/yun}', { rand: Math.random() }, function(res) {
                hideLoading();
                var res = res.data;
                self.info = res.info;
                self.signstate = res.signstate;
                self.isHb = res.ishb;
                self.hbNum = parseInt(res.hbNum);
                self.msg = res.msg;
                self.statis = res.statis;
                self.jobnums = res.jobnums;
                self.webtel = res.webtel;
                self.guweninfo = res.guweninfo;
                if (parseInt(res.noRefreshNum) > 0) {
                    self.storageFunc();
                }
                $("#yunvue").css('display', 'block');
            }, 'json');
        },
        storageFunc: function() {
            var storage = localStorageGet('jobRefresh');
            if (!storage) {
                $('#jobTip').css('display', 'block');
                localStorageSet('jobRefresh', 1);
            } else {
                $('#jobTip').css('display', 'none');
            }
        },
        sign: function() {
            showLoading();
            var self = this;
            $.post('{yun:}url d=wxapp h=com m=index c=sign{/yun}', { rand: Math.random() }, function(res) {
                hideLoading();
                if (res.error == 1) {
                    showModal(res.msg, function() {
                        self.signstate = 1;
                    });
                    self.getInfo();
                } else {
                    showModal(res.msg);
                }
            }, 'json');
        },
        jobAdd: function() {
            var self = this;
            var url = "{yun:}url d=wxapp h=com m=index c=addCheck{/yun}";
            comjobAdd(url, { job: 'job' }, function(res) {
                if (res.msg) {
                    // 套餐不足
                    modalVue.$data.mb_content = res.msg;
                    modalVue.$data.cancelText = '不用了';
                    modalVue.$data.confirmText = '去购买';
                    modalVue.$data.yunModal = true;
                    modalType = 'job';
                } else {
                    // 强制操作
                    certVue.$data.checked = res;
                    certVue.$data.yunCert = true;
                }
            });
        },
        closeJobTip: function() {
            $('#jobTip').css('display', 'none');
        },
        jobRefreshAsk: function() {
            this.closeJobTip();
            if (this.jobnums > 0) {
                this.jobTip = false;
                if (parseInt(this.statis.breakjob_num) >= parseInt(this.jobnums)) {
                    modalVue.$data.mb_content = '本次刷新' + this.jobnums + '个在招职位，将扣除' + this.jobnums + '份套餐刷新量，是否继续？';
                    modalVue.$data.cancelText = '取消';
                    modalVue.$data.confirmText = '确定';
                    modalVue.$data.yunModal = true;
                    modalType = 'askRefresh';
                } else {
                    this.jobrefresh();
                }
            } else {
                showToast('您暂无可刷新职位');
            }
        },
        jobrefresh: function() {
            var self = this;
            var url = "{yun:}url d=wxapp h=com m=job c=refresh{/yun}";
            comjobRefresh(url, { jobid: '' , provider: 'wap'}, function(res) {
                modalVue.$data.mb_content = res.msg;
                modalVue.$data.cancelText = '不用了';
                modalVue.$data.confirmText = '去购买';
                modalVue.$data.yunModal = true;
                modalType = 'refreshAll';
            });
        },
        call: function() {
            window.location.href = 'tel:' + this.guweninfo.freewebtel
        }
    }
});
</script>
<!-- 余额不足提示 -->
{yun:}include file="$wapstyle/publichtm/yun_modal.htm"{/yun}
<!-- 强制操作提醒弹出框 -->
{yun:}include file="$wapstyle/publichtm/yun_cert.htm"{/yun}
{yun:}include file="$wapstyle/footer.htm"{/yun}