|  |  | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="乘车人员" prop="memberIds"> | 
 |  |  |           <el-select v-model="form.memberIds" multiple filterable placeholder="请选择"> | 
 |  |  |             <el-option v-for="item in memberList" :key="item.id" :label="item.name" :value="item.id"> | 
 |  |  |             <el-option v-for="item in memberList" | 
 |  |  |                        :key="item.memberId" :value="item.memberId" | 
 |  |  |                        :label="item.companyName ? `${item.realname}-${item.companyName}` : item.realname" > | 
 |  |  |             </el-option> | 
 |  |  |           </el-select> | 
 |  |  |         </el-form-item> | 
 |  |  | 
 |  |  | import { carCanReservationDate, carUseBookCraete, carUseBookList, detail } from '@/api/business/carUseBook' | 
 |  |  | import { findTypeMemberInfo } from '@/api/business/memberCard' | 
 |  |  | import dayjs from 'dayjs' | 
 |  |  | import { findAllList as userList } from '@/api/system/user' | 
 |  |  |  | 
 |  |  | export default { | 
 |  |  |   name: 'OperCarUseBookParamWindow', | 
 |  |  |   extends: BaseOpera, | 
 |  |  |   components: { GlobalWindow }, | 
 |  |  |   data() { | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       // 表单数据 | 
 |  |  |       isShowTime: false, | 
 |  |  | 
 |  |  |   //     immediate: true | 
 |  |  |   //   } | 
 |  |  |   // }, | 
 |  |  |   created() { | 
 |  |  |   created () { | 
 |  |  |     this.initData() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     open() { | 
 |  |  |     open () { | 
 |  |  |       this.title = '新建公务车用车申请' | 
 |  |  |       this.form = { | 
 |  |  |         type: 0, | 
 |  |  | 
 |  |  |       }) | 
 |  |  |       this.visible = true | 
 |  |  |     }, | 
 |  |  |     confirm() { | 
 |  |  |     confirm () { | 
 |  |  |       const form = JSON.parse(JSON.stringify(this.form)) | 
 |  |  |       this.$refs.formRef.validate((valid) => { | 
 |  |  |         const memberList = [] | 
 |  |  |         form.memberIds.forEach(i => { | 
 |  |  |           this.memberList.forEach(item => { | 
 |  |  |             if (i === item.id) { | 
 |  |  |             if (i === item.memberId) { | 
 |  |  |               memberList.push(item) | 
 |  |  |             } | 
 |  |  |           }) | 
 |  |  |         }) | 
 |  |  |         form.memberNames = memberList.map(i => i.name).join(',') | 
 |  |  |         form.memberNames = memberList.map(i => i.realname).join(',') | 
 |  |  |         form.memberList = memberList | 
 |  |  |         form.memberIds = form.memberIds.join(',') | 
 |  |  |         form.startTime = form.startTime + ':00' | 
 |  |  | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     openTime() { | 
 |  |  |     openTime () { | 
 |  |  |       const { form } = this | 
 |  |  |       if (!form.carId) { | 
 |  |  |         return this.$tip.error('请先选择车辆') | 
 |  |  | 
 |  |  |         this.isShowShiwai = true | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     changeType() { | 
 |  |  |     changeType () { | 
 |  |  |       this.$set(this.form, 'startTime', '') | 
 |  |  |       this.$set(this.form, 'endTime', '') | 
 |  |  |       this.$set(this.form, 'planUseDate', '') | 
 |  |  | 
 |  |  |         this.$refs.formRef.clearValidate() | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     clearTime() { | 
 |  |  |     clearTime () { | 
 |  |  |       this.isShowShiwai = false | 
 |  |  |       this.$set(this.form, 'startTime', '') | 
 |  |  |       this.$set(this.form, 'endTime', '') | 
 |  |  | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     subTime() { | 
 |  |  |     subTime () { | 
 |  |  |       if (this.info && this.info.length > 0) return | 
 |  |  |       if (this.form.type === 0) { | 
 |  |  |         const selTimeList = this.timeList.filter(i => i.checked == '1') | 
 |  |  | 
 |  |  |       } | 
 |  |  |       console.log('form', this.form) | 
 |  |  |     }, | 
 |  |  |     datetimeClick(item, index) { | 
 |  |  |     datetimeClick (item, index) { | 
 |  |  |       if (item.carUseBookId) { | 
 |  |  |         detail( | 
 |  |  |           item.carUseBookId | 
 |  |  | 
 |  |  |         this.selDatetime = '' | 
 |  |  |         this.selPastDatetime = '' | 
 |  |  |       } else { | 
 |  |  |         let pastList = selTimeLists.filter(i => i.pastFlag) | 
 |  |  |         if(pastList.length > 0){ | 
 |  |  |         const pastList = selTimeLists.filter(i => i.pastFlag) | 
 |  |  |         if (pastList.length > 0) { | 
 |  |  |           this.selPastDatetime = '当前选择包含已经过去时间,请确认后再提交;' | 
 |  |  |         }else{ | 
 |  |  |         } else { | 
 |  |  |           this.selPastDatetime = '' | 
 |  |  |         } | 
 |  |  |         this.selDatetime = this.form.dateDay.slice(5) + ' ' + selTimeLists[0].startHours + '-' + selTimeLists[selTimeLists.length - 1].endHours | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     seletedDate(e) { | 
 |  |  |     seletedDate (e) { | 
 |  |  |       this.gettimes() | 
 |  |  |     }, | 
 |  |  |     seletedShiwaiDate(str) { | 
 |  |  |     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 | 
 |  |  |         if(new Date(form.startTime).getTime() < new Date().getTime()){ | 
 |  |  |         if (new Date(form.startTime).getTime() < new Date().getTime()) { | 
 |  |  |           this.selPastDatetime = '当前选择包含已经过去时间,请确认后再提交;' | 
 |  |  |         }else{ | 
 |  |  |         } else { | 
 |  |  |           this.selPastDatetime = '' | 
 |  |  |         } | 
 |  |  |         carUseBookList({ | 
 |  |  | 
 |  |  |         }).then(res => { | 
 |  |  |           this.info = res || [] | 
 |  |  |         }) | 
 |  |  |       }else{ | 
 |  |  |       } else { | 
 |  |  |         this.selPastDatetime = '' | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     gettimes() { | 
 |  |  |     gettimes () { | 
 |  |  |       const { form } = this | 
 |  |  |       carCanReservationDate({ | 
 |  |  |         dateDay: form.dateDay, | 
 |  |  | 
 |  |  |       }).then(res => { | 
 |  |  |         this.timeList = res || [] | 
 |  |  |         this.timeList.forEach((i, j) => { | 
 |  |  |           i.pastFlag = new Date().getTime() > new Date(i.startTime).getTime()           | 
 |  |  |           i.pastFlag = new Date().getTime() > new Date(i.startTime).getTime() | 
 |  |  |           i.checked = '0', | 
 |  |  |           i.index = j | 
 |  |  |         }) | 
 |  |  |          | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     initData() { | 
 |  |  |     initData () { | 
 |  |  |       getCarList({ | 
 |  |  |         type: 0 | 
 |  |  |       }).then(res => { | 
 |  |  |         this.carsList = res | 
 |  |  |       }) | 
 |  |  |       findTypeMemberInfo({ | 
 |  |  |       userList({ queryParam: this.filterText, querySpecial: 1, type: 2, companyType: 1, workStatus: 0 }) | 
 |  |  |         .then(res => { | 
 |  |  |           this.memberList = res || [] | 
 |  |  |         }) | 
 |  |  |       /* findTypeMemberInfo({ | 
 |  |  |         type: '2', | 
 |  |  |         companyType: 1, | 
 |  |  |         querySpecial: 1 | 
 |  |  |       }).then(res => { | 
 |  |  |         this.memberList = res || [] | 
 |  |  |       }) | 
 |  |  |       }) */ | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | 
 |  |  |     border: #cccccc solid 1px; | 
 |  |  |     cursor: pointer; | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |   .disable { | 
 |  |  |     color: #fff; |