能源分析

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

@@ -33,6 +33,7 @@
           :picker-options="pickerOptions"
           popper-class="noneMinute"
           @change="timeSelect"
+          :clearable="false"
           >
         </el-date-picker>
       </div>
@@ -45,6 +46,7 @@
           end-placeholder="结束日期"
           value-format="timestamp"
           :picker-options="pickerOptions"
+          :clearable="false"
           @change="timeSelect"
           >
         </el-date-picker>
@@ -57,6 +59,7 @@
           style='width:150px;'
           :picker-options="pickerOptionsWeek"
           @change="startWeek"
+          :clearable="false"
           placeholder="选择周">
         </el-date-picker>-
         <el-date-picker
@@ -66,6 +69,7 @@
           :picker-options="pickerOptionsWeek"
           style='width:150px;'
           @change="endWeek"
+          :clearable="false"
           placeholder="选择周">
         </el-date-picker>
       </div>
@@ -77,6 +81,7 @@
           start-placeholder="开始日期"
           end-placeholder="结束日期"
           value-format="timestamp"
+          :clearable="false"
           :picker-options="pickerOptions"
           @change="timeSelect"
           >
@@ -91,6 +96,7 @@
           value-format="timestamp"
           placeholder="选择年"
           @change="startYear"
+          :clearable="false"
         >
         </el-date-picker>-
         <el-date-picker
@@ -101,6 +107,7 @@
           value-format="timestamp"
           placeholder="选择年"
           @change="endYear"
+          :clearable="false"
         >
         </el-date-picker>
       </div>
@@ -116,12 +123,14 @@
       </el-select>
     </el-form-item>
     <el-form-item label="对象选择">
-      <el-select v-model="queryParams.objIds" placeholder="请选择" multiple style="width: 80px;">
+      <el-select v-model="queryParams.objIds" placeholder="请选择" multiple collapse-tags style="width: 200px;">
         <el-option
           v-for="item in objectList"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value">
+          :key="item.id"
+          :label="item.name"
+          :value="item.id">
+          <span style="float: left">{{ item.name }}</span>
+          <span style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span>
         </el-option>
       </el-select>
     </el-form-item>
@@ -132,6 +141,9 @@
 </template>
 <script>
 import { getEnergyTypeListAll } from "@/api/base/energyType"
+import { getLineAll } from "@/api/base/productionLine"
+import { getWorkShopAll } from "@/api/base/workshopSection"
+import { getEquipmentAll } from "@/api/base/equipment"
 import moment from 'moment'
 export default {
   name: 'searchArea',
@@ -268,6 +280,25 @@ export default {
     // 对象维度
     selectObjs(val) {
       console.log(val)
+      switch (val) {
+        case '1':
+          getLineAll().then(res => {
+            this.objectList = res.data || []
+            this.queryParams.objIds = []
+          })
+          break;
+        case '2':
+          getWorkShopAll().then(res => {
+            this.objectList = res.data || []
+            this.queryParams.objIds = []
+          })
+          break;
+        default:
+          getEquipmentAll().then(res => {
+            this.objectList = res.data || []
+            this.queryParams.objIds = []
+          })
+      }
     },
     // 查询
     search() {
@@ -332,8 +363,17 @@ export default {
             return false
           }
       }
+      if (!this.queryParams.objType) {
+        this.$modal.msgError('请选择对象维度')
+        return false
+      }
+      if (this.queryParams.objIds.length === 0) {
+        this.$modal.msgError('请选择对象')
+        return false
+      }
       this.queryParams.startTime = this.queryParams.startTime + ''
       this.queryParams.endTime = this.queryParams.endTime + ''
+      console.log(this.queryParams)
       this.$emit('submit', this.queryParams)
     },
     transformTime(timeStamp) {// 本月最后一天