|  |  |  | 
|---|
|  |  |  | <view class="container_b"> | 
|---|
|  |  |  | <Calendar | 
|---|
|  |  |  | ref="Calendar" | 
|---|
|  |  |  | :currentTime="currentTime1" | 
|---|
|  |  |  | :currentTime="currentDate" | 
|---|
|  |  |  | :mark="mark" | 
|---|
|  |  |  | :showLunar="false" | 
|---|
|  |  |  | @dayChange="dayChange" | 
|---|
|  |  |  | 
|---|
|  |  |  | <view class="icon"></view> | 
|---|
|  |  |  | <view class="text">今日会议</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="meeting"> | 
|---|
|  |  |  | <view class="text mr24">全部会议室</view> | 
|---|
|  |  |  | <view class="meeting" @click="isShowStatus = true"> | 
|---|
|  |  |  | <view class="text mr24">{{ activeStatus.name }}</view> | 
|---|
|  |  |  | <u-icon name="arrow-down" size="12" color="#999999" /> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--  --> | 
|---|
|  |  |  | <u-picker | 
|---|
|  |  |  | keyName="name" | 
|---|
|  |  |  | :show="isShowStatus" | 
|---|
|  |  |  | :columns="statusList" | 
|---|
|  |  |  | @confirm="seletedStatus" | 
|---|
|  |  |  | @cancel="isShowStatus = false" | 
|---|
|  |  |  | ></u-picker> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </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(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (typeof date !== 'object') { | 
|---|
|  |  |  | date = date.replace(/-/g, '/'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | const dd = new Date(date); | 
|---|
|  |  |  | import Calendar from '@/components/Li-Calendar/Li-Calendar.vue' | 
|---|
|  |  |  | import dayjs from 'dayjs' | 
|---|
|  |  |  | import { myMeetingPage } from '@/api' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | dd.setDate(dd.getDate() + AddDayCount); // 获取AddDayCount天后的日期 | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const y = dd.getFullYear(); | 
|---|
|  |  |  | const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1; // 获取当前月份的日期,不足10补0 | 
|---|
|  |  |  | const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate(); // 获取当前几号,不足10补0 | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | fullDate: y + '-' + m + '-' + d, | 
|---|
|  |  |  | year: y, | 
|---|
|  |  |  | month: m, | 
|---|
|  |  |  | date: d, | 
|---|
|  |  |  | day: dd.getDay() | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | Calendar | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | activeTab: '0', | 
|---|
|  |  |  | currentTime1: '', | 
|---|
|  |  |  | dateStart: '1999-05-01', | 
|---|
|  |  |  | currentDate: '', | 
|---|
|  |  |  | dateStart: '2024-01-01', | 
|---|
|  |  |  | dateEnd: '2999-06-15', | 
|---|
|  |  |  | mark: [], | 
|---|
|  |  |  | selected: [ | 
|---|
|  |  |  | mark: [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | date: getDate(new Date(), -3).fullDate | 
|---|
|  |  |  | // info: '打卡' | 
|---|
|  |  |  | time: '2024-05-30' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | date: getDate(new Date(), -2).fullDate, | 
|---|
|  |  |  | // info: '签到', | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | custom: '自定义信息', | 
|---|
|  |  |  | name: '自定义消息头' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | time: '2024-05-22', | 
|---|
|  |  |  | pointText: 'aaa', | 
|---|
|  |  |  | pointTextColor: '#fff' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | date: getDate(new Date(), -1).fullDate, | 
|---|
|  |  |  | info: '已打卡' | 
|---|
|  |  |  | time: '2024-05-28', | 
|---|
|  |  |  | text: ['111','222'], | 
|---|
|  |  |  | pointTextColor: '#fff' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | activeStatus: { | 
|---|
|  |  |  | name: '全部会议室' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | isShowStatus: false, | 
|---|
|  |  |  | statusList: [[ | 
|---|
|  |  |  | { name: '全部会议室', key: '' }, | 
|---|
|  |  |  | { name: '未开始', key: '1' }, | 
|---|
|  |  |  | { name: '已结束', key: '2' }, | 
|---|
|  |  |  | ]], | 
|---|
|  |  |  | dataList: [], | 
|---|
|  |  |  | page: 1 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onLoad() { | 
|---|
|  |  |  | this.currentDate = dayjs().format('YYYY-MM-DD') | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | tabClick(val) { | 
|---|
|  |  |  | this.activeTab = val; | 
|---|
|  |  |  | getList() { | 
|---|
|  |  |  | const { activeStatus } = this | 
|---|
|  |  |  | myMeetingPage({ | 
|---|
|  |  |  | capacity: 10, | 
|---|
|  |  |  | page: this.page, | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | queryDate: this.currentDate, | 
|---|
|  |  |  | status: activeStatus.key || null, | 
|---|
|  |  |  | // roomsId: this.roomId, | 
|---|
|  |  |  | queryType: 1 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.dataList = res.data.records | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDetail(item) { | 
|---|
|  |  |  | uni.navigateTo({ | 
|---|
|  |  |  | // url: `/pages/staff/meetingDetail?id=${item.id}`, | 
|---|
|  |  |  | url: `/pages/staff/meetingDetail` | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeCalendar(e) { | 
|---|
|  |  |  | console.log(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; | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 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() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | seletedStatus(e) { | 
|---|
|  |  |  | this.activeStatus = { ...e.value[0] } | 
|---|
|  |  |  | this.isShowStatus = false | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | 
|---|
|  |  |  | padding: 0; | 
|---|
|  |  |  | background-color: #f7f7f7; | 
|---|
|  |  |  | ::v-deep .uni-calendar-item--checked { | 
|---|
|  |  |  | background-color: #279baa; | 
|---|
|  |  |  | background-color: $uni-color-primary; | 
|---|
|  |  |  | border-radius: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ::v-deep .uni-calendar-item--isDay-text { | 
|---|
|  |  |  | color: #279baa; | 
|---|
|  |  |  | color: $uni-color-primary; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ::v-deep .calendar-point { | 
|---|
|  |  |  | /* background-color: $uni-color-primary; */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep .uni-calendar-item--isDay { | 
|---|
|  |  |  | background-color: #279baa; | 
|---|
|  |  |  | background-color: $uni-color-primary; | 
|---|
|  |  |  | color: #fff; | 
|---|
|  |  |  | border-radius: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | color: #222222; | 
|---|
|  |  |  | .line { | 
|---|
|  |  |  | background-color: #279baa; | 
|---|
|  |  |  | background-color: $uni-color-primary; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | .icon { | 
|---|
|  |  |  | width: 6rpx; | 
|---|
|  |  |  | height: 32rpx; | 
|---|
|  |  |  | background: #279baa; | 
|---|
|  |  |  | background: $uni-color-primary; | 
|---|
|  |  |  | border-radius: 4rpx; | 
|---|
|  |  |  | margin-right: 16rpx; | 
|---|
|  |  |  | } | 
|---|