feat: 用户管理和数字人授权

components/LoginNeededContent.vue

@@ -8,6 +8,10 @@ defineProps({
     type: String,
     default: '',
   },
+  needAdmin: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const modal = useModal()
@@ -16,19 +20,24 @@ const modal = useModal()
 <template>
   <ClientOnly>
     <div v-if="!loginState.is_logged_in"
-         class="w-full flex flex-col justify-center items-center gap-2 bg-neutral-100 dark:bg-neutral-900">
+         class="w-full flex flex-col justify-center items-center gap-2 py-40">
       <Icon name="i-tabler-user-circle" class="text-7xl text-neutral-300 dark:text-neutral-700"/>
       <p class="text-sm text-neutral-500 dark:text-neutral-400">请登录后使用</p>
       <UButton
-          class="mt-2 font-bold"
-          color="black"
-          variant="solid"
-          size="xs"
-          @click="modal.open(ModalAuthentication)"
+        class="mt-2 font-bold"
+        color="black"
+        size="xs"
+        variant="solid"
+        @click="modal.open(ModalAuthentication)"
       >
         登录
       </UButton>
     </div>
+    <div v-else-if="needAdmin && loginState.user.auth_code !== 2"
+         class="w-full flex flex-col justify-center items-center gap-2 py-40">
+      <Icon class="text-7xl text-neutral-300 dark:text-neutral-700" name="tabler:hand-stop"/>
+      <p class="text-sm text-neutral-500 dark:text-neutral-400">账号没有权限</p>
+    </div>
     <div :class="contentClass" v-else>
       <slot/>
     </div>