排班

src/views/energy/analysis/yoyAnalysis/components/searchArea.vue

@@ -1,15 +1,17 @@
 <template>
   <el-form :inline="true" class="demo-form-inline">
+    <span class="blue-block"></span>
     <el-form-item label="对象选择">
       <el-cascader
         v-model="objArr"
         :options="objList"
         :props="{ checkStrictly: true, value: 'id', label: 'name' }"
         popper-class="cascaderParent"
+        size="small"
         clearable></el-cascader>
     </el-form-item>
     <el-form-item label="时间维度">
-      <el-select v-model="queryParams.type" placeholder="请选择" style="width: 80px;">
+      <el-select v-model="queryParams.type" placeholder="请选择" style="width: 80px;" size="small">
         <el-option
           v-for="item in timeType"
           :key="item.id"
@@ -27,6 +29,7 @@
           :picker-options="pickerOptions"
           @change="selectTime"
           :clearable="false"
+          size="small"
           placeholder="选择年">
         </el-date-picker>
       </div>
@@ -37,18 +40,19 @@
           :picker-options="pickerOptions"
           @change="selectTime"
           :clearable="false"
+          size="small"
           placeholder="选择月">
         </el-date-picker>
       </div>
     </el-form-item>
     <el-form-item>
-      <el-button type="primary" @click="search">查询</el-button>
+      <el-button type="primary" size="small" @click="search">查询</el-button>
     </el-form-item>
     <el-form-item>
       <span class="separateStyle"></span>
     </el-form-item>
     <el-form-item>
-      <el-button type="primary" @click="exportData" plain>导出</el-button>
+      <el-button type="primary" size="small" @click="exportData" plain>导出</el-button>
     </el-form-item>
   </el-form>
 </template>
@@ -153,4 +157,17 @@ export default {
   background: #E8E8E8;
   vertical-align: middle;
 }
+</style>
+<style lang="scss" scoped>
+.demo-form-inline {
+  .blue-block {
+    display: inline-block;
+    width: 4px;
+    height: 16px;
+    background-color: #0B58FF;
+    border-radius: 1px;
+    margin-right: 8px;
+    margin-top: 10px;
+  }
+}
 </style>