From baf475f44f0a940bbdc2dde36fff9cdf97da58bc Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 17 八月 2023 16:43:28 +0800
Subject: [PATCH] 证书修改
---
src/views/intellectInspect/inspectIndex/components/fullScreen.vue | 72 +++++++++++++++++++++++------------
1 files changed, 47 insertions(+), 25 deletions(-)
diff --git a/src/views/intellectInspect/inspectIndex/components/fullScreen.vue b/src/views/intellectInspect/inspectIndex/components/fullScreen.vue
index bcb65de..bd69e59 100644
--- a/src/views/intellectInspect/inspectIndex/components/fullScreen.vue
+++ b/src/views/intellectInspect/inspectIndex/components/fullScreen.vue
@@ -15,22 +15,7 @@
<div class="chart-tit">
<span class="tit">年度巡检异常趋势</span>
<div class="filter-part">
- <el-select v-model="depId1" size="small" :teleported="false">
- <el-option
- v-for="item in depList1"
- :key="item.id"
- :label="item.name"
- :value="item.id"
- />
- </el-select>
- <el-select v-model="depId2" size="small" :teleported="false">
- <el-option
- v-for="item in depList2"
- :key="item.id"
- :label="item.name"
- :value="item.id"
- />
- </el-select>
+ <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>
@@ -242,7 +227,6 @@
workTypeList: Array<type>;
departmentList: [];
timeType: Array<type>;
- depList1: Array<type>;
classGroupList: Array<classGroup>;
quotaList: [];
inspectPointAllList: [];
@@ -252,8 +236,9 @@
workNum: string;
beImgs: [];
afImgs: [];
- depId1:number|null
- depId2:number|null
+ searchDepId: number|null
+ depList: Array<any>
+ casProps:object
}
interface type {
id: number;
@@ -297,7 +282,7 @@
{ id: 4, name: '月' },
{ id: 5, name: '年' }
],
- depList1: [
+ depList: [
{
name: '电石事业部',
id: 49
@@ -315,8 +300,14 @@
id: 32
}
],
- depId1: null,
- depId2: null,
+ searchDepId: null,
+ casProps: {
+ expandTrigger: 'hover',
+ emitPath: false,
+ value: 'depId',
+ label: 'depName',
+ checkStrictly: true
+ },
classGroupList: [],
quotaList: [],
inspectPointAllList: [],
@@ -857,9 +848,8 @@
display: flex;
align-items: center;
justify-content: right;
- .el-select{
- width: 50% !important;
- margin-left: 10px;
+ :deep(.el-cascader){
+ width: 100% !important;
}
.el-switch{
width: 100% !important;
@@ -867,6 +857,38 @@
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;
--
Gitblit v1.9.2