From 998b24b21e7b9111c498c2163a4f4a845179c628 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期五, 02 九月 2022 10:42:42 +0800
Subject: [PATCH] Default Changelist

---
 src/views/riskWarningSys/warningBigScreen/index.vue |   49 ++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/views/riskWarningSys/warningBigScreen/index.vue b/src/views/riskWarningSys/warningBigScreen/index.vue
index f10734c..7eb9d5f 100644
--- a/src/views/riskWarningSys/warningBigScreen/index.vue
+++ b/src/views/riskWarningSys/warningBigScreen/index.vue
@@ -50,7 +50,7 @@
                     <div class="part-tit">
                         <span>| 隐患等级数量分布</span>
                         <div>
-                            <el-select class="selector" v-model="month" placeholder="Select" size="default">
+                            <el-select class="selector" v-model="month" placeholder="Select" :teleported="false" size="default">
                                 <el-option
                                         v-for="item in optionList"
                                         :key="item.value"
@@ -73,6 +73,7 @@
                     <div class="part-tit" style="position: absolute;top: 12%;padding: 0 4%">
                         <el-cascader
                                 class="spiSe"
+                                :teleported="false"
                                 v-model="spiValue"
                                 :options="spiOptions"
                                 :props="props"
@@ -356,12 +357,7 @@
 
 <style scoped lang="scss">
     $homeNavLengh: 8;
-    ::v-deep(.el-select-dropdown) {
-        background-color: transparent !important;
-    }
-    ::v-deep(.el-select-dropdown__item){
-        background-color: transparent !important;
-    }
+
     .container {
         width: 100%;
         height: 100%;
@@ -504,6 +500,28 @@
                         ::v-deep(.el-cascader){
                             width: 25% !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__label{
+                                color: #11FEEE;
+                            }
+                            .el-icon{
+                                color: #11FEEE;
+                            }
+                            .el-cascader-node{
+                                &: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);
+                            }
+                        }
                         ::v-deep(.el-input__wrapper){
                             width: 20%;
                             box-shadow: none;
@@ -524,6 +542,23 @@
                             width: calc(100% - 1.25rem);
                             margin-right: 0.8rem;
 
+                            ::v-deep(.el-popper){
+                                background-color: rgba(10,31,92,1);
+                                border: 1px solid rgba(17,254,238,.4);
+                                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);
+                                }
+                            }
                             ::v-deep(.el-input__wrapper){
                                 box-shadow: none;
                                 border: 1px solid rgba(17,254,238,.2);

--
Gitblit v1.9.2