|
@@ -1,19 +1,11 @@
|
|
|
<template>
|
|
|
<div style="position: relative; width: 100%; height: 100%;">
|
|
|
- <h3>{{ $t('setting.editPassword') }}</h3>
|
|
|
- <v-divider class="mb-4"></v-divider>
|
|
|
- <div v-if="!showEdit" class="login-user mb-4">
|
|
|
- 当前登录账号:
|
|
|
- <span>{{ userInfo.phone }}</span>
|
|
|
- <span class="color-primary ml-5 cursor-pointer border-bottom-primary" @click.stop="showEdit = true">修改密码</span>
|
|
|
+ <div class="resume-header">
|
|
|
+ <div class="resume-title">{{ $t('setting.editPassword') }}</div>
|
|
|
</div>
|
|
|
- <div class="editPageBox">
|
|
|
- <editPasswordPage
|
|
|
- v-if="showEdit"
|
|
|
- :phone="userInfo.phone"
|
|
|
- @cancel="showEdit = false"
|
|
|
- class="editPage"
|
|
|
- ></editPasswordPage>
|
|
|
+ <v-divider class="my-3"></v-divider>
|
|
|
+ <div class="editPageBox mt-16">
|
|
|
+ <editPasswordPage :phone="userInfo.phone" :refresh="true" :showCancelBtn="false"></editPasswordPage>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -22,23 +14,11 @@
|
|
|
import { ref } from 'vue'
|
|
|
import editPasswordPage from '@/views/login/components/editPassword.vue'
|
|
|
|
|
|
-const showEdit = ref(false)
|
|
|
-
|
|
|
// 当前登录的用户信息
|
|
|
-const userInfo = JSON.parse(localStorage.getItem('userInfo'))
|
|
|
+const userInfo = ref(JSON.parse(localStorage.getItem('userInfo')))
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-h3 {
|
|
|
- font-size: 20px;
|
|
|
- text-align: left;
|
|
|
- font-weight: 600;
|
|
|
- padding-bottom: 25px;
|
|
|
-}
|
|
|
-.login-user {
|
|
|
- color: var(--color-666);
|
|
|
- font-weight: 600;
|
|
|
-}
|
|
|
.editPageBox {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
@@ -46,9 +26,6 @@ h3 {
|
|
|
align-items: center;
|
|
|
}
|
|
|
.editPage {
|
|
|
- // display: flex;
|
|
|
- // justify-content: center;
|
|
|
- // align-items: center;
|
|
|
width: 450px;
|
|
|
height: 450px;
|
|
|
}
|