修改BUG

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

@@ -1,22 +1,40 @@
 <script setup>
   import { onLoad } from '@dcloudio/uni-app'
+  import { getLiveRecordDetail } from '@/api/tui-kit'
+  import { ref } from 'vue'
 
+  const viewData = ref({})
+  const loading = ref(true)
+  const getData = async id => {
+    loading.value = true
+    const res = await getLiveRecordDetail(id)
+    viewData.value = res.data
+    loading.value = false
+  }
   onLoad(e => {
-    console.log(e, '==')
+    getData(e.id)
   })
 </script>
 
 <template>
-  <view class="details-index">
+  <view v-if="!loading" class="details-index">
     <view class="top-name">
-      <text class="title">Admin的视频的会议</text>
+      <text class="title">{{ viewData.roomName }}</text>
       <view class="date-box">
         <image
           src="/static/images/my-index/date-icon.png"
           mode="heightFix"
           class="icon-img"
         ></image>
-        <text class="des">12月14日(周五) 13:45-16:09</text>
+        <text class="des">开始时间：{{ viewData.startTime }}</text>
+      </view>
+      <view class="date-box">
+        <image
+          src="/static/images/my-index/date-icon.png"
+          mode="heightFix"
+          class="icon-img"
+        ></image>
+        <text class="des">结束时间：{{ viewData.endTime }}</text>
       </view>
       <view class="id-box">
         <image
@@ -24,9 +42,9 @@
           mode="heightFix"
           class="icon-img"
         ></image>
-        <text class="des">会议ID：8755 8445</text>
+        <text class="des">会议ID：{{ viewData.roomId }}</text>
       </view>
-      <view class="user-box">
+      <!-- <view class="user-box">
         <view class="user-text">
           <image
             src="/static/images/my-index/user-icon.png"
@@ -45,18 +63,18 @@
             <text>名字</text>
           </view>
         </view>
-      </view>
+      </view> -->
     </view>
 
-    <view v-for="item in 3" class="public-meeting-card">
+    <view class="public-meeting-card">
       <image
-        src="https://q9.itc.cn/q_70/images01/20241011/856bff05ebe54098ad4af2cb59e02ae8.png"
+        :src="viewData.coverUrl"
         mode="aspectFill"
         class="left-img"
       ></image>
       <view class="right-box">
-        <text>Admin的视频的会议</text>
-        <text>12月27日13:27</text>
+        <text>{{ viewData.roomName }}</text>
+        <text>{{ viewData.startTime }}</text>
       </view>
     </view>
   </view>
@@ -93,13 +111,11 @@
       }
       .date-box,
       .id-box {
+        margin-top: 12rpx;
         display: flex;
         align-items: center;
       }
 
-      .date-box {
-        margin: 32rpx 0;
-      }
       .user-box {
         margin-top: 32rpx;
         display: flex;
@@ -137,8 +153,8 @@
   }
 
   .public-meeting-card {
-    margin-top: 47rpx;
-    padding-top: 47rpx;
+    margin-top: 27rpx;
+    padding-top: 27rpx;
     border-top: 2rpx solid #f9f9f9;
   }
 </style>

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>