扬尘Vue

zmc

2023-08-31 013ed9283200da41902835f9fd679df13299d436

 src/views/line_graph/DataRiskModel.vue

@@ -4,16 +4,16 @@
import InputSearch from '../../sfc/InputSearch.vue';
import AreaAndmonitorType from '../../sfc/AreaAndmonitorType.vue';

// import DustRadarChart from './components/DustRadarChart.vue';
import DustRadarChart from './components/DustRadarChart.vue';
import exceptionApi from '@/api/exceptionApi.js';
import { useWindowSize } from '@vueuse/core';

import LineChart from './components/LineChart.vue'


const DustRadarChart = defineAsyncComponent(() =>
  import('./components/DustRadarChart.vue')
)
// const DustRadarChart = defineAsyncComponent(() =>
//   import('./components/DustRadarChart.vue')
// )

import dayjs from 'dayjs';
export default {
@@ -381,20 +381,20 @@

        <div class="time-text">数据统计时段：{{ begin}} ~ {{ end }}</div>

        <el-row :gutter="20">
          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="16" >
         
        <el-card
              shadow="never"
            >
        <el-row :gutter="20">

          <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
           
              <DustRadarChart :name="['数据有效率','典型异常复现率','异常类型聚集度','数据超标率','数据在线率']" :yData="[bill.valid,bill.exceptionRecurrence,bill.exceptionTypeAggregation,bill.exceeding,bill.online]" ></DustRadarChart>
           
            </el-card>
          </el-col>

          <el-col :xs="24" :sm="24" :md="6" :lg="4" :xl="4">
          <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="4">
            <el-card
              shadow="never"
            style="width: 200px;min-width: 200px;"
            >
              <template #header><span class="title-16">风险详情</span></template>
              <el-form >
@@ -432,10 +432,11 @@
            </el-card>
          </el-col>

          <el-col :xs="24" :sm="24" :md="6" :lg="4" :xl="4">
          <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="4">
            <el-card
              shadow="never"
            
            style="width:200px; min-width: 200px;"
            >
              <template #header>
                <span class="title-16">风险等级</span>
@@ -459,7 +460,7 @@
            </el-card>
          </el-col>
        </el-row>
      </el-card>



        <el-row :gutter="24">
@@ -586,4 +587,6 @@
  font-size: 16px;
  font-weight: bold;
}
.el-row {
}
</style>