messageBox

src/App.vue

 <script setup lang="ts">
-import { GO_URLS } from 'cqk-sy-ui';
-import { onMounted } from 'vue';
-import { $ajax } from './service';
-import { setUrlList } from './store/mutations';
+import { GO_URLS } from "cqk-sy-ui";
+import { onMounted } from "vue";
+import { $ajax } from "./service";
+import { setUrlList } from "./store/mutations";
+import globalMount from "@/components/GlobalMount/index.vue";
 
 onMounted(async () => {
   const res = await $ajax({
     type: "get",
-    url: GO_URLS.config
+    url: GO_URLS.config,
   });
   if (res) {
-    setUrlList(res.data.frontend)
+    setUrlList(res.data.frontend);
   }
-})
-
+});
 </script>
 
 <template>
   <router-view></router-view>
+  <globalMount />
 </template>

src/components/GlobalMount/api.ts

+import { globalState } from "@/store/state";
+
+export const showTip = (
+  tip: string,
+  handleConfirm: () => void,
+  handleCancel?: () => void
+) => {
+  globalState.syMessageBoxConfig = {
+    visible: true,
+    tip,
+    handleConfirm,
+    handleCancel,
+  };
+};

src/components/GlobalMount/index.vue

+<template>
+  <syMessageBox
+    v-model:visible="state.visible"
+    :tip="state.tip"
+    :handle-confirm="state.handleConfirm"
+    :handle-cancel="state.handleCancel"
+  ></syMessageBox>
+</template>
+<script lang="ts" setup>
+import { globalState } from "@/store/state";
+import { syMessageBox } from "cqk-sy-ui";
+const state = globalState.syMessageBoxConfig;
+</script>

src/store/state.ts

@@ -9,6 +9,12 @@ export const globalState = reactive({
     base_id: 0,
     base_hash: "",
   },
+  syMessageBoxConfig: {
+    visible: false,
+    tip: "",
+    handleConfirm: () => {},
+    handleCancel: (() => {}) as (() => void) | undefined,
+  },
   listOfInformation: [] as any[],
   page: 1,
   existingEvidenceList: [] as any[],