fix:冷热源对接接口 直接展示图片
This commit is contained in:
zhaohy
@@ -16,10 +16,10 @@
|
||||
<div style="width: 100%; height: 20px; color: rgb(128, 255, 255)">
|
||||
{{ item.deviceInfoName }}
|
||||
</div>
|
||||
<div style="width: 100%; height: 20px">
|
||||
<div v-if="item.autoStatus" style="width: 100%; height: 20px">
|
||||
模式: <span style="color: #fff">{{ item.autoStatus.label }}</span>
|
||||
</div>
|
||||
<div style="width: 100%; height: 20px">
|
||||
<div v-if="item.temp" style="width: 100%; height: 20px">
|
||||
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
</div>
|
||||
<img
|
||||
@@ -117,10 +117,10 @@
|
||||
<div style="width: 100%; height: 20px; color: rgb(128, 255, 255); z-index: 2">
|
||||
{{ item.deviceInfoName }}
|
||||
</div>
|
||||
<div style="width: 100%; height: 20px">
|
||||
<div v-if="item.autoStatus" style="width: 100%; height: 20px">
|
||||
模式: <span style="color: #fff">{{ item.autoStatus.label }}</span>
|
||||
</div>
|
||||
<div style="width: 100%; height: 20px">
|
||||
<div v-if="item.temp" style="width: 100%; height: 20px">
|
||||
设定温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -170,10 +170,10 @@
|
||||
<div style="width: 100%; height: 20px; color: rgb(128, 255, 255); margin-top: 20px">
|
||||
{{ item.deviceInfoName }}
|
||||
</div>
|
||||
<div style="width: 100%; height: 20px">
|
||||
<div v-if="item.temp" style="width: 100%; height: 20px">
|
||||
出水温度: <span style="color: #fff">{{ item.temp }} {{ item.tempUnit }}</span>
|
||||
</div>
|
||||
<div style="width: 100%; height: 20px">
|
||||
<div v-if="item.temp" style="width: 100%; height: 20px">
|
||||
容量: <span style="color: #fff">{{ item.vol }} {{ item.volUnit }}</span>
|
||||
</div>
|
||||
<img
|
||||
@@ -193,13 +193,14 @@
|
||||
"
|
||||
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
|
||||
<a-switch
|
||||
:checked="item.switchStatus.value === 1 ? true : false"
|
||||
v-if="item.switchStatus"
|
||||
:checked="item?.switchStatus?.value === 1 ? true : false"
|
||||
size="small"
|
||||
:disabled="true"
|
||||
style="position: absolute; left: 30px; bottom: 0px; z-index: 2"
|
||||
:class="{
|
||||
'blue-background': item.switchStatus.value === 1 ? true : false,
|
||||
'grey-background': item.switchStatus.value === 1 ? false : true,
|
||||
'blue-background': item?.switchStatus?.value === 1 ? true : false,
|
||||
'grey-background': item?.switchStatus?.value === 1 ? false : true,
|
||||
}" />
|
||||
<img
|
||||
style="
|
||||
@@ -360,6 +361,7 @@
|
||||
"
|
||||
:style="{ left: item.style.mLeft, bottom: item.style.mBottom }">
|
||||
<a-switch
|
||||
v-if="item.switchStatus"
|
||||
:checked="item.switchStatus.value === 1 ? true : false"
|
||||
size="small"
|
||||
:disabled="true"
|
||||
@@ -877,9 +879,53 @@
|
||||
},
|
||||
},
|
||||
]);
|
||||
const airSourceThermalCollapse = ref([]);
|
||||
const airSourceThermalCollapse = ref([
|
||||
{
|
||||
style: {
|
||||
mLeft: '17%',
|
||||
mBottom: '54%',
|
||||
},
|
||||
url: airSourceThermalCollapseSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '24%',
|
||||
mBottom: '59%',
|
||||
},
|
||||
url: airSourceThermalCollapseSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '31%',
|
||||
mBottom: '66%',
|
||||
},
|
||||
url: airSourceThermalCollapseSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '38%',
|
||||
mBottom: '73%',
|
||||
},
|
||||
url: airSourceThermalCollapseSrc,
|
||||
},
|
||||
]);
|
||||
//螺杆式地源热泵
|
||||
const screwGeothermalHeatPump = ref([]);
|
||||
const screwGeothermalHeatPump = ref([
|
||||
{
|
||||
style: {
|
||||
mLeft: '9.5%',
|
||||
mBottom: '22.5%',
|
||||
},
|
||||
url: screwGeothermalHeatPumpSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '18.5%',
|
||||
mBottom: '31.5%',
|
||||
},
|
||||
url: screwGeothermalHeatPumpSrc,
|
||||
},
|
||||
]);
|
||||
//稀冷泵
|
||||
const diluteCoolingPump = ref([
|
||||
{
|
||||
@@ -892,11 +938,63 @@
|
||||
},
|
||||
]);
|
||||
//冷热水双蓄储能罐
|
||||
const coldWater = ref([]);
|
||||
const coldWater = ref([
|
||||
{
|
||||
url: coldWaterSrc,
|
||||
style: {
|
||||
mLeft: '36%',
|
||||
mBottom: '39%',
|
||||
},
|
||||
},
|
||||
]);
|
||||
//用户水泵
|
||||
const userWaterPump = ref([]);
|
||||
const userWaterPump = ref([
|
||||
{
|
||||
url: waterPumpSrc,
|
||||
style: {
|
||||
mLeft: '50%',
|
||||
mBottom: '55.5%',
|
||||
},
|
||||
},
|
||||
{
|
||||
url: waterPumpSrc,
|
||||
style: {
|
||||
mLeft: '55%',
|
||||
mBottom: '51%',
|
||||
},
|
||||
},
|
||||
{
|
||||
url: waterPumpSrc,
|
||||
style: {
|
||||
mLeft: '59%',
|
||||
mBottom: '47%',
|
||||
},
|
||||
},
|
||||
]);
|
||||
//地源水泵
|
||||
const waterPump = ref([]);
|
||||
const waterPump = ref([
|
||||
{
|
||||
style: {
|
||||
mLeft: '65%',
|
||||
mBottom: '41%',
|
||||
},
|
||||
url: waterPumpSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '70%',
|
||||
mBottom: '36%',
|
||||
},
|
||||
url: waterPumpSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '75%',
|
||||
mBottom: '31%',
|
||||
},
|
||||
url: waterPumpSrc,
|
||||
},
|
||||
]);
|
||||
// 定压补水装置
|
||||
const pressureWater = ref([
|
||||
{
|
||||
@@ -911,13 +1009,66 @@
|
||||
},
|
||||
]);
|
||||
//水泵 - 螺杆式 传感器
|
||||
const waterSensor = ref([]);
|
||||
const waterSensor = ref([
|
||||
{
|
||||
url: sensorSrc,
|
||||
style: {
|
||||
mLeft: '9%',
|
||||
mBottom: '27%',
|
||||
},
|
||||
},
|
||||
]);
|
||||
//集水器 传感器
|
||||
const manifoldSensor = ref([]);
|
||||
const manifoldSensor = ref([
|
||||
{
|
||||
url: sensorSrc,
|
||||
style: {
|
||||
mLeft: '81%',
|
||||
mBottom: '51%',
|
||||
},
|
||||
},
|
||||
]);
|
||||
//土壤 传感器
|
||||
const soilCouplerSensor = ref([]);
|
||||
const soilCouplerSensor = ref([
|
||||
{
|
||||
url: sensorSrc,
|
||||
style: {
|
||||
mLeft: '79%',
|
||||
mBottom: '13%',
|
||||
},
|
||||
},
|
||||
]);
|
||||
//空气源 - 传感器
|
||||
const airSourceSensor = ref([]);
|
||||
const airSourceSensor = ref([
|
||||
{
|
||||
style: {
|
||||
mLeft: '26.5%',
|
||||
mBottom: '34%',
|
||||
},
|
||||
url: sensorSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '32.5%',
|
||||
mBottom: '39%',
|
||||
},
|
||||
url: sensorSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '38.5%',
|
||||
mBottom: '44.5%',
|
||||
},
|
||||
url: sensorSrc,
|
||||
},
|
||||
{
|
||||
style: {
|
||||
mLeft: '47.5%',
|
||||
mBottom: '52.5%',
|
||||
},
|
||||
url: sensorSrc,
|
||||
},
|
||||
]);
|
||||
//箭头
|
||||
const arrow = ref([
|
||||
{
|
||||
@@ -965,12 +1116,12 @@
|
||||
.then((res) => {
|
||||
if (res.msg === 'success') {
|
||||
res.data.forEach((item: any, index: any) => {
|
||||
userWaterPump.value.push({
|
||||
userWaterPump.value[index] = {
|
||||
deviceInfoName: item.deviceInfoName,
|
||||
...item.record,
|
||||
url: waterPumpSrc,
|
||||
style: userWaterPumpPosition[index].style,
|
||||
});
|
||||
};
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -986,12 +1137,12 @@
|
||||
.then((res) => {
|
||||
if (res.msg === 'success') {
|
||||
res.data.forEach((item: any, index: any) => {
|
||||
waterPump.value.push({
|
||||
waterPump.value[index] = {
|
||||
deviceInfoName: item.deviceInfoName,
|
||||
...item.record,
|
||||
url: waterPumpSrc,
|
||||
style: waterPumpPosition[index].style,
|
||||
});
|
||||
};
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -1008,12 +1159,12 @@
|
||||
.then((res) => {
|
||||
if (res.msg === 'success') {
|
||||
res.data.forEach((item: any, index: any) => {
|
||||
airSourceThermalCollapse.value.push({
|
||||
airSourceThermalCollapse.value[index] = {
|
||||
deviceInfoName: item.deviceInfoName,
|
||||
...item.record,
|
||||
url: airSourceThermalCollapseSrc,
|
||||
style: airSourceThermalCollapsePosition[index].style,
|
||||
});
|
||||
};
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -1029,12 +1180,12 @@
|
||||
.then((res) => {
|
||||
if (res.msg === 'success') {
|
||||
res.data.forEach((item: any, index: any) => {
|
||||
screwGeothermalHeatPump.value.push({
|
||||
screwGeothermalHeatPump.value[index] = {
|
||||
deviceInfoName: item.deviceInfoName,
|
||||
...item.record,
|
||||
url: screwGeothermalHeatPumpSrc,
|
||||
style: screwGeothermalHeatPumpPosition[index].style,
|
||||
});
|
||||
};
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -1050,24 +1201,16 @@
|
||||
.then((res) => {
|
||||
if (res.msg === 'success') {
|
||||
res.data.forEach((item: any) => {
|
||||
coldWater.value.push({
|
||||
coldWater.value[0] = {
|
||||
deviceInfoName: item.deviceInfoName,
|
||||
...item.record,
|
||||
url: coldWaterSrc,
|
||||
style: {
|
||||
mLeft: '36%',
|
||||
mBottom: '39%',
|
||||
},
|
||||
});
|
||||
};
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
//获取多功能传感器
|
||||
const getSensorData = () => {
|
||||
waterSensor.value = [];
|
||||
airSourceSensor.value = [];
|
||||
manifoldSensor.value = [];
|
||||
http
|
||||
.get(ventilating.getSensorData, {
|
||||
projectId: state.projectId,
|
||||
@@ -1078,17 +1221,17 @@
|
||||
if (res.msg === 'success') {
|
||||
res.data.forEach((item: any, index: any) => {
|
||||
if (index < 4) {
|
||||
airSourceSensor.value.push({
|
||||
airSourceSensor.value[index] = {
|
||||
deviceInfoName: item.deviceInfoName,
|
||||
...item.record,
|
||||
url: sensorSrc,
|
||||
style: airSourceSensorPosition[index].style,
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
// 水泵传感器
|
||||
let data = res.data[Math.floor(Math.random() * res.data.length)];
|
||||
waterSensor.value.push({
|
||||
waterSensor.value[0] = {
|
||||
deviceInfoName: data.deviceInfoName,
|
||||
...data.record,
|
||||
url: sensorSrc,
|
||||
@@ -1096,10 +1239,10 @@
|
||||
mLeft: '9%',
|
||||
mBottom: '27%',
|
||||
},
|
||||
});
|
||||
};
|
||||
// 集水器 -传感器
|
||||
data = res.data[Math.floor(Math.random() * res.data.length)];
|
||||
manifoldSensor.value.push({
|
||||
manifoldSensor.value[0] = {
|
||||
deviceInfoName: data.deviceInfoName,
|
||||
...data.record,
|
||||
url: sensorSrc,
|
||||
@@ -1107,10 +1250,10 @@
|
||||
mLeft: '81%',
|
||||
mBottom: '51%',
|
||||
},
|
||||
});
|
||||
};
|
||||
// 土壤 -传感器
|
||||
data = res.data[Math.floor(Math.random() * res.data.length)];
|
||||
soilCouplerSensor.value.push({
|
||||
soilCouplerSensor.value[0] = {
|
||||
deviceInfoName: data.deviceInfoName,
|
||||
...data.record,
|
||||
url: sensorSrc,
|
||||
@@ -1118,7 +1261,7 @@
|
||||
mLeft: '79%',
|
||||
mBottom: '13%',
|
||||
},
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user