+
{{ item.name }}
@@ -129,6 +106,8 @@ import b4 from "@/assets/images/map/b4.png";
import b5 from "@/assets/images/map/b5.png";
import b6 from "@/assets/images/map/b6.png";
import xcbg from "@/assets/images/map/xcbg.png";
+import http from "@/utils/request.js";
+
//删除
const jdm_arr = ref([]);
const jdm_number_arr = ref([]);
@@ -177,6 +156,7 @@ const mapTownCount = reactive([
name: "龙洲街道",
center: [119.1573083, 28.9799445],
number: "1000",
+
},
{
name: "东华街道",
@@ -438,6 +418,7 @@ const addPolygonCounty = () => {
const addJd = () => {
mapTownCount.map((item, index) => {
+ goMapCenter([119.178783, 29.034581], 11);
createCustomOverlayJd(item, index);
});
};
@@ -1022,71 +1003,101 @@ const personTotal = ref([
id: 0,
name: "总人口",
value: "1724114",
+ ages: '总人口',
+ age: '1000'
+
},
{
id: 1,
- name: "1岁",
+ name: "0岁",
value: "26737",
+ ages: '0岁',
+ age: '1000'
},
{
id: 2,
- name: "2岁",
+ name: "1岁",
value: "26737",
+ ages: '1岁',
+ age: '1000'
},
{
id: 3,
- name: "3岁",
+ name: "2岁",
value: "26737",
+ ages: '2岁',
+ age: '1000'
},
{
id: 4,
- name: "4岁",
+ name: "3岁",
value: "26737",
+ ages: '3岁',
+ age: '1000'
},
+
{
id: 5,
- name: "5岁",
+ name: "4岁",
value: "26737",
+ ages: '4岁',
+ age: '1000'
},
{
id: 6,
- name: "6岁",
+ name: "5岁",
value: "26737",
+ ages: '5岁',
+ age: '1000'
},
{
id: 7,
- name: "7岁",
+ name: "6岁",
value: "26737",
+ ages: '6岁',
+ age: '1000'
},
{
id: 8,
- name: "8岁",
+ name: "7岁",
value: "26737",
+ ages: '7岁',
+ age: '1000'
},
{
id: 9,
- name: "9岁",
+ name: "8岁",
value: "26737",
+ ages: '8岁',
+ age: '1000'
},
{
id: 10,
- name: "10岁",
+ name: "9岁",
value: "26737",
+ ages: '9岁',
+ age: '1000'
},
{
id: 11,
- name: "11岁",
+ name: "10岁",
value: "26737",
+ ages: '10岁',
+ age: '1000'
},
{
id: 12,
- name: "12岁",
+ name: "11岁",
value: "26737",
+ ages: '11岁',
+ age: '1000'
},
{
id: 13,
- name: "13岁",
+ name: "12岁",
value: "26737",
+ ages: '12岁',
+ age: '1000'
},
]);
@@ -1693,8 +1704,63 @@ const yaosuTotal = ref([
wz: true,
},
]);
+const getData = async (i, e) => {
+ await http.get(`/api/ggfwyth/ysyzt/getXzjdrksl?age=${e || ''}`).then((res) => {
+ if (res.code == 200) {
+ personTotal.value = [{
+ id: '0',
+ ages: "总人口",
+ age: '',
+ value: "res.data.total",
+ },]
+ personTotal.value[0].rksl = res.data.total
+ personTotal.value[0].ages = '总人口'
+ res.data.age.forEach((item, index) => {
+ console.log(index);
+ personTotal.value.push({
+ id: index + 1,
+ rksl: item.rksl,
+ age: item.age + '',
+ ages: item.age + '岁'
+ })
+ })
+ res.data.town.map((item) => {
+ mapTownCount.map((items) => {
+ if (item.town == items.name) {
+ items.number = item.rksl
+ }
+ })
+ })
+ }
+ });
+ console.log(mapTownCount, 10001);
+ if (i) {
+ changeRs(i)
+ }
+};
+const reset_font = () => {
+ let width = document.documentElement.clientWidth || document.body.clientWidth;
+ let height =
+ document.documentElement.clientHeight || document.body.clientHeight;
+ document.querySelector(".header_content").style.transformOrigin = "top left";
+ document.querySelector(".header_content").style.transform =
+ "scale(" + width / 1920 + "," + height / 1080 + ")";
+ if (
+ document.querySelector(".left")) {
+ document.querySelector(".left").style.transformOrigin = "bottom left";
+ document.querySelector(".left").style.transform =
+ "scale(" + width / 1920 + "," + height / 1080 + ")";
+ document.querySelector(".right").style.transformOrigin = "bottom right";
+ document.querySelector(".right").style.transform =
+ "scale(" + width / 1920 + "," + height / 1080 + ")";
+
+ }
+
+};
onMounted(() => {
+ reset_font()
initMap();
+ getData()
});