ll
liukangdong
2024-12-11 6739c54297cdfca25ddc4c5b25a74a53532da7c5
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,23 +99,33 @@
               4: '即将开始',
               5: '已撤销',
            },
            meetingInfo: {}
            meetingInfo: {},
            timer: null
         }
      },
      onShow() {
         this.initDatetime()
         this.param = uni.getStorageSync('param') || {}
         if (!this.param.code) {
      onShow() {
         const param = uni.getStorageSync('param')
         if (!param.code) {
            return uni.navigateTo({
               url: '/pages/index/config'
            })
         }
         this.getData()
         }
         this.initDatetime()
      },
      onReady() {},
      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 => {
@@ -128,6 +139,7 @@
               } else {
                  this.showQrbg = false
                  this.meetingInfo = {}
                  this.$forceUpdate()
               }
            })
         },
@@ -139,7 +151,7 @@
               // 设置二维码内容
               // qr.data = "https://uqrcode.cn/doc";
               qr.data =
                  "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxac2a80c2144c4ee0&redirect_uri=http://192.168.0.109:8080/redirect.html&response_type=code&scope=snsapi_base&state=1#wechat_redirect";
                  "https://atwl.ahzyssl.com/zhyq_h5/#/pages/login/login/?type=2&yw=1&ywid=" + this.meetingInfo.id
               // 设置二维码大小,必须与canvas设置的宽高一致
               qr.size = 83;
               // 调用制作二维码方法
@@ -174,7 +186,10 @@
               this.time = dayjs().format('HH:mm')
               this.date = dayjs().format('YYYY-MM-DD') + ' ' + weeks[new Date().getDay()]
            }, 1000)
            setInterval(() => {
            this.param = uni.getStorageSync('param') || {}
            this.getData()
            this.timer2 = setInterval(() => {
               this.getData()
            }, this.param.time ? this.param.time * 1000 : 60 * 1000)
         }
@@ -215,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;
@@ -227,6 +242,7 @@
      padding-bottom: 42rpx;
      color: #fff;
      overflow: hidden;
      .meeting_wrap {
         margin-left: 42rpx;
         margin-top: 85rpx;