| | |
| | | :picker-options="{ |
| | | disabledDate(time) { |
| | | return time.getTime() < Date.now() - 8.64e7; |
| | | } |
| | | }, |
| | | }" |
| | | @change="seletedDate" |
| | | > |
| | |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="datetime" |
| | | :picker-options="pickerOptions" |
| | | default-time="08:00:00" |
| | | @change="seletedShiwaiDate" |
| | | > |
| | | </el-date-picker> |
| | |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="datetime" |
| | | :picker-options="pickerOptions" |
| | | default-time="08:00:00" |
| | | @change="seletedShiwaiDate" |
| | | > |
| | | </el-date-picker> |
| | |
| | | name: 'OperCarUseBookParamWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow }, |
| | | data () { |
| | | data() { |
| | | return { |
| | | // 表单数据 |
| | | isShowTime: false, |
| | |
| | | }, |
| | | pickerOptions: { |
| | | disabledDate: (time) => { |
| | | if (this.form.startTime && this.form.endTime) { |
| | | if (this.form.startTime) { |
| | | const minTime = new Date(this.form.startTime).getTime() - 8.64e7 |
| | | const maxTime = new Date(this.form.endTime).getTime() |
| | | const maxTime = this.form.endTime ? new Date(this.form.endTime).getTime() : '' |
| | | return ( |
| | | time.getTime() < minTime || time.getTime() > maxTime |
| | | // maxTime ? time.getTime() < minTime || time.getTime() > maxTime : time.getTime() < minTime |
| | | time.getTime() < minTime |
| | | ) |
| | | } else { |
| | | return time.getTime() < Date.now() - 8.64e7 |
| | | } |
| | | }, |
| | | selectableRange: '00:00:00 - 23:59:59' |
| | | } |
| | | }, |
| | | pickerOptions2: { |
| | | disabledDate: (time) => { |
| | |
| | | const minTime = new Date(this.form.startTime).getTime() |
| | | const maxTime = new Date(this.form.endTime).getTime() |
| | | return ( |
| | | time.getTime() < minTime || time.getTime() > maxTime |
| | | time.getTime() < minTime - 8.64e7 || time.getTime() > maxTime |
| | | ) |
| | | } else { |
| | | return time.getTime() < Date.now() - 8.64e7 |
| | |
| | | } |
| | | } |
| | | }, |
| | | computed: { |
| | | |
| | | }, |
| | | watch: { |
| | | 'form.planUseDate': { |
| | | handler (newValue, oldValue) { |
| | | 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 |
| | | } |
| | | }, |
| | | deep: true, |
| | | 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 = [] |
| | |
| | | } |
| | | }) |
| | | }, |
| | | openTime () { |
| | | openTime() { |
| | | const { form } = this |
| | | if (!form.carId) { |
| | | return this.$tip.error('请先选择车辆') |
| | |
| | | this.isShowShiwai = true |
| | | } |
| | | }, |
| | | subTime () { |
| | | subTime() { |
| | | if (this.form.type === 0) { |
| | | const selTimeList = this.timeList.filter(i => i.checked == '1') |
| | | if (selTimeList.length === 0) { |
| | |
| | | }) |
| | | } |
| | | }, |
| | | datetimeClick (item, index) { |
| | | datetimeClick(item, index) { |
| | | if (item.isUse == '1') return |
| | | const { timeList } = this |
| | | const selTimeList = timeList.filter(i => i.checked == '1') |
| | |
| | | this.selDatetime = this.form.dateDay.slice(5) + ' ' + selTimeLists[0].startHours + '-' + selTimeLists[selTimeLists.length - 1].endHours |
| | | } |
| | | }, |
| | | seletedDate (e) { |
| | | seletedDate(e) { |
| | | this.gettimes() |
| | | }, |
| | | seletedShiwaiDate () { |
| | | seletedShiwaiDate() { |
| | | const { form } = this |
| | | if (form.startTime && form.endTime) { |
| | | this.selDatetime = form.startTime + '-' + form.endTime |
| | |
| | | }) |
| | | } |
| | | }, |
| | | gettimes () { |
| | | gettimes() { |
| | | const { form } = this |
| | | carCanReservationDate({ |
| | | dateDay: form.dateDay, |
| | |
| | | this.timeList = res || [] |
| | | this.timeList.forEach((i, j) => { |
| | | i.checked = '0', |
| | | i.index = j |
| | | i.index = j |
| | | }) |
| | | }) |
| | | }, |
| | | initData () { |
| | | initData() { |
| | | getCarList({ |
| | | type: 1 |
| | | }).then(res => { |