@@ -240,6 +250,35 @@ const addPd = computed(() => {
return false;
}
});
+//打开编辑栏
+const openBjl = () => {
+ if (!jsqx.value) {
+ ElMessage({
+ message: "您没有编辑的权限",
+ type: "warning",
+ });
+ return;
+ }
+ if (is_type.value == "街道") {
+ if (changeJdqkId.value) {
+ showEdit2.value = true;
+ } else {
+ ElMessage({
+ message: "请先选择街道",
+ type: "warning",
+ });
+ }
+ } else {
+ if (changeCsqkId.value) {
+ showEdit.value = true;
+ } else {
+ ElMessage({
+ message: "请先选择村社",
+ type: "warning",
+ });
+ }
+ }
+};
//编辑村名
const input1 = ref("");
const input2 = ref([]);
@@ -268,8 +307,11 @@ const csqk = ref({});
var cssj;
//存放村社id用于编辑
const changeCsqkId = ref("");
+//存放街道id用于编辑
+const changeJdqkId = ref("");
//用于显示编辑栏
const showEdit = ref(false);
+const showEdit2 = ref(false);
const xuanzhongCs = ref([]);
//存放街道
const cfJd = ref("");
@@ -434,10 +476,12 @@ const lx = () => {
if (is_type.value == "街道") {
ElMessageBox.confirm("是否切换至村社?")
.then(() => {
- console.log(is_type.value);
- is_type.value = "村社";
- csh();
- console.log(is_type.value);
+ if (showEdit2.value) {
+ ElMessage.warning("请先退出街道编辑模式");
+ } else {
+ is_type.value = "村社";
+ csh();
+ }
})
.catch(() => {});
} else {
@@ -600,6 +644,7 @@ const moveBack = () => {
addCsChoose();
move_mode.value = false;
drawing.value = false;
+ BMAP();
};
//移动保存
const moveDK = async () => {
@@ -664,7 +709,6 @@ const openEdit = () => {
drawing.value = true;
console.log(cs_choose_arr.value[0]);
};
-
//保存编辑
const saveEdit = async () => {
cs_choose_arr.value[0].disableEditing();
@@ -684,6 +728,35 @@ const saveEdit = async () => {
console.log("arrJWD", arrJWD);
saveDK();
};
+const saveDK = async () => {
+ loadingss.value = true;
+ let sj = {
+ id: changeCsqkId.value,
+ data: JSON.stringify(arrJWD),
+ };
+ await http
+ .post(`/api/ggfwyth/regionalDivision/editVillage`, sj)
+ .then((res) => {
+ if (res.code == 200) {
+ ElMessage.success({
+ message: "保存成功",
+ });
+ }
+ });
+ await getCssj();
+ await loadCs(cfJd.value);
+ cs_choose_arr.value.forEach((item, index) => {
+ map.removeOverlay(cs_choose_arr.value[index]);
+ });
+ chooseCsList.value.length = 0;
+ xkzDk.forEach((itemm, indexx) => {
+ if (itemm.name == cfCs.value) {
+ chooseCsList.value.push(itemm);
+ addCsChoose();
+ }
+ });
+ loadingss.value = false;
+};
//取消编辑
const closeEdit = async () => {
cs_choose_arr.value[0].disableEditing();
@@ -693,6 +766,7 @@ const closeEdit = async () => {
addCsChoose();
edit_mode.value = false;
drawing.value = false;
+ BMAP();
};
//退出
const backEdit = () => {
@@ -700,6 +774,71 @@ const backEdit = () => {
showEdit.value = false;
drawing.value = false;
};
+//开启编辑街道----------
+const openEdit2 = () => {
+ map.removeEventListener("click", markera);
+ if (currentMarker !== null) {
+ map.removeOverlay(currentMarker);
+ }
+ arrJWD = [[[]]];
+ jd_choose_arr.value[0].enableEditing();
+ drawing.value = true;
+ console.log(jd_choose_arr.value[0]);
+};
+const saveEdit2 = async () => {
+ jd_choose_arr.value[0].disableEditing();
+ console.log(jd_choose_arr.value[0]);
+ for (const item of jd_choose_arr.value[0].points) {
+ if (item?.latLng) {
+ let arr1 = [];
+ arr1.push(item?.latLng.lng);
+ arr1.push(item?.latLng.lat);
+ arrJWD[0][0].push(arr1);
+ } else {
+ bd09(item.lng, item.lat);
+ //延迟0.1秒，保证convertor.translate执行完
+ await new Promise((resolve) => setTimeout(resolve, 300));
+ }
+ }
+ console.log("arrJWD", arrJWD);
+ saveDK2();
+};
+const saveDK2 = async () => {
+ loadingss.value = true;
+ let sj = {
+ id: changeJdqkId.value,
+ data: JSON.stringify(arrJWD),
+ };
+ console.log(sj);
+
+ await http
+ .post(`/api/ggfwyth/regionalDivision/updateTown`, sj)
+ .then((res) => {
+ if (res.code == 200) {
+ ElMessage.success({
+ message: "保存成功",
+ });
+ }
+ });
+ await getXzsj();
+ await loadTown();
+ map.clearOverlays();
+ addPolygonCounty();
+ //添加街道名
+ addJd();
+ xrJd(cfJd.value);
+ loadingss.value = false;
+};
+const closeEdit2 = async () => {
+ jd_choose_arr.value[0].disableEditing();
+ jd_choose_arr.value.forEach((item, index) => {
+ map.removeOverlay(jd_choose_arr.value[index]);
+ });
+ addJdChoose();
+ showEdit2.value = false;
+ drawing.value = false;
+};
+//-----------------------------
//批量修改村社位置
// const shangchuan = async () => {
// //上传地块0.00328
@@ -740,35 +879,7 @@ const backEdit = () => {
// }
// };
//上传编辑的地块
-const saveDK = async () => {
- loadingss.value = true;
- let sj = {
- id: changeCsqkId.value,
- data: JSON.stringify(arrJWD),
- };
- await http
- .post(`/api/ggfwyth/regionalDivision/editVillage`, sj)
- .then((res) => {
- if (res.code == 200) {
- ElMessage.success({
- message: "保存成功",
- });
- }
- });
- await getCssj();
- await loadCs(cfJd.value);
- cs_choose_arr.value.forEach((item, index) => {
- map.removeOverlay(cs_choose_arr.value[index]);
- });
- chooseCsList.value.length = 0;
- xkzDk.forEach((itemm, indexx) => {
- if (itemm.name == cfCs.value) {
- chooseCsList.value.push(itemm);
- addCsChoose();
- }
- });
- loadingss.value = false;
-};
+
//修改村名
const nameEdit = () => {
dialogVisible.value = true;
@@ -1088,8 +1199,6 @@ const csh = () => {
map.removeOverlay(currentMarker);
}
goMapCenter([119.178783, 29.034583], 11);
- getData();
- getDataBq();
};
//清空村社的数据
const clear = () => {
@@ -1125,6 +1234,7 @@ const clear = () => {
xkzCenter.length = 0;
xkzDk.length = 0;
changeCsqkId.value = "";
+ changeJdqkId.value = "";
};
//定义地图中点
const goMapCenter = (point, zoom) => {
@@ -1159,7 +1269,11 @@ const markera = (e) => {
//-------乡镇街道级别---------
//加载乡镇信息
-const loadTown = () => {
+const loadTown = async () => {
+ mapTownDataDK.length = 0;
+ mapTownCount.forEach((item) => {
+ item.center = [];
+ });
for (let v of mapTown[0].features) {
if (v.geometry.coordinates.length > 1) {
for (let w in v.geometry.coordinates) {
@@ -1247,11 +1361,15 @@ const addPolygonCounty = () => {
map.addOverlay(polygon);
polygon.addEventListener("click", async () => {
if (is_type.value == "街道") {
+ // if (showEdit2.value) {
+ // return;
+ // }
if (item.name == cfJd.value) {
} else {
console.log(item.id);
cfJd.value = item.name;
+ changeJdqkId.value = item.id;
// cs_qk_arr.value.forEach((item, index) => {
// map.removeOverlay(cs_qk_arr.value[index]);
// });
@@ -1419,6 +1537,11 @@ const addPolygonCountyCs = () => {
if (drawing.value) {
return;
}
+ //编辑模式下
+ // if (showEdit.value) {
+
+ changeCsqkId.value = item.id;
+ // }
loadingss.value = true;
cs_dd_arr.value = [];
xuanzhongCs.value = [];
@@ -1503,9 +1626,10 @@ const addCsUnChoose = () => {
return;
}
//编辑模式下
- if (showEdit.value) {
- changeCsqkId.value = item.id;
- }
+ // if (showEdit.value) {
+
+ changeCsqkId.value = item.id;
+ // }
//
loadingss.value = true;
cfCs.value = item.name;
@@ -1659,11 +1783,11 @@ const DGcreateCs = (polygon, indexx) => {
});
map.addOverlay(cs_dd_arr.value[indexx]);
cs_dd_arr.value[indexx].addEventListener("click", () => {
- if (jsqx.value) {
- showEdit.value=true;
- changeCsqkId.value = polygon.id;
- } else {
- }
+ // if (jsqx.value) {
+ // showEdit.value = true;
+ changeCsqkId.value = polygon.id;
+ // } else {
+ // }
});
};
//适配
@@ -1894,4 +2018,18 @@ onMounted(async () => {
align-items: center;
opacity: 0.8;
}
+.btnsopen {
+ cursor: pointer;
+ z-index: 100;
+ position: absolute;
+ color: #ffffff;
+ top: 20%;
+ left: 5%;
+ background: #7aceff;
+ padding: 5px;
+ border-radius: 5px;
+ display: flex;
+ align-items: center;
+ opacity: 0.8;
+}
diff --git a/vite.config.js b/vite.config.js
index 99753df..7708875 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -15,8 +15,8 @@ export default defineConfig({
// 第一个代理
"/api": {
// 匹配到啥来进行方向代理
- // target: "http://10.0.0.65:8095/", //刘进
- target: "http://220.191.238.50:996/", //线上
+ target: "http://10.0.0.65:8095/", //刘进
+ // target: "http://220.191.238.50:996/", //线上
changeOrigin: true, //是否支持跨域
//rewrite: (path) => path.replace(/^\/api/, '') // 如果不需要api 直接把路径上的api 替换成空，这个
},