zc100/template/pc-bak2/special.htm

<?php
$page = 'special';
include 'common/common_top.php';
?>
<div id="header">
    <?php
    include 'common/header.php';
    ?>
</div>
<div id="special-index">
    <link rel="stylesheet" href="./css/special.css?<?php echo rand(1,99999);?>"   media="all">

    <!--引入城市-->
    <link rel="stylesheet" href="./js/city/style.css?<?php echo rand(1,99999);?>"   media="all">
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="./js/city/cityTemplate.js"></script>

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

                <div class="d">协议保障 人社局出证</div>
                <div class="e">
                    <span>
                        <a href="">破格申报</a>
                        <img src="./images/048.svg" />
                    </span>

                    <span>
                        <a href="">低学历申报</a>
                        <img src="./images/048.svg" />
                    </span>

                    <span>
                        <a href="">高学历认定</a>
                        <img src="./images/048.svg" />
                    </span>
                </div>
                <div class="f"><img src="./images/049.svg" /></div>
            </div>
        </div>
    </div>

    <!--表单提交 -->
    <div class="content content-form">
        <div class="box">
            <div class="left-form">
                <form class="layui-form" action="form.html" lay-filter="example">
                    <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="sex" value="0" title="本科及以上" checked="">
                            <input type="radio" name="sex" value="1" title="大专">
                            <input type="radio" name="sex" value="2" title="大专以下">
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>您的年龄</font>
                        </div>
                        <div class="row-r">
                            <select name="city" lay-verify="">
                                <option value="">请选择您的年龄</option>
                                <option value="010">北京</option>
                                <option value="021">上海</option>
                                <option value="0571">杭州</option>
                            </select>
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>所在城市</font>
                        </div>
                        <div class="row-r row-city">
                            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请选择您的所在城市" class="layui-input" id="place">

                           <!--<input type="text" placeholder="您要去哪？" id="destination" name="">-->
                            <!-- 城市 -->
                            <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="city" lay-verify="">
                                <option value="">请选择您的申报专业</option>
                                <option value="010">北京</option>
                                <option value="021">上海</option>
                                <option value="0571">杭州</option>
                            </select>
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>申报等级</font>
                        </div>
                        <div class="row-r row-rr">
                            <input type="radio" name="sbdj" value="0" title="助理工程师" checked="">
                            <input type="radio" name="sbdj" value="1" title="初级工程师">
                            <input type="radio" name="sbdj" value="2" title="中级工程师">
                            <input type="radio" name="sbdj" value="2" title="副高级工程师">
                            <input type="radio" name="sbdj" value="2" title="正高级工程师">
                        </div>
                    </div>
                    <div class="row-h">
                        <div class="row-l">
                            <font>您的称呼</font>
                        </div>
                        <div class="row-r">
                            <input type="text" name="title" lay-verify="title" 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="title" lay-verify="title" autocomplete="off" placeholder="请输入手机号码" class="layui-input">
                        </div>
                    </div>
                    <div class="row-h row-btn">
                        <span class="btn-sub">提交</span>
                    </div>
                    <div class="row-h row-msg">
                        <font>结果将以短信的形式发送到您的手机</font>
                    </div>
                </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>

                        <?php  for($i=1;$i<=25;$i++){ ?>
                        <tr>
                            <td  width="50">刘**</td>
                            <td  width="85">188****2110</td>
                            <td  width="85">本科及以上</td>
                            <td  width="50">广州</td>
                            <td  width="100">建筑</td>
                            <td  width="100">正高级工程师</td>
                        </tr>
                        <?php } ?>




                        </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">
                    <?php
                    include './components/banner/style_6.php';
                    ?>
                </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>




    <div id="footer">
        <?php
        include 'common/footer.php';
        ?>
    </div>
<?php
include 'common/common_bot.php';
?>