xuziqiang
/
SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix:新风系统范围

temp
zhaohy 3 months ago
parent
32706e348e
commit
2524367eb5
3 changed files with 74 additions and 22 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/conditioningModel.vue
  2. 71
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts
  3. 23
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/index.vue

2
hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/conditioningModel.vue
View File

@ -11,6 +11,7 @@
class="box-center-button" class="box-center-button"
:style="{ :style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9', backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
}" }"
@click="selectConditioningData(item, index)"> @click="selectConditioningData(item, index)">
{{ item.title }} {{ item.title }}
@ -28,6 +29,7 @@
class="box-center-button" class="box-center-button"
:style="{ :style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9', backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
}" }"
@click="selectConditioningData(item, index)"> @click="selectConditioningData(item, index)">
{{ item.title }} {{ item.title }}

71
hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/devicePosition.ts
View File

@ -19,7 +19,13 @@ export const newTrendPosition = [
//空调箱 //空调箱
export const airConditioningPosition = [ export const airConditioningPosition = [
{ {
styleText: { left: '13%', bottom: '30%', width: '120px', color: 'rgba(165, 209, 123, 0.5)' }, styleText: {
left: '13%',
bottom: '30%',
width: '120px',
color: 'rgba(96, 241, 125, 0.2)',
border: '1px solid rgba(96, 241, 125, 1)',
},
lineType: 1, lineType: 1,
}, },
{ {
@ -28,7 +34,8 @@ export const airConditioningPosition = [
bottom: '38%', bottom: '38%',
mLeft: '120px', mLeft: '120px',
width: '100px', width: '100px',
color: 'rgba(217, 223, 179, 0.5)', color: 'rgba(249, 214, 76, 0.2)',
border: '1px solid rgba(249, 214, 76, 1)',
}, },
lineType: 1, lineType: 1,
}, },
@ -37,17 +44,44 @@ export const airConditioningPosition = [
left: '41%', left: '41%',
bottom: '55.5%', bottom: '55.5%',
width: '300px', width: '300px',
height: '150px', height: '160px',
color: 'rgba(168, 226, 233, 0.5)', color: 'rgba(38, 255, 255, 0.2)',
border: '1px solid rgba(38, 255, 255, 1)',
},
lineType: 1,
},
{
styleText: {
left: '60%',
bottom: '63%',
width: '315px',
height: '180px',
color: 'rgba(255, 118, 54, 0.2)',
border: '1px solid rgba(255, 118, 54, 1)',
},
lineType: 1,
},
{
styleText: {
left: '76%',
bottom: '63%',
width: '90px',
color: 'rgba(92, 77, 245, 0.2)',
border: '1px solid rgba(92, 77, 245, 1)',
}, },
lineType: 1, lineType: 1,
}, },
{ styleText: { left: '60%', bottom: '63%' }, lineType: 1 },
{ styleText: { left: '76%', bottom: '63%' }, lineType: 1 },
{ {
styleText: { styleText: {
left: '71%', left: '71%',
bottom: '48%', bottom: '48%',
width: '315px',
height: '120px',
color: 'rgba(103, 255, 0, 0.2)',
border: '1px solid rgba(103, 255, 0, 1)',
position: 'absolute',
top: '185px',
abLeft: '650px',
}, },
lineType: '', lineType: '',
}, },
@ -57,8 +91,11 @@ export const airConditioningPosition = [
bottom: '32%', bottom: '32%',
width: '300px', width: '300px',
height: '150px', height: '150px',
mTop: '150px', color: 'rgba(220, 67, 46, 0.2)',
color: 'rgba(168, 226, 233, 0.5)', border: '1px solid rgba(220, 67, 46, 1)',
position: 'absolute',
top: '163px',
abLeft: '343px',
}, },
lineType: '', lineType: '',
}, },
@ -70,7 +107,8 @@ export const floorHeatingPosition = [
left: '13.4%', left: '13.4%',
bottom: '44%', bottom: '44%',
width: '120px', width: '120px',
color: 'rgba(242, 209, 156, 0.5)', color: 'rgba(242, 209, 156, 0.2)',
border: '1px solid rgba(242, 209, 156, 1)',
}, },
lineType: '', lineType: '',
}, },
@ -79,7 +117,8 @@ export const floorHeatingPosition = [
left: '21%', left: '21%',
bottom: '48%', bottom: '48%',
width: '115px', width: '115px',
color: 'rgba(224, 244, 102,0.5)', color: 'rgba(224, 244, 102, 0.2)',
border: '1px solid rgba(224, 244, 102, 1)',
}, },
lineType: 1, lineType: 1,
}, },
@ -88,7 +127,8 @@ export const floorHeatingPosition = [
left: '34.5%', left: '34.5%',
bottom: '53.5%', bottom: '53.5%',
width: '355px', width: '355px',
color: 'rgba(167, 128, 244, 0.5)', color: 'rgba(167, 128, 244, 0.2)',
border: '1px solid rgba(167, 128, 244, 1)',
}, },
lineType: 1, lineType: 1,
}, },
@ -97,7 +137,8 @@ export const floorHeatingPosition = [
left: '47.5%', left: '47.5%',
bottom: '60.3%', bottom: '60.3%',
width: '90px', width: '90px',
color: 'rgba(155, 216, 224, 0.5)', color: 'rgba(155, 216, 224, 0.2)',
border: '1px solid rgba(155, 216, 224, 1)',
}, },
lineType: 1, lineType: 1,
}, },
@ -106,7 +147,8 @@ export const floorHeatingPosition = [
left: '60.5%', left: '60.5%',
bottom: '65.5%', bottom: '65.5%',
width: '350px', width: '350px',
color: 'rgba(222, 111, 141, 0.5)', color: 'rgba(222, 111, 141, 0.2)',
border: '1px solid rgba(222, 111, 141, 1)',
}, },
lineType: 1, lineType: 1,
}, },
@ -115,7 +157,8 @@ export const floorHeatingPosition = [
left: '73%', left: '73%',
bottom: '72%', bottom: '72%',
width: '140px', width: '140px',
color: 'rgba(152, 190, 162, 0.5)', color: 'rgba(152, 190, 162, 0.2)',
border: '1px solid rgba(152, 190, 162, 1)',
}, },
lineType: 1, lineType: 1,
}, },

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

@ -18,7 +18,7 @@
</div> </div>
<div class="map-box"> <div class="map-box">
<!-- 温度 --> <!-- 温度 -->
<div v-if="selectIndex === 1"> <div v-if="selectIndex === 0">
<template v-for="(item, index) in sensorData" :key="index"> <template v-for="(item, index) in sensorData" :key="index">
<div <div
style="position: absolute" style="position: absolute"
@ -76,7 +76,7 @@
<newTrendModel :dataSource="newTrend" /> <newTrendModel :dataSource="newTrend" />
</a-drawer> </a-drawer>
<!-- 空调箱 --> <!-- 空调箱 -->
<div v-if="selectIndex === 0"> <div v-if="selectIndex === 3">
<template v-for="(item, index) in conditioningData" :key="index"> <template v-for="(item, index) in conditioningData" :key="index">
<div <div
style="position: absolute; z-index: 2" style="position: absolute; z-index: 2"
@ -116,7 +116,7 @@
ref="conditioningModels" ref="conditioningModels"
@selectConditioningData="selectConditioningData" /> @selectConditioningData="selectConditioningData" />
</a-drawer> </a-drawer>
<div v-if="selectIndex === 0" class="area"> <div v-if="selectIndex === 3" class="area-air">
<div <div
v-for="(item, index) in airConditioningPosition" v-for="(item, index) in airConditioningPosition"
:key="index" :key="index"
@ -126,7 +126,10 @@
height: item.styleText.height, height: item.styleText.height,
background: item.styleText.color, background: item.styleText.color,
marginLeft: item.styleText.mLeft, marginLeft: item.styleText.mLeft,
marginTop: item.styleText.mTop, position: item.styleText.position,
top: item.styleText.top,
left: item.styleText.abLeft,
border: item.styleText.border,
}"> }">
</div> </div>
</div> </div>
@ -165,12 +168,16 @@
src="../image/airConditioningSystem/floorHeatingIcon.png" /> src="../image/airConditioningSystem/floorHeatingIcon.png" />
</template> </template>
</div> </div>
<div v-if="selectIndex === 4" class="area"> <div v-if="selectIndex === 4" class="area-air">
<div <div
v-for="(item, index) in floorHeatingData" v-for="(item, index) in floorHeatingData"
:key="index" :key="index"
style="display: flex" style="display: flex"
:style="{ width: item.styleText.width, background: item.styleText.color }"> :style="{
width: item.styleText.width,
background: item.styleText.color,
border: item.styleText.border,
}">
</div> </div>
</div> </div>
<!-- 地暖详情 --> <!-- 地暖详情 -->
@ -567,7 +574,7 @@
clearInterval(intervalId); clearInterval(intervalId);
}); });
</script> </script>
<style lang="less" scoped> <style lang="less">
.legend-box { .legend-box {
width: 80px; width: 80px;
height: 100%; height: 100%;
@ -619,7 +626,7 @@
perspective-origin: 900px 43px; perspective-origin: 900px 43px;
} }
.map-box .area { .map-box .area-air {
position: absolute; position: absolute;
bottom: 230px; bottom: 230px;
left: 250px; left: 250px;

Write Preview
Loading…
Cancel
Save