Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
44 changed files
with
16 additions
and
28 deletions
src/components/business/djfDjDb.vue
0 → 100644
This diff is collapsed.
Click to expand it.
File moved
File moved
File moved
File moved
File moved
File moved
| ... | @@ -263,13 +263,22 @@ table td { | ... | @@ -263,13 +263,22 @@ 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 | } | ||
| 272 | } | 279 | } |
| 280 | } | ||
| 281 | |||
| 273 | 282 | ||
| 274 | .el-picker-panel__icon-btn { | 283 | .el-picker-panel__icon-btn { |
| 275 | color: #A6CFD6; | 284 | color: #A6CFD6; |
| ... | @@ -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, | ... | ... |
| ... | @@ -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