| | |
| | | |
| | | const cascaderOption = { label: 'pointName', value: 'id', children: 'childrenList', checkStrictly: true, expandTrigger: 'hover', emitPath: false }; //级联选择器配置 |
| | | const typeOption = ref([]) |
| | | const timeOption = ref([ |
| | | { label: '小时', value: 1 }, |
| | | { label: '日', value: 2 }, |
| | | { label: '月', value: 4 }, |
| | | { label: '季度', value: 5 }, |
| | | { label: '年', value: 6 }, |
| | | ]) |
| | | const timeVal = ref([]) |
| | | const searchData = reactive({ |
| | | pointId: '', |
| | | dateType: 2, |
| | | createTimeRange: '' |
| | | }) |
| | | const tableRef = ref(null); //表格实例 |
| | |
| | | data.createTimeRange = '' |
| | | } |
| | | exportFlowReportList(data).then(res => { |
| | | exportBlobFile(res, '统计报表') |
| | | exportBlobFile(res, `生态流量统计报表${new Date().getTime()}`) |
| | | }) |
| | | } |
| | | |
| | |
| | | <div class="report"> |
| | | <div class="report-tool"> |
| | | <el-cascader size="large" v-model="searchData.pointId" :options="typeOption" :show-all-levels="false" :props="cascaderOption" clearable /> |
| | | <el-select |
| | | v-model="searchData.dateType" |
| | | class="tool-select" |
| | | size="large" |
| | | placeholder="请选择" |
| | | clearable |
| | | style="width: 15rem" |
| | | > |
| | | <el-option |
| | | v-for="item in timeOption" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | </el-select> |
| | | <el-date-picker |
| | | v-model="timeVal" |
| | | type="datetimerange" |