排班

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

@@ -1,7 +1,8 @@
 <template>
   <el-form :inline="true" class="demo-form-inline">
+    <span class="blue-block"></span>
     <el-form-item label="能源类型">
-      <el-select v-model="queryParams.energyTypeId" placeholder="请选择" style="width: 100px;">
+      <el-select v-model="queryParams.energyTypeId" placeholder="请选择" style="width: 100px;" size="small">
         <el-option
           v-for="item in energyTypeList"
           :key="item.id"
@@ -16,15 +17,17 @@
         :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.timeDim" placeholder="请选择" style="width: 80px;">
+      <el-select v-model="queryParams.timeDim" placeholder="请选择" style="width: 80px;" size="small">
         <el-option
           v-for="item in getDictDatas(this.DICT_TYPE.TIME_DIM)"
           :key="item.value"
           :label="item.label"
-          :value="item.value">
+          :value="item.value"
+          size="small">
         </el-option>
       </el-select>
     </el-form-item>
@@ -41,6 +44,7 @@
           :picker-options="pickerOptions"
           popper-class="noneMinute"
           @change="timeSelect"
+          size="small"
           >
         </el-date-picker>
       </div>
@@ -54,6 +58,7 @@
           value-format="timestamp"
           :picker-options="pickerOptions"
           @change="timeSelect"
+          size="small"
           >
         </el-date-picker>
       </div>
@@ -65,6 +70,7 @@
           style='width:150px;'
           :picker-options="pickerOptionsWeek"
           @change="startWeek"
+          size="small"
           placeholder="选择周">
         </el-date-picker>-
         <el-date-picker
@@ -74,6 +80,7 @@
           :picker-options="pickerOptionsWeek"
           style='width:150px;'
           @change="endWeek"
+          size="small"
           placeholder="选择周">
         </el-date-picker>
       </div>
@@ -86,6 +93,7 @@
           end-placeholder="结束日期"
           value-format="timestamp"
           :picker-options="pickerOptions"
+          size="small"
           @change="timeSelect"
           >
         </el-date-picker>
@@ -98,6 +106,7 @@
           :picker-options="pickerOptions"
           value-format="timestamp"
           placeholder="选择年"
+          size="small"
           @change="startYear"
         >
         </el-date-picker>-
@@ -108,13 +117,14 @@
           :picker-options="pickerOptions"
           value-format="timestamp"
           placeholder="选择年"
+          size="small"
           @change="endYear"
         >
         </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>
 </template>
@@ -361,4 +371,17 @@ export default {
 .noneMinute .el-scrollbar:nth-of-type(2) {
   display: none;
 }
+</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>