策略管理进出水温度区分

psdc-ui/src/views/system/cl/index.vue

@@ -66,7 +66,7 @@
             </el-form-item>
           </el-col>
           <el-checkbox :indeterminate="data.isIndeterminate" v-model="data.checkAll" @change="handleCheckAllChange">全选</el-checkbox>
-          <div style="margin: 15px 0;"></div>
+          <div class="taber"><span>进水温度</span><span>出水温度</span><span>温度</span></div>
           <el-checkbox-group v-model="data.checkedSblb" @change="handleCheckedCitiesChange">
             <el-checkbox v-for="item in data.sblb" :label="item.deviceId" :key="item.deviceId" label-width="120" style="margin-bottom: 10px">
                <span style="width: 70px;display: inline-block">{{item.deviceName}}</span>
@@ -133,7 +133,7 @@
             </el-form-item>
           </el-col>
           <el-checkbox :indeterminate="data.isIndeterminate1" v-model="data.checkAll1" @change="handleCheckAllChange1">全选</el-checkbox>
-          <div style="margin: 15px 0;"></div>
+          <div class="taber"><span>进水温度</span><span>出水温度</span><span>温度</span></div>
           <el-checkbox-group v-model="data.checkedSblb1" @change="handleCheckedCitiesChange1">
             <el-checkbox v-for="item in data.sblb" :label="item.deviceId" :key="item.deviceId" style="margin-bottom: 10px">
               <span style="width: 70px;display: inline-block">{{item.deviceName}}</span>
@@ -562,7 +562,19 @@ const { queryParams } = toRefs(data);
   min-height: 745px;
   background-color: #2F3D8A;
 }
-
+.taber{
+  width: 400px;
+  margin-left: 52px;
+  display: flex;
+  justify-content: flex-start;
+  line-height: 32px;
+  span{
+    width: 120px;
+    &:nth-child(2),&:nth-child(3){
+      margin-left: 20px;
+    }
+  }
+}
 ::v-deep .el-button{
   border-radius: 2px;
 }