zhaoyang/sunProduct
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

37
src/views/system/warehouse/Supplier/addSupplier.vue
View File

@@ -6,22 +6,22 @@
<div class="addBuildingFormBody">
<el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
<el-form-item label="供应商名称" prop="supplierName">
<el-input v-model.trim="form.supplierName" placeholder="请输入供应商名称" />
<el-input maxlength="20" v-model.trim="form.supplierName" placeholder="请输入供应商名称" />
</el-form-item>
<el-form-item label="联系人">
<el-input v-model.trim="form.contactPerson" placeholder="请输入联系人" />
<el-form-item label="联系人" prop="contactPerson">
<el-input maxlength="20" v-model.trim="form.contactPerson" placeholder="请输入联系人" />
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model.trim="form.contactPhone" placeholder="请输入联系电话" />
<el-form-item label="联系电话" prop="contactPhone">
<el-input maxlength="11" v-model.trim="form.contactPhone" placeholder="请输入联系电话" />
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model.trim="form.email" placeholder="请输入邮箱" />
<el-form-item label="邮箱" props="email">
<el-input maxlength="30" v-model.trim="form.email" placeholder="请输入邮箱" />
</el-form-item>
<el-form-item label="地址" prop="address">
<el-input v-model.trim="form.address" placeholder="请输入地址" />
<el-input type="textarea" maxlength="100" show-word-limit :rows="2" v-model.trim="form.address" placeholder="请输入地址" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入备注" />
<el-input type="textarea" maxlength="200" show-word-limit :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>
@@ -54,13 +54,24 @@ const form = ref({
});
const rules = ref({
supplierName: [{ required: true, message: '请输入供应商名称', trigger: 'blur' }],
contactPhone: [{ required: true, message: '请输入 联系电话', trigger: 'blur' }],
contactPerson: [{ required: true, message: '请输入 联系人', trigger: 'blur' }],
contactPhone: [
{ required: false, message: '请输入 联系电话', trigger: 'blur' },
{
validator: (_, value) => {
if (value === '') {
return true;
}
return validator(value, 'phone');
},
message: '请输入正确的联系电话',
trigger: 'blur'
}
],
contactPerson: [{ required: false, message: '请输入 联系人', trigger: 'blur' }],
email: [
{ required: true, message: '请输入 邮箱', trigger: 'blur' },
{ required: false, message: '请输入 邮箱', trigger: 'blur' },
{
validator: (_, value) => validator(value, 'email'),
required: false,
message: '请输入正确的邮箱格式',
trigger: 'blur'
}