ll
liukangdong
2025-01-13 d38f3d8c0642d5d58a3baeff5d80abafaa702f9f
h5_meeting/pages/index/index.vue
@@ -22,19 +22,33 @@
            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 v-if="meetingInfo.meetingTime && meetingInfo.bookingUser" class="meeting_con">
         <view class="content">
            <view class="line">
               <image src="@/static/ic_time@2x.png"></image>
               <text>{{meetingInfo.meetingTime }}</text>
      <view class="">
         <view v-if="meetingInfo.meetingTime && meetingInfo.bookingUser" class="meeting_con">
            <view class="content">
               <view class="line">
                  <image src="@/static/ic_time@2x.png"></image>
                  <text>{{meetingInfo.meetingTime }}</text>
               </view>
               <view class="line">
                  <image src="@/static/ic_people@2x.png"></image>
                  <text>预约人:{{meetingInfo.bookingUser }}</text>
               </view>
            </view>
            <view class="line">
               <image src="@/static/ic_people@2x.png"></image>
               <text>预约人:{{meetingInfo.bookingUser }}</text>
            <view v-show="showQrbg" class="qrcode_wrap">
               <canvas id="qrcode" canvas-id="qrcode" class="qrcode"></canvas>
            </view>
         </view>
         <view v-show="showQrbg" class="qrcode_wrap">
            <canvas id="qrcode" canvas-id="qrcode" class="qrcode"></canvas>
         <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>
@@ -87,7 +105,7 @@
            time: '',
            date: '',
            showQrbg: false,
            timer: null,
            timer: null,
            timer2: null,
            touchNum: 0,
            param: {},
@@ -103,25 +121,25 @@
            timer: null
         }
      },
      onShow() {
      onShow() {
         const param = uni.getStorageSync('param')
         if (!param.code) {
            return uni.navigateTo({
               url: '/pages/index/config'
            })
         }
         }
         this.initDatetime()
      },
      onReady() {
      onReady() {
      },
      onHide() {
         if (this.timer) {
            clearInterval(this.timer)
         }
         if (this.timer2) {
            clearInterval(this.timer2)
         }
         if (this.timer2) {
            clearInterval(this.timer2)
         }
      },
      methods: {
@@ -186,8 +204,8 @@
               this.time = dayjs().format('HH:mm')
               this.date = dayjs().format('YYYY-MM-DD') + ' ' + weeks[new Date().getDay()]
            }, 1000)
            this.param = uni.getStorageSync('param') || {}
            this.param = uni.getStorageSync('param') || {}
            this.getData()
            this.timer2 = setInterval(() => {
               this.getData()
@@ -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;
@@ -346,7 +366,7 @@
            align-items: center;
            justify-content: center;
            background-color: #fff;
            .qrcode {
               width: 104px;
               height: 104px;
@@ -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 {