视频流接口返回值修改

src/api/index.js

@@ -187,7 +187,7 @@ export async function getVideoList(params = {}) {
     page: params.page || 1, pageSize: params.pageSize || 9
   })
   if (res.code === 200 && res.data && res.data.records) {
-    return res.data.records
+    return res
     // return wrapResult({
     //   total: res.data.total, page: res.data.current,
     //   list: res.data.records.map(r => ({

src/components/VideoMonitor/VideoGrid.vue

@@ -9,7 +9,7 @@
       <span class="video-count">共 {{ videoTotal }} 路</span>
     </div>
     <div class="panel-content">
-      <div class="grid-container">
+      <div class="grid-container" >
         <H5PlayerVideo v-for="(item,index) in videoList" :key="index" :videoProps="item"></H5PlayerVideo>
         <!-- <div
           v-for="(video, idx) in videoList"
@@ -104,7 +104,7 @@
         self.$set(self, 'videoList', []);
         try {
           const res = await getVideoList(this.videoQueryParams)
-
+          console.log('res',res);
           // 假数据开始
           // let res = {
           //   data: {
@@ -126,6 +126,7 @@
 
           let list = [];
           for (let i = 0; i < res.data.records.length; i++) {
+            console.log('res.data.records[i]',res.data.records[i]);
             list.push(
                 {
                   width: 510, //(宽度:非必传-默认600)
@@ -135,6 +136,7 @@
                 }
             )
           }
+          console.log('list',list);
           this.$set(this, 'videoList', list)
           this.$set(this, 'videoTotal', res.data.total);
           this.$nextTick(() => {