smartai2dian0/src/views/NoPer.vue

<template>
  <div class="no-per">
    <a-result status="warning" title="抱歉，您无权限访问此页面">
      <template #subtitle>
        您没有权限访问此页面，请联系管理员
      </template>

      <template #extra>
        <a-space>
          <a-button type='primary' @click="handleBack">返回首页</a-button>
        </a-space>
      </template>
    </a-result>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();

const handleBack = () => {
  router.push('/');
}
</script>
<style lang="css" scoped>
.no-per {
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>