7/30 限制前端输入字数
This commit is contained in:
@@ -6,10 +6,10 @@
|
||||
<div class="addBuildingFormBody">
|
||||
<el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
|
||||
<el-form-item label="员工姓名" prop="nickName">
|
||||
<el-input v-model.trim="form.nickName" placeholder="请输入员工姓名" />
|
||||
<el-input maxlength="30" show-word-limit v-model.trim="form.nickName" placeholder="请输入员工姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="登录账号" v-if="form.userId == undefined" prop="userName">
|
||||
<el-input v-model.trim="form.userName" placeholder="请输入登录账号" />
|
||||
<el-input maxlength="16" show-word-limit v-model.trim="form.userName" placeholder="请输入登录账号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="登录密码" v-if="form.userId == undefined" prop="password">
|
||||
<el-input type="password" clearable v-model.trim="form.password" placeholder="请输入" />
|
||||
@@ -36,13 +36,13 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="phonenumber">
|
||||
<el-input v-model.trim="form.phonenumber" placeholder="请输入" />
|
||||
<el-input maxlength="11" v-model.trim="form.phonenumber" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱" prop="email">
|
||||
<el-input v-model.trim="form.email" placeholder="请输入" />
|
||||
<el-input maxlength="35" v-model.trim="form.email" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入" />
|
||||
<el-input maxlength="200" show-word-limit type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item style="margin-top: 30px">
|
||||
<el-button type="primary" @click="submitForm">提交</el-button>
|
||||
@@ -73,11 +73,11 @@ const formRef = ref();
|
||||
const userid = ref(null);
|
||||
const form = ref({
|
||||
'userId': null,
|
||||
'userName': '', // >= 6 && <= 16 账号
|
||||
'nickName': '', // >= 0 && <= 30 昵称
|
||||
'userName': '', // >= 4 && <= 16 账号
|
||||
'nickName': '', // >= 1 && <= 30 昵称
|
||||
// 'userType': '', // 用户类型(sys_user系统用户)
|
||||
'villageIds': '', // 管理小区id串
|
||||
'email': '', // >= 0 && <= 50
|
||||
'email': '', // >= 0 && <= 50 邮箱
|
||||
'phonenumber': '', // 手机号码
|
||||
'sex': '0', // 0男 1女 2未知
|
||||
'status': '0', // (0正常 1停用)
|
||||
@@ -94,7 +94,7 @@ const rules = ref({
|
||||
// 登录账号:必填,长度限制,通常建议增加唯一性校验(需后端配合或异步校验)
|
||||
userName: [
|
||||
{ required: true, message: '请输入登录账号', trigger: 'blur' },
|
||||
{ min: 1, max: 16, message: '长度在 1 到 16 个字符', trigger: 'blur' }
|
||||
{ min: 4, max: 16, message: '长度在 4 到 16 个字符', trigger: 'blur' }
|
||||
],
|
||||
// 登录密码:必填,新增时必填,编辑时可选(通常逻辑),这里暂按必填处理,建议长度限制
|
||||
password: [
|
||||
@@ -111,9 +111,20 @@ const rules = ref({
|
||||
}
|
||||
],
|
||||
villageIds: [{ required: true, message: '请选择管理小区', trigger: 'blur' }],
|
||||
email: [{ type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }]
|
||||
email: [
|
||||
{ required: false, type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' },
|
||||
{
|
||||
validator: (_: any, val: string | number, callback: (arg0?: Error) => any) => {
|
||||
if (val === '' || val === null || val === undefined) {
|
||||
return callback();
|
||||
}
|
||||
return validator(val, 'email') ? callback() : callback(new Error('请输入正确的邮箱地址'));
|
||||
},
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
});
|
||||
// 选择小区
|
||||
// 选择小区╬222╬╬╬╬╬╬n╬
|
||||
const checkvillage = ref([]);
|
||||
// 角色列表
|
||||
const roleOptions = ref([]);
|
||||
|
||||
Reference in New Issue
Block a user