This commit is contained in:
parent
c83d44e306
commit
6ad6398758
101
src/view/sy.vue
101
src/view/sy.vue
|
@ -111,15 +111,15 @@
|
|||
<div class="left_2_top">
|
||||
<div class="item school">
|
||||
<div class="shang">学校</div>
|
||||
<div class="xia">100</div>
|
||||
<div class="xia">{{ data.education.xxzs }}</div>
|
||||
</div>
|
||||
<div class="item teacher">
|
||||
<div class="shang">教师</div>
|
||||
<div class="xia">4.827</div>
|
||||
<div class="xia">{{ data.education.xszs }}</div>
|
||||
</div>
|
||||
<div class="item student">
|
||||
<div class="shang">学生</div>
|
||||
<div class="xia">42.827</div>
|
||||
<div class="xia">{{ data.education.jzgzs }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left_2_bottom">
|
||||
|
@ -157,15 +157,15 @@
|
|||
<div class="yd_title left_3"></div>
|
||||
<div class="left_3_1">
|
||||
<div class="left_3_1_item">
|
||||
<div>2,087</div>
|
||||
<div>{{ data.employmentService.jypx }}</div>
|
||||
<div>就业培训</div>
|
||||
</div>
|
||||
<div class="left_3_1_item">
|
||||
<div>2,087</div>
|
||||
<div>{{ data.employmentService.jyjxfw }}</div>
|
||||
<div>就业见习服务</div>
|
||||
</div>
|
||||
<div class="left_3_1_item">
|
||||
<div>2,087</div>
|
||||
<div>{{ data.employmentService.jyyz }}</div>
|
||||
<div>就业援助</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -351,6 +351,16 @@ const data = reactive({
|
|||
jzje: "0", //救助金额
|
||||
nf: "0", //救助年份
|
||||
}, //救助服务
|
||||
education: {
|
||||
xxzs: "0", //学校总数
|
||||
xszs: "0", //学生总数
|
||||
jzgzs: "0", //教职工总数
|
||||
},
|
||||
employmentService: {
|
||||
jypx: '0', //就业培训
|
||||
jyjxfw: '0', //就业见习服务
|
||||
jyyz: '0', //就业援助
|
||||
}, //就业服务
|
||||
LivelihoodWelfare: {
|
||||
zgylbxzsr: "0", //职工基本养老保险总收入
|
||||
zgylbxzzc: "0", //职工基本养老保险总支出
|
||||
|
@ -778,40 +788,6 @@ 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",
|
||||
|
@ -841,35 +817,24 @@ const getData = async () => {
|
|||
});
|
||||
}
|
||||
// 教育事业&师生比例
|
||||
const jysyKeys = ["xxzs", "xszs", "jzgzs"];
|
||||
jysyKeys.forEach((key) => {
|
||||
data.education[key] = addThousandSeparator(res.data.xxgk[key]);
|
||||
});
|
||||
// 就业服务
|
||||
const jyfwKeys = ["jypx", "jyjxfw", "jyyz"];
|
||||
jyfwKeys.forEach((key) => {
|
||||
data.employmentService[key] = addThousandSeparator(res.data.jyfw[key].toString());
|
||||
});
|
||||
// 年龄段分类&人口数据&年龄比例
|
||||
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);
|
||||
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.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",
|
||||
|
@ -892,10 +857,6 @@ const getData = async () => {
|
|||
});
|
||||
}
|
||||
// 年龄比例
|
||||
// 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",
|
||||
|
@ -916,30 +877,20 @@ const getData = async () => {
|
|||
"jkdajdfs",
|
||||
"cswsfwzs",
|
||||
];
|
||||
|
||||
ylwsKeys.forEach((key, index) => {
|
||||
data.ylwsList[index].value = addThousandSeparator(res.data.ylws[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);
|
||||
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);
|
||||
const tysyKeys = ["zqcs", "lqcs", "ppqcs", "ymqcs", "lsbdcd"];
|
||||
tysyKeys.forEach((key, index) => {
|
||||
data.tysyList[index].value = addThousandSeparator(res.data.whtysy[key]);
|
||||
});
|
||||
// 交通事业
|
||||
}
|
||||
});
|
||||
};
|
||||
|
@ -1252,7 +1203,7 @@ onBeforeMount(async () => {
|
|||
.yl_2 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 260px;
|
||||
left: 238px;
|
||||
align-items: center;
|
||||
}
|
||||
.yl_3 {
|
||||
|
|
Loading…
Reference in New Issue