修改 电网一张图bug 技术监督新增 重新发起页面绘制
This commit is contained in:
@@ -96,21 +96,45 @@
|
||||
<el-col :span="12" style="display: flex">
|
||||
<div>
|
||||
综合评估得分:
|
||||
<span style="color: #299edf">
|
||||
{{ dropList.assessData == 3.14159 ? '--' : dropList.assessData }}
|
||||
<span
|
||||
class="conclusion"
|
||||
:class="
|
||||
dropList.assessData == '特质'
|
||||
? 'background1'
|
||||
: dropList.assessData == '较差'
|
||||
? 'background2'
|
||||
: dropList.assessData == '极差'
|
||||
? 'background3'
|
||||
: ''
|
||||
"
|
||||
>
|
||||
{{ dropList.assessData }}
|
||||
</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb5">
|
||||
<el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb4 pt3">
|
||||
<el-col :span="14" style="display: flex">
|
||||
<img :src="url[i]" />
|
||||
<span>{{ item.targetName }}</span>
|
||||
<span style="line-height: 20px">{{ item.targetName }}</span>
|
||||
</el-col>
|
||||
<el-col :span="10" style="display: flex">
|
||||
<div style="width: 100%">
|
||||
评估得分:
|
||||
<span style="color: #299edf">{{ item.avg == 3.14159 ? '--' : item.avg }}</span>
|
||||
<span
|
||||
class="conclusion"
|
||||
:class="
|
||||
item.avg == '特质'
|
||||
? 'background1'
|
||||
: item.avg == '较差'
|
||||
? 'background2'
|
||||
: item.avg == '极差'
|
||||
? 'background3'
|
||||
: ''
|
||||
"
|
||||
>
|
||||
{{ item.avg }}
|
||||
</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -207,7 +231,7 @@ const open = async (id: string) => {
|
||||
// 完整性
|
||||
getTotalIntegrityByLineIds(form).then((res: any) => {
|
||||
let num = (res.data || 0) / 100
|
||||
IntegrityNum.value = num
|
||||
IntegrityNum.value = res.data
|
||||
ComCharts.value = {
|
||||
title: {
|
||||
text: '完整性',
|
||||
@@ -256,7 +280,7 @@ const open = async (id: string) => {
|
||||
label: {
|
||||
normal: {
|
||||
formatter: () => {
|
||||
return num * 100 + '%'
|
||||
return (num * 100).toFixed(2) + '%'
|
||||
},
|
||||
textStyle: {
|
||||
fontSize: 20,
|
||||
@@ -328,7 +352,7 @@ const open = async (id: string) => {
|
||||
label: {
|
||||
normal: {
|
||||
formatter: () => {
|
||||
return num * 100 + '%'
|
||||
return (num * 100).toFixed(2) + '%'
|
||||
},
|
||||
textStyle: {
|
||||
fontSize: 20,
|
||||
@@ -356,31 +380,31 @@ const open = async (id: string) => {
|
||||
startTime: datePickerRef.value.timeValue[0],
|
||||
endTime: datePickerRef.value.timeValue[1]
|
||||
}).then((res: any) => {
|
||||
dropList.value.assessData = res.data.assessData
|
||||
dropList.value.assessData = res.data.assessLevel
|
||||
evaluationData.value = [
|
||||
{
|
||||
targetName: '频率偏差',
|
||||
avg: res.data.freqAssessData,
|
||||
avg: res.data.freqAssessLevel,
|
||||
sd: res.data.freqQualifyData
|
||||
},
|
||||
{
|
||||
targetName: '电压偏差',
|
||||
avg: res.data.vdevAssessData,
|
||||
avg: res.data.vdevAssessLevel,
|
||||
sd: res.data.vdevQualifyData
|
||||
},
|
||||
{
|
||||
targetName: '电压总谐波畸变率',
|
||||
avg: res.data.harmAssessData,
|
||||
avg: res.data.harmAssessLevel,
|
||||
sd: res.data.harmQualifyData
|
||||
},
|
||||
{
|
||||
targetName: '三相电压不平衡度',
|
||||
avg: res.data.unbalanceAssessData,
|
||||
avg: res.data.unbalanceAssessLevel,
|
||||
sd: res.data.unbalanceQualifyData
|
||||
},
|
||||
{
|
||||
targetName: '闪变',
|
||||
avg: res.data.flickerAssessData,
|
||||
avg: res.data.flickerAssessLevel,
|
||||
sd: res.data.flickerQualifyData
|
||||
}
|
||||
]
|
||||
@@ -645,7 +669,7 @@ defineExpose({ open })
|
||||
display: grid;
|
||||
grid-template-rows: repeat(5, auto);
|
||||
.row {
|
||||
margin: 4px 2%;
|
||||
margin: 4px 2% 0;
|
||||
width: 100%;
|
||||
box-shadow: 1px 1px 1px 1px #e8e3e3;
|
||||
}
|
||||
@@ -665,4 +689,23 @@ defineExpose({ open })
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
.conclusion {
|
||||
display: inline-block;
|
||||
padding: 0 5px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.background1 {
|
||||
background-color: #339966;
|
||||
color: #fff;
|
||||
}
|
||||
.background2 {
|
||||
background-color: #97017e;
|
||||
color: #fff;
|
||||
}
|
||||
.background3 {
|
||||
background-color: #cc0000;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user