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

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: '', 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>({ const rules = reactive<FormRules>({
warehouseName: [{ required: true, message: '请输入仓库名称', trigger: 'blur' }], warehouseName: [{ required: true, message: '请输入仓库名称', trigger: 'blur' }],
contactPhone: [{ validator: validatePhone, trigger: 'blur' }],
}); });
// 重置表单 // 重置表单

View File

@@ -39,13 +39,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
@@ -98,7 +91,6 @@ const ruleForm = reactive({
zoneCode: '', zoneCode: '',
zoneType: '', zoneType: '',
warehouseId: '', warehouseId: '',
capacity: 0,
remark: '', remark: '',
}); });
@@ -115,7 +107,6 @@ const resetForm = () => {
ruleForm.zoneCode = ''; ruleForm.zoneCode = '';
ruleForm.zoneType = ''; ruleForm.zoneType = '';
ruleForm.warehouseId = ''; ruleForm.warehouseId = '';
ruleForm.capacity = 0;
ruleForm.remark = ''; ruleForm.remark = '';
}; };
@@ -133,7 +124,6 @@ const openDialog = async (row?: any) => {
ruleForm.zoneCode = data.zoneCode || ''; ruleForm.zoneCode = data.zoneCode || '';
ruleForm.zoneType = data.zoneType || ''; ruleForm.zoneType = data.zoneType || '';
ruleForm.warehouseId = data.warehouseId || ''; ruleForm.warehouseId = data.warehouseId || '';
ruleForm.capacity = data.capacity || 0;
ruleForm.remark = data.remark || ''; ruleForm.remark = data.remark || '';
} catch (error) { } catch (error) {
console.error('获取库区详情失败:', error); console.error('获取库区详情失败:', error);
@@ -164,7 +154,6 @@ const onSubmit = async () => {
zoneCode: ruleForm.zoneCode, zoneCode: ruleForm.zoneCode,
zoneType: ruleForm.zoneType, zoneType: ruleForm.zoneType,
warehouseId: ruleForm.warehouseId, warehouseId: ruleForm.warehouseId,
capacity: ruleForm.capacity,
remark: ruleForm.remark, remark: ruleForm.remark,
}; };

View File

@@ -31,7 +31,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <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-input v-model="ruleForm.phone" placeholder="请输入手机号" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -112,6 +112,23 @@ export default defineComponent({
rules: { rules: {
deptName:[ deptName:[
{required: true, message: "部门名称不能为空", trigger: "blur"}, {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'
}
] ]
} }
}); });