Merge branch 'main' of https://git.cityme.com.cn/xiangshan/ggfwjsc
This commit is contained in:
duanxiaohai
commit
6056d54d8a
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -86,7 +86,12 @@
|
|||
<div
|
||||
v-for="(item, index) in dataMyTag.myTag1"
|
||||
class="main-tag-item"
|
||||
:class="item.name == tableType.title ? 'main-tag-item_active' : ''"
|
||||
:class="[
|
||||
item.name == '身后事' && !isShs
|
||||
? 'main-tag-item2'
|
||||
: 'main-tag-item',
|
||||
item.name == tableType.title ? 'main-tag-item_active' : '',
|
||||
]"
|
||||
@click="onClickTag2(item.name, item.label)"
|
||||
>
|
||||
<span v-if="item.name == '退休养老'"> 退休<br />养老</span>
|
||||
|
|
@ -410,11 +415,11 @@ const dataMyTag = reactive({
|
|||
jkName: "tnb",
|
||||
show: 0,
|
||||
},
|
||||
// {
|
||||
// name: "高血脂",
|
||||
// jkName: "",
|
||||
// show: 0,
|
||||
// },
|
||||
{
|
||||
name: "精神病人",
|
||||
jkName: "jsbr",
|
||||
show: 0,
|
||||
},
|
||||
// {
|
||||
// name: "高血糖",
|
||||
// jkName: "",
|
||||
|
|
@ -460,14 +465,15 @@ const dataMyTag = reactive({
|
|||
name: "退休养老",
|
||||
label: "养老金发放情况",
|
||||
},
|
||||
{
|
||||
name: "身后事",
|
||||
label: "身后事",
|
||||
},
|
||||
|
||||
{
|
||||
name: "综合",
|
||||
label: "医疗保险",
|
||||
},
|
||||
{
|
||||
name: "身后事",
|
||||
label: "身后事",
|
||||
},
|
||||
],
|
||||
form: {
|
||||
data: [],
|
||||
|
|
@ -711,17 +717,21 @@ const onClickTag = (item) => {
|
|||
};
|
||||
//圆球弹框
|
||||
const onClickTag2 = (name, label) => {
|
||||
tableType.title = name;
|
||||
dataMyTag.title = label;
|
||||
tableType.url = columnsList[name].url;
|
||||
tableType.columns = columnsList[name].column;
|
||||
if (name == "婚育") {
|
||||
} else if (name == "综合") {
|
||||
dataMyTag.form.column = columnsList["一卡通"].column;
|
||||
oneCardSolution();
|
||||
getTable(tableType.url, true);
|
||||
//如果没有身后事就不请求
|
||||
if (name == "身后事" && !isShs.value) {
|
||||
} else {
|
||||
getTable(tableType.url, true);
|
||||
tableType.title = name;
|
||||
dataMyTag.title = label;
|
||||
tableType.url = columnsList[name].url;
|
||||
tableType.columns = columnsList[name].column;
|
||||
if (name == "婚育") {
|
||||
} else if (name == "综合") {
|
||||
dataMyTag.form.column = columnsList["一卡通"].column;
|
||||
oneCardSolution();
|
||||
getTable(tableType.url, true);
|
||||
} else {
|
||||
getTable(tableType.url, true);
|
||||
}
|
||||
}
|
||||
};
|
||||
/**
|
||||
|
|
@ -734,6 +744,7 @@ const rightList = ref([]);
|
|||
const getTable = (url, csh) => {
|
||||
/**
|
||||
* csh为true时，代表初始化，为false时，代表分页
|
||||
* rightType为1，表示显示表格，0为列表
|
||||
*/
|
||||
http
|
||||
.get(url, {
|
||||
|
|
@ -762,6 +773,21 @@ const getTable = (url, csh) => {
|
|||
}
|
||||
});
|
||||
};
|
||||
//身后事判断
|
||||
const isShs = ref(false);
|
||||
const getshs = () => {
|
||||
http
|
||||
.get("/api/ggfwyth/ysyzt/getRyshsxx?identNo=" + dataMyTag.identNo)
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
if (res.data?.length > 0) {
|
||||
isShs.value = true;
|
||||
} else {
|
||||
isShs.value = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
const close = () => {
|
||||
dialogShow.value = false;
|
||||
};
|
||||
|
|
@ -832,6 +858,7 @@ watch(
|
|||
getData(props.message.identNo);
|
||||
onClickTag2("出生", "出生");
|
||||
jump.value = "map";
|
||||
getshs();
|
||||
}
|
||||
);
|
||||
onMounted(() => {
|
||||
|
|
@ -843,6 +870,7 @@ onMounted(() => {
|
|||
getData(routers.query.identNo);
|
||||
}
|
||||
onClickTag2("出生", "出生");
|
||||
getshs();
|
||||
} else {
|
||||
jump.value = "map";
|
||||
}
|
||||
|
|
@ -952,13 +980,13 @@ onMounted(() => {
|
|||
}
|
||||
|
||||
&:nth-of-type(7) {
|
||||
top: 270px;
|
||||
right: 80px;
|
||||
top: 420px;
|
||||
right: 110px;
|
||||
}
|
||||
|
||||
&:nth-of-type(8) {
|
||||
top: 420px;
|
||||
right: 110px;
|
||||
top: 270px;
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
// &:hover {
|
||||
|
|
@ -967,7 +995,28 @@ onMounted(() => {
|
|||
// color: #00fffc;
|
||||
// }
|
||||
}
|
||||
.main-tag-item2 {
|
||||
background: url("../../assets/person/noshs.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: bold;
|
||||
color: #b3b3b3;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
z-index: 5;
|
||||
|
||||
text-shadow: 0px 2px 4px rgba(28, 68, 63, 0.5);
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
top: 270px;
|
||||
right: 80px;
|
||||
}
|
||||
.main-tag-item_active {
|
||||
background: url("../../assets/person/tag-active.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
|
|
|||
|
|
@ -155,13 +155,31 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="btns" v-if="showEdit">
|
||||
<div class="btnsave" @click="nameEdit">修改村名</div>
|
||||
<div class="btnsave" @click="draw">添加地块</div>
|
||||
<div class="btnopen" @click="openEdit">编辑地块</div>
|
||||
<div class="btnsave" @click="saveEdit">保存地块</div>
|
||||
<div class="btnsave">删除地块</div>
|
||||
<div class="btnclose" @click="closeEdit">取消编辑</div>
|
||||
<div class="btnclose" @click="backEdit">退出编辑</div>
|
||||
<div class="btnopen" @click="nameEdit" v-if="!add_mode && !edit_mode">
|
||||
修改村名
|
||||
</div>
|
||||
<div class="btnsave" @click="addmode" v-if="!edit_mode && !add_mode">
|
||||
添加
|
||||
</div>
|
||||
<div style="display: flex" v-if="add_mode">
|
||||
<div class="btnsave" @click="draw">添加地块</div>
|
||||
<div class="btnsave" @click="cancel">取消地块</div>
|
||||
<div class="btnsave" @click="addcenter">添加中心点</div>
|
||||
<div class="btnsave" @click="look">查看添加列表</div>
|
||||
<div class="btnsave" @click="addBack">退出添加</div>
|
||||
</div>
|
||||
<div class="btnsave" @click="editmode" v-if="!edit_mode && !add_mode">
|
||||
编辑
|
||||
</div>
|
||||
<div style="display: flex" v-if="edit_mode">
|
||||
<div class="btnsave" @click="openEdit">编辑地块</div>
|
||||
<div class="btnsave" @click="saveEdit">保存地块</div>
|
||||
<div class="btnsave" @click="closeEdit">退出编辑</div>
|
||||
</div>
|
||||
<div class="btnsave" v-if="!add_mode && !edit_mode" @click="deleteCs">
|
||||
删除地块
|
||||
</div>
|
||||
<div class="btnclose" @click="backEdit" v-if="!add_mode && !edit_mode">退出</div>
|
||||
</div>
|
||||
|
||||
<Dialog
|
||||
|
|
@ -224,6 +242,30 @@
|
|||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="dialogVisible2" title="新村社列表" width="500">
|
||||
<el-form
|
||||
:model="add_new_cs"
|
||||
label-width="auto"
|
||||
style="max-width: 500px"
|
||||
>
|
||||
<el-form-item label="村社名">
|
||||
<el-input v-model="add_new_cs.name" />
|
||||
</el-form-item>
|
||||
<el-form-item label="村社中心点">
|
||||
<el-input v-model="add_new_cs.center" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="村社范围">
|
||||
<el-input v-model="add_new_cs.area" disabled />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" @click="addNew()" :disabled="addPd">
|
||||
确认添加
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</teleport>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -239,7 +281,7 @@ import {
|
|||
watch,
|
||||
nextTick,
|
||||
} from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import tools from "@/utils/tools";
|
||||
import initializeMap from "@/utils/mapInitializer.js";
|
||||
import http from "@/utils/request.js";
|
||||
|
|
@ -278,13 +320,33 @@ import AED from "@/assets/images/map/AED.png";
|
|||
import Dialog from "./dialog/dialogMapDp.vue";
|
||||
import personDetail from "./person/index.vue";
|
||||
// import gcj02towgs84 from "@/utils/gcj02towgs84.js";
|
||||
import { DrawScene, AreaMeasure, MarkerDraw } from "bmap-draw";
|
||||
// import { DrawScene, AreaMeasure, MarkerDraw } from "bmap-draw";
|
||||
import { DrawScene, PolygonDraw } from "bmap-draw";
|
||||
//--------定义参数-------
|
||||
//测绘模式
|
||||
//测绘模式等
|
||||
const drawing = ref(false);
|
||||
const add_mode = ref(false);
|
||||
const edit_mode = ref(false);
|
||||
const add_new_cs = reactive({
|
||||
name: "",
|
||||
center: [],
|
||||
area: [[[]]],
|
||||
});
|
||||
const addPd = computed(() => {
|
||||
if (
|
||||
add_new_cs.name == "" ||
|
||||
add_new_cs.center.length == 0 ||
|
||||
add_new_cs.area.length == 0
|
||||
) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
//编辑村名
|
||||
const input1 = ref("");
|
||||
const dialogVisible = ref(false);
|
||||
const dialogVisible2 = ref(false);
|
||||
//加载
|
||||
const loadingss = ref(false);
|
||||
const loadTable = ref(false);
|
||||
|
|
@ -326,9 +388,9 @@ var map = null;
|
|||
//默认龙游县灰色地块
|
||||
const mapTownDataDK = reactive([]);
|
||||
//社区地块
|
||||
const xkzDk = reactive([]);
|
||||
var xkzDk = [];
|
||||
//社区中心点
|
||||
const xkzCenter = reactive([]);
|
||||
var xkzCenter = [];
|
||||
//村社颜色列表
|
||||
const colorList = [
|
||||
{
|
||||
|
|
@ -406,7 +468,14 @@ const tsbq_id_total = ref([
|
|||
id: "gxy",
|
||||
tagId: 9,
|
||||
},
|
||||
{
|
||||
name: "精神病人",
|
||||
id: "jsbr",
|
||||
tagId: 10,
|
||||
},
|
||||
]);
|
||||
//特殊标签匹配，用于判断choose.person.value存放的数据是否为特殊标签
|
||||
const tsbq_pp = ref([]);
|
||||
//单选中社区区块
|
||||
const chooseCsList = ref([]);
|
||||
//单选未中社区区块
|
||||
|
|
@ -572,51 +641,6 @@ const PopulationRatio = ref([
|
|||
]);
|
||||
//特殊标签左侧数据
|
||||
const tsbqTotal = ref([
|
||||
{
|
||||
id: 10,
|
||||
name: "退役军人",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 20,
|
||||
name: "留守",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 30,
|
||||
name: "困境儿童",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 40,
|
||||
name: "特困",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 0,
|
||||
name: "低边",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "低保",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "高血压",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "糖尿病",
|
||||
value: "26737",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "残疾人",
|
||||
value: "26737",
|
||||
},
|
||||
]);
|
||||
const data = reactive({
|
||||
serviceCircleList: [],
|
||||
|
|
@ -831,13 +855,17 @@ const initMap = () => {
|
|||
addJd();
|
||||
};
|
||||
const getCssj = async () => {
|
||||
await http
|
||||
.get("/api/ggfwyth/regionalDivision/getCsRegionalDivision")
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
cssj = JSON.parse(res.data);
|
||||
}
|
||||
});
|
||||
await http.get("/api/ggfwyth/regionalDivision/getDetails").then((res) => {
|
||||
if (res.code == 200) {
|
||||
cssj = JSON.parse(res.data);
|
||||
console.log(4444);
|
||||
}
|
||||
});
|
||||
};
|
||||
//编辑模式
|
||||
const editmode = () => {
|
||||
drawing.value = true;
|
||||
edit_mode.value = true;
|
||||
};
|
||||
//存放编辑的地块数据
|
||||
var arrJWD = [[[]]];
|
||||
|
|
@ -857,6 +885,10 @@ const bd09 = (x, y) => {
|
|||
};
|
||||
//开启编辑
|
||||
const openEdit = () => {
|
||||
map.removeEventListener("click", markera);
|
||||
if (currentMarker !== null) {
|
||||
map.removeOverlay(currentMarker);
|
||||
}
|
||||
arrJWD = [[[]]];
|
||||
cs_choose_arr.value[0].enableEditing();
|
||||
drawing.value = true;
|
||||
|
|
@ -876,7 +908,7 @@ const saveEdit = async () => {
|
|||
} else {
|
||||
bd09(item.lng, item.lat);
|
||||
//延迟0.1秒，保证convertor.translate执行完
|
||||
await new Promise((resolve) => setTimeout(resolve, 100));
|
||||
await new Promise((resolve) => setTimeout(resolve, 300));
|
||||
}
|
||||
}
|
||||
console.log("arrJWD", arrJWD);
|
||||
|
|
@ -889,25 +921,30 @@ const closeEdit = async () => {
|
|||
map.removeOverlay(cs_choose_arr.value[index]);
|
||||
});
|
||||
addCsChoose();
|
||||
edit_mode.value = false;
|
||||
drawing.value = false;
|
||||
// let a = document.documentElement.getElementsByClassName("left")[0];
|
||||
// a.style.opacity = "1";
|
||||
// let b = document.documentElement.getElementsByClassName("right")[0];
|
||||
// b.style.opacity = "1";
|
||||
};
|
||||
//退出
|
||||
const backEdit = () => {
|
||||
BMAP();
|
||||
cs_choose_arr.value[0].disableEditing();
|
||||
cs_choose_arr.value.forEach((item, index) => {
|
||||
map.removeOverlay(cs_choose_arr.value[index]);
|
||||
});
|
||||
addCsChoose();
|
||||
showEdit.value = false;
|
||||
drawing.value = false;
|
||||
};
|
||||
//上传编辑的地块
|
||||
const saveDK = async () => {
|
||||
loadingss.value = true;
|
||||
await http
|
||||
.post(
|
||||
`/api/ggfwyth/regionalDivision/updateCsManagerRegionalDivision?id=${
|
||||
`/api/ggfwyth/regionalDivision/edit?id=${
|
||||
changeCsqkId.value
|
||||
}&data=${JSON.stringify(arrJWD)}`
|
||||
)
|
||||
|
|
@ -931,6 +968,7 @@ const saveDK = async () => {
|
|||
addCsChoose();
|
||||
}
|
||||
});
|
||||
loadingss.value = false;
|
||||
};
|
||||
//修改村名
|
||||
const nameEdit = () => {
|
||||
|
|
@ -970,34 +1008,171 @@ const csName = async () => {
|
|||
});
|
||||
}, 500);
|
||||
};
|
||||
//添加模式
|
||||
const addmode = () => {
|
||||
add_mode.value = true;
|
||||
};
|
||||
//添加地块
|
||||
const sceneDrawStatus = ref(null);
|
||||
const scene = ref(null);
|
||||
const draw = () => {
|
||||
drawing.value = true;
|
||||
map.removeEventListener("click", markera); //移除点击事件监听器
|
||||
map.removeEventListener("click", markera);
|
||||
if (currentMarker !== null) {
|
||||
map.removeOverlay(currentMarker); //移除当前标记
|
||||
map.removeOverlay(currentMarker);
|
||||
}
|
||||
const scene = new DrawScene(map); //创建绘制场景
|
||||
const areaMeasure = new AreaMeasure(scene, {
|
||||
// labelOptions: {
|
||||
// color:'red',
|
||||
// },
|
||||
}); //创建面积测量工具
|
||||
areaMeasure.open(); //打开面积测量工具
|
||||
//添加测量结束事件监听器
|
||||
areaMeasure.addEventListener("measure-area-end", (e) => {
|
||||
console.log(e);
|
||||
const labels = document.querySelectorAll(".BMapLabel");
|
||||
labels.forEach((label) => label.remove());
|
||||
const points = e.target.points;
|
||||
let res = [];
|
||||
points.map((item) => {
|
||||
res.push(`${item.lng},${item.lat}`);
|
||||
});
|
||||
// mapData.points = res;//处理测量结果
|
||||
ElMessage.success("选取范围成功");
|
||||
areaMeasure.close(); //关闭面积测量工具
|
||||
let drawScene = new DrawScene(map, {
|
||||
noLimit: true,
|
||||
});
|
||||
let polygon = new PolygonDraw(drawScene, {
|
||||
hideTip: true, // 隐藏绘制提示
|
||||
isSeries: false, // 是否开启批量绘制
|
||||
isOpen: true,
|
||||
labelOptions: {
|
||||
borderRadius: "2px",
|
||||
background: "#b5d3fb",
|
||||
border: "1px solid #b5d3fb",
|
||||
color: "#333",
|
||||
fontSize: "5px",
|
||||
letterSpacing: "0",
|
||||
padding: "2px",
|
||||
},
|
||||
baseOpts: {
|
||||
fillColor: "#fff",
|
||||
strokeWeight: 2,
|
||||
strokeOpacity: 1,
|
||||
fillOpacity: 0.2,
|
||||
},
|
||||
});
|
||||
sceneDrawStatus.value = polygon;
|
||||
scene.value = drawScene;
|
||||
sceneDrawStatus.value.open();
|
||||
};
|
||||
//取消地块
|
||||
const cancel = () => {
|
||||
scene.value.clearData();
|
||||
sceneDrawStatus.value.closeAll();
|
||||
sceneDrawStatus.value = null;
|
||||
scene.value = null;
|
||||
};
|
||||
//添加中心点
|
||||
const addcenter = () => {
|
||||
BMAP();
|
||||
};
|
||||
//查看添加列表
|
||||
const look = () => {
|
||||
add_new_cs.area[0][0] = [];
|
||||
console.log(111111111, sceneDrawStatus.value);
|
||||
sceneDrawStatus.value?.drawPoint.forEach((item, index) => {
|
||||
let arr1 = [];
|
||||
arr1.push(item.lng);
|
||||
arr1.push(item.lat);
|
||||
console.log(index, arr1);
|
||||
add_new_cs.area[0][0].push(arr1);
|
||||
});
|
||||
console.log(2222, add_new_cs.area[0][0]);
|
||||
|
||||
dialogVisible2.value = true;
|
||||
};
|
||||
//添加请求
|
||||
const addNew = async () => {
|
||||
loadingss.value = true;
|
||||
let data1 = {
|
||||
type: "Feature",
|
||||
id: "",
|
||||
geometry: {
|
||||
type: "MultiPolygon",
|
||||
coordinates: [],
|
||||
},
|
||||
properties: {
|
||||
name: "",
|
||||
center: [],
|
||||
layer: "乡镇",
|
||||
},
|
||||
};
|
||||
let sj = {
|
||||
name: cfJd.value,
|
||||
data: {},
|
||||
};
|
||||
data1.id = `${cfJd.value}_${add_new_cs.name}`;
|
||||
data1.geometry.coordinates = [...add_new_cs.area];
|
||||
data1.properties.name = add_new_cs.name;
|
||||
data1.properties.center = add_new_cs.center;
|
||||
sj.data = JSON.stringify(data1);
|
||||
await http.post(`/api/ggfwyth/regionalDivision/add`, sj).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage.success({
|
||||
message: "添加成功",
|
||||
offset: 100, // 距离窗口顶部的偏移量
|
||||
});
|
||||
dialogVisible2.value = false;
|
||||
}
|
||||
});
|
||||
cancel();
|
||||
add_new_cs.name = "";
|
||||
add_new_cs.center = [];
|
||||
await getCssj();
|
||||
await loadCs(cfJd.value);
|
||||
unChooseList.value.length = 0;
|
||||
xkzDk.forEach((itemm, indexx) => {
|
||||
if (itemm.name != cfCs.value) {
|
||||
unChooseList.value.push(itemm);
|
||||
}
|
||||
});
|
||||
addCsUnChoose();
|
||||
loadingss.value = false;
|
||||
};
|
||||
//删除
|
||||
const deleteCs = async () => {
|
||||
ElMessageBox.confirm("确定要删除当前村社?")
|
||||
.then(() => {
|
||||
loadingss.value = true;
|
||||
http
|
||||
|
||||
.post(`/api/ggfwyth/regionalDivision/del?id=${changeCsqkId.value}`)
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage.success({
|
||||
message: "删除成功",
|
||||
offset: 100, // 距离窗口顶部的偏移量
|
||||
});
|
||||
cs_choose_arr.value.forEach((item, index) => {
|
||||
map.removeOverlay(cs_choose_arr.value[index]);
|
||||
});
|
||||
cs_dd_arr.value.forEach((item, index) => {
|
||||
map.removeOverlay(cs_dd_arr.value[index]);
|
||||
});
|
||||
let a;
|
||||
let b;
|
||||
xkzCenter.forEach((item, index) => {
|
||||
if (item.id == changeCsqkId.value) {
|
||||
a = index;
|
||||
}
|
||||
});
|
||||
xkzDk.forEach((item, index) => {
|
||||
if (item.id == changeCsqkId.value) {
|
||||
b = index;
|
||||
}
|
||||
});
|
||||
xkzCenter.splice(a, 1);
|
||||
xkzDk.splice(b, 1);
|
||||
loadingss.value = false;
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
// catch error
|
||||
});
|
||||
};
|
||||
|
||||
//退出添加模式
|
||||
const addBack = () => {
|
||||
add_mode.value = false;
|
||||
drawing.value = false;
|
||||
map.removeEventListener("click", markera);
|
||||
if (currentMarker !== null) {
|
||||
map.removeOverlay(currentMarker);
|
||||
}
|
||||
};
|
||||
//点击龙游县初始化
|
||||
const csh = () => {
|
||||
|
|
@ -1081,6 +1256,9 @@ const markera = (e) => {
|
|||
// 将新标记添加到地图中并更新当前标记引用
|
||||
map.addOverlay(marker);
|
||||
currentMarker = marker;
|
||||
if (add_mode.value) {
|
||||
add_new_cs.center = [e.latlng.lng, e.latlng.lat];
|
||||
}
|
||||
};
|
||||
//点击人口数(关键字存age)
|
||||
const buten = async (item) => {
|
||||
|
|
@ -1411,15 +1589,17 @@ const getDatas2 = async (e, i, cs) => {
|
|||
//i1用来防止i清空，用来渲染单个点位
|
||||
let i1 = i;
|
||||
if (
|
||||
i == "残疾人" ||
|
||||
i == "低边" ||
|
||||
i == "低保" ||
|
||||
i == "高血压" ||
|
||||
i == "糖尿病" ||
|
||||
i == "退役军人" ||
|
||||
i == "困境儿童" ||
|
||||
i == "孤儿" ||
|
||||
i == "特困"
|
||||
// i == "残疾人" ||
|
||||
// i == "低边" ||
|
||||
// i == "低保" ||
|
||||
// i == "高血压" ||
|
||||
// i == "糖尿病" ||
|
||||
// i == "退役军人" ||
|
||||
// i == "困境儿童" ||
|
||||
// i == "孤儿" ||
|
||||
// i == "特困" ||
|
||||
// i == "精神病人"
|
||||
tsbq_pp.value.includes(i)
|
||||
) {
|
||||
i = "";
|
||||
}
|
||||
|
|
@ -1531,15 +1711,17 @@ const getDatas2 = async (e, i, cs) => {
|
|||
}
|
||||
});
|
||||
if (
|
||||
i1 == "残疾人" ||
|
||||
i1 == "低边" ||
|
||||
i1 == "低保" ||
|
||||
i1 == "高血压" ||
|
||||
i1 == "糖尿病" ||
|
||||
i1 == "退役军人" ||
|
||||
i1 == "困境儿童" ||
|
||||
i1 == "孤儿" ||
|
||||
i1 == "特困"
|
||||
// i1 == "残疾人" ||
|
||||
// i1 == "低边" ||
|
||||
// i1 == "低保" ||
|
||||
// i1 == "高血压" ||
|
||||
// i1 == "糖尿病" ||
|
||||
// i1 == "退役军人" ||
|
||||
// i1 == "困境儿童" ||
|
||||
// i1 == "孤儿" ||
|
||||
// i1 == "特困" ||
|
||||
// i1 == "精神病人"
|
||||
tsbq_pp.value.includes(i1)
|
||||
) {
|
||||
} else {
|
||||
if (choose.value.person == "") {
|
||||
|
|
@ -1589,6 +1771,29 @@ const getDataBq = async (jd, cs) => {
|
|||
}
|
||||
});
|
||||
};
|
||||
//第一次进入页面初始化获取特殊标签数据，并存放特殊标签
|
||||
const getDataBqFirst = async () => {
|
||||
await http.get(`/api/ggfwyth/ysyzt/getBqRs`).then((res) => {
|
||||
if (res.code == 200) {
|
||||
tsbqTotal.value.length = 0;
|
||||
tsbq_pp.value.lenth = 0;
|
||||
tsbq_id_total.value.length = 0;
|
||||
res.data.forEach((item, index) => {
|
||||
tsbq_pp.value.push(item.bq);
|
||||
tsbq_id_total.value.push({
|
||||
name: item.bq,
|
||||
tagId: item.tagId,
|
||||
});
|
||||
tsbqTotal.value.push({
|
||||
id: item.bq,
|
||||
name: item.bq,
|
||||
rksl: item.rs || 0,
|
||||
tagId: item.tagId,
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const getDataBqs = async (jd, cs, bq) => {
|
||||
await getDataBqJD(bq);
|
||||
if (cfJd.value == "") {
|
||||
|
|
@ -1928,15 +2133,17 @@ const to_jd = async (item_name) => {
|
|||
loadingss.value = false;
|
||||
}
|
||||
if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
// choose.value.person == "残疾人" ||
|
||||
// choose.value.person == "低边" ||
|
||||
// choose.value.person == "低保" ||
|
||||
// choose.value.person == "高血压" ||
|
||||
// choose.value.person == "糖尿病" ||
|
||||
// choose.value.person == "退役军人" ||
|
||||
// choose.value.person == "困境儿童" ||
|
||||
// choose.value.person == "孤儿" ||
|
||||
// choose.value.person == "特困" ||
|
||||
// choose.value.person == "精神病人"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
await getDatas(cfJd.value, "", false);
|
||||
getDataBqs4(cfJd.value, cfCs.value, choose.value.person);
|
||||
|
|
@ -1963,15 +2170,17 @@ const open_detail = () => {
|
|||
dialogShow.value = true;
|
||||
person_detail2();
|
||||
} else if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
// choose.value.person == "残疾人" ||
|
||||
// choose.value.person == "低边" ||
|
||||
// choose.value.person == "低保" ||
|
||||
// choose.value.person == "高血压" ||
|
||||
// choose.value.person == "糖尿病" ||
|
||||
// choose.value.person == "退役军人" ||
|
||||
// choose.value.person == "困境儿童" ||
|
||||
// choose.value.person == "孤儿" ||
|
||||
// choose.value.person == "特困" ||
|
||||
// choose.value.person == "精神病人"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
age = "";
|
||||
tsbq_id_total.value.forEach((item, index) => {
|
||||
|
|
@ -2008,15 +2217,17 @@ const handlePagination = (current) => {
|
|||
age = "";
|
||||
person_detail2();
|
||||
} else if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
// choose.value.person == "残疾人" ||
|
||||
// choose.value.person == "低边" ||
|
||||
// choose.value.person == "低保" ||
|
||||
// choose.value.person == "高血压" ||
|
||||
// choose.value.person == "糖尿病" ||
|
||||
// choose.value.person == "退役军人" ||
|
||||
// choose.value.person == "困境儿童" ||
|
||||
// choose.value.person == "孤儿" ||
|
||||
// choose.value.person == "特困" ||
|
||||
// choose.value.person == "精神病人"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
age = "";
|
||||
tsbq_id_total.value.forEach((item, index) => {
|
||||
|
|
@ -2499,15 +2710,7 @@ const addPolygonCounty = () => {
|
|||
loadingss.value = false;
|
||||
}
|
||||
if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
await getDatas(cfJd.value, "", false);
|
||||
//使用await把loading放外面，没效果，所以把loading放接口里面
|
||||
|
|
@ -2645,15 +2848,7 @@ const createCustomOverlayJd2 = (polygon, indexx) => {
|
|||
if (choose.value.person == "6666") {
|
||||
num = "swrs";
|
||||
} else if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
num = "numbers";
|
||||
} else {
|
||||
|
|
@ -2710,6 +2905,7 @@ const loadCs = async (name) => {
|
|||
});
|
||||
}
|
||||
}
|
||||
console.log(6666);
|
||||
};
|
||||
//添加村社区块
|
||||
const addPolygonCountyCs = () => {
|
||||
|
|
@ -2768,15 +2964,7 @@ const addPolygonCountyCs = () => {
|
|||
});
|
||||
await getDataBq(cfJd.value, cfCs.value);
|
||||
if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
await getDataBqs3(cfJd.value, cfCs.value, choose.value.person);
|
||||
} else {
|
||||
|
|
@ -2875,15 +3063,7 @@ const addCsUnChoose = () => {
|
|||
await getDataBq(cfJd.value, cfCs.value);
|
||||
await getDatas2(cfJd.value, choose.value.person, cfCs.value);
|
||||
if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
await getDataBqs3(cfJd.value, cfCs.value, choose.value.person);
|
||||
}
|
||||
|
|
@ -3009,15 +3189,7 @@ const createCs2 = (polygon, indexx) => {
|
|||
if (choose.value.person == "6666") {
|
||||
num = "swrs";
|
||||
} else if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
num = "numbers";
|
||||
} else {
|
||||
|
|
@ -3161,15 +3333,7 @@ const DGcreateCs2 = (polygon, indexx) => {
|
|||
if (choose.value.person == "6666") {
|
||||
num = "swrs";
|
||||
} else if (
|
||||
choose.value.person == "残疾人" ||
|
||||
choose.value.person == "低边" ||
|
||||
choose.value.person == "低保" ||
|
||||
choose.value.person == "高血压" ||
|
||||
choose.value.person == "糖尿病" ||
|
||||
choose.value.person == "退役军人" ||
|
||||
choose.value.person == "困境儿童" ||
|
||||
choose.value.person == "孤儿" ||
|
||||
choose.value.person == "特困"
|
||||
tsbq_pp.value.includes(choose.value.person)
|
||||
) {
|
||||
num = "numbers";
|
||||
} else {
|
||||
|
|
@ -3220,7 +3384,7 @@ const reset_font2 = () => {
|
|||
"scale(" + width / 1920 + "," + height / 1080 + ")";
|
||||
};
|
||||
onMounted(async () => {
|
||||
tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
|
||||
// tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
|
||||
loadingss.value = true;
|
||||
reset_font();
|
||||
initMap();
|
||||
|
|
@ -3228,7 +3392,7 @@ onMounted(async () => {
|
|||
BMAP();
|
||||
getFwq();
|
||||
getCssj();
|
||||
await getDataBq();
|
||||
await getDataBqFirst();
|
||||
loadingss.value = false;
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue