| | |
| | | <script> |
| | | // import InputSearch from '@/sfc/InputSearch.vue' |
| | | import AreaAndmonitorType from '@/sfc/AreaAndmonitorType.vue' |
| | | import DustRadarChart from '@/views/risk_assessment/components/DustRadarChart.vue' |
| | | import exceptionApi from '@/api/exceptionApi.js' |
| | | import LineChart from '@/views/risk_assessment/components/LineChart.vue' |
| | | |
| | | import DustRadarChart from '@/views/risk_assessment/components/DustRadarChart.vue' |
| | | import FYLineChart from '@/components/chart/FYLineChart.vue' |
| | | import index from '@/utils/risk_estimate_common_function/index.js' |
| | | import ButtonClick from '@/sfc/ButtonClick.vue' |
| | | import dayjs from 'dayjs' |
| | |
| | | } |
| | | }, |
| | | components: { |
| | | LineChart, |
| | | FYLineChart, |
| | | // DateSelectWithShortCuts, |
| | | // InputSearch, |
| | | AreaAndmonitorType, |
| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-card shadow="never" class="card-value"> |
| | | <LineChart title="日均值" :chartData="chartData1" yName="mg/m³" seriesName="日均值"> |
| | | </LineChart> |
| | | <FYLineChart title="日均值" :chartData="chartData1" yName="mg/m³" seriesName="日均值"> |
| | | </FYLineChart> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-card shadow="never" class="card-value"> |
| | | <LineChart title="日在线率" :chartData="chartData2" yName="%" seriesName="日在线率"> |
| | | </LineChart> |
| | | <FYLineChart title="日在线率" :chartData="chartData2" yName="%" seriesName="日在线率"> |
| | | </FYLineChart> |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-card shadow="never" class="card-value"> |
| | | <LineChart title="日有效率" :chartData="chartData3" yName="%" seriesName="日有效率"> |
| | | </LineChart> |
| | | <FYLineChart title="日有效率" :chartData="chartData3" yName="%" seriesName="日有效率"> |
| | | </FYLineChart> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-card shadow="never" class="card-value"> |
| | | <LineChart title="日超标率" :chartData="chartData4" yName="%" seriesName="日超标率"> |
| | | </LineChart> |
| | | <FYLineChart title="日超标率" :chartData="chartData4" yName="%" seriesName="日超标率"> |
| | | </FYLineChart> |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |