sunwei
/
tongyu_talent


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537
							<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglibf.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>${fns:getConfig("productName")} 首页</title>

    <link rel="stylesheet"  type="text/css" href="${ctxStaticWeb}/css/base.css" />
    <link type="text/css" href="${ctxStaticWeb}/css/index.css" rel="stylesheet"/>
    <link href="${ctxStaticWeb}/css/index_css_zj_rainbow.css" type="text/css" rel="stylesheet">
    <link href="${ctxStaticWeb}/css/zhx_xxgk_20170313.css" type="text/css" rel="stylesheet" />
    <link href="${ctxStaticWeb}/css/wzxs.css" rel="stylesheet" type="text/css" >

    <%--<script src="${ctxStaticWeb}/js/jquery-2.1.4.js"></script>--%>
    <script src="${ctxStaticWeb}/js/jquery.min.js"></script>
    <script src="${ctxStatic}/plugin/layui/layer/layer.js"></script>
    <script type="text/javascript" src="${ctxStaticWeb}/js/jquery_rainbow_0313.js"></script>
    <script type="text/javascript" src="${ctxStaticWeb}/js/jquery.SuperSlide.2.1_rainbow.js"></script>

    <%--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rUFYPnGZs50tNa1w5ZUfFQ4GO9NjPMPD&services=true"></script>
    <script type="text/javascript" src="${ctxStatic}/plugin/SearchInfoWindow.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />--%>

    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:434px;width:600px;overflow: hidden;}

        #box{position:relative; float:left}
        #box .one{width:100px; height:15px;}
        #box .tow{padding:10px; background:rgba(0,0,0,0.6);color:#fff;  display:none; position:absolute;top:0px; left:10px;border-radius: 4px; text-align: center;font-size:16px;}
        #box:hover .tow{ display:block}
        .da_box{width: 552px;height:396px;}
    </style>
</head>
<script>
    $(document).ready(function() {
        $.ajax({
            url:"${ctxF}/count",
            type:"POST",
            cache: false,
            dataType:"json",
            beforeSend: function(XMLHttpRequest){
               //jp.loading("加载中...");
            },
            success: function(data){
                if(data!=null){
                    for(i=0;i<data.length;i++){
                       //console.log(data[i]);
                       var code = data[i].code;
                       var name = data[i].name+"：";
                       var num = data[i].num==undefined?'0人':data[i].num+"人";
                       if(code == '220702'){//宁江
                            $("#nj").html(name+num);
                       }else if(code == '220781'){//抚余
                            $("#fy").html(name+num);
                       }else if(code == '220723'){//乾安
                           $("#qa").html(name+num);
                       }else if(code == '220721'){//前郭
                           $("#qg").html(name+num);
                       }else if(code == '220722'){//长岭
                           $("#cl").html(name+num);
                       }
                    }
                }
            },
            complete: function(XMLHttpRequest, textStatus){
                //do something in the end...
            }
        });
        var talentInfo="";
        //人才信息轮播
        $.ajax({
            url:"${ctxF}/talentLunbo",
            type:"POST",
            cache: false,
            dataType:"json",
            beforeSend: function(XMLHttpRequest){
                //do something before submit...
            },
            success: function(data){
                /*alert(data[0].graduate_and_major);*/
                for(var i=0;i<data.length;i++){
                    talentInfo+='<dd><a><span class="td_1">'+data[i].name+'</span>' +
                        '<span class="td_2">'+data[i].sex+'</span>' +
                        '<span class="td_5">'+data[i].graduate_and_major+'</span>';
                }
                $("#lunbo").html(talentInfo);
                    $.fn.FontScroll = function(options){
                        var d = {time: 3000,s: 'fontColor',num: 1}
                        var o = $.extend(d,options);


                        this.children('dl').addClass('line');
                        var _con = $('.line').eq(0);
                        var _conH = _con.height(); //滚动总高度
                        var _conChildH = _con.children().eq(0).height();//一次滚动高度
                        var _temp = _conChildH;  //临时变量
                        var _time = d.time;  //滚动间隔
                        var _s = d.s;  //滚动间隔


                        _con.clone().insertAfter(_con);//初始化克隆

                        //样式控制
                        var num = d.num;
                        var _p = this.find('dd');
                        var allNum = _p.length;

                        _p.eq(num).addClass(_s);


                        var timeID = setInterval(Up,_time);
                        this.hover(function(){clearInterval(timeID)},function(){timeID = setInterval(Up,_time);});

                        function Up(){
                            _con.animate({marginTop: '-'+_conChildH});
                            //样式控制
                            _p.removeClass(_s);
                            num += 1;
                            _p.eq(num).addClass(_s);

                            if(_conH == _conChildH){
                                _con.animate({marginTop: '-'+_conChildH},"normal",over);
                            } else {
                                _conChildH += _temp;
                            }
                        }
                        function over(){
                            _con.attr("style",'margin-top:0');
                            _conChildH = _temp;
                            num = 1;
                            _p.removeClass(_s);
                            _p.eq(num).addClass(_s);
                        }
                    };

                $('#FontScroll').FontScroll({time: 1000,num: 1});
            },
            complete: function(XMLHttpRequest, textStatus){
                //do something in the end...
            }
        });
    });


function search() {
    var keyword = $("#searchKey").val();
    if(keyword==''){
        layer.alert('请输入关键字.',{icon: 2});
        return;
    }
    $("#dealForm").submit();
}

function login(){
    var loginName = $("#loginName").val();
    var password = $("#password").val();
    if(loginName==''){
        layer.alert('请输入用户名.',{icon: 2});
        return;
    }
    if(password==''){
        layer.alert("请输入密码.",{icon: 2});
        return;
    }
    $.ajax({
        url:"${ctxF}/verify",
        type:"POST",
        cache: false,
        data:$("#loginForm").serialize(),
        dataType:"json",
        beforeSend: function(XMLHttpRequest){
            //do something before submit...
        },
        success: function(data){
            if(data.success){
                layer.msg(data.msg,{icon: 1});
                document.getElementById("loginForm").reset();
                window.location.href = "${ctxF}/info";
            }else{
                layer.msg(data.msg, {icon:2,time: 2000});
            }
        },
        complete: function(XMLHttpRequest, textStatus){
            //do something in the end...
        }
    });

}
function searchHot(keyword) {
    $("#searchKey").val(keyword);
    $("#dealForm").submit();
}
function searchTalent() {
    var code = $("#office option:selected").val();
    if(code ==''){
        layer.alert('请选择地区.',{icon: 2});
        return;
    }
    $.ajax({
        url:"${ctxF}/count?code="+code,
        type:"POST",
        cache: false,
        dataType:"json",
        beforeSend: function(XMLHttpRequest){
            //jp.loading("加载中...");
        },
        success: function(data){
            if(data!=null){
                for(i=0;i<data.length;i++){
                    console.log(data[i]);
                    var code = data[i].code;
                    var name = data[i].name+"：";
                    var num = data[i].num==undefined?'0人':data[i].num+"人";
                    layer.msg(name+num);
                }
            }
        },
        complete: function(XMLHttpRequest, textStatus){
            //do something in the end...
        }
    });
}
</script>


<body>
<%@ include file="/webpage/modules/web/top.jsp"%>
<div class="top">
<div class="c part1">
  <div class="l"><!-- 代码开始 -->
  <!-- pic 图片轮播 -->
<div class="frist-line-pic-news">
  <div id="slideBox" class="slideBox">
    <div class="hd">
      <ul>
        <c:forEach items="${news1List}"  >
            <li class=""></li>
        </c:forEach>
      </ul>
    </div>
    <div class="bd">
      <ul style="position: relative; width: 818px; height: 320px;margin-top:0">
          <c:forEach items="${news1List}" var="obj" >
              <li> <a  href="${ctxF}/detail?id=${obj.id}" title="${obj.title}" target="_blank">
                        <img src="${obj.imgUrl}" />
                    </a>
                    <span> <a href="${ctxF}/detail?id=${obj.id}" target="_blank">${fn:substring(obj.title,0,46)}</a></span>
              </li>
          </c:forEach>
      </ul>
    </div>
    <!-- 前/后按钮代码 -->
    <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </div>
  <script id="jsID" type="text/javascript">
     var ary = location.href.split("&");
    jQuery(".slideBox").slide({
        mainCell:".bd ul", effect:"fade",autoPlay:ary[2],trigger:ary[3],easing:ary[4],delayTime:ary[5],mouseOverStop:ary[6],pnLoop:ary[7]
    });
    </script> 
</div>
<!-- //pic 图片轮播 --></div>
<%--    <form id="loginForm" role="form" action="${ctxF}/verify" method="post">
        <div class="login r"><h2 class="cred mb20">人才登录</h2>
            <ul>
                <li><input name="loginName" id="loginName" type="text" placeholder="输入用户名"></li>
                <li><input name="password" id="password" type="password" placeholder="输入密码"></li>
                <li><input name="btnLogin" type="button" value="个人登录" onclick="javascript:login()" style="cursor: pointer"></li>
                <p class="tc"><a  href="${ctxF}/register" target="_blank">人才注册</a></p>
            </ul>
        </div>
    </form>--%>
    <!-- 代码部分 begin -->

    <div class="login r">
       <h2 class="cred mb20">人才信息</h2>
        <div class="head_div">
            <span class="td_1">姓名</span>
            <span class="td_2">性别</span>
            <span class="td_5">工作单位</span>
        </div>
        <div id="FontScroll">
            <dl class="gd_dl" id="lunbo">
            </dl>
        </div>
    </div>
    <!-- 代码部分 end -->
    <script>

    </script>


<%--<c:choose>
    <c:when test="${sessionScope.talentPerson ==null}">
    <form id="loginForm" role="form" action="${ctxF}/verify" method="post">
    <div class="login r"><h2 class="cred mb20">人才登录</h2>
      <ul>
          <li><input name="loginName" id="loginName" type="text" placeholder="输入用户名/手机号"></li>
          <li><input name="password" id="password" type="password" placeholder="输入密码"></li>
          <li><input name="btnLogin" type="button" value="个人登录" onclick="javascript:login()" style="cursor: pointer"></li>
          <p class="tc"><a  href="${ctxF}/register" target="_blank">人才注册</a></p>
      </ul>
    </div>
    </form>
    </c:when>
    <c:otherwise>
        <div class="login r">
            welcome,${sessionScope.talentPerson.name}.
            <a href="${ctxF}/logout" target="_parent" style="cursor: pointer;color:#F22E00;">退出</a>&nbsp;
        </div>
    </c:otherwise>
</c:choose>--%>

</div>
</div>
  <div class="clear" ></div>
  <div class="part3">
  <div class="c">
    <div class="mpzx l" style=" margin-right:20px; ">
      <h2 class=""><span>图片新闻</span><a href="${ctxF}/more?news_type=4">更多&gt;</a></h2>
      <div class="new">
        <c:forEach items="${news2List}" var="obj" begin="0" end="0" >
          <a class="new_top" href="${ctxF}/detail?id=${obj.id}" title="${obj.title}">
              <h3>${obj.subTitle}</h3>
              <p  style="margin-left: 3px">${fns:unescapeHtml(obj.intro)}</p>
          </a>
        </c:forEach>
        <c:forEach items="${news2List}" var="obj" begin="1"  >
            <a href="${ctxF}/detail?id=${obj.id}"  class="line" title="${obj.title}">&nbsp;<strong>·</strong>&nbsp;&nbsp;${fns:abbr(obj.title,62)}<span>${fns:formatDate(obj.updateDate)}&nbsp;</span></a>
        </c:forEach>

      </div>
    </div>


      <div class="mpzx l">
          <h2 class=""><span>通知公告</span><a href="${ctxF}/more?news_type=2" target="_blank">更多&gt;</a></h2>
          <div class="new_list">
              <c:forEach items="${noticeList}" var="obj" >
                  <a href="${ctxF}/detail?id=${obj.id}" class="line" title="${obj.title}"><strong>·</strong>&nbsp;&nbsp;${fns:abbr(obj.title,62)}<span>${fns:formatDate(obj.updateDate)}</span></a>
              </c:forEach>
          </div>
      </div>
    </div>
<div class="clear" ></div>
   <div class="c">
     <div class="ad1 "><img src="${ctxStaticWeb}/images/rc_index_18.png" width="1200" height="72"  alt=""/></div>
    <div>
        <div class="part4" >
        <div class="mpzx l" style=" margin-right:20px; ">
            <h2 class=""><span>政策法规</span><a href="${ctxF}/more?news_type=1" target="_blank">更多&gt;</a></h2>
            <div class="new_list"> <a href="#" class="line">
                <c:forEach items="${rulesList}" var="obj" >
                <a href="${ctxF}/detail?id=${obj.id}" class="line" title="${obj.title}"><strong>·</strong>&nbsp;&nbsp;${fns:abbr(obj.title,62)}<span>${fns:formatDate(obj.updateDate)}</span></a>
                </c:forEach>
            </div>
        </div>
        </div>
        <div class="mpzx l">
            <h2 class=""><span>办事指南</span><a href="${ctxF}/more?news_type=5">更多&gt;</a></h2>
            <form name="dealForm" id="dealForm" action="${ctxF}/search" method="post">
            <div class="bszn_search">
                <input name="title" id="searchKey" type="text" placeholder="输入关键字" onkeypress="search()">
                <a href="javascript:search()"><img src="${ctxStaticWeb}/images/rc_index_14.png"></a>
                <p><i>&nbsp;热门搜索&nbsp;</i>&nbsp;<span onclick="searchHot('创业')" style='cursor:pointer'>创业</span>&nbsp;
                    |&nbsp;<span onclick="searchHot('个人')" style='cursor:pointer'>个人</span>&nbsp;
                    |&nbsp;<span onclick="searchHot('企业')" style='cursor:pointer'>企业</span>&nbsp;</p>
            </div>
            </form>
            <div class="bszn_btn" id="deal_content">
                <c:forEach items="${dealList}" var="obj" >
                    <a href="${ctxF}/detail?id=${obj.id}" title="${obj.title}">${obj.subTitle}</a>
                </c:forEach>
            </div>
            <div class="clear" ></div>
        </div>
      </div>
  </div>
   <div class="clear" ></div>
   <div class="box20">&nbsp;</div> 
    <div class="rcdt">
    <div class="c">
    <div class="map l"><H2>域外人才图</H2>
        <!--百度地图容器-->
        <%--<div  id="container" class="col-sm-8 col-md-9">--%>
            <%--<script type="text/javascript">
                // 百度地图API功能
                var map = new BMap.Map("container");    // 创建Map实例
                map.centerAndZoom(new BMap.Point(124.936546,45.083288), 10);  // 初始化地图,设置中心点坐标和地图级别
                //添加地图类型控件
                map.addControl(new BMap.MapTypeControl({
                    mapTypes:[
                        BMAP_NORMAL_MAP,
                        BMAP_HYBRID_MAP
                    ]}));
                map.setCurrentCity("松原市");          // 设置地图显示的城市 此项是必须设置的
                map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                map.enableKeyboard();//启用键盘上下左右键移动地图

                //向地图中添加缩放控件
                var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                map.addControl(ctrl_nav);
                //向地图中添加缩略图控件
                var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
                map.addControl(ctrl_ove);
                //向地图中添加比例尺控件
                var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                map.addControl(ctrl_sca);
            </script>--%>
            <div>
                <div class="da_box" style=" position: relative;margin: 50px 0 0 0;">
                    <img src="${ctxStaticWeb}/images/index_50.png" >
                    <div style=" position: absolute;top:51px;right:210px;">
                        <div>
                            <div style=" position: absolute;top:30px;right:-40px;">
                                <div id="box" class="nj">
                                    <div class="one"></div>
                                    <div class="tow" id="nj">

                                    </div>
                                </div>
                            </div>
                            <div style=" position: absolute;top:100px;right:-10px;">
                                <div id="box" class="qg">
                                    <div class="one" style="height:50px;"></div>
                                    <div class="tow" id="qg">

                                    </div>
                                </div>
                            </div>
                            <div style=" position: absolute;top:100px;right:80px;">
                                <div id="box" class="fy">
                                    <div class="one"></div>
                                    <div class="tow" id="qa">

                                    </div>
                                </div>
                            </div>
                            <div style=" position: absolute;top:54px;right:-155px;">
                                <div id="box" class="fy">
                                    <div class="one"></div>
                                    <div class="tow" id="fy">

                                    </div>
                                </div>
                            </div>
                            <div style=" position: absolute;top:254px;right:117px;">
                                <div id="box" class="fy">
                                    <div class="one"></div>
                                    <div class="tow" id="cl">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <%--</div>--%></div>
    <div class="rccx l"><h4>人才查询</h4>
        <ul>
            <li class="rcdt_search">
                <select class="form_select" id="office">
                    <option value="">选择区域</option>
                    <option value="220702">宁江区</option>
                    <option value="220781">抚余市</option>
                    <option value="220721">前郭县</option>
                    <option value="220722">长岭县</option>
                    <option value="220723">乾安县</option>
                </select>
                <a href="javascript:searchTalent()">搜&nbsp;索</a>
            </li>
        </ul>
        <a href="${ctxF}/sign" target="_blank" ><img src="${ctxStaticWeb}/images/rc_index_22.png" width="570" height="160" style=" margin:5px;"></a></div>
        <form id="loginForm" role="form" action="${ctxF}/verify" method="post">
            <div class="login r" style="height: 230px;width: 570px;margin: 0 58px 0 0;"><h2 class="cred mb20">人才登录</h2>
                <ul>
                    <li><input name="loginName" id="loginName" type="text" placeholder="输入用户名"></li>
                    <li><input name="password" id="password" type="password" placeholder="输入密码"></li>
                    <li><input name="btnLogin" type="button" value="个人登录" onclick="javascript:login()" style="cursor: pointer"></li>
                    <p class="tc"><a  href="${ctxF}/register" target="_blank">人才注册</a></p>
                </ul>
            </div>
        </form>
        <div class="clear" ></div>
    </div>
    </div>
    <div class="box20">&nbsp;</div> 
    <div class="c">
     <div class="mpqy">
          <h2 class=""><span>人才计划专栏</span><a href="${ctxF}/more?news_type=3">更多&gt;</a></h2>
           <div class="box20">&nbsp;</div>
          <div  class="mpqy_l l"><img src="${ctxStaticWeb}/images/rc_index_26.jpg" width="460" height="280"></div>
          <div  class="mpqy_r l">
              <h3>
               <c:forEach items="${rcList}" var="rcObj" begin="0" end="0">
                   <a href="${ctxF}/detail?id=${rcObj.id}" title="${rcObj.title}">
                   <div class="day l">
                      <i>${rcObj.strWeek}</i><p>${rcObj.strDate}</p>
                  </div>
                  <div class="r mpqy_r_txt" >${rcObj.subTitle}
                      <p style=" color:#999">
                         ${fns:unescapeHtml(rcObj.intro)}
                      </p>
                  </div>
                   </a>
               </c:forEach>
              <div class="clear" ></div>
              </h3>
              <div class="new_list">
                <c:forEach items="${rcList}" var="rcObj" begin="1" >
                  <a href="${ctxF}/detail?id=${rcObj.id}" title="${rcObj.title}" class="line"><strong>·</strong>&nbsp;&nbsp;${fns:abbr(rcObj.title,62)}<span>${fns:formatDate(rcObj.updateDate)}</span></a>
                </c:forEach>
              </div>
          </div>
          <div class="clear" ></div>
     </div>
    </div>
 <div class="box20">&nbsp;</div>  
<div class="c">
  <div class="part1 c">
    <div class="mpqy">
      <h2 class=""><span>友情链接</span></h2>
      <div class="mpqy_list ">
          <c:forEach items="${linksList}" var="link">
              <a href="${link.url}" target="_blank">${link.name}</a>
          </c:forEach>
    </div>
  </div>
  </div>
</div>
<%@ include file="/webpage/modules/web/footer.jsp"%>
</body>
</html>