在仓库、库区和部门管理中新增电话号码格式验证,移除库区容量字段

This commit is contained in:
WUSIJIAN
2026-02-26 18:00:15 +08:00
parent 6d02a00862
commit 04a79c3032
3 changed files with 34 additions and 12 deletions

View File

@@ -89,9 +89,25 @@ const ruleForm = reactive({
remark: '',
});
// 电话号码验证
const validatePhone = (rule: any, value: string, callback: any) => {
if (value && value.trim()) {
const phoneReg = /^1[3-9]\d{9}$/;
const telReg = /^0\d{2,3}-?\d{7,8}$/;
if (!phoneReg.test(value) && !telReg.test(value)) {
callback(new Error('请输入正确的电话号码'));
} else {
callback();
}
} else {
callback();
}
};
// 表单验证规则
const rules = reactive<FormRules>({
warehouseName: [{ required: true, message: '请输入仓库名称', trigger: 'blur' }],
contactPhone: [{ validator: validatePhone, trigger: 'blur' }],
});
// 重置表单

View File

@@ -39,13 +39,6 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="容量" prop="capacity">
<el-input-number v-model="ruleForm.capacity" :min="0" placeholder="请输入容量" style="width: 100%" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注" prop="remark">
@@ -98,7 +91,6 @@ const ruleForm = reactive({
zoneCode: '',
zoneType: '',
warehouseId: '',
capacity: 0,
remark: '',
});
@@ -115,7 +107,6 @@ const resetForm = () => {
ruleForm.zoneCode = '';
ruleForm.zoneType = '';
ruleForm.warehouseId = '';
ruleForm.capacity = 0;
ruleForm.remark = '';
};
@@ -133,7 +124,6 @@ const openDialog = async (row?: any) => {
ruleForm.zoneCode = data.zoneCode || '';
ruleForm.zoneType = data.zoneType || '';
ruleForm.warehouseId = data.warehouseId || '';
ruleForm.capacity = data.capacity || 0;
ruleForm.remark = data.remark || '';
} catch (error) {
console.error('获取库区详情失败:', error);
@@ -164,7 +154,6 @@ const onSubmit = async () => {
zoneCode: ruleForm.zoneCode,
zoneType: ruleForm.zoneType,
warehouseId: ruleForm.warehouseId,
capacity: ruleForm.capacity,
remark: ruleForm.remark,
};

View File

@@ -31,7 +31,7 @@
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="手机号">
<el-form-item label="手机号" prop="phone">
<el-input v-model="ruleForm.phone" placeholder="请输入手机号" clearable></el-input>
</el-form-item>
</el-col>
@@ -112,6 +112,23 @@ export default defineComponent({
rules: {
deptName:[
{required: true, message: "部门名称不能为空", trigger: "blur"},
],
phone:[
{
validator: (rule: any, value: string, callback: any) => {
if (value && value.toString().trim()) {
const phoneReg = /^1[3-9]\d{9}$/;
if (!phoneReg.test(value.toString())) {
callback(new Error('请输入正确的手机号'));
} else {
callback();
}
} else {
callback();
}
},
trigger: 'blur'
}
]
}
});