Browse Source

fix:新风主机对接

temp
zhaohy 4 weeks ago
parent
commit
49010d1437
  1. 2
      hx-ai-intelligent/src/api/airConditioningSystem.ts
  2. 4
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/floorHeatingModel.vue
  3. 45
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts
  4. 23
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue

2
hx-ai-intelligent/src/api/airConditioningSystem.ts

@ -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`, // 查询地暖最新状态
} }

4
hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/floorHeatingModel.vue

@ -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">

45
hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts

@ -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 },
]; ];

23
hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue

@ -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>

Loading…
Cancel
Save