fix:新风主机对接
This commit is contained in:
@@ -3,5 +3,5 @@ import { BASE_URL } from './index';
|
||||
export enum airConditioningSystemApi {
|
||||
getVentHostCtrlList = `${BASE_URL}/api/ventHostCtrl/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-value">
|
||||
<span style="color: #00ffd2">{{ item.temp }}{{ item.tempUnit }}</span>
|
||||
<span style="color: #00ffd2"
|
||||
>{{ item.currentTemp }}{{ item.currentTempUnit }}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-bottom-item-line">
|
||||
|
@@ -28,10 +28,45 @@ export const airConditioningPosition = [
|
||||
];
|
||||
//地暖
|
||||
export const floorHeatingPosition = [
|
||||
{ styleText: { left: '13%', bottom: '44%' }, lineType: '' },
|
||||
{ styleText: { left: '22%', bottom: '48%' }, lineType: 1 },
|
||||
{ styleText: { left: '34%', bottom: '53%' }, lineType: 1 },
|
||||
{ styleText: { left: '49%', bottom: '59%' }, lineType: 1 },
|
||||
{
|
||||
styleText: {
|
||||
left: '13%',
|
||||
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: '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="{ left: item.styleText.left, bottom: item.styleText.bottom }"
|
||||
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>
|
||||
</div>
|
||||
<!-- 地暖详情 -->
|
||||
@@ -511,7 +522,6 @@
|
||||
siteId: state.siteId,
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res, '地暖');
|
||||
if (res.msg === 'success') {
|
||||
res.data.forEach((item: any, index: number) => {
|
||||
floorHeatingData.value.push({
|
||||
@@ -538,12 +548,12 @@
|
||||
getTempSysCtrlList();
|
||||
};
|
||||
//实时获取数据 暂定一分钟
|
||||
const intervalId = setInterval(fetchData, 60000);
|
||||
// const intervalId = setInterval(fetchData, 60000);
|
||||
onMounted(() => {
|
||||
fetchData();
|
||||
});
|
||||
onUnmounted(() => {
|
||||
clearInterval(intervalId);
|
||||
// clearInterval(intervalId);
|
||||
});
|
||||
</script>
|
||||
<style lang="less">
|
||||
@@ -675,4 +685,11 @@
|
||||
opacity: 0; /* 结束时完全透明 */
|
||||
}
|
||||
}
|
||||
.shape {
|
||||
background-color: #36d792;
|
||||
transform: rotateX(23deg) rotateZ(-13deg) skew(17deg) rotateY(-7deg);
|
||||
position: absolute;
|
||||
perspective: 900px;
|
||||
perspective-origin: 900px -120px;
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user