Browse Source

fix:按照ui修改新风系统

temp
zhaohy 2 months ago
parent
commit
cd112d5981
  1. 60
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/conditioningModel.vue
  2. 2
      hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/floorHeatingModel.vue

60
hx-ai-intelligent/src/view/equipmentControl/airConditioningSystem/components/conditioningModel.vue

@ -1,21 +1,25 @@
<template>
<div style="width: 100%; height: 100%; overflow: hidden">
<div class="box-title title">
<span style="margin-left: 12px">空调箱组</span>
<span style="margin-left: 12px; font-size: 14px; font-weight: 700">空调箱组</span>
</div>
<div class="box-center">
<template v-if="!showAllButtons">
<template v-for="(item, index) in dataSource.slice(0, 3)" :key="index">
<div style="width: 97.3px; height: 39px; background-color: #aaaaaa; padding: 1px">
<div
class="box-center-button"
:style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
</div>
<div
class="box-center-button"
:style="{
background:
item.title === selectConditioning.title
? ' linear-gradient(180deg, rgba(201, 245, 255, 1) 0%, rgba(138, 215, 255, 1) 100%)'
: '#3a3e46',
color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
fontWeight: item.title === selectConditioning.title ? '700' : '400',
border:
item.title === selectConditioning.title ? '1px solid rgba(255, 255, 255, 1)' : '',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
</div>
</template>
<div style="width: 100%; height: 20px">
@ -24,16 +28,20 @@
</template>
<template v-else>
<template v-for="(item, index) in dataSource" :key="index">
<div style="width: 94px; height: 39px; background-color: #aaaaaa; padding: 1px">
<div
class="box-center-button"
:style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
</div>
<div
class="box-center-button"
:style="{
background:
item.title === selectConditioning.title
? ' linear-gradient(180deg, rgba(201, 245, 255, 1) 0%, rgba(138, 215, 255, 1) 100%)'
: '#3a3e46',
color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
fontWeight: item.title === selectConditioning.title ? '700' : '400',
border:
item.title === selectConditioning.title ? '1px solid rgba(255, 255, 255, 1)' : '',
}"
@click="selectConditioningData(item, index)">
{{ item.title }}
</div>
</template>
<div style="width: 100%; height: 20px">
@ -178,14 +186,12 @@
flex-wrap: wrap;
gap: 10px;
.box-center-button {
width: 100%;
height: 100%;
width: 97.3px;
height: 40px;
// background-color: #b5cdd9;
background-image: url(../../image/airConditioningSystem/buttonBg.svg);
background-size: 100%;
background-repeat: no-repeat;
border-radius: 4px; /* 圆角半径 */
font-size: 14px;
text-align: center;
border-radius: 4px;
line-height: 40px;
cursor: pointer;
}

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

@ -1,7 +1,7 @@
<template>
<div style="width: 100%; height: 100%">
<div class="box-title title">
<span style="margin-left: 12px">地暖</span>
<span style="margin-left: 12px; font-weight: 700">地暖</span>
</div>
<div class="box-bottom">
<template v-for="(item, index) in dataSource" :key="index">

Loading…
Cancel
Save