|
@@ -8,13 +8,13 @@
|
|
|
|
|
|
<view class="menu-list mt0 mlr0">
|
|
|
<view class="list-cell list-cell-arrow" @click="handleUserModal('修改手机号')">
|
|
|
- <view class="menu-item-box">
|
|
|
+ <view class="menu-item">
|
|
|
<view class="title">手机号</view>
|
|
|
- <view style="margin: 0 15px 0 auto; font-size: 14px; color: #909399">{{ user.phonenumber }}</view>
|
|
|
+ <view style="margin: 0 15px 0 auto; font-size: 14px; color: #909399">{{ phonenumber }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="list-cell list-cell-arrow" @click="handleUserModal('修改密码')">
|
|
|
- <view class="menu-item-box">
|
|
|
+ <view class="menu-item">
|
|
|
<view class="title">密码</view>
|
|
|
<view style="margin: 0 15px 0 auto; font-size: 14px; color: #909399">{{ user.password ? "已设置" : "未设置" }}</view>
|
|
|
</view>
|
|
@@ -25,18 +25,18 @@
|
|
|
<!-- #ifdef APP-PLUS || MP-WEIXIN -->
|
|
|
<view class="list-cell list-cell-arrow" @click="proxy.$modal.showToast('模块建设中~')">
|
|
|
<!-- <view class="list-cell list-cell-arrow" @click="proxy.$tab.navigateTo(`/pages/mine/secure/fingerprint/index`)"> -->
|
|
|
- <view class="menu-item-box">
|
|
|
+ <view class="menu-item">
|
|
|
<view class="title">指纹登录</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- #endif -->
|
|
|
<view class="list-cell list-cell-arrow" @click="proxy.$modal.showToast('模块建设中~')">
|
|
|
- <view class="menu-item-box">
|
|
|
+ <view class="menu-item">
|
|
|
<view class="title">人脸</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="list-cell list-cell-arrow" @click="proxy.$modal.showToast('模块建设中~')">
|
|
|
- <view class="menu-item-box">
|
|
|
+ <view class="menu-item">
|
|
|
<view class="title">手势密码</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -44,28 +44,41 @@
|
|
|
|
|
|
<view class="menu-list mt0 mlr0">
|
|
|
<view class="list-cell list-cell-arrow" @click="proxy.$tab.navigateTo(`/pages/mine/secure/loginLog/index`)">
|
|
|
- <view class="menu-item-box">
|
|
|
+ <view class="menu-item">
|
|
|
<view class="title">登录日志</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="list-cell list-cell-arrow" @click="proxy.$modal.showToast('模块建设中~')">
|
|
|
- <view class="menu-item-box">
|
|
|
+ <view class="menu-item">
|
|
|
<view class="title">常用设备管理</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view class="menu-list mt0 mlr0" @click="handleUserModal('手机号验证')">
|
|
|
+ <view class="list-cell">
|
|
|
+ <view class="menu-item">
|
|
|
+ <view class="button error">注 销 账 号</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <u-modal :show="modalShow" :showConfirmButton="true" :showCancelButton="true" @cancel="modalShow = false" @confirm="handleConfirm">
|
|
|
+ <u-modal :show="modalShow" :showConfirmButton="true" :showCancelButton="true" @cancel="handleCancel()" @close="handleCancel()" @confirm="handleConfirm()">
|
|
|
<view class="slot-content" style="width: 100%">
|
|
|
- <view class="mb15" style="color: #909399">{{ modalTitle }}</view>
|
|
|
-
|
|
|
<view v-if="modalTitle === '修改手机号'">
|
|
|
- <u--input v-model="userArr.phonenumber" :maxlength="11" :placeholder="modalTitle" border="bottom" clearable></u--input>
|
|
|
+ <view class="mb15" style="text-align: center; color: #000; font-weight: 600">{{ modalTitle }}</view>
|
|
|
+ <u-input v-model="phone" placeholder="请输入手机号" :maxlength="11" border="bottom" />
|
|
|
+ <u-input v-model="verify" placeholder="请输入验证码" :maxlength="6" border="bottom">
|
|
|
+ <template #suffix>
|
|
|
+ <button class="verify" @click="getVerifyCode">{{ !useStore.codeTime ? "获取验证码" : useStore.codeTime + "s" }}</button>
|
|
|
+ </template>
|
|
|
+ </u-input>
|
|
|
</view>
|
|
|
|
|
|
<view v-if="modalTitle === '修改密码'">
|
|
|
+ <view class="mb15" style="text-align: center; color: #000; font-weight: 600">{{ modalTitle }}</view>
|
|
|
<u-input class="mb15" v-model="oldPassword" placeholder="请输入旧密码" :password="oldPasswordBool" border="bottom">
|
|
|
<template #suffix>
|
|
|
<text :class="!oldPasswordBool ? 'iconfont ucicon-eye' : 'iconfont ucicon-eye-close'" @click="oldPasswordBool = !oldPasswordBool"></text>
|
|
@@ -84,6 +97,17 @@
|
|
|
</template>
|
|
|
</u-input>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view v-if="modalTitle === '手机号验证'">
|
|
|
+ <view class="mb5" style="text-align: center; color: #000; font-weight: 600">{{ modalTitle }}</view>
|
|
|
+ <view class="mb15" style="text-align: center; color: #000; font-size: 0.75rem; width: 90%; margin: 0 auto"> 请填写完整的手机号 {{ phonenumber }} 以验证身份 </view>
|
|
|
+ <u-input v-model="phone" placeholder="请输入手机号" :maxlength="11" border="bottom" />
|
|
|
+ <u-input v-model="verify" placeholder="请输入验证码" :maxlength="6" border="bottom">
|
|
|
+ <template #suffix>
|
|
|
+ <button class="verify" @click="getVerifyCode">{{ !useStore.codeTime ? "获取验证码" : useStore.codeTime + "s" }}</button>
|
|
|
+ </template>
|
|
|
+ </u-input>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</u-modal>
|
|
|
</template>
|
|
@@ -113,6 +137,10 @@ const userArr = computed(() => {
|
|
|
return useStore.$state.userArr;
|
|
|
});
|
|
|
|
|
|
+const phonenumber = computed(() => {
|
|
|
+ return user.value.phonenumber.substr(0, 3) + "******" + user.value.phonenumber.substr(9);
|
|
|
+});
|
|
|
+
|
|
|
const data = reactive({
|
|
|
modalShow: false,
|
|
|
modalTitle: "",
|
|
@@ -123,28 +151,20 @@ const data = reactive({
|
|
|
newPasswordBool: true,
|
|
|
confirmPassword: undefined,
|
|
|
confirmPasswordBool: true,
|
|
|
+
|
|
|
+ phone: undefined,
|
|
|
+ verify: undefined,
|
|
|
});
|
|
|
|
|
|
-const { modalShow, modalTitle, oldPassword, oldPasswordBool, newPassword, newPasswordBool, confirmPassword, confirmPasswordBool } = toRefs(data);
|
|
|
+const { modalShow, modalTitle, oldPassword, oldPasswordBool, newPassword, newPasswordBool, confirmPassword, confirmPasswordBool, phone, verify } = toRefs(data);
|
|
|
|
|
|
function handleUserModal(title) {
|
|
|
modalShow.value = true;
|
|
|
modalTitle.value = title;
|
|
|
}
|
|
|
|
|
|
+/** 确定按钮 */
|
|
|
function handleConfirm() {
|
|
|
- if (modalTitle.value == "修改手机号") {
|
|
|
- if (!userArr.value.phonenumber) {
|
|
|
- proxy.$modal.showToast("手机号不能为空");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- if (!/^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(userArr.value.phonenumber)) {
|
|
|
- proxy.$modal.showToast("请输入正确的手机号");
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
if (modalTitle.value == "修改密码") {
|
|
|
if (!oldPassword.value) {
|
|
|
proxy.$modal.showToast("旧密码不能为空");
|
|
@@ -173,25 +193,94 @@ function handleConfirm() {
|
|
|
}
|
|
|
|
|
|
if (modalTitle.value == "修改手机号") {
|
|
|
- updateUserProfile(userArr.value).then((response) => {
|
|
|
- proxy.$modal.msgSuccess("修改成功");
|
|
|
- modalShow.value = false;
|
|
|
- useStore.getUser();
|
|
|
+ useStore.PhoneVerify({
|
|
|
+ data: {
|
|
|
+ phone: phone.value,
|
|
|
+ verify: verify.value,
|
|
|
+ },
|
|
|
+ success: (res) => {
|
|
|
+ userArr.value.phonenumber = phone.value;
|
|
|
+
|
|
|
+ updateUserProfile(userArr.value).then((response) => {
|
|
|
+ proxy.$modal.msgSuccess("修改成功");
|
|
|
+ handleCancel(); //调用取消按钮
|
|
|
+ useStore.getUser();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ error: (res) => {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
});
|
|
|
} else if (modalTitle.value == "修改密码") {
|
|
|
updateUserPwd(oldPassword.value, newPassword.value).then((response) => {
|
|
|
proxy.$modal.msgSuccess("修改成功");
|
|
|
- modalShow.value = false;
|
|
|
- oldPassword.value = undefined;
|
|
|
- oldPasswordBool.value = true;
|
|
|
- newPassword.value = undefined;
|
|
|
- newPasswordBool.value = true;
|
|
|
- confirmPassword.value = undefined;
|
|
|
- confirmPasswordBool.value = true;
|
|
|
-
|
|
|
+ handleCancel(); //调用取消按钮
|
|
|
useStore.getUser();
|
|
|
});
|
|
|
+ } else if (modalTitle.value == "手机号验证") {
|
|
|
+ if (phone.value != user.value.phonenumber) {
|
|
|
+ proxy.$modal.msg("请输入正确的手机号");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ useStore.PhoneVerify({
|
|
|
+ data: {
|
|
|
+ phone: phone.value,
|
|
|
+ verify: verify.value,
|
|
|
+ },
|
|
|
+ success: (res) => {
|
|
|
+ useStore.UserDel({
|
|
|
+ data: {
|
|
|
+ id: user.value.userId,
|
|
|
+ },
|
|
|
+ success: (res) => {
|
|
|
+ proxy.$modal.msgSuccess("用户注销成功");
|
|
|
+ handleCancel(); //调用取消按钮
|
|
|
+ useStore.LogOut().then(() => {
|
|
|
+ proxy.$tab.reLaunch("/pages/index");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ error: (res) => {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/** 取消按钮 */
|
|
|
+function handleCancel() {
|
|
|
+ modalShow.value = false;
|
|
|
+ modalTitle.value = "";
|
|
|
+
|
|
|
+ oldPassword.value = undefined;
|
|
|
+ oldPasswordBool.value = true;
|
|
|
+ newPassword.value = undefined;
|
|
|
+ newPasswordBool.value = true;
|
|
|
+ confirmPassword.value = undefined;
|
|
|
+ confirmPasswordBool.value = true;
|
|
|
+
|
|
|
+ phone.value = undefined;
|
|
|
+ verify.value = undefined;
|
|
|
+
|
|
|
+ modalShow.value = false;
|
|
|
+}
|
|
|
+
|
|
|
+/** 点击发送验证码 */
|
|
|
+function getVerifyCode() {
|
|
|
+ if (modalTitle.value == "手机号验证" && phone.value != user.value.phonenumber) {
|
|
|
+ proxy.$modal.msg("请输入正确的手机号");
|
|
|
+ return;
|
|
|
}
|
|
|
+
|
|
|
+ verify.value = undefined;
|
|
|
+ useStore.GetCodeImg({
|
|
|
+ phone: phone.value,
|
|
|
+ success: (res) => {
|
|
|
+ proxy.$modal.msgSuccess("发送成功");
|
|
|
+ },
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
onLoad((options) => {
|