add:群控

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

@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%; height: 100%">
+  <div style="width: 100%; height: 100%; overflow: hidden">
     <div class="box-title title">
       <span style="margin-left: 12px">空调箱组</span>
     </div>
@@ -77,7 +77,19 @@
             <div class="box-bottom-center">
               <div style="width: 100%; height: 40px; line-height: 40px"> 风量 </div>
               <div style="width: 100%; height: 60px">
-                <a-slider id="test" v-model:value="selectConditioning.number" :disabled="true" />
+                <a-slider
+                  v-model:value="selectConditioning.number"
+                  :marks="marks"
+                  :min="0"
+                  :max="100"
+                  :disabled="true"
+                  :trackStyle="{ backgroundColor: '#91caff', height: '5px' }"
+                  :handleStyle="{ backgroundColor: '#ffffff', borderColor: '#91caff' }"
+                  :railStyle="{ backgroundColor: 'gray' }">
+                  <template #mark="{ label, point }">
+                    <span style="color: #0dfff2"> {{ label }}</span>
+                  </template>
+                </a-slider>
               </div>
             </div>
           </div>
@@ -114,7 +126,6 @@
     100: 100,
   });
   const toggle = (data: any, selectData: any) => {
-    console.log(data, '数据');
     dataSource.value = data;
     selectConditioning.value = selectData;
   };
@@ -244,4 +255,31 @@
     margin-left: 12px;
     font-size: 14px;
   }
+
+  .blue-background.ant-switch-checked {
+    background-color: linear-gradient(
+      180deg,
+      rgba(1, 206, 255, 1) 0%,
+      rgba(0, 150, 229, 1) 100%
+    ) !important;
+  }
+
+  .grey-background.ant-switch {
+    background-color: grey !important;
+  }
+
+  .blue-background.ant-switch-checked .ant-switch-handle {
+    background-color: linear-gradient(
+      180deg,
+      rgba(1, 206, 255, 1) 0%,
+      rgba(0, 150, 229, 1) 100%
+    ) !important;
+  }
+
+  .grey-background.ant-switch .ant-switch-handle {
+    background-color: grey !important;
+  }
+  :deep(.ant-switch-disabled) {
+    opacity: 1 !important;
+  }
 </style>

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

@@ -5,61 +5,30 @@
     </div>
     <div class="box-bottom">
       <template v-for="(item, index) in dataSource" :key="index">
-        <div class="box-bottom-item">
+        <div class="box-bottom-itemFH">
           <div class="box-bottom-item-top">
-            <img width="42" src="../../image/airConditioningSystem/newTrendModelIcon.png" />
+            <img width="42" src="../../image/airConditioningSystem/floorHeatingModelIcon.png" />
             <div class="box-bottom-item-top-title">
               {{ item.title }}
             </div>
             <div
-              style="width: 100%; height: 400px; display: flex; gap: 12px; flex-direction: column">
+              style="width: 100%; height: 180px; display: flex; gap: 12px; flex-direction: column">
               <div class="box-bottom-item-line">
-                开关
+                温度
                 <div class="box-bottom-item-line-value">
-                  <a-tag
-                    style="background-color: rgba(0, 0, 0, 0.5); width: 50px; text-align: center"
-                    :style="{
-                      border: '1px solid' + ['#39d7bb', '#f3614d', '#ffa403'][0],
-                      color: ['#39d7bb', '#f3614d', '#ffa403'][0],
-                    }"
-                    >开启</a-tag
-                  >
+                  <span style="color: #00ffd2">{{ item.number }}℃</span>
                 </div>
               </div>
               <div class="box-bottom-item-line">
-                电机转速
+                设置
                 <div class="box-bottom-item-line-value">
-                  <span style="color: #f59a23">1210转/分钟</span>
+                  <span style="color: #00ffd2">{{ item.setUpNumber }}℃</span>
                 </div>
               </div>
               <div class="box-bottom-item-line">
-                换热器热度
+                运行时间
                 <div class="box-bottom-item-line-value">
-                  <span style="color: #00ffd2">8℃</span>
-                </div>
-              </div>
-              <div class="box-bottom-item-line">
-                风量
-                <div class="box-bottom-item-line-value">
-                  <span style="color: #00ffd2">12345m3/h</span>
-                </div>
-              </div>
-              <div class="box-bottom-item-line">
-                风速
-                <div class="box-bottom-item-line-value">
-                  <span style="color: #00ffd2">22m/s</span>
-                </div>
-              </div>
-              <div class="box-bottom-item-line">
-                PM2.5
-                <div class="box-bottom-item-line-value">
-                  <span style="color: #00ffd2">30</span>
-                </div>
-              </div>
-              <div class="box-bottom-item-line">
-                二氧化碳
-                <div class="box-bottom-item-line-value">
-                  <span style="color: #00ffd2">123CO2e</span>
+                  <span style="color: #00ffd2">0.08~0.4Mpa</span>
                 </div>
               </div>
             </div>
@@ -108,10 +77,10 @@
     overflow-y: auto;
     margin-top: 10px;
     overflow-x: hidden;
-    .box-bottom-item {
+    .box-bottom-itemFH {
       width: 100%;
-      height: 478px;
-      background-image: url(../../image/airConditioningSystem/newTrendModelBg.png);
+      height: 258px;
+      background-image: url(../../image/airConditioningSystem/floorHeatingModelBg.png);
       background-size: 100% 99%;
       background-repeat: no-repeat;
       color: white;
@@ -141,7 +110,7 @@
           display: flex;
           position: absolute;
           right: 24px;
-          font-weight: bold;
+          font-weight: 600;
         }
       }
     }

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

@@ -373,6 +373,7 @@
       styleText: { left: '13%', bottom: '23%' },
       type: '空调箱',
       lineType: 1,
+      enableRules: 1,
       unit: '℃',
       number: 20,
       url: freshAir,
@@ -450,47 +451,52 @@
       type: '地暖',
       unit: '℃',
       number: 10,
-      url: freshAir,
+      setUpNumber: 12,
     },
     {
       title: '站厅西地暖',
       styleText: { left: '19.5%', bottom: '38.5%' },
+      type: '地暖',
       lineType: 1,
       unit: '℃',
       number: 10,
-      url: freshAir,
+      setUpNumber: 14,
     },
     {
       title: '站厅西地暖',
       styleText: { left: '33%', bottom: '43%' },
+      type: '地暖',
       lineType: 1,
       unit: '℃',
-      number: 10,
-      url: freshAir,
+      number: 24,
+      setUpNumber: 16,
     },
     {
       title: '安检区地暖',
       styleText: { left: '46%', bottom: '49.5%' },
+      type: '地暖',
       lineType: 1,
       unit: '℃',
       number: 40,
-      url: freshAir,
+      setUpNumber: 18,
     },
     {
       title: '站厅东地暖',
       styleText: { left: '57.5%', bottom: '56%' },
+      type: '地暖',
       lineType: 1,
       unit: '℃',
       number: 10,
-      url: freshAir,
+      setUpNumber: 20,
     },
     {
       title: '办公东地暖',
       styleText: { left: '69.5%', bottom: '62%' },
+      type: '地暖',
       lineType: 1,
       unit: '℃',
       number: 10,
-      url: freshAir,
+      setUpNumber: 22,
     },
   ]);
   // 选择的图例