|
|
@@ -0,0 +1,90 @@
|
|
|
+<template>
|
|
|
+ <div class="main">
|
|
|
+ <div class="search">
|
|
|
+ <el-input placeholder="输入设备编号" class="search-input" clearable v-model="mixins_query.deviceNo"></el-input>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="times"
|
|
|
+ value-format="yyyyMMdd"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="选择开始日期"
|
|
|
+ end-placeholder="选择结束日期"
|
|
|
+ @change="effectiveDateToggle"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-button type="primary" class="search-btn" @click="mixins_search" icon="el-icon-search">查询 </el-button>
|
|
|
+ <div class="search-icon">
|
|
|
+ <el-tooltip class="item" effect="light" placement="bottom" content="导出">
|
|
|
+ <i class="zoniot_font zoniot-icon-daochu2" @click="exportExcel"></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="roles-wrap">
|
|
|
+ <zz-table
|
|
|
+ :cols="cols"
|
|
|
+ :settings="{ showIndex: true, stripe: true }"
|
|
|
+ :loading="mixins_onQuery"
|
|
|
+ :data="mixins_list"
|
|
|
+ :pageset="mixins_pageset"
|
|
|
+ @page-change="pageChange"
|
|
|
+ >
|
|
|
+ </zz-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import list from '@utils/list.js';
|
|
|
+export default {
|
|
|
+ mixins: [list],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ times: [],
|
|
|
+ cols: [
|
|
|
+ {
|
|
|
+ label: '设备编号',
|
|
|
+ prop: 'deviceNo'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '温度(℃)',
|
|
|
+ prop: 'temperature'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '湿度(%rh)',
|
|
|
+ prop: 'humidity'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '用电量(kwh)',
|
|
|
+ prop: 'electricEnergy'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '累计冷量',
|
|
|
+ prop: 'coolingCapacity'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '采集时间',
|
|
|
+ prop: 'acquisitionTime'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ mixins_post: 'get'
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.mixins_dataUrl = '/sc-energy/energyMonitoring/getPage';
|
|
|
+ this.mixins_search();
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+ effectiveDateToggle(va) {
|
|
|
+ let arr = va;
|
|
|
+ if (!arr) {
|
|
|
+ arr = ['', ''];
|
|
|
+ }
|
|
|
+ this.mixins_query.startDate = arr[0];
|
|
|
+ this.mixins_query.endDate = arr[1];
|
|
|
+ },
|
|
|
+ exportExcel() {
|
|
|
+ this.__exportExcel('/sc-energy/energyMonitoring/export/excel', this.mixins_query);
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
