|  |  | 
 |  |  |     :visible.sync="visible" | 
 |  |  |     :confirm-working="isWorking" | 
 |  |  |     @confirm="confirm" | 
 |  |  |     width="840px" | 
 |  |  |   > | 
 |  |  |     <el-form :model="form" ref="form" :rules="rules" label-width="120px" label-suffix=":"> | 
 |  |  |       <el-form-item label="关联会议室" prop="roomId"> | 
 |  |  | 
 |  |  |           v-model="form.roomId" | 
 |  |  |           filterable | 
 |  |  |           clearable | 
 |  |  |           :disabled="isEdit" | 
 |  |  |           placeholder="请选择关联会议室" | 
 |  |  |           @change="selectRoom" | 
 |  |  |         > | 
 |  |  | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="预定日期" prop="date"> | 
 |  |  |         <el-date-picker | 
 |  |  |           :disabled="isEdit" | 
 |  |  |           v-model="form.date" | 
 |  |  |           value-format="yyyy-MM-dd" | 
 |  |  |           placeholder="请选择预定日期" | 
 |  |  | 
 |  |  |     userList({ | 
 |  |  |       page: 1, | 
 |  |  |       capacity: 9999, | 
 |  |  |       model: { realname: this.filterText } | 
 |  |  |       model: { realname: this.filterText, memberType: 2, companyType: 1 } | 
 |  |  |     }) | 
 |  |  |       .then(res => { | 
 |  |  |         console.log('userList', res) | 
 |  |  | 
 |  |  |             this.$emit('success') | 
 |  |  |           }) | 
 |  |  |           .catch(e => { | 
 |  |  |             this.$tip.apiFailed(e) | 
 |  |  |             // this.$tip.apiFailed(e) | 
 |  |  |           }) | 
 |  |  |           .finally(() => { | 
 |  |  |             this.isWorking = false | 
 |  |  | 
 |  |  |             this.$emit('success') | 
 |  |  |           }) | 
 |  |  |           .catch(e => { | 
 |  |  |             this.$tip.apiFailed(e) | 
 |  |  |             // this.$tip.apiFailed(e) | 
 |  |  |           }) | 
 |  |  |           .finally(() => { | 
 |  |  |             this.isWorking = false | 
 |  |  | 
 |  |  |   .time-item { | 
 |  |  |     margin-right: 8px; | 
 |  |  |     margin-bottom: 8px; | 
 |  |  |     border: #111 solid 1px; | 
 |  |  |     font-size: 14px; | 
 |  |  |     font-weight: 400; | 
 |  |  |     line-height: 14px; | 
 |  |  |     padding: 5px; | 
 |  |  |     width: 124px; | 
 |  |  |     height: 36px; | 
 |  |  |     display: flex; | 
 |  |  |     justify-content: center; | 
 |  |  |     align-items: center; | 
 |  |  |     border-radius: 5px; | 
 |  |  |     color: #111; | 
 |  |  |     border: #cccccc solid 1px; | 
 |  |  |     cursor: pointer; | 
 |  |  |   } | 
 |  |  |   .time-item-sel { | 
 |  |  |     border-color: $primary-color; | 
 |  |  |     background-color: $primary-color; | 
 |  |  |     color: #fff; | 
 |  |  |     background-color: #f6f9fe; | 
 |  |  |     color: $primary-color; | 
 |  |  |   } | 
 |  |  |   .time-item-disable { | 
 |  |  |     color: #e4e4e4; | 
 |  |  |     border-color: #999; | 
 |  |  |     background-color: #999; | 
 |  |  |     color: #fff; | 
 |  |  |     border-color: #cccccc; | 
 |  |  |     background-color: #cccccc; | 
 |  |  |   } | 
 |  |  |   .disable{ | 
 |  |  |     border-color: #999; | 
 |  |  |     background-color: #999; | 
 |  |  |     color: #111; | 
 |  |  |     border-color: #bed6f9; | 
 |  |  |     background-color: #bed6f9; | 
 |  |  |     color: #fff; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | .detail_modal { |