| | |
| | | <script> |
| | | import TimeSelectWithShortCuts from '../../sfc/TimeSelectWithShortCuts.vue'; |
| | | // import InputSearch from '../../sfc/InputSearch.vue'; |
| | | import AreaAndmonitorType from '../../sfc/AreaAndmonitorType.vue'; |
| | | import TimeSelectWithShortCuts from '@/sfc/TimeSelectWithShortCuts.vue'; |
| | | import AreaAndmonitorType from '@/sfc/AreaAndmonitorType.vue'; |
| | | import {useCommonFunction} from '../../utils/common.js'; |
| | | import requetsApi from '@/api/exportExcel/requetsApi.js' |
| | | import dayjs from 'dayjs'; |
| | | export default { |
| | | components: { |
| | | TimeSelectWithShortCuts, |
| | | // InputSearch |
| | | AreaAndmonitorType |
| | | }, |
| | | data() { |
| | |
| | | tableData: [], |
| | | isNoData: false, |
| | | loading: false, |
| | | // begin: '2023-05-01', //开始时间 |
| | | // end: '2023-05-15', //结束时间 |
| | | |
| | | form: { |
| | | // 站点名称 |
| | | name: '', |
| | | // 设备编号 |
| | | number: '', |
| | | // 开始时间 |
| | | beginTime: '', |
| | | // 结束时间 |
| | |
| | | return {cmpp,exportToExcel} |
| | | }, |
| | | |
| | | // watch:{ |
| | | // pageSize(){ |
| | | // this.handleSizeChange() |
| | | // }, |
| | | // currentPage(){ |
| | | // this.handleCurrentChange() |
| | | // }, |
| | | // }, |
| | | |
| | | mounted() { |
| | | this.form.name = ''; |
| | |
| | | <div class="search-container"> |
| | | <el-container> |
| | | <el-main> |
| | | <el-form :inline="true" :model="form" class="demo-form-inline"> |
| | | <el-form :inline="true" :model="form" > |
| | | <el-form-item> |
| | | <AreaAndmonitorType></AreaAndmonitorType> |
| | | </el-form-item> |
| | | <!-- <el-form-item> |
| | | <InputSearch @submit-value="(n) => (form.name = n)"></InputSearch> |
| | | </el-form-item> --> |
| | | |
| | | <el-form-item> |
| | | <TimeSelectWithShortCuts |
| | | @submit-time="giveTime" |
| | |
| | | |
| | | <el-card> |
| | | <el-empty v-show="isNoData" :image-size="200" /> |
| | | <!-- <LineChart :chartData="option"> </LineChart> --> |
| | | </el-card> |
| | | |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | @update:current-page="handleCurrentChange" |
| | | @update:page-size="handleSizeChange" |
| | | /> |
| | | </el-card> |
| | | |
| | | </el-main> |
| | | </el-container> |
| | | </div> |