From f7373ab33a33fc1bbd3f1c056a07b13d271065d7 Mon Sep 17 00:00:00 2001 From: zmc <zmc_li@foxmail.com> Date: 星期五, 24 十一月 2023 08:51:47 +0800 Subject: [PATCH] 1.修改了飞行巡检的异常聚集度和复现率的描述,当具体异常数为0时,不显示该异常描述。 2.修改低中高风险文字 对应的绿黄红颜色 3.调整了跳转到飞行巡检页面时的布局 --- src/views/risk_assessment/components/CompDataRiskModel.vue | 42 +++++++++++++++++++++++++----------------- 1 files changed, 25 insertions(+), 17 deletions(-) diff --git a/src/views/risk_assessment/components/CompDataRiskModel.vue b/src/views/risk_assessment/components/CompDataRiskModel.vue index 18594a3..d994558 100644 --- a/src/views/risk_assessment/components/CompDataRiskModel.vue +++ b/src/views/risk_assessment/components/CompDataRiskModel.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,23 @@ <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.length">鍏卞嚭鐜颁簡{{ bill.exception.length }}绫诲紓甯�</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 +687,7 @@ background-color: red; } .medium { - background-color: #fadc19; + background-color: #dabe09; } .low { background-color: #9fdb1d; -- Gitblit v1.9.3