This commit is contained in:
duanxiaohai
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 = () => {
|
||||
var myChart = echarts.init(chart.value);
|
||||
|
|
|
|||
195
src/view/sy.vue
195
src/view/sy.vue
|
|
@ -774,45 +774,67 @@ const addThousandSeparator = (numberString) => {
|
|||
const getData = async () => {
|
||||
await http.get("/api/ggfwyth/index").then((res) => {
|
||||
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) {
|
||||
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;
|
||||
msfzKeys.forEach((key) => {
|
||||
data.LivelihoodWelfare[key] = addThousandSeparator(
|
||||
res.data.msfz[key]
|
||||
);
|
||||
});
|
||||
}
|
||||
// 救助服务
|
||||
const jzfwKeys = ["jzrc", "jzje", "nf"];
|
||||
if (data.salvageServices) {
|
||||
data.salvageServices.jzrc = addThousandSeparator(res.data.jzfw.jzrc);
|
||||
data.salvageServices.jzje = addThousandSeparator(res.data.jzfw.jzje);
|
||||
data.salvageServices.nf = res.data.jzfw.nf;
|
||||
jzfwKeys.forEach((key) => {
|
||||
data.salvageServices[key] = addThousandSeparator(res.data.jzfw[key]);
|
||||
});
|
||||
}
|
||||
// 教育事业&师生比例
|
||||
// 就业服务
|
||||
|
|
@ -820,46 +842,87 @@ const getData = async () => {
|
|||
data.PopulationData = res.data.rksj;
|
||||
// 人口总数
|
||||
if (data.PopulationData) {
|
||||
data.PopulationData.rkzs = addThousandSeparator(res.data.rksj.rkzs);
|
||||
data.PopulationData.man = addThousandSeparator(res.data.rksj.man);
|
||||
data.PopulationData.woman = addThousandSeparator(res.data.rksj.woman);
|
||||
// data.PopulationData.rkzs = addThousandSeparator(res.data.rksj.rkzs);
|
||||
// data.PopulationData.man = addThousandSeparator(res.data.rksj.man);
|
||||
// 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.nl1834 = res.data.rksj.nl183; // 18-34人口总数
|
||||
data.ageGroup.nl3569 = res.data.rksj.nl3569; // 35-69人口总数
|
||||
data.ageGroup.nl60 = res.data.rksj.nl60; // 60以上人口总数
|
||||
// data.ageGroup.nl17 = res.data.rksj.nl17; // 17岁以下人口总数
|
||||
// data.ageGroup.nl1834 = res.data.rksj.nl183; // 18-34人口总数
|
||||
// data.ageGroup.nl3569 = res.data.rksj.nl3569; // 35-69人口总数
|
||||
// data.ageGroup.nl60 = res.data.rksj.nl60; // 60以上人口总数
|
||||
|
||||
data.ageGroup.nl110 = res.data.rksj.nl110; // 1-10岁人口总数
|
||||
data.ageGroup.nl1120 = res.data.rksj.nl1120; // 11-20岁人口总数
|
||||
data.ageGroup.nl2130 = res.data.rksj.nl2130; // 21-30岁人口总数
|
||||
data.ageGroup.nl3140 = res.data.rksj.nl3140; // 31-40岁人口总数
|
||||
data.ageGroup.nl4150 = res.data.rksj.nl4150; // 41-50岁人口总数
|
||||
data.ageGroup.nl5160 = res.data.rksj.nl5160; // 51-60岁人口总数
|
||||
data.ageGroup.nl6170 = res.data.rksj.nl6170; // 61-70岁人口总数
|
||||
data.ageGroup.nl7180 = res.data.rksj.nl7180; // 71-80岁人口总数
|
||||
data.ageGroup.nl8190 = res.data.rksj.nl8190; // 81-90岁人口总数
|
||||
data.ageGroup.nl91100 = res.data.rksj.nl91100; // 91-100岁人口总数
|
||||
data.ageGroup.nl100 = res.data.rksj.nl100; // 100岁以上人口总数,
|
||||
// data.ageGroup.nl110 = res.data.rksj.nl110; // 1-10岁人口总数
|
||||
// data.ageGroup.nl1120 = res.data.rksj.nl1120; // 11-20岁人口总数
|
||||
// data.ageGroup.nl2130 = res.data.rksj.nl2130; // 21-30岁人口总数
|
||||
// data.ageGroup.nl3140 = res.data.rksj.nl3140; // 31-40岁人口总数
|
||||
// data.ageGroup.nl4150 = res.data.rksj.nl4150; // 41-50岁人口总数
|
||||
// data.ageGroup.nl5160 = res.data.rksj.nl5160; // 51-60岁人口总数
|
||||
// data.ageGroup.nl6170 = res.data.rksj.nl6170; // 61-70岁人口总数
|
||||
// data.ageGroup.nl7180 = res.data.rksj.nl7180; // 71-80岁人口总数
|
||||
// data.ageGroup.nl8190 = res.data.rksj.nl8190; // 81-90岁人口总数
|
||||
// data.ageGroup.nl91100 = res.data.rksj.nl91100; // 91-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.nl1834Percent); //18~34岁人口占比
|
||||
data.ageRatio.push(res.data.rksj.nl3569Percent); //35~69岁人口占比
|
||||
data.ageRatio.push(res.data.rksj.nl60Percent); //60岁以上人口占比
|
||||
// data.ageRatio.push(res.data.rksj.nl17Percent); //13~17岁以下人口占比
|
||||
// data.ageRatio.push(res.data.rksj.nl1834Percent); //18~34岁人口占比
|
||||
// data.ageRatio.push(res.data.rksj.nl3569Percent); //35~69岁人口占比
|
||||
// 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[1].value = addThousandSeparator(res.data.whtysy.zcs);
|
||||
data.whsyList[2].value = addThousandSeparator(res.data.whtysy.sxxxcs);
|
||||
data.whsyList[3].value = addThousandSeparator(res.data.whtysy.bwgcgcs);
|
||||
data.whsyList[4].value = addThousandSeparator(res.data.whtysy.tsjycs);
|
||||
// data.whsyList[0].value = addThousandSeparator(res.data.whtysy.ggtsg);
|
||||
// data.whsyList[1].value = addThousandSeparator(res.data.whtysy.zcs);
|
||||
// data.whsyList[2].value = addThousandSeparator(res.data.whtysy.sxxxcs);
|
||||
// data.whsyList[3].value = addThousandSeparator(res.data.whtysy.bwgcgcs);
|
||||
// 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[1].value = addThousandSeparator(res.data.whtysy.lqcs);
|
||||
data.tysyList[2].value = addThousandSeparator(res.data.whtysy.ppqcs);
|
||||
data.tysyList[3].value = addThousandSeparator(res.data.whtysy.ymqcs);
|
||||
data.tysyList[4].value = addThousandSeparator(res.data.whtysy.lsbdcd);
|
||||
// data.tysyList[0].value = addThousandSeparator(res.data.whtysy.zqcs);
|
||||
// data.tysyList[1].value = addThousandSeparator(res.data.whtysy.lqcs);
|
||||
// data.tysyList[2].value = addThousandSeparator(res.data.whtysy.ppqcs);
|
||||
// data.tysyList[3].value = addThousandSeparator(res.data.whtysy.ymqcs);
|
||||
// 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