diff --git a/index.html b/index.html index 616fd95..beb177f 100644 --- a/index.html +++ b/index.html @@ -104,7 +104,7 @@ diff --git a/src/stores/index.ts b/src/stores/index.ts index c63da5c..91813ac 100644 --- a/src/stores/index.ts +++ b/src/stores/index.ts @@ -10,6 +10,7 @@ export const GlobalStore = defineStore({ id: "GlobalState", // state: 返回对象的函数 state: (): GlobalState => ({ + globalScale: 1, sn: "", // token token: "", diff --git a/src/stores/interface/index.ts b/src/stores/interface/index.ts index 1cf44f9..4dd6d34 100644 --- a/src/stores/interface/index.ts +++ b/src/stores/interface/index.ts @@ -1,5 +1,6 @@ /* GlobalState */ export interface GlobalState { + globalScale: number | null; sn: string | null; Message: Object | null; token: string | null; diff --git a/src/views/sevenLargeScreen/digitalConstruction/carPosition/index.vue b/src/views/sevenLargeScreen/digitalConstruction/carPosition/index.vue index b4bb95b..3fb977a 100644 --- a/src/views/sevenLargeScreen/digitalConstruction/carPosition/index.vue +++ b/src/views/sevenLargeScreen/digitalConstruction/carPosition/index.vue @@ -372,6 +372,14 @@ let formRules = ref({ } ] }); +const resetMapSize = () => { + console.log(666) + setTimeout(() => { + let mapContent = document.getElementById("mapContainer"); + console.log(mapContent) + mapContent.style.transform = `scale(${1/store.globalScale})`; + }, 200); +}; onMounted(() => { choiceMonth.value = formatMonthTime(dayValue.value); console.log("当前月份", choiceMonth.value); @@ -380,6 +388,15 @@ onMounted(() => { getCrewListData(); getFenceList(); getFenceType(); + resetMapSize() + window.addEventListener("resize", e => { + resetMapSize() + }); +}); +onBeforeMount(() => { + window.removeEventListener("resize", e => { + resetMapSize() + }); }); // computed: { // //Uploader实例 @@ -1317,9 +1334,9 @@ function echoPersonMarker(item) {