样式统一调整

src/assets/css/element_ui.css

@@ -111,12 +111,9 @@
 }
 
 .el-input-group__append {
-  position: absolute;
-  right: 0;
-  top: 20%;
-  background-color: transparent;
-  border: none;
-  color: #6b84bf;
+  background: #1b222c;
+  color: #a9b1bc;
+  border: 1px solid #333;
 }
 
 .el-button {

src/pages/index/components/data_docking.vue

@@ -7,15 +7,15 @@
       <form>
         <h4 style="color: #FFFFFF">模块名称</h4>
         <br>
-        <el-input class="input-search" v-model="searchWords" placeholder="模块名称"></el-input>
+        <el-input style="margin-bottom: 10px" v-model="searchWords" placeholder="模块名称"></el-input>
         <br>
         <h4 style="color: #FFFFFF">接口地址</h4>
         <br>
-        <el-input class="input-search" v-model="searchWords2" placeholder="接口地址"></el-input>
+        <el-input style="margin-bottom: 10px" v-model="searchWords2" placeholder="接口地址"></el-input>
         <br>
         <h4 style="color: #FFFFFF">api秘钥</h4>
         <br>
-        <el-input class="input-search" v-model="searchWords3" placeholder="api秘钥"></el-input>
+        <el-input style="margin-bottom: 10px" v-model="searchWords3" placeholder="api秘钥"></el-input>
         <br>
           <el-button class="btn_save" type="primary" @click="submitIntegrationConfig">保存配置</el-button>
       </form>

src/pages/index/components/other_analyse.vue

@@ -640,7 +640,7 @@ export default {
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
-  width: 80%;
+  width: 100%;
   .button-block{
     text-align: right;
     margin-bottom: 20px;

src/pages/index/components/record_query.vue

@@ -2,8 +2,7 @@
   <div class="body-wrapper">
     <div class="search-card">
         <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入关键字">
-            <el-button slot="append" class="searchbtn" @click="handleSearch">
-            </el-button>
+          <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
         </el-input>
     </div>
     <el-table :data="tableData">

src/pages/index/components/service_operations.vue

@@ -193,6 +193,35 @@ export default {
 }
 </style>
 <style lang="less" scoped>
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+/deep/ .el-select {
+  height: 40px;
+  .el-input__inner {
+    height: 40px;
+  }
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
+  }
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
+  }
+}
 .middle-map {
   width: 100%;
   height: 100%;

src/pages/index/components/static_resource.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="body-wrapper">
     <div class="search-card">
-      <h5>车场查询</h5>
+      <h5 style="margin-bottom: 10px">车场查询</h5>
       <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入车场名称">
-        <el-button slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
+        <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
       </el-input>
     </div>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
@@ -18,10 +17,9 @@
     </div>
 
     <div class="search-card">
-      <h5>泊位查询</h5>
+      <h5 style="margin-bottom: 10px">泊位查询</h5>
       <el-input class="input-wrapper" v-model="searchWords2" placeholder="请输入泊位编号">
-        <el-button slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
+        <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
       </el-input>
     </div>
     <el-table :data="tableData2" style="background: #2a2a2a;border-color: #333;">
@@ -35,10 +33,9 @@
     </div>
 
     <div class="search-card">
-      <h5>监控查询</h5>
+      <h5 style="margin-bottom: 10px">监控查询</h5>
       <el-input class="input-wrapper" v-model="searchWords3" placeholder="请输入监控编号">
-        <el-button slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
+        <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
       </el-input>
     </div>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
@@ -52,10 +49,9 @@
     </div>
 
     <div class="search-card">
-      <h5>设备查询</h5>
+      <h5 style="margin-bottom: 10px">设备查询</h5>
       <el-input class="input-wrapper" v-model="searchWords4" placeholder="请输入设备编号">
-        <el-button slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
+        <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
       </el-input>
     </div>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
@@ -69,10 +65,9 @@
     </div>
 
     <div class="search-card">
-      <h5>单位查询</h5>
+      <h5 style="margin-bottom: 10px">单位查询</h5>
       <el-input class="input-wrapper" v-model="searchWords5" placeholder="请输入单位名称">
-        <el-button slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
+        <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
       </el-input>
     </div>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
@@ -86,10 +81,9 @@
     </div>
 
     <div class="search-card">
-      <h5>备案资源查询</h5>
+      <h5 style="margin-bottom: 10px">备案资源查询</h5>
       <el-input class="input-wrapper" v-model="searchWords6" placeholder="请输入备案单位名称">
-        <el-button slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
+        <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
       </el-input>
     </div>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
@@ -103,10 +97,9 @@
     </div>
 
     <div class="search-card">
-      <h5>普查资源查询</h5>
+      <h5 style="margin-bottom: 10px">普查资源查询</h5>
       <el-input class="input-wrapper" v-model="searchWords7" placeholder="请输车场名称">
-        <el-button slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
+        <el-button slot="append" icon="el-icon-search"  @click="handleSearch"></el-button>
       </el-input>
     </div>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">