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' 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({ return request({
url: 'portal/admin/stats/getAreaDisabledIssueStats', url: 'portal/admin/stats/getSoorganStats',
method: 'POST', method: 'POST',
data data
}) })
} }
/** -------------------- 机构专题 -------------------- **/ //获取地区下面社会机构统计列表
//获取社会机构统计 export const getAreaUnderSoorganStatsList = data => {
export const getSoorganStats = data => {
return request({ return request({
url: 'portal/admin/stats/getSoorganStats', url: 'portal/admin/stats/getAreaUnderSoorganStatsList',
method: 'POST', method: 'POST',
data data
...@@ -111,3 +103,91 @@ export const getFivesYearShjzProvideStats = data => { ...@@ -111,3 +103,91 @@ export const getFivesYearShjzProvideStats = 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 @@ ...@@ -7,7 +7,34 @@
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <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> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -71,6 +98,7 @@ ...@@ -71,6 +98,7 @@
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import { getAgencyChildStats,getAgencyChildStatsList,getAgencyUnderChildStatsList,getAgencyPercentageStats } from "@/api/unified/unified";
export default { export default {
data() { data() {
return { return {
...@@ -86,10 +114,46 @@ export default { ...@@ -86,10 +114,46 @@ export default {
address: "上海市普陀区金沙江路 1517 弄", address: "上海市普陀区金沙江路 1517 弄",
}, },
], ],
agencyChildStats:{},
agencyChildStatsList:{},
agencyUnderChildStatsList:{}
}; };
}, },
created() {}, created() {
this.getAgencyChildStatsFun()
this.getAgencyChildStatsListFun()
this.getAgencyUnderChildStatsListFun()
this.getAgencyPercentageStatsFun()
},
methods: { 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() { proportionFun() {
var chartDom = document.getElementById("proportion"); var chartDom = document.getElementById("proportion");
...@@ -397,4 +461,68 @@ height: 350px;} ...@@ -397,4 +461,68 @@ height: 350px;}
height: 818px; height: 818px;
background-color: blanchedalmond; 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> </style>
\ No newline at end of file
src/views/unified/tapSwitch/mechanism.vue
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import { getSoorganStats } from "@/api/unified/unified"; import { getSoorganStats,getAreaUnderSoorganStatsList,getAreaNursingStatsList } from "@/api/unified/unified";
export default { export default {
data() { data() {
return { return {
...@@ -171,10 +171,14 @@ export default { ...@@ -171,10 +171,14 @@ export default {
}, },
], ],
soorganStats: {}, soorganStats: {},
areaUnderSoorganStatsList:{},
areaNursingStatsList:{}
}; };
}, },
created() { created() {
this.getSoorganStatsFun(); this.getSoorganStatsFun();
this.getAreaUnderSoorganStatsListFun()
this.getAreaNursingStatsListFun()
}, },
methods: { methods: {
getSoorganStatsFun() { getSoorganStatsFun() {
...@@ -184,6 +188,20 @@ export default { ...@@ -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() { sociologyFun() {
var chartDom = document.getElementById("sociology"); var chartDom = document.getElementById("sociology");
...@@ -307,7 +325,7 @@ export default { ...@@ -307,7 +325,7 @@ export default {
{ {
type: "category", type: "category",
axisTick: { show: false }, axisTick: { show: false },
data: ["南宁", "桂林", "防城港", "钦州", "贵州"], data: this.areaUnderSoorganStatsList.areaList,
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#FFFFFF", color: "#FFFFFF",
...@@ -360,7 +378,7 @@ export default { ...@@ -360,7 +378,7 @@ export default {
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [320, 332, 301, 334, 390], data: this.areaUnderSoorganStatsList.foundationNumList,
itemStyle: { itemStyle: {
normal: { normal: {
color: "#3167ff", color: "#3167ff",
...@@ -377,7 +395,7 @@ export default { ...@@ -377,7 +395,7 @@ export default {
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [220, 182, 191, 234, 290], data: this.areaUnderSoorganStatsList.leagueNumList,
itemStyle: { itemStyle: {
normal: { normal: {
color: "#ff4444", color: "#ff4444",
...@@ -394,7 +412,7 @@ export default { ...@@ -394,7 +412,7 @@ export default {
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [220, 182, 191, 234, 290], data: this.areaUnderSoorganStatsList.minFeiNumList,
itemStyle: { itemStyle: {
normal: { normal: {
color: "#FAC858", color: "#FAC858",
...@@ -458,7 +476,7 @@ export default { ...@@ -458,7 +476,7 @@ export default {
}, },
yAxis: { yAxis: {
type: "category", type: "category",
data: ["巴西", "印尼", "美国", "印度", "桂林", "南宁"], data: this.areaNursingStatsList.cityList,
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#FFFFFF", color: "#FFFFFF",
...@@ -482,7 +500,7 @@ export default { ...@@ -482,7 +500,7 @@ export default {
{ {
name: "养老机构", name: "养老机构",
type: "bar", type: "bar",
data: [18203, 23489, 29034, 104970, 131744, 63023], data: this.areaNursingStatsList.numList,
itemStyle: { itemStyle: {
normal: { normal: {
color: "#3167ff", color: "#3167ff",
......
src/views/unified/tapSwitch/socialAssistance.vue
...@@ -11,14 +11,18 @@ ...@@ -11,14 +11,18 @@
<div class="display"> <div class="display">
<div> <div>
<div class="flex"> <div class="flex">
<div class="num">{{cityAndvillagePeople.cityToatlNum}}</div> <div class="num">
{{ cityAndvillagePeople.cityToatlNum }}
</div>
<div class="text">人</div> <div class="text">人</div>
</div> </div>
<div class="rural">农村</div> <div class="rural">农村</div>
</div> </div>
<div> <div>
<div class="flex"> <div class="flex">
<div class="nums">{{cityAndvillagePeople.villageToatlNum}}</div> <div class="nums">
{{ cityAndvillagePeople.villageToatlNum }}
</div>
<div class="texts">人</div> <div class="texts">人</div>
</div> </div>
<div class="city">城市</div> <div class="city">城市</div>
...@@ -37,14 +41,18 @@ ...@@ -37,14 +41,18 @@
<div class="display"> <div class="display">
<div> <div>
<div class="flex"> <div class="flex">
<div class="num">{{cityAndvillageNum.cityToatlAmount}}</div> <div class="num">
{{ cityAndvillageNum.cityToatlAmount }}
</div>
<div class="text">万元</div> <div class="text">万元</div>
</div> </div>
<div class="rural">农村</div> <div class="rural">农村</div>
</div> </div>
<div> <div>
<div class="flex"> <div class="flex">
<div class="nums">{{cityAndvillageNum.villageToatlAmount}}</div> <div class="nums">
{{ cityAndvillageNum.villageToatlAmount }}
</div>
<div class="texts">万元</div> <div class="texts">万元</div>
</div> </div>
<div class="city">城市</div> <div class="city">城市</div>
...@@ -113,7 +121,12 @@ ...@@ -113,7 +121,12 @@
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import { getThreeYearShjzAchieveStats,getThreeYearShjzProvideStats,getFivesYearShjzAchieveStats } from "@/api/unified/unified"; import {
getThreeYearShjzAchieveStats,
getThreeYearShjzProvideStats,
getFivesYearShjzAchieveStats,
getAreaYearShjzAchieveStats,
} from "@/api/unified/unified";
export default { export default {
data() { data() {
return { return {
...@@ -129,47 +142,64 @@ export default { ...@@ -129,47 +142,64 @@ export default {
address: "上海市普陀区金沙江路 1517 弄", address: "上海市普陀区金沙江路 1517 弄",
}, },
], ],
fivesYearShjzAchieveStats:{}, fivesYearShjzAchieveStats: {},
threeYearShjzProvideStats:{}, threeYearShjzProvideStats: {},
fivesYearShjzAchieveStats:{}, fivesYearShjzAchieveStats: {},
cityAndvillagePeople:{}, // 五年享受低保资金人数 areaYearShjzAchieveStats: {},
cityAndvillageNum:{} // 五年享受低保资金总数 cityNames:[],
cityAndvillagePeople: {}, // 五年享受低保资金人数
cityAndvillageNum: {}, // 五年享受低保资金总数
}; };
}, },
created() { created() {
this.getThreeYearShjzAchieveStatsFun() this.getThreeYearShjzAchieveStatsFun();
this.getThreeYearShjzProvideStatsFun() this.getThreeYearShjzProvideStatsFun();
this.getFivesYearShjzAchieveStatsFun() this.getFivesYearShjzAchieveStatsFun();
this.getAreaYearShjzAchieveStatsFun();
}, },
methods: { methods: {
getThreeYearShjzAchieveStatsFun(){ getThreeYearShjzAchieveStatsFun() {
getThreeYearShjzAchieveStats({}).then(res =>{ getThreeYearShjzAchieveStats({}).then((res) => {
console.log(res,'获取近三年城市农村低保发放人数统计') console.log(res, "获取近三年城市农村低保发放人数统计");
this.threeYearShjzAchieveStats = res.data.admin this.threeYearShjzAchieveStats = res.data.admin;
this.cityAndvillagePeople = res.data.totalData this.cityAndvillagePeople = res.data.totalData;
this.fivePeopleFun(res.data.admin) 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(){ getFivesYearShjzAchieveStatsFun() {
getThreeYearShjzProvideStats({}).then(res =>{ getFivesYearShjzAchieveStats({}).then((res) => {
console.log(res,'获取近三年城市农村低保发放金额统计') console.log(res, "农村城市低保人数统计");
this.threeYearShjzProvideStats = res.data.admin this.fivesYearShjzAchieveStats = res.data.admin;
this.cityAndvillageNum = res.data.totalData });
this.fiveCapitalFun(res.data.admin)
})
}, },
getFivesYearShjzAchieveStatsFun(){ getAreaYearShjzAchieveStatsFun() {
getFivesYearShjzAchieveStats({}).then(res =>{ getAreaYearShjzAchieveStats({}).then((res) => {
console.log(res,'农村城市低保人数统计') console.log(res, "获取近三年城市农村低保发放人数统计 城市柱形图");
this.fivesYearShjzAchieveStats = res.data.admin this.areaYearShjzAchieveStats = res.data;
}) res.data.areaList.forEach(item => {
this.cityNames.push(
item.name
)
});
console.log(this.cityNames);
this.ruralAndcityFun()
});
}, },
//3年享受低保人数 //3年享受低保人数
fivePeopleFun(data) { fivePeopleFun(data) {
console.log(data) console.log(data);
var chartDom = document.getElementById("fivePeople"); var chartDom = document.getElementById("fivePeople");
var myChart = echarts.init(chartDom, "dark"); var myChart = echarts.init(chartDom, "dark");
var option; var option;
...@@ -272,7 +302,7 @@ export default { ...@@ -272,7 +302,7 @@ export default {
//3年享受低保资金 //3年享受低保资金
fiveCapitalFun(data) { fiveCapitalFun(data) {
console.log(data) console.log(data);
var chartDom = document.getElementById("fiveCapital"); var chartDom = document.getElementById("fiveCapital");
var myChart = echarts.init(chartDom, "dark"); var myChart = echarts.init(chartDom, "dark");
var option; var option;
...@@ -496,23 +526,7 @@ export default { ...@@ -496,23 +526,7 @@ export default {
{ {
type: "category", type: "category",
axisTick: { show: false }, axisTick: { show: false },
data: [ data: this.cityNames,
"南宁市",
"柳州市",
"桂林市",
"梧州市",
"北海市",
"防城港市",
"钦州市",
"贵港市",
"玉林市",
"百色市",
"贺州市",
"河池市",
"来宾市",
"崇左市",
"梧州市",
],
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#FFFFFF", color: "#FFFFFF",
...@@ -565,7 +579,7 @@ export default { ...@@ -565,7 +579,7 @@ export default {
emphasis: { emphasis: {
focus: "series", 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: { itemStyle: {
normal: { normal: {
color: "#3167ff", color: "#3167ff",
...@@ -582,7 +596,7 @@ export default { ...@@ -582,7 +596,7 @@ export default {
emphasis: { emphasis: {
focus: "series", 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: { itemStyle: {
normal: { normal: {
color: "#ff4444", color: "#ff4444",
...@@ -599,9 +613,9 @@ export default { ...@@ -599,9 +613,9 @@ export default {
}, },
}, },
mounted() { mounted() {
setTimeout(() => { // setTimeout(() => {
this.ruralAndcityFun(); // this.ruralAndcityFun();
}, 1000); // }, 1000);
}, },
}; };
</script> </script>
......
src/views/unified/tapSwitch/subsidies.vue
...@@ -34,26 +34,11 @@ ...@@ -34,26 +34,11 @@
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="wian">
<div class="title">残疾人比例</div> <div class="title">残疾人比例</div>
<div class="subsidiesBox"> <div class="subsidiesBox" v-for="(item,index) in disabledLevelStats" :key="index">
<div class="subsidiesText">一级残疾</div> <div class="subsidiesText">{{item.level}}</div>
<div class="subsidiesText">总数299884</div> <div class="subsidiesText">{{item.num}}</div>
<div class="subsidiesText">贫困18%</div> <div class="subsidiesText">贫困18%</div>
</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> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -120,6 +105,7 @@ ...@@ -120,6 +105,7 @@
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import { getYearDisabledIssueStats,getDisabledLevelStats,getAreaDisabledIssueStats } from "@/api/unified/unified";
export default { export default {
data() { data() {
return { return {
...@@ -135,12 +121,42 @@ export default { ...@@ -135,12 +121,42 @@ export default {
address: "上海市普陀区金沙江路 1517 弄", address: "上海市普陀区金沙江路 1517 弄",
}, },
], ],
yearDisabledIssueStats:{},
disabledLevelStats:{},
areaDisabledIssueStats:{}
}; };
}, },
created() {}, created() {
this.getYearDisabledIssueStatsFun()
this.getDisabledLevelStatsFun()
this.getAreaDisabledIssueStatsFun()
},
methods: { methods: {
//5年享受低保人数 getYearDisabledIssueStatsFun(){
fivePeopleFun() { 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 chartDom = document.getElementById("fivePeople");
var myChart = echarts.init(chartDom, "dark"); var myChart = echarts.init(chartDom, "dark");
var option; var option;
...@@ -165,7 +181,7 @@ export default { ...@@ -165,7 +181,7 @@ export default {
xAxis: { xAxis: {
type: "category", type: "category",
data: ["2016", "2017", "2018", "2019", "2020"], data: data.dateList,
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#FFFFFF", color: "#FFFFFF",
...@@ -211,7 +227,7 @@ export default { ...@@ -211,7 +227,7 @@ export default {
name: "贫困残疾人", name: "贫困残疾人",
type: "line", type: "line",
stack: "总量", stack: "总量",
data: [120, 132, 101, 134, 90], data: data.severeAmountList,
itemStyle: { itemStyle: {
normal: { normal: {
color: "#3167ff", color: "#3167ff",
...@@ -225,7 +241,7 @@ export default { ...@@ -225,7 +241,7 @@ export default {
name: "重度残疾人", name: "重度残疾人",
type: "line", type: "line",
stack: "总量", stack: "总量",
data: [220, 182, 191, 234, 290], data: data.difficultAmountList,
itemStyle: { itemStyle: {
normal: { normal: {
color: "#ff4444", color: "#ff4444",
...@@ -364,23 +380,7 @@ export default { ...@@ -364,23 +380,7 @@ export default {
{ {
type: "category", type: "category",
axisTick: { show: false }, axisTick: { show: false },
data: [ data: this.areaDisabledIssueStats.areaList,
"南宁市",
"柳州市",
"桂林市",
"梧州市",
"北海市",
"防城港市",
"钦州市",
"贵港市",
"玉林市",
"百色市",
"贺州市",
"河池市",
"来宾市",
"崇左市",
"梧州市",
],
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: "#FFFFFF", color: "#FFFFFF",
...@@ -433,10 +433,7 @@ export default { ...@@ -433,10 +433,7 @@ export default {
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [ data: this.areaDisabledIssueStats.difficultIssueAmountList,
320, 332, 301, 334, 390, 220, 182, 191, 234, 290, 220, 182, 191,
234, 290, 220, 182, 191, 234, 290,
],
itemStyle: { itemStyle: {
normal: { normal: {
color: "#3167ff", color: "#3167ff",
...@@ -453,10 +450,7 @@ export default { ...@@ -453,10 +450,7 @@ export default {
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [ data: this.areaDisabledIssueStats.severeIssueAmountList,
220, 182, 191, 234, 290, 220, 182, 191, 234, 290, 220, 182, 191,
220, 182, 191, 234, 290,
],
itemStyle: { itemStyle: {
normal: { normal: {
color: "#ff4444", color: "#ff4444",
...@@ -474,7 +468,6 @@ export default { ...@@ -474,7 +468,6 @@ export default {
}, },
mounted() { mounted() {
setTimeout(() => { setTimeout(() => {
this.fivePeopleFun();
this.ruralAndcityFun(); this.ruralAndcityFun();
}, 1000); }, 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