隐私政策页面

src/component/HomePage/Generate.vue

@@ -209,7 +209,7 @@
 <script lang="ts">
 import { LoadingOutlined } from "@ant-design/icons-vue";
 import { message, Upload, Modal } from "ant-design-vue";
-import { defineComponent, computed, reactive, createVNode, h, ref,watch, nextTick, inject, toRefs } from "vue";
+import { defineComponent, computed, reactive, createVNode, h, ref,watch, nextTick, inject, toRefs, getCurrentInstance, onMounted, onUnmounted, } from "vue";
 import { Https } from "@/tool/https";
 import { useStore } from "vuex";
 import GO from "@/tool/GO";
@@ -240,6 +240,7 @@ export default defineComponent({
         let userDetail:any= computed(()=>{
 			return store.state.UserHabit.userDetail
 		})
+		const instance  = getCurrentInstance()
 		
 		let printModelList:any = ref([])
 		let sketchStyleList:any = ref([])
@@ -322,12 +323,16 @@ export default defineComponent({
 			},
 		})
 		const openSpeed = ()=>{
-			speed.speedState = !speed.speedState
 			if(speed.speedState){
-				document.addEventListener('click',openSpeed)
+				removeOpenSpeed()
 			}else{
-				document.removeEventListener('click',openSpeed)
+				instance.appContext.config.globalProperties.$dropdownEvents.closeAll()
+				speed.speedState = true
 			}
+
+		}
+		const removeOpenSpeed = ()=>{
+			speed.speedState = false
 		}
 		watch(()=>props.scene,(newVal,oldVal)=>{
 			if(newVal.value == 'extract'){
@@ -342,13 +347,17 @@ export default defineComponent({
 					speed.speedData = speed.speedList[0]
 				}
 			}
-			speed.speedState = false
 		})
 		const setSpeed = (item:any)=>{
-			speed.speedState = false
-			document.removeEventListener('click',openSpeed)
 			speed.speedData = item
 		}
+		onMounted(() => {
+			instance.appContext.config.globalProperties.$dropdownEvents.onClose(removeOpenSpeed)
+		})
+
+		onUnmounted(() => {
+			instance.appContext.config.globalProperties.$dropdownEvents.delete(removeOpenSpeed)
+		})
         return {
 			userDetail,
             searchPictureName,

src/component/HomePage/generalMenu.vue

@@ -46,7 +46,7 @@
  </template>
  
  <script lang="ts">
- import { defineComponent, ref, nextTick, onMounted, onUnmounted, computed } from "vue";  
+ import { defineComponent, ref, nextTick, onMounted, onUnmounted, getCurrentInstance  } from "vue";  
 import { useStore } from "vuex";
 import { Https } from "@/tool/https";
  import { openGuide,driverObj__ } from "@/tool/guide";
@@ -106,6 +106,7 @@ import { message, Upload, Modal } from "ant-design-vue";
 		let dropdownRef = ref<HTMLElement | null>(null)
 		let dropdownPositionStyle = ref({})
         let store = useStore();
+		const instance  = getCurrentInstance()
 
 		// 计算元素到屏幕底部的距离
 		const getDistanceToBottom = (element: HTMLElement) => {
@@ -166,7 +167,7 @@ import { message, Upload, Modal } from "ant-design-vue";
 		}
 
 		let openPrintModel = ()=>{
-			document.addEventListener('click', removePrintModel)
+			instance.appContext.config.globalProperties.$dropdownEvents.closeAll()
 			window.addEventListener('resize', handleResize)
 			openClick.value = true
 			nextTick().then(()=>{
@@ -192,7 +193,6 @@ import { message, Upload, Modal } from "ant-design-vue";
 
 		let removePrintModel = ()=>{
 			openClick.value = false
-			document.removeEventListener('click', removePrintModel)
 			window.removeEventListener('resize', handleResize)
 		}
 
@@ -211,12 +211,14 @@ import { message, Upload, Modal } from "ant-design-vue";
 		}
 
 		onMounted(() => {
+			instance.appContext.config.globalProperties.$dropdownEvents.onClose(removePrintModel)
 			window.addEventListener('scroll', handleScroll, true)
+			console.log(instance,)
 		})
 
 		onUnmounted(() => {
+			instance.appContext.config.globalProperties.$dropdownEvents.delete(removePrintModel)
 			window.removeEventListener('scroll', handleScroll, true)
-			document.removeEventListener('click', removePrintModel)
 			window.removeEventListener('resize', handleResize)
 		})