import { defineComponent, ref } from 'vue'; import styles from './index.module.less'; import { NImage, NBadge, NPopover, NIcon, NModal, NTooltip } from 'naive-ui'; import schoolIcon from './images/schoolIcon.png'; import teacherIcon from './images/teacherIcon.png'; import messageIcon from './images/messageIcon.png'; import closeIcon from './images/closeIcon.png'; import clockIcon from './images/clockIcon.png'; import schoolDot from './images/schoolDot.png'; import personIcon from './images/personIcon.png'; import { useUserStore } from '@/store/modules/users'; import { useRouter } from 'vue-router'; import { storeToRefs } from 'pinia'; import 'animate.css'; import ForgotPassword from '/src/views/setting/modal/forgotPassword'; export default defineComponent({ name: 'layoutTop', setup() { const router = useRouter(); const showHeadFlag = ref(false); const users = useUserStore(); const showWord = ref(false); const { info } = storeToRefs(users); console.log(info.value, 'info'); const gotoPerson = () => { router.push({ path: '/setting', query: { activeTab: 'person' } }); }; const gotoSchool = () => { router.push({ path: '/setting', query: { activeTab: 'school' } }); }; const resetPwd = () => { showWord.value = true; console.log('resetPwd'); }; return () => ( <>

{info.value.schoolInfos[0].tenantName} |{' '} {info.value.schoolInfos[0].name}

{ showHeadFlag.value = val; }} class={styles.popoverHeader} placement="bottom-end" raw={true} v-slots={{ trigger: () => (
) }}>
{{ trigger: () => (

{info.value.nickname}

), default: () => info.value.nickname }}
gotoPerson()}> {' '}

个人信息

{info.value.isSuperAdmin ? (
{ gotoSchool(); }}> {' '}

学校信息

) : null}
resetPwd()}> {' '}

修改密码

{ users.logout(); router.replace('/login'); }}>

退出登录

{ showWord.value = false; }} />
); } });