ll

liukangdong

2024-09-23 e48a1c0389f8a5ee753a2550fc62a324a72b12f8

 h5_meeting/pages/index/index.vue

@@ -16,8 +16,8 @@
         <text v-if="info.meetingListResponseList && info.meetingListResponseList.length > 0 && info.meetingListResponseList[0].meetingStatus == 3">已结束</text>
         <text v-if="info.meetingListResponseList && info.meetingListResponseList.length > 0 && info.meetingListResponseList[0].meetingStatus == 5">已撤销</text>
      </view>

      <view class="meeting_name">{{meetingInfo.meetingName}}</view>

      <view class="meeting_con">

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

@@ -28,8 +28,9 @@
               <text>预约人：{{meetingInfo.bookingUser }}</text>

            </view>

         </view>
         <canvas id="qrcode" canvas-id="qrcode" class="qrcode"></canvas>
         <!-- <vueQr v-if="meetingInfo.id" :text="meetingInfo.id" class="qrcode" /> -->

         <view v-if="meetingInfo.meetingTime" class="qrcode_wrap">
            <canvas id="qrcode" canvas-id="qrcode" class="qrcode"></canvas>
         </view>

      </view>

      <view class="meeting_wrap">

         <view class="title">今日会议（{{ info.meetingListResponseList && info.meetingListResponseList.length > 0 ? info.meetingListResponseList.length : 0 }}）</view>

@@ -50,13 +51,13 @@
      </view>



      <!--  -->

      <swiper v-if="info.fileType == 0 && info.multifileList && info.multifileList.length > 0" class="swiper" circular autoplay indicator-dots>

      <swiper 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>

         </swiper-item>

      </swiper>
      <!--  -->
      <template v-if="info.fileType == 1 && info.multifileList && info.multifileList.length > 0">
      <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>
      </template>

   </view>

@@ -109,7 +110,10 @@
               this.info = res.data
               if(this.info.meetingListResponseList && this.info.meetingListResponseList.length > 0){
                  this.meetingInfo = this.info.meetingListResponseList[0]
                  this.qrcodeCreate()
                  this.$nextTick(() => {
                     this.qrcodeCreate()
                     this.$forceUpdate()
                  })
               }
            })

         },
@@ -117,7 +121,8 @@
             // 获取uQRCode实例
              var qr = new UQRCode();
              // 设置二维码内容
              qr.data = "https://uqrcode.cn/doc";
              // 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";
              // 设置二维码大小，必须与canvas设置的宽高一致
              qr.size = 83;
              // 调用制作二维码方法
@@ -160,6 +165,9 @@
</script>



<style lang="scss" scoped>
   page,body{
      overflow: hidden;
   }
   .swiper{
      position: fixed;
      top: 0;
@@ -242,7 +250,13 @@
               .name {

                  flex: 1;

                  font-weight: bold;

                  font-size: 39rpx;

                  font-size: 39rpx;
                  width: 100%;
                  word-break: break-all;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 3; /* 超出几行省略 */

               }



               .line {

@@ -252,7 +266,7 @@
            }



            .empty {

               background: rgba(255, 255, 255, 0.11);

               background: rgba(255, 255, 255, 0.11) !important;

            }

         }

      }

@@ -278,11 +292,19 @@
               }

            }

         }



         .qrcode {

            width: 83px;

            height: 83px;

         .qrcode_wrap{
            width: 92px;
            height: 92px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            .qrcode {
               width: 84px;
               height: 84px;
            }
         }

			
      }



      .meeting_name {