Added min and max
This commit is contained in:
parent
ac917a69f6
commit
e0d89169c2
|
@ -28,8 +28,14 @@
|
||||||
</template>
|
</template>
|
||||||
</v-tooltip>
|
</v-tooltip>
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
<DateTimePicker v-model="dateIn" class="ma-2" label="Início" />
|
<DateTimePicker v-model="dateIn" class="ma-2" label="Início" :max="max" />
|
||||||
<DateTimePicker v-model="dateOut" class="ma-2" label="Fim" />
|
<DateTimePicker
|
||||||
|
v-model="dateOut"
|
||||||
|
class="ma-2"
|
||||||
|
label="Fim"
|
||||||
|
:max="max"
|
||||||
|
:min="min"
|
||||||
|
/>
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
|
|
||||||
<v-data-table
|
<v-data-table
|
||||||
|
@ -160,6 +166,12 @@ export default {
|
||||||
...log,
|
...log,
|
||||||
data: JSON.parse(log.data)
|
data: JSON.parse(log.data)
|
||||||
}))
|
}))
|
||||||
|
},
|
||||||
|
max() {
|
||||||
|
return this.formatDate(new Date())
|
||||||
|
},
|
||||||
|
min() {
|
||||||
|
return this.formatDate(new Date(this.dateIn))
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -168,6 +180,11 @@ export default {
|
||||||
else this.$apollo.queries.logs.stopPolling()
|
else this.$apollo.queries.logs.stopPolling()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
methods: {
|
||||||
|
formatDate(date) {
|
||||||
|
return format(date, 'yyyy-MM-dd')
|
||||||
|
}
|
||||||
|
},
|
||||||
apollo: {
|
apollo: {
|
||||||
logs: {
|
logs: {
|
||||||
query: LOGS_QUERY,
|
query: LOGS_QUERY,
|
||||||
|
|
|
@ -12,19 +12,9 @@
|
||||||
append-icon="mdi-close"
|
append-icon="mdi-close"
|
||||||
outlined
|
outlined
|
||||||
hide-details
|
hide-details
|
||||||
@click:append="clear"
|
@click:append="clearHandler"
|
||||||
v-on="on"
|
v-on="on"
|
||||||
>
|
>
|
||||||
<template #progress>
|
|
||||||
<slot name="progress">
|
|
||||||
<v-progress-linear
|
|
||||||
color="primary"
|
|
||||||
indeterminate
|
|
||||||
absolute
|
|
||||||
height="2"
|
|
||||||
></v-progress-linear>
|
|
||||||
</slot>
|
|
||||||
</template>
|
|
||||||
</v-text-field>
|
</v-text-field>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -51,6 +41,9 @@
|
||||||
scrollable
|
scrollable
|
||||||
v-bind="datePickerProps"
|
v-bind="datePickerProps"
|
||||||
full-width
|
full-width
|
||||||
|
flat
|
||||||
|
:min="min"
|
||||||
|
:max="max"
|
||||||
@input="showTimePicker"
|
@input="showTimePicker"
|
||||||
/>
|
/>
|
||||||
</v-tab-item>
|
</v-tab-item>
|
||||||
|
@ -58,6 +51,7 @@
|
||||||
<v-time-picker
|
<v-time-picker
|
||||||
ref="timer"
|
ref="timer"
|
||||||
v-model="time"
|
v-model="time"
|
||||||
|
flat
|
||||||
class="v-time-picker-custom"
|
class="v-time-picker-custom"
|
||||||
v-bind="timePickerProps"
|
v-bind="timePickerProps"
|
||||||
full-width
|
full-width
|
||||||
|
@ -68,12 +62,8 @@
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer></v-spacer>
|
<v-spacer></v-spacer>
|
||||||
<slot name="actions" :parent="this">
|
<slot name="actions" :parent="this">
|
||||||
<v-btn color="grey lighten-1" text @click.native="clearHandler">{{
|
<v-btn text @click.native="clearHandler">Limpar</v-btn>
|
||||||
clearText
|
<v-btn color="green darken-1" text @click="okHandler">OK</v-btn>
|
||||||
}}</v-btn>
|
|
||||||
<v-btn color="green darken-1" text @click="okHandler">{{
|
|
||||||
okText
|
|
||||||
}}</v-btn>
|
|
||||||
</slot>
|
</slot>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
@ -123,14 +113,6 @@ export default {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'HH:mm'
|
default: 'HH:mm'
|
||||||
},
|
},
|
||||||
clearText: {
|
|
||||||
type: String,
|
|
||||||
default: DEFAULT_CLEAR_TEXT
|
|
||||||
},
|
|
||||||
okText: {
|
|
||||||
type: String,
|
|
||||||
default: DEFAULT_OK_TEXT
|
|
||||||
},
|
|
||||||
textFieldProps: {
|
textFieldProps: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: () => ({})
|
default: () => ({})
|
||||||
|
@ -142,6 +124,14 @@ export default {
|
||||||
timePickerProps: {
|
timePickerProps: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: () => ({})
|
default: () => ({})
|
||||||
|
},
|
||||||
|
min: {
|
||||||
|
type: String,
|
||||||
|
default: null
|
||||||
|
},
|
||||||
|
max: {
|
||||||
|
type: String,
|
||||||
|
default: null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -206,13 +196,6 @@ export default {
|
||||||
this.time = format(initDateTime, DEFAULT_TIME_FORMAT)
|
this.time = format(initDateTime, DEFAULT_TIME_FORMAT)
|
||||||
},
|
},
|
||||||
|
|
||||||
clear() {
|
|
||||||
this.date = null
|
|
||||||
this.time = null
|
|
||||||
|
|
||||||
this.okHandler()
|
|
||||||
},
|
|
||||||
|
|
||||||
okHandler() {
|
okHandler() {
|
||||||
this.resetPicker()
|
this.resetPicker()
|
||||||
this.$emit('input', this.selectedDatetime)
|
this.$emit('input', this.selectedDatetime)
|
||||||
|
|
Loading…
Reference in New Issue
Block a user