{eyou:assign name='page' value='special' /}
{eyou:include file='/template/pc/common/main/param.htm' /}
{eyou:include file='/template/pc/common/main/seo.htm' /}
{eyou:include file='/template/pc/common/include/top.htm' /}
{eyou:include file='/template/pc/common/other/background.htm' /}
{eyou:include file='/template/pc/common/include/header.htm' /}


<!--复制 copy/special.htm  页面名称: 专利申请页-->
<div id="special-index">
    <link rel="stylesheet" href="/template/pc/css/special.css" media="all">

    <!--引入城市-->
    <link rel="stylesheet" href="https://oss.zc10000.com/static/js/city/style.css" media="all">
    <script src="https://oss.zc10000.com/static/js/jquery-v3.1.1.min.js?t=544151"></script>
    <script type="text/javascript" src="https://oss.zc10000.com/static/js/city/cityTemplate.js?t=225513619665"></script>

    <!--banner图 -->
    <div class="content">
        <div class="box">
            <div class="row">
                <div class="a"><img src="https://oss.zc10000.com/static/images/046.svg" /></div>
                <div class="b"><img src="https://oss.zc10000.com/static/images/047.svg" /></div>
                <div class="c">技术员 助理工程师 中级工程师 高级工程师</div>

                <div class="d">协议保障 人社局出证</div>
                <div class="e">
                    <span>
                        <a target="_blank" href="">破格申报</a>
                        <img src="https://oss.zc10000.com/static/images/048.svg" />
                    </span>

                    <span>
                        <a target="_blank" href="">低学历申报</a>
                        <img src="https://oss.zc10000.com/static/images/048.svg" />
                    </span>

                    <span>
                        <a target="_blank" href="">高学历认定</a>
                        <img src="https://oss.zc10000.com/static/images/048.svg" />
                    </span>
                </div>
                <div class="f"><img src="https://oss.zc10000.com/static/images/049.svg" /></div>
            </div>
        </div>
    </div>

    <!--表单提交 -->
    <div class="content content-form">
        <div class="box">
            <div class="left-form">
                {eyou:form type="auto" formid="1" id="field"}
                <form class="layui-form" method="POST" {$field.formhidden} action="{$field.action}"
                    onsubmit="{$field.submit}">
                    {$field.hidden}
                    <!-- <input type="hidden" name="channel" value="134"> -->
                    <div class="row-h row-a">
                        <font>专业技术资格(职称)预审测评系统</font>
                        <span></span>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>最高学历</font>
                        </div>
                        <div class="row-r">
                            <input type="radio" name="attr_32" value="本科及以上" title="本科及以上" checked="">
                            <input type="radio" name="attr_32" value="大专" title="大专">
                            <input type="radio" name="attr_32" value="大专以下" title="大专以下">
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>您的年龄</font>
                        </div>
                        <div class="row-r">
                            <select name="attr_33" lay-verify="age">
                                <option value="0">请选择您的年龄</option>
                                {for start="18" end="56"}
                                <option value="{$i}">{$i}</option>
                                {/for}
                            </select>
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>所在城市</font>
                        </div>
                        <div class="row-r row-city">
                            <input type="text" name="attr_34" lay-verify="city" autocomplete="off"
                                placeholder="请选择您的所在城市" class="layui-input" id="place">
                            <div id="in_city" style="display: none"></div>

                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>申报专业</font>
                        </div>
                        <div class="row-r">
                            <select name="attr_35" lay-verify="zy">
                                <option value="">请选择您的申报专业</option>
                                {eyou:models typeid='38' currentclass='active'}
                                <option value="{$field.typename}">{$field.typename}</option>
                                {/eyou:models}
                            </select>
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>申报等级</font>
                        </div>
                        <div class="row-r row-rr">
                            <input type="radio" name="attr_36" value="助理工程师" title="助理工程师" checked="">
                            <input type="radio" name="attr_36" value="初级工程师" title="初级工程师">
                            <input type="radio" name="attr_36" value="中级工程师" title="中级工程师">
                            <input type="radio" name="attr_36" value="副高级工程师" title="副高级工程师">
                            <input type="radio" name="attr_36" value="正高级工程师" title="正高级工程师">
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>您的称呼</font>
                        </div>
                        <div class="row-r">
                            <input type="text" name="attr_37" lay-verify="required|true_name" autocomplete="off" placeholder="请输入姓名"
                                class="layui-input">
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>您的手机</font>
                        </div>
                        <div class="row-r">
                            <input type="text" name="attr_38" lay-verify="required|phone|number" autocomplete="off"
                                placeholder="请输入手机号码" class="layui-input">
                        </div>
                    </div>
                    <!-- <div class='eyou_form_attr'>
                        <input class="eyou_form_btn" type="submit" value="提交"/>
                    </div> -->
                    <div class="row-h row-btn">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">提 交</button>
                    </div>
                    <div class="row-h row-msg">
                        <font>结果将以短信的形式发送到您的手机</font>
                    </div>
                </form>
                {/eyou:form}
            </div>
            <div class="right-table">

                <!--实时报名数据 -->
                <div class="top">
                    <span>当前实时报名数据</span>
                </div>

                <div class="bottom">

                    <table class="layui-table">
                        <!--                  <colgroup>
                                              <col width="70">
                                              <col width="100">
                                              <col width="80">
                                              <col width="80">
                                              <col width="80">
                                              <col>
                                          </colgroup>-->
                        <thead>
                            <tr class="row-one">
                                <th width="50">姓名</th>
                                <th width="85">手机号</th>
                                <th width="85">学历</th>
                                <th width="50">城市</th>
                                <th width="100">申报专业</th>
                                <th width="100">申报级别</th>
                            </tr>
                        </thead>
                        <tbody>
                        
<!--{$vo.id}:{$vo.name}<br/>-->
                            {volist name="bookList" id="vo"}
                            <tr>
                                <td width="50" class="singe-hide">{$vo.true_name}</td>
                                <td width="85">{$vo.phone}</td>
                                <td width="85">{$vo.xueli}</td>
                                <td width="50">{$vo.city}</td>
                                <td width="100">{$vo.zy}</td>
                                <td width="100">{$vo.zc}</td>
                            </tr>
                            {/volist}



                        </tbody>
                    </table>






                </div>


            </div>
        </div>
    </div>

    <!--职称申报好处 -->
    <div class="content content-kp">
        <div class="box">
            <div class="row-kp">
                <div class="top">
                    <span class="ta">职称申报好处</span>
                    <span class="tb">职称也许不能助你平步青云 但是能助你更上一层楼</span>
                </div>

                <div class="bottom">
                    {eyou:include file='/template/pc/components/banner/style_6.htm' /}
                </div>

                <div class="hkc">
                    <li class="li-active"><span>升职加薪机会多</span></li>
                    <li><span>人才补贴福利多</span></li>
                    <li><span>评职称提升社会认同度</span></li>
                    <li><span>职称多利于资质升级</span></li>
                </div>

                <script>
                    $(function () {
                        $('.hkc li').on('click', function () {
                            var index = $(this).index() + 1;
                            swiper.slideTo(index, 1000, false);

                            //
                            $('.hkc li').removeClass('li-active');
                            $(this).addClass('li-active');
                        });
                    });
                </script>

            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    var cityA = $(".city_a_le1 a"); //城市
    var pla = $("#place");  //出发地
    var dest = $("#destination");  //目的地
    // 默认值
    inCity.width = "345";  //城市选择框  宽
    inCity.height = "auto";  //城市选择框  高
    inCity.id = "#in_city";  //城市选择框  父级ID
    inCity.Children = '.city_a_le1';  //城市名box
    // 初始化 城市HTML模板
    $(inCity.id).prepend(inCity._template.join(''));
    inCity.Hot(cityA);

    //城市 导航
    var apay = $(".screen a");

    var placeThis; //当前选择标签
    apay.click(function (obj) {  //城市导航
        inCity.payment($(this));
    })

    inCity.place(pla); //出发地
    inCity.destination(dest);  //目的地
    inCity.cityClick(cityA); //显示赋值城市
</script>


<script>
    layui.use(['form', 'jquery', 'layer'], function () {
        var layer = layui.layer
            , form = layui.form
            , $ = layui.$;


        form.verify({
            true_name: function (value, item) { //value：表单的值、item：表单的DOM对象
                if (!new RegExp("^[\u4e00-\u9fa5\]+$").test(value)) {
                    return '姓名只能是中文';
                }
            },
            age: function (value, item) {
                if (value <= 0) {
                    return "请选择您的年龄";
                }
            },
            city: function (value, item) { 
                if (value == '') {
                    return "请选择您的所在城市";
                }
            },
            zy: function (value, item) { 
                if (value == '') {
                    return "请选择您的申报专业";
                }
            }
        });



    });
</script>
{eyou:include file='/template/pc/common/include/footer.htm' /}
{eyou:include file='/template/pc/common/include/bottom.htm' /}