css

liukangdong

2024-06-25 ebc96a1cf0424c04dceacbc42f9ad2a897223be9

 h5/pages/meeting/myAppointment/myAppointment.vue

@@ -1,5 +1,7 @@
<template>

   <page-meta :page-style="'overflow:'+(pageShow?'hidden':'visible')"></page-meta>

  <page-meta

    :page-style="'overflow:' + (pageShow ? 'hidden' : 'visible')"

  ></page-meta>

   <view class="yuyue">

      <view class="yuyue_head">

         <view class="yuyue_head_input">

@@ -12,19 +14,34 @@
            ></u--input>

         </view>

         <view class="yuyue_head_list">

            <view class="yuyue_head_list_item" v-for="(item, index) in cate" :key="index" @click="clickItem(index)">

               <text :class="i === index ? 'yuyue_head_list_item_active' : ''">{{item.name}}</text>

        <view

          class="yuyue_head_list_item"

          v-for="(item, index) in cate"

          :key="index"

          @click="clickItem(index)"

        >

          <text :class="i === index ? 'yuyue_head_list_item_active' : ''">{{

            item.name

          }}</text>

               <view class="yuyue_head_list_item_h" v-show="i === index"></view>

            </view>

         </view>

      </view>

      

      <view class="yuyue_content" v-if="list && list.length > 0">

         <view class="yuyue_content_item" v-for="(item, index) in list" :key="index">

      <view

        class="yuyue_content_item"

        v-for="(item, index) in list"

        :key="index"

      >

            <view class="item_a" @click="jump(item.id)">

               <view class="item_a_title">{{item.meetingName}}</view>

               <view class="item_a_1 item_a_two" v-if="item.meetingStatus === 1">未开始</view>

               <view class="item_a_1 item_a_one" v-else-if="item.meetingStatus === 2">进行中</view>

          <view class="item_a_1 item_a_two" v-if="item.meetingStatus === 1"

            >未开始</view

          >

          <view class="item_a_1 item_a_one" v-else-if="item.meetingStatus === 2"

            >进行中</view

          >

               <view class="item_a_1 item_a_three" v-else>已结束</view>

            </view>

            <view class="item_b" @click="jump(item.id)"></view>

@@ -44,21 +61,45 @@
            </view>

            <view class="item_d" v-if="i === 0">

               <view class="item_d_left">

                  <view class="item_d_left_item" @click.stop="copy(item)" v-if="item.meetingStatus !== 3">

                     <image src="@/static/meeting/icon/ic_copy@2x.png" mode="widthFix"></image>

            <view

              class="item_d_left_item"

              @click.stop="copy(item)"

              v-if="item.meetingStatus !== 3"

            >

              <image

                src="@/static/meeting/icon/ic_copy@2x.png"

                mode="widthFix"

              ></image>

                     <text>复制</text>

                  </view>

                  <view class="item_d_left_item" @click="fenxiang(item)" v-if="item.meetingStatus !== 3">

            <view

              class="item_d_left_item"

              @click="fenxiang(item)"

              v-if="item.meetingStatus !== 3"

            >

                     <button open-type="share"></button>

                     <image src="@/static/meeting/icon/ic_fenxiang@2x.png" mode="widthFix"></image>

              <image

                src="@/static/meeting/icon/ic_fenxiang@2x.png"

                mode="widthFix"

              ></image>

                     <text>分享</text>

                  </view>

                  <view class="item_d_left_item" v-if="item.meetingStatus === 1" @click.stop="closeRoom(item.meetingStatus, item.id)">

                     <image src="@/static/meeting/icon/ic_cancel@2x.png" mode="widthFix"></image>

            <view

              class="item_d_left_item"

              v-if="item.meetingStatus === 1"

              @click.stop="closeRoom(item.meetingStatus, item.id)"

            >

              <image

                src="@/static/meeting/icon/ic_cancel@2x.png"

                mode="widthFix"

              ></image>

                     <text>取消</text>

                  </view>

               </view>

               <view class="item_d_right" @click.stop="getQrCodes(item.id, item.roomName)">

          <view

            class="item_d_right"

            @click.stop="getQrCodes(item.id, item.roomName)"

          >

                  开门码

               </view>

            </view>

@@ -73,9 +114,16 @@
      

      <!-- 开门码 -->

      <view class="details_ma">

         <u-popup :show="show" :closeable="true" :safeAreaInsetBottom="false" :round="0" mode="center" @close="close">

      <u-popup

        :show="show"

        :closeable="true"

        :safeAreaInsetBottom="false"

        :round="0"

        mode="center"

        @close="close"

      >

            <view class="box">

               <text class="box_a">{{roomName || ''}}</text>

          <text class="box_a">{{ roomName || "" }}</text>

               <!-- <text class="box_b">二维码{{time}}秒内有效</text> -->

               <text class="box_b" v-if="time > 0">二维码{{time}}秒内有效</text>

               <text class="box_b" v-else>二维码已过期，请点击二维码刷新</text>

@@ -93,12 +141,13 @@
      <u-modal

      :show="show1"

      title="提示"

      content='是否确认取消当前会议'

      content="是否确认取消当前会议"

      @confirm="confirm"

      @cancel="close1"

      ref="uModal"

      :showCancelButton="true"

      asyncClose="true"></u-modal>

      asyncClose="true"

    ></u-modal>

   </view>

</template>



@@ -134,7 +183,7 @@
               path: '',

               imageUrl: 'https://dmtest.ahapp.net/file/projects/20230511/13f256b832db4a4fadc5e6770f5727bf.png'

            }

         };

    }

      },

      computed: {

         ...mapState(['token'])

@@ -164,7 +213,7 @@
            uni.showLoading({

               title: '加载中',

               mask: true

            });

      })

            uni.request({

               url: `${this.$baseUrl}web/meeting/getQrCodeImg?id=${this.Id}&token=${this.token}`,   //url地址

               method: 'GET',

@@ -182,9 +231,9 @@
                  }

               },

               complete() {

                  uni.hideLoading();

          uni.hideLoading()

               }

            });

      })

         },

         getTime() {

            this.timer = setInterval(() => {

@@ -232,9 +281,9 @@
                     title: '会议信息复制成功，去分享给同事吧~',

                     icon:'none',

                     duration: 2000

                  });

          })

               }

            });

      })

         },

         close1() {

            this.show1 = false

@@ -245,23 +294,23 @@
                  title: '会议不可取消',

                  icon: "none",

                  duration: 2000

               });

        })

               return

            }

            this.id = id

            this.show1 = true;

      this.show1 = true

         },

         confirm() {

            this.$u.api.reservationCancel({

               id: this.id

            }).then(res => {

               this.show1 = false;

        this.show1 = false

               if (res.code === 200) {

                  uni.showToast({

                     title: '取消成功',

                     icon: "none",

                     duration: 2000

                  });

          })

                  this.list.forEach((item, index) => {

                     if (item.id === this.id) {

                        this.list.splice(index, 1)

@@ -273,7 +322,7 @@
         jump(id) {

            uni.navigateTo({

               url: `/packagesMine/meetingDetails/meetingDetails?id=${id}`

            });

      })

         },

         close() {

            this.time = 0

@@ -284,9 +333,9 @@
            uni.setScreenBrightness({

               value: 0.5,

               success: function () {

                  console.log('success');

          console.log('success')

               }

            });

      })

         },

         getQrCodes(id, roomName) {

            this.Id = id

@@ -301,9 +350,9 @@
            uni.setScreenBrightness({

               value: 1,

               success: function () {

                  console.log('success');

          console.log('success')

               }

            });

      })

         },

         clickItem(index) {

            this.i = index

@@ -364,7 +413,7 @@
                  font-size: 28rpx;

                  font-family: PingFangSC-Regular, PingFang SC;

                  font-weight: 400;

                  color: #0055FF;

          color: #0055ff;

                  margin-top: 40rpx;

               }

               .qrcode {

@@ -409,7 +458,7 @@
         .yuyue_head_input /deep/ {

            width: 100%;

            height: 72rpx;

            background: #F7F7F7;

      background: #f7f7f7;

            border-radius: 4rpx;

            .u-border {

               border: none !important;

@@ -436,13 +485,13 @@
               .yuyue_head_list_item_active {

                  font-size: 30rpx;

                  font-family: PingFangSC-Medium, PingFang SC;

                  font-weight: 500;

          font-weight: 600;

                  color: #222222;

               }

               .yuyue_head_list_item_h {

                  width: 60rpx;

                  height: 4rpx;

                  background: #0055FF;

          background: #0055ff;

                  border-radius: 3rpx;

                  position: absolute;

                  bottom: -30rpx;

@@ -493,18 +542,18 @@
                  color: #222222;

               }

               .item_a_one {

                  border: 2rpx solid #F62710 !important;

          border: 2rpx solid #f62710 !important;

                  font-size: 22rpx;

                  font-family: PingFangSC-Regular, PingFang SC;

                  font-weight: 400;

                  color: #F62710;

          color: #f62710;

               }

               .item_a_two {                  

                  border: 2rpx solid #0055FF !important;

          border: 2rpx solid #0055ff !important;

                  font-size: 22rpx;

                  font-family: PingFangSC-Regular, PingFang SC;

                  font-weight: 400;

                  color: #0055FF;

          color: #0055ff;

               }

               .item_a_three {

                  border: 2rpx solid #999999 !important;

@@ -527,7 +576,7 @@
            .item_b {

               width: 100%;

               height: 1rpx;

               background-color: #E5E5E5;

        background-color: #e5e5e5;

               margin: 28rpx 0 30rpx 0;

            }

            .item_c {

@@ -604,12 +653,12 @@
                  height: 56rpx;

                  line-height: 56rpx;

                  text-align: center;

                  background: #0055FF;

          background: #0055ff;

                  border-radius: 4rpx;

                  font-size: 24rpx;

                  font-family: PingFangSC-Regular, PingFang SC;

                  font-weight: 400;

                  color: #FFFFFF;

          color: #ffffff;

               }

            }

         }