4.2

src/views/hotel/components/video-box.vue

@@ -3,6 +3,7 @@
 	  <div v-if="videoLog == 1" class="video-wrapper">
 	    <div class="video-list">
 	      <div
+		  v-if="videoList?.length"
 	        class="video-item"
 	        v-for="(item, index) in videoList"
 	        :key="index"
@@ -36,6 +37,10 @@
 	          </p>
 	        </div>
 	      </div>
+		  <div class="empty-box" v-else> 
+		  未接入
+		  <!-- <el-empty :image="emptyIco" description="暂无数据" /> -->
+		  </div>
 	    </div>
 	    <div class="pagination">
 	      <el-pagination
@@ -133,6 +138,7 @@
 	} from '@/api/monitor'
 	import pubSub from 'pubsub-js'
 	import Hls from 'hls.js'
+	import emptyIco from '@/assets/images/n-icon.png'
 	const Z00M_IN = 'ZOOM_IN' // 焦距变大
 	const Z00M_OUT = 'ZOOM_OUT' // 焦距变小
 	const UP = 'UP' // 上转
@@ -312,6 +318,16 @@
 </script>
 <style></style>
 <style scoped lang="scss">
+	.empty-box{
+		display:flex;
+		align-items: center;
+		font-size:vw(40);
+		height:vh(750);
+		justify-content: center;
+		text-align:center;
+		width:100%;
+		color:#fff;
+	}
 	.action {
 	  &-box {
 	    margin-top: vh(16);