样式调整

src/assets/css/element_ui.css

@@ -10,24 +10,17 @@
 
 .el-select-dropdown__item.hover,
 .el-select-dropdown__item:hover {
-  background-color: #0E7DFD;
-}
-
-.el-select-dropdown__list {
-  padding: 0px 0;
+  background-color: #515354;
 }
 
 .el-select-dropdown {
-  background-color: #093079;
-  border: 1px solid #19446E;
+  background-color: #2D3744;
+  border: 1px solid #535557;
 }
 
 .el-select-dropdown__item {
   color: #fff;
-  height: 22px;
-  line-height: 22px;
-  font-size: 12px;
-  border-bottom: 1px solid #19446E;
+  border-bottom: 1px solid #535557;
 }
 
 .el-select-dropdown__item:last-child {
@@ -55,7 +48,7 @@
   position: relative;
   /*width: 220px;*/
   height: 40px;
-  font-size: 13px;
+  font-size: 14px;
   padding: 0px 6px;
   background-color: transparent;
   color: #6b84bf;
@@ -68,7 +61,7 @@
   padding-right: 35px;
   width: 100%;
   height: 30px;
-  font-size: 13px;
+  font-size: 14px;
   padding: 0px 6px;
   /*background-color: #041841;*/
   /*color: #92CCFA;*/
@@ -161,7 +154,7 @@
 
 .el-table {
   color: #bbc2d0 !important;
-  font-size: 13px !important;
+  font-size: 14px !important;
   background: rgba(0, 0, 0, 0);
 }
 
@@ -293,6 +286,10 @@
   padding-right: 5px;
 }
 
+cur-select {
+  background: #ccc;
+}
+
 /*.el-date-editor.el-input,*/
 /*.el-date-editor.el-input__inner {*/
 /*  width: 90px;*/
@@ -300,6 +297,7 @@
 
 .el-date-editor .el-range-input {
   background: transparent;
+  color: #fff;
 }
 
 .el-picker-panel {
@@ -309,6 +307,10 @@
   margin: 5px 0;
 }
 
+.el-form-item__label {
+  color: #bbc2d0;
+}
+
 .el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
   background: #747272;
 }

src/pages/index/components/berths_information.vue

@@ -2,20 +2,20 @@
   <div class="body-wrapper">
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="行政区">
-        <el-select v-model="formInline.region" placeholder="行政区" class="cur-select">
+        <el-select v-model="formInline.region" placeholder="行政区" popper-class="cur-select">
           <el-option label="源汇区" value="源汇区"></el-option>
           <el-option label="郾城区" value="郾城区"></el-option>
           <el-option label="召陵区" value="召陵区"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="重点区域">
-        <el-select v-model="formInline.region2" placeholder="重点区域" class="cur-select">
+        <el-select v-model="formInline.region2" placeholder="重点区域" popper-class="cur-select">
           <el-option label="违规停车高发区" value="违规停车高发区"></el-option>
           <el-option label="事故高发区" value="事故高发区"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="道路">
-        <el-select v-model="formInline.region3" placeholder="道路" class="cur-select">
+        <el-select v-model="formInline.region3" placeholder="道路" popper-class="cur-select">
           <el-option label="拥政路" value="拥政路"></el-option>
           <el-option label="团结路" value="团结路"></el-option>
           <el-option label="黄河中路" value="黄河中路"></el-option>

src/pages/index/components/berths_revenue.vue

@@ -5,20 +5,20 @@
     <br>
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="行政区">
-        <el-select v-model="formInline.region" placeholder="行政区" class="cur-select">
+        <el-select v-model="formInline.region" placeholder="行政区" popper-class="cur-select">
           <el-option label="源汇区" value="源汇区"></el-option>
           <el-option label="郾城区" value="郾城区"></el-option>
           <el-option label="召陵区" value="召陵区"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="重点区域">
-        <el-select v-model="formInline.region2" placeholder="重点区域" class="cur-select">
+        <el-select v-model="formInline.region2" placeholder="重点区域" popper-class="cur-select">
           <el-option label="违规停车高发区" value="违规停车高发区"></el-option>
           <el-option label="事故高发区" value="事故高发区"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="道路">
-        <el-select v-model="formInline.region3" placeholder="道路" class="cur-select">
+        <el-select v-model="formInline.region3" placeholder="道路" popper-class="cur-select">
           <el-option label="拥政路" value="拥政路"></el-option>
           <el-option label="团结路" value="团结路"></el-option>
           <el-option label="黄河中路" value="黄河中路"></el-option>

src/pages/index/components/berths_usage.vue

@@ -2,20 +2,20 @@
   <div class="body-wrapper">
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="行政区">
-        <el-select v-model="formInline.region" placeholder="行政区" class="cur-select">
+        <el-select v-model="formInline.region" placeholder="行政区" popper-class="cur-select">
           <el-option label="源汇区" value="源汇区"></el-option>
           <el-option label="郾城区" value="郾城区"></el-option>
           <el-option label="召陵区" value="召陵区"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="重点区域">
-        <el-select v-model="formInline.region2" placeholder="重点区域" class="cur-select">
+        <el-select v-model="formInline.region2" placeholder="重点区域" popper-class="cur-select">
           <el-option label="违规停车高发区" value="违规停车高发区"></el-option>
           <el-option label="事故高发区" value="事故高发区"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="道路">
-        <el-select v-model="formInline.region3" placeholder="道路" class="cur-select">
+        <el-select v-model="formInline.region3" placeholder="道路" popper-class="cur-select">
           <el-option label="拥政路" value="拥政路"></el-option>
           <el-option label="团结路" value="团结路"></el-option>
           <el-option label="黄河中路" value="黄河中路"></el-option>

src/pages/index/components/customer_complaint.vue

@@ -6,7 +6,7 @@
     <br>
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="投诉类型">
-        <el-select v-model="formInline.region0" placeholder="投诉类型" class="cur-select">
+        <el-select v-model="formInline.region0" placeholder="投诉类型" popper-class="cur-select">
           <el-option label="经营服务类停车问题" value="经营服务类停车问题"></el-option>
           <el-option label="非法经营停车问题" value="非法经营停车问题"></el-option>
           <el-option label="不提供税票" value="不提供税票"></el-option>
@@ -14,13 +14,13 @@
         </el-select>
       </el-form-item>
       <el-form-item label="路内停车场:">
-        <el-select v-model="formInline.region2" placeholder="路内停车场" class="cur-select">
+        <el-select v-model="formInline.region2" placeholder="路内停车场" popper-class="cur-select">
           <el-option label="南街村景区-停车场" value="南街村景区-停车场"></el-option>
           <el-option label="漯河市中医院-地上停车场" value="漯河市中医院-地上停车场"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="路外停车场:">
-        <el-select v-model="formInline.region3" placeholder="路外停车场" class="cur-select">
+        <el-select v-model="formInline.region3" placeholder="路外停车场" popper-class="cur-select">
           <el-option label="市图书馆停车场" value="市图书馆停车场"></el-option>
           <el-option label="中山公园停车场" value="中山公园停车场"></el-option>
           <el-option label="市中心医院停车场" value="市中心医院停车场"></el-option>

src/pages/index/components/operation_log.vue

@@ -9,7 +9,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="日期">
-            <!--        <el-select v-model="formInline.region" placeholder="活动区域" class="cur-select">-->
+            <!--        <el-select v-model="formInline.region" placeholder="活动区域" popper-class="cur-select">-->
             <!--          <el-option label="区域一" value="shanghai"></el-option>-->
             <!--          <el-option label="区域二" value="beijing"></el-option>-->
             <!--        </el-select>-->

src/pages/index/components/park_guidance.vue

@@ -192,14 +192,6 @@ export default {
   },
 };
 </script>
-
-<style>
-.el-input__inner{
-  color:#eee;
-  border-color: #212121;
-  background-color: rgba(1, 28, 82, 0.8);
-}
-</style>
 <style  lang="scss" scoped>
 .body-wrapper {
   width: 100%;

src/pages/index/components/saturation_warning.vue

@@ -3,7 +3,7 @@
     <div style="color: white;font-size: 23px;margin-bottom: 20px">全市停车饱和度</div>
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="区县:">
-        <el-select v-model="formInline.region0" placeholder="区县" class="cur-select">
+        <el-select v-model="formInline.region0" placeholder="区县" popper-class="cur-select">
           <el-option label="源汇区" value="源汇区"></el-option>
           <el-option label="郾城区" value="郾城区"></el-option>
           <el-option label="召陵区" value="召陵区"></el-option>
@@ -12,7 +12,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="街道:">
-        <el-select v-model="formInline.region1" placeholder="街道" class="cur-select">
+        <el-select v-model="formInline.region1" placeholder="街道" popper-class="cur-select">
           <el-option label="老街街道" value="老街街道"></el-option>
           <el-option label="马路街街道" value="马路街街道"></el-option>
           <el-option label="顺河街街道" value="顺河街街道"></el-option>
@@ -24,13 +24,13 @@
         </el-select>
       </el-form-item>
       <el-form-item label="路内停车场:">
-        <el-select v-model="formInline.region2" placeholder="路内停车场" class="cur-select">
+        <el-select v-model="formInline.region2" placeholder="路内停车场" popper-class="cur-select">
           <el-option label="南街村景区-停车场" value="南街村景区-停车场"></el-option>
           <el-option label="漯河市中医院-地上停车场" value="漯河市中医院-地上停车场"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="路外停车场:">
-        <el-select v-model="formInline.region3" placeholder="路外停车场" class="cur-select">
+        <el-select v-model="formInline.region3" placeholder="路外停车场" popper-class="cur-select">
           <el-option label="市图书馆停车场" value="市图书馆停车场"></el-option>
           <el-option label="中山公园停车场" value="中山公园停车场"></el-option>
           <el-option label="市中心医院停车场" value="市中心医院停车场"></el-option>