Merge pull request '邓洁 : 修改下拉框样式' (#144) from dengjie into dev

Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/144

src/assets/styles/index.scss

@@ -419,3 +419,44 @@ html, body, #app, .el-container, .el-aside, .el-main {
     }
   }
 }
+//el-select 下拉框样式
+.dialog-dropdown{
+
+}
+.el-select__popper {
+  margin-top: -12px!important;
+  background: #072247!important;
+  border: 1px solid #0F82AF!important;
+}
+.el-popper {
+
+  max-width: 204px!important;
+  box-sizing: border-box;
+}
+.el-popper__arrow::before{
+  display: none;
+}
+.el-select-dropdown{
+  width: 202px!important;
+}
+.el-select-dropdown__item{
+    color: #fff!important;
+}
+.el-select-dropdown__item.hover{
+  background-color: #072247!important;
+}
+.el-select-dropdown__item:hover {
+  background-color: #072247!important;
+  color: #08B7B8!important;
+}
+.el-select-dropdown__item.selected {
+  color: #08B7B8!important;
+}
+.el-select-dropdown__list{
+  .el-select-dropdown__item:first-child{
+    color: #FFFFFF;
+    &:hover{
+      color: #08B7B8!important;
+    }
+  }
+}

src/components/content/tunnelScene/editEquComp/editDialog.vue

@@ -14,6 +14,10 @@
         <p>传感器类型</p>
         <el-select
           v-model="equipmentSetting.equipmentType"
+          :fit-input-width="true"
+          filterable
+          clearable
+          popper-class="dialog-dropdown"
           placeholder="请选择设备类型"
         >
           <el-option
@@ -28,6 +32,10 @@
         <p>设备选择</p>
         <el-select
           v-model="equipmentSetting.chooseEquipment"
+          :fit-input-width="true"
+          filterable
+          clearable
+          popper-class="dialog-dropdown"
           placeholder="请选择设备类型"
         >
           <el-option
@@ -230,12 +238,12 @@ const equipment = {
       }
     }
     :deep(.el-select) {
-      width: 284px;
+      //width: 284px;
       //height: 51px;
       border: transparent;
     }
     :deep(.el-input--suffix) {
-      width: 284px;
+      //width: 284px;
       height: 51px;
       background: rgba(7, 35, 72, 0.79);
       border: 2px solid #0f82af;
@@ -294,7 +302,4 @@ const equipment = {
     }
   }
 }
-:deep(.el-select-dropdown__wrap) {
-  background: greenyellow !important;
-}
 </style>