|
|
@ -28,7 +28,7 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
<!-- 人头 --> |
|
|
|
<!-- 人数 --> |
|
|
|
<div v-if="selectIndex === 1"> |
|
|
|
<template v-for="(item, index) in peopleData" :key="index"> |
|
|
|
<div |
|
|
@ -38,6 +38,28 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
<!-- 新风主机 --> |
|
|
|
<div v-if="selectIndex === 2"> |
|
|
|
<template v-for="(item, index) in newTrend" :key="index"> |
|
|
|
<img |
|
|
|
style=" |
|
|
|
width: 50px; |
|
|
|
height: 75px; |
|
|
|
position: absolute; |
|
|
|
transform: rotateY(180deg); |
|
|
|
z-index: 1; |
|
|
|
" |
|
|
|
:style="{ |
|
|
|
left: 'calc(' + item.styleText.left + ' - 1.5%)', |
|
|
|
bottom: 'calc(' + item.styleText.bottom + ' + 4%)', |
|
|
|
}" |
|
|
|
src="../image/liftState/lift/line.png" /> |
|
|
|
<img |
|
|
|
style="width: 42px; height: 42px; position: absolute" |
|
|
|
:style="{ left: item.styleText.left, bottom: item.styleText.bottom }" |
|
|
|
src="../image/airConditioningSystem/fan.png" /> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
@ -195,6 +217,37 @@ |
|
|
|
url: people, |
|
|
|
}, |
|
|
|
]); |
|
|
|
//新风主机 |
|
|
|
const newTrend = ref([ |
|
|
|
{ |
|
|
|
title: 'D区新风主机', |
|
|
|
styleText: { left: '43%', bottom: '44%' }, |
|
|
|
type: '新风主机', |
|
|
|
unit: '℃', |
|
|
|
number: 20, |
|
|
|
url: freshAir, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'C区新风主机', |
|
|
|
styleText: { left: '45%', bottom: '23%' }, |
|
|
|
type: '新风主机', |
|
|
|
unit: '℃', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'background-size区新风主机', |
|
|
|
styleText: { left: '61.5%', bottom: '54%' }, |
|
|
|
type: '新风主机', |
|
|
|
unit: '℃', |
|
|
|
number: 20, |
|
|
|
url: freshAir, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'A区新风主机', |
|
|
|
styleText: { left: '63%', bottom: '36%' }, |
|
|
|
type: '新风主机', |
|
|
|
unit: '℃', |
|
|
|
}, |
|
|
|
]); |
|
|
|
// 选择的图例 |
|
|
|
const selectIndex = ref(0); |
|
|
|
const selectLegend = (item: any, index: any) => { |
|
|
|