From 20b0ce2db27b64a60de60aee05dedd448099e330 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期一, 08 七月 2024 10:12:16 +0800
Subject: [PATCH] xiugai
---
src/views/intellectInspect/inspectIndex/components/fullScreen.vue | 82 ++++++++++++++++++++++++++++++++++++++++-
1 files changed, 80 insertions(+), 2 deletions(-)
diff --git a/src/views/intellectInspect/inspectIndex/components/fullScreen.vue b/src/views/intellectInspect/inspectIndex/components/fullScreen.vue
index a0fb74f..bd69e59 100644
--- a/src/views/intellectInspect/inspectIndex/components/fullScreen.vue
+++ b/src/views/intellectInspect/inspectIndex/components/fullScreen.vue
@@ -14,6 +14,9 @@
<dv-border-box10 class="item-bg" :color="['rgba(8, 109, 209, 0.2)']"></dv-border-box10>
<div class="chart-tit">
<span class="tit">年度巡检异常趋势</span>
+ <div class="filter-part">
+ <el-cascader v-model="searchDepId" :options="depList" :props="casProps" :teleported="false" :show-all-levels="false" size="small"/>
+ </div>
</div>
<div class="chart" :id="xjLine"></div>
</div>
@@ -21,7 +24,7 @@
<dv-border-box10 class="item-bg"></dv-border-box10>
<div class="chart-tit">
<span class="tit">异常区域设备统计</span>
- <div class="filter-part">
+ <div class="filter-part2">
<el-switch
v-model="chartStatus"
inline-prompt
@@ -232,7 +235,10 @@
dialogVisible:boolean;
workNum: string;
beImgs: [];
- afImgs: []
+ afImgs: [];
+ searchDepId: number|null
+ depList: Array<any>
+ casProps:object
}
interface type {
id: number;
@@ -276,6 +282,32 @@
{ id: 4, name: '月' },
{ id: 5, name: '年' }
],
+ depList: [
+ {
+ name: '电石事业部',
+ id: 49
+ },
+ {
+ name: '电力事业部',
+ id: 50
+ },
+ {
+ name: '有机化工事业部',
+ id: 48
+ },
+ {
+ name: '甲醇事业部',
+ id: 32
+ }
+ ],
+ searchDepId: null,
+ casProps: {
+ expandTrigger: 'hover',
+ emitPath: false,
+ value: 'depId',
+ label: 'depName',
+ checkStrictly: true
+ },
classGroupList: [],
quotaList: [],
inspectPointAllList: [],
@@ -816,6 +848,52 @@
display: flex;
align-items: center;
justify-content: right;
+ :deep(.el-cascader){
+ width: 100% !important;
+ }
+ .el-switch{
+ width: 100% !important;
+ :deep(.el-switch__core){
+ width: 100% !important;
+ }
+ }
+
+ ::v-deep(.el-popper){
+ background-color: rgba(10,31,92,1);
+ border: 1px solid rgba(17,254,238,.4);
+ color: #11FEEE;
+ .el-cascader-node{
+ .in-active-path{
+ background: #0049af;
+ }
+ &:hover{
+ background: #0049af;
+ }
+ }
+ .el-cascader-node__label{
+ color: #11FEEE;
+ }
+ .el-icon{
+ color: #11FEEE;
+ }
+ .el-select-dropdown__item{
+ color: #11FEEE;
+ }
+ .el-select-dropdown__item.hover{
+ background: #0049af;
+ }
+ }
+ ::v-deep(.el-popper__arrow){
+ &::before{
+ background-color: rgba(10,31,92,.6) !important;
+ border: 1px solid rgba(17,254,238,.4);
+ }
+ }
+ }
+ .filter-part2{
+ display: flex;
+ align-items: center;
+ justify-content: right;
width: 20%;
.el-switch{
width: 100% !important;
--
Gitblit v1.9.2