197 lines
7.1 KiB
HTML
197 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
<title>市场招聘大数据展示平台</title>
|
|
<link rel="icon" href="favicon.ico">
|
|
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/theme/default/layer.css">
|
|
<link rel="stylesheet" href="css/common.css">
|
|
<script type="text/javascript" src="js/common/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/common/layer.js"></script>
|
|
<script type="text/javascript" src="js/common/echarts.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="head">
|
|
<div class="title">
|
|
<img src="images/head_left.png" alt="" class="img_left" />
|
|
<span id="name">市场招聘大数据展示平台</span>
|
|
<img src="images/head_right.png" alt="" class="img_right" />
|
|
</div>
|
|
<div class="box_btn"><button onclick="history.go(-1)">返回</button></div>
|
|
<div class="weather" style="position:absolute;right:10px;">
|
|
<div class="btn-group" role="group" aria-label="...">
|
|
<button type="button" viewId="1" class="btn btn-default active" onclick="showOther(this)" id="btn2">查看更多</button>
|
|
<button type="button" viewId="1" class="btn btn-default active" onclick="toggleView(this);" id="btn1"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mainbox mainbox1 indexBox">
|
|
<ul class="clearfix">
|
|
<li class="liBox liBox1">
|
|
<div class="boxall">
|
|
<div class="alltitle">分行业招聘需求</div>
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(1)">历史数据</div>
|
|
</div>
|
|
<div class="dataList" style="">
|
|
<div class="subject" style="height:32px;">
|
|
<ul>
|
|
<li>
|
|
<span></span>
|
|
<span class="shengFen">行业名称</span>
|
|
<span>岗位需求数（万个）</span>
|
|
<span>求职人数（万人）</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="myscroll">
|
|
<ul class="ulBox" id="ulBox"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(2)">历史数据</div>
|
|
</div>
|
|
<div class="allnav" id="echart5"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(3)">历史数据</div>
|
|
</div>
|
|
<div class="allnav" id="echart7"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li class="liBox liBox2">
|
|
<div class="boxall">
|
|
<div class="tool" style="right: 0;top: -5px;">
|
|
<div class="tool-history" onclick="openHistory(0)">历史数据</div>
|
|
</div>
|
|
<div class="bar">
|
|
<div class="barbox">
|
|
<ul class="clearfix">
|
|
<li class="pulll_left counter xuqiu"></li>
|
|
<li class="pulll_right counter qiuzhi"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="map4" id="echart2"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(4)">历史数据</div>
|
|
</div>
|
|
<div class="allnav" id="echart4"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li class="liBox liBox3">
|
|
<div class="boxall echart12">
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(5)">历史数据</div>
|
|
</div>
|
|
<div class="allnav" id="echart12"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall echart10">
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(6)">历史数据</div>
|
|
</div>
|
|
<div class="allnav" id="echart10"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(7)">历史数据</div>
|
|
</div>
|
|
<div class="allnav" id="echart6"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="tool">
|
|
<div class="tool-history" onclick="openHistory(11)">历史数据</div>
|
|
</div>
|
|
<div class="allnav" id="echart11"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="mainbox mainbox2 indexBox">
|
|
<ul class="clearfix">
|
|
<li class="liBox liBox1">
|
|
<div class="boxall">
|
|
<div class="alltitle">行业</div>
|
|
<div class="allnav" id="echart_trend1" style="height:80%;"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="alltitle">企业规模</div>
|
|
<div class="allnav" id="echart_trend2" style="height:80%;"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="alltitle">薪资水平</div>
|
|
<div class="allnav" id="echart_trend3" style="height:80%;"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li class="liBox liBox2">
|
|
<div class="boxall">
|
|
<div class="alltitle">产业类型</div>
|
|
<div class="allnav" id="echart_trend4" style="height:88%;"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="alltitle">企业性质</div>
|
|
<div class="allnav" id="echart_trend5" style="height:88%;"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
<li class="liBox liBox3">
|
|
<div class="boxall">
|
|
<div class="alltitle">学历</div>
|
|
<div class="allnav" id="echart_trend6" style="height:88%;"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
<div class="boxall">
|
|
<div class="alltitle">岗位</div>
|
|
<div class="allnav" id="echart_trend7" style="height:88%;"></div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="back"></div>
|
|
<script type="text/javascript" src="js/common/scroll.js"></script>
|
|
<script type="text/javascript" src="js/common/china.js"></script>
|
|
<!--<script language="JavaScript" src="js/province/js/sichuan.js"></script>-->
|
|
<script type="text/javascript" src="js/area.js"></script>
|
|
<script type="text/javascript">
|
|
var shengFen = unescape(href[1].split('&')[0]);
|
|
|
|
function openHistory(type) {
|
|
if (type || type == 0) {
|
|
layer.open({
|
|
type: 2,
|
|
title: '历史数据',
|
|
shadeClose: true,
|
|
shade: false,
|
|
maxmin: true, //开启最大化最小化按钮
|
|
area: ['1000px', '760px'],
|
|
content: './history.html?type=' + type + '&abbreviation=' + shengFen
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |