| | |
| | | </el-form> |
| | | </div> |
| | | <div id="gasChart" style="height: 500px;width: auto"></div> |
| | | <el-table :data="state.tableData.data" style="width: 100%"> |
| | | <el-table :data="state.tableData.data" style="width: 100%" v-loading="loading"> |
| | | <el-table-column type="index" label="序号" width="80" /> |
| | | <el-table-column align="center" prop="time" label="采集时间"/> |
| | | <el-table-column align="center" prop="regionName" label="区域名称"/> |
| | |
| | | }, |
| | | }); |
| | | |
| | | const loading = ref(false); |
| | | const myChart = shallowRef(null) |
| | | |
| | | const chooseTime = (val:any) => { |
| | |
| | | } |
| | | let resChart = await fluxDataApi().getFluxLineChart(chartParam); |
| | | if(resChart.data.code == 100) { |
| | | yData.value = mapArray(resChart.data.data); |
| | | areaChart.value = yData.value.map((item: any) => { |
| | | return item.name |
| | | }); |
| | | dataZoomEnd.value = xData.value.length > 25 ? 5 : 100; |
| | | if(resChart.data.data) { |
| | | yData.value = mapArray(resChart.data.data); |
| | | areaChart.value = yData.value.map((item: any) => { |
| | | return item.name |
| | | }); |
| | | dataZoomEnd.value = xData.value.length > 25 ? 5 : 100; |
| | | }else { |
| | | yData.value = []; |
| | | xData.value = []; |
| | | dataZoomEnd.value = 100; |
| | | } |
| | | |
| | | initCharts(); |
| | | }else { |
| | | ElMessage({ |
| | |
| | | }); |
| | | } |
| | | |
| | | loading.value = true; |
| | | //表格 |
| | | const pageParam = { |
| | | pageIndex: state.tableData.listQuery.pageIndex, |
| | |
| | | state.tableData.total = res.data.total; |
| | | state.tableData.listQuery.pageIndex = res.data.pageIndex; |
| | | state.tableData.listQuery.pageSize = res.data.pageSize; |
| | | loading.value = false; |
| | | }else { |
| | | ElMessage({ |
| | | type: 'warning', |
| | |
| | | saveAsImage: { show: true } |
| | | } |
| | | }, |
| | | graphic: { |
| | | type: 'text', // 类型:文本 |
| | | left: 'center', |
| | | top: 'middle', |
| | | silent: true, // 不响应事件 |
| | | invisible: yData.value.length > 0, // 有数据就隐藏 |
| | | style: { |
| | | fill: '#9d9d9d', |
| | | fontWeight: 'bold', |
| | | text: '暂无数据', |
| | | fontFamily: 'Microsoft YaHei', |
| | | fontSize: '22px' |
| | | } |
| | | }, |
| | | xAxis: [ |
| | | { |
| | | type: 'category', |