Skip to content

W
web-project
Commit cb391db4 authored by jiaxu.yan's avatar jiaxu.yan
Browse files
Options

feat: 完善参数配置页面

parent 90ce2f96
Hide whitespace changes
Inline Side-by-side
Showing with 116 additions and 41 deletions
src/utils/directives.js 0 → 100644
View file @ cb391db4
//只允许输入整数
export const integerOnly = {
beforeMount(el) {
el.addEventListener('input', event => {
// 获取输入框的当前值
let value = event.target.value;
// 使用正则表达式来匹配非整数字符，替换为空字符串
value = value.replace(/[^0-9]/g, '');
// 如果值变化了，更新输入框的值
if (value !== event.target.value) {
event.target.value = value;
}
});
}
};
// 只允许输入浮点数
export const vFloatNumber = {
beforeMount(el) {
el.addEventListener('input', (e) => {
e.target.value = e.target.value.replace(/[^\d.]/g, '').replace(/^\./g, '').replace(/\.{2,}/g, '.').replace(/^(\d+)\./g, '$1.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
e.target.value = e.target.value.replace(/^(\d+)\./g, '$1.').replace(/^0+(?=[1-9])/, '');
if (e.target.value.split('.').length > 2) {
e.target.value = e.target.value.replace('.', '$#$').split('.').map(part => part.replace(/\d/g, '')).join('.').replace('$#$', '.').substring(0, e.target.value.length - 1);
}
});
}
};
\ No newline at end of file
src/views/SchedulingPage/ConfigBoilerPage.vue
View file @ cb391db4
......@@ -13,15 +13,15 @@
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input-number
:controls="false"
style="width: 80%;text-align: left;"
<el-input
v-float-number
style="width: 80%; text-align: left"
v-model="formDatas.openingOfElectricValve"
>
<template #append>
<div style="width: 40px">%</div>
</template>
</el-input-number>
</el-input>
</td>
</tr>
</table>
......@@ -36,12 +36,16 @@
{{ option }}
</el-checkbox>
</el-checkbox-group> -->
<el-checkbox-group v-model="form.type" style="width: 60%">
<el-checkbox-group
v-model="formDatas.transferIds"
style="width: 60%"
>
<el-checkbox
v-for="(option, index) in formDatas.transferIds"
:label="option"
v-for="(option, index) in options"
:label="option.value"
:key="index"
>
{{ option }}
{{ option.label }}
</el-checkbox>
</el-checkbox-group>
</td>
......@@ -53,15 +57,15 @@
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input-number
:controls="false"
<el-input
v-float-number
style="width: 80%"
v-model="formDatas.boilerOutletWaterTemperature"
>
<template #append>
<div style="width: 40px">℃</div>
</template>
</el-input-number>
</el-input>
</td>
</tr>
</table>
......@@ -75,15 +79,15 @@
<tr>
<td style="text-align: left">
<el-form>
<el-input-number
:controls="false"
<el-input
v-float-number
style="width: 80%"
v-model="formDatas.holdingTime"
>
<template #append>
<div style="width: 40px">分钟</div>
</template>
</el-input-number>
</el-input>
</el-form>
</td>
</tr>
......@@ -97,15 +101,15 @@
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input-number
:controls="false"
<el-input
v-float-number
style="width: 80%"
v-model="formDatas.upperLlimitMainFlow"
>
<template #append>
<div style="width: 40px">m3/h</div>
</template>
</el-input-number>
</el-input>
</td>
</tr>
</table>
......@@ -118,15 +122,15 @@
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input-number
:controls="false"
<el-input
v-float-number
style="width: 80%"
v-model="formDatas.lowerLlimitMainFlow"
>
<template #append>
<div style="width: 40px">m3/h</div>
</template>
</el-input-number>
</el-input>
</td>
</tr>
</table>
......@@ -138,15 +142,15 @@
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input-number
:controls="false"
<el-input
v-float-number
style="width: 80%"
v-model="formDatas.maxTargetTemperature"
>
<template #append>
<div style="width: 40px">℃</div>
</template>
</el-input-number>
</el-input>
</td>
</tr>
</table>
......@@ -159,15 +163,15 @@
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input-number
:controls="false"
style="width: 80%;"
<el-input
v-float-number
style="width: 80%"
v-model="formDatas.bestHoldingTime"
>
<template #append>
<div style="width: 40px">分钟</div>
</template>
</el-input-number>
</el-input>
</td>
</tr>
</table>
......@@ -196,22 +200,15 @@ import { ref, reactive, onMounted, onUnmounted, onBeforeMount } from "vue";
import { postConfigBoilerUpdate } from "@/api/scheduling.js";
import http from "../../api/http";
import { ElMessage } from "element-plus";
const options = reactive([
"瑞景园低区",
"瑞景园高区",
"翰锦园",
"圣美园低区",
"圣美园高区",
"社区服务中心",
"风雅园",
"风雅园_幼儿园",
"枫润园低区",
"枫润园高区",
]);
const options = reactive([]);
import store from "../../store/index";
import { vFloatNumber } from "@/utils/directives.js";
import { load } from "@amap/amap-jsapi-loader";
import { ElLoading } from "element-plus";
const form = ref({
types: [],
});
const formDatas = ref([
{
updateNullFields: "",
......@@ -223,24 +220,71 @@ const formDatas = ref([
lowerLlimitMainFlow: "",
maxTargetTemperature: "",
bestHoldingTime: "",
transferIds: "",
transferIds: [],
},
]);
const getListData = () => {
const loading = ElLoading.service({
lock: true,
text: "获取数据中",
background: "rgba(0, 0, 0, 0.7)",
});
http.get("/api/configboiler/getData").then((result) => {
formDatas.value = result.data;
formDatas.value.transferIds = formDatas.value.transferIds.split(",");
formDatas.value.updateNullFields = "";
loading.close();
});
};
const onSave = async () => {
const loading = ElLoading.service({
lock: true,
text: "保存数据中",
background: "rgba(0, 0, 0, 0.7)",
});
formDatas.value.transferIds = formDatas.value.transferIds.join(",");
const result = await postConfigBoilerUpdate({ ...formDatas.value });
if (result.success) {
getListData();
loading.close();
ElMessage.success("修改成功");
}
};
//获取换热机组列表
function getSupplys() {
options.length = 0;
var result = store.getters.getEnterprise();
console.log(result);
if (result) {
result.forEach((element) => {
// if (element.enterpriseId === enterpriseId.value) {
if (
element.enterpriseId ===
"9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()
) {
element.serviceCenterList.forEach((center) => {
let c = [];
center.supplyList.forEach((supply) => {
let chi = [];
supply.transferList.forEach((unit) => {
options.push({ value: unit.unitId, label: unit.unitName });
});
// c.push({ children: chi, label: supply.supplyName });
});
// options.push({ children: c, label: center.serviceCenterName });
});
}
});
}
console.log(options);
}
onMounted(() => {
getListData();
getSupplys();
});
</script>
<style lang="less" scoped>
......
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