|
@@ -54,16 +54,6 @@
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="性别" prop="gender">
|
|
|
- <el-select clearable v-model="form.gender" placeholder="请选择性别">
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in genderList"
|
|
|
- :key="index"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
<el-form-item label="手机号" prop="phone">
|
|
|
<el-input clearable v-model="form.phone" placeholder="请输入手机号">
|
|
|
<template #prefix>
|
|
@@ -73,6 +63,19 @@
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="电子邮箱" prop="email">
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ v-model="form.email"
|
|
|
+ placeholder="(请填入正确的电子邮箱以便以后忘记密码找回)"
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+ <el-icon>
|
|
|
+ <Message />
|
|
|
+ </el-icon>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
<el-col :span="24" class="remark">
|
|
|
<span @click="toLogin">已有账号去登录</span>
|
|
|
<span @click="toBack">返回首页</span>
|
|
@@ -99,8 +102,6 @@ const dialog = inject('dialog')
|
|
|
const isAgree = inject('isAgree')
|
|
|
// 表单
|
|
|
const ruleFormRef = inject('ruleFormRef')
|
|
|
-// 字典表
|
|
|
-const genderList = inject('genderList')
|
|
|
// 方法
|
|
|
const toLogin = inject('toLogin')
|
|
|
const toBack = inject('toBack')
|
|
@@ -130,10 +131,10 @@ const validatePassword = (rule, value, callback) => {
|
|
|
}
|
|
|
const rules = reactive({
|
|
|
nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
|
|
|
- gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
|
|
|
phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
|
|
|
account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
|
|
|
password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
|
|
|
+ email: [{ required: true, message: '请输入电子邮箱', trigger: 'blur' }],
|
|
|
refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
|
|
|
})
|
|
|
// 注册
|