<?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';
?>