会议室

liukangdong

2024-05-11 1fca80283023ea57b04ee48f40d13b7c61e54ca6

 h5/pages/staff/meetingCalendar.vue

@@ -12,7 +12,23 @@
      </view>
      <!--  -->
      <template v-if="activeTab == '0'">
         <uni-calendar @change="changeCalendar" :selected="selected" />
         <!-- <uni-calendar @change="changeCalendar" :selected="selected" /> -->

         <!-- 日历 -->

         <view class="container_b">

            <Calendar

               ref="Calendar"

               :currentTime="currentTime1"

               :mark="mark"

               :showLunar="false"

               @dayChange="dayChange"

               @monthChange="monthChange"

               :rangeMode="false"

               :maskColor="'#ffffff'"

               :dateStart="dateStart"

               :dateEnd="dateEnd"

               :canDrag="false"

            ></Calendar>

         </view>

         <!--  -->
         <view class="card_list">
            <view class="card_title">
@@ -84,6 +100,8 @@
</template>

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

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

function getDate(date, AddDayCount = 0) {
   if (!date) {
      date = new Date();
@@ -107,9 +125,16 @@
   };
}
export default {
   components: {

      Calendar

   },

   data() {
      return {
         activeTab: '0',
         currentTime1: '',

         dateStart: '1999-05-01',

         dateEnd: '2999-06-15',

         mark: [],

         selected: [
            {
               date: getDate(new Date(), -3).fullDate
@@ -137,11 +162,40 @@
      handleDetail(item) {
         uni.navigateTo({
            // url: `/pages/staff/meetingDetail?id=${item.id}`,
            url: `/pages/staff/meetingDetail`,
         })
            url: `/pages/staff/meetingDetail`

         });

      },
      changeCalendar(e) {
         console.log(e);
      },

      // 点击某天

      dayChange(data) {

         console.log(data);

         let date = data.time;

         let yyyy = data.time.substring(0, 4);

         let mm = Number(data.time.substring(data.time.indexOf('-') + 1, data.time.lastIndexOf('-')));

         let dd = Number(data.time.substring(data.time.lastIndexOf('-') + 1, data.time.length));

         mm = mm < 10 ? `0${mm}` : mm;

         dd = dd < 10 ? `0${dd}` : dd;

         let riqi = `${yyyy}-${mm}-${dd}`;

         this.currentTime = riqi;

         this.list = [];

         this.next = false;

         this.page = 0;

         // this.getRoomList()

      },

      // 下一月

      monthChange(data) {

         let date = data.date.replace(/[/]/g, '-');

         let yyyy = date.substring(0, 4);

         let mm = Number(date.substring(date.indexOf('-') + 1, date.lastIndexOf('-')));

         let dd = Number(date.substring(date.lastIndexOf('-') + 1, date.length));

         mm = mm < 10 ? `0${mm}` : mm;

         dd = dd < 10 ? `0${dd}` : dd;

         let riqi = `${yyyy}-${mm}-${dd}`;

         console.log('日期', riqi);

         this.currentTime1 = riqi;

         // this.getDateNum()

      }
   }
};
@@ -278,4 +332,11 @@
      }
   }
}
.container_b {

   width: 100%;

   padding: 30rpx;

   background: #ffffff;

   padding-top: 20rpx;

   box-sizing: border-box;

}

</style>