fix:按照ui修改新风系统

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
-            <div
+            class="box-center-button"
-              class="box-center-button"
+            :style="{
-              :style="{
+              background:
-                backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
+                item.title === selectConditioning.title
-                color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
+                  ? ' linear-gradient(180deg, rgba(201, 245, 255, 1) 0%, rgba(138, 215, 255, 1) 100%)'
-              }"
+                  : '#3a3e46',
-              @click="selectConditioningData(item, index)">
+              color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
-              {{ item.title }}
+              fontWeight: item.title === selectConditioning.title ? '700' : '400',
-            </div>
+              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
-            <div
+            class="box-center-button"
-              class="box-center-button"
+            :style="{
-              :style="{
+              background:
-                backgroundColor: item.title === selectConditioning.title ? '#a7e5ff' : '#b5cdd9',
+                item.title === selectConditioning.title
-                color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
+                  ? ' linear-gradient(180deg, rgba(201, 245, 255, 1) 0%, rgba(138, 215, 255, 1) 100%)'
-              }"
+                  : '#3a3e46',
-              @click="selectConditioningData(item, index)">
+              color: item.title === selectConditioning.title ? 'rgb(0, 61, 90)' : '#fff',
-              {{ item.title }}
+              fontWeight: item.title === selectConditioning.title ? '700' : '400',
-            </div>
+              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%;
+      width: 97.3px;
-      height: 100%;
+      height: 40px;
       // 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;
+      border-radius: 4px;
       line-height: 40px;
       cursor: pointer;
     }

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