84a5761d by xiaomiao

样式调整

1 parent d4622996
...@@ -265,6 +265,11 @@ display: none; ...@@ -265,6 +265,11 @@ display: none;
265 } 265 }
266 .el-date-picker{ 266 .el-date-picker{
267 background-color: #031a46; 267 background-color: #031a46;
268 .el-picker-panel__content{
269 .disabled{
270 background-color:#074487;
271 }
272 }
268 .el-date-picker__header-label{ 273 .el-date-picker__header-label{
269 color: #A6CFD6; 274 color: #A6CFD6;
270 } 275 }
......
...@@ -145,7 +145,6 @@ export default { ...@@ -145,7 +145,6 @@ export default {
145 @import "~@/styles/public.scss"; 145 @import "~@/styles/public.scss";
146 146
147 .jktjDetail { 147 .jktjDetail {
148 background-color: #fff;
149 height: 100%; 148 height: 100%;
150 display: flex; 149 display: flex;
151 flex-direction: column; 150 flex-direction: column;
......
1 <template> 1 <template>
2 <!-- 监控日志 --> 2 <!-- 监控日志 -->
3 <div class="jktjDetail from-clues"> 3 <div class="jktjDetail form-clues">
4 <!-- 头部搜索 --> 4 <!-- 头部搜索 -->
5 <div class="from-clues-header"> 5 <el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px">
6 <el-form ref="form" :model="form" label-width="80px">
7 <el-row> 6 <el-row>
8 <el-col :span="8"> 7 <el-col :span="8">
9 <el-date-picker v-model="valueTime" type="datetimerange" range-separator="至" 8 <el-date-picker v-model="valueTime" type="datetimerange" range-separator="至"
10 start-placeholder="开始日期" end-placeholder="结束日期"> 9 start-placeholder="开始日期" end-placeholder="结束日期">
11 </el-date-picker> 10 </el-date-picker>
12 </el-col> 11 </el-col>
13 <!-- <el-col :span="6">
14 <el-form-item label="开始时间">
15 <el-date-picker type="date" :picker-options="pickerOptionsStart" clearable
16 v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
17 </el-form-item>
18 </el-col>
19 <el-col :span="6">
20 <el-form-item label="结束时间">
21 <el-date-picker clearable :picker-options="pickerOptionsEnd" v-model="form.endTime"
22 value-format="yyyy-MM-dd">
23 </el-date-picker>
24 </el-form-item>
25 </el-col> -->
26 <!-- 按钮操作 --> 12 <!-- 按钮操作 -->
27 <el-col :span="12" class="btnColRight"> 13 <el-col :span="12" class="btnColRight">
28 <el-button type="default" @click="resetForm"> 重置 </el-button> 14 <el-button type="default" @click="resetForm"> 重置 </el-button>
...@@ -30,13 +16,11 @@ ...@@ -30,13 +16,11 @@
30 </el-col> 16 </el-col>
31 </el-row> 17 </el-row>
32 </el-form> 18 </el-form>
33
34 <!-- 表格 --> 19 <!-- 表格 -->
35 <div class="form-clues-content echarts-box"> 20 <div class="form-clues-content echarts-box">
36 <div id="myChart" class="chart"></div> 21 <div id="myChart" class="chart"></div>
37 </div> 22 </div>
38 </div> 23 </div>
39 </div>
40 </template> 24 </template>
41 25
42 <script> 26 <script>
...@@ -161,7 +145,6 @@ export default { ...@@ -161,7 +145,6 @@ export default {
161 @import "~@/styles/public.scss"; 145 @import "~@/styles/public.scss";
162 146
163 .jktjDetail { 147 .jktjDetail {
164 // background-color: #fff;
165 height: 100%; 148 height: 100%;
166 display: flex; 149 display: flex;
167 flex-direction: column; 150 flex-direction: column;
...@@ -169,7 +152,7 @@ export default { ...@@ -169,7 +152,7 @@ export default {
169 .echarts-box { 152 .echarts-box {
170 display: flex; 153 display: flex;
171 justify-content: center; 154 justify-content: center;
172 height: 100%; 155 height: 500px;
173 156
174 .chart { 157 .chart {
175 width: 100%; 158 width: 100%;
......