|  |  | 
 |  |  |           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="请选择预定日期" | 
 |  |  | 
 |  |  |   .time-item { | 
 |  |  |     margin-right: 8px; | 
 |  |  |     margin-bottom: 8px; | 
 |  |  |     border: #111 solid 1px; | 
 |  |  |     font-size: 14px; | 
 |  |  |     font-weight: 500; | 
 |  |  |     font-weight: 400; | 
 |  |  |     line-height: 14px; | 
 |  |  |     width: 124px; | 
 |  |  |     height: 36px; | 
 |  |  | 
 |  |  |     align-items: center; | 
 |  |  |     border-radius: 5px; | 
 |  |  |     color: #111; | 
 |  |  |     border: #cccccc solid 1px; | 
 |  |  |     cursor: pointer; | 
 |  |  |   } | 
 |  |  |   .time-item-sel { | 
 |  |  |     border-color: $primary-color; |