聚集数据
This commit is contained in:
parent
820c30a177
commit
80f796c7e1
|
@ -199,7 +199,7 @@
|
||||||
@close="close"
|
@close="close"
|
||||||
>
|
>
|
||||||
<template #echart>
|
<template #echart>
|
||||||
<dialog_jjlxfb @shuju="jsSj"></dialog_jjlxfb>
|
<dialog_jjlxfb :list="jjlxfb" @shuju="jsSj"></dialog_jjlxfb>
|
||||||
</template>
|
</template>
|
||||||
</DialogEcTy>
|
</DialogEcTy>
|
||||||
<DialogEcTy
|
<DialogEcTy
|
||||||
|
@ -520,23 +520,26 @@ const dataElderly = reactive({
|
||||||
const dataEc = reactive({
|
const dataEc = reactive({
|
||||||
title: "",
|
title: "",
|
||||||
});
|
});
|
||||||
|
//年龄分布
|
||||||
const nlfb = reactive({
|
const nlfb = reactive({
|
||||||
year: [2022, 2023, 2024, 2025, 2026, 2027],
|
year: [2022, 2023, 2024, 2025, 2026, 2027],
|
||||||
list1: [709, 3424, 2064, 2980, 1790, 3100],
|
list1: [709, 3424, 2064, 2980, 1790, 3100],
|
||||||
list2: [1548, 5895, 2753, 4602, 2030, 3900],
|
list2: [1548, 5895, 2753, 4602, 2030, 3900],
|
||||||
list3: [180, 930, 632, 780, 520, 600],
|
list3: [180, 930, 632, 780, 520, 600],
|
||||||
});
|
});
|
||||||
|
//集聚类型分布
|
||||||
|
const jjlxfb = ref([]);
|
||||||
//表格column列表
|
//表格column列表
|
||||||
const columns = reactive({
|
const columns = reactive({
|
||||||
聚集数据: {
|
聚集数据: {
|
||||||
column: [
|
column: [
|
||||||
{
|
{
|
||||||
label: "姓名",
|
label: "姓名",
|
||||||
property: "name",
|
property: "xm",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "出生日期",
|
label: "出生日期",
|
||||||
property: "date",
|
property: "birth",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "性别",
|
label: "性别",
|
||||||
|
@ -544,11 +547,11 @@ const columns = reactive({
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "迁出地址",
|
label: "迁出地址",
|
||||||
property: "qcaddress",
|
property: "ydz",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "地址",
|
label: "地址",
|
||||||
property: "address",
|
property: "xdz",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
@ -581,7 +584,7 @@ const close = () => {
|
||||||
dialogShowElderly.value = false;
|
dialogShowElderly.value = false;
|
||||||
};
|
};
|
||||||
const closeJj = () => {
|
const closeJj = () => {
|
||||||
tableType.data=[];
|
tableType.data = [];
|
||||||
dialogShow.value = false;
|
dialogShow.value = false;
|
||||||
pagination.currentPage = 1;
|
pagination.currentPage = 1;
|
||||||
};
|
};
|
||||||
|
@ -593,6 +596,11 @@ const showEchartTy = (name) => {
|
||||||
if (name == "年龄分布") {
|
if (name == "年龄分布") {
|
||||||
dialogShowEcTy1.value = true;
|
dialogShowEcTy1.value = true;
|
||||||
} else {
|
} else {
|
||||||
|
http.get("/api/ggfwyth/getXzjdQrQcRs").then((res) => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
jjlxfb.value = res.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
dialogShowEcTy.value = true;
|
dialogShowEcTy.value = true;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
@ -607,12 +615,26 @@ const tableType = reactive({
|
||||||
const jsSj = (name, index) => {
|
const jsSj = (name, index) => {
|
||||||
if (index == 0 || index == 2) {
|
if (index == 0 || index == 2) {
|
||||||
tableType.title = `${name}转入人数`;
|
tableType.title = `${name}转入人数`;
|
||||||
|
getzrzc(name, 0);
|
||||||
} else {
|
} else {
|
||||||
tableType.title = `${name}转出人数`;
|
tableType.title = `${name}转出人数`;
|
||||||
|
getzrzc(name, 1);
|
||||||
}
|
}
|
||||||
tableType.columns = columns["聚集数据"].column;
|
tableType.columns = columns["聚集数据"].column;
|
||||||
dialogShow.value = true;
|
dialogShow.value = true;
|
||||||
};
|
};
|
||||||
|
const getzrzc = (name, bq) => {
|
||||||
|
http
|
||||||
|
.get(
|
||||||
|
`/api/ggfwyth/getXzjdQrQcList?page=${pagination.currentPage}&size=${pagination.pageSize}&xzjd=${name}&bq=${bq}`
|
||||||
|
)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
tableType.data = res.data;
|
||||||
|
pagination.total = res.count;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
//培训+公益岗位数
|
//培训+公益岗位数
|
||||||
const showPx = (name) => {
|
const showPx = (name) => {
|
||||||
if (name == "培训人次") {
|
if (name == "培训人次") {
|
||||||
|
@ -644,7 +666,17 @@ const pagination = reactive({
|
||||||
});
|
});
|
||||||
const handlePagination = (current) => {
|
const handlePagination = (current) => {
|
||||||
pagination.currentPage = current;
|
pagination.currentPage = current;
|
||||||
|
console.log(tableType.title);
|
||||||
|
|
||||||
|
if (tableType.title == "培训详情") {
|
||||||
getTrain();
|
getTrain();
|
||||||
|
} else if (tableType.title.includes("转入人数")) {
|
||||||
|
let name = tableType.title.split("转入人数")[0];
|
||||||
|
getzrzc(name, 0);
|
||||||
|
} else if (tableType.title.includes("转出人数")) {
|
||||||
|
let name = tableType.title.split("转出人数")[0];
|
||||||
|
getzrzc(name, 1);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
//---------表格弹框-------
|
//---------表格弹框-------
|
||||||
//数据切换
|
//数据切换
|
||||||
|
@ -970,7 +1002,7 @@ onMounted(() => {
|
||||||
|
|
||||||
onBeforeMount(async () => {
|
onBeforeMount(async () => {
|
||||||
getData();
|
getData();
|
||||||
getTrain();//培训人次
|
getTrain(); //培训人次
|
||||||
});
|
});
|
||||||
|
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
|
|
|
@ -34,15 +34,11 @@ const colors = [
|
||||||
front: "rgba(14, 252, 255, .66)",
|
front: "rgba(14, 252, 255, .66)",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
const maxList = ref([
|
|
||||||
18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000,
|
|
||||||
18000, 18000, 18000, 18000,
|
|
||||||
]);
|
|
||||||
// const valueList = [20, 53, 47, 65, 29, 11, 10];
|
// const valueList = [20, 53, 47, 65, 29, 11, 10];
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
list: [],
|
list: [],
|
||||||
option: {},
|
option: {},
|
||||||
Max: 20000,
|
Max: 8000,
|
||||||
valueList: [
|
valueList: [
|
||||||
4504, 16086, 6130, 2844, 4967, 179, 1685, 5010, 633, 569, 219, 5152, 40,
|
4504, 16086, 6130, 2844, 4967, 179, 1685, 5010, 633, 569, 219, 5152, 40,
|
||||||
631, 536,
|
631, 536,
|
||||||
|
@ -377,80 +373,6 @@ const getOption = () => {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
//阴影部分
|
|
||||||
// {
|
|
||||||
// type: "custom",
|
|
||||||
// renderItem: function (params, api) {
|
|
||||||
// // console.log(api);
|
|
||||||
// const location = api.coord([api.value(0), api.value(1)]);
|
|
||||||
// return {
|
|
||||||
// type: "group",
|
|
||||||
// children: [
|
|
||||||
// {
|
|
||||||
// type: "CubeBottom_1",
|
|
||||||
// shape: {
|
|
||||||
// api,
|
|
||||||
// x: location[0],
|
|
||||||
// y: location[1],
|
|
||||||
// xAxisPoint: api.coord([api.value(0), 0]),
|
|
||||||
// },
|
|
||||||
// style: {
|
|
||||||
// fill: "rgba(103, 180, 233, .16)",
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: "CubeLeft_1",
|
|
||||||
// shape: {
|
|
||||||
// api,
|
|
||||||
// x: location[0],
|
|
||||||
// y: location[1],
|
|
||||||
// xAxisPoint: api.coord([api.value(0), 0]),
|
|
||||||
// },
|
|
||||||
// style: {
|
|
||||||
// fill: "rgba(103, 180, 233, .04)",
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: "CubeFront_1",
|
|
||||||
// shape: {
|
|
||||||
// api,
|
|
||||||
// x: location[0],
|
|
||||||
// y: location[1],
|
|
||||||
// xAxisPoint: api.coord([api.value(0), 0]),
|
|
||||||
// },
|
|
||||||
// style: {
|
|
||||||
// fill: "rgba(103, 180, 233, .16)",
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: "CubeRight_1",
|
|
||||||
// shape: {
|
|
||||||
// api,
|
|
||||||
// x: location[0],
|
|
||||||
// y: location[1],
|
|
||||||
// xAxisPoint: api.coord([api.value(0), 0]),
|
|
||||||
// },
|
|
||||||
// style: {
|
|
||||||
// fill: "rgba(103, 180, 233, .08)",
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// type: "CubeTop_1",
|
|
||||||
// shape: {
|
|
||||||
// api,
|
|
||||||
// x: location[0],
|
|
||||||
// y: location[1],
|
|
||||||
// xAxisPoint: api.coord([api.value(0), 0]),
|
|
||||||
// },
|
|
||||||
// style: {
|
|
||||||
// fill: "rgba(103, 180, 233, .26)",
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// ],
|
|
||||||
// };
|
|
||||||
// },
|
|
||||||
// data: maxList.value,
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
xAxisIndex: 0,
|
xAxisIndex: 0,
|
||||||
name: "转入人数(含同乡镇跨村聚集人口)",
|
name: "转入人数(含同乡镇跨村聚集人口)",
|
||||||
|
@ -703,10 +625,14 @@ const setChart1 = () => {
|
||||||
|
|
||||||
onBeforeMount(() => {
|
onBeforeMount(() => {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
// data.list = props.list;
|
data.xxname.forEach((item,index)=>{
|
||||||
// setChart1();
|
props.list.forEach((itemm,indexx)=>{
|
||||||
// data.Max = getMaxCeilingValue(data.valueList);
|
if(item==itemm.xzjd){
|
||||||
// maxList.value = data.valueList.map((item) => parseInt(data.Max) * 0.9);// 生成新的数组,将每个值都替换为 data.Max 的90%
|
data.valueList[index]=itemm.qrrs;
|
||||||
|
data.valueList2[index]=itemm.qcrs;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
getOption();
|
getOption();
|
||||||
setChart();
|
setChart();
|
||||||
}, 800);
|
}, 800);
|
||||||
|
|
|
@ -1055,7 +1055,7 @@ const draw = () => {
|
||||||
map.removeOverlay(currentMarker);
|
map.removeOverlay(currentMarker);
|
||||||
}
|
}
|
||||||
let drawScene = new DrawScene(map, {
|
let drawScene = new DrawScene(map, {
|
||||||
noLimit: true,
|
noLimit: false,
|
||||||
});
|
});
|
||||||
let polygon = new PolygonDraw(drawScene, {
|
let polygon = new PolygonDraw(drawScene, {
|
||||||
hideTip: true, // 隐藏绘制提示
|
hideTip: true, // 隐藏绘制提示
|
||||||
|
|
Loading…
Reference in New Issue