feat(ems): 采集蒸汽数据页面增加耗量显示功能

- 在页面上添加耗量显示区域，用于展示“选定时间段内”“选定设备”的蒸汽消耗量，非null时候显示
- 实现 getExpendSum API，用于获取指定条件下的蒸汽消耗总量
- 在查询表格数据时，同步请求耗量数据并在页面上显示

src/api/ems/record/recordSteamInstant.js

@@ -62,3 +62,14 @@ export function latestSteamInstantList(query) {
   })
 }
 
+
+//查询蒸汽时间段内的消耗量
+export function getExpendSum(query) {
+  return request({
+    url: '/ems/record/recordSteamInstant/getExpendSum',
+    method: 'get',
+    params: query
+  })
+}
+
+

src/views/ems/record/recordSteamInstant/index.vue

@@ -38,7 +38,7 @@
           <!--          @keyup.enter.native="handleQuery"-->
           <!--        />-->
           <!--      </el-form-item>-->
-          <el-form-item label="采集时间">
+<!--          <el-form-item label="采集时间">
             <el-date-picker
               v-model="daterangeCollectTime"
               style="width: 340px"
@@ -48,7 +48,7 @@
               start-placeholder="开始时间"
               end-placeholder="结束时间"
             ></el-date-picker>
-          </el-form-item>
+          </el-form-item>-->
           <el-form-item label="记录时间">
             <el-date-picker
               v-model="daterangeRecordTime"
@@ -113,6 +113,9 @@
             >导出
             </el-button>
           </el-col>
+<!--          <el-col :span="3">
+            <span v-if="expendSum!==null">耗量：{{expendSum}}</span>
+          </el-col>-->
           <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
         </el-row>
 
@@ -160,6 +163,8 @@
           <!--        </template>-->
           <!--      </el-table-column>-->
         </el-table>
+
+        <span v-if="expendSum!==null">耗量：{{expendSum}}</span>
       </el-col>
     </el-row>
 
@@ -236,7 +241,7 @@ import {
   getRecordSteamInstant,
   delRecordSteamInstant,
   addRecordSteamInstant,
-  updateRecordSteamInstant
+  updateRecordSteamInstant, getExpendSum
 } from '@/api/ems/record/recordSteamInstant'
 import { getMonitorInfoTree, listBaseMonitorInfo } from '@/api/ems/base/baseMonitorInfo'
 import Treeselect from '@riophae/vue-treeselect'
@@ -275,6 +280,8 @@ export default {
       total: 0,
       // 蒸汽历史数据表格数据
       recordSteamInstantList: [],
+      //Bigdecimal类型字段
+      expendSum: null,
       // 弹出层标题
       title: '',
       // 是否显示弹出层
@@ -377,6 +384,19 @@ export default {
         this.total = response.total
         this.loading = false
       })
+      //如果设备编号、beginRecordTime和endRecordTime不为空，getExpendSum
+      if (this.queryParams.monitorCode != null
+        && this.queryParams.params['endRecordTime'] != null
+        && this.queryParams.params['endRecordTime'] != null) {
+        getExpendSum(this.queryParams).then(response => {
+          //返回的是BigDecimal
+          this.expendSum = response;
+/*          console.log(response)
+          console.log(this.expendSum)
+          console.log(response.data)*/
+        })
+      }
+
     },
     // 取消按钮
     cancel() {