ll
liukangdong
2024-10-29 0bda79a1d5f0de3a1885f13763c516650bc19007
h5_meeting/pages/index/index.vue
@@ -33,7 +33,7 @@
               <text>预约人:{{meetingInfo.bookingUser }}</text>
            </view>
         </view>
         <view v-if="showQrbg" class="qrcode_wrap">
         <view v-show="showQrbg" class="qrcode_wrap">
            <canvas id="qrcode" canvas-id="qrcode" class="qrcode"></canvas>
         </view>
      </view>
@@ -62,13 +62,13 @@
         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="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="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 +87,8 @@
            time: '',
            date: '',
            showQrbg: false,
            timer: null,
            timer: null,
            timer2: null,
            touchNum: 0,
            param: {},
            info: {},
@@ -98,27 +99,33 @@
               4: '即将开始',
               5: '已撤销',
            },
            meetingInfo: {},
            meetingInfo: {},
            timer: null
         }
      },
      onShow() {
         this.initDatetime()
         if (!this.param.code) {
      onShow() {
         const param = uni.getStorageSync('param')
         if (!param.code) {
            return uni.navigateTo({
               url: '/pages/index/config'
            })
         }
      },
      onReady() {},
      onHide(){
         if(this.timer){
            clearInterval(this.timer)
         }
         this.initDatetime()
      },
      onReady() {
      },
      onHide() {
         if (this.timer) {
            clearInterval(this.timer)
         }
         if (this.timer2) {
            clearInterval(this.timer2)
         }
      },
      methods: {
         getData() {
            this.showQrbg = false
            meetScreenData({
               roomId: this.param.code
            }).then(res => {
@@ -131,7 +138,7 @@
                  })
               } else {
                  this.showQrbg = false
                  this.meetingInfo = {}
                  this.meetingInfo = {}
                  this.$forceUpdate()
               }
            })
@@ -178,13 +185,11 @@
            this.timer = setInterval(() => {
               this.time = dayjs().format('HH:mm')
               this.date = dayjs().format('YYYY-MM-DD') + ' ' + weeks[new Date().getDay()]
            }, 1000)
            }, 1000)
            this.param = uni.getStorageSync('param') || {}
            if(this.timer){
               clearInterval(this.timer)
            }
            this.getData()
            this.timer = setInterval(() => {
            this.timer2 = setInterval(() => {
               this.getData()
            }, this.param.time ? this.param.time * 1000 : 60 * 1000)
         }
@@ -225,10 +230,10 @@
   .main_app {
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      font-size: 28rpx;
      display: flex;
@@ -237,6 +242,7 @@
      padding-bottom: 42rpx;
      color: #fff;
      overflow: hidden;
      .meeting_wrap {
         margin-left: 42rpx;
         margin-top: 85rpx;