修改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>