样式优化

src/views/realTimeMonitor/components/setschedule.vue

@@ -38,7 +38,12 @@
           </div>
           <div class="timeContain">
             <div class="timeLeft" v-loading="baseTimeLoading">
-              <h3>时间表({{ baseTimeList.length }})</h3>
+              <h3>
+                时间表({{ baseTimeList.length }})
+                <span v-if="baseTimeList.length !== 0 && offsetNumTime !== null"
+                  >偏移量（{{ offsetNumTime }}分钟）</span
+                >
+              </h3>
               <div class="tagsBox" v-if="baseTimeList.length !== 0">
                 <el-tag v-for="(item, index) in baseTimeList" :key="index"
                   >{{ $moment(item).format("HH:mm") }}
@@ -51,9 +56,10 @@
             <div class="timeRight" v-loading="deviceTimeLoading">
               <h3>
                 装置时间表({{ deviceTimeList.length }})
-                <span
+                <span v-if="deviceTimeList.length !== 0"
-                  v-if="deviceTimeList.length !== 0 && offsetNumTime !== null"
+                  ><el-button type="text" size="mini" @click="deviceTimeClick"
-                  >偏移量（{{ offsetNumTime }}分钟）</span
+                    ><i class="el-icon-refresh"></i>刷新装置时间表</el-button
+                  ></span
                 >
               </h3>
               <div class="tagsBox" v-if="deviceTimeList.length !== 0">
@@ -277,6 +283,11 @@ export default {
   methods: {
     handleClick(tab, event) {
       console.log(tab, event);
+      if (tab.name == 1) {
+        this.selectChannel = 1;
+        this.getDataBaseTime(this.areaData.id, this.selectChannel);
+      }
+
       //下发的时候执行获取列表
       if (tab.name == 2) {
         this.deviceTimeList = [];
@@ -893,6 +904,18 @@ export default {
             border-radius: 4px;
             border: 1px solid #eee;
             padding: 12px;
+            h3 {
+              .el-button {
+                margin-left: 14px;
+              }
+            }
+          }
+          .timeLeft,
+          .timeRight {
+            h3 {
+              line-height: 24px;
+              height: 24px;
+            }
           }
           .tagsBox {
             height: 308px;