|  |  | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="起止时间" prop="startTime"> | 
 |  |  |         <el-date-picker v-model="date" type="datetimerange" range-separator="至" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |         <!-- <el-date-picker v-model="date" type="datetimerange" range-separator="至" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |           :default-time="['00:00:00', '23:59:59']" start-placeholder="开始时间" end-placeholder="结束时间" | 
 |  |  |           @change="selectDate"></el-date-picker> | 
 |  |  |         <!-- <el-date-picker v-model="searchForm.startTime" value-format="yyyy-MM-dd" placeholder="请输入开始时间" @change="search"/> --> | 
 |  |  |           @change="selectDate"></el-date-picker> --> | 
 |  |  |         <el-date-picker type="datetime" v-model="searchForm.startTime" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |           placeholder="请选择开始时间" @change="changeRadio" /> | 
 |  |  |         <el-date-picker type="datetime" v-model="searchForm.endTime" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |           placeholder="请选择结束时间" @change="changeRadio" /> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> | 
 |  |  |         <el-radio-button label="0">当天</el-radio-button> | 
 |  |  | 
 |  |  |         <el-radio-button label="2">近30天</el-radio-button> | 
 |  |  |       </el-radio-group> | 
 |  |  |       <!-- <el-form-item label="结束时间" prop="endTime"> | 
 |  |  |         <el-date-picker v-model="searchForm.endTime" value-format="yyyy-MM-dd" placeholder="请输入结束时间" @change="search"/> | 
 |  |  |         <el-date-picker v-model="searchForm.endTime" value-format="yyyy-MM-dd" placeholder="请选择结束时间" @change="search"/> | 
 |  |  |       </el-form-item> --> | 
 |  |  |       <section> | 
 |  |  |         <el-button type="primary" @click="search">搜索</el-button> | 
 |  |  | 
 |  |  |           <template slot-scope="{ row }"> | 
 |  |  |             <template> | 
 |  |  |               <el-button type="text" @click="$refs.operaBookingsDetailWindow.open('会议详情', row)">查看详情</el-button> | 
 |  |  |               <el-button v-if="row.meetingStatus == '1' && row.creator === userInfo.id" type="text" | 
 |  |  |                 @click="$refs.operaBookingsWindow.open('编辑会议预约', row)">编辑</el-button> | 
 |  |  |               <el-button v-if=" (row.meetingStatus == '1' || row.meetingStatus == '4') &&row.creator === userInfo.id " type="text"  @click="$refs.operaBookingsWindow.open('编辑会议预约', row)">编辑</el-button> | 
 |  |  |               <el-button type="text" | 
 |  |  |                 v-if="row.creator === userInfo.id && (row.meetingStatus == '1' || row.meetingStatus == '4')" | 
 |  |  |                 v-if="row.hasRole ==1 && (row.meetingStatus == '1' || row.meetingStatus == '4')" | 
 |  |  |                 @click="handleStart(row)">开始</el-button> | 
 |  |  |               <el-button type="text" v-if="row.creator === userInfo.id && row.meetingStatus == '2'" | 
 |  |  |               <el-button type="text" v-if=" row.hasRole ==1&& row.meetingStatus == '2'" | 
 |  |  |                 @click="handleEnd(row)">结束</el-button> | 
 |  |  |               <el-button v-if="row.creator === userInfo.id && (row.meetingStatus == '1' || row.meetingStatus == '4')" | 
 |  |  |                 type="text" @click="cancelMeeting(row.id)">撤回</el-button> | 
 |  |  |               <el-button v-if="row.hasRole ==1 && (row.meetingStatus == '1' || row.meetingStatus == '4')" type="text" @click="cancelMeeting(row.id)">撤回</el-button> | 
 |  |  |               <el-button  type="text" @click="deleteById(row)" class="red" v-permissions="['business:bookings:delete']">删除</el-button> | 
 |  |  |             </template> | 
 |  |  |             <!-- <el-button v-else type="text" @click="deleteById(row)" v-permissions="['business:bookings:delete']">删除</el-button> --> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |       </el-table> | 
 |  |  | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       date: [], | 
 |  |  |       userInfo: this.$store.state.userInfo, | 
 |  |  |       // userInfo: this.$store.state.userInfo, | 
 |  |  |       // 搜索 | 
 |  |  |       searchForm: { | 
 |  |  |         roomId: '', | 
 |  |  | 
 |  |  |       if (e === '0') { | 
 |  |  |         this.searchForm.startTime = timeForMat(0)[0] | 
 |  |  |         this.searchForm.endTime = timeForMat(0)[1] | 
 |  |  |         this.date = timeForMat(0) | 
 |  |  |       } else if (e === '1') { | 
 |  |  |         this.searchForm.startTime = timeForMat(6)[0] | 
 |  |  |         this.searchForm.endTime = timeForMat(6)[1] | 
 |  |  |         this.date = timeForMat(6) | 
 |  |  |       } else if (e === '2') { | 
 |  |  |         this.searchForm.startTime = timeForMat(29)[0] | 
 |  |  |         this.searchForm.endTime = timeForMat(29)[1] | 
 |  |  |         this.date = timeForMat(29) | 
 |  |  |       } else { | 
 |  |  |         this.searchForm.radio = '' | 
 |  |  |       } | 
 |  |  |       if (this.searchForm.startTime && this.searchForm.endTime && new Date(this.searchForm.startTime).getTime() > new Date(this.searchForm.endTime).getTime()) { | 
 |  |  |         this.$message.error('开始时间不能大于结束时间') | 
 |  |  |         this.searchForm.startTime = '' | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       this.search() | 
 |  |  |     }, |