优化代码

src/views/project/middle.vue

@@ -1,19 +1,24 @@
 <template>
     <div class="hc-project-collect-middle hc-h-full">
-        <div class="menu hc-h-full inline-block w-[180px]">
-            <hc-card>
-                <HcMenuBar :cur="menuKey" :datas="menuData" @change="menuChange" />
-            </hc-card>
-        </div>
-        <div class="content hc-h-full inline-block">
-            <AdminCreate v-if="menuKey === 'project-collect-admin-create'" :form="adminFormInfo" @back="adminCreateBack" />
-            <AdminListe v-else-if="menuKey === 'project-collect-admin-list'" @edit="adminListeEdit" />
-            <GistCreate v-else-if="menuKey === 'project-collect-gist-create'" :form="gistFormInfo" @back="gistCreateBack" />
-            <GistListe v-else-if="menuKey === 'project-collect-gist-list'" @edit="gistListeEdit" />
-            <hc-card v-else>
-                <hc-empty />
-            </hc-card>
-        </div>
+        <template v-if="menuData.length > 0">
+            <div class="menu hc-h-full inline-block w-[180px]">
+                <hc-card>
+                    <HcMenuBar :cur="menuKey" :datas="menuData" @change="menuChange" />
+                </hc-card>
+            </div>
+            <div class="content hc-h-full inline-block">
+                <AdminCreate v-if="menuKey === 'project-collect-admin-create'" :form="adminFormInfo" @back="adminCreateBack" />
+                <AdminListe v-else-if="menuKey === 'project-collect-admin-list'" @edit="adminListeEdit" />
+                <GistCreate v-else-if="menuKey === 'project-collect-gist-create'" :form="gistFormInfo" @back="gistCreateBack" />
+                <GistListe v-else-if="menuKey === 'project-collect-gist-list'" @edit="gistListeEdit" />
+                <hc-card v-else>
+                    <hc-empty />
+                </hc-card>
+            </div>
+        </template>
+        <hc-card v-else>
+            <hc-empty :src="svg403" title="403" text="抱歉，您现在无权访问该页面" />
+        </hc-card>
     </div>
 </template>
 
@@ -21,9 +26,10 @@
 import { onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { isArray, isNullES } from 'js-fast-way'
-import { getStore } from 'hc-vue3-ui'
+import { getStore } from '~src/utils/storage'
 
 //子组件
+import svg403 from '~src/assets/view/403.svg'
 import HcMenuBar from '~src/layout/modules/MenuBar.vue'
 import AdminCreate from './admin/create.vue'
 import AdminListe from './admin/list.vue'