hy-dispatch-ui-v3 0.2.61 → 0.2.62

package/es/bussiness/hyMapAearchPlace/js/index.mjs

@@ -0,0 +1,653 @@
+import { ref, computed, nextTick } from 'vue';
+import { ElMessage } from 'element-plus';
+import { pageApi, findAllApi } from '../../../api/index.mjs';
+import { childTaskFindAllApi } from '../../../api/task.mjs';
+import { detailApi } from '../../../api/device.mjs';
+import { unbindCphmTaskApi } from '../../../api/sypct.mjs';
+import { getCoordinate, WGS84ToGCJ02, WGS84ToBD09, GCJ02ToWGS84, BD09ToWGS84, GCJ02ToBD09, BD09ToGCJ02 } from '../../../utils/map/js/webgis.mjs';
+import { setPoiServer } from '../../../utils/map/index.mjs';
+import { onlyNumber } from '../../../utils/input.mjs';
+import { isPermission } from '../../../utils/is.mjs';
+
+const CoordinateDict = {
+  0: "WGS84",
+  1: "GCJ02",
+  2: "BD09"
+};
+const CoordinateMap = {
+  WGS84: 0,
+  GCJ02: 1,
+  BD09: 2
+};
+const useMapAearchPlace = (hy) => {
+  const { props, emits, t } = hy;
+  const poiServer = setPoiServer(props.mapConfig);
+  const searchAddressTypeList = ref([
+    { label: "\u5730\u7406\u5730\u5740", value: 1 },
+    // 水源点： 2
+    // 防火单位： 3
+    {
+      label: "\u90E8\u95E8\u540D\u79F0",
+      value: 4,
+      permission: "operator_departmentManage"
+    },
+    { label: "\u67E5\u7ECF\u7EAC\u5EA6", value: 5 },
+    {
+      label: "\u67E5\u5DE1\u67E5\u70B9",
+      value: 6,
+      permission: "mission_patrolInspectionTask"
+    },
+    {
+      label: "\u4EFB\u52A1\u540D\u79F0",
+      value: 7,
+      permission: "mission_commonTasks"
+    },
+    {
+      label: "\u67E5\u8BE2\u8F66\u8F86",
+      value: 8,
+      permission: "commands_dutyStatus"
+    }
+  ]);
+  const nextPageParams = ref(null);
+  const lnglat = ref({
+    lng: null,
+    lngType: null,
+    lat: null,
+    latType: null
+  });
+  const lnglatList = ref([
+    {
+      titleName: "\u586B\u5199\u7ECF\u7EAC\u5EA6",
+      lng: null,
+      lat: null
+    }
+  ]);
+  const customCoordinate = ref(null);
+  const searchResultList = ref([]);
+  const searchAddressType = ref(1);
+  const placeholder = ref("\u8F93\u5165\u5730\u5740\u8FDB\u884C\u641C\u7D22");
+  const searchAddress = ref(null);
+  const valid = ref(true);
+  const size = ref(10);
+  const page = ref(0);
+  const noMore = ref(false);
+  const loading = ref(false);
+  const colorObject = ref({});
+  const timeOut = ref(null);
+  const showItem = ref(null);
+  const isFocus = ref(false);
+  let queryMarkerPoint = null;
+  const disabled = computed(() => {
+    return hy.loading.value || hy.noMore.value;
+  });
+  const commonOptions = computed(() => {
+    return {
+      bmCorrect: 1
+    };
+  });
+  const mapCoordinate = computed(() => {
+    return parseInt(hy.commonOptions.value.bmCorrect);
+  });
+  const mapCoordinateName = computed(() => {
+    return CoordinateDict[hy.mapCoordinate.value];
+  });
+  async function setSelectList() {
+    const selectList = [];
+    props.selectIdList.forEach((id) => {
+      const item = hy.selectList.find((item2) => item2.value === id);
+      if (item) {
+        if (!item.permission || isPermission(item.permission)) {
+          selectList.push(item);
+        }
+      }
+    });
+    await nextTick();
+    hy.searchAddressType.value = selectList[0].value;
+    hy.selectList = selectList;
+  }
+  async function lnglatCheckFn(content) {
+    onlyNumber(hy.lnglat.value, content);
+    await nextTick();
+    if (hy.lnglat.value[`${content}`]) {
+      let reg = null;
+      if (content === "lng") {
+        reg = /^(-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,15})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,15}|180)$/;
+      } else {
+        reg = /^(-|\+)?([0-8]?\d{1}\.\d{0,15}|90\.0{0,15}|[0-8]?\d{1}|90)$/;
+      }
+      if (reg.test(hy.lnglat.value[`${content}`])) {
+        hy.lnglat.value[`${content}Type`] = true;
+      } else {
+        hy.lnglat.value[`${content}Type`] = false;
+      }
+    } else {
+      hy.lnglat.value[`${content}Type`] = false;
+    }
+    const lng = hy.lnglat.value.lng;
+    const lat = hy.lnglat.value.lat;
+    let lnglatList2 = [];
+    if (hy.lnglat.value.latType && hy.lnglat.value.lngType) {
+      let wgs84 = {};
+      let gcj02 = {};
+      let bd09 = {};
+      if (hy.mapCoordinate.value === CoordinateMap.WGS84) {
+        wgs84 = {
+          titleName: "(WGS84-\u56FD\u9645\u901A\u7528\u5750\u6807\u7CFB)",
+          lng,
+          lat,
+          coordinate: CoordinateMap.WGS84
+        };
+        const gcj20Res = WGS84ToGCJ02(lat, lng);
+        gcj02 = {
+          titleName: "\uFF08GCJ02-\u706B\u661F\u5750\u6807\u7CFB\uFF09",
+          lng: gcj20Res.lng,
+          lat: gcj20Res.lat,
+          coordinate: CoordinateMap.GCJ02
+        };
+        const bd09Res = WGS84ToBD09(lat, lng);
+        bd09 = {
+          titleName: "\uFF08BD09-\u706B\u661F\u5750\u6807\u7CFB\uFF09",
+          lng: bd09Res.lng,
+          lat: bd09Res.lat,
+          coordinate: CoordinateMap.BD09
+        };
+      } else if (hy.mapCoordinate.value === CoordinateMap.GCJ02) {
+        gcj02 = {
+          titleName: "\uFF08GCJ02-\u706B\u661F\u5750\u6807\u7CFB\uFF09",
+          lng,
+          lat,
+          coordinate: CoordinateMap.GCJ02
+        };
+        const wgs84Res = GCJ02ToWGS84(lat, lng);
+        wgs84 = {
+          titleName: "(WGS84-\u56FD\u9645\u901A\u7528\u5750\u6807\u7CFB)",
+          lng: wgs84Res.lng,
+          lat: wgs84Res.lat,
+          coordinate: CoordinateMap.WGS84
+        };
+        const bd09Res = GCJ02ToBD09(lat, lng);
+        bd09 = {
+          titleName: "\uFF08BD09-\u706B\u661F\u5750\u6807\u7CFB\uFF09",
+          lng: bd09Res.lng,
+          lat: bd09Res.lat,
+          coordinate: CoordinateMap.BD09
+        };
+      } else if (hy.mapCoordinate.value === CoordinateMap.BD09) {
+        bd09 = {
+          titleName: "\uFF08BD09-\u706B\u661F\u5750\u6807\u7CFB\uFF09",
+          lng,
+          lat,
+          coordinate: CoordinateMap.BD09
+        };
+        const gcj20Res = BD09ToGCJ02(lat, lng);
+        gcj02 = {
+          titleName: "\uFF08GCJ02-\u706B\u661F\u5750\u6807\u7CFB\uFF09",
+          lng: gcj20Res.lng,
+          lat: gcj20Res.lat,
+          coordinate: CoordinateMap.GCJ02
+        };
+        const wgs84Res = BD09ToWGS84(lat, lng);
+        wgs84 = {
+          titleName: "(WGS84-\u56FD\u9645\u901A\u7528\u5750\u6807\u7CFB)",
+          lng: wgs84Res.lng,
+          lat: wgs84Res.lat,
+          coordinate: CoordinateMap.WGS84
+        };
+      }
+      lnglatList2 = [wgs84, gcj02, bd09];
+    } else {
+      lnglatList2 = [
+        {
+          titleName: "\u586B\u5199\u7ECF\u7EAC\u5EA6",
+          lng,
+          lat
+        }
+      ];
+    }
+    await nextTick();
+    hy.lnglatList.value = [...lnglatList2];
+  }
+  function onFocus() {
+    hy.isFocus.value = true;
+  }
+  function onBlur() {
+    hy.isFocus.value = false;
+  }
+  function lnglatClick(item) {
+    if (hy.lnglat.value.lngType && hy.lnglat.value.latType) {
+      let lng = item.lng;
+      let lat = item.lat;
+      const data = getCoordinate(
+        { lat, lng },
+        {
+          importCoordinate: item.coordinate,
+          leaveCoordinate: hy.mapCoordinate.value
+        }
+      );
+      lng = data.lng;
+      lat = data.lat;
+      hy.mapJumpLocationFn({
+        lng,
+        lat
+      });
+    }
+  }
+  function queryMarkerPointDelete() {
+    if (hy.timeOut.value) {
+      clearTimeout(hy.timeOut.value);
+      hy.timeOut.value = null;
+    }
+    if (hy.queryMarkerPoint) {
+      hy.queryMarkerPoint.remove(props.map);
+      hy.queryMarkerPoint = null;
+    }
+  }
+  function setQueryMarkerPoint(row) {
+    hy.queryMarkerPointDelete();
+    if (!props.map) return;
+    const { lat, lng } = row;
+    hy.queryMarkerPoint = props.hyMap.Marker({
+      icon: props.hyMap.DivIcon({
+        html: `<div class="hy-map-aearch-place-twinkle-marker w-[40px] h-[60px]"  style="position: absolute; transform: translate(-50%, -54px)">
+                <svg class= "svg-icon" style="width: inherit;height: inherit;">
+                  <use xlink:href = "#hy-icon-map-marker-trajectory-personnel"></use>
+                </svg>
+               </div>`,
+        iconSize: [0, 0],
+        iconAnchor: [0, 0]
+      }),
+      position: { lng, lat },
+      zIndexOffset: 1
+    });
+    hy.queryMarkerPoint.addTo(props.map);
+    hy.timeOut.value = setTimeout(() => {
+      hy.queryMarkerPointDelete();
+    }, 4e3);
+  }
+  function mapJumpLocationFn(row) {
+    if (hy.searchAddressType.value === 8) {
+      if (row.deviceId) {
+        detailApi({ deviceId: row.deviceId }).then((res) => {
+          if (res.code === 200) {
+            const data = res.data;
+            if (hy.showItem.value) {
+              props.setMarkerToMap();
+            }
+            nextTick(() => {
+              if (data.lat && data.lng) {
+                props.map.panTo([row.lng, row.lat]);
+                props.map.setZoom(18);
+              }
+              if (props.onSelectMarker) {
+                props.onSelectMarker(data);
+              }
+              if (props.setMarkerToMap) {
+                hy.showItem.value = data;
+                props.setMarkerToMap(1, data);
+              }
+            });
+          }
+        });
+      } else {
+        ElMessage.warning("\u5F53\u524D\u7528\u6237\u672A\u7ED1\u5B9A\u8BBE\u5907");
+      }
+    } else {
+      const { lat, lng } = row;
+      if (!lat || !lng) {
+        let msg = "\u6CA1\u6709\u5B9A\u4F4D\u4FE1\u606F";
+        if (hy.searchAddressType.value === 4) {
+          msg = "\u8BE5\u90E8\u95E8\u6CA1\u6709\u5B9A\u4F4D\u4FE1\u606F";
+        } else if (hy.searchAddressType.value === 6) {
+          msg = "\u8BE5\u5DE1\u67E5\u70B9\u6CA1\u6709\u5B9A\u4F4D\u4FE1\u606F";
+        } else if (hy.searchAddressType.value === 7) {
+          msg = "\u8BE5\u4EFB\u52A1\u6CA1\u6709\u5B9A\u4F4D\u4FE1\u606F";
+        }
+        ElMessage.warning(msg);
+        return;
+      }
+      props.map.setView(row, 18);
+      hy.setQueryMarkerPoint(row);
+      hy.resetFn(1);
+    }
+  }
+  function unbindVehicleFn(row) {
+    hy.$deleteConfirmationBox(
+      {
+        deleteTitleImg: "tips",
+        deleteTitle: "\u63D0\u793A",
+        deleteContent: `
+              <div>
+                <p>\u786E\u8BA4\u5C06\u8F66\u8F86\u4E0E\u4EBA\u5458\u89E3\u7ED1\uFF1F</p>
+              </div>
+            `,
+        submitText: "\u786E\u8BA4\u89E3\u7ED1",
+        closeText: "\u53D6\u6D88",
+        closeShow: true
+      },
+      () => {
+        unbindCphmTaskApi({
+          zyId: row.zyId,
+          userId: row.userId
+        }).then((res) => {
+          if (res.code === 200) {
+            ElMessage.success("\u89E3\u7ED1\u6210\u529F");
+            hy.getVehicleList();
+          } else {
+            ElMessage.error(res.msg);
+          }
+        }).catch((err) => {
+          console.error(err);
+        });
+      }
+    );
+  }
+  function throttle(fn, delay) {
+    return (params) => {
+      if (!hy.valid.value) {
+        return false;
+      }
+      hy.valid.value = false;
+      setTimeout(() => {
+        fn(params);
+        hy.valid.value = true;
+      }, delay);
+    };
+  }
+  async function load() {
+    hy.loading.value = true;
+    hy.page.value++;
+    await nextTick();
+    hy.getData();
+  }
+  function searchAddressTypeFn() {
+    hy.searchAddress.value = null;
+    hy.lnglat.value = {
+      lng: null,
+      lngType: null,
+      lat: null,
+      latType: null
+    };
+    hy.lnglatList.value = [
+      {
+        titleName: "\u586B\u5199\u7ECF\u7EAC\u5EA6",
+        lng: null,
+        lat: null
+      }
+    ];
+    hy.placeholderFn();
+    hy.resetFn();
+  }
+  function resetFn(type) {
+    hy.searchResultList.value = [];
+    hy.page.value = 1;
+    hy.noMore.value = false;
+    hy.loading.value = false;
+    nextTick(() => {
+      if (type !== 1) {
+        hy.getData();
+      }
+    });
+  }
+  function getData() {
+    if (hy.searchAddress.value && hy.searchAddress.value.length) {
+      if (hy.searchAddressType.value === 1) {
+        hy.addressRequestFn();
+      } else if (hy.searchAddressType.value === 4) {
+        hy.organizationPageFn();
+      } else if (hy.searchAddressType.value === 6) {
+        hy.patrolPointFn();
+      } else if (hy.searchAddressType.value === 7) {
+        hy.getTaskList();
+      } else if (hy.searchAddressType.value === 8) {
+        hy.getVehicleList();
+      }
+    } else {
+      hy.resetFn(1);
+    }
+  }
+  function addressRequestFn() {
+    if (hy.page.value === 1) {
+      hy.nextPageParams.value = null;
+    }
+    poiServer.placeSearch({
+      pageSize: hy.size.value,
+      // 单页显示结果条数
+      pageIndex: hy.page.value,
+      query: hy.searchAddress.value,
+      convertIngAndLat: false,
+      // 谷歌地图下一页传入
+      nextPageParams: hy.nextPageParams.value
+    }).then(({ results, nextPageParams: nextPageParams2 }) => {
+      hy.nextPageParams.value = nextPageParams2;
+      if (results) {
+        const dataList = results;
+        const list = [];
+        for (let i = 0; i < dataList.length; i++) {
+          const item = dataList[i];
+          list.push({
+            lng: hy.keepDecimal(item.lng),
+            lat: hy.keepDecimal(item.lat),
+            id: hy.createUniqueId(1),
+            address: item.address || item.name,
+            title: hy.titleFn(item.name)
+          });
+        }
+        nextTick(() => {
+          hy.loading.value = false;
+          hy.searchResultList.value.push(...list);
+        });
+      }
+    }).catch(() => {
+      hy.loading.value = false;
+      hy.noMore.value = true;
+      ElMessage.error("\u672A\u641C\u7D22\u5230\u5185\u5BB9");
+    });
+  }
+  function keepDecimal(num, precision = 8) {
+    return Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision);
+  }
+  async function getVehicleList() {
+    const res = await findAllApi("sypct/task/cphmResUse", {
+      // page: hy.page.value - 1,
+      // size: 10,
+      query: hy.searchAddress.value
+    });
+    if (res.code === 200) {
+      const dataList = res.data || [];
+      const list = [];
+      hy.searchResultList.value = [];
+      for (let i = 0; i < dataList.length; i++) {
+        const item = dataList[i];
+        list.push({
+          id: `${i}-${item.zyId}`,
+          ...item,
+          cphm: hy.titleFn(item.cphm || ""),
+          name: hy.titleFn(item.name || "")
+        });
+      }
+      nextTick(() => {
+        hy.loading.value = false;
+        hy.searchResultList.value.push(...list);
+        if (dataList.length === 0 && hy.searchResultList.value.length === 0) {
+          ElMessage.error("\u672A\u641C\u7D22\u5230\u5185\u5BB9");
+        }
+        hy.noMore.value = true;
+      });
+    }
+  }
+  async function getTaskList() {
+    const res = await childTaskFindAllApi({
+      taskStatus: "jxz",
+      query: hy.searchAddress.value
+    });
+    if (res && res.code === 200) {
+      const dataList = res.data || [];
+      const list = [];
+      for (let i = 0; i < dataList.length; i++) {
+        const item = dataList[i];
+        if (item.lat && item.lng) {
+          list.push({
+            id: `${item.taskId}_${item.orgId}`,
+            lat: item.lat,
+            lng: item.lng,
+            orgName: item.orgName,
+            title: hy.titleFn(item.rwmc)
+          });
+        }
+      }
+      nextTick(() => {
+        hy.loading.value = false;
+        hy.searchResultList.value.push(...list);
+        if (dataList.length === 0 && hy.searchResultList.value.length === 0) {
+          ElMessage.error("\u672A\u641C\u7D22\u5230\u5185\u5BB9");
+        }
+        hy.noMore.value = true;
+      });
+    }
+  }
+  function organizationPageFn() {
+    pageApi("organization", {
+      page: hy.page.value - 1,
+      size: 10,
+      query: hy.searchAddress.value
+    }).then((res) => {
+      if (res.code === 200) {
+        const dataList = res.data.content || [];
+        const list = [];
+        for (let i = 0; i < dataList.length; i++) {
+          const item = dataList[i];
+          list.push({
+            id: item.id,
+            address: item.address || item.companyName,
+            ...item,
+            title: hy.titleFn(item.companyName)
+          });
+        }
+        nextTick(() => {
+          hy.loading.value = false;
+          hy.searchResultList.value.push(...list);
+          if (dataList.length === 0 && hy.searchResultList.value.length === 0) {
+            ElMessage.error("\u672A\u641C\u7D22\u5230\u5185\u5BB9");
+          }
+          if (hy.page.value === res.data.totalPages) {
+            hy.noMore.value = true;
+          }
+        });
+      }
+    });
+  }
+  function patrolPointFn() {
+    pageApi("scrollCheck/scp", {
+      page: hy.page.value - 1,
+      size: 10,
+      query: hy.searchAddress.value
+    }).then((res) => {
+      if (res.code === 200) {
+        const dataList = res.data.content || [];
+        const list = [];
+        for (let i = 0; i < dataList.length; i++) {
+          const item = dataList[i];
+          if (item.lng && item.lat) {
+            list.push({
+              id: item.id,
+              ...item,
+              address: item.address || item.pointName,
+              title: hy.titleFn(item.pointName)
+            });
+          }
+        }
+        nextTick(() => {
+          hy.loading.value = false;
+          hy.searchResultList.value.push(...list);
+          if (dataList.length === 0 && hy.searchResultList.value.length === 0) {
+            ElMessage.error("\u672A\u641C\u7D22\u5230\u5185\u5BB9");
+          }
+          if (hy.page.value === res.data.totalPages) {
+            hy.noMore.value = true;
+          }
+        });
+      }
+    });
+  }
+  function titleFn(title = "") {
+    const arr = [];
+    for (let i = 0; i < title.length; i++) {
+      const item = title[i];
+      const index = hy.searchAddress.value.indexOf(item);
+      const json = {
+        content: title[i]
+      };
+      if (index === -1) {
+        json.type = 1;
+      } else {
+        json.type = 2;
+      }
+      arr.push(json);
+    }
+    return arr;
+  }
+  function placeholderFn() {
+    if (hy.searchAddressType.value === 1) {
+      hy.placeholder.value = "\u8F93\u5165\u5730\u5740\u8FDB\u884C\u641C\u7D22";
+    } else if (hy.searchAddressType.value === 4) {
+      hy.placeholder.value = "\u8F93\u5165\u90E8\u95E8\u8FDB\u884C\u641C\u7D22";
+    } else if (hy.searchAddressType.value === 6) {
+      hy.placeholder.value = "\u8F93\u5165\u5DE1\u67E5\u70B9\u8FDB\u884C\u641C\u7D22";
+    } else if (hy.searchAddressType.value === 7) {
+      hy.placeholder.value = "\u8F93\u5165\u4EFB\u52A1\u540D\u79F0\u8FDB\u884C\u641C\u7D22";
+    } else if (hy.searchAddressType.value === 8) {
+      hy.placeholder.value = "\u8F93\u5165\u8F66\u724C\u53F7\u7801/\u7528\u6237\u540D\u8FDB\u884C\u641C\u7D22";
+    } else {
+      hy.placeholder.value = null;
+    }
+  }
+  return {
+    searchAddressTypeList,
+    nextPageParams,
+    lnglat,
+    lnglatList,
+    customCoordinate,
+    searchResultList,
+    searchAddressType,
+    placeholder,
+    searchAddress,
+    valid,
+    size,
+    page,
+    noMore,
+    loading,
+    colorObject,
+    timeOut,
+    isFocus,
+    queryMarkerPoint,
+    showItem,
+    disabled,
+    commonOptions,
+    mapCoordinate,
+    mapCoordinateName,
+    setSelectList,
+    lnglatCheckFn,
+    onFocus,
+    onBlur,
+    lnglatClick,
+    queryMarkerPointDelete,
+    setQueryMarkerPoint,
+    mapJumpLocationFn,
+    unbindVehicleFn,
+    throttle,
+    load,
+    searchAddressTypeFn,
+    resetFn,
+    getData,
+    addressRequestFn,
+    keepDecimal,
+    getVehicleList,
+    getTaskList,
+    organizationPageFn,
+    patrolPointFn,
+    titleFn,
+    placeholderFn
+  };
+};
+
+export { useMapAearchPlace };