fix:新风主机对接
This commit is contained in:
@@ -3,5 +3,5 @@ import { BASE_URL } from './index';
|
|||||||
export enum airConditioningSystemApi {
|
export enum airConditioningSystemApi {
|
||||||
getVentHostCtrlList = `${BASE_URL}/api/ventHostCtrl/getDeviceState`, // 查询新风主机最新状态
|
getVentHostCtrlList = `${BASE_URL}/api/ventHostCtrl/getDeviceState`, // 查询新风主机最新状态
|
||||||
getAcBoxCtrlList = `${BASE_URL}/api/acBoxCtrl/getDeviceState`, // 查询空调箱最新状态
|
getAcBoxCtrlList = `${BASE_URL}/api/acBoxCtrl/getDeviceState`, // 查询空调箱最新状态
|
||||||
getTempSysCtrlList = `${BASE_URL}/tempSysCtrl/getFloorHeatingState`, // 查询地暖最新状态
|
getTempSysCtrlList = `${BASE_URL}/api/tempSysCtrl/getFloorHeatingState`, // 查询地暖最新状态
|
||||||
}
|
}
|
||||||
|
@@ -16,7 +16,9 @@
|
|||||||
<div class="box-bottom-item-line">
|
<div class="box-bottom-item-line">
|
||||||
温度
|
温度
|
||||||
<div class="box-bottom-item-line-value">
|
<div class="box-bottom-item-line-value">
|
||||||
<span style="color: #00ffd2">{{ item.temp }}{{ item.tempUnit }}</span>
|
<span style="color: #00ffd2"
|
||||||
|
>{{ item.currentTemp }}{{ item.currentTempUnit }}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-bottom-item-line">
|
<div class="box-bottom-item-line">
|
||||||
|
@@ -28,10 +28,45 @@ export const airConditioningPosition = [
|
|||||||
];
|
];
|
||||||
//地暖
|
//地暖
|
||||||
export const floorHeatingPosition = [
|
export const floorHeatingPosition = [
|
||||||
{ styleText: { left: '13%', bottom: '44%' }, lineType: '' },
|
{
|
||||||
{ styleText: { left: '22%', bottom: '48%' }, lineType: 1 },
|
styleText: {
|
||||||
{ styleText: { left: '34%', bottom: '53%' }, lineType: 1 },
|
left: '13%',
|
||||||
{ styleText: { left: '49%', bottom: '59%' }, lineType: 1 },
|
bottom: '44%',
|
||||||
|
width: '150px',
|
||||||
|
height: '255px',
|
||||||
|
lineLeft: '220px',
|
||||||
|
lineBottom: '110px',
|
||||||
|
color: 'rgba(209, 191, 162,0.5)',
|
||||||
|
},
|
||||||
|
lineType: '',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
styleText: {
|
||||||
|
left: '21%',
|
||||||
|
bottom: '48%',
|
||||||
|
width: '130px',
|
||||||
|
height: '325px',
|
||||||
|
lineLeft: '370px',
|
||||||
|
lineBottom: '110px',
|
||||||
|
color: 'rgba(214, 224, 153,0.5)',
|
||||||
|
transform: 'rotateX(43deg) rotateZ(-19deg) skew(12deg) rotateY(-1deg)',
|
||||||
|
},
|
||||||
|
lineType: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
styleText: {
|
||||||
|
left: '34.5%',
|
||||||
|
bottom: '53.5%',
|
||||||
|
width: '350px',
|
||||||
|
height: '300px',
|
||||||
|
lineLeft: '492px',
|
||||||
|
lineBottom: '190px',
|
||||||
|
color: 'rgba(196, 180, 228,0.5)',
|
||||||
|
transform: 'rotateX(44deg) rotateZ(-20deg) skew(12deg) rotateY(0deg)',
|
||||||
|
},
|
||||||
|
lineType: 1,
|
||||||
|
},
|
||||||
|
{ styleText: { left: '47.5%', bottom: '60.3%' }, lineType: 1 },
|
||||||
{ styleText: { left: '60.5%', bottom: '65.5%' }, lineType: 1 },
|
{ styleText: { left: '60.5%', bottom: '65.5%' }, lineType: 1 },
|
||||||
{ styleText: { left: '72%', bottom: '72%' }, lineType: 1 },
|
{ styleText: { left: '73%', bottom: '72%' }, lineType: 1 },
|
||||||
];
|
];
|
||||||
|
@@ -149,6 +149,17 @@
|
|||||||
style="width: 42px; height: 42px; position: absolute; z-index: 1"
|
style="width: 42px; height: 42px; position: absolute; z-index: 1"
|
||||||
:style="{ left: item.styleText.left, bottom: item.styleText.bottom }"
|
:style="{ left: item.styleText.left, bottom: item.styleText.bottom }"
|
||||||
src="../image/airConditioningSystem/floorHeatingIcon.png" />
|
src="../image/airConditioningSystem/floorHeatingIcon.png" />
|
||||||
|
<div
|
||||||
|
class="shape"
|
||||||
|
:style="{
|
||||||
|
width: item.styleText.width,
|
||||||
|
height: item.styleText.height,
|
||||||
|
background: item.styleText.color,
|
||||||
|
left: item.styleText.lineLeft,
|
||||||
|
bottom: item.styleText.lineBottom,
|
||||||
|
transform: item.styleText.transform,
|
||||||
|
}">
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<!-- 地暖详情 -->
|
<!-- 地暖详情 -->
|
||||||
@@ -511,7 +522,6 @@
|
|||||||
siteId: state.siteId,
|
siteId: state.siteId,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log(res, '地暖');
|
|
||||||
if (res.msg === 'success') {
|
if (res.msg === 'success') {
|
||||||
res.data.forEach((item: any, index: number) => {
|
res.data.forEach((item: any, index: number) => {
|
||||||
floorHeatingData.value.push({
|
floorHeatingData.value.push({
|
||||||
@@ -538,12 +548,12 @@
|
|||||||
getTempSysCtrlList();
|
getTempSysCtrlList();
|
||||||
};
|
};
|
||||||
//实时获取数据 暂定一分钟
|
//实时获取数据 暂定一分钟
|
||||||
const intervalId = setInterval(fetchData, 60000);
|
// const intervalId = setInterval(fetchData, 60000);
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
fetchData();
|
fetchData();
|
||||||
});
|
});
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
clearInterval(intervalId);
|
// clearInterval(intervalId);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
@@ -675,4 +685,11 @@
|
|||||||
opacity: 0; /* 结束时完全透明 */
|
opacity: 0; /* 结束时完全透明 */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.shape {
|
||||||
|
background-color: #36d792;
|
||||||
|
transform: rotateX(23deg) rotateZ(-13deg) skew(17deg) rotateY(-7deg);
|
||||||
|
position: absolute;
|
||||||
|
perspective: 900px;
|
||||||
|
perspective-origin: 900px -120px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Reference in New Issue
Block a user