jucai/public/themes/default/views/mobile/app/talent/share.blade.php

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

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/news.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/qiyukf_font.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/h5page.css') }}" rel="stylesheet">
    <style>
        #app{
            padding: 20px 16px 12px 16px;
            margin: 0;
            overflow-x: hidden;
            color: #333;
            letter-spacing: .034em;
            min-width: 0;
            font-family: '-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif';
        }
        .page_header {
            width: 100%;
            height: 65px;
            box-shadow: 0 0 24px 0 rgba(0,0,0,0.1);
            position: absolute;
            top: 0.9rem;
            left: 0;
            display: flex;
            background: #fff;
            z-index: 999;
            overflow: hidden;
            /* transition: top .3s cubic-bezier(.78,.14,.15,.86); */
        }
        .page_header .info_card,.page_footer .info_card {
            flex: 1;
            display: flex;
            padding: 12px 16px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            align-items: center;
        }
        .page_footer .info_card {
            padding:12px 0 12px 16px;
            white-space: normal;
        }
        @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
            .page_footer .info_card{
                padding-bottom: calc(12px + constant(safe-area-inset-bottom));
                padding-bottom: calc(12px + env(safe-area-inset-bottom));
            }
        }
        .page_header .info_card .info_card_avator,
        .page_footer .info_card .info_card_avator
        {
            border-radius: 100%;
            width: 32px;
            height: 32px;
            background-position: center;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            overflow: hidden;
            /* margin-top: 3px; */
            margin-right: 8px;
            text-align: center;
            color: #ffffff;
            line-height: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .page_footer .info_card .info_card_avator
        {
            overflow: auto;
            flex-shrink: 0;
            width: 36px;
            height: 36px;
            line-height: 36px;
            margin-top:2px;
        }
        .page_header .info_card .info_card_detail
        {
            flex: 1;
            text-overflow: ellipsis;
            overflow: hidden;
            /* height: 41px; */
        }

        .page_header .info_card .info_card_nick,
        .page_footer .info_card .info_card_nick {
            font-size: 14px;
            color: #222222;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-bottom: 2px;
        }
        .page_header .info_card .info_card_ent,
        .page_footer .info_card .info_card_ent {
            font-size: 12px;
            color: #999999;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .page_header .action{
            width: 64px;
            font-size: 12px;
            text-align: center;
            padding: 12px 0;
        }
        .page_header .action p,
        .page_footer .action p {
            color: #222222;
        }
        .page_header .action .colfont {
            font-size: 19px;
        }
        .page_header .action .colfont.colzaixianzixun {
            color: #555CD1;
        }
        .page_header .action .colfont.colweixin {
            color: #57BB8A;
        }
        .page_header .action .colfont.coldianhua {
            color: #5895E0;
        }
        .page_header .action a, .page_header .action a:active, .page_header .action a:focus, .page_header .action a:visited {
            text-decoration: none;
        }
        .page_content {
            font-size: 17px;
            line-height: 1.6em;
            text-align: justify;
            color: #333;
            word-break: break-all;
        }
        p {
            margin: 0;
        }

        .page_content img, .page_content video {
            max-width: 100% !important;
            height: auto !important;
        }

        .page_content p {
            min-height: 1em;
        }
        .page_content.with_card {
            margin-top: 40px;
        }

    </style>
@endpush

@push('js')

@endpush

@section('content')
    <div id="app">
        <div class="page_header" id="page_header" >
            <div class="info_card">

                <div class="info_card_avator" style="background-color: rgb(114, 101, 230);">婷</div>

                <div class="info_card_detail">
                    <div class="info_card_nick">吴晓婷</div>
                    <div class="info_card_ent">福建省晋江人力资本有限公司</div>
                </div>
            </div>


            <div class="action action_phone">
                <a href="tel:15080072713">
                    <i class="colfont coldianhua"></i>
                    <p>打电话</p>
                </a>
            </div>

        </div>
        <div class="page_content with_card">
            <div class="my-block-from not-inarticle" id="huke_form_280258" data-value="280258" data-name="来晋就业创业人才意向征集表">
                <div>
                    <div class="H5-GeneralCarousel-carousel-wrapper" style="width: calc(100vw - 32px); height: calc(0.533333 * (100vw - 32px));">
                        <div class="slider am-carousel" style="position: relative; display: block; width: 100%; height: auto; box-sizing: border-box; visibility: visible;">
                            <div class="slider-frame" style="position: relative; display: block; overflow: hidden; height: auto; margin: 0px; padding: 0px; transform: translate3d(0px, 0px, 0px); box-sizing: border-box;">
                                <ul class="slider-list" style="transform: translate3d(0px, 0px, 0px); position: relative; display: block; margin: 0px; padding: 0px; height: 175px; width: 328px; cursor: inherit; box-sizing: border-box;">
                                    <div class="H5-GeneralCarousel-imgcontainer" style="height: auto;">
                                        <div class="H5-GeneralCarousel-imgcontainer" style="width: calc(100vw - 32px); height: calc(0.533333 * (100vw - 32px));">
                                            <img src="https://urchin.nosdn.127.net/MjAwMDQ1OA%3D%3D%2FdXJjaGlud181MDA4NjJfMTYzMTA2NTM0OTE0Nl9lNjBjNTE4MS1kMjQ1LTQwN2MtODM2YS1iYjkyMGMxMGYxYjc%3D" alt="图片">
                                        </div>
                                    </div>
                                </ul>
                            </div>
                            <style type="text/css">.slider-slide > img {width: 100%; display: block;}</style>
                        </div>
                    </div>
                    <h3>来晋就业创业人才意向征集表</h3>
                    <div class="form_detail">您好！为搭建才企对接桥梁，中共晋江市委人才办联合晋江市教育局、国企晋江人力资本公司拟针对意向来晋就业创业的人才进行常态化了解，请有意向来晋就业创业的人才填写本表，我们将竭诚做好各项就业推荐、落地保障等服务，并将为您创建一个聚才网账户，同时您的信息保密。如有任何问题，可咨询人才服务热线0595-88223456。</div>
                    <div class="huke-H5Form ">
                        <div class="am-list">
                            <div class="am-list-body">
                                <div>
                                    <div class="field_name">Q1.您的姓名：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q2.您的性别：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div>
                                        <div class="">
                                            <div class="am-list-item am-list-item-middle">
                                                <div class="am-list-line">
                                                    <div class="am-list-content">
                                                        <div class="am-list-extra" style="color: rgb(191, 191, 191); line-height: 1;">请选择</div>
                                                    </div>
                                                    <div class="am-list-arrow am-list-arrow-vertical" aria-hidden="true">
                                                    </div>
                                                </div>
                                                <div class="am-list-ripple" style="display: none;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q3.您的联系电话：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="11" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q4.您的联系邮箱：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q5.您的出生年份：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div>
                                        <div class="">
                                            <div class="am-list-item am-list-item-middle">
                                                <div class="am-list-line">
                                                    <div class="am-list-content">
                                                        <div class="am-list-extra" style="color: rgb(191, 191, 191); line-height: 1;">请选择</div>
                                                    </div>
                                                    <div class="am-list-arrow am-list-arrow-vertical" aria-hidden="true">
                                                    </div>
                                                </div>
                                                <div class="am-list-ripple" style="display: none;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q6.您的最高学历：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div>
                                        <div class="">
                                            <div class="am-list-item am-list-item-middle">
                                                <div class="am-list-line">
                                                    <div class="am-list-content">
                                                        <div class="am-list-extra" style="color: rgb(191, 191, 191); line-height: 1;">请选择</div>
                                                    </div>
                                                    <div class="am-list-arrow am-list-arrow-vertical" aria-hidden="true">
                                                    </div>
                                                </div>
                                                <div class="am-list-ripple" style="display: none;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q7.您所毕业的学校：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q8.您的专业：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q9.您的毕业时间：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div>
                                        <div class="">
                                            <div class="am-list-item am-list-item-middle">
                                                <div class="am-list-line">
                                                    <div class="am-list-content">
                                                        <div class="am-list-extra" style="color: rgb(191, 191, 191); line-height: 1;">请选择</div>
                                                    </div>
                                                    <div class="am-list-arrow am-list-arrow-vertical" aria-hidden="true">
                                                    </div>
                                                </div>
                                                <div class="am-list-ripple" style="display: none;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q10.您的户籍地：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q11.您现在所在的国家和地区：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q12.您现在就职的公司名称：</div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q13.您现在的职务：</div>
                                    <div class="am-list-item am-input-item am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-input-control">
                                                <input maxlength="50" placeholder="请输入" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q14.您准备来晋就业创业时间：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div>
                                        <div class="">
                                            <div class="am-list-item am-list-item-middle">
                                                <div class="am-list-line">
                                                    <div class="am-list-content">
                                                        <div class="am-list-extra" style="color: rgb(191, 191, 191); line-height: 1;">请选择</div>
                                                    </div>
                                                    <div class="am-list-arrow am-list-arrow-vertical" aria-hidden="true">
                                                    </div>
                                                </div>
                                                <div class="am-list-ripple" style="display: none;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q15.是否有解决配偶就业、子女入学或住房需求？（多选题）&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item MySelect am-list-item-middle">
                                        <div class="am-list-line">
                                            <div class="am-list-content">
                                                <div class="fishd-select" style="padding-right: 0px;">
                                                    <div class="fishd-select-content">
                                                        <div class="fishd-select-placeholder">请选择</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="am-list-arrow" aria-hidden="true">
                                            </div>
                                        </div>
                                        <div class="am-list-ripple" style="display: none;">
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q16.您期望来晋就业创业的行业类型和行业领域（行业领域、行业类型、自主创业）：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-textarea-item am-textarea-has-count">
                                        <div class="am-textarea-control">
                <textarea maxlength="500" placeholder="请输入" rows="3" style="height: 93px;">
                </textarea>
                                        </div>
                                        <span class="am-textarea-count">
                <span>0</span>/500</span>
                                    </div>
                                </div>
                                <div>
                                    <div class="field_name">Q17.技术专长或核心技术简要说明：&nbsp;
                                        <span class="required_mark">*</span>
                                    </div>
                                    <div class="am-list-item am-textarea-item am-textarea-has-count">
                                        <div class="am-textarea-control">
                <textarea maxlength="500" placeholder="请输入" rows="3" style="height: 93px;">
                </textarea>
                                        </div>
                                        <span class="am-textarea-count">
                <span>0</span>/500</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button type="button" class="fishd-btn fishd-btn-primary fishd-btn-lg" style="width: 100%; margin-top: 16px; margin-bottom: 40px;">
                        <span>提 交</span>
                    </button>
                </div>
            </div>
        </div>

    </div>

@endsection

@section('script')

@endsection