From 5244fdb5f7932f2cbce43f4bfaa9dc06c9dd4c95 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期五, 01 十二月 2023 14:04:16 +0800
Subject: [PATCH] 修改FYLineChart.vue引用
---
src/views/risk_assessment/components/CompDataRiskModel.vue | 63 ++++++++++++++++++-------------
1 files changed, 36 insertions(+), 27 deletions(-)
diff --git a/src/views/risk_assessment/components/CompDataRiskModel.vue b/src/views/risk_assessment/components/CompDataRiskModel.vue
index 8e98a1b..2141148 100644
--- a/src/views/risk_assessment/components/CompDataRiskModel.vue
+++ b/src/views/risk_assessment/components/CompDataRiskModel.vue
@@ -1,12 +1,11 @@
<!-- 鏃ュ潎鍊� -->
-
<script>
import InputSearch from '@/sfc/InputSearch.vue'
import AreaAndmonitorType from '@/sfc/AreaAndmonitorType.vue'
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 FYLineChart from '@/components/chart/FYLineChart.vue'
import index from '@/utils/risk_estimate_common_function/index.js'
import ButtonClick from '@/sfc/ButtonClick.vue'
@@ -35,7 +34,7 @@
}
},
components: {
- LineChart,
+ FYLineChart,
InputSearch,
AreaAndmonitorType,
DustRadarChart,
@@ -418,6 +417,7 @@
<el-form-item v-show="showAll">
<MonthSelect @submit-value="giveMonth"></MonthSelect>
</el-form-item>
+
<el-form-item v-show="showAll">
<ButtonClick
@@ -445,7 +445,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
@@ -494,7 +494,7 @@
</el-card>
</el-col>
- <el-col :span="11">
+ <el-col :span="showAll ?11:14" >
<el-card shadow="never" class="table-class">
<DustRadarChart
:name="[
@@ -509,23 +509,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">
@@ -557,7 +562,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>
@@ -566,26 +571,30 @@
<el-form>
<el-form-item label="鏈�澶у�硷細"> {{ bill.max }} mg/m鲁 </el-form-item>
<el-form-item label="鏈�灏忓�硷細"> {{ bill.min }} mg/m鲁 </el-form-item>
- <el-form-item label="鏁版嵁鏈夋晥鐜囷細"> {{ bill.online }}% </el-form-item>
- <el-form-item label="鏁版嵁鍦ㄧ嚎鐜囷細"> {{ bill.valid }}% </el-form-item>
- <el-form-item label="鏁版嵁瓒呮爣鐜囷細"> {{ bill.exceeding }}% </el-form-item>
+ <el-form-item label="鏁版嵁鏈夋晥鐜囷細"> {{ bill.online*100 }}% </el-form-item>
+ <el-form-item label="鏁版嵁鍦ㄧ嚎鐜囷細"> {{ bill.valid*100 }}% </el-form-item>
+ <el-form-item label="鏁版嵁瓒呮爣鐜囷細"> {{ bill.exceeding*100 }}% </el-form-item>
<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>
@@ -597,27 +606,27 @@
<el-row :gutter="20">
<el-col :span="12">
<el-card shadow="never" class="card-value">
- <LineChart
+ <FYLineChart
title="鏃ュ潎鍊�"
:chartData="chartData1"
yName="mg/m鲁"
seriesName="鏃ュ潎鍊�"
:areaColor="areaColor"
>
- </LineChart>
+ </FYLineChart>
</el-card>
</el-col>
<el-col :span="12">
<el-card shadow="never" class="card-value">
- <LineChart
+ <FYLineChart
title="鏃ユ湁鏁堢巼"
:chartData="chartData3"
yName="%"
seriesName="鏃ユ湁鏁堢巼"
:areaColor="areaColor"
>
- </LineChart>
+ </FYLineChart>
</el-card>
</el-col>
</el-row>
@@ -678,7 +687,7 @@
background-color: red;
}
.medium {
- background-color: #fadc19;
+ background-color: #dabe09;
}
.low {
background-color: #9fdb1d;
--
Gitblit v1.9.3