视频分页

src/components/NearbyVideos/index.vue

@@ -42,7 +42,7 @@ const queryParams = reactive({
 });
 const queryParams2 = reactive({
   page: 1,
-  pageSize: 9
+  // pageSize: 9
 });
 let videoMonitorData = ref([]);
 const radiusOption = reactive([

src/views/globalMap/RightMenu/CommonVideo.vue

@@ -37,6 +37,14 @@
           </div>
         </div>
       </div>
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.page"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        layout="total, prev, pager, next"
+        @pagination="initData"
+      />
       <Dialog v-if="showDialog" v-model="showDialog" type="md" height="720px" :title="title" hide-footer>
         <div style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center">
           <HKVideo :dot_data="videoMonitorData" />
@@ -58,8 +66,8 @@ const props = defineProps({
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { district_type2 } = toRefs<any>(proxy?.useDict('district_type2'));
 const queryParams = reactive({
-  current: 1,
-  size: 10,
+  page: 1,
+  pageSize: 10,
   video_name: '',
   area_code: ''
 });