隐私政策页面

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,