1.修改了雷达图传入的数据 2.数据指标排名一进来按日均值倒序排列 3.修改了一些局部的样式

zmc

2023-11-23 43c2f5b94d87263cf189f7ba51c8dc6c5e6144c8

 src/views/risk_assessment/DataRiskModel.vue

@@ -76,7 +76,21 @@
      // 无数据配置时间段
      areaColor: [],
      // 某站点的基本信息
      siteInfo:{}
      siteInfo: {},

      // 异常风险的值
      exceptionRisk: {
        // 在线率风险
        onlineRisk: '',
        // 有效率风险
        validRisk: '',
        // 超标风险
        exceedRisk: '',
        // 异常类型聚集度
        exceptionTypeAggregation: '',
        // 典型异常复现率
        typicalExceptionRepetitionRate:''
      }
    }
  },
  mounted() {
@@ -91,6 +105,9 @@
  },

  methods: {

    

    // 查询站点统计信息
    async querySiteStaticsInfo(row) {
      this.form.name = row.siteName
@@ -130,7 +147,7 @@
      // 日统计数据
      this.fetchDayAnalysisData()
      // 异常数据
      this.fetchExceptionAnalysisData()
      // this.fetchExceptionAnalysisData()
    },

    findObjectByPropertyValue(array, property, value) {
@@ -161,11 +178,24 @@
      
    },

    // 计算风险值

    /**
    * 得到数据风险值 ，并计算风险值
    * @param：
    * @returns：
    */
    calRiskValue() {
      console.log('设备编码：',this.form.number)
      riskApi.queryRiskValue(this.form.number, this.month, 'month').then((response) => {
        this.weight = riskValue.calRiskValue(response.data.data[0]).toFixed(2)

        
        const riskValue = response.data.data[0]
        this.exceptionRisk.onlineRisk = riskValue.onlineRisk
        this.exceptionRisk.validRisk = riskValue.validRisk
        this.exceptionRisk.exceedRisk = riskValue.exceedRisk
        this.exceptionRisk.exceptionTypeAggregation = riskValue.exceptionTypeAggregation
        this.exceptionRisk.typicalExceptionRepetitionRate = riskValue.typicalExceptionRepetitionRate

        this.weight = riskValue.calRiskValue(riskValue).toFixed(2)
      })
    },

@@ -206,6 +236,8 @@
          // 无数据配置时间段
          this.areaColor = lineChart.getMarkArea(noDataTimeInteval)
          this.setChart()


          //  折线图数据
          let temp = index.calBillData(this.chartData, begin, end)
          this.bill.min = temp['min']
@@ -338,43 +370,21 @@
    </el-form-item>
  </el-form>

  <!-- <el-card class="site-info time-text" >
   <span>{{form.name}}</span> 
   <br/>
   <br/>
    <span>数据统计时段：{{ form.beginTime }} ~ {{ form.endTime }}</span>
    <el-tag class="mx-1" >场景</el-tag>{{siteInfo.typename}}

    <el-tag class="mx-1">运维商</el-tag>{{siteInfo.dutyCompany}}
    <el-button type="primary"  size="small" class="exception-button" @click="openDetail()">
      异常详情
    </el-button>
  </el-card> -->

  <div v-loading="screenLoading" class="wait-name">
    <div class="chart-container" v-show="!isNoData && !screenLoading">
      <!-- <div class="time-text">
        <span>数据统计时段：{{ form.beginTime }} ~ {{ form.endTime }}</span>
        <span class="site-name">
              <el-button type="primary" text class="exception-button" @click="openDetail()">
               异常详情
              </el-button>
         
        </span>
        <el-tag class="mx-1" >场景</el-tag>{{siteInfo.typename}}
        <el-tag class="mx-2">运维商</el-tag>{{siteInfo.dutyCompany}}
      </div> -->

      <el-card class="time-text" >
        <span>{{form.name}}</span> 
        <h4>{{form.name}}</h4> 
        <br/>
        <br/>
         <span>数据统计时段：{{ form.beginTime }} ~ {{ form.endTime }}</span>
         <el-tag class="mx-1" >场景</el-tag>{{siteInfo.typename}}
     
         <el-tag class="mx-1">运维商</el-tag>{{siteInfo.dutyCompany}}
         <el-button type="primary"  size="small" class="exception-button" @click="openDetail">
           异常详情
         <el-button type="primary"  size="default" class="exception-button" @click="openDetail">
           数据异常详情
         </el-button>
       </el-card>

@@ -439,13 +449,7 @@
                '超标异常风险',
                '数据在线风险'
              ]"
              :yData="[
                bill.valid,
                bill.exceptionRecurrence,
                bill.exceptionTypeAggregation,
                bill.exceeding,
                bill.online
              ]"
              :yData="exceptionRisk"
            ></DustRadarChart>
          </el-card>
        </el-col>
@@ -537,20 +541,6 @@
        <el-col :span="12">
          <el-card shadow="never" class="card-value">
            <LineChart
              title="日在线率"
              :chartData="chartData2"
              yName="%"
              seriesName="日在线率"
              :areaColor="areaColor"
            >
            </LineChart>
          </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="%"
@@ -560,20 +550,10 @@
            </LineChart>
          </el-card>
        </el-col>

        <el-col :span="12">
          <el-card shadow="never" class="card-value">
            <LineChart
              title="日超标率"
              :chartData="chartData4"
              yName="%"
              seriesName="日超标率"
              :areaColor="areaColor"
            >
            </LineChart>
          </el-card>
        </el-col>
      </el-row>



    </div>
  </div>
  <el-empty description="暂无数据" v-show="isNoData" :image-size="200" />