重置密码

src/layout/components/Header.vue

@@ -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;
 })