jucai/public/themes/default/views/mobile/app/health/hospital/show.blade.php

@extends('mobile.module.layouts.health')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
    <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.min.css" rel="stylesheet"/>
    <style>
        #player-container-id{
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 宽高比 */
            position: relative;
            display: inline-block;

        }
        video {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
@endpush

@push('js')

    <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.v5.1.0.min.js"></script>
@endpush

@section('content')
    <div class="comshowtop">
        <div class="topbg">
            <div class="return js-back for-event"></div>
            <div class="logobox"><img src="{{$info->logo}}"></div>
        </div>
        <div class="com">
            <div class="cname font16">{{$info->companyname}}</div>
            <div class="txt font14">{{$info->nature_cn}} | {{$info->scale_cn}} | {{$info->district_cn}}</div>
        </div>
    </div>

    {{--公司福利--}}
    @if($info->tag_arr)
        <div class="split-block"></div>
        <div class="comshowtag font13">
            <div class="eattitle list_height">单位福利</div>
            <div class="tagul">
                @foreach($info->tag_arr as $k=>$v)
                    <div class="tagli substring">{{$v['demand']}}</div>
                @endforeach
                <div class="clear"></div>
            </div>
        </div>
    @endif

    <div class="split-block"></div>

    @if(!empty($info->video_url))
    <div class="comshowdes">
        <div class="eattitle list_height">视频介绍</div>
        <video id="player-container-id"  preload="auto" playsinline webkit-playsinline>
        </video>
    </div>
    <div class="split-block"></div>
    @endif

    {{--公司简介--}}
    <div class="comshowdes">
        <div class="eattitle list_height">单位简介</div>
        <div class="txt desc">{!! nl2br($info->company_profile) !!}</div>
        <div class="more">
            <div class="showbtn font12 ">展开信息</div>
        </div>
    </div>

    {{--企业风采--}}
    @if($info->img)
        <div class="split-block"></div>
        <div class="comshowimg">
            <div class="eattitle list_height">单位风采</div>
            <div class="scrollbox">
                @foreach($info->img as $k=>$vo)
                    <div class="imgbox"><img src="{{$vo->img}}"></div>
                @endforeach
            </div>
            <div class="clear"></div>
        </div>
    @endif

    <div class="split-block"></div>

    {{--联系方式--}}
    <div class="comshowcon">
        <div class="eattitle list_height">
            联系方式
        </div>
        @if($info->landline_tel)
            <div class="tel">{!! $info->landline_tel !!}</div>
        @endif
        @if($info->mobile)
            <div class="mob">{!! $info->mobile !!} ({{$info->contact}})</div>
        @endif
        <div class="email">{!! $info->email !!}</div>
        <div class="map link_blue">{{$info->address}}
            @if($info->map_x >0 && $info->map_y>0)
                <a class="show-map" href="#map">[地图]</a>
            @endif
        </div>
    </div>


    {{--在招职位--}}
    <div class="split-block"></div>
    @if($jobs)
        <div class="split-block"></div>
        <div class="comshowrec">
            <div class="eattitle list_height">
                该单位正在招聘
            </div>
            @foreach($jobs as $k=>$vo)
                <div class="jobslist" onclick="javascript:location.href='{{route("mobile.health.recruit.show", ["id"=>$vo->id])}}'">
                    <div class="jname font15 link_gray6 substring">
                        <a href='{{route($sub_site."mobile.jobs.show", ["id"=>$vo->id])}}'>{{$vo->jobs_name}}</a>
                    </div>
                    <div class="cname font12">{{$vo->district_cn}} | {{$vo->education_cn}} | {{$vo->experience_cn}}</div>
                    <div class="wage font13">{{$vo->wage_cn}}</div>
                    <div class="time font12">{!! daterange(time(), $vo->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
                </div>
            @endforeach
        </div>
    @endif

    <div class="split-block"></div>

    {{--地图--}}
    <script id="tpl-map" type="text/html">
        <div class="headernavfixed">
            <div class="headernav font18">
                <div class="title">
                    单位位置
                    <div class="return js-back"></div>
                </div>
            </div>
        </div>
        <div class="com-map">
            <div class="map" id="container"></div>
        </div>
        <div class="split-block"></div>
        <div class="btn-spacing">
            <div id="mapBtn" class="qs-btn qs-btn-blue font18" title="返回">返回</div>
        </div>
    </script>

    <script type="text/javascript" src="{{theme_asset('mobile/js/popWin.js')}}"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={{subsite_config('aix.system.map.map.map_ak')}}&s=1"></script>
    <script type="text/javascript" charset="utf-8" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/imageScrool.js')}}"></script>
@endsection

@section('script')
    <script>
        var isVisitor = 0;
        var utype = 0;

        //地图
        var mapTemp = $('#tpl-map').html();
        $(".show-map").on('click', function() {
            var $this = $(this);
            popWin.init({
                from:"right",
                html:mapTemp,
                handle:function(a){
                    var map = new BMap.Map("container");
                    var point = new BMap.Point("118.55058462629279","24.78312950216917");  // 创建点坐标
                    map.centerAndZoom(point, "16");
                    var qs_marker = new BMap.Marker(point);        // 创建标注
                    map.addOverlay(qs_marker);
                    map.setCenter(point);
                    map.addControl(new BMap.NavigationControl());//添加鱼骨
                    map.enableScrollWheelZoom();//启用滚轮放大缩小，默认禁用。
                    $('#mapBtn').on('click',function(){
                        a.close();
                    });
                }
            });
        });

        $('.more').on('click',function(){
            var prev = $(this).prev();
            var child = $(this).children('.showbtn');
            if(prev.hasClass('desc')){
                prev.removeClass('desc');
                child.addClass('topbtn');
                child.html('收起信息');
            }else{
                prev.addClass('desc');
                child.removeClass('topbtn');
                child.html('展开信息');
            }
        });

        var player = TCPlayer('player-container-id', {
            sources: [{
                src: '{{$info->video_url}}', // 播放地址
            }],
            autoplay: false,
            licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1251164517_1/v_cube.license', // license 地址，参考准备工作部分，在视立方控制台申请 license 后可获得 licenseUrl
        });
    </script>
@endsection