目录创建+类型约束

fhKeeper/formulahousekeeper/customerBuler-crm/src/App.vue

@@ -5,18 +5,13 @@
 <script setup lang="ts">
 import { onMounted, ref, provide, inject } from 'vue'
 import { useStore } from '@/store/index'
-interface GlobalPopup {
-  showSuccess: (msg: string, time: number) => void
-  showError: (msg: string, time: number) => void
-  showWarning: (msg: string, time: number) => void
-}
 const { setAsyncRoutesMark } = useStore()
 window.addEventListener('beforeunload', () => beforeunloadFn())
 const beforeunloadFn = (() => {
   setAsyncRoutesMark(false)
 })
 
-provide('globalPopup', {
+provide<GlobalPopup>('globalPopup', {
   showSuccess: (msg: string, time: number) => { console.log(msg, '执行成功', time) }, //!SECTION 成功
   showError: (msg: string, time: number) => { console.log(msg, '执行成功'), time }, //!SECTION 失败
   showWarning: (msg: string, time: number) => { console.log(msg, '执行成功'), time }, //!SECTION 警告

fhKeeper/formulahousekeeper/customerBuler-crm/src/pages/login.vue

@@ -51,6 +51,11 @@ import { post } from "@/utils/request";
 import { LOGIN } from "./api";
 const { setRouters } = useStore()
 const router = useRouter();
+// type GlobalPopup = {
+//   showSuccess: (msg: string, time: number) => void
+//   showError: (msg: string, time: number) => void
+//   showWarning: (msg: string, time: number) => void
+// }
 const globalPopup = inject<GlobalPopup>('globalPopup')
 const ruleFormRef = ref<FormInstance>();
 const ruleForm = ref({
@@ -76,7 +81,7 @@ const login = (formEl: FormInstance | undefined) => {
     console.log(ruleForm.value);
     post(LOGIN, { ...ruleForm.value }).then(res => {
       console.log(res);
-      globalPopup.showSuccess('登录成功')
+      globalPopup?.showSuccess('登录成功',1000)
       // if(res.code == 'error') {
       //   ElMessage.error({
       //     message: "登录失败",

fhKeeper/formulahousekeeper/customerBuler-crm/src/type.d.ts

@@ -0,0 +1,5 @@
+type GlobalPopup = {
+  showSuccess: (msg: string, time: number) => void;
+  showError: (msg: string, time: number) => void;
+  showWarning: (msg: string, time: number) => void;
+};