SERVICE AND PROCESS 页面添加日期时间控件,调整默认样式

This commit is contained in:
renpy 2023-08-11 09:53:58 +08:00
parent 2be80a71ff
commit 4ab06636fa
3 changed files with 28 additions and 2 deletions

View File

@ -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 {

View File

@ -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"
/> />

View File

@ -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