{extend name="public/base"/}
{block name="css"}
<style>
    .my-header {background:white;}
    .my-header .my-box {padding:20px 15px;}
    .my-header .my-box .my-inner {box-shadow: 3px 3px 4px rgba(26, 26, 26, 0.2);--ShadowSize: 0 1rpx 6rpx;background-color: #ffffff;color: #666666;padding: 25px 15px;display: flex;justify-content: flex-start; align-items: center;border-radius: 3px;}
    .my-header .my-box .my-inner img {width: 48px;height: 48px;margin-left: 15px;border-radius:50%;}
    .my-header .my-box .my-inner .my-right {font-size: 16px;padding:5px 15px 0 15px;}
    .my-header .my-box .my-inner .my-right .my-mobile {font-size:13px;color:#aaa;}
    .van-grid-item__icon .van-icon__image {width:45px;height:45px;}
    .van-grid-item__text {font-size:14px;}
</style>
{/block}
{block name="body"}
<van-nav-bar
        class="bg-blue"
        fixed="true"
>
    <template #title>
        <span class="text-white">我的</span>
    </template>
</van-nav-bar>
<div style="width:100%;height:46px;"></div>

<div class="my-header">
    <div class="my-box">
        <div class="my-inner">
            <img :src="user.avatar ? user.avatar : '__MIMG__/default_avatar.jpg'" alt="">
            <div class="my-right">
                <div class="my-name">{{user.nickname}}</div>
                <div class="my-mobile">{{user.mobile}}</div>
            </div>
        </div>
    </div>
    <van-grid :border="false">
        <van-grid-item icon="__MIMG__/my/myicon01.png" text="基本信息" url="{:url('/my/info')}"></van-grid-item>
        <van-grid-item icon="__MIMG__/my/myicon02.png" text="实名认证" url="{:url('/my/auth')}"></van-grid-item>
        <van-grid-item icon="__MIMG__/my/myicon03.png" text="我的报名" url="{:url('/my/apply')}"></van-grid-item>
        <van-grid-item icon="__MIMG__/my/myicon04.png" text="我要招聘" url="{:url('/login/setType')}?type=2"></van-grid-item>
    </van-grid>
    <p style="padding:5px 12px;font-size:14px;color:#0081ff;" v-if="user.is_auth == 2">实名认证后，企业才能看到您</p>
</div>

<van-cell-group style="margin-top:20px;">
    <van-cell title="收到的邀请" is-link url="{:url('/my/invite')}" size="large">
        <template #icon>
            <img src="__MIMG__/my/icon_cond.svg" class="van-cell__left-icon" style="height:24px;"/>
        </template>
    </van-cell>
    <van-cell title="我的收藏" is-link url="{:url('/my/like')}" size="large">
        <template #icon>
            <img src="__MIMG__/my/icon_like.png" class="van-cell__left-icon" style="height:24px;"/>
        </template>
    </van-cell>
    <van-cell title="培训意愿" is-link url="{:url('/my/train')}" size="large">
        <template #icon>
            <img src="__MIMG__/my/icon_intro.svg" class="van-cell__left-icon" style="height:24px;"/>
        </template>
    </van-cell>
    <van-cell title="意见反馈" is-link url="{:url('/my/feedback')}" size="large">
        <template #icon>
            <img src="__MIMG__/my/icon_feedback.png" class="van-cell__left-icon" style="height:24px;"/>
        </template>
    </van-cell>
    <van-cell title="关于我们" is-link url="{:url('/my/about')}" size="large">
        <template #icon>
            <img src="__MIMG__/my/icon_about.png" class="van-cell__left-icon" style="height:24px;"/>
        </template>
    </van-cell>
</van-cell-group>

<div style="width:100%;height:50px;"></div>
<van-tabbar v-model="active" active-color="#0081ff" @change="onTabChange">
    <van-tabbar-item icon="wap-home-o">首页</van-tabbar-item>
    <van-tabbar-item icon="description">招聘</van-tabbar-item>
    <van-tabbar-item icon="user-circle-o">我的</van-tabbar-item>
</van-tabbar>
{/block}
{block name="script"}
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                active: 2,
                worker: {$worker},
                user: {$user},
            };
        },
        methods: {
            onTabChange(index) {
                const url = ["{:url('/')}","{:url('/jobs/index')}","{:url('/my/index')}"];
                location.href = url[index];
            },
        },
    });
</script>
{/block}