| | |
| | | <template> |
| | | <div>能源消耗</div> |
| | | </template> |
| | | <!-- 物资管理=>消耗统计=>能源消耗 -->
|
| | | <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> |