<!-- 物资管理=>消耗统计=>能源消耗 -->
|
<template>
|
<div class="main">
|
<div class="main_tabs">
|
<el-tabs v-model="activeName">
|
<el-tab-pane label="用电消耗" name="electro"></el-tab-pane>
|
<el-tab-pane label="用水消耗" name="water"></el-tab-pane>
|
<el-tab-pane label="用气消耗" name="gas"></el-tab-pane>
|
</el-tabs>
|
</div>
|
<div class="main_header">
|
<div class="header_item">
|
<span class="header_label">时间范围：</span>
|
<el-date-picker v-model="date" type="daterange"></el-date-picker>
|
</div>
|
<div class="header_item">
|
<el-button icon="el-icon-search" v-permission="'search'" @click="searchDeviceInfoList(true)">查询</el-button>
|
</div>
|
</div>
|
<div class="main_content">
|
<!-- <cpnTable :table-index="true" :table-loading="loading" :table-data="dataList" :table-columns="tableColumns"
|
:page-total="total" :page-num.sync="queryInfo.pageNum" :page-size.sync="queryInfo.pageSize"
|
:page-change="pageChange">
|
</cpnTable> -->
|
</div>
|
</div>
|
</template>
|
|
<script>
|
// import {downFiles, throttle} from '../../../plugins/public'
|
export default {
|
data() {
|
return {
|
loading: '',
|
date: [],
|
activeName: 'electro',
|
dataList: [],
|
tableColumns: [],
|
total: '',
|
queryInfo: {
|
pageNum: 1,
|
pageSize: 5
|
}
|
}
|
},
|
created() {
|
|
},
|
methods: {
|
pageChange() {
|
|
}
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import '../../../style/layout-main.scss';
|
</style>
|
