ll
liukangdong
2025-01-13 d38f3d8c0642d5d58a3baeff5d80abafaa702f9f
h5_meeting/pages/index/index.vue
@@ -22,6 +22,7 @@
            v-if="info.meetingListResponseList && info.meetingListResponseList.length > 0 && info.meetingListResponseList[0].meetingStatus == 5">已撤销</text>
      </view>
      <view v-if="meetingInfo.meetingName" class="meeting_name">{{meetingInfo.meetingName}}</view>
      <view class="">
      <view v-if="meetingInfo.meetingTime && meetingInfo.bookingUser" class="meeting_con">
         <view class="content">
            <view class="line">
@@ -33,8 +34,21 @@
               <text>预约人:{{meetingInfo.bookingUser }}</text>
            </view>
         </view>
         <view v-show="showQrbg" class="qrcode_wrap">
            <canvas id="qrcode" canvas-id="qrcode" class="qrcode"></canvas>
            </view>
         </view>
         <view v-if="meetingInfo.meetingTime && meetingInfo.bookingUser && showQrbg" class="qrcode_box">
            <view class="text"
               v-if="info.meetingListResponseList && info.meetingListResponseList.length > 0 && info.meetingListResponseList[0].meetingStatus == 1">
               微信扫一扫开始会议</view>
            <view class="text"
               v-if="info.meetingListResponseList && info.meetingListResponseList.length > 0 && info.meetingListResponseList[0].meetingStatus == 4">
               微信扫一扫开始会议</view>
            <view class="text"
               v-if="info.meetingListResponseList && info.meetingListResponseList.length > 0 && info.meetingListResponseList[0].meetingStatus == 2">
               微信扫一扫结束会议</view>
         </view>
      </view>
      <view class="meeting_wrap">
@@ -62,13 +76,17 @@
         v-if="info.fileType == 0 && (info.meetingListResponseList == null || info.meetingListResponseList.length == 0)"
         class="swiper" circular autoplay indicator-dots>
         <swiper-item v-for="item in info.multifileList">
            <image class="swiper_item" :src="!param.officeFlag || param.officeFlag == '0' ? item.localFileurlFull : item.fileurlFull" mode="aspectFill"></image>
            <image class="swiper_item"
               :src="!param.officeFlag || param.officeFlag == '0' ? item.localFileurlFull : item.fileurlFull"
               mode="aspectFill"></image>
         </swiper-item>
      </swiper>
      <!--  -->
      <template
         v-if="info.fileType == 1 && info.multifileList && info.multifileList.length > 0 && (info.meetingListResponseList == null || info.meetingListResponseList.length == 0)">
         <video :src="!param.officeFlag || param.officeFlag == '0' ? info.multifileList[0].localFileurlFull : info.multifileList[0].fileurlFull" class="app_video" :autoplay="true" loop :controls="false"></video>
         <video
            :src="!param.officeFlag || param.officeFlag == '0' ? info.multifileList[0].localFileurlFull : info.multifileList[0].fileurlFull"
            class="app_video" :autoplay="true" loop :controls="false"></video>
      </template>
   </view>
</template>
@@ -239,13 +257,13 @@
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-bottom: 42rpx;
      padding-bottom: 34rpx;
      color: #fff;
      overflow: hidden;
      .meeting_wrap {
         margin-left: 42rpx;
         margin-top: 85rpx;
         // margin-top: 60rpx;
         .title {
            font-weight: 500;
@@ -322,6 +340,7 @@
         justify-content: space-between;
         align-items: center;
         padding: 0 42rpx;
         padding-right: 64rpx;
         .content {
            .line {
@@ -339,6 +358,7 @@
            }
         }
         .qrcode_wrap {
            width: 110px;
            height: 110px;
@@ -355,19 +375,35 @@
      }
      .qrcode_box {
         width: 100%;
         display: flex;
         justify-content: flex-end;
         color: rgba(255, 255, 255, 0.6);
         padding-right: 64rpx;
         margin-top: 18rpx;
         .text {
            width: 110px;
            text-align: center;
            font-size: 22rpx;
            // transform: scale(.84);
         }
      }
      .meeting_name {
         margin-bottom: 12rpx;
         font-weight: bold;
         font-size: 49rpx;
         padding-left: 42rpx;
         padding-right: 64rpx;
      }
      .home_status {
         font-weight: bold;
         font-size: 125rpx;
         margin: 70rpx 42rpx;
         line-height: 185rpx;
         height: 185rpx;
         margin: 140rpx 42rpx 22rpx;
         line-height: 125rpx;
         height: 125rpx;
      }
      .orange {