@extends('module.layouts.person')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_job.css') }}" rel="stylesheet">
    <link href="{{theme_asset('app/css/element.css')}}" rel="stylesheet" type="text/css"/>
    <style>
        table,table tr th, table tr td { border:1px solid #ccc; padding: 0 7px}
        table { width: 100%; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse; padding:2px;}
        .el-form-item{
            margin-bottom: 0;
        }
        .require{
            color: #f56c6c;
        }
        .avatar-uploader{
            padding: 15px;
        }
        .avatar-uploader .el-upload {
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
        }
        .avatar-uploader .el-upload:hover {
            border-color: #409EFF;
        }
        .avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 178px;
            height: 178px;
            line-height: 178px;
            text-align: center;
        }
        .avatar {
            width: 178px;
            height: 178px;
            display: block;
        }
        .ticket{
            border:3px solid #000;
            padding:10px;
        }
        .ticket h2{
            text-align:center;
            font:normal 20px/40px "microsoft yahei";
        }
        .ticket h3{
            text-align:center;
            font:normal 24px/30px "microsoft yahei";
        }
        .ex_rule{
            margin-top: 20px;
        }
        .ex_rule h4{
            font-size: 20px;
            line-height:50px;
        }
        .ex_rule p{
            text-indent: 30px;
            line-height: 25px;
        }
        .ticket .item{
            line-height: 30px;
        }
        @page {
            size: auto A4 landscape;
            margin: 3mm; /* this affects the margin in the printer settings */
        }
    </style>
@endpush

@section('content')
    <div class="user_main">
        @include('module.section.person_left')
        <div class="mainbox">
            <!--职位切换卡 -->
            <div class="tab">
                <a class="li select">我的应招</a>
                <a class="li J_hoverbut" href="{{ url('person/recruitInfo') }}">更新信息</a>
                <div class="clear"></div>
            </div>
            <!--切换卡结束 -->
            <div class="userprofile J_focus" id="vue">
                <div style="width: 100%">
                    <div class="interview_list_th">
                        <div class="th1" style="width:300px;">招考场次</div>
                        <div class="th2" style="width:200px;">申请岗位</div>
                        <div class="th2" style="width:100px;">
                            状态
                        </div>
                        <div class="clear"></div>
                    </div>
                    @if($total)
                        @foreach($list as $key=>$val)
                            <div class="interview_list J_hoverbut">
                                <div class="td1" style="width:300px;">&nbsp;<span>{{ $val->recruit_name }}</span></div>
                                <div class="th2" style="width:200px;">{{ $val->code }}{{ $val->name }}</div>
                                <div class="td2" style="width:100px;">&nbsp; @if($val->audit == 3) 已通过 @else 未通过 @endif</div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    @else
                        <div class="res_empty link_blue">
                            目前没有报考记录！
                        </div>
                    @endif
                </div>
            </div>

        </div>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script src="{{theme_asset('app/js/vue.min.js')}}"></script>
    <script src="{{theme_asset('app/js/element.js')}}"></script>
    <script>
        new Vue({
            el: '#vue',
            data: function() {
                return {
                    error: 0,
                    info: 0,
                    success: 1,
                    error_msg: 'sfsdf',
                    user:[],
                    rules: '',
                    init: 0,
                    upload: '',
                    post_data:[],
                }
            },
            methods: {
                beforeImageUpload(file) {
                    const isJPG = (file.type === 'image/jpeg' || file.type === 'image/png');
                    const isLt2M = file.size / 1024 / 1024 < 2;

                    if (!isJPG) {
                        this.$message.error('上传图片只能是 JPG、PNG 格式!');
                    }
                    if (!isLt2M) {
                        this.$message.error('上传图片大小不能超过 2MB!');
                    }
                    return isJPG && isLt2M;
                },
                handleFrontCardSuccess(res, file){

                },
                handleBackCardSuccess(res, file){

                }
            }
        })
    </script>
@endsection