Skip to content

W
web-project
Commit 326b1c15 authored by xuke's avatar xuke
Browse files
Options

表单校验

parent 10e2e52a
Hide whitespace changes
Inline Side-by-side
Showing with 483 additions and 334 deletions
src/views/AlarmPage/AlarmStatusPage.vue
View file @ 326b1c15
...@@ -97,107 +97,130 @@ ...@@ -97,107 +97,130 @@
<el-col :span="12"> <el-col :span="12">
<div class="middle"> <div class="middle">
<table cellpadding="0" cellspacing="1" border="1" class="big_table"> <el-form ref="formRef" :model="addParams" :rules="rules" label-width="auto">
<tr> <table cellpadding="0" cellspacing="1" border="1" class="big_table">
<th style="width: 25%">报警名称：</th> <tr>
<td style="width: 60%; margin:0; padding: 0"> <th style="width: 25%">报警名称：</th>
<table cellpadding="0" cellspacing="0"> <td style="width: 60%; margin:0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<td style="text-align: left"> <tr>
<el-input style="width: 80%" v-model="param.cnName"></el-input> <td style="text-align: left">
</td> <el-input style="width: 80%" v-model="param.cnName"></el-input>
</tr> </td>
</table> </tr>
</td> </table>
</tr> </td>
<tr> </tr>
<th style="width: 25%">启用提示音：</th> <tr>
<td style="width: 60%; margin:0; padding: 0"> <th style="width: 25%">启用提示音：</th>
<table cellpadding="0" cellspacing="0"> <td style="width: 60%; margin:0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<td style="text-align: left"> <tr>
<el-checkbox v-model="addParams.isVoice">是</el-checkbox> <td style="text-align: left">
</td> <el-checkbox v-model="addParams.isVoice">是</el-checkbox>
</tr> </td>
</table> </tr>
</td> </table>
</tr> </td>
<tr> </tr>
<th style="width: 25%">报警上上限：</th> <tr>
<td style="width: 60%; margin: 0; padding: 0"> <th style="width: 25%">报警上上限：</th>
<table cellpadding="0" cellspacing="0"> <td style="width: 60%; margin: 0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<td style="text-align: left"> <tr>
<el-input v-float-number style="width: 80%" v-model="addParams.topMost"></el-input> <td style="text-align: left">
</td> <el-form-item prop="topMost">
</tr> <el-input v-float-number style="width: 80%" v-model="addParams.topMost"></el-input>
</table> </el-form-item>
</td> </td>
</tr> </tr>
<tr> </table>
<th style="width: 25%">报警上限：</th> </td>
<td style="width: 60%; margin: 0; padding: 0"> </tr>
<table cellpadding="0" cellspacing="0"> <tr>
<tr> <th style="width: 25%">报警上限：</th>
<td style="text-align: left"> <td style="width: 60%; margin: 0; padding: 0">
<el-input v-float-number style="width: 80%" v-model="addParams.upper"></el-input> <table cellpadding="0" cellspacing="0">
</td> <tr>
</tr> <td style="text-align: left">
</table> <el-form-item prop="upper">
</td> <el-input v-float-number style="width: 80%" v-model="addParams.upper"></el-input>
</tr> </el-form-item>
</td>
<tr> </tr>
<th style="width: 25%">报警下下限：</th> </table>
<td style="width: 60%; margin: 0; padding: 0"> </td>
<table cellpadding="0" cellspacing="0"> </tr>
<tr>
<td style="text-align: left"> <tr>
<el-input v-float-number style="width: 80%" v-model="addParams.downMost"></el-input> <th style="width: 25%">报警下限：</th>
</td> <td style="width: 60%; margin: 0; padding: 0">
</tr> <table cellpadding="0" cellspacing="0">
</table> <tr>
</td> <td style="text-align: left">
</tr> <el-form-item prop="lower">
<el-input v-float-number style="width: 80%" v-model="addParams.lower"></el-input>
<tr> </el-form-item>
<th style="width: 25%">报警预案</th> </td>
<td style="width: 60%; margin: 0; padding: 0"> </tr>
<table cellpadding="0" cellspacing="0"> </table>
<tr> </td>
<td style="text-align: left"> </tr>
<el-input style="width: 80%" type="textarea" rows="6" v-model="addParams.alarmPlan"></el-input> <tr>
</td> <th style="width: 25%">报警下下限：</th>
</tr> <td style="width: 60%; margin: 0; padding: 0">
</table> <table cellpadding="0" cellspacing="0">
</td> <tr>
</tr> <td style="text-align: left">
<tr> <el-form-item prop="downMost">
<th style="width: 25%">启用报警：</th> <el-input v-float-number style="width: 80%" v-model="addParams.downMost"></el-input>
<td style="width: 60%; margin:0; padding: 0"> </el-form-item>
<table cellpadding="0" cellspacing="0"> </td>
<tr> </tr>
<td style="text-align: left"> </table>
<el-checkbox v-model="addParams.isAlarm">是</el-checkbox> </td>
</td> </tr>
</tr>
</table> <tr>
</td> <th style="width: 25%">报警预案</th>
</tr> <td style="width: 60%; margin: 0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<th style="width: 25%">启用短信通知：</th> <tr>
<td style="width: 60%; margin:0; padding: 0"> <td style="text-align: left">
<table cellpadding="0" cellspacing="0"> <el-input style="width: 80%" type="textarea" rows="6" v-model="addParams.alarmPlan"></el-input>
<tr> </td>
<td style="text-align: left"> </tr>
<el-checkbox v-model="addParams.isShortMessage">是</el-checkbox> </table>
</td> </td>
</tr> </tr>
</table> <tr>
</td> <th style="width: 25%">启用报警：</th>
</tr> <td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
</table> <tr>
<td style="text-align: left">
<el-checkbox v-model="addParams.isAlarm">是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">启用短信通知：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-checkbox v-model="addParams.isShortMessage">是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
</table>
</el-form>
<div class="btngrounp"> <div class="btngrounp">
<div v-if="button"> <div v-if="button">
<el-button :disabled="param.cnName === '' ? true : false" type="primary" @click="onAdd">添加</el-button> <el-button :disabled="param.cnName === '' ? true : false" type="primary" @click="onAdd">添加</el-button>
...@@ -257,6 +280,7 @@ const refreshItem = ref(0) ...@@ -257,6 +280,7 @@ const refreshItem = ref(0)
const AlarmInfo = ref([]) const AlarmInfo = ref([])
const dept = ref('') const dept = ref('')
function open() { function open() {
show.value = true show.value = true
} }
...@@ -542,6 +566,32 @@ let param = ref({ ...@@ -542,6 +566,32 @@ let param = ref({
"baseId": "" "baseId": ""
}) })
//表单校验规则
const formRef = ref()
const rules = reactive({
topMost: [
{ required: true, message: "上上限值是必填项", trigger: "blur" },
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "上上限值输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '上上限值必须是 1-10位的数字', trigger: 'blur' }
],
upper: [
{ required: true, message: "上限值是必填项", trigger: "blur" },
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "上限值输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '上限值必须是 1-10位的数字', trigger: 'blur' }
],
lower: [
{ required: true, message: "下限值是必填项", trigger: "blur" },
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "下限值输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '下限值必须是 1-10位的数字', trigger: 'blur' }
],
downMost: [
{ required: true, message: "下下限值是必填项", trigger: "blur" },
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "下下限值输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '下下限值必须是 1-10位的数字', trigger: 'blur' }
]
});
let newType = ref(0) let newType = ref(0)
watchEffect(() => { watchEffect(() => {
...@@ -815,8 +865,10 @@ onUnmounted(() => { ...@@ -815,8 +865,10 @@ onUnmounted(() => {
} }
.el-form-item { .el-form-item {
margin-top: -20px; // margin-top: -20px;
margin-right: 30px; // margin-right: 30px;
margin: 0;
padding: 0;
} }
.el-tag--mini { .el-tag--mini {
......
src/views/SchedulingPage/ConfigBoilerPage.vue
View file @ 326b1c15
...@@ -2,152 +2,181 @@ ...@@ -2,152 +2,181 @@
<div class="contentBlock"> <div class="contentBlock">
<div class="contentBlockInn"> <div class="contentBlockInn">
<el-card class="card-contianer"> <el-card class="card-contianer">
<table v-loading="loading" cellpadding="0" cellspacing="1" style="background-color: #99bbe8"> <el-form ref="formRef" :rules="rules" :model="formDatas" label-width="auto">
<tr> <table v-loading="loading" cellpadding="0" cellspacing="1" style="background-color: #99bbe8">
<th style="width: 25%">电调阈开启度</th> <tr>
<td style="width: 60%; margin: 0; padding: 0"> <th style="width: 25%">电调阈开启度</th>
<table cellpadding="0" cellspacing="0"> <td style="width: 60%; margin: 0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<td style="text-align: left"> <tr>
<el-input v-float-number style="width: 80%; text-align: left" <td style="text-align: left">
v-model="formDatas.openingOfElectricValve">
<template #append> <el-form-item prop="openingOfElectricValve">
<div style="width: 40px">%</div> <el-input v-float-number style="width: 80%; text-align: left"
</template> v-model="formDatas.openingOfElectricValve">
</el-input> <template #append>
</td> <div style="width: 40px">%</div>
</tr> </template>
</table> </el-input>
</td> </el-form-item>
</tr>
<tr> </td>
<th style="width: 25%">换热站</th> </tr>
<td style="text-align: left"> </table>
<el-checkbox-group v-model="formDatas.transferIds" style="width: 60%"> </td>
<el-checkbox v-for="(option, index) in options" :label="option.value" :key="index"> </tr>
{{ option.label }}
</el-checkbox> <tr>
<th style="width: 25%">换热站</th>
<td style="text-align: left">
</el-checkbox-group> <el-checkbox-group v-model="formDatas.transferIds" style="width: 60%">
</td> <el-checkbox v-for="(option, index) in options" :label="option.value" :key="index">
</tr> {{ option.label }}
</el-checkbox>
<tr>
<th style="width: 25%">锅炉出水温度增加</th>
<td style="width: 60%; margin: 0; padding: 0"> </el-checkbox-group>
<table cellpadding="0" cellspacing="0"> </td>
<tr> </tr>
<td style="text-align: left">
<el-input v-float-number style="width: 80%" v-model="formDatas.boilerOutletWaterTemperature"> <tr>
<template #append> <th style="width: 25%">锅炉出水温度增加</th>
<div style="width: 40px">℃</div> <td style="width: 60%; margin: 0; padding: 0">
</template> <table cellpadding="0" cellspacing="0">
</el-input> <tr>
</td> <td style="text-align: left">
</tr> <el-form-item prop="boilerOutletWaterTemperature">
</table> <el-input v-float-number style="width: 80%" v-model="formDatas.boilerOutletWaterTemperature">
</td> <template #append>
</tr> <div style="width: 40px">℃</div>
</template>
<tr> </el-input>
<th style="width: 25%">电调阈开启度保持时间</th> </el-form-item>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr> </td>
<td style="text-align: left"> </tr>
<el-form> </table>
<el-input v-float-number style="width: 80%" v-model="formDatas.holdingTime"> </td>
<template #append> </tr>
<div style="width: 40px">分钟</div>
</template> <tr>
</el-input> <th style="width: 25%">电调阈开启度保持时间</th>
</el-form> <td style="width: 60%; margin: 0; padding: 0">
</td> <table cellpadding="0" cellspacing="0">
</tr> <tr>
</table> <td style="text-align: left">
</td> <el-form-item prop="holdingTime">
</tr> <el-input v-float-number style="width: 80%" v-model="formDatas.holdingTime">
<template #append>
<tr> <div style="width: 40px">分钟</div>
<th style="width: 25%">锅炉房供水总管流量上限值</th> </template>
<td style="width: 60%; margin: 0; padding: 0"> </el-input>
<table cellpadding="0" cellspacing="0"> </el-form-item>
<tr> </td>
<td style="text-align: left"> </tr>
<el-input v-float-number style="width: 80%" v-model="formDatas.upperLlimitMainFlow"> </table>
<template #append> </td>
<div style="width: 40px">m3/h</div> </tr>
</template>
</el-input> <tr>
</td> <th style="width: 25%">锅炉房供水总管流量上限值</th>
</tr> <td style="width: 60%; margin: 0; padding: 0">
</table> <table cellpadding="0" cellspacing="0">
</td> <tr>
</tr> <td style="text-align: left">
<el-form-item prop="upperLlimitMainFlow">
<tr> <el-input v-float-number style="width: 80%" v-model="formDatas.upperLlimitMainFlow">
<th style="width: 25%">锅炉房供水总管流量下限值</th> <template #append>
<td style="width: 60%; margin: 0; padding: 0"> <div style="width: 40px">m3/h</div>
<table cellpadding="0" cellspacing="0"> </template>
<tr> </el-input>
<td style="text-align: left"> </el-form-item>
<el-input v-float-number style="width: 80%" v-model="formDatas.lowerLlimitMainFlow">
<template #append>
<div style="width: 40px">m3/h</div> </td>
</template> </tr>
</el-input> </table>
</td> </td>
</tr> </tr>
</table>
</td> <tr>
</tr> <th style="width: 25%">锅炉房供水总管流量下限值</th>
<tr> <td style="width: 60%; margin: 0; padding: 0">
<th style="width: 25%">目标温度最大值</th> <table cellpadding="0" cellspacing="0">
<td style="width: 60%; margin: 0; padding: 0"> <tr>
<table cellpadding="0" cellspacing="0"> <td style="text-align: left">
<tr> <el-form-item prop="lowerLlimitMainFlow">
<td style="text-align: left"> <el-input v-float-number style="width: 80%" v-model="formDatas.lowerLlimitMainFlow">
<el-input v-float-number style="width: 80%" v-model="formDatas.maxTargetTemperature"> <template #append>
<template #append> <div style="width: 40px">m3/h</div>
<div style="width: 40px">℃</div> </template>
</template> </el-input>
</el-input> </el-form-item>
</td>
</tr>
</table> </td>
</td> </tr>
</tr> </table>
</td>
<tr> </tr>
<th style="width: 25%">总管流量上下限范围内持续时间</th> <tr>
<td style="width: 60%; margin: 0; padding: 0"> <th style="width: 25%">目标温度最大值</th>
<table cellpadding="0" cellspacing="0"> <td style="width: 60%; margin: 0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<td style="text-align: left"> <tr>
<el-input v-float-number style="width: 80%" v-model="formDatas.bestHoldingTime"> <td style="text-align: left">
<template #append> <el-form-item prop="maxTargetTemperature">
<div style="width: 40px">分钟</div> <el-input v-float-number style="width: 80%" v-model="formDatas.maxTargetTemperature">
</template> <template #append>
</el-input> <div style="width: 40px">℃</div>
</td> </template>
</tr> </el-input>
</table> </el-form-item>
</td>
</tr>
<tr> </td>
<th></th> </tr>
<th rowspan="3"> </table>
<div> </td>
<div class="btngrounp"> </tr>
<el-button type="primary" @click="onSave">保存</el-button>
<el-button type="primary" style="margin: 0 0 0 5px">关闭</el-button> <tr>
<th style="width: 25%">总管流量上下限范围内持续时间</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-form-item prop="bestHoldingTime">
<el-input v-float-number style="width: 80%" v-model="formDatas.bestHoldingTime">
<template #append>
<div style="width: 40px">分钟</div>
</template>
</el-input>
</el-form-item>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th></th>
<th rowspan="3">
<div>
<div class="btngrounp">
<el-button type="primary" @click="onSave">保存</el-button>
<el-button type="primary" style="margin: 0 0 0 5px">关闭</el-button>
</div>
</div> </div>
</div> </th>
</th> </tr>
</tr> </table>
</table> </el-form>
</el-card> </el-card>
</div> </div>
</div> </div>
...@@ -164,6 +193,7 @@ const loading = ref(false) ...@@ -164,6 +193,7 @@ const loading = ref(false)
const form = ref({ const form = ref({
types: [], types: [],
}); });
const formRef = ref()
const formDatas = ref([ const formDatas = ref([
{ {
...@@ -179,6 +209,39 @@ const formDatas = ref([ ...@@ -179,6 +209,39 @@ const formDatas = ref([
transferIds: [], transferIds: [],
}, },
]); ]);
//表单校验规则
const rules = reactive({
openingOfElectricValve: [
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "电动调节阀开度输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '电动调节阀开度必须是 1-10位的数字', trigger: 'blur' }
],
boilerOutletWaterTemperature: [
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "锅炉出水温度输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '锅炉出水温度必须是 1-10位的数字', trigger: 'blur' }
],
upperLlimitMainFlow: [
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "锅炉房供水总管流量上限值输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '锅炉房供水总管流量上限值必须是 1-10位的数字', trigger: 'blur' }
],
lowerLlimitMainFlow: [
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "锅炉房供水总管流量下限值输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '锅炉房供水总管流量下限值必须是 1-10位的数字', trigger: 'blur' }
],
maxTargetTemperature: [
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "目标温度最大值输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '目标温度最大值必须是 1-10位的数字', trigger: 'blur' }
],
bestHoldingTime: [
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "持续时间输入不合法", trigger: "blur" },
{ min: 1, max: 10, message: '持续时间必须是 1-10位的数字', trigger: 'blur' }
],
holdingTime: [
{ pattern: /^[0-9]\d{1,10}$/, "message": "保持时间必须是 1-10位的数字", trigger: 'blur' }
]
});
const getListData = () => { const getListData = () => {
loading.value = true loading.value = true
http.get("/api/configboiler/getData").then((result) => { http.get("/api/configboiler/getData").then((result) => {
...@@ -229,7 +292,7 @@ function getSupplys() { ...@@ -229,7 +292,7 @@ function getSupplys() {
} }
}); });
} }
console.log("组长遍历的options:", options); // console.log("遍历的options:", options);
} }
onMounted(() => { onMounted(() => {
getListData(); getListData();
......
src/views/SchedulingPage/EnergyManagePage.vue
View file @ 326b1c15
...@@ -110,9 +110,14 @@ const timeFormat = (time) => { ...@@ -110,9 +110,14 @@ const timeFormat = (time) => {
const rules = reactive({ const rules = reactive({
supplyId: [{ required: true, message: "名称是必填项", trigger: "blur" }], supplyId: [{ required: true, message: "名称是必填项", trigger: "blur" }],
energyType: [ energyType: [
{ required: true, message: "能源类型是必填项", trigger: "blur" }, { required: true, message: "能源类型是必填项", trigger: "blur" }
],
record: [
{ required: true, message: "能源用度是必选项", trigger: "blur" },
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, message: "能源用度必须输入1-10位数字", trigger: "blur" },
{ min: 1, max: 10, message: '能源用度必须是 1-10位的数字', trigger: 'blur' }
], ],
record: [{ required: true, message: "能源用度是必选项", trigger: "blur" }],
recordDate: [{ required: true, message: "日期是必选项" }], recordDate: [{ required: true, message: "日期是必选项" }],
}); });
...@@ -125,15 +130,19 @@ const handleDelete = (row) => { ...@@ -125,15 +130,19 @@ const handleDelete = (row) => {
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
confirmButtonClass: 'ExitConfirmButton' confirmButtonClass: 'ExitConfirmButton'
}).then(() => {
http.post("api/energy/Delete", { id: row.energyId }, false).then(res => {
if (res.success) {
ElMessage.success(res.message)
getEnergyData();
} else {
ElMessage.error("删除失败");
}
})
}).catch(() => {
ElMessage.success("取消删除操作");
}) })
http.post("api/energy/Delete", { id: row.energyId }, false).then(res => {
if (res.success) {
ElMessage.success(res.message)
getEnergyData();
} else {
ElMessage.error("删除失败");
}
})
}; };
...@@ -317,9 +326,8 @@ onMounted(() => { ...@@ -317,9 +326,8 @@ onMounted(() => {
<table cellpadding="0" cellspacing="0"> <table cellpadding="0" cellspacing="0">
<tr> <tr>
<td style="text-align: left"> <td style="text-align: left">
<el-form-item prop="supplyName" style="margin: 0; padding: 0; width: 100%"> <el-form-item prop="supplyName" style="margin: 0; padding: 0; width: 100%;">
<el-select v-model="formEnergy.supplyId" placeholder="" style="width: 210px;" class="custom-select" <el-select v-model="formEnergy.supplyId" placeholder="请选择">
size="small">
<el-option v-for="item in supplyData" :key="item.supplyId" :label="item.supplyName" <el-option v-for="item in supplyData" :key="item.supplyId" :label="item.supplyName"
:value="item.supplyId" /> :value="item.supplyId" />
</el-select> </el-select>
......
src/views/SchedulingPage/InstantHeatPage.vue
View file @ 326b1c15
...@@ -5,76 +5,85 @@ ...@@ -5,76 +5,85 @@
<div class="card-header"> <div class="card-header">
<span>瞬时热量对比配置</span> <span>瞬时热量对比配置</span>
</div> </div>
<table v-loading="loading" cellpadding="0" cellspacing="1"> <el-form ref="formRef" :rules="rules" :model="List" label-width="auto">
<tr> <table v-loading="loading" cellpadding="0" cellspacing="1">
<th style="width: 25%">计划名称：</th> <tr>
<td style="width: 60%; margin:0; padding: 0"> <th style="width: 25%">计划名称：</th>
<table cellpadding="0" cellspacing="0"> <td style="width: 60%; margin:0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<td style="text-align: left"> <tr>
<el-input style="width: 80%" v-model="List.planName"></el-input> <td style="text-align: left">
</td> <el-input style="width: 80%" v-model="List.planName"></el-input>
</tr> </td>
</table> </tr>
</td> </table>
</tr> </td>
<tr> </tr>
<th style="width: 25%">偏差百分比 (%)：</th> <tr>
<td style="width: 60%; margin: 0; padding: 0"> <th style="width: 25%">偏差百分比 (%)：</th>
<table cellpadding="0" cellspacing="0"> <td style="width: 60%; margin: 0; padding: 0">
<tr> <table cellpadding="0" cellspacing="0">
<td style="text-align: left"> <tr>
<el-input v-float-number style="width: 80%" v-model="List.diffPercentage"></el-input> <td style="text-align: left">
</td> <el-form-item prop="diffPercentage" style="padding: 0;margin: 0;">
</tr> <el-input v-float-number style="width: 80%" v-model="List.diffPercentage"></el-input>
</table> </el-form-item>
</td> </td>
</tr> </tr>
</table>
</td>
<tr> </tr>
<th style="width: 25%">判断时间 (分)：</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0"> <tr>
<tr> <th style="width: 25%">判断时间 (分)：</th>
<td style="text-align: left"> <td style="width: 60%; margin: 0; padding: 0">
<el-input style="width: 80%" v-model="List.timeoutMin"></el-input> <table cellpadding="0" cellspacing="0">
</td> <tr>
</tr> <td style="text-align: left">
</table> <el-form-item prop="timeoutMin" style="padding: 0;margin: 0;">
</td> <el-input style="width: 80%" v-model="List.timeoutMin"></el-input>
</tr> </el-form-item>
</td>
</tr>
<tr> </table>
<th style="width: 25%">调节温度 (℃)</th> </td>
<td style="width: 60%; margin: 0; padding: 0"> </tr>
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left"> <tr>
<el-input v-float-number style="width: 80%" v-model="List.tempRegulation"></el-input> <th style="width: 25%">调节温度 (℃)</th>
</td> <td style="width: 60%; margin: 0; padding: 0">
</tr> <table cellpadding="0" cellspacing="0">
</table> <tr>
</td> <td style="text-align: left">
</tr> <el-form-item prop="tempRegulation" style="padding: 0;margin: 0;">
<el-input v-float-number style="width: 80%" v-model="List.tempRegulation"></el-input>
</el-form-item>
<tr> </td>
<th style="width: 25%">备注</th> </tr>
<td style="width: 60%; margin: 0; padding: 0"> </table>
<table cellpadding="0" cellspacing="0"> </td>
<tr> </tr>
<td style="text-align: left">
<el-input style="width: 80%" type="textarea" rows="6" v-model="List.description"></el-input>
</td> <tr>
</tr> <th style="width: 25%">备注</th>
</table> <td style="width: 60%; margin: 0; padding: 0">
</td> <table cellpadding="0" cellspacing="0">
</tr> <tr>
<td style="text-align: left">
<el-input style="width: 80%" type="textarea" rows="6" v-model="List.description"></el-input>
</table> </td>
</tr>
</table>
</td>
</tr>
</table>
</el-form>
<div class="btngrounp"> <div class="btngrounp">
<el-button type="primary" @click="onSave">保存</el-button> <el-button type="primary" @click="onSave">保存</el-button>
<el-button type="primary" style="margin: 0 0 0 5px" @click="onCancel">关闭</el-button> <el-button type="primary" style="margin: 0 0 0 5px" @click="onCancel">关闭</el-button>
...@@ -92,7 +101,7 @@ import { ElMessage } from "element-plus"; ...@@ -92,7 +101,7 @@ import { ElMessage } from "element-plus";
import http from "../../api/http"; import http from "../../api/http";
import { vFloatNumber } from "@/utils/directives.js"; import { vFloatNumber } from "@/utils/directives.js";
const loading = ref(false) const loading = ref(false)
const formRef = ref()
const List = ref( const List = ref(
{ {
...@@ -105,7 +114,24 @@ const List = ref( ...@@ -105,7 +114,24 @@ const List = ref(
"isActive": '' "isActive": ''
} }
) )
//校验规则
const rules = reactive({
diffPercentage: [
{ required: true, message: "偏差百分比是必填项", trigger: "blur" },
{ pattern: /^(-?[0-9]+(\.[0-9]+)?){1,10}$/, "message": "偏差百分比输入不合法", trigger: 'blur' },
{ min: 1, max: 10, message: '偏差百分比必须是 1-10位的数字', trigger: 'blur' }
],
timeoutMin: [
{ required: true, message: "判断时间是必填项", trigger: "blur" },
{ pattern: /^[0-9]\d{1,10}$/, "message": "判断时间必须是 1-10位的数字", trigger: 'blur' }
],
tempRegulation: [
{ required: true, message: "调节温度是必选项", trigger: "blur" },
{ pattern: /^(-?[0-9]+(\.[0-9]+)?)$/, "message": "调节温度输入不合法", trigger: 'blur' },
{ min: 1, max: 10, message: '调节温度必须是 1-10位的数字', trigger: 'blur' }
]
});
const getInstanceHeat = () => { const getInstanceHeat = () => {
loading.value = true loading.value = true
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment