Browse Source

无人机架次和视频显示修改

maxiaoxiao 6 months ago
parent
commit
708ee5e4a6
1 changed files with 11 additions and 3 deletions
  1. 11 3
      src/views/farmlandProtection/gdzl/wrjxx.vue

+ 11 - 3
src/views/farmlandProtection/gdzl/wrjxx.vue

@@ -20,21 +20,21 @@
             v-model="uavit.show"
             @change="(val) => showpath(val, uavit)"
           >
-          次路线
+          次路线
           </el-checkbox>
           <i
             class="el-icon-s-promotion"
             :class="flyid == uavit.id ? 'isprofly' : ''"
             @click="lineFly(uavit)"
           ></i>
-          <div>次号:{{ uavit.batch }}</div>
+          <div>次号:{{ uavit.batch }}</div>
         </div>
       </div>
       <div class="imgList">
         <video
           :id="`video${uavit.id}_${vitem.id}`"
           WE
-          class="imgDiv"
+          class="videoDiv"
           preload="none"
           :poster="geturl(vitem.photo_path)"
           crossorigin
@@ -357,6 +357,14 @@ export default {
     overflow-x: hidden;
     overflow-y: auto;
     // background-color: rgba(255, 192, 203, 0.372);
+    .videoDiv{
+      width: 46%;
+      height: 180px;
+      margin-right: 10px;
+      // background-color: rgba(0, 255, 255, 0.413);
+      position: relative;
+      margin: 4px 4px;
+    }
     .imgDiv {
       width: 126px;
       height: 83px;