‘’

liukangdong

2024-09-19 2cb2f782d29b546caecbabf16f605721e0ea4243

 h5_meeting/pages/index/index.vue

@@ -2,7 +2,7 @@
   <view class="main_app">
      <image src="@/static/bg@2x.png" class="main_bg" mode=""></image>

      <view class="header_wrap">
         <view class="title">会议室</view>
         <view class="title" @touchend="touchend">会议室</view>

         <view class="time_wrap">
            <view class="time">{{time}}</view>
            <view class="date">{{date}}</view>
@@ -45,18 +45,49 @@


<script>
   import dayjs from 'dayjs'

   import {

      meetScreenData

   } from '@/api/index.js'

   export default {

      data() {

         return {

            time: '',
            date: '',
            timer: null

            timer: null,

            touchNum: 0,
            param: {}

         }

      },

      onLoad() {

         this.initDatetime()

         this.param = uni.getStorageSync('param') || {}
         if(!this.param.code){
            return uni.navigateTo({
               url: '/pages/index/config'
            })
         }
         this.getData()

      },

      methods: {

         getData() {

            meetScreenData({
               roomId: this.param.code
            })

         },

         touchend() {

            this.touchNum++

            setTimeout(() => {

               if (this.touchNum == 1) {

                  console.log('单击')

               }

               if (this.touchNum >= 2) {

                  uni.navigateTo({
                     url: '/pages/index/config'
                  })

               }

               this.touchNum = 0

            }, 250)

         },

         initDatetime() {
            let weeks = ['周日','周一','周二','周三','周四','周五','周六']
            this.time = dayjs().format('HH:mm')
@@ -81,9 +112,11 @@
      justify-content: space-between;
      padding-bottom: 35rpx;
      color: #fff;


      .meeting_wrap{
         margin-left: 42rpx;
         margin-top: 85rpx;


         .title{
            font-weight: 500;
            font-size: 42rpx;
@@ -92,14 +125,18 @@
            height: 62rpx;
            margin-bottom: 32rpx;
         }


         .list{
            display: flex;
            width: calc( 100vw - 42rpx );
            overflow-x: auto;
            scrollbar-width: none; 


            &:-webkit-scrollbar {
              display: none; /* Chrome Safari */
               display: none;

               /* Chrome Safari */

             }


            .item{
               padding: 34rpx 28rpx;
               display: flex;
@@ -111,6 +148,7 @@
               border-radius: 7rpx;
               margin-right: 28rpx;
               position: relative;


               .item_bg{
                  position: absolute;
                  width: 178rpx;
@@ -119,26 +157,31 @@
                  bottom: 0;
                  // z-index: -1;
               }


               .name{
                  flex: 1;
                  font-weight: bold;
                  font-size: 39rpx;
               }


               .line{
                  font-weight: 500;
                  margin-bottom: 7rpx;
               }
            }


            .empty{
               background: rgba(255,255,255,0.11);
            }
         }
      }


      .meeting_con{
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 0 42rpx;


         .content{
            .line{
               display: flex;
@@ -146,6 +189,7 @@
               font-weight: 500;
               font-size: 32rpx;
               margin: 24rpx 0;


               image{
                  width: 30rpx;
                  height: 30rpx;
@@ -153,18 +197,21 @@
               }
            }
         }


         .qrcode{
            width: 166rpx;
            height: 166rpx;
            border: 1px solid red;
         }
      }


      .meeting_name{
         margin-bottom: 12rpx;
         font-weight: bold;
         font-size: 49rpx;
         padding-left: 42rpx;
      }


      .home_status{
         font-weight: bold;
         font-size: 125rpx;
@@ -172,21 +219,26 @@
         line-height: 185rpx;
         height: 185rpx;
      }


      .orange{
         color: #FFB100;
      }


      .header_wrap{
         padding: 34rpx 34rpx 0 0;
         display: flex;
         justify-content: space-between;
         align-items: center;


         .time_wrap{
            text-align: right;


            .time{
               font-size: 56rpx;
               margin-bottom: 4rpx;
            }
         }


         .title{
            font-size: 56rpx;
            font-weight: bold;
@@ -198,6 +250,7 @@
            border-radius: 0rpx 7rpx 7rpx 0rpx;
         }
      }


      .main_bg{
         position: absolute;
         width: 100%;