优化

src/views/components/carouselChart.vue

@@ -72,7 +72,7 @@
           {{ $moment(item.photoTime).format("HH:mm:ss") }}({{
             $moment(item.recvTime).format("HH:mm:ss")
           }})
-          <span>(通道{{ item.channelId }})</span>
+          <span>--通道{{ item.channelId }}</span>
         </p>
       </swiper-slide>
     </swiper>
@@ -203,8 +203,8 @@ export default {
       justify-content: center;
 
       img {
-        width: 260px;
-        height: 160px;
+        //width: 100%;
+        height: 100%;
         object-fit: fill;
       }
     }
@@ -215,7 +215,7 @@ export default {
       width: 100%;
       background: #f0f0f0;
       padding: 8px 0px;
-      font-size: 14px;
+      font-size: 12px;
       text-align: center;
       color: #333;
     }

src/views/devicePhotoSchedule/index.vue

@@ -29,7 +29,19 @@
           <el-table-column label="时间表类型" show-overflow-tooltip>
             <template>时间表类型</template>
           </el-table-column>
-          <el-table-column
+          <el-table-column label="时间表规则" width="600">
+            <template slot-scope="scope">
+              <ul class="rulesBox" v-for="item in scope.row.list">
+                <li><span>开始时间：</span>{{ item.startTime }}</li>
+                <li><span>结束时间：</span>{{ item.endTime }}</li>
+                <li>
+                  <span>时间间隔（分）:</span>
+                  <el-tag>{{ item.span }}</el-tag>
+                </li>
+              </ul>
+            </template>
+          </el-table-column>
+          <!-- <el-table-column
             prop="startTime"
             label="开始时间"
             show-overflow-tooltip
@@ -43,7 +55,7 @@
             prop="span"
             label="间隔（分）"
             show-overflow-tooltip
-          ></el-table-column>
+          ></el-table-column> -->
           <el-table-column
             prop="remark"
             label="备注"
@@ -125,6 +137,7 @@ export default {
         .then((res) => {
           this.deviceTableData = res.data.list;
           this.total = res.data.total;
+          console.log(this.deviceTableData);
           this.loading = false;
         })
         .catch((err) => {});
@@ -209,6 +222,15 @@ export default {
     margin-top: 16px;
     height: calc(100% - 48px);
     //background: #fcc;
+    .rulesBox {
+      display: flex;
+      flex-direction: row;
+      li {
+        list-style: none;
+        margin-right: 24px;
+        line-height: 24px;
+      }
+    }
   }
 }
 </style>

src/views/realTimeMonitor/index.vue

@@ -477,10 +477,9 @@ export default {
       .totalPic {
         width: 100%;
         height: 24px;
-
         margin-bottom: 8px;
         text-align: center;
-        font-size: 14px;
+        font-size: 12px;
         color: #2d8cf0;
         font-weight: bold;
         line-height: 24px;