zhaoyang/estate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

7/30 限制前端输入字数

Browse Source
This commit is contained in:
Zy
2026-07-30 17:59:32 +08:00
parent 903c92fef0
commit 2907f9202c
115 changed files with 2561 additions and 1213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/system/user/addUser.vue
View File

@@ -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([]);

2
src/views/system/user/index.vue
View File

@@ -6,7 +6,7 @@
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
<el-form-item label="员工姓名" prop="nickName">
<el-input v-model="queryParams.nickName" placeholder="请输入员工姓名" clearable @keyup.enter="handleQuery" />
<el-input maxlength="30" v-model="queryParams.nickName" placeholder="请输入员工姓名" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">搜索</el-button>