修复大屏下来框样式

src/views/MLargeScreen/components/smallComponents/DPcomputer13.vue

@@ -8,7 +8,7 @@
                 <div>{{truckDynamicListData.number ? truckDynamicListData.number : '无'}}</div>
             </div>
             <div class="xuanzekuang1">
-                <el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()">
+                <el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()" :popper-append-to-body="false">
                     <el-option v-for="item in truckDynamicListData.data" :key="item.number" :label="item.number" :value="item.number"></el-option>
                 </el-select>
             </div>
@@ -252,7 +252,37 @@ export default {
     }
 }
 </script>
+<style scoped>
 
+/deep/.el-input--small {
+  opacity: 0;
+}
+/deep/.el-select-dropdown__list {
+  padding: 0;
+  max-height: 180px;
+  overflow-y: auto;
+}
+/deep/.el-select-dropdown__list::-webkit-scrollbar {
+  display: none;
+}
+.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
+  background-color: #021445 !important;
+  color: #31E5F5;
+}
+.el-select-dropdown__item.selected{
+  background-color: #021445 !important;
+  color: #31E5F5;
+  font-weight: 800;
+}
+
+.el-select-dropdown__item {
+  padding: 0px 20px;
+  box-sizing: border-box;
+  background-color: #021445 !important;
+  color: #31E5F5;
+  font-size: 16px;
+}
+</style>
 <style scoped>
 *{
   margin: 0;
@@ -344,6 +374,5 @@ export default {
     position: absolute;
     top: 0.1vh;
     left: 3vw;
-    opacity: 0;
 }
 </style>

src/views/MLargeScreen/components/smallComponents/DPcomputer14.vue

@@ -8,7 +8,7 @@
                 <div>{{forkliftkDynamicListData.number ? forkliftkDynamicListData.number : '无'}}</div>
             </div>
             <div class="xuanzekuang1">
-                <el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()">
+                <el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()" :popper-append-to-body="false">
                     <el-option v-for="item in forkliftkDynamicListData.data" :key="item.number" :label="item.number" :value="item.number"></el-option>
                 </el-select>
             </div>
@@ -177,7 +177,37 @@ export default {
     }
 }
 </script>
+<style scoped>
 
+/deep/.el-input--small {
+  opacity: 0;
+}
+/deep/.el-select-dropdown__list {
+  padding: 0;
+  max-height: 180px;
+  overflow-y: auto;
+}
+/deep/.el-select-dropdown__list::-webkit-scrollbar {
+  display: none;
+}
+.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
+  background-color: #021445 !important;
+  color: #31E5F5;
+}
+.el-select-dropdown__item.selected{
+  background-color: #021445 !important;
+  color: #31E5F5;
+  font-weight: 800;
+}
+
+.el-select-dropdown__item {
+  padding: 0px 20px;
+  box-sizing: border-box;
+  background-color: #021445 !important;
+  color: #31E5F5;
+  font-size: 16px;
+}
+</style>
 <style scoped>
 *{
   margin: 0;
@@ -279,6 +309,6 @@ export default {
     position: absolute;
     top: 0.1vh;
     left: 3vw;
-    opacity: 0;
+    /*opacity: 0;*/
 }
 </style>

src/views/MLargeScreen/components/smallComponents/DPcomputer15.vue

@@ -8,7 +8,7 @@
                 <div>{{otherCarDynamicListData.number ? otherCarDynamicListData.number : '无'}}</div>
             </div>
             <div class="xuanzekuang1">
-                <el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()">
+                <el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()" :popper-append-to-body="false">
                     <el-option v-for="item in otherCarDynamicListData.data" :key="item.number" :label="item.number" :value="item.number"></el-option>
                 </el-select>
             </div>
@@ -175,7 +175,37 @@ export default {
     }
 }
 </script>
+<style scoped>
 
+/deep/.el-input--small {
+  opacity: 0;
+}
+/deep/.el-select-dropdown__list {
+  padding: 0;
+  max-height: 180px;
+  overflow-y: auto;
+}
+/deep/.el-select-dropdown__list::-webkit-scrollbar {
+  display: none;
+}
+.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
+  background-color: #021445 !important;
+  color: #31E5F5;
+}
+.el-select-dropdown__item.selected{
+  background-color: #021445 !important;
+  color: #31E5F5;
+  font-weight: 800;
+}
+
+.el-select-dropdown__item {
+  padding: 0px 20px;
+  box-sizing: border-box;
+  background-color: #021445 !important;
+  color: #31E5F5;
+  font-size: 16px;
+}
+</style>
 <style scoped>
 *{
   margin: 0;
@@ -277,6 +307,5 @@ export default {
     position: absolute;
     top: 0.1vh;
     left: 3vw;
-    opacity: 0;
 }
 </style>