|
@@ -1,6 +1,6 @@
|
|
|
import { defineComponent, ref } from 'vue';
|
|
|
import styles from './index.module.less';
|
|
|
-import { NImage, NBadge, NPopover, NIcon, NModal } from 'naive-ui';
|
|
|
+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';
|
|
@@ -10,6 +10,8 @@ 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({
|
|
@@ -19,7 +21,8 @@ export default defineComponent({
|
|
|
const showHeadFlag = ref(false);
|
|
|
const users = useUserStore();
|
|
|
const showWord = ref(false);
|
|
|
- const info = users.getUserInfo;
|
|
|
+ const { info } = storeToRefs(users);
|
|
|
+ console.log(info.value, 'info');
|
|
|
const gotoPerson = () => {
|
|
|
router.push({ path: '/setting', query: { activeTab: 'person' } });
|
|
|
};
|
|
@@ -40,7 +43,8 @@ export default defineComponent({
|
|
|
class={styles.schoolIcon}
|
|
|
previewDisabled></NImage>
|
|
|
<p>
|
|
|
- {info.schoolInfos[0].tenantName} | {info.schoolInfos[0].name}
|
|
|
+ {info.value.schoolInfos[0].tenantName} |{' '}
|
|
|
+ {info.value.schoolInfos[0].name}
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class={styles.layoutRight}>
|
|
@@ -57,7 +61,7 @@ export default defineComponent({
|
|
|
<div class={styles.line}></div>
|
|
|
<NPopover
|
|
|
show-arrow={false}
|
|
|
- trigger="hover"
|
|
|
+ trigger="click"
|
|
|
onUpdate:show={val => {
|
|
|
showHeadFlag.value = val;
|
|
|
}}
|
|
@@ -70,7 +74,9 @@ export default defineComponent({
|
|
|
<NImage
|
|
|
preview-disabled
|
|
|
class={styles.teacherIcon}
|
|
|
- src={info.avatar ? info.avatar : teacherIcon}></NImage>
|
|
|
+ src={
|
|
|
+ info.value.avatar ? info.value.avatar : teacherIcon
|
|
|
+ }></NImage>
|
|
|
<NIcon
|
|
|
class={
|
|
|
showHeadFlag.value
|
|
@@ -92,9 +98,16 @@ export default defineComponent({
|
|
|
<div class={styles.teacherInfo}>
|
|
|
<NImage
|
|
|
class={styles.teacherIcon}
|
|
|
- src={info.avatar ? info.avatar : teacherIcon}
|
|
|
+ src={info.value.avatar ? info.value.avatar : teacherIcon}
|
|
|
previewDisabled></NImage>
|
|
|
- <p class={styles.teacherName}>{info.nickname}</p>
|
|
|
+ <NTooltip class={styles.nameTool}>
|
|
|
+ {{
|
|
|
+ trigger: () => (
|
|
|
+ <p class={styles.teacherName}>{info.value.nickname}</p>
|
|
|
+ ),
|
|
|
+ default: () => info.value.nickname
|
|
|
+ }}
|
|
|
+ </NTooltip>
|
|
|
</div>
|
|
|
<div class={styles.propWrapList}>
|
|
|
<div class={styles.propWrapItem} onClick={() => gotoPerson()}>
|
|
@@ -105,7 +118,7 @@ export default defineComponent({
|
|
|
previewDisabled></NImage>
|
|
|
<p class={styles.smallTitle}>个人信息</p>
|
|
|
</div>
|
|
|
- {info.isSuperAdmin ? (
|
|
|
+ {info.value.isSuperAdmin ? (
|
|
|
<div
|
|
|
class={styles.propWrapItem}
|
|
|
onClick={() => {
|