SERVICE AND PROCESS 页面添加日期时间控件,调整默认样式
This commit is contained in:
parent
2be80a71ff
commit
4ab06636fa
|
@ -160,6 +160,13 @@ body {
|
|||
&-time-picker-inner {
|
||||
background-color: @modalBg;
|
||||
}
|
||||
&-time-picker {
|
||||
background: none;
|
||||
}
|
||||
&-time-picker-combobox {
|
||||
background-color: @modalBg !important;
|
||||
border-color: @formInputBorderColor !important
|
||||
}
|
||||
|
||||
&-picker {
|
||||
width: 100%;
|
||||
|
@ -170,6 +177,9 @@ body {
|
|||
background-color: @formInputBgColor;
|
||||
color: #00e9fe !important;
|
||||
}
|
||||
&-select {
|
||||
background-color: @formInputBgColor !important
|
||||
}
|
||||
}
|
||||
|
||||
&-input {
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
</a-col>
|
||||
<a-col flex="265px">
|
||||
<a-range-picker
|
||||
dropdownClassName="asd"
|
||||
:show-time="true"
|
||||
:default-value="[moment(queryParams.startDate), moment(queryParams.endDate)]"
|
||||
@change="onRangeDateChange"
|
||||
/>
|
||||
|
|
|
@ -27,6 +27,13 @@
|
|||
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
|
||||
</a-select>
|
||||
</a-col>
|
||||
<a-col flex="265px">
|
||||
<a-range-picker
|
||||
:show-time="true"
|
||||
:default-value="[moment(queryParams.startDate), moment(queryParams.endDate)]"
|
||||
@change="onRangeDateChange"
|
||||
/>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<div class="service-search-btns">
|
||||
<a-button :class="['service-search-btns-ant', type=='cpu'?'service-search-btns-active':'']" @click="handleCpu">CPU</a-button>
|
||||
|
@ -110,8 +117,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import moment from 'moment';
|
||||
import BoxTitle from '../../components/boxTitle.vue';
|
||||
import TableList from '../../components/tableList.vue';
|
||||
import dateFormat from '@/components/jeecg/JEasyCron/format-date'
|
||||
import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
|
||||
import * as echarts from 'echarts'
|
||||
const columns = [{
|
||||
|
@ -166,7 +175,9 @@ export default {
|
|||
type: "cpu",
|
||||
queryParams: {
|
||||
server: undefined,
|
||||
timer: "1h"
|
||||
timer: "1h",
|
||||
startDate: dateFormat(new Date(), 'yyyy-MM-dd'),
|
||||
endDate: dateFormat(new Date(), 'yyyy-MM-dd')
|
||||
},
|
||||
serverOptions: [],
|
||||
timerOptions: [
|
||||
|
@ -218,6 +229,11 @@ export default {
|
|||
})
|
||||
},
|
||||
methods: {
|
||||
moment,
|
||||
onRangeDateChange(date, dateString) {
|
||||
this.queryParams.startDate = dateString[0]
|
||||
this.queryParams.endDate = dateString[1]
|
||||
},
|
||||
filterOption(input, option) {
|
||||
return (
|
||||
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
|
|
Loading…
Reference in New Issue
Block a user