修改LineChart.vue位置

zmc

2023-12-01 d404f7f0ffb8b7b8b930a2b583afe2037cffc3f8

 src/views/risk_assessment/components/CompDataRiskModel.vue

@@ -6,7 +6,7 @@
import exceptionApi from '@/api/exceptionApi.js'

import DustRadarChart from '@/views/risk_assessment/components/DustRadarChart.vue'
import LineChart from '@/views/risk_assessment/components/LineChart.vue'
import LineChart from '@/views/risk_assessment/components/FYLineChart.vue'

import index from '@/utils/risk_estimate_common_function/index.js'
import ButtonClick from '@/sfc/ButtonClick.vue'
@@ -446,7 +446,7 @@
        </el-button>
      </el-card>

      <el-row :gutter="10">
      <el-row :gutter="10" >
        <el-col :span="5" v-show="showAll">
          <el-card shadow="never" class="table-class">
            <el-table
@@ -495,7 +495,7 @@
          </el-card>
        </el-col>

        <el-col :span="11">
        <el-col :span="showAll ?11:14" >
          <el-card shadow="never" class="table-class">
            <DustRadarChart
              :name="[
@@ -510,23 +510,28 @@
          </el-card>
        </el-col>

        <el-col :span="4">
        <el-col :span="showAll ?4: 5" >
          <el-card shadow="never" class="card-height risk-card">
            <template #header>
              <h1
                :class="{
                  'weightColor-low': weight < 0.15,
                  'weightColor-medium': weight >= 0.15 && weight <= 0.6,
                  'weightColor-heigh': weight > 0.6
                }"
              <span
              class="title-16"
              >
                风险值(0~1)：{{ weight }}
              </h1>
                风险值(0~1)：
              </span>
              <span  :class="{
                'weightColor-low': weight < 0.15,
                'weightColor-medium': weight >= 0.15 && weight <= 0.6,
                'weightColor-heigh': weight > 0.6
              }"> {{ weight }}</span>
            </template>
            <div class="risk-text-container">
              <div class="risk-grade">
                <h1 class="sub-title">风险等级：</h1>
                <span class="sub-title">{{ riskGradeAndAdvice.riskGrade }} </span>
                <span  :class="{
                  'weightColor-low': weight < 0.15,
                  'weightColor-medium': weight >= 0.15 && weight <= 0.6,
                  'weightColor-heigh': weight > 0.6
                }" >{{ riskGradeAndAdvice.riskGrade }} </span>
              </div>

              <div class="risk-advice">
@@ -558,7 +563,7 @@
          </el-card>
        </el-col>

        <el-col :span="4">
        <el-col :span="showAll ?4: 5"  >
          <el-card shadow="never" class="card-height">
            <template #header>
              <span class="title-16">风险详情</span>
@@ -573,20 +578,24 @@
              <el-form-item label="异常类型聚集度：">
                {{ exceptionRisk.exceptionTypeAggregation * 100 }}%
              </el-form-item>
              <el-tag :size="small">共出现了{{ bill.exception.length }}类异常</el-tag>

              <el-tag :size="small" v-show="bill.exception">共出现了{{ bill.exception }}类异常</el-tag>
              
              <el-form-item label="典型异常复现率：">
                {{ exceptionRisk.typicalExceptionRepetitionRate * 100 }}%
              </el-form-item>
              
              <div>
                <el-tag :size="small">量级突变异常:{{ bill.mutationCount }}条</el-tag>
                <el-tag :size="small" v-show="bill.mutationCount">量级突变异常:{{ bill.mutationCount }}条</el-tag>
              </div>

              <div>
                <el-tag :size="small">临近超标异常:{{ bill.exceedingNearCount }}条</el-tag>
                <el-tag :size="small" v-show="bill.exceedingNearCount">临近超标异常:{{ bill.exceedingNearCount }}条</el-tag>
              </div>

              <div>
                <el-tag :size="small"
                v-show="bill.exceedingCriticalDegree"
                  >单日超标次数临界异常:{{ bill.exceedingCriticalDegree }}条</el-tag
                >
              </div>
@@ -679,7 +688,7 @@
  background-color: red;
}
.medium {
  background-color: #fadc19;
  background-color: #dabe09;
}
.low {
  background-color: #9fdb1d;