头部筛选条件样式修改

src/views/farmlandProtection/jctb/index.vue

@@ -5,54 +5,59 @@
         <span class="pange_text">监测图斑管理</span>
         <span class="exportBtn">导入</span>
       </h2>
-      <div class="headerSelect">
-        <el-select
-          v-model="yearsVal"
-          placeholder="请选择"
-          @change="yearsChange"
-        >
-          <el-option
-            v-for="item in yearsOpt"
-            :key="item.quarter"
-            :label="item.quarter"
-            :value="item"
+      <div class="gdzl">
+        <div class="el-col headerSelect">
+          <el-select
+            v-model="yearsVal"
+            placeholder="请选择"
+            @change="yearsChange"
+            size="mini"
           >
-          </el-option>
-        </el-select>
-        <el-cascader
-          v-model="updateObj.region"
-          :show-all-levels="false"
-          :options="store.state.region_tree"
-          @change="regionChange1"
-          placeholder="行政区"
-          size="mini"
-          :props="{
-            checkStrictly: true,
-            expandTrigger: 'hover',
-            emitPath: false,
-          }"
-        ></el-cascader>
-        <el-select
-          v-model="monitorVal"
-          placeholder="请选择"
-          @change="typeChange"
-          clearable
-        >
-          <el-option
-            v-for="item in monitorOpt"
-            :key="item.dictCode"
-            :label="item.dictValue"
-            :value="item.dictCode"
+            <el-option
+              v-for="item in yearsOpt"
+              :key="item.quarter"
+              :label="item.quarter"
+              :value="item"
+            >
+            </el-option>
+          </el-select>
+          <el-cascader
+            v-model="updateObj.region"
+            :show-all-levels="false"
+            :options="store.state.region_tree"
+            @change="regionChange1"
+            placeholder="行政区"
+            size="mini"
+            :props="{
+              checkStrictly: true,
+              expandTrigger: 'hover',
+              emitPath: false,
+            }"
+          ></el-cascader>
+          <el-select
+            v-model="monitorVal"
+            placeholder="请选择"
+            @change="typeChange"
+            clearable
+            size="mini"
           >
-          </el-option>
-        </el-select>
+            <el-option
+              v-for="item in monitorOpt"
+              :key="item.dictCode"
+              :label="item.dictValue"
+              :value="item.dictCode"
+            >
+            </el-option>
+          </el-select>
+        </div>
       </div>
+
       <div>
         <el-tabs
           type="border-card"
           v-model="activeTabs"
-          class="xz_box"
           stretch
+          class="xz_box"
           @tab-click="tabClick"
         >
           <el-tab-pane label="图斑总览" name="tbzl">
@@ -373,22 +378,28 @@ export default {
   margin: 5px 0px;
   display: flex;
   justify-content: space-between;
+  /deep/ .el-select{
+    padding: 0 10px;
+  }
   /deep/ .el-input--suffix .el-input__inner {
     padding-right: 15px;
-    height: 26px;
-    background-color: transparent;
-    border: none;
+    // height: 26px;
+    background: #041c3273 !important;
+    border: 1px dashed #0f7ac8;
     color: #fff;
   }
   /deep/ .el-cascader {
-    line-height: 26px;
+    // line-height: 26px;
   }
   /deep/.el-input__icon {
-    line-height: 1;
+    // line-height: 1;
     color: #fff;
   }
   /deep/ .el-input__inner::placeholder {
     color: #fff;
   }
 }
+.xz_box{
+  padding-top: 0px;
+}
 </style>