sdz/cmanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

成都劳动力大屏集成

Browse Source
This commit is contained in:
zxy
2024-02-05 10:16:53 +08:00
parent ca50d9cab0
commit d06101daec
97 changed files with 17341 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
public/chengdu/detail.html Normal file
View File

@@ -0,0 +1,131 @@
<!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/cd_left_corner.png" alt="" class="cd_title_left" />
<img src="images/cd_head_bg.png" alt="" class="cd_img_bg" />
<span style="font-size: 28px;" id="name">成都市彭州市劳动力需求大数据平台</span>
<span class="cd_title_left_calendar">2023.12.10-2023.12.28</span>
<img src="images/cd_calendar_icon.png" class="cd_title_right_calendar_icon" />
<img src="images/cd_right_corner.png" alt="" class="cd_title_right" />
</div>
</div>
<div class="mainbox mainbox1 indexBox">
<ul class="clearfix">
<li class="li1" style="height: calc(70% - 5px);">
<div class="boxall">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right_2.png" />
<div class="item-title">企业规模</div>
<div class="allnav" id="echart7"></div>
</div>
<div class="boxall">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right_2.png" />
<div class="item-title">彭州市劳动力需求热力图</div>
<div class="map4" id="echart2"></div>
</div>
<div class="boxall" style="display: flex;justify-content: space-between;background:#03071B;flex-direction: column;">
<div class="inner-box" style="flex: 1;margin-bottom: 5px;background:rgb(8,24,83);position: relative;">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
<div class="item-title">分行业招聘需求</div>
<div class="tableList" style="height:100%;width:92%;margin:0 auto;margin-top:44px;">
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;background-color:rgba(101, 124, 168, .2);">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>行业名称</span>
<span>岗位需求数(万个)</span>
<span>求职人数(万人)</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>采矿业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
<div class="list-title" style="width:100%;height:30px;line-height:30px;overflow:hidden;">
<ul style="width:100%;height:30px;line-height:30px;border:1px solid rgba(101, 124, 168, 1);border-top:none;">
<li class="topLeftTable" style="width:100%;height:30px;line-height:30px;display:flex;justify-content: space-around;">
<span>制造业</span>
<span>11034</span>
<span>11900</span>
</li>
</ul>
</div>
</div>
</div>
<div class="inner-box" style="flex: 2;background:rgb(8,24,83);">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
<div class="item-title">薪资待遇</div>
<div class="allnav" id="echart8" style="height: 100%;"></div>
</div>
</div>
</li>
<li class="li2">
<div class="boxall" style="width: calc(33% - 5px)">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
<div class="item-title">企业性质</div>
<div class="allnav" id="echart6"></div>
</div>
<div class="boxall" style="width: 33%">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
<div class="item-title">学历要求</div>
<div class="allnav" id="echart5"></div>
</div>
<div class="boxall" style="width: calc(34% - 5px);margin-right: 0;">
<img class="left-top" src="images/bian_jiao_left_top.png" alt="" />
<img class="right-bottom-long" src="images/bian_jiao_bottom_right.png" />
<div class="item-title">经验要求</div>
<div class="allnav" id="echart4"></div>
</div>
</li>
</ul>
</div>
<div class="back"></div>
<!--jQuery文字无缝滚动-->
<script type="text/javascript" src="js/common/scroll.js"></script>
<script type="text/javascript" src="js/common/china.js"></script>
<script type="text/javascript" src="js/detail.js"></script>
<script type="text/javascript">
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
});
}
}
</script>
</body>
</html>