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

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

@@ -1,22 +1,26 @@
<template> <template>
<div style="width: 100%; height: 100%; overflow: hidden"> <div style="width: 100%; height: 100%; overflow: hidden">
<div class="box-title title"> <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>
<div class="box-center"> <div class="box-center">
<template v-if="!showAllButtons"> <template v-if="!showAllButtons">
<template v-for="(item, index) in dataSource.slice(0, 3)" :key="index"> <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 <div
class="box-center-button" class="box-center-button"
:style="{ :style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9', 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', 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)"> @click="selectConditioningData(item, index)">
{{ item.title }} {{ item.title }}
</div> </div>
</div>
</template> </template>
<div style="width: 100%; height: 20px"> <div style="width: 100%; height: 20px">
<span @click="showAllButtons = true" class="openzm"><down-outlined /> 展开</span> <span @click="showAllButtons = true" class="openzm"><down-outlined /> 展开</span>
@@ -24,17 +28,21 @@
</template> </template>
<template v-else> <template v-else>
<template v-for="(item, index) in dataSource" :key="index"> <template v-for="(item, index) in dataSource" :key="index">
<div style="width: 94px; height: 39px; background-color: #aaaaaa; padding: 1px">
<div <div
class="box-center-button" class="box-center-button"
:style="{ :style="{
backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9', 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', 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)"> @click="selectConditioningData(item, index)">
{{ item.title }} {{ item.title }}
</div> </div>
</div>
</template> </template>
<div style="width: 100%; height: 20px"> <div style="width: 100%; height: 20px">
<span @click="showAllButtons = false" class="openzm"><up-outlined /> 回缩</span> <span @click="showAllButtons = false" class="openzm"><up-outlined /> 回缩</span>
@@ -178,14 +186,12 @@
flex-wrap: wrap; flex-wrap: wrap;
gap: 10px; gap: 10px;
.box-center-button { .box-center-button {
width: 100%; width: 97.3px;
height: 100%; height: 40px;
// background-color: #b5cdd9; // background-color: #b5cdd9;
background-image: url(../../image/airConditioningSystem/buttonBg.svg); font-size: 14px;
background-size: 100%;
background-repeat: no-repeat;
border-radius: 4px; /* 圆角半径 */
text-align: center; text-align: center;
border-radius: 4px;
line-height: 40px; line-height: 40px;
cursor: pointer; cursor: pointer;
} }

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

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