feat(projects): 添加多页签右键菜单

src/views/dashboard/analysis/index.vue

@@ -6,13 +6,20 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { onActivated } from 'vue';
+import { useLoading } from '@/hooks';
 import { DataCard, NavCard } from './components';
 
-const loading = ref(true);
+const { loading, startLoading, endLoading } = useLoading(true);
 
-setTimeout(() => {
-  loading.value = false;
-}, 1500);
+function handleEndLoading() {
+  startLoading();
+  setTimeout(() => {
+    endLoading();
+  }, 1000);
+}
+onActivated(() => {
+  handleEndLoading();
+});
 </script>
 <style scoped></style>

src/views/dashboard/workbench/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="flex-y-center flex-col h-500px bg-white">
+    <n-spin class="flex-y-center flex-col h-500px bg-white" :show="loading">
       <n-gradient-text type="primary" size="32">工作台</n-gradient-text>
       <n-space>
         <n-button>Default</n-button>
@@ -10,8 +10,7 @@
         <n-button type="warning">Warning</n-button>
         <n-button type="error">Error</n-button>
       </n-space>
-      <n-spin v-show="loading" />
-    </div>
+    </n-spin>
   </div>
 </template>