perf: 证书直接查看

packages/ui/certd-client/src/App.vue

@@ -1,12 +1,13 @@
 <template>
   <a-config-provider :locale="locale" :theme="settingStore.themeToken">
+    <contextHolder />
     <fs-form-provider>
       <router-view v-if="routerEnabled" />
     </fs-form-provider>
   </a-config-provider>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
 import zhCN from "ant-design-vue/es/locale/zh_CN";
 import enUS from "ant-design-vue/es/locale/en_US";
 import { nextTick, provide, ref } from "vue";
@@ -16,44 +17,39 @@ import { useSettingStore } from "/@/store/modules/settings";
 import "dayjs/locale/zh-cn";
 import "dayjs/locale/en";
 import dayjs from "dayjs";
+import { Modal } from "ant-design-vue";
 
-export default {
-  name: "App",
-  setup() {
-    //刷新页面方法
-    const routerEnabled = ref(true);
-    const locale = ref(zhCN);
-    async function reload() {
-      // routerEnabled.value = false;
-      // await nextTick();
-      // routerEnabled.value = true;
-    }
-    function localeChanged(value: any) {
-      console.log("locale changed:", value);
-      if (value === "zh-cn") {
-        locale.value = zhCN;
-        dayjs.locale("zh-cn");
-      } else if (value === "en") {
-        locale.value = enUS;
-        dayjs.locale("en");
-      }
-    }
-    localeChanged("zh-cn");
-    provide("fn:router.reload", reload);
-    provide("fn:locale.changed", localeChanged);
-
-    //其他初始化
-    const resourceStore = useResourceStore();
-    resourceStore.init();
-    const pageStore = usePageStore();
-    pageStore.init();
-    const settingStore = useSettingStore();
-
-    return {
-      routerEnabled,
-      locale,
-      settingStore
-    };
+defineOptions({
+  name: "App"
+});
+const [modal, contextHolder] = Modal.useModal();
+provide("modal", modal);
+//刷新页面方法
+const routerEnabled = ref(true);
+const locale = ref(zhCN);
+async function reload() {
+  // routerEnabled.value = false;
+  // await nextTick();
+  // routerEnabled.value = true;
+}
+function localeChanged(value: any) {
+  console.log("locale changed:", value);
+  if (value === "zh-cn") {
+    locale.value = zhCN;
+    dayjs.locale("zh-cn");
+  } else if (value === "en") {
+    locale.value = enUS;
+    dayjs.locale("en");
   }
-};
+}
+localeChanged("zh-cn");
+provide("fn:router.reload", reload);
+provide("fn:locale.changed", localeChanged);
+
+//其他初始化
+const resourceStore = useResourceStore();
+resourceStore.init();
+const pageStore = usePageStore();
+pageStore.init();
+const settingStore = useSettingStore();
 </script>