ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

微调

Browse Source
This commit is contained in:
sjl
2025-01-06 14:07:21 +08:00
parent c4e2da8d67
commit 99e6abbcfd
4 changed files with 511 additions and 494 deletions
Download Patch File Download Diff File Expand all files Collapse all files

207
frontend/src/views/home/components/channelsTestTable.vue
View File

@@ -21,22 +21,36 @@
</template>
</el-table-column>
<el-table-column prop="UaChannel" label="结果">
<template #header >
<span>结果</span>
<el-tooltip class="item" effect="light" placement="top-start" content="电压L1系数校准不合格原因">
<el-icon style="margin-left:2px;vertical-align:-2px;"><QuestionFilled /></el-icon>
</el-tooltip>
</template>
<template #default="scope">
<el-tag type="danger" v-if="scope.row.UaChannel === '不合格'">
<el-tooltip
v-if="scope.row.UaChannel === '不合格'"
class="item"
effect="light"
placement="top-start"
:content="'电压L1系数校准不合格原因：'+scope.row.UaData"
>
<el-tag type="danger" class="tooltip-content">
{{ scope.row.UaChannel }}
</el-tag>
</el-tooltip>
<el-tooltip
v-else-if="scope.row.UaChannel === '合格'"
class="item"
effect="light"
placement="top-start"
:content="'电压L1系数校准合格原因：'+scope.row.UaData"
>
<span class="tooltip-content">{{ scope.row.UaChannel }}</span>
</el-tooltip>
<!-- <el-tag type="danger" v-if="scope.row.UaChannel === '不合格'">
{{ scope.row.UaChannel }}
</el-tag>
</el-tag> -->
<el-icon v-else-if="scope.row.UaChannel === '—'&& loading" class="loading-box">
<el-icon-loading />
</el-icon>
<span v-else>
<!-- <span v-else>
{{ scope.row.UaChannel }}
</span>
</span> -->
</template>
</el-table-column>
</el-table-column>
@@ -52,22 +66,30 @@
</template>
</el-table-column>
<el-table-column prop="UbChannel" label="结果">
<template #header >
<span>结果</span>
<el-tooltip class="item" effect="light" placement="top-start" content="电压L2系数校准不合格原因">
<el-icon style="margin-left:2px;vertical-align:-2px;"><QuestionFilled /></el-icon>
</el-tooltip>
</template>
<template #default="scope">
<el-tag type="danger" v-if="scope.row.UbChannel === '不合格'">
{{ scope.row.UbChannel }}
</el-tag>
<el-tooltip
v-if="scope.row.UbChannel === '不合格'"
class="item"
effect="light"
placement="top-start"
content="电压L2系数校准不合格原因"
>
<el-tag type="danger" class="tooltip-content">
{{ scope.row.UbChannel }}
</el-tag>
</el-tooltip>
<el-tooltip
v-else-if="scope.row.UbChannel === '合格'"
class="item"
effect="light"
placement="top-start"
content="电压L2系数校准合格原因"
>
<span class="tooltip-content">{{ scope.row.UbChannel }}</span>
</el-tooltip>
<el-icon v-else-if="scope.row.UbChannel === '—'&& loading" class="loading-box">
<el-icon-loading />
</el-icon>
<span v-else>
{{ scope.row.UbChannel }}
</span>
</template>
</el-table-column>
</el-table-column>
@@ -83,22 +105,30 @@
</template>
</el-table-column>
<el-table-column prop="UcChannel" label="结果">
<template #header >
<span>结果</span>
<el-tooltip class="item" effect="light" placement="top-start" content="电压L3系数校准不合格原因">
<el-icon style="margin-left:2px;vertical-align:-2px;"><QuestionFilled /></el-icon>
</el-tooltip>
</template>
<template #default="scope">
<el-tag type="danger" v-if="scope.row.UcChannel === '不合格'">
{{ scope.row.UcChannel }}
</el-tag>
<el-tooltip
v-if="scope.row.UcChannel === '不合格'"
class="item"
effect="light"
placement="top-start"
content="电压L3系数校准不合格原因"
>
<el-tag type="danger" class="tooltip-content">
{{ scope.row.UcChannel }}
</el-tag>
</el-tooltip>
<el-tooltip
v-else-if="scope.row.UcChannel === '合格'"
class="item"
effect="light"
placement="top-start"
content="电压L3系数校准合格原因"
>
<span class="tooltip-content">{{ scope.row.UcChannel }}</span>
</el-tooltip>
<el-icon v-else-if="scope.row.UcChannel === '—'&& loading" class="loading-box">
<el-icon-loading />
</el-icon>
<span v-else>
{{ scope.row.UcChannel }}
</span>
</template>
</el-table-column>
</el-table-column>
@@ -116,22 +146,30 @@
</template>
</el-table-column>
<el-table-column prop="IaChannel" label="结果">
<template #header >
<span>结果</span>
<el-tooltip class="item" effect="light" placement="top-start" content="电流L1系数校准不合格原因">
<el-icon style="margin-left:2px;vertical-align:-2px;"><QuestionFilled /></el-icon>
</el-tooltip>
</template>
<template #default="scope">
<el-tag type="danger" v-if="scope.row.IaChannel === '不合格'">
{{ scope.row.IaChannel }}
</el-tag>
<el-tooltip
v-if="scope.row.IaChannel === '不合格'"
class="item"
effect="light"
placement="top-start"
content="电流L1系数校准不合格原因"
>
<el-tag type="danger" class="tooltip-content">
{{ scope.row.IaChannel }}
</el-tag>
</el-tooltip>
<el-tooltip
v-else-if="scope.row.IaChannel === '合格'"
class="item"
effect="light"
placement="top-start"
content="电流L1系数校准合格原因"
>
<span class="tooltip-content">{{ scope.row.IaChannel }}</span>
</el-tooltip>
<el-icon v-else-if="scope.row.IaChannel === '—'&& loading" class="loading-box">
<el-icon-loading />
</el-icon>
<span v-else>
{{ scope.row.IaChannel }}
</span>
</template>
</el-table-column>
</el-table-column>
@@ -147,22 +185,30 @@
</template>
</el-table-column>
<el-table-column prop="IbChannel" label="结果">
<template #header >
<span>结果</span>
<el-tooltip class="item" effect="light" placement="top-start" content="电流L2系数校准不合格原因">
<el-icon style="margin-left:2px;vertical-align:-2px;"><QuestionFilled /></el-icon>
</el-tooltip>
</template>
<template #default="scope">
<el-tag type="danger" v-if="scope.row.IbChannel === '不合格'">
{{ scope.row.IbChannel }}
</el-tag>
<el-tooltip
v-if="scope.row.IbChannel === '不合格'"
class="item"
effect="light"
placement="top-start"
content="电流L2系数校准不合格原因"
>
<el-tag type="danger" class="tooltip-content">
{{ scope.row.IbChannel }}
</el-tag>
</el-tooltip>
<el-tooltip
v-else-if="scope.row.IbChannel === '合格'"
class="item"
effect="light"
placement="top-start"
content="电流L2系数校准合格原因"
>
<span class="tooltip-content">{{ scope.row.IbChannel }}</span>
</el-tooltip>
<el-icon v-else-if="scope.row.IbChannel === '—'&& loading" class="loading-box">
<el-icon-loading />
</el-icon>
<span v-else>
{{ scope.row.IbChannel }}
</span>
</template>
</el-table-column>
</el-table-column>
@@ -178,22 +224,30 @@
</template>
</el-table-column>
<el-table-column prop="IcChannel" label="结果">
<template #header >
<span>结果</span>
<el-tooltip class="item" effect="light" placement="top-start" content="电流L3系数准不合格原因">
<el-icon style="margin-left:2px;vertical-align:-2px;"><QuestionFilled /></el-icon>
</el-tooltip>
</template>
<template #default="scope">
<el-tag type="danger" v-if="scope.row.IcChannel === '不合格'">
{{ scope.row.IcChannel }}
</el-tag>
<el-tooltip
v-if="scope.row.IcChannel === '不合格'"
class="item"
effect="light"
placement="top-start"
content="电流L3系数校准不合格原因"
>
<el-tag type="danger" class="tooltip-content">
{{ scope.row.IcChannel }}
</el-tag>
</el-tooltip>
<el-tooltip
v-else-if="scope.row.IcChannel === '合格'"
class="item"
effect="light"
placement="top-start"
content="电流L3系数校准合格原因"
>
<span class="tooltip-content">{{ scope.row.IcChannel }}</span>
</el-tooltip>
<el-icon v-else-if="scope.row.IcChannel === '—'&& loading" class="loading-box">
<el-icon-loading />
</el-icon>
<span v-else>
{{ scope.row.IcChannel }}
</span>
</template>
</el-table-column>
</el-table-column>
@@ -357,6 +411,19 @@
animation: rotate 2s linear infinite;
}
.icon-margin {
margin-left: 0px;
}
.icon-align {
vertical-align: 0px;
}
.tooltip-content {
cursor: pointer;
}
@keyframes rotate {
from {
transform: rotate(0deg);