lijianfu
/
eemcs_ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

联调广合空调数据

gh_ers
selia-zx 2 weeks ago
parent
2b78ecf97a
commit
89445428ad
4 changed files with 97 additions and 98 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 61
      src/views/centerairC/deviceStrategy/index.vue
  2. 10
      src/views/centerairC/sysMonitor/components/hostChart.vue
  3. 36
      src/views/centerairC/sysMonitor/hostDetails.vue
  4. 88
      src/views/centerairC/sysMonitor/monitorCenter.vue

61
src/views/centerairC/deviceStrategy/index.vue
Unescape View File

@ -35,16 +35,20 @@
placeholder="请选择" placeholder="请选择"
size="mini" size="mini"
ref="selectRef" ref="selectRef"
@change="selectThink(children)" @change="selectThink(children, item.name)"
@visible-change=" @visible-change="
(visible) => handleVisibleChange(visible, children) (visible) => handleVisibleChange(visible, children)
" "
> >
<el-option <el-option
v-for="option in getOptions(children.min, children.max)" v-for="option in getOptions(
:key="option" children.min,
:label="option.toString()" children.max,
:value="option" item.name
)"
:key="option.value"
:label="option.label"
:value="option.value"
> >
</el-option> </el-option>
</el-select> </el-select>
@ -90,11 +94,24 @@ export default {
this.getPolicyList(); this.getPolicyList();
}, },
methods: { methods: {
// select数组 /** select选项生成 */
getOptions(min, max) { getOptions(min, max, name) {
const options = []; const options = [];
/** 冷冻泵策略：压差控制(0) / 温差控制(1) */
if (name === "冷冻泵策略") {
options.push({ value: 0, label: "压差控制" });
options.push({ value: 1, label: "温差控制" });
return options;
}
/** 冷却泵/冷却塔策略：逼近温度控制(0) / 塔出水温度控制(1) */
if (name === "冷却泵/冷却塔策略") {
options.push({ value: 0, label: "逼近温度控制" });
options.push({ value: 1, label: "塔出水温度控制" });
return options;
}
/** 默认：数值选项 */
for (let i = min; i <= max; i++) { for (let i = min; i <= max; i++) {
options.push(i); options.push({ value: i, label: i.toString() });
} }
return options; return options;
}, },
@ -134,11 +151,19 @@ export default {
this.$set(children, "_oldValue", children.curValue); this.$set(children, "_oldValue", children.curValue);
} }
}, },
// 处理select的选中值 /** 处理select的选中值 */
selectThink(children) { selectThink(children, policyName) {
const oldValue = children._oldValue; const oldValue = children._oldValue;
/** 根据策略名称将curValue转为中文显示 */
let displayValue = children.curValue;
if (policyName === "冷冻泵策略") {
displayValue = children.curValue == 0 ? "压差控制" : "温差控制";
} else if (policyName === "冷却泵/冷却塔策略") {
displayValue =
children.curValue == 0 ? "逼近温度控制" : "塔出水温度控制";
}
this.$confirm( this.$confirm(
`确定要修改"${children.pointName}"的数据为:${children.curValue}吗?`, `确定要修改"${children.pointName}"的数据为:${displayValue}吗?`,
"提示", "提示",
{ {
confirmButtonText: "确定", confirmButtonText: "确定",
@ -147,6 +172,7 @@ export default {
} }
) )
.then(() => { .then(() => {
/** 传给接口的仍然是原值 children.curValue */
this.hadleOperationConrol(children.cpmId, children.curValue); this.hadleOperationConrol(children.cpmId, children.curValue);
}) })
.catch(() => { .catch(() => {
@ -407,16 +433,13 @@ export default {
} }
} }
.el-input { .el-input {
width: 80px !important; width: 140px !important;
margin: 0 15px 0 5px; margin: 0 15px 0 5px;
} }
.el-select { .el-select {
width: 80px !important; width: 140px !important;
margin: 0 15px 0 5px; margin: 0 15px 0 5px;
} }
.tips-text {
font-size: 14px;
}
} }
} }
.radio-style { .radio-style {
@ -430,6 +453,10 @@ export default {
width: calc(50% - 20px) !important; width: calc(50% - 20px) !important;
} }
} }
.tips-text {
font-size: 14px;
width: 100%;
}
} }
@media (min-width: 1560px) and (max-width: 1670px) { @media (min-width: 1560px) and (max-width: 1670px) {
.policy { .policy {
@ -524,7 +551,7 @@ export default {
} }
.policy-li .el-radio { .policy-li .el-radio {
margin-bottom: 0.05rem !important; margin-bottom: 0.05rem !important;
} }
} }
</style> </style>
<style scoped> <style scoped>

10
src/views/centerairC/sysMonitor/components/hostChart.vue
Unescape View File

@ -109,11 +109,11 @@ export default {
name4 = names[3] || ""; name4 = names[3] || "";
} }
}); });
// console.log("this.chartData1", this.chartData1); console.log("this.chartData1", this.chartData1);
// console.log("this.chartData2", this.chartData2); console.log("this.chartData2", this.chartData2);
// console.log("this.chartData3", this.chartData3); console.log("this.chartData3", this.chartData3);
// console.log("this.chartData4", this.chartData4); console.log("this.chartData4", this.chartData4);
// console.log("this.chartData5", this.chartData5); console.log("this.chartData5", this.chartData5);
this.$nextTick(() => { this.$nextTick(() => {
// 计算双y轴最大最小值， // 计算双y轴最大最小值，
var Min1 = 0, var Min1 = 0,

36
src/views/centerairC/sysMonitor/hostDetails.vue
Unescape View File

@ -558,11 +558,11 @@ export default {
let newDataArray = []; // 用于存储符合条件的对象的新数组 let newDataArray = []; // 用于存储符合条件的对象的新数组
data.forEach((item) => { data.forEach((item) => {
if ( if (
item.otherName.includes("冷冻回水温度") || item.otherName.endsWith("冷冻水进水温度") ||
item.otherName.includes("冷冻供水温度") || item.otherName.endsWith("冷冻水出水温度") ||
item.otherName.includes("冷却回水温度") || item.otherName.endsWith("冷却水进水温度") ||
item.otherName.includes("冷却供水温度") || item.otherName.endsWith("冷却水出水温度") ||
item.otherName.includes("主机-负载") item.otherName.endsWith("负载")
) { ) {
let dataItem = { let dataItem = {
name: item.otherName, name: item.otherName,
@ -1524,7 +1524,7 @@ export default {
.detail-bottom { .detail-bottom {
// height: 5rem; // height: 5rem;
// margin-top: 0.3rem; margin-top: -0.2rem;
margin-left: 0.25rem; margin-left: 0.25rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -1555,13 +1555,31 @@ export default {
.detail-data-bottom { .detail-data-bottom {
width: 100%; width: 100%;
// padding: 0.1rem 0.3rem; padding-top: 0.03rem;
z-index: 0; z-index: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: stretch; align-items: stretch;
justify-content: flex-start; justify-content: flex-start;
/** 超出高度时垂直滚动 */
max-height: 3.98rem;
overflow-y: auto;
/** 美化滚动条 */
&::-webkit-scrollbar {
width: 0.02rem;
}
&::-webkit-scrollbar-track {
background: rgba(33, 125, 245, 0.1);
border-radius: 2px;
}
&::-webkit-scrollbar-thumb {
background: rgba(33, 125, 245, 0.5);
border-radius: 2px;
}
&::-webkit-scrollbar-thumb:hover {
background: rgba(33, 125, 245, 0.8);
}
.detail-data-li { .detail-data-li {
// width: 100%; // width: 100%;
@ -1782,12 +1800,16 @@ export default {
font-weight: bold; font-weight: bold;
margin: 0 0.06rem; margin: 0 0.06rem;
color: #3df574; color: #3df574;
display: flex;
align-items: center;
} }
.badData { .badData {
font-weight: bold; font-weight: bold;
margin: 0 0.06rem; margin: 0 0.06rem;
color: #cf3607; color: #cf3607;
display: flex;
align-items: center;
} }
.automaticData { .automaticData {

88
src/views/centerairC/sysMonitor/monitorCenter.vue
Unescape View File

@ -132,26 +132,26 @@
<div class="hostName1" v-if="hostList.length > 0" @click="goControlList(hostList, 1)"> <div class="hostName1" v-if="hostList.length > 0" @click="goControlList(hostList, 1)">
{{ hostList[0].deviceName }} {{ hostList[0].deviceName }}
</div> </div>
<div class="hostStatus1" :class="{ startClass: hostListControlClass(1) }"></div> <div class="hostStatus1" :class="{ startClass: hostListControlClass(5) }"></div>
<img class="host-img1" v-if="hostListRunClass(1)" src="../../../assets/images/fan-img.png" alt="" <img class="host-img1" v-if="hostListRunClass(5)" src="../../../assets/images/fan-img.png" alt=""
:class="{ moveClass: hostListRunClass(1) }" /> :class="{ moveClass: hostListRunClass(5) }" />
<div class="host-main1" v-if="hostList.length > 0 && hostList[0].deviceName" <div class="host-main1" v-if="hostList.length > 0 && hostList[0].deviceName"
:title="`${hostList[0].deviceName}性能`" @click="goHostDetail(hostList[0], true)"></div> :title="`${hostList[0].deviceName}性能`" @click="goHostDetail(hostList[0], true)"></div>
<div class="hostLoad1" v-if="hostListRunClass(1) && hostLoadData(1)"> <div class="hostLoad1" v-if="hostListRunClass(5) && hostLoadData(5)">
{{ hostLoad1 }}% {{ hostLoad5 }}%
</div> </div>
<div class="water-flow1"> <div class="water-flow1">
<div class="water-flow-li"> <div class="water-flow-li">
<span>1#冷却水流:</span> <span>1#冷却水流:</span>
<span v-if="hostCoolingWaterFlowClass(1)">接通</span> <span v-if="hostCoolingWaterFlowClass(5)">接通</span>
<span v-else>断开</span> <span v-else>断开</span>
<span class="break" :class="{ connect: hostCoolingWaterFlowClass(1) }"></span> <span class="break" :class="{ connect: hostCoolingWaterFlowClass(5) }"></span>
</div> </div>
<div class="water-flow-li"> <div class="water-flow-li">
<span>1#冷冻水流:</span> <span>1#冷冻水流:</span>
<span v-if="hostFreezeWaterFlowClass(1)">接通</span> <span v-if="hostFreezeWaterFlowClass(5)">接通</span>
<span v-else>断开</span> <span v-else>断开</span>
<span class="break" :class="{ connect: hostFreezeWaterFlowClass(1) }"></span> <span class="break" :class="{ connect: hostFreezeWaterFlowClass(5) }"></span>
</div> </div>
</div> </div>
<line-children :angle1="-0" :angle2="-30" :lineWidth1="190" :lineWidth2="250" class="host-line1"></line-children> <line-children :angle1="-0" :angle2="-30" :lineWidth1="190" :lineWidth2="250" class="host-line1"></line-children>
@ -375,7 +375,7 @@ export default {
oneKeyButtonId: "", oneKeyButtonId: "",
// 主机负载 // 主机负载
hostLoad1: "", hostLoad5: "",
hostLoad2: "", hostLoad2: "",
hostLoad3: "", hostLoad3: "",
// 主机设定温度 // 主机设定温度
@ -480,7 +480,6 @@ export default {
this.getPerformance(); this.getPerformance();
this.getOneKeyButton(); this.getOneKeyButton();
this.getMonitorList(); this.getMonitorList();
this.getSteamHeatingData();
this.getAlarnStatus(); this.getAlarnStatus();
this.getDayData(); this.getDayData();
@ -491,7 +490,6 @@ export default {
// this.getPerformance(); // this.getPerformance();
// this.getOneKeyButton(); // this.getOneKeyButton();
// this.getMonitorList(); // this.getMonitorList();
// this.getSteamHeatingData();
// this.getAlarnStatus(); // this.getAlarnStatus();
// this.getDayData(); // this.getDayData();
}, 10000); }, 10000);
@ -871,54 +869,6 @@ export default {
} }
}); });
}, },
// 获取蒸汽锅炉运行监测数据
getSteamHeatingData() {
monitorList({ systemType: 3 }).then((res) => {
if (res.code === 200) {
console.log("设备监测列表返回", res);
// 初始化各个设备列表
this.steamHeatingHzAndRun = []; //频率和运行状态
this.steamHeatingFire = []; //热水锅炉火力
this.steamHeatingTem = []; //热量计供回水温度
res.rows.forEach((row) => {
switch (row.name) {
case "11":
this.steamHeatingHzAndRun = this.processDeviceList(row.values);
console.log(
"裙蒸汽锅炉频率和运行状态",
this.steamHeatingHzAndRun
);
break;
case "25":
this.steamHeatingFire = this.processDeviceList(row.values);
console.log("裙蒸汽锅炉火力", this.steamHeatingFire);
break;
case "6":
this.steamHeatingTem = row.values;
console.log("裙蒸汽锅炉热量计供回水温度", this.steamHeatingTem);
this.steamHeatingTem.forEach((element) => {
if (
element.collectName.includes("回水温度") &&
element.paramType == "12"
) {
this.steamHeatingInTem = element.collectValue;
}
if (
element.collectName.includes("供水温度") &&
element.paramType == "12"
) {
this.steamHeatingOutTem = element.collectValue;
}
});
break;
default:
break;
}
});
}
});
},
// 封装一个通用函数来处理设备列表 // 封装一个通用函数来处理设备列表
processDeviceList(values) { processDeviceList(values) {
const deviceList = []; const deviceList = [];
@ -1749,20 +1699,20 @@ export default {
return false; return false;
} }
this.freezingManifold.forEach((item) => { this.freezingManifold.forEach((item) => {
if (item.collectName === "冷冻供水温度") { if (item.collectName.includes("冷冻供水温度")) {
this.freezingOutTem = item.collectValue; this.freezingOutTem = item.collectValue;
console.log("item.collectName", item.collectName); console.log("item.collectName", item.collectName);
} else if (item.collectName === "冷冻回水温度") { } else if (item.collectName.includes("冷冻回水温度")) {
this.freezingInTem = item.collectValue; this.freezingInTem = item.collectValue;
} else if (item.collectName === "冷冻供水压力") { } else if (item.collectName.includes("冷冻供水压力")) {
this.freezingOutPre = item.collectValue; this.freezingOutPre = item.collectValue;
} else if (item.collectName === "冷冻回水压力") { } else if (item.collectName.includes("冷冻回水压力")) {
this.freezingInPre = item.collectValue; this.freezingInPre = item.collectValue;
} else if (item.collectName === "冷却供水温度") { } else if (item.collectName.includes("冷却水出水温度")) {
this.coolingOutTem = item.collectValue; this.coolingOutTem = item.collectValue;
} else if (item.collectName === "冷却回水温度") { } else if (item.collectName.includes("冷却水进水温度")) {
this.coolingInTem = item.collectValue; this.coolingInTem = item.collectValue;
} else if (item.collectName === "总冷量计瞬时流量") { } else if (item.collectName.includes("瞬时流量")) {
this.freezingOutWater = item.collectValue; this.freezingOutWater = item.collectValue;
} }
}); });
@ -3077,8 +3027,8 @@ export default {
.hostStatus1 { .hostStatus1 {
z-index: 10; z-index: 10;
position: absolute; position: absolute;
top: 5.9rem; top: 5.3rem;
left: 3.8rem; left: 7.3rem;
width: 0.18rem; width: 0.18rem;
height: 0.18rem; height: 0.18rem;
border-radius: 50%; border-radius: 50%;

Write Preview
Loading…
Cancel
Save