7/30 限制前端输入字数

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

View File

@@ -17,7 +17,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="申请人" prop="applyName">
<el-input v-model.trim="form.applyName" placeholder="请输入申请人" />
<el-input maxlength="20" v-model.trim="form.applyName" placeholder="请输入申请人" />
</el-form-item>
</el-col>
</el-row>
@@ -25,12 +25,12 @@
<el-row>
<el-col :span="12">
<el-form-item label="装修公司" prop="decorationCompany">
<el-input v-model.trim="form.decorationCompany" placeholder="请输入装修公司" />
<el-input maxlength="20" v-model.trim="form.decorationCompany" placeholder="请输入装修公司" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="装修内容" prop="decorationContent">
<el-input v-model.trim="form.decorationContent" placeholder="请输入装修内容" />
<el-input maxlength="200" show-word-limit type="textarea" v-model.trim="form.decorationContent" placeholder="请输入装修内容" />
</el-form-item>
</el-col>
</el-row>
@@ -41,6 +41,7 @@
type="number"
min="0"
step="0.01"
maxlength="8"
placeholder="请输入装修押金最多保留2位小数"
v-model.trim.number="form.decorationDeposit"
/>
@@ -116,6 +117,9 @@ const rules = {
{ required: true, message: '请输入装修押金', trigger: 'blur' },
{
validator: (rule, val, callback) => {
if (val === '' || val === null) {
return callback(new Error('请输入装修押金'));
}
const msg = validator(val, 'money');
if (msg) callback(new Error(msg));
else callback();

View File

@@ -6,7 +6,7 @@
<el-card shadow="hover">
<el-form label-width="120px" ref="queryFormRef" :model="queryParams" :inline="true">
<el-form-item label="申请人姓名" prop="applyName">
<el-input v-model="queryParams.applyName" placeholder="请输入申请人姓名" clearable @keyup.enter="handleQuery" />
<el-input maxlength="20" v-model="queryParams.applyName" placeholder="请输入申请人姓名" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="装修验收结果" prop="inspectionResult">
<el-select v-model="queryParams.inspectionResult" placeholder="请选择装修验收结果" style="width: 240px">