样式调整
Showing
3 changed files
with
8 additions
and
21 deletions
... | @@ -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,12 +16,10 @@ | ... | @@ -30,12 +16,10 @@ |
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> | ||
39 | </div> | 23 | </div> |
40 | </template> | 24 | </template> |
41 | 25 | ||
... | @@ -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%; | ... | ... |
-
Please register or sign in to post a comment