聚集数据
This commit is contained in:
parent
820c30a177
commit
80f796c7e1
|
@ -199,7 +199,7 @@
|
|||
@close="close"
|
||||
>
|
||||
<template #echart>
|
||||
<dialog_jjlxfb @shuju="jsSj"></dialog_jjlxfb>
|
||||
<dialog_jjlxfb :list="jjlxfb" @shuju="jsSj"></dialog_jjlxfb>
|
||||
</template>
|
||||
</DialogEcTy>
|
||||
<DialogEcTy
|
||||
|
@ -520,23 +520,26 @@ const dataElderly = reactive({
|
|||
const dataEc = reactive({
|
||||
title: "",
|
||||
});
|
||||
//年龄分布
|
||||
const nlfb = reactive({
|
||||
year: [2022, 2023, 2024, 2025, 2026, 2027],
|
||||
list1: [709, 3424, 2064, 2980, 1790, 3100],
|
||||
list2: [1548, 5895, 2753, 4602, 2030, 3900],
|
||||
list3: [180, 930, 632, 780, 520, 600],
|
||||
});
|
||||
//集聚类型分布
|
||||
const jjlxfb = ref([]);
|
||||
//表格column列表
|
||||
const columns = reactive({
|
||||
聚集数据: {
|
||||
column: [
|
||||
{
|
||||
label: "姓名",
|
||||
property: "name",
|
||||
property: "xm",
|
||||
},
|
||||
{
|
||||
label: "出生日期",
|
||||
property: "date",
|
||||
property: "birth",
|
||||
},
|
||||
{
|
||||
label: "性别",
|
||||
|
@ -544,11 +547,11 @@ const columns = reactive({
|
|||
},
|
||||
{
|
||||
label: "迁出地址",
|
||||
property: "qcaddress",
|
||||
property: "ydz",
|
||||
},
|
||||
{
|
||||
label: "地址",
|
||||
property: "address",
|
||||
property: "xdz",
|
||||
},
|
||||
],
|
||||
},
|
||||
|
@ -581,7 +584,7 @@ const close = () => {
|
|||
dialogShowElderly.value = false;
|
||||
};
|
||||
const closeJj = () => {
|
||||
tableType.data=[];
|
||||
tableType.data = [];
|
||||
dialogShow.value = false;
|
||||
pagination.currentPage = 1;
|
||||
};
|
||||
|
@ -593,6 +596,11 @@ const showEchartTy = (name) => {
|
|||
if (name == "年龄分布") {
|
||||
dialogShowEcTy1.value = true;
|
||||
} else {
|
||||
http.get("/api/ggfwyth/getXzjdQrQcRs").then((res) => {
|
||||
if (res.code == 200) {
|
||||
jjlxfb.value = res.data;
|
||||
}
|
||||
});
|
||||
dialogShowEcTy.value = true;
|
||||
}
|
||||
};
|
||||
|
@ -607,12 +615,26 @@ const tableType = reactive({
|
|||
const jsSj = (name, index) => {
|
||||
if (index == 0 || index == 2) {
|
||||
tableType.title = `${name}转入人数`;
|
||||
getzrzc(name, 0);
|
||||
} else {
|
||||
tableType.title = `${name}转出人数`;
|
||||
getzrzc(name, 1);
|
||||
}
|
||||
tableType.columns = columns["聚集数据"].column;
|
||||
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) => {
|
||||
if (name == "培训人次") {
|
||||
|
@ -644,7 +666,17 @@ const pagination = reactive({
|
|||
});
|
||||
const handlePagination = (current) => {
|
||||
pagination.currentPage = current;
|
||||
getTrain();
|
||||
console.log(tableType.title);
|
||||
|
||||
if (tableType.title == "培训详情") {
|
||||
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 () => {
|
||||
getData();
|
||||
getTrain();//培训人次
|
||||
getTrain(); //培训人次
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
|
|
|
@ -34,15 +34,11 @@ const colors = [
|
|||
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 data = reactive({
|
||||
list: [],
|
||||
option: {},
|
||||
Max: 20000,
|
||||
Max: 8000,
|
||||
valueList: [
|
||||
4504, 16086, 6130, 2844, 4967, 179, 1685, 5010, 633, 569, 219, 5152, 40,
|
||||
631, 536,
|
||||
|
@ -377,80 +373,6 @@ const getOption = () => {
|
|||
},
|
||||
},
|
||||
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,
|
||||
name: "转入人数(含同乡镇跨村聚集人口)",
|
||||
|
@ -703,10 +625,14 @@ const setChart1 = () => {
|
|||
|
||||
onBeforeMount(() => {
|
||||
setTimeout(() => {
|
||||
// data.list = props.list;
|
||||
// setChart1();
|
||||
// data.Max = getMaxCeilingValue(data.valueList);
|
||||
// maxList.value = data.valueList.map((item) => parseInt(data.Max) * 0.9);// 生成新的数组,将每个值都替换为 data.Max 的90%
|
||||
data.xxname.forEach((item,index)=>{
|
||||
props.list.forEach((itemm,indexx)=>{
|
||||
if(item==itemm.xzjd){
|
||||
data.valueList[index]=itemm.qrrs;
|
||||
data.valueList2[index]=itemm.qcrs;
|
||||
}
|
||||
})
|
||||
})
|
||||
getOption();
|
||||
setChart();
|
||||
}, 800);
|
||||
|
|
|
@ -1055,7 +1055,7 @@ const draw = () => {
|
|||
map.removeOverlay(currentMarker);
|
||||
}
|
||||
let drawScene = new DrawScene(map, {
|
||||
noLimit: true,
|
||||
noLimit: false,
|
||||
});
|
||||
let polygon = new PolygonDraw(drawScene, {
|
||||
hideTip: true, // 隐藏绘制提示
|
||||
|
|
Loading…
Reference in New Issue