fix : select框样式修改

src/views/tunnel/index.vue

@@ -115,14 +115,7 @@
           <!--              {{ changeName(scope.row.equipmentId) }}-->
           <!--            </template>-->
           <!--          </el-table-column>-->
-          <el-table-column prop="alarmContent" label="告警信息" align="center">
-            <template #default="scope">
-              <div class="alarm-content" :style="{width:roleKey==='administrator'?'':'730px'}">{{
-                  scope.row.alarmContent
-                }}
-              </div>
-            </template>
-          </el-table-column>
+          <el-table-column prop="alarmContent" label="告警信息" align="center"/>
           <el-table-column prop="alarmTime" label="告警时间" align="center" width="480px"/>
           <el-table-column prop="lookupStatus" label="查阅状态" align="center" width="200px"
                            v-if="roleKey!=='administrator'">
@@ -709,13 +702,6 @@ const initWebSocket = () => {
   :deep(.el-dialog ) {
     height: 1410px;
 
-    .alarm-content {
-      //width: 730px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
     .el-tag {
       font-size: 36px;
       height: 60px;
@@ -741,6 +727,10 @@ const initWebSocket = () => {
     }
   }
 
+  :deep(.el-select-dropdown__item.is-hovering ) {
+    background-color: #064B66 !important;
+  }
+
   :deep(.el-select__wrapper) {
     height: 70px;
     line-height: 70px;
@@ -748,11 +738,13 @@ const initWebSocket = () => {
     border: 1px solid #08B7B8;
     font-size: 35px;
     width: 356px;
-.el-select__suffix{
-  .el-icon {
-    font-size: 55px;
-  }
-}
+
+    .el-select__suffix {
+      .el-icon {
+        font-size: 55px;
+      }
+    }
+
     .el-select__placeholder {
       color: #FFFFFF;
       height: 70px;