油烟检测系统

zmc

2023-08-07 1e18f0bcee0358e13c0e2cb750d17cd7ef5bf4d6

 src/views/analysis/graph/OnlineRate.vue

@@ -52,8 +52,9 @@
       </el-form-item> 
       </el-form>

      <el-card>
        <div class="chart-container" ref="chart"></div>
      <el-card v-loading="loading">
        <div class="chart-container" ref="chart" v-show="!isNoData"></div>
        <el-empty v-show="isNoData" :image-size="200" />
      </el-card>
    </el-main>
  </el-container>
@@ -62,10 +63,12 @@
  
  <script>
  import * as echarts from 'echarts'
  import axiosInstance from '../../../utils/request.js'
  import axiosInstanceInstance from '../../../utils/request.js'
  export default {
    data() {
      return {
        isNoData:false,
        loading:false,
        chartData: [],     //保存查询的结果
        //devId:'',          //设备编号
        begin:'2023-05-01',         //开始时间
@@ -219,15 +222,22 @@
        if(this.end){
          params['end'] = this.end
        }
  
        axiosInstance.get('/data/id',{params:params})
        this.loading=true
        axiosInstanceInstance.get('/data/id',{params:params})
          .then(response => {
        
            this.chartData = response.data.data
            this.loading= false
            if(response.data.data.length==0){
          alert('该时段无数据')
          this.isNoData = true
          return
        }
        // 移除空数据状态
        this.isNoData = false
            this.drawChart()
          })
          .catch(error => {
            console.log(error)
          })
         
      },
      drawChart() {
        let dateList = []
@@ -323,10 +333,11 @@
  <style scoped>
  .el-card {
    margin-top: 40px;
    border-radius: 9px;
  }
.chart-container {
    width: 100%;
    height: 600px;
    height: 540px;
}
  .el-header {
    background-color: #010408;