修改BUG

pages/my-index/meeting-record/index.vue

@@ -1,27 +1,57 @@
 <script setup>
   import { navigateTo } from '@/utils/router'
+  import { ref } from 'vue'
+  import { getLiveRecordList } from '@/api/tui-kit'
+
+  const dataList = ref([])
+  const paging = ref(null)
+  const getList = async (pageNum, pageSize) => {
+    console.log(pageSize, '====')
+    try {
+      const res = await getLiveRecordList({
+        pageNum,
+        pageSize
+      })
+      paging.value.complete(res.rows)
+    } catch (error) {
+      paging.value.complete(false)
+    }
+  }
 </script>
 
 <template>
-  <view class="meeting-record-index">
-    <view
-      v-for="item in 3"
-      class="public-meeting-card"
-      @click="
-        navigateTo('/pages/my-index/meeting-record/details', { id: item })
-      "
-    >
-      <image
-        src="https://q9.itc.cn/q_70/images01/20241011/856bff05ebe54098ad4af2cb59e02ae8.png"
-        mode="aspectFill"
-        class="left-img"
-      ></image>
-      <view class="right-box">
-        <text>Admin的视频的会议</text>
-        <text>12月27日13:27</text>
+  <z-paging
+    ref="paging"
+    v-model="dataList"
+    safe-area-inset-bottom
+    use-safe-area-placeholder
+    :default-page-size="15"
+    @query="getList"
+  >
+    <view class="meeting-record-index">
+      <view
+        v-for="item in dataList"
+        :key="item.id"
+        class="public-meeting-card"
+        @click="
+          navigateTo('/pages/my-index/meeting-record/details', {
+            id: item.id
+          })
+        "
+      >
+        <image
+          :src="item.coverUrl"
+          lazy-load
+          mode="aspectFill"
+          class="left-img"
+        ></image>
+        <view class="right-box">
+          <text>{{ item.roomName }}</text>
+          <text>{{ item.createTime }}</text>
+        </view>
       </view>
     </view>
-  </view>
+  </z-paging>
 </template>
 
 <style lang="scss" scoped>