feat：修改视频列表为6个

src/views/monitor/components/box-2.vue

@@ -142,7 +142,7 @@
   let loading = ref(false)
   let params = reactive({
     pageNum: 1,
-    pageSize: 16,
+    pageSize: 7,
     businessScenicArea: '',
     businessVideoDisplayPosition: ''
   })
@@ -215,6 +215,9 @@
     videoSrc.value = res.data.url
   }
   const getVideoList = async () => {
+    try {
+      if (loading.value) return
+      loading.value = true
       params.businessVideoDisplayPosition = navList.value[current.value].dictValue
       let res = await getVideoListApi(params)
       if (res.data.length > 0) {
@@ -249,6 +252,10 @@
           })
         })
       }
+      loading.value = false
+    } catch (error) {
+      loading.value = false
+    }
   }
   const getVideoType = async (id) => {
     let res = await getVideoTypeApi({
@@ -263,17 +270,10 @@
     }
   }
   const getVideoRegions = async () => {
-    if (loading.value) return
-    loading.value = true
-    try {
     let res = await getVideoRegionsApi({
       businessScenicArea: params.businessScenicArea
     })
     regionList.value = res.data
-      loading.value = false
-    } catch (error) {
-      loading.value = false
-    }
   }
   const onMonitorChange = () => {
     monitorChange = PubSub.subscribe('monitorChange', (res, data) => {
@@ -486,12 +486,12 @@
       }
     }
     &-item {
-      width: vw(406);
+      width: vw(686);
-      height: vh(300);
+      height: vh(460);
       padding: vw(10);
       background-image: url('/src/assets/images/item-primary.png');
       background-size: 100% 100%;
-      &:nth-child(5n) {
+      &:nth-child(3n) {
         margin-right: 0;
       }
     }
@@ -521,7 +521,7 @@
     }
     &-item__video {
       width: 100%;
-      height: vh(286);
+      height: vh(446);
     }
 
     &-detail {