Skip to content

C
civil-front
Commit 946b4f93 by 苏咏卓
Options

接口对接

parent ad4435a8
Showing with 365 additions and 130 deletions
src/api/unified/unified.js
import request from '@/utils/request'
/** -------------------- 人口专题 -------------------- **/
//儿童福利统计
export const getAgencyChildStatsList = data => {
return request({
url: 'portal/admin/stats/getAgencyChildStatsList',
method: 'POST',
data
})
}
//残疾人两项补贴
export const getAreaDisabledIssueStats = data => {
/** -------------------- 机构专题 -------------------- **/
//获取社会机构统计
export const getSoorganStats = data => {
return request({
url: 'portal/admin/stats/getAreaDisabledIssueStats',
url: 'portal/admin/stats/getSoorganStats',
method: 'POST',
data
})
}
/** -------------------- 机构专题 -------------------- **/
//获取社会机构统计
export const getSoorganStats = data => {
//获取地区下面社会机构统计列表
export const getAreaUnderSoorganStatsList = data => {
return request({
url: 'portal/admin/stats/getSoorganStats',
url: 'portal/admin/stats/getAreaUnderSoorganStatsList',
method: 'POST',
data
......@@ -110,4 +102,92 @@ export const getFivesYearShjzProvideStats = data => {
data
})
}
// 获取近年城市农村低保发放人数统计 城市柱形图
export const getAreaYearShjzAchieveStats = data => {
return request({
url: 'portal/admin/stats/getAreaYearShjzAchieveStats',
method: 'POST',
data
})
}
/** -------------------- 儿童福利 -------------------- **/
//统计该区域的机构和儿童数量
export const getAgencyChildStats = data => {
return request({
url: 'portal/admin/stats/getAgencyChildStats',
method: 'POST',
data
})
}
//统计该区域的机构和儿童数量统计列表
export const getAgencyChildStatsList = data => {
return request({
url: 'portal/admin/stats/getAgencyChildStatsList',
method: 'POST',
data
})
}
//获取区域机构占比
export const getAgencyPercentageStats = data => {
return request({
url: 'portal/admin/stats/getAgencyPercentageStats',
method: 'POST',
data
})
}
//获取福利院下的儿童统计
export const getAgencyUnderChildStatsList = data => {
return request({
url: 'portal/admin/stats/getAgencyUnderChildStatsList',
method: 'POST',
data
})
}
/** -------------------- 两项补贴 -------------------- **/
//获取区域残疾发放统计
export const getAreaDisabledIssueStats = data => {
return request({
url: 'portal/admin/stats/getAreaDisabledIssueStats',
method: 'POST',
data
})
}
//近五年发放人数和金额统计
export const getYearDisabledIssueStats = data => {
return request({
url: 'portal/admin/stats/getYearDisabledIssueStats',
method: 'POST',
data
})
}
//获取残疾等级统计
export const getDisabledLevelStats = data => {
return request({
url: 'portal/admin/stats/getDisabledLevelStats',
method: 'POST',
data
})
}
//获取区域养老院统计列表
export const getAreaNursingStatsList = data => {
return request({
url: 'portal/admin/stats/getAreaNursingStatsList',
method: 'POST',
data
})
}
\ No newline at end of file
src/views/unified/tapSwitch/childWelfare.vue
......@@ -7,7 +7,34 @@
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="wian">
<div class="title">婚姻统计</div>
<div class="title">儿童福利机构汇总</div>
<div class="socialOrganizationFlex">
<div class="textLefts">收养总数</div>
<div>
<div class="borderBottom"></div>
<div class="yellowNum">1234</div>
<div class="borderTop"></div>
</div>
<div class="text">个</div>
</div>
<div class="socialOrganizationFlex">
<div class="textLeft">孤儿</div>
<div>
<div class="borderBottom"></div>
<div class="textNum">1234</div>
<div class="borderTop"></div>
</div>
<div class="text">个</div>
</div>
<div class="socialOrganizationFlex">
<div class="text">事实无人领养</div>
<div>
<div class="borderBottom"></div>
<div class="textNum">1234</div>
<div class="borderTop"></div>
</div>
<div class="text">个</div>
</div>
</div>
</el-col>
</el-row>
......@@ -71,6 +98,7 @@
<script>
import * as echarts from "echarts";
import { getAgencyChildStats,getAgencyChildStatsList,getAgencyUnderChildStatsList,getAgencyPercentageStats } from "@/api/unified/unified";
export default {
data() {
return {
......@@ -86,10 +114,46 @@ export default {
address: "上海市普陀区金沙江路 1517 弄",
},
],
agencyChildStats:{},
agencyChildStatsList:{},
agencyUnderChildStatsList:{}
};
},
created() {},
created() {
this.getAgencyChildStatsFun()
this.getAgencyChildStatsListFun()
this.getAgencyUnderChildStatsListFun()
this.getAgencyPercentageStatsFun()
},
methods: {
getAgencyChildStatsFun(){
getAgencyChildStats({}).then(res =>{
console.log(res,'统计该区域的机构和儿童数量')
this.agencyChildStats = res.data
})
},
getAgencyChildStatsListFun(){
getAgencyChildStatsList({}).then(res =>{
console.log(res,'统计该区域的机构和儿童数量统计列表')
this.agencyChildStatsList = res.data
})
},
getAgencyPercentageStatsFun(){
getAgencyPercentageStats({}).then(res =>{
console.log(res,'获取区域机构占比')
this.agencyPercentageStats = res.data
})
},
getAgencyUnderChildStatsListFun(){
getAgencyUnderChildStatsList({}).then(res =>{
console.log(res,'获取福利院下的儿童统计')
this.agencyUnderChildStatsList = res.data
})
},
//机构占比
proportionFun() {
var chartDom = document.getElementById("proportion");
......@@ -397,4 +461,68 @@ height: 350px;}
height: 818px;
background-color: blanchedalmond;
}
.socialOrganizationFlex {
display: flex;
margin-top: 30px;
margin-left: 20px;
}
.text {
font-size: 12px;
color: #0e62bf;
margin-top: 16px;
}
.textLeft {
font-size: 12px;
color: #0e62bf;
margin-top: 16px;
margin-left: 48px;
}
.textLefts {
font-size: 12px;
color: #0e62bf;
margin-top: 16px;
margin-left: 24px;
}
.textNum {
width: 180px;
font-size: 24px;
text-align: center;
color: #fff;
font-weight: bold;
}
.yellowNum {
width: 180px;
font-size: 24px;
text-align: center;
color: #ffff20;
font-weight: bold;
}
.textNums {
width: 180px;
font-size: 24px;
text-align: center;
color: #c1bdbd;
font-weight: bold;
}
.borderBottom {
width: 180px;
height: 12px;
border: 1px solid #0e62bf;
border-bottom: none;
}
.borderTop {
width: 100%;
height: 12px;
border: 1px solid #0e62bf;
border-top: none;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/mechanism.vue
......@@ -103,7 +103,7 @@
<script>
import * as echarts from "echarts";
import { getSoorganStats } from "@/api/unified/unified";
import { getSoorganStats,getAreaUnderSoorganStatsList,getAreaNursingStatsList } from "@/api/unified/unified";
export default {
data() {
return {
......@@ -171,10 +171,14 @@ export default {
},
],
soorganStats: {},
areaUnderSoorganStatsList:{},
areaNursingStatsList:{}
};
},
created() {
this.getSoorganStatsFun();
this.getAreaUnderSoorganStatsListFun()
this.getAreaNursingStatsListFun()
},
methods: {
getSoorganStatsFun() {
......@@ -184,6 +188,20 @@ export default {
});
},
getAreaUnderSoorganStatsListFun(){
getAreaUnderSoorganStatsList({}).then(res =>{
console.log(res,'获取地区下面社会机构统计列表')
this.areaUnderSoorganStatsList = res.data
})
},
getAreaNursingStatsListFun(){
getAreaNursingStatsList({}).then(res =>{
console.log(res,'获取区域养老院统计列表')
this.areaNursingStatsList = res.data
})
},
//社会组织柱形图
sociologyFun() {
var chartDom = document.getElementById("sociology");
......@@ -307,7 +325,7 @@ export default {
{
type: "category",
axisTick: { show: false },
data: ["南宁", "桂林", "防城港", "钦州", "贵州"],
data: this.areaUnderSoorganStatsList.areaList,
axisLabel: {
textStyle: {
color: "#FFFFFF",
......@@ -360,7 +378,7 @@ export default {
emphasis: {
focus: "series",
},
data: [320, 332, 301, 334, 390],
data: this.areaUnderSoorganStatsList.foundationNumList,
itemStyle: {
normal: {
color: "#3167ff",
......@@ -377,7 +395,7 @@ export default {
emphasis: {
focus: "series",
},
data: [220, 182, 191, 234, 290],
data: this.areaUnderSoorganStatsList.leagueNumList,
itemStyle: {
normal: {
color: "#ff4444",
......@@ -394,7 +412,7 @@ export default {
emphasis: {
focus: "series",
},
data: [220, 182, 191, 234, 290],
data: this.areaUnderSoorganStatsList.minFeiNumList,
itemStyle: {
normal: {
color: "#FAC858",
......@@ -458,7 +476,7 @@ export default {
},
yAxis: {
type: "category",
data: ["巴西", "印尼", "美国", "印度", "桂林", "南宁"],
data: this.areaNursingStatsList.cityList,
axisLabel: {
textStyle: {
color: "#FFFFFF",
......@@ -482,7 +500,7 @@ export default {
{
name: "养老机构",
type: "bar",
data: [18203, 23489, 29034, 104970, 131744, 63023],
data: this.areaNursingStatsList.numList,
itemStyle: {
normal: {
color: "#3167ff",
......
src/views/unified/tapSwitch/socialAssistance.vue
......@@ -11,14 +11,18 @@
<div class="display">
<div>
<div class="flex">
<div class="num">{{cityAndvillagePeople.cityToatlNum}}</div>
<div class="num">
{{ cityAndvillagePeople.cityToatlNum }}
</div>
<div class="text">人</div>
</div>
<div class="rural">农村</div>
</div>
<div>
<div class="flex">
<div class="nums">{{cityAndvillagePeople.villageToatlNum}}</div>
<div class="nums">
{{ cityAndvillagePeople.villageToatlNum }}
</div>
<div class="texts">人</div>
</div>
<div class="city">城市</div>
......@@ -37,14 +41,18 @@
<div class="display">
<div>
<div class="flex">
<div class="num">{{cityAndvillageNum.cityToatlAmount}}</div>
<div class="num">
{{ cityAndvillageNum.cityToatlAmount }}
</div>
<div class="text">万元</div>
</div>
<div class="rural">农村</div>
</div>
<div>
<div class="flex">
<div class="nums">{{cityAndvillageNum.villageToatlAmount}}</div>
<div class="nums">
{{ cityAndvillageNum.villageToatlAmount }}
</div>
<div class="texts">万元</div>
</div>
<div class="city">城市</div>
......@@ -113,7 +121,12 @@
<script>
import * as echarts from "echarts";
import { getThreeYearShjzAchieveStats,getThreeYearShjzProvideStats,getFivesYearShjzAchieveStats } from "@/api/unified/unified";
import {
getThreeYearShjzAchieveStats,
getThreeYearShjzProvideStats,
getFivesYearShjzAchieveStats,
getAreaYearShjzAchieveStats,
} from "@/api/unified/unified";
export default {
data() {
return {
......@@ -129,47 +142,64 @@ export default {
address: "上海市普陀区金沙江路 1517 弄",
},
],
fivesYearShjzAchieveStats:{},
threeYearShjzProvideStats:{},
fivesYearShjzAchieveStats:{},
cityAndvillagePeople:{}, // 五年享受低保资金人数
cityAndvillageNum:{} // 五年享受低保资金总数
fivesYearShjzAchieveStats: {},
threeYearShjzProvideStats: {},
fivesYearShjzAchieveStats: {},
areaYearShjzAchieveStats: {},
cityNames:[],
cityAndvillagePeople: {}, // 五年享受低保资金人数
cityAndvillageNum: {}, // 五年享受低保资金总数
};
},
created() {
this.getThreeYearShjzAchieveStatsFun()
this.getThreeYearShjzProvideStatsFun()
this.getFivesYearShjzAchieveStatsFun()
this.getThreeYearShjzAchieveStatsFun();
this.getThreeYearShjzProvideStatsFun();
this.getFivesYearShjzAchieveStatsFun();
this.getAreaYearShjzAchieveStatsFun();
},
methods: {
getThreeYearShjzAchieveStatsFun(){
getThreeYearShjzAchieveStats({}).then(res =>{
console.log(res,'获取近三年城市农村低保发放人数统计')
this.threeYearShjzAchieveStats = res.data.admin
this.cityAndvillagePeople = res.data.totalData
this.fivePeopleFun(res.data.admin)
})
getThreeYearShjzAchieveStatsFun() {
getThreeYearShjzAchieveStats({}).then((res) => {
console.log(res, "获取近三年城市农村低保发放人数统计");
this.threeYearShjzAchieveStats = res.data.admin;
this.cityAndvillagePeople = res.data.totalData;
this.fivePeopleFun(res.data.admin);
});
},
getThreeYearShjzProvideStatsFun(){
getThreeYearShjzProvideStats({}).then(res =>{
console.log(res,'获取近三年城市农村低保发放金额统计')
this.threeYearShjzProvideStats = res.data.admin
this.cityAndvillageNum = res.data.totalData
this.fiveCapitalFun(res.data.admin)
})
getThreeYearShjzProvideStatsFun() {
getThreeYearShjzProvideStats({}).then((res) => {
console.log(res, "获取近三年城市农村低保发放金额统计");
this.threeYearShjzProvideStats = res.data.admin;
this.cityAndvillageNum = res.data.totalData;
this.fiveCapitalFun(res.data.admin);
});
},
getFivesYearShjzAchieveStatsFun(){
getFivesYearShjzAchieveStats({}).then(res =>{
console.log(res,'农村城市低保人数统计')
this.fivesYearShjzAchieveStats = res.data.admin
})
getFivesYearShjzAchieveStatsFun() {
getFivesYearShjzAchieveStats({}).then((res) => {
console.log(res, "农村城市低保人数统计");
this.fivesYearShjzAchieveStats = res.data.admin;
});
},
getAreaYearShjzAchieveStatsFun() {
getAreaYearShjzAchieveStats({}).then((res) => {
console.log(res, "获取近三年城市农村低保发放人数统计 城市柱形图");
this.areaYearShjzAchieveStats = res.data;
res.data.areaList.forEach(item => {
this.cityNames.push(
item.name
)
});
console.log(this.cityNames);
this.ruralAndcityFun()
});
},
//3年享受低保人数
fivePeopleFun(data) {
console.log(data)
console.log(data);
var chartDom = document.getElementById("fivePeople");
var myChart = echarts.init(chartDom, "dark");
var option;
......@@ -272,7 +302,7 @@ export default {
//3年享受低保资金
fiveCapitalFun(data) {
console.log(data)
console.log(data);
var chartDom = document.getElementById("fiveCapital");
var myChart = echarts.init(chartDom, "dark");
var option;
......@@ -496,23 +526,7 @@ export default {
{
type: "category",
axisTick: { show: false },
data: [
"南宁市",
"柳州市",
"桂林市",
"梧州市",
"北海市",
"防城港市",
"钦州市",
"贵港市",
"玉林市",
"百色市",
"贺州市",
"河池市",
"来宾市",
"崇左市",
"梧州市",
],
data: this.cityNames,
axisLabel: {
textStyle: {
color: "#FFFFFF",
......@@ -565,7 +579,7 @@ export default {
emphasis: {
focus: "series",
},
data: [320, 332, 301, 334, 390,220, 182, 191, 234, 290,220, 182, 191, 234, 290,220, 182, 191, 234, 290],
data: this.areaYearShjzAchieveStats.villagList,
itemStyle: {
normal: {
color: "#3167ff",
......@@ -582,7 +596,7 @@ export default {
emphasis: {
focus: "series",
},
data: [220, 182, 191, 234, 290,220, 182, 191, 234, 290,220, 182, 191,220, 182, 191, 234, 290],
data: this.areaYearShjzAchieveStats.cityList,
itemStyle: {
normal: {
color: "#ff4444",
......@@ -599,9 +613,9 @@ export default {
},
},
mounted() {
setTimeout(() => {
this.ruralAndcityFun();
}, 1000);
// setTimeout(() => {
// this.ruralAndcityFun();
// }, 1000);
},
};
</script>
......
src/views/unified/tapSwitch/subsidies.vue
......@@ -34,26 +34,11 @@
<el-col :span="24">
<div class="wian">
<div class="title">残疾人比例</div>
<div class="subsidiesBox">
<div class="subsidiesText">一级残疾</div>
<div class="subsidiesText">总数299884</div>
<div class="subsidiesBox" v-for="(item,index) in disabledLevelStats" :key="index">
<div class="subsidiesText">{{item.level}}</div>
<div class="subsidiesText">{{item.num}}</div>
<div class="subsidiesText">贫困18%</div>
</div>
<div class="subsidiesBox">
<div class="subsidiesText">二级残疾</div>
<div class="subsidiesText">总数299884</div>
<div class="subsidiesText">贫困28%</div>
</div>
<div class="subsidiesBox">
<div class="subsidiesText">三级残疾</div>
<div class="subsidiesText">总数299884</div>
<div class="subsidiesText">贫困38%</div>
</div>
<div class="subsidiesBox">
<div class="subsidiesText">四级残疾</div>
<div class="subsidiesText">总数299884</div>
<div class="subsidiesText">贫困48%</div>
</div>
</div>
</el-col>
</el-row>
......@@ -120,6 +105,7 @@
<script>
import * as echarts from "echarts";
import { getYearDisabledIssueStats,getDisabledLevelStats,getAreaDisabledIssueStats } from "@/api/unified/unified";
export default {
data() {
return {
......@@ -135,12 +121,42 @@ export default {
address: "上海市普陀区金沙江路 1517 弄",
},
],
yearDisabledIssueStats:{},
disabledLevelStats:{},
areaDisabledIssueStats:{}
};
},
created() {},
created() {
this.getYearDisabledIssueStatsFun()
this.getDisabledLevelStatsFun()
this.getAreaDisabledIssueStatsFun()
},
methods: {
//5年享受低保人数
fivePeopleFun() {
getYearDisabledIssueStatsFun(){
getYearDisabledIssueStats({}).then(res =>{
console.log(res,'近三年发放人数和金额统计')
this.yearDisabledIssueStats = res.data.admin
this.fivePeopleFun(res.data.admin)
})
},
getDisabledLevelStatsFun(){
getDisabledLevelStats({}).then(res =>{
console.log(res,'获取残疾等级统计')
this.disabledLevelStats = res.data
})
},
getAreaDisabledIssueStatsFun(){
getAreaDisabledIssueStats({}).then(res =>{
console.log(res,'获取区域残疾发放统计')
this.areaDisabledIssueStats = res.data
})
},
//3年享受低保人数
fivePeopleFun(data) {
console.log(data)
var chartDom = document.getElementById("fivePeople");
var myChart = echarts.init(chartDom, "dark");
var option;
......@@ -165,7 +181,7 @@ export default {
xAxis: {
type: "category",
data: ["2016", "2017", "2018", "2019", "2020"],
data: data.dateList,
axisLabel: {
textStyle: {
color: "#FFFFFF",
......@@ -211,7 +227,7 @@ export default {
name: "贫困残疾人",
type: "line",
stack: "总量",
data: [120, 132, 101, 134, 90],
data: data.severeAmountList,
itemStyle: {
normal: {
color: "#3167ff",
......@@ -225,7 +241,7 @@ export default {
name: "重度残疾人",
type: "line",
stack: "总量",
data: [220, 182, 191, 234, 290],
data: data.difficultAmountList,
itemStyle: {
normal: {
color: "#ff4444",
......@@ -364,23 +380,7 @@ export default {
{
type: "category",
axisTick: { show: false },
data: [
"南宁市",
"柳州市",
"桂林市",
"梧州市",
"北海市",
"防城港市",
"钦州市",
"贵港市",
"玉林市",
"百色市",
"贺州市",
"河池市",
"来宾市",
"崇左市",
"梧州市",
],
data: this.areaDisabledIssueStats.areaList,
axisLabel: {
textStyle: {
color: "#FFFFFF",
......@@ -433,10 +433,7 @@ export default {
emphasis: {
focus: "series",
},
data: [
320, 332, 301, 334, 390, 220, 182, 191, 234, 290, 220, 182, 191,
234, 290, 220, 182, 191, 234, 290,
],
data: this.areaDisabledIssueStats.difficultIssueAmountList,
itemStyle: {
normal: {
color: "#3167ff",
......@@ -453,10 +450,7 @@ export default {
emphasis: {
focus: "series",
},
data: [
220, 182, 191, 234, 290, 220, 182, 191, 234, 290, 220, 182, 191,
220, 182, 191, 234, 290,
],
data: this.areaDisabledIssueStats.severeIssueAmountList,
itemStyle: {
normal: {
color: "#ff4444",
......@@ -474,7 +468,6 @@ export default {
},
mounted() {
setTimeout(() => {
this.fivePeopleFun();
this.ruralAndcityFun();
}, 1000);
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment