样式调整
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,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%; | ... | ... |
-
Please register or sign in to post a comment