From d404f7f0ffb8b7b8b930a2b583afe2037cffc3f8 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期五, 01 十二月 2023 13:58:03 +0800
Subject: [PATCH] 修改LineChart.vue位置
---
src/views/risk_assessment/components/CompDataRiskModel.vue | 52 +++++++++++++++++++++++++++++++---------------------
1 files changed, 31 insertions(+), 21 deletions(-)
diff --git a/src/views/risk_assessment/components/CompDataRiskModel.vue b/src/views/risk_assessment/components/CompDataRiskModel.vue
index 8e98a1b..8f9a73a 100644
--- a/src/views/risk_assessment/components/CompDataRiskModel.vue
+++ b/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'
@@ -418,6 +418,7 @@
<el-form-item v-show="showAll">
<MonthSelect @submit-value="giveMonth"></MonthSelect>
</el-form-item>
+
<el-form-item v-show="showAll">
<ButtonClick
@@ -445,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
@@ -494,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="[
@@ -509,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">
@@ -557,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>
@@ -566,26 +572,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>
@@ -678,7 +688,7 @@
background-color: red;
}
.medium {
- background-color: #fadc19;
+ background-color: #dabe09;
}
.low {
background-color: #9fdb1d;
--
Gitblit v1.9.3