在仓库、库区和部门管理中新增电话号码格式验证,移除库区容量字段
This commit is contained in:
@@ -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' }],
|
||||
});
|
||||
|
||||
// 重置表单
|
||||
|
||||
@@ -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,
|
||||
};
|
||||
|
||||
|
||||
@@ -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'
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user