This commit is contained in:
parent
bc045ec5bc
commit
6d3f4383e5
|
@ -284,22 +284,6 @@ const getOption = () => {
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
// 使用生命钩子
|
|
||||||
// onMounted(() => {
|
|
||||||
// // 基于准备好的dom,初始化echarts实例
|
|
||||||
// // var myChart = echarts.init(document.getElementById('main'));
|
|
||||||
// // Vue3中: 需要引入
|
|
||||||
// var myChart = echarts.init(chart.value);
|
|
||||||
|
|
||||||
// // init(); // vue3.2没有this
|
|
||||||
// // 使用刚指定的配置项和数据显示图表。
|
|
||||||
// myChart.setOption(option);
|
|
||||||
|
|
||||||
// // 单图表响应式: 跟随浏览器大小改变
|
|
||||||
// // window.addEventListener("resize", () => {
|
|
||||||
// // myChart.resize();
|
|
||||||
// // });
|
|
||||||
// });
|
|
||||||
|
|
||||||
const setChart = () => {
|
const setChart = () => {
|
||||||
var myChart = echarts.init(chart.value);
|
var myChart = echarts.init(chart.value);
|
||||||
|
|
193
src/view/sy.vue
193
src/view/sy.vue
|
@ -774,45 +774,67 @@ const addThousandSeparator = (numberString) => {
|
||||||
const getData = async () => {
|
const getData = async () => {
|
||||||
await http.get("/api/ggfwyth/index").then((res) => {
|
await http.get("/api/ggfwyth/index").then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
|
// // 民生福利
|
||||||
|
// if (data.LivelihoodWelfare) {
|
||||||
|
// data.LivelihoodWelfare.zgylbxzsr = addThousandSeparator(
|
||||||
|
// res.data.msfz.zgylbxzsr
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.zgylbxzzc = addThousandSeparator(
|
||||||
|
// res.data.msfz.zgylbxzzc
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.cxylbxzsr = addThousandSeparator(
|
||||||
|
// res.data.msfz.cxylbxzsr
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.cxylbxzzc = addThousandSeparator(
|
||||||
|
// res.data.msfz.cxylbxzzc
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.gsbxzsr = addThousandSeparator(
|
||||||
|
// res.data.msfz.gsbxzsr
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.gsbxzzc = addThousandSeparator(
|
||||||
|
// res.data.msfz.gsbxzzc
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.zgyilbxzsr = addThousandSeparator(
|
||||||
|
// res.data.msfz.zgyilbxzsr
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.zgyilbxzzc = addThousandSeparator(
|
||||||
|
// res.data.msfz.zgyilbxzzc
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.cxyilbxzsr = addThousandSeparator(
|
||||||
|
// res.data.msfz.cxyilbxzsr
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.cxyilbxzzc = addThousandSeparator(
|
||||||
|
// res.data.msfz.cxyilbxzzc
|
||||||
|
// );
|
||||||
|
// data.LivelihoodWelfare.nf = res.data.msfz.nf;
|
||||||
|
// }
|
||||||
// 民生福利
|
// 民生福利
|
||||||
|
const msfzKeys = [
|
||||||
|
"zgylbxzsr",
|
||||||
|
"zgylbxzzc",
|
||||||
|
"cxylbxzsr",
|
||||||
|
"cxylbxzzc",
|
||||||
|
"gsbxzsr",
|
||||||
|
"gsbxzzc",
|
||||||
|
"zgyilbxzsr",
|
||||||
|
"zgyilbxzzc",
|
||||||
|
"cxyilbxzsr",
|
||||||
|
"cxyilbxzzc",
|
||||||
|
"nf",
|
||||||
|
];
|
||||||
if (data.LivelihoodWelfare) {
|
if (data.LivelihoodWelfare) {
|
||||||
data.LivelihoodWelfare.zgylbxzsr = addThousandSeparator(
|
msfzKeys.forEach((key) => {
|
||||||
res.data.msfz.zgylbxzsr
|
data.LivelihoodWelfare[key] = addThousandSeparator(
|
||||||
|
res.data.msfz[key]
|
||||||
);
|
);
|
||||||
data.LivelihoodWelfare.zgylbxzzc = addThousandSeparator(
|
});
|
||||||
res.data.msfz.zgylbxzzc
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.cxylbxzsr = addThousandSeparator(
|
|
||||||
res.data.msfz.cxylbxzsr
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.cxylbxzzc = addThousandSeparator(
|
|
||||||
res.data.msfz.cxylbxzzc
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.gsbxzsr = addThousandSeparator(
|
|
||||||
res.data.msfz.gsbxzsr
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.gsbxzzc = addThousandSeparator(
|
|
||||||
res.data.msfz.gsbxzzc
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.zgyilbxzsr = addThousandSeparator(
|
|
||||||
res.data.msfz.zgyilbxzsr
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.zgyilbxzzc = addThousandSeparator(
|
|
||||||
res.data.msfz.zgyilbxzzc
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.cxyilbxzsr = addThousandSeparator(
|
|
||||||
res.data.msfz.cxyilbxzsr
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.cxyilbxzzc = addThousandSeparator(
|
|
||||||
res.data.msfz.cxyilbxzzc
|
|
||||||
);
|
|
||||||
data.LivelihoodWelfare.nf = res.data.msfz.nf;
|
|
||||||
}
|
}
|
||||||
// 救助服务
|
// 救助服务
|
||||||
|
const jzfwKeys = ["jzrc", "jzje", "nf"];
|
||||||
if (data.salvageServices) {
|
if (data.salvageServices) {
|
||||||
data.salvageServices.jzrc = addThousandSeparator(res.data.jzfw.jzrc);
|
jzfwKeys.forEach((key) => {
|
||||||
data.salvageServices.jzje = addThousandSeparator(res.data.jzfw.jzje);
|
data.salvageServices[key] = addThousandSeparator(res.data.jzfw[key]);
|
||||||
data.salvageServices.nf = res.data.jzfw.nf;
|
});
|
||||||
}
|
}
|
||||||
// 教育事业&师生比例
|
// 教育事业&师生比例
|
||||||
// 就业服务
|
// 就业服务
|
||||||
|
@ -820,46 +842,87 @@ const getData = async () => {
|
||||||
data.PopulationData = res.data.rksj;
|
data.PopulationData = res.data.rksj;
|
||||||
// 人口总数
|
// 人口总数
|
||||||
if (data.PopulationData) {
|
if (data.PopulationData) {
|
||||||
data.PopulationData.rkzs = addThousandSeparator(res.data.rksj.rkzs);
|
// data.PopulationData.rkzs = addThousandSeparator(res.data.rksj.rkzs);
|
||||||
data.PopulationData.man = addThousandSeparator(res.data.rksj.man);
|
// data.PopulationData.man = addThousandSeparator(res.data.rksj.man);
|
||||||
data.PopulationData.woman = addThousandSeparator(res.data.rksj.woman);
|
// data.PopulationData.woman = addThousandSeparator(res.data.rksj.woman);
|
||||||
|
const rkjsKeys = ["rkzs", "man", "woman"];
|
||||||
|
rkjsKeys.forEach((key) => {
|
||||||
|
data.PopulationData[key] = addThousandSeparator(res.data.rksj[key]);
|
||||||
|
});
|
||||||
// 人口年龄段分类数
|
// 人口年龄段分类数
|
||||||
data.ageGroup.nl17 = res.data.rksj.nl17; // 17岁以下人口总数
|
// data.ageGroup.nl17 = res.data.rksj.nl17; // 17岁以下人口总数
|
||||||
data.ageGroup.nl1834 = res.data.rksj.nl183; // 18-34人口总数
|
// data.ageGroup.nl1834 = res.data.rksj.nl183; // 18-34人口总数
|
||||||
data.ageGroup.nl3569 = res.data.rksj.nl3569; // 35-69人口总数
|
// data.ageGroup.nl3569 = res.data.rksj.nl3569; // 35-69人口总数
|
||||||
data.ageGroup.nl60 = res.data.rksj.nl60; // 60以上人口总数
|
// data.ageGroup.nl60 = res.data.rksj.nl60; // 60以上人口总数
|
||||||
|
|
||||||
data.ageGroup.nl110 = res.data.rksj.nl110; // 1-10岁人口总数
|
// data.ageGroup.nl110 = res.data.rksj.nl110; // 1-10岁人口总数
|
||||||
data.ageGroup.nl1120 = res.data.rksj.nl1120; // 11-20岁人口总数
|
// data.ageGroup.nl1120 = res.data.rksj.nl1120; // 11-20岁人口总数
|
||||||
data.ageGroup.nl2130 = res.data.rksj.nl2130; // 21-30岁人口总数
|
// data.ageGroup.nl2130 = res.data.rksj.nl2130; // 21-30岁人口总数
|
||||||
data.ageGroup.nl3140 = res.data.rksj.nl3140; // 31-40岁人口总数
|
// data.ageGroup.nl3140 = res.data.rksj.nl3140; // 31-40岁人口总数
|
||||||
data.ageGroup.nl4150 = res.data.rksj.nl4150; // 41-50岁人口总数
|
// data.ageGroup.nl4150 = res.data.rksj.nl4150; // 41-50岁人口总数
|
||||||
data.ageGroup.nl5160 = res.data.rksj.nl5160; // 51-60岁人口总数
|
// data.ageGroup.nl5160 = res.data.rksj.nl5160; // 51-60岁人口总数
|
||||||
data.ageGroup.nl6170 = res.data.rksj.nl6170; // 61-70岁人口总数
|
// data.ageGroup.nl6170 = res.data.rksj.nl6170; // 61-70岁人口总数
|
||||||
data.ageGroup.nl7180 = res.data.rksj.nl7180; // 71-80岁人口总数
|
// data.ageGroup.nl7180 = res.data.rksj.nl7180; // 71-80岁人口总数
|
||||||
data.ageGroup.nl8190 = res.data.rksj.nl8190; // 81-90岁人口总数
|
// data.ageGroup.nl8190 = res.data.rksj.nl8190; // 81-90岁人口总数
|
||||||
data.ageGroup.nl91100 = res.data.rksj.nl91100; // 91-100岁人口总数
|
// data.ageGroup.nl91100 = res.data.rksj.nl91100; // 91-100岁人口总数
|
||||||
data.ageGroup.nl100 = res.data.rksj.nl100; // 100岁以上人口总数,
|
// data.ageGroup.nl100 = res.data.rksj.nl100; // 100岁以上人口总数,
|
||||||
|
const ageGroupKeys = [
|
||||||
|
"nl17",
|
||||||
|
"nl1834",
|
||||||
|
"nl3569",
|
||||||
|
"nl60",
|
||||||
|
"nl110",
|
||||||
|
"nl1120",
|
||||||
|
"nl2130",
|
||||||
|
"nl3140",
|
||||||
|
"nl4150",
|
||||||
|
"nl5160",
|
||||||
|
"nl6170",
|
||||||
|
"nl7180",
|
||||||
|
"nl8190",
|
||||||
|
"nl91100",
|
||||||
|
"nl100",
|
||||||
|
];
|
||||||
|
ageGroupKeys.forEach((key) => {
|
||||||
|
data.ageGroup[key] = res.data.rksj[key];
|
||||||
|
});
|
||||||
}
|
}
|
||||||
// 年龄比例
|
// 年龄比例
|
||||||
data.ageRatio.push(res.data.rksj.nl17Percent); //13~17岁以下人口占比
|
// data.ageRatio.push(res.data.rksj.nl17Percent); //13~17岁以下人口占比
|
||||||
data.ageRatio.push(res.data.rksj.nl1834Percent); //18~34岁人口占比
|
// data.ageRatio.push(res.data.rksj.nl1834Percent); //18~34岁人口占比
|
||||||
data.ageRatio.push(res.data.rksj.nl3569Percent); //35~69岁人口占比
|
// data.ageRatio.push(res.data.rksj.nl3569Percent); //35~69岁人口占比
|
||||||
data.ageRatio.push(res.data.rksj.nl60Percent); //60岁以上人口占比
|
// data.ageRatio.push(res.data.rksj.nl60Percent); //60岁以上人口占比
|
||||||
|
const ageRatioKeys = [
|
||||||
|
"nl17Percent",
|
||||||
|
"nl1834Percent",
|
||||||
|
"nl3569Percent",
|
||||||
|
"nl60Percent",
|
||||||
|
];
|
||||||
|
ageRatioKeys.forEach((key) => {
|
||||||
|
data.ageRatio.push(res.data.rksj[key]);
|
||||||
|
});
|
||||||
// 公共服务&企业服务&政府服务
|
// 公共服务&企业服务&政府服务
|
||||||
// 医疗卫生
|
// 医疗卫生
|
||||||
// 文化事业
|
// 文化事业
|
||||||
data.whsyList[0].value = addThousandSeparator(res.data.whtysy.ggtsg);
|
// data.whsyList[0].value = addThousandSeparator(res.data.whtysy.ggtsg);
|
||||||
data.whsyList[1].value = addThousandSeparator(res.data.whtysy.zcs);
|
// data.whsyList[1].value = addThousandSeparator(res.data.whtysy.zcs);
|
||||||
data.whsyList[2].value = addThousandSeparator(res.data.whtysy.sxxxcs);
|
// data.whsyList[2].value = addThousandSeparator(res.data.whtysy.sxxxcs);
|
||||||
data.whsyList[3].value = addThousandSeparator(res.data.whtysy.bwgcgcs);
|
// data.whsyList[3].value = addThousandSeparator(res.data.whtysy.bwgcgcs);
|
||||||
data.whsyList[4].value = addThousandSeparator(res.data.whtysy.tsjycs);
|
// data.whsyList[4].value = addThousandSeparator(res.data.whtysy.tsjycs);
|
||||||
|
const whsyKeys = ["ggtsg", "zcs", "sxxxcs", "bwgcgcs", "tsjycs"];
|
||||||
|
whsyKeys.forEach((key, index) => {
|
||||||
|
data.whsyList[index].value = addThousandSeparator(res.data.whtysy[key]);
|
||||||
|
});
|
||||||
// 体育事业
|
// 体育事业
|
||||||
data.tysyList[0].value = addThousandSeparator(res.data.whtysy.zqcs);
|
// data.tysyList[0].value = addThousandSeparator(res.data.whtysy.zqcs);
|
||||||
data.tysyList[1].value = addThousandSeparator(res.data.whtysy.lqcs);
|
// data.tysyList[1].value = addThousandSeparator(res.data.whtysy.lqcs);
|
||||||
data.tysyList[2].value = addThousandSeparator(res.data.whtysy.ppqcs);
|
// data.tysyList[2].value = addThousandSeparator(res.data.whtysy.ppqcs);
|
||||||
data.tysyList[3].value = addThousandSeparator(res.data.whtysy.ymqcs);
|
// data.tysyList[3].value = addThousandSeparator(res.data.whtysy.ymqcs);
|
||||||
data.tysyList[4].value = addThousandSeparator(res.data.whtysy.lsbdcd);
|
// data.tysyList[4].value = addThousandSeparator(res.data.whtysy.lsbdcd);
|
||||||
|
const tysyKeys = ["zqcs", "lqcs", "ppqcs", "ymqcs", "lsbdcd"];
|
||||||
|
tysyKeys.forEach((key, index) => {
|
||||||
|
data.tysyList[index].value = addThousandSeparator(res.data.whtysy[key]);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue