增加船舶预警数据对接

src/views/home/cpns/boatPanel/BoatGeneral.vue

@@ -41,6 +41,7 @@
     </ul>
 
     <div class="content-yjxx" v-if="currentTab==='yjxx'">
+      <div class="content-yjxx-body" v-if="tableData.value.length>0">
     <el-table :data="tableData.value" class="table-default_UnitYunYing" stripe>
       <el-table-column label="预警类型" prop="preWarningType" min-width="100" show-overflow-tooltip />
       <el-table-column label="预警时间" min-width="100" show-overflow-tooltip>
@@ -59,6 +60,10 @@
               @current-change="handleCurrentChange"
       >
       </el-pagination>
+    </div>
+      <div v-else class="no-data">
+      <span>无预警</span>
+    </div>
   </div>
     <div class="boat-playback" v-if="isShow">
       <div class="cb-row1">
@@ -288,6 +293,8 @@ function getYjxxData(mmsi) {
     height: 250px;
     margin: 0 auto;
     width: 90%;
+    .content-yjxx-body{
+      height:100%; width: 100%;
     .table-default_UnitYunYing{
       height: 100%;
     }
@@ -297,10 +304,18 @@ function getYjxxData(mmsi) {
       height: 250px;
     }
     .pagi-default{
+      height: 10%;
       position: absolute;
       bottom:5%;
       left: 35%;
     }
+    }
+    .no-data{
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      height:100%; width: 100%;
+    }
   }
 
   .boat-playback {