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

fix:按照ui修改新风系统

Browse Source
This commit is contained in:
zhaohy
2024-09-02 14:22:35 +08:00
parent 63a5c3ff0e
commit cd112d5981
2 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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