jucai/resources/views/admin/recruit/manageajax_userinfo.blade.php

<link rel="stylesheet" href="{{theme_asset('statistics/js/layer/skin/default/layer.css')}}?t=1">
<style>
    .table_form,.table_form tr th, .table_form tr td { border:1px solid #ccc; padding: 0 7px}
    .table_form { width: 100%; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse; padding:2px; max-width: 1200px}
    .avatar {
        width: 178px;
        height: 178px;
        display: block;
    }
    .attchment{
        width: 200px;
        height: 200px;
    }
</style>
<script src="{{ theme_asset('statistics/js/layer/layer.js') }}"></script>
<table cellspacing="0" width="100%" class="table_form">
    <tbody>
    <tr style="height:52px;page-break-inside:avoid" class="firstRow">
        <td valign="center" width="100">
            姓名
        </td>
        <td valign="center" colspan="4" width="200">
            {{$appointinfo->realname}}
        </td>
        <td valign="center" width="80">
            性别
        </td>
        <td valign="center" colspan="2">
            @if($appointinfo->sex == '0')
                女
            @else
                男
            @endif
        </td>
        <td valign="center" width="100">
            出生年月
        </td>
        <td valign="center" colspan="2" width="200">
            {{$appointinfo->birthday}}
        </td>
        <td valign="center" rowspan="3" width="200">
            <img src="{{$appointinfo->avatar}}" class="avatar">
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center" >
            身份证号码
        </td>
        <td valign="center" colspan="4" >
            {{$appointinfo->card}}
        </td>
        <td valign="center">
            民族
        </td>
        <td valign="center" colspan="2" >
            {{$appointinfo->nation}}
        </td>
        <td valign="center" >
            籍贯
        </td>
        <td valign="center" colspan="2">
            {{$appointinfo->native_place}}
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center" >
            政治面貌
        </td>
        <td valign="center" colspan="4" >
            @switch($appointinfo->political_affiliation)
                @case ('01')
                中共党员
                @break
                @case ('02')
                中共预备党员
                @break
                @case ('03')
                共青团员
                @break
                @case ('04')
                民革党员
                @break
                @case ('05')
                民盟盟员
                @break
                @case ('06')
                民建会员
                @break
                @case ('07')
                民进会员
                @break
                @case ('08')
                农工党党员
                @break
                @case ('09')
                致公党党员
                @break
                @case ('10')
                九三学社社员
                @break
                @case ('11')
                台盟盟员
                @break
                @case ('12')
                无党派人士
                @break
                @case ('13')
                群众
                @break
            @endswitch
        </td>
        <td valign="center" >
            入党时间
        </td>
        <td valign="center" colspan="2">
            {{ $appointinfo->join_time }}
        </td>
        <td valign="center" >
            户籍所在地
        </td>
        <td valign="center" colspan="2" >
            {{ $appointinfo->house_register }}
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center">
            学历
        </td>
        <td valign="center" colspan="7" >
            @switch($appointinfo->education)
                @case ('小学')
                小学
                @break
                @case ('初中')
                初中
                @break
                @case ('技校')
                技校
                @break
                @case ('职高')
                职高
                @break
                @case ('高中')
                高中
                @break
                @case ('中专')
                中专
                @break
                @case ('专科')
                专科
                @break
                @case ('本科')
                本科
                @break
                @case ('硕士')
                硕士
                @break
                @case ('博士')
                博士
                @break
            @endswitch
        </td>
        <td valign="center" >
            毕业院校
        </td>
        <td valign="center" colspan="4" >
            {{ $appointinfo->school }}
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center">
            学位
        </td>
        <td valign="center" colspan="7" >
            {{ $appointinfo->degree }}
        </td>
        <td valign="center" >
            所学专业
        </td>
        <td valign="center" colspan="4" >
            {{ $appointinfo->pro }}
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center" >
            联系电话
        </td>
        <td valign="center" colspan="7">
            {{ $appointinfo->mobile }}
        </td>
        <td valign="center" colspan="1" >
            电子邮箱
        </td>
        <td valign="center" colspan="3">
            {{ $appointinfo->email }}
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center">
            通信地址
        </td>
        <td valign="center" colspan="7" >
            {{ $appointinfo->address }}
        </td>
        <td valign="center" >
            报名岗位
        </td>
        <td valign="center" colspan="3" >
            {{ $appointinfo->code }} {{ $appointinfo->name }}
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center">
            现工作单位及职务
        </td>
        <td valign="center" colspan="7">
            {{ $appointinfo->work }}
        </td>
        <td valign="center" >
            职称或职业资格
        </td>
        <td valign="center" colspan="3">
            {{ $appointinfo->titles }}
        </td>
    </tr>
    <tr style="height:52px;page-break-inside:avoid">
        <td valign="center" >
            紧急联系人<br />姓名
        </td>
        <td valign="center" colspan="7">
            {{ $appointinfo->concat_name }}
        </td>
        <td valign="center">
            联系电话
        </td>
        <td valign="center" colspan="7">
            {{ $appointinfo->concat_mobile }}
        </td>
    </tr>
    @if(in_array('expand_special',$recruit->forms))
        <tr style="height:52px;page-break-inside:avoid">
            <td valign="center" >
                是否申请加分
            </td>
            <td valign="center" colspan="4">
                @if($appointinfo->point_apply == 0)
                    否
                @else
                    是
                @endif
            </td>
            <td valign="center" colspan="3">
                符合哪一项加分条件
            </td>
            <td valign="center" colspan="4" >
                {{ $appointinfo->condition }}
            </td>
        </tr>
        <tr style="height:52px;page-break-inside:avoid">
            <td valign="center" >
                申请加分佐证材料
            </td>
            <td valign="center" colspan="11">
                <div style="padding: 10px 0">
                    @foreach($appointinfo->material as $k => $v)
                        <img class="attchment" data-key="{{$k}}" data-name="material" src="{{ $v->response->path }}" />
                    @endforeach
                </div>
            </td>
        </tr>
    @endif
    <tr style="height:275px;page-break-inside:avoid">
        <td valign="center" >
            &nbsp;个<br />
            &nbsp;人<br />
            &nbsp;简<br />
            &nbsp;历
        </td>
        <td valign="center" colspan="11" >
            <textarea style="width: 100%;height: 250px" readonly>{{ $appointinfo->resume }}</textarea>
        </td>
    </tr>
    @if(in_array('detail',$recruit->forms))
        <tr style="height:132px;page-break-inside:avoid">
            <td valign="center" >
                培<br />
                训<br />
                学<br />
                习<br />
                经<br />
                历
            </td>
            <td valign="center" colspan="11" >
                <textarea style="width: 100%;height: 250px" readonly>{{ $appointinfo->train }}</textarea>
            </td>
        </tr>
        <tr style="height:94px;page-break-inside:avoid">
            <td valign="center" >
                奖<br />
                惩<br />
                情<br />
                况
            </td>
            <td valign="center" colspan="11" >
                <textarea style="width: 100%;height: 250px" readonly>{{ $appointinfo->rewards_and_punishments }}</textarea>
            </td>
        </tr>
        <tr style="height:159px;page-break-inside:avoid">
            <td valign="center" >
                个<br />
                人<br />
                情<br />
                况<br />
                介<br />
                绍
            </td>
            <td valign="center" colspan="11" >
                <textarea style="width: 100%;height: 250px" readonly>{{ $appointinfo->introduce }}</textarea>
            </td>
        </tr>
    @endif
    <tr style="height:47px;page-break-inside:avoid">
        <td valign="center" rowspan="{{ count($appointinfo->family)+1 }}">
            家庭成员及其主要社会关系
        </td>
        <td valign="center" >
            <p style=";text-align:center">
                <span style=";font-family:宋体;font-size:14px">称谓</span>
            </p>
        </td>
        <td width="200" valign="center" colspan="4" >
            <p style=";text-align:center">
                <span style=";font-family:宋体;font-size:14px">姓名</span>
            </p>
        </td>
        <td width="87" valign="center" colspan="2" >
            <p style=";text-align:center">
                <span style=";font-family:宋体;font-size:14px">出生年月</span>
            </p>
        </td>
        <td width="98" valign="center" colspan="1" >
            <p style=";text-align:center">
                <span style=";font-family:宋体;font-size:14px">政治面貌</span>
            </p>
        </td>
        <td width="241" valign="center" colspan="3" >
            <p style=";text-align:center">
                <span style=";font-family:宋体;font-size:14px">工作单位及职位</span>
            </p>
        </td>
    </tr>
    @foreach($appointinfo->family as $k => $v)
        <tr style="height:52px;page-break-inside:avoid" >
            <td width="85" valign="center">
                {{ $v->relation }}
            </td>
            <td width="200" valign="center" colspan="4" >
                {{ $v->realname }}
            </td>
            <td width="87" valign="center" colspan="2" >
                {{ $v->birthday }}
            </td>
            <td width="98" valign="center" colspan="1" >
                {{ $v->political_affiliation }}
            </td>
            <td width="241" valign="center" colspan="3" >
                {{ $v->work }}
            </td>
        </tr>
    @endforeach
    @if(in_array('identification',$recruit->forms))
        <tr style="height:52px;page-break-inside:avoid">
            <td valign="center" >
                身份证明<br />
                （身份证或其他身份证明证件）
            </td>
            <td valign="center" colspan="11">
                <div style="padding: 10px 0">
                    @foreach($appointinfo->identification as $k => $v)
                        @if(!empty($v))
                            <img class="attchment" data-key="{{$k}}" data-name="identification" src="{{ $v->response->path }}" />
                        @endif
                    @endforeach
                </div>
            </td>
        </tr>
    @endif
    @if(in_array('education_certification',$recruit->forms))
        <tr style="height:52px;page-break-inside:avoid">
            <td valign="center" >
                学历证明<br />
                （学历、学位、学信网及考试要求的证明文件）
            </td>
            <td valign="center" colspan="11">
                <div style="padding: 10px 0">
                    @foreach($appointinfo->education_certification as $k => $v)
                        @if(!empty($v))
                            <img class="attchment" data-key="{{$k}}" data-name="education_certification" src="{{ $v->response->path }}" />
                        @endif
                    @endforeach
                </div>
            </td>
        </tr>
    @endif
    @if(in_array('other_certification',$recruit->forms))
        <tr style="height:52px;page-break-inside:avoid">
            <td valign="center" >
                其他证明<br />
                （职业资格、职称、工作、党员、英语水平等证明）
            </td>
            <td valign="center" colspan="11">
                <div style="padding: 10px 0">
                    @foreach($appointinfo->other_certification as $k => $v)
                        @if(!empty($v))
                            <img class="attchment" data-key="{{$k}}" data-name="other_certification" src="{{ $v->response->path }}" />
                        @endif
                    @endforeach
                </div>
            </td>
        </tr>
    @endif
    </tbody>
</table>

<script>
    let photos = {!!json_encode($photos)!!};
    $('.attchment').click(function(){
        let key = $(this).data('key');
        let name = $(this).data('name');
        let photo = photos[name];
        console.log(photo);
        photo.start = key;
        layer.photos({
            photos: photo,
            tab: function () {
                num = 0;
                $(".layui-layer-photos").append('<div class="icon" style="position:relative;width:100%;text-align:center;top:-133px;cursor:pointer;">\n' +
                    '\t\t<img src="{{ theme_asset('statistics/js/layer/skin/default/turn_left.png') }}" style="width:30px;height30px;">\n' +
                    '\t</div>');
            }
        });
    });

    $(document).on("click", ".icon img", function(e) {
        num = (num + 90) % 360;
        $("#layui-layer-photos").css('transform', 'rotate(' + num + 'deg)');

        //$(".layui-layer-phimg img").css('transform','rotate('+num+'deg)');此处只能旋转图片
    });


    $(document).on("mousewheel DOMMouseScroll", ".layui-layer-phimg img", function(e) {
        var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
            (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
        var imagep = $(".layui-layer-phimg").parent().parent();
        var image = $(".layui-layer-phimg").parent();
        var h = image.height();
        var w = image.width();
        if(delta > 0) {

            h = h * 1.05;
            w = w * 1.05;

        } else if(delta < 0) {
            if(h > 100) {
                h = h * 0.95;
                w = w * 0.95;
            }
        }
        imagep.css("top", (window.innerHeight - h) / 2);
        imagep.css("left", (window.innerWidth - w) / 2);
        image.height(h);
        image.width(w);
        imagep.height(h);
        imagep.width(w);

    });

</script>