首页统计页面修改- 增加模板点击查看二级页面
This commit is contained in:
LiuY
parent
c884d12a85
commit
bd9fa75737
@ -40,7 +40,7 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("nation")
|
||||
public ModelAndView nation(@RequestParam String name) {
|
||||
public ModelAndView nation(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "nation=" + name);
|
||||
return mv;
|
||||
@ -62,7 +62,7 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("jiedao")
|
||||
public ModelAndView jiedao(@RequestParam String name) {
|
||||
public ModelAndView jiedao(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "jiedao=" + name);
|
||||
return mv;
|
||||
@ -73,7 +73,7 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("sex")
|
||||
public ModelAndView sex(@RequestParam String name) {
|
||||
public ModelAndView sex(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "sex=" + name);
|
||||
return mv;
|
||||
@ -84,7 +84,7 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("organization")
|
||||
public ModelAndView organization(@RequestParam String name) {
|
||||
public ModelAndView organization(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "organization=" + organizationMap.get(name));
|
||||
return mv;
|
||||
@ -118,7 +118,7 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("religion")
|
||||
public ModelAndView religion(@RequestParam String name) {
|
||||
public ModelAndView religion(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "religion=" + name);
|
||||
return mv;
|
||||
@ -130,7 +130,7 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("xinfang")
|
||||
public ModelAndView xinfang(@RequestParam String name) {
|
||||
public ModelAndView xinfang(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "xinfang=" + name);
|
||||
return mv;
|
||||
@ -142,7 +142,7 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("baozhang")
|
||||
public ModelAndView baozhang(@RequestParam String name) {
|
||||
public ModelAndView baozhang(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "baozhang=" + name);
|
||||
return mv;
|
||||
@ -154,10 +154,10 @@ public class PopulationInfoBigdataRouteController extends AbstractController {
|
||||
* @return
|
||||
*/
|
||||
@GetMapping("teshu")
|
||||
public ModelAndView teshu(@RequestParam String name) {
|
||||
public ModelAndView teshu(String name) {
|
||||
ModelAndView mv = new ModelAndView("populationinfo/list-bigdata");
|
||||
mv.addObject("params", "teshu=" + name);
|
||||
return mv;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -10,7 +10,21 @@
|
||||
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all"/>
|
||||
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all"/>
|
||||
<link rel="stylesheet" href="assets/home/css/index.css">
|
||||
<style>
|
||||
.person_sta ul li {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ratio div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.h51{
|
||||
cursor: pointer;
|
||||
}
|
||||
.h52{
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 父容器大盒子 -->
|
||||
@ -20,7 +34,7 @@
|
||||
<!--人口数量统计-->
|
||||
<div class="person_sta">
|
||||
<ul>
|
||||
<li>
|
||||
<li @click="personShow()">
|
||||
<img src="assets/home/images/bj1.png" alt="" class="bj">
|
||||
<img src="assets/home/images/bj11.png" alt="" class="dz">
|
||||
<img src="assets/home/images/bj111.png" alt="" class="dzstb">
|
||||
@ -30,7 +44,7 @@
|
||||
<i>人</i>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<li @click="jieDaoRenKouShow('稀土路街道')">
|
||||
<img src="assets/home/images/bj2.png" alt="" class="bj">
|
||||
<img src="assets/home/images/bj22.png" alt="" class="dz">
|
||||
<img src="assets/home/images/bj222.png" alt="" class="dzstb">
|
||||
@ -40,7 +54,7 @@
|
||||
<i>人</i>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<li @click="jieDaoRenKouShow('民馨路街道')">
|
||||
<img src="assets/home/images/bj3.png" alt="" class="bj">
|
||||
<img src="assets/home/images/bj33.png" alt="" class="dz">
|
||||
<img src="assets/home/images/bj333.png" alt="" class="dzstb">
|
||||
@ -50,13 +64,13 @@
|
||||
<i>人</i>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<li @click="jieDaoRenKouShow('万水泉镇')">
|
||||
<img src="assets/home/images/bj4.png" alt="" class="bj">
|
||||
<img src="assets/home/images/bj44.png" alt="" class="dz">
|
||||
<img src="assets/home/images/bj444.png" alt="" class="dzstb">
|
||||
<h5>万水泉镇</h5>
|
||||
<span>
|
||||
<em>{{ wanShuiQuanpersonCount }}</em>
|
||||
<em >{{ wanShuiQuanpersonCount }}</em>
|
||||
<i>人</i>
|
||||
</span>
|
||||
</li>
|
||||
@ -120,7 +134,7 @@
|
||||
<em class="em_man">——{{ genderMaPercentage }}%</em>
|
||||
<em class="em_woman">—{{ genderWomanPercentage }}%</em>
|
||||
<div class="ratio">
|
||||
<div class="manbox" style="background-image: url('assets/home/images/manryzb.png');background-size: cover;">
|
||||
<div class="manbox" style="background-image: url('assets/home/images/manryzb.png');background-size: cover;" @click="xingBieRenYuanShow('男')">
|
||||
<p class="man_p">{{ genderMaNum }}</p>
|
||||
<h5>男性人数(人)</h5>
|
||||
<span>
|
||||
@ -131,7 +145,7 @@
|
||||
<div class="progress1"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="womanbox" style="background-image: url('assets/home/images/womanryzb.png');background-size: cover;">
|
||||
<div class="womanbox" style="background-image: url('assets/home/images/womanryzb.png');background-size: cover;" @click="xingBieRenYuanShow('女')">
|
||||
<p class="woman_p">{{ genderWomanNum }}</p>
|
||||
<h5>女性人数(人)</h5>
|
||||
<span>
|
||||
@ -165,8 +179,8 @@
|
||||
<div class="special_bottom">
|
||||
<img src="assets/home/images/r_33_1.png" alt="" class="r_33_1">
|
||||
<img src="assets/home/images/r_33_2.png" alt="" class="r_33_2">
|
||||
<h5 class="h51">{{ correctCount }}人</h5>
|
||||
<h5 class="h52">{{ releaseCount }}人</h5>
|
||||
<h5 class="h51" @click="teShuRenYuanShow('社区矫正')">{{ correctCount }}人</h5>
|
||||
<h5 class="h52" @click="teShuRenYuanShow('刑满释放')">{{ releaseCount }}人</h5>
|
||||
<em class="em1">社区矫正对象</em>
|
||||
<em class="em2">刑满释放人员</em>
|
||||
</div>
|
||||
@ -353,17 +367,21 @@
|
||||
}
|
||||
]
|
||||
};
|
||||
var myChart = echarts.init(document.getElementById('politicalStatusChart'));
|
||||
$.ajax({
|
||||
url: self.apiHost + "app/query/sqlrelease/qe41cc66",
|
||||
type: 'GET',
|
||||
dataType: 'JSON',
|
||||
headers: self.headers,
|
||||
success: function(data) {
|
||||
var myChart = echarts.init(document.getElementById('politicalStatusChart'))
|
||||
option.series[0]['data'] = data
|
||||
option.series[0]['data'] = data;
|
||||
myChart.setOption(option);
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
myChart.on('click', function(params) {
|
||||
self.zhengZhiMianMaoRenYuanShow(params.name);
|
||||
});
|
||||
},
|
||||
// 社会保障类人员情况
|
||||
initProtectPerson: function(){
|
||||
@ -431,6 +449,7 @@
|
||||
}
|
||||
]
|
||||
};
|
||||
var myChart = echarts.init(document.getElementById('protectPersonChart'));
|
||||
$.ajax({
|
||||
url: self.apiHost + "app/query/sqlrelease/qe34cc66",
|
||||
type: 'GET',
|
||||
@ -441,10 +460,12 @@
|
||||
option.xAxis[0]['data'].push(v.name);
|
||||
option.series[0]['data'].push(v.value);
|
||||
});
|
||||
var myChart = echarts.init(document.getElementById('protectPersonChart'))
|
||||
myChart.setOption(option);
|
||||
}
|
||||
})
|
||||
});
|
||||
myChart.on('click', function(params) {
|
||||
self.sheHuiBaoZhangRenYuanShow(params.name)
|
||||
});
|
||||
},
|
||||
|
||||
// 近一年信访管理类人员记录
|
||||
@ -504,7 +525,14 @@
|
||||
type: 'line',
|
||||
// stack: 'Total',
|
||||
smooth: true,
|
||||
data: []
|
||||
data: [],
|
||||
/*label: {
|
||||
show: true,
|
||||
formatter: function(params) {
|
||||
// 在标签中显示数据值
|
||||
return params.value + "131232";
|
||||
}
|
||||
}*/
|
||||
},
|
||||
{
|
||||
name: "社会治安",
|
||||
@ -536,6 +564,7 @@
|
||||
},
|
||||
]
|
||||
};
|
||||
var myChart = echarts.init(document.getElementById('petitionRecordChart'));
|
||||
$.ajax({
|
||||
url: self.apiHost + "app/query/sqlrelease/q8d0f588",
|
||||
type: 'GET',
|
||||
@ -550,10 +579,14 @@
|
||||
option.series[3]['data'].push(v['涉邪人员']);
|
||||
option.series[4]['data'].push(v['重点上访户']);
|
||||
});
|
||||
var myChart = echarts.init(document.getElementById('petitionRecordChart'))
|
||||
myChart.setOption(option);
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
myChart.on('click', function(params) {
|
||||
self.xinFangRenYuanShow(params.seriesName)
|
||||
});
|
||||
|
||||
},
|
||||
// 近半年特殊人员记录
|
||||
initSpecialPersonData: function(){
|
||||
@ -622,6 +655,7 @@
|
||||
}
|
||||
]
|
||||
};
|
||||
var myChart = echarts.init(document.getElementById('specialPersonChart'))
|
||||
$.ajax({
|
||||
url: self.apiHost + "app/query/sqlrelease/q316ecca",
|
||||
type: 'GET',
|
||||
@ -633,11 +667,105 @@
|
||||
option.series[0]['data'].push(v['sheQu']);
|
||||
option.series[1]['data'].push(v['xingMan']);
|
||||
});
|
||||
var myChart = echarts.init(document.getElementById('specialPersonChart'))
|
||||
myChart.setOption(option);
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
myChart.on('click', function(params) {
|
||||
self.teShuRenYuanShow(params.seriesName)
|
||||
});
|
||||
|
||||
},
|
||||
// 二级页面 - 人口总数
|
||||
personShow: function(){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/total', []),
|
||||
title: '人口总数',
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},
|
||||
// 二级页面 - 街道人口
|
||||
jieDaoRenKouShow: function(data){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/jiedao?name={name}', [data]),
|
||||
title: data + '人口',
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},
|
||||
// 二级页面 - 特殊人员
|
||||
teShuRenYuanShow: function(data){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/teshu?name={name}', [data]),
|
||||
title: data,
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},
|
||||
// 二级页面 - 性别人员
|
||||
xingBieRenYuanShow: function(data){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/sex?name={name}', [data]),
|
||||
title: data + '性人员',
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
//二级页面 - 社会保障类人员
|
||||
sheHuiBaoZhangRenYuanShow: function(data){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/baozhang?name={name}', [data]),
|
||||
title: data + '人员',
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},
|
||||
//二级页面 - 政治面貌
|
||||
zhengZhiMianMaoRenYuanShow: function(data){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/organization?name={name}', [data]),
|
||||
title: data + '人员',
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},
|
||||
/*//二级页面 - 近半年特殊人员
|
||||
banNianTeShuRenYuanShow: function(data){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/organization?name={name}', [data]),
|
||||
title: data + '人员',
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},*/
|
||||
|
||||
//二级页面 - 近一年信访人员记录
|
||||
xinFangRenYuanShow: function(data){
|
||||
top.dialog.open({
|
||||
url: top.restAjax.path('route/populationinfo-data/xinfang?name={name}', [data]),
|
||||
title: data + '人员',
|
||||
width: '80%',
|
||||
height: '80%',
|
||||
onClose: function() {
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user