84a5761d by xiaomiao

样式调整

1 parent d4622996
......@@ -265,6 +265,11 @@ display: none;
}
.el-date-picker{
background-color: #031a46;
.el-picker-panel__content{
.disabled{
background-color:#074487;
}
}
.el-date-picker__header-label{
color: #A6CFD6;
}
......
......@@ -145,7 +145,6 @@ export default {
@import "~@/styles/public.scss";
.jktjDetail {
background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
......
<template>
<!-- 监控日志 -->
<div class="jktjDetail from-clues">
<div class="jktjDetail form-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px">
<el-row>
<el-col :span="8">
<el-date-picker v-model="valueTime" type="datetimerange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
</el-col>
<!-- <el-col :span="6">
<el-form-item label="开始时间">
<el-date-picker type="date" :picker-options="pickerOptionsStart" clearable
v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="结束时间">
<el-date-picker clearable :picker-options="pickerOptionsEnd" v-model="form.endTime"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col> -->
<!-- 按钮操作 -->
<el-col :span="12" class="btnColRight">
<el-button type="default" @click="resetForm"> 重置 </el-button>
......@@ -30,12 +16,10 @@
</el-col>
</el-row>
</el-form>
<!-- 表格 -->
<div class="form-clues-content echarts-box">
<div id="myChart" class="chart"></div>
</div>
</div>
</div>
</template>
......@@ -161,7 +145,6 @@ export default {
@import "~@/styles/public.scss";
.jktjDetail {
// background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
......@@ -169,7 +152,7 @@ export default {
.echarts-box {
display: flex;
justify-content: center;
height: 100%;
height: 500px;
.chart {
width: 100%;
......