refactor(manager/accounts): 删两个 section-title + 删邮箱字段
template: - 删 '修改个人信息' / '修改密码' 两个 section-title - 删邮箱 form-item - 个人信息只剩:姓名 + 手机号 script: - form 删 email 字段 - rules 删 email 校验 - loadProfile 不再读 email - onSave 提交 data 删 email - onCancel 不再重置 email style: - 删 .section-title CSS (不再用)
This commit is contained in:
@@ -3,12 +3,9 @@
|
|||||||
<div class="breadcrumb">首页 / 账号管理</div>
|
<div class="breadcrumb">首页 / 账号管理</div>
|
||||||
|
|
||||||
<el-form :model="form" label-width="120px" style="max-width:600px" :rules="rules" ref="formRef">
|
<el-form :model="form" label-width="120px" style="max-width:600px" :rules="rules" ref="formRef">
|
||||||
<div class="section-title">修改个人信息</div>
|
|
||||||
<el-form-item label="姓名" prop="nickName"><el-input v-model="form.nickName" placeholder="请输入姓名" /></el-form-item>
|
<el-form-item label="姓名" prop="nickName"><el-input v-model="form.nickName" placeholder="请输入姓名" /></el-form-item>
|
||||||
<el-form-item label="手机号" prop="phonenumber"><el-input v-model="form.phonenumber" placeholder="请输入手机号" /></el-form-item>
|
<el-form-item label="手机号" prop="phonenumber"><el-input v-model="form.phonenumber" placeholder="请输入手机号" /></el-form-item>
|
||||||
<el-form-item label="邮箱" prop="email"><el-input v-model="form.email" placeholder="请输入邮箱" /></el-form-item>
|
|
||||||
|
|
||||||
<div class="section-title">修改密码</div>
|
|
||||||
<el-form-item label="原密码" prop="oldPassword"><el-input v-model="form.oldPassword" type="password" show-password placeholder="请输入原密码" /></el-form-item>
|
<el-form-item label="原密码" prop="oldPassword"><el-input v-model="form.oldPassword" type="password" show-password placeholder="请输入原密码" /></el-form-item>
|
||||||
<el-form-item label="新密码" prop="newPassword"><el-input v-model="form.newPassword" type="password" show-password placeholder="请输入新密码" /></el-form-item>
|
<el-form-item label="新密码" prop="newPassword"><el-input v-model="form.newPassword" type="password" show-password placeholder="请输入新密码" /></el-form-item>
|
||||||
<el-form-item label="确认密码" prop="confirmPassword"><el-input v-model="form.confirmPassword" type="password" show-password placeholder="请再次输入新密码" /></el-form-item>
|
<el-form-item label="确认密码" prop="confirmPassword"><el-input v-model="form.confirmPassword" type="password" show-password placeholder="请再次输入新密码" /></el-form-item>
|
||||||
@@ -23,7 +20,7 @@ import { reactive, ref, onMounted } from 'vue'
|
|||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
const form = reactive({ nickName: '', phonenumber: '', email: '', oldPassword: '', newPassword: '', confirmPassword: '' })
|
const form = reactive({ nickName: '', phonenumber: '', oldPassword: '', newPassword: '', confirmPassword: '' })
|
||||||
const profile = ref({})
|
const profile = ref({})
|
||||||
const saving = ref(false)
|
const saving = ref(false)
|
||||||
const formRef = ref(null)
|
const formRef = ref(null)
|
||||||
@@ -31,7 +28,6 @@ const formRef = ref(null)
|
|||||||
const rules = {
|
const rules = {
|
||||||
nickName: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
nickName: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
||||||
phonenumber: [{ pattern: /^1[3-9]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }],
|
phonenumber: [{ pattern: /^1[3-9]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }],
|
||||||
email: [{ type: 'email', message: '邮箱格式不正确', trigger: 'blur' }],
|
|
||||||
oldPassword: [{ required: false }],
|
oldPassword: [{ required: false }],
|
||||||
newPassword: [{ min: 6, max: 20, message: '密码长度 6-20 位', trigger: 'blur' }],
|
newPassword: [{ min: 6, max: 20, message: '密码长度 6-20 位', trigger: 'blur' }],
|
||||||
confirmPassword: [{
|
confirmPassword: [{
|
||||||
@@ -48,7 +44,6 @@ async function loadProfile() {
|
|||||||
profile.value = data || {}
|
profile.value = data || {}
|
||||||
form.nickName = profile.value.nickName || ''
|
form.nickName = profile.value.nickName || ''
|
||||||
form.phonenumber = profile.value.phonenumber || ''
|
form.phonenumber = profile.value.phonenumber || ''
|
||||||
form.email = profile.value.email || ''
|
|
||||||
} catch { ElMessage.error('获取个人信息失败') }
|
} catch { ElMessage.error('获取个人信息失败') }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -59,7 +54,7 @@ async function onSave() {
|
|||||||
await formRef.value.validate()
|
await formRef.value.validate()
|
||||||
saving.value = true
|
saving.value = true
|
||||||
try {
|
try {
|
||||||
await request({ url: '/system/user/profile', method: 'put', data: { nickName: form.nickName, phonenumber: form.phonenumber, email: form.email, sex: profile.value.sex } })
|
await request({ url: '/system/user/profile', method: 'put', data: { nickName: form.nickName, phonenumber: form.phonenumber, sex: profile.value.sex } })
|
||||||
if (form.newPassword) {
|
if (form.newPassword) {
|
||||||
await request({ url: '/system/user/profile/updatePwd', method: 'put', data: { oldPassword: form.oldPassword, newPassword: form.newPassword } })
|
await request({ url: '/system/user/profile/updatePwd', method: 'put', data: { oldPassword: form.oldPassword, newPassword: form.newPassword } })
|
||||||
}
|
}
|
||||||
@@ -73,7 +68,6 @@ async function onSave() {
|
|||||||
function onCancel() {
|
function onCancel() {
|
||||||
form.nickName = profile.value.nickName || ''
|
form.nickName = profile.value.nickName || ''
|
||||||
form.phonenumber = profile.value.phonenumber || ''
|
form.phonenumber = profile.value.phonenumber || ''
|
||||||
form.email = profile.value.email || ''
|
|
||||||
form.oldPassword = ''; form.newPassword = ''; form.confirmPassword = ''
|
form.oldPassword = ''; form.newPassword = ''; form.confirmPassword = ''
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -85,10 +79,4 @@ onMounted(loadProfile)
|
|||||||
.manager-accounts { padding: 16px; }
|
.manager-accounts { padding: 16px; }
|
||||||
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
|
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
|
||||||
.filter-tip { color: #909399; font-size: 12px; margin-bottom: 12px; }
|
.filter-tip { color: #909399; font-size: 12px; margin-bottom: 12px; }
|
||||||
.section-title {
|
|
||||||
font-weight: 600;
|
|
||||||
margin: 16px 0 12px;
|
|
||||||
padding-left: 8px;
|
|
||||||
border-left: 3px solid var(--brand-primary);
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user