|
|
|
|
@ -13,7 +13,7 @@
|
|
|
|
|
</section> |
|
|
|
|
</header> |
|
|
|
|
<ul class="userinfo-dropdown" v-if="dropdownShow"> |
|
|
|
|
<li class="flex gap v-center" > |
|
|
|
|
<li class="flex gap v-center" @click="handleEdit"> |
|
|
|
|
<icon name="el-icon-Lock" :size="22" /> |
|
|
|
|
<span>修改密码</span> |
|
|
|
|
</li> |
|
|
|
|
@ -22,14 +22,22 @@
|
|
|
|
|
<span>退出登录</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" /> |
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
<script lang="ts" setup> |
|
|
|
|
import NoticeMessage from "./NoticeMessage.vue"; |
|
|
|
|
import useUserStore from "@/stores/modules/user"; |
|
|
|
|
|
|
|
|
|
import EditPopup from './edit.vue' |
|
|
|
|
const userStore = useUserStore(); |
|
|
|
|
const dropdownShow = ref(false) |
|
|
|
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>(); |
|
|
|
|
const showEdit = ref(false) |
|
|
|
|
|
|
|
|
|
const handleEdit = async () => { |
|
|
|
|
showEdit.value = true |
|
|
|
|
await nextTick() |
|
|
|
|
editRef.value?.open('edit') |
|
|
|
|
} |
|
|
|
|
document.addEventListener("click", () => { |
|
|
|
|
dropdownShow.value = false; |
|
|
|
|
}) |
|
|
|
|
|