e955bedd by 任超
2 parents 6027a14b c93d1d00
Showing 44 changed files with 17 additions and 29 deletions
...@@ -263,14 +263,23 @@ table td { ...@@ -263,14 +263,23 @@ table td {
263 .el-popper[x-placement^="bottom"] .popper__arrow { 263 .el-popper[x-placement^="bottom"] .popper__arrow {
264 display: none; 264 display: none;
265 } 265 }
266 266 // 时间选择框样式
267 .el-date-picker { 267 .el-date-picker {
268 background-color: #031a46; 268 background-color: #031a46;
269 269 .el-date-picker__header-label{
270 .el-date-picker__header-label { 270 color:#A6CFD6;
271 color: #A6CFD6; 271 }
272 .el-picker-panel__content{
273 background-color:#074487;
274 .disabled{
275 background-color:#074487;
276 .el-date-table td.disabled div{
277 background-color:#074487;
278 }
279 }
272 } 280 }
273 281
282
274 .el-picker-panel__icon-btn { 283 .el-picker-panel__icon-btn {
275 color: #A6CFD6; 284 color: #A6CFD6;
276 } 285 }
...@@ -292,10 +301,7 @@ table td { ...@@ -292,10 +301,7 @@ table td {
292 301
293 } 302 }
294 303
295 .el-picker-panel__content {
296 background-color: #074487;
297 304
298 }
299 305
300 306
301 .el-menu--horizontal .el-menu .el-menu-item, 307 .el-menu--horizontal .el-menu .el-menu-item,
...@@ -315,4 +321,4 @@ table td { ...@@ -315,4 +321,4 @@ table td {
315 border: 1px solid #02D9FD; 321 border: 1px solid #02D9FD;
316 color: #FFFFFF !important; 322 color: #FFFFFF !important;
317 font-weight: 700; 323 font-weight: 700;
318 }
...\ No newline at end of file ...\ No newline at end of file
324 }
......
...@@ -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%;
......