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