|  |  | 
 |  |  |                 v-for="(item, i) in timeList" | 
 |  |  |                 :key="i" | 
 |  |  |               > | 
 |  |  |                 {{ item.startHours }}-{{ item.endHours }} | 
 |  |  |                 {{ item.startHours }} - {{ item.endHours }} | 
 |  |  |               </div> | 
 |  |  |             </div> | 
 |  |  |           </div> | 
 |  |  | 
 |  |  |         <el-form-item label="用车开始时间" prop="startTime"> | 
 |  |  |           <el-date-picker | 
 |  |  |             v-model="form.startTime" | 
 |  |  |             format="yyyy-MM-dd HH:mm" | 
 |  |  |             format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             type="datetime" | 
 |  |  |             :picker-options="pickerOptions" | 
 |  |  |             @change="seletedShiwaiDate" | 
 |  |  |             :default-time="defaultTime" | 
 |  |  |             :picker-options="pickerOptionsNow" | 
 |  |  |             @change="seletedShiwaiDate(1)" | 
 |  |  |           > | 
 |  |  |           </el-date-picker> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="用车结束时间" prop="endTime"> | 
 |  |  |           <el-date-picker | 
 |  |  |             v-model="form.endTime" | 
 |  |  |             format="yyyy-MM-dd HH:mm" | 
 |  |  |             format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             type="datetime" | 
 |  |  |             :default-time="defaultTime" | 
 |  |  |             :picker-options="pickerOptions" | 
 |  |  |             @change="seletedShiwaiDate" | 
 |  |  |           > | 
 |  |  | 
 |  |  |  | 
 |  |  |       memberList: [], | 
 |  |  |       timeList: [], | 
 |  |  |       defaultTime: dayjs().format('HH:mm:ss'), | 
 |  |  |       selDatetime: '', | 
 |  |  |       colorOptions: [ | 
 |  |  |         { color: this.$store.state.primaryColor, name: '已选择' }, | 
 |  |  | 
 |  |  |         }, | 
 |  |  |         selectableRange: '00:00:00 - 23:59:59' | 
 |  |  |       }, | 
 |  |  |       pickerOptionsNow: { | 
 |  |  |         disabledDate: (time) => { | 
 |  |  |           return time.getTime() < Date.now() - 8.64e7; | 
 |  |  |         } | 
 |  |  |       }, | 
 |  |  |       // 验证规则 | 
 |  |  |       rules: { | 
 |  |  |         type: [{ required: true, message: '请选择', trigger: 'change' }], | 
 |  |  | 
 |  |  |       handler (newValue, oldValue) { | 
 |  |  |         if (newValue) { | 
 |  |  |           this.$set(this.pickerOptions, 'selectableRange', this.form.startTime.slice(11, 19) + ' - ' + this.form.endTime.slice(11, 19)) | 
 |  |  |           // this.startPickerOptions = this.startPickerOptions | 
 |  |  |         } | 
 |  |  |       }, | 
 |  |  |       deep: true, | 
 |  |  |       immediate: true | 
 |  |  |     }, | 
 |  |  |     'form.startTime': { | 
 |  |  |       handler (newValue, oldValue) { | 
 |  |  |         if (newValue) { | 
 |  |  |           this.$set(this.pickerOptions, 'selectableRange', this.form.startTime.slice(11, 19) + ' - ' + '23:59:59') | 
 |  |  |           // this.startPickerOptions = this.startPickerOptions | 
 |  |  |         } | 
 |  |  |       }, | 
 |  |  | 
 |  |  |         this.isShowTime = true | 
 |  |  |       } else { | 
 |  |  |         this.clearTime() | 
 |  |  |         this.selDatetime = '' | 
 |  |  |         this.isShowShiwai = true | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  | 
 |  |  |     seletedDate (e) { | 
 |  |  |       this.gettimes() | 
 |  |  |     }, | 
 |  |  |     seletedShiwaiDate () { | 
 |  |  |     seletedShiwaiDate (str) { | 
 |  |  |       const { form } = this | 
 |  |  |       if(str && str == 1){ | 
 |  |  |         this.$set(this.form, 'endTime', '') | 
 |  |  |       } | 
 |  |  |       if (form.startTime && form.endTime) { | 
 |  |  |         this.selDatetime = form.startTime + '-' + form.endTime | 
 |  |  |         this.selDatetime = form.startTime + ' - ' + form.endTime | 
 |  |  |         carUseBookList({ | 
 |  |  |           carId: form.carId, | 
 |  |  |           startTime: form.startTime, | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     initData () { | 
 |  |  |       getCarList({ | 
 |  |  |         type: 1 | 
 |  |  |         type: 0 | 
 |  |  |       }).then(res => { | 
 |  |  |         this.carsList = res | 
 |  |  |       }) | 
 |  |  |       findTypeMemberInfo({ | 
 |  |  |         type: '2' | 
 |  |  |         type: '2', | 
 |  |  |         companyType: 1 | 
 |  |  |       }).then(res => { | 
 |  |  |         this.memberList = res || [] | 
 |  |  |       }) |