menduner/src/views/recruit/enterprise/permissionPrompt/index.vue

<template>
  <div class="d-flex align-center flex-column">
    <svg-icon name="permissionPrompt" size="500"></svg-icon>
    <div class="color-999 mb-5">抱歉，您当前登录的企业账号未查询到可以访问的企业菜单权限，请联系企业管理员分配菜单权限后再登录。</div>
    <v-btn class="mt-5" color="primary" width="250" @click="handleToHome">回到首页</v-btn>
  </div>
</template>

<script setup>
defineOptions({ name: 'PermissionPrompt'})
import { useRouter } from 'vue-router'
import { logoutToken } from '@/api/common'
import { getToken } from '@/utils/auth'

const router = useRouter()

const handleToHome = async () => {
	// 退出企业登录
	await logoutToken(getToken(1))
	// 清除企业相关缓存信息
	const enterpriseLocalStorage = ['ENT_REFRESH_TOKEN', 'ENT_ACCESS_TOKEN', 'entBaseInfo', 'accountInfo', 'isAdmin', 'enterpriseUserAccount', 'entUpdatePassword', 'emailLoginInfo', 'enterpriseStore', 'enterpriseId']
	enterpriseLocalStorage.forEach(e => localStorage.removeItem(e))

	router.push('/')
}
</script>

<style scoped lang="scss">

</style>