Web/admin-sjzx
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

修改 冀北 台账树问题

Browse Source
This commit is contained in:
GGJ
2024-09-09 11:15:24 +08:00
parent 9bfb30a197
commit d9bcec8ea0
6 changed files with 152 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/views/LN/newEnergy/newEnergyAnalysis/index.vue
View File

@@ -16,63 +16,61 @@
</TableHeader>
<div class="container pd10">
<div>
<el-card class="cardBox">
<div class="mb5" style="display: flex; justify-content: space-between">
<h3>功率区间</h3>
<el-card class="cardBox">
<div class="mb5" style="display: flex; justify-content: space-between">
<h3>功率区间</h3>
<div>
<span>稳态越限图例:　</span>
<span style="color: red">越限　</span>
<span style="color: green">合格</span>
</div>
</div>
<el-card class="card-top">
<div
v-for="(item, index) in powerList1"
class="pd10"
style="cursor: pointer"
:class="flag == item.label ? 'hoverBox' : ''"
@click="analyseList(item.label, index)"
>
<div style="font-size: 24px; font-weight: 700">
<span :style="{ color: item.crossTheLine > 0 ? 'red' : 'green' }">
{{ item.quantity }}
</span>
<span style="font-size: 14px; font-weight: 500">个</span>
</div>
<div>
<span>稳态越限图例:　</span>
<span style="color: red">越限　</span>
<span style="color: green">合格</span>
{{ item.label }}
</div>
</div>
<el-card class="card-top">
<div
v-for="(item, index) in powerList1"
class="pd10"
style="cursor: pointer"
:class="flag == item.label ? 'hoverBox' : ''"
@click="analyseList(item.label, index)"
>
<div style="font-size: 24px; font-weight: 700">
<span :style="{ color: item.crossTheLine > 0 ? 'red' : 'green' }">
{{ item.quantity }}
</span>
<span style="font-size: 14px; font-weight: 500">个</span>
</div>
<div>
{{ item.label }}
</div>
</div>
</el-card>
<el-card class="card-top mt15">
<div
v-for="(item, index) in powerList2"
class="pd10"
style="cursor: pointer"
:class="flag == item.label ? 'hoverBox' : ''"
@click="analyseList(item.label, index + 5)"
>
<div style="font-size: 24px; font-weight: 700">
<span :style="{ color: item.crossTheLine > 0 ? 'red' : 'green' }">
{{ item.quantity }}
</span>
<span style="font-size: 14px; font-weight: 500">个</span>
</div>
<div>
{{ item.label }}
</div>
</div>
</el-card>
</el-card>
</div>
<el-card class="card-top mt15">
<div
v-for="(item, index) in powerList2"
class="pd10"
style="cursor: pointer"
:class="flag == item.label ? 'hoverBox' : ''"
@click="analyseList(item.label, index + 5)"
>
<div style="font-size: 24px; font-weight: 700">
<span :style="{ color: item.crossTheLine > 0 ? 'red' : 'green' }">
{{ item.quantity }}
</span>
<span style="font-size: 14px; font-weight: 500">个</span>
</div>
<div>
{{ item.label }}
</div>
</div>
</el-card>
</el-card>
<el-card class="echart">
<h3>有功率区间占比</h3>
<my-echart :options="options" style="height: 208px" />
</el-card>
</div>
<div class="container mt10 ml10">
<div class="container" style="padding: 0px 10px 10px">
<el-card class="box">
<h3>功率区间稳态越限详情</h3>
<div :style="`height:calc(${heightB.height} - 25px)`" style="overflow-y: auto">
@@ -100,7 +98,7 @@
<el-link
:type="row.voltageOffset == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row, '电压偏差', 'voltageOffsetList')"
@click="detailClick(row, '电压偏差(%)', 'voltageOffsetList')"
>
{{ row.voltageOffset == '1' ? '越限' : '合格' }}
</el-link>
@@ -111,18 +109,18 @@
<el-link
:type="row.vtimes == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row, '谐波电压', 'vtimesList')"
@click="detailClick(row, '谐波电压(%)', 'vtimesList')"
>
{{ row.vtimes == '1' ? '越限' : '合格' }}
</el-link>
</template>
</vxe-column>
<vxe-column field="itimes" title="谐波电流(%)">
<vxe-column field="itimes" title="谐波电流(A)">
<template #default="{ row }">
<el-link
:type="row.itimes == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row, '谐波电流', 'itimesList')"
@click="detailClick(row, '谐波电流(A)', 'itimesList')"
>
{{ row.itimes == '1' ? '越限' : '合格' }}
</el-link>
@@ -133,7 +131,7 @@
<el-link
:type="row.ubalance == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row, '三相电压不平衡度', 'ubalanceList')"
@click="detailClick(row, '三相电压不平衡度(%)', 'ubalanceList')"
>
{{ row.ubalance == '1' ? '越限' : '合格' }}
</el-link>
@@ -144,13 +142,13 @@
<el-link
:type="row.voltageFluctuation == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row, '电压波动', 'voltageFluctuationList')"
@click="detailClick(row, '电压波动(%)', 'voltageFluctuationList')"
>
{{ row.voltageFluctuation == '1' ? '越限' : '合格' }}
</el-link>
</template>
</vxe-column>
<vxe-column field="flicker" title="闪变(%)">
<vxe-column field="flicker" title="闪变">
<template #default="{ row }">
<el-link
:type="row.flicker == '1' ? 'danger' : 'success'"
@@ -166,18 +164,18 @@
<el-link
:type="row.interHarmonic == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row, '间谐波电压含有率', 'interHarmonicList')"
@click="detailClick(row, '间谐波电压含有率(%)', 'interHarmonicList')"
>
{{ row.interHarmonic == '1' ? '越限' : '合格' }}
</el-link>
</template>
</vxe-column>
<vxe-column field="sequenceCurrentUnbalance" title="电流不平衡度">
<vxe-column field="sequenceCurrentUnbalance" title="电流不平衡度(%)">
<template #default="{ row }">
<el-link
:type="row.sequenceCurrentUnbalance == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row, '电流不平衡度', 'sequenceCurrentUnbalanceList')"
@click="detailClick(row, '电流不平衡度(%)', 'sequenceCurrentUnbalanceList')"
>
{{ row.sequenceCurrentUnbalance == '1' ? '越限' : '合格' }}
</el-link>
@@ -193,7 +191,7 @@
</div>
</el-card>
<el-card class="box mr10">
<el-card class="box">
<div :style="heightB" style="overflow-y: auto">
<div style="display: flex; justify-content: space-between">
<span style="font-size: 16px; font-weight: 700">报告参数</span>
@@ -262,7 +260,7 @@ const timePopUpBox = ref<anyObj | null>(null)
const flag = ref('0%~10%')
const height = mainHeight(20)
const heightB = mainHeight(395)
const heightB = mainHeight(385)
const size = ref(0)
const TableHeaderRef = ref()
const detailRef = ref()
@@ -768,7 +766,7 @@ const handleNodeClick = (data: any, node: any) => {
.container {
display: grid;
grid-template-columns: 5fr 2.5fr;
gap: 20px;
gap: 10px;
.card-top {
background-color: var(--el-color-primary-light-9);
// color: #fff;