| | |
| | | <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>
|
| | |
| | | <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>
|
| | |
| | | </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>
|
| | |
| | | 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() |
| | | }) |
| | | } |
| | | })
|
| | | }, |
| | |
| | | // 获取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; |
| | | // 调用制作二维码方法 |
| | |
| | | </script>
|
| | |
|
| | | <style lang="scss" scoped> |
| | | page,body{ |
| | | overflow: hidden; |
| | | } |
| | | .swiper{ |
| | | position: fixed; |
| | | top: 0; |
| | |
| | | .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 {
|
| | |
| | | }
|
| | |
|
| | | .empty {
|
| | | background: rgba(255, 255, 255, 0.11);
|
| | | background: rgba(255, 255, 255, 0.11) !important;
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .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 {
|