‘’

liukangdong

2024-06-03 86005dc980106809704a7df9ecf201c8ef3db9f7

 h5/pages/staff/meetingCalendar.vue

@@ -71,26 +71,30 @@
      <template v-if="activeTab === '1'">

         <view class="card_list">

            <view class="list">

               <view class="item" @click="handleDetail()">

               <view class="item" v-for="item in recordList" :key="item.id" @click="handleDetail(item.id)">

                  <view class="head">

                     <view class="name">aaaaa选型</view>

                     <view class="status">即将开始</view>

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

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

                     <view class="status red" v-if="item.meetingStatus == '2'">进行中</view>

                     <view class="status" v-if="item.meetingStatus == '3'">已结束</view>

                     <view class="status padding" v-if="item.meetingStatus == '4'">即将开始</view>

                     <view class="status" v-if="item.meetingStatus == '5'">已撤销</view>

                  </view>

                  <view class="line">

                     <view class="label">会议时间：</view>

                     <view class="value">12:00-12</view>

                     <view class="value">{{ item.meetingTime    }}</view>

                  </view>

                  <view class="line">

                     <view class="label">会议室：</view>

                     <view class="value">202会议室</view>

                     <view class="value">{{ item.roomName }}</view>

                  </view>

                  <view class="line">

                     <view class="label">预约人：</view>

                     <view class="value">杨某某</view>

                     <view class="value">{{ item.bookingUser }}</view>

                  </view>

                  <view class="line">

                     <view class="label">备注：</view>

                     <view class="value">--</view>

                     <view class="value">{{ item.remark }}</view>

                  </view>

               </view>

            </view>

@@ -102,6 +106,7 @@
<script>

import Calendar from '@/components/Li-Calendar/Li-Calendar.vue';

import { getDay } from '@/utils/utils.js';

import { myMeetingPage } from '@/api'

function getDate(date, AddDayCount = 0) {

   if (!date) {

      date = new Date();

@@ -131,6 +136,8 @@
   data() {

      return {

         activeTab: '0',

         recordList: [],

         recordPage: 1,

         currentTime1: '',

         dateStart: '1999-05-01',

         dateEnd: '2999-06-15',

@@ -152,17 +159,23 @@
               date: getDate(new Date(), -1).fullDate,

               info: '已打卡'

            }

         ]

         ],



      };

   },

   methods: {

      tabClick(val) {

         this.activeTab = val;

         if(val === '1'){

            this.getRecordList()

         }else{

            this.getList()

         }

      },

      handleDetail(item) {

      handleDetail(id) {

         uni.navigateTo({

            // url: `/pages/staff/meetingDetail?id=${item.id}`,

            url: `/pages/staff/meetingDetail`

            url: `/pages/staff/meetingDetail?id=${id}`,

            // url: `/pages/staff/meetingDetail`

         });

      },

      changeCalendar(e) {

@@ -196,7 +209,22 @@
         console.log('日期', riqi);

         this.currentTime1 = riqi;

         // this.getDateNum()

      },

      getList(){},

      getRecordList() {

         const { activeStatus } = this

      myMeetingPage({

        capacity: 10,

        page: this.recordPage,

        model: {

               // status: activeStatus.key || null,

          // roomsId: this.roomId,

          queryType: 2

      }

      }).then(res => {

            this.recordList = res.data.records

         })

    },

   }

};

</script>

@@ -295,6 +323,7 @@
            padding: 0rpx 30rpx 30rpx;

            background: #ffffff;

            border-radius: 8rpx;

            margin-bottom: 24rpx;

            .head {

               display: flex;

               justify-content: space-between;

@@ -316,6 +345,14 @@
                  font-size: 22rpx;

                  color: #999999;

               }

               .padding{

                  color: $uni-color-primary;

                  border: 1rpx solid $uni-color-primary;

               }

               .red{

                  color: #e23f29;

                  border: 1rpx solid #e23f29;

               }

            }

            .line {

               display: flex;