|
|
@@ -7,25 +7,26 @@
|
|
|
* @FilePath: /java-pc/src/views/member/center/accountSafe.vue
|
|
|
-->
|
|
|
<template>
|
|
|
- <div class="sld_login_password_mange" v-if="getLatestMemberInfo" >
|
|
|
+ <div class="sld_login_password_mange" v-if="getLatestMemberInfo">
|
|
|
<MemberTitle :memberTitle="L['登录密码']"></MemberTitle>
|
|
|
<div class="container">
|
|
|
<div class="title">
|
|
|
- {{ memberInfo.data.hasLoginPassword ? L["修改"] : L["设置"] }} {{L['登录密码']}}
|
|
|
+ {{ memberInfo.data.hasLoginPassword ? L["修改"] : L["设置"] }}
|
|
|
+ {{ L["登录密码"] }}
|
|
|
</div>
|
|
|
<div class="mange_con">
|
|
|
<div class="without_phone_tip" v-if="!memberInfo.data.memberEmail">
|
|
|
- {{L["请先绑定邮箱，再进行登陆密码操作!"]}}
|
|
|
+ {{ L["请先绑定邮箱，再进行登陆密码操作!"] }}
|
|
|
</div>
|
|
|
<!-- 修改登录密码 start -->
|
|
|
<template v-if="memberInfo.data.hasLoginPassword">
|
|
|
<span class="current"
|
|
|
- >{{L["当前邮箱账号"]}}
|
|
|
+ >{{ L["当前邮箱账号"] }}
|
|
|
{{
|
|
|
memberInfo.data.memberEmail ? memberInfo.data.memberEmail : "--"
|
|
|
}}</span
|
|
|
>
|
|
|
- <div class="sms_code_con flex_row_center_center">
|
|
|
+ <div class="sms_code_con">
|
|
|
<el-input
|
|
|
v-model="sms_code"
|
|
|
:placeholder="L['请输入邮件验证码']"
|
|
|
@@ -61,21 +62,21 @@
|
|
|
{{ errorMsg }}
|
|
|
</div>
|
|
|
<div class="next flex_row_center_center pointer" @click="next">
|
|
|
- {{L["修改密码"]}}
|
|
|
+ {{ L["修改密码"] }}
|
|
|
</div>
|
|
|
</template>
|
|
|
<!-- 修改登录密码 end -->
|
|
|
</div>
|
|
|
-<!-- <div class="manage_tips">-->
|
|
|
-<!-- <p class="tips_title">{{ L["温馨提示"] }}：</p>-->
|
|
|
-<!-- <p>• {{ L["为了保障您的账号安全，变更重要信息需进行身份验证。"] }}</p>-->
|
|
|
-<!-- <p>• {{ L["变更过程中有任何疑问请联系在线客服解决。"] }}</p>-->
|
|
|
-<!-- <p>-->
|
|
|
-<!-- •-->
|
|
|
-<!-- {{ L["如手机号/邮箱已不再使用无法获取验证码，请联系在线客服解决。"] }}-->
|
|
|
-<!-- </p>-->
|
|
|
-<!-- <p>• {{ L["复杂的密码可使账号更安全且建议定期更换密码。"] }}</p>-->
|
|
|
-<!-- </div>-->
|
|
|
+ <!-- <div class="manage_tips">-->
|
|
|
+ <!-- <p class="tips_title">{{ L["温馨提示"] }}：</p>-->
|
|
|
+ <!-- <p>• {{ L["为了保障您的账号安全，变更重要信息需进行身份验证。"] }}</p>-->
|
|
|
+ <!-- <p>• {{ L["变更过程中有任何疑问请联系在线客服解决。"] }}</p>-->
|
|
|
+ <!-- <p>-->
|
|
|
+ <!-- •-->
|
|
|
+ <!-- {{ L["如手机号/邮箱已不再使用无法获取验证码，请联系在线客服解决。"] }}-->
|
|
|
+ <!-- </p>-->
|
|
|
+ <!-- <p>• {{ L["复杂的密码可使账号更安全且建议定期更换密码。"] }}</p>-->
|
|
|
+ <!-- </div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -84,7 +85,7 @@
|
|
|
import { ElInput, ElMessage } from "element-plus";
|
|
|
import { getCurrentInstance, reactive, ref, watch } from "vue";
|
|
|
// import { lang_zn } from "@/assets/language/zh";
|
|
|
-import { getCurLanguage } from '@/composables/common.js';
|
|
|
+import { getCurLanguage } from "@/composables/common.js";
|
|
|
import { useFiltersStore } from "@/store/filter.js";
|
|
|
const filtersStore = useFiltersStore();
|
|
|
// const L = lang_zn;
|
|
|
@@ -103,19 +104,18 @@ const timeOutId = ref(""); //定时器的返回值
|
|
|
const countDownM = ref(0); //短信验证码倒计时
|
|
|
const memberInfo = reactive({ data: {} });
|
|
|
const isSmsClick = ref(false);
|
|
|
-const getLatestMemberInfo = ref(false)
|
|
|
+const getLatestMemberInfo = ref(false);
|
|
|
|
|
|
const getMemberInfo = () => {
|
|
|
get("v3/member/front/member/getInfo").then((res) => {
|
|
|
- if (res.state == 200) {
|
|
|
- memberInfo.data = res.data
|
|
|
- filtersStore.setMemberInfo(res.data)
|
|
|
- getLatestMemberInfo.value = true
|
|
|
- }
|
|
|
- });
|
|
|
-}
|
|
|
-getMemberInfo()
|
|
|
-
|
|
|
+ if (res.state == 200) {
|
|
|
+ memberInfo.data = res.data;
|
|
|
+ filtersStore.setMemberInfo(res.data);
|
|
|
+ getLatestMemberInfo.value = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
+getMemberInfo();
|
|
|
|
|
|
const getSmsCode = () => {
|
|
|
if (isSmsClick.value) {
|
|
|
@@ -185,7 +185,7 @@ const next = () => {
|
|
|
ElMessage.success(res.msg);
|
|
|
if (!memberInfo.data.hasLoginPassword) {
|
|
|
memberInfo.data.hasLoginPassword = 1;
|
|
|
- filtersStore.setMemberInfo(memberInfo.data)
|
|
|
+ filtersStore.setMemberInfo(memberInfo.data);
|
|
|
}
|
|
|
errorMsg.value = "";
|
|
|
password.value = "";
|
|
|
@@ -212,11 +212,6 @@ watch([old_password, password, confirm_password], () => {
|
|
|
password.value = password.value.substring(0, 20);
|
|
|
confirm_password.value = confirm_password.value.substring(0, 20);
|
|
|
});
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@@ -287,14 +282,28 @@ watch([old_password, password, confirm_password], () => {
|
|
|
}
|
|
|
|
|
|
.sms_code_con {
|
|
|
+ position: relative;
|
|
|
width: 100%;
|
|
|
|
|
|
+ :deep(.el-input) {
|
|
|
+ width: 250px;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.el-input__inner) {
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
.get_sms {
|
|
|
- width: 100px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center; /* 水平居中 */
|
|
|
+ align-items: center; /* 垂直居中 */
|
|
|
+ text-align: center; /* 多行文本居中 */
|
|
|
+ position: absolute;
|
|
|
+ right: -25px;
|
|
|
+ top: 0;
|
|
|
+ width: 120px;
|
|
|
height: 40px;
|
|
|
- line-height: 38px;
|
|
|
background: #00985e;
|
|
|
- text-align: center;
|
|
|
color: white;
|
|
|
font-size: 14px;
|
|
|
border-radius: 0 3px 3px 0;
|
|
|
@@ -343,7 +352,7 @@ watch([old_password, password, confirm_password], () => {
|
|
|
height: 40px;
|
|
|
margin-top: 20px;
|
|
|
border-radius: 3px;
|
|
|
- .el-input__wrapper{
|
|
|
+ .el-input__wrapper {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
周玉环