Browse Source

🚀 集成sse完毕

master
wangxiang 3 years ago
parent
commit
bccb2c9a40
  1. 10
      src/components/AMap/src/AMapDesigner/index.vue
  2. 2
      src/settings/componentSetting.ts

10
src/components/AMap/src/AMapDesigner/index.vue

@ -122,7 +122,7 @@
import { isArray, isString } from '/@/utils/is'; import { isArray, isString } from '/@/utils/is';
import { useI18n } from '/@/hooks/web/useI18n'; import { useI18n } from '/@/hooks/web/useI18n';
import { useDebounceFn } from '@vueuse/core'; import { useDebounceFn } from '@vueuse/core';
import { NativeEventSource, EventSourcePolyfill } from 'event-source-polyfill/src/eventsource'; import { EventSourcePolyfill } from 'event-source-polyfill/src/eventsource';
import { getAccessToken } from '/@/utils/auth'; import { getAccessToken } from '/@/utils/auth';
/** 类型规范统一声明定义区域 */ /** 类型规范统一声明定义区域 */
@ -170,7 +170,6 @@
let courierUserMarkerCluster; let courierUserMarkerCluster;
let scanCourierUserCircleRange; let scanCourierUserCircleRange;
let driving; let driving;
let eventSource;
const { t } = useI18n(); const { t } = useI18n();
const emit = defineEmits(['success']); const emit = defineEmits(['success']);
const userStore = useUserStore(); const userStore = useUserStore();
@ -466,8 +465,8 @@
orgMarkerCluster?.setData(orgPoints); orgMarkerCluster?.setData(orgPoints);
// ssegps // ssegps
const EventSource = EventSourcePolyfill; const eventSource = new EventSourcePolyfill(mapDesigner.sseUrl, {
eventSource = new EventSource(mapDesigner.sseUrl, { withCredentials: false,
headers: { Authorization: `Bearer ${getAccessToken()}` } headers: { Authorization: `Bearer ${getAccessToken()}` }
}); });
@ -492,8 +491,6 @@
}); });
onUnmounted(() => { onUnmounted(() => {
console.log('结束');
eventSource.close();
if (map) { if (map) {
// //
map.destroy() && map.clearEvents(); map.destroy() && map.clearEvents();
@ -502,7 +499,6 @@
/** 地图创建完成(动画关闭) */ /** 地图创建完成(动画关闭) */
function complete () { function complete () {
eventSource.close();
if (map) { if (map) {
map.on('complete', () => { map.on('complete', () => {
setMapDataJson(mapProps.options); setMapDataJson(mapProps.options);

2
src/settings/componentSetting.ts

@ -55,6 +55,6 @@ export default {
// 默认缩放 // 默认缩放
defaultZoom: 17, defaultZoom: 17,
// sse后端地址 // sse后端地址
sseUrl: `${apiUrl}/common_proxy/common/mapLogisticSse/subscribe?clientId=${buildUUID()}}` sseUrl: `${apiUrl}/common_proxy/common/mapLogisticSse/subscribe?clientId=${buildUUID()}`
} }
}; };

Loading…
Cancel
Save