增加必填项校验
This commit is contained in:
parent
64df12c9f3
commit
b866840d7f
@ -244,7 +244,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog :title="title" v-model="open1" width="600px" append-to-body>
|
<el-dialog :title="title" v-model="open1" width="600px" append-to-body>
|
||||||
<el-form :model="form" :rules="rules" ref="userRef" label-width="80px">
|
<el-form :model="form" :rules="rules" ref="userRef" label-width="80px">
|
||||||
<el-row>
|
<el-row>
|
||||||
@ -421,15 +421,17 @@
|
|||||||
name: undefined
|
name: undefined
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
name: [{ required: true, message: "飞行名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "飞行名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||||
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
|
taskProp: [{ required: true, message: "飞行性质不能为空", trigger: "blur" }],
|
||||||
password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
uavInfoName: [{ required: true, message: "无人机不能为空", trigger: "blur" }],
|
||||||
email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
airspaceName: [{ required: true, message: "申请空域不能为空", trigger: "blur" }],
|
||||||
phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
uavOperatorName: [{ required: true, message: "操控员不能为空", trigger: "blur" }],
|
||||||
|
// email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
||||||
|
tel: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data);
|
const { queryParams, form, rules, rules1} = toRefs(data);
|
||||||
|
|
||||||
/** 通过条件过滤节点 */
|
/** 通过条件过滤节点 */
|
||||||
const filterNode = (value, data) => {
|
const filterNode = (value, data) => {
|
||||||
@ -741,19 +743,21 @@
|
|||||||
function submitForm() {
|
function submitForm() {
|
||||||
|
|
||||||
const airUAVs = []
|
const airUAVs = []
|
||||||
|
if (form.value.uavInfoName) {
|
||||||
form.value.uavInfoName.forEach((item) => {
|
|
||||||
console.log("item的值为:",item)
|
form.value.uavInfoName.forEach((item) => {
|
||||||
|
console.log("item的值为:",item)
|
||||||
uavInfoOptions.value.forEach((iten) => {
|
|
||||||
console.log("iten的值为:",iten)
|
uavInfoOptions.value.forEach((iten) => {
|
||||||
if(iten.value == item){
|
console.log("iten的值为:",iten)
|
||||||
airUAVs.push(iten.key)
|
if(iten.value == item){
|
||||||
console.log("airUAV:",airUAVs)
|
airUAVs.push(iten.key)
|
||||||
}
|
console.log("airUAV:",airUAVs)
|
||||||
});
|
}
|
||||||
// this.routeIds.push(item)
|
});
|
||||||
});
|
// this.routeIds.push(item)
|
||||||
|
});
|
||||||
|
}
|
||||||
// form.airUAV = airUAVs;
|
// form.airUAV = airUAVs;
|
||||||
form.value.airUAV = form.value.uavInfoName;
|
form.value.airUAV = form.value.uavInfoName;
|
||||||
console.log(" form.airUAV:",form.value.airUAV)
|
console.log(" form.airUAV:",form.value.airUAV)
|
||||||
@ -784,4 +788,3 @@
|
|||||||
getDeptTree();
|
getDeptTree();
|
||||||
getList();
|
getList();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -421,11 +421,13 @@ const data = reactive({
|
|||||||
name: undefined
|
name: undefined
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
name: [{ required: true, message: "飞行名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "飞行名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||||
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
|
taskProp: [{ required: true, message: "飞行性质不能为空", trigger: "blur" }],
|
||||||
password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
uavInfoName: [{ required: true, message: "无人机不能为空", trigger: "blur" }],
|
||||||
email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
airspaceName: [{ required: true, message: "申请空域不能为空", trigger: "blur" }],
|
||||||
phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
uavOperatorName: [{ required: true, message: "操控员不能为空", trigger: "blur" }],
|
||||||
|
// email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
||||||
|
tel: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@ -421,11 +421,13 @@ const data = reactive({
|
|||||||
name: undefined
|
name: undefined
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
name: [{ required: true, message: "飞行名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "飞行名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||||
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
|
taskProp: [{ required: true, message: "飞行性质不能为空", trigger: "blur" }],
|
||||||
password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
uavInfoName: [{ required: true, message: "无人机不能为空", trigger: "blur" }],
|
||||||
email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
airspaceName: [{ required: true, message: "申请空域不能为空", trigger: "blur" }],
|
||||||
phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
uavOperatorName: [{ required: true, message: "操控员不能为空", trigger: "blur" }],
|
||||||
|
// email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
||||||
|
tel: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -449,7 +451,7 @@ function getDeptTree() {
|
|||||||
|
|
||||||
// 数据改变调用
|
// 数据改变调用
|
||||||
function handleAirspaceNameChange (value) {
|
function handleAirspaceNameChange (value) {
|
||||||
|
|
||||||
const selectedDict = AirspaceNameOptions.value.find(dict => dict.label === value);
|
const selectedDict = AirspaceNameOptions.value.find(dict => dict.label === value);
|
||||||
console.log("selectedDict的值为:",selectedDict)
|
console.log("selectedDict的值为:",selectedDict)
|
||||||
if (selectedDict) {
|
if (selectedDict) {
|
||||||
@ -457,7 +459,7 @@ function handleAirspaceNameChange (value) {
|
|||||||
// dataForm.mngCode = selectedDict.label;
|
// dataForm.mngCode = selectedDict.label;
|
||||||
// dataForm.mngName = selectedDict.value;
|
// dataForm.mngName = selectedDict.value;
|
||||||
console.log("handleAirspaceNameChange",value,selectedDict.value);
|
console.log("handleAirspaceNameChange",value,selectedDict.value);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function handleUavInfoChange (value) {
|
function handleUavInfoChange (value) {
|
||||||
console.log("uavInfoOptions.value",uavInfoOptions.value)
|
console.log("uavInfoOptions.value",uavInfoOptions.value)
|
||||||
@ -470,7 +472,7 @@ function handleUavInfoChange (value) {
|
|||||||
form.airUAV = selectedDict.value.key;
|
form.airUAV = selectedDict.value.key;
|
||||||
// dataForm.mngCode = selectedDict.label;
|
// dataForm.mngCode = selectedDict.label;
|
||||||
// dataForm.mngName = selectedDict.value;
|
// dataForm.mngName = selectedDict.value;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function handleOperatorInfoChange (value) {
|
function handleOperatorInfoChange (value) {
|
||||||
console.log("飞手的变换")
|
console.log("飞手的变换")
|
||||||
@ -481,7 +483,7 @@ function handleOperatorInfoChange (value) {
|
|||||||
// dataForm.mngCode = selectedDict.label;
|
// dataForm.mngCode = selectedDict.label;
|
||||||
// dataForm.mngName = selectedDict.value;
|
// dataForm.mngName = selectedDict.value;
|
||||||
console.log("handleOperatorInfoChange",value,selectedDict.value);
|
console.log("handleOperatorInfoChange",value,selectedDict.value);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user