添加 标准库 模版库 页面
修改 终端台账管理 页面
This commit is contained in:
@@ -1,14 +1,102 @@
|
||||
<template>
|
||||
<el-dialog v-model="dialogVisible" title="越限详情" width="50%" draggable>
|
||||
<el-dialog v-model="dialogVisible" :title="title" width="50%" draggable>
|
||||
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="500px" :data="tableData">
|
||||
<vxe-column field="num2" title="指标" />
|
||||
<vxe-column field="num2" title="时间" />
|
||||
<vxe-column field="num3" title="最小值" />
|
||||
<vxe-column field="num3" title="最大值" />
|
||||
<vxe-column field="num3" title="平均值" />
|
||||
<vxe-column field="num3" title="cp95值" />
|
||||
<vxe-column field="num3" title="国际限值" />
|
||||
|
||||
<vxe-colgroup field="anotherName" title="指标" width="180" />
|
||||
<!-- <vxe-colgroup field="unit" title="单位" /> -->
|
||||
<vxe-colgroup title="最小值">
|
||||
<vxe-column field="minphaseA" title="A">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.minphaseA ? 'red' : '' }">
|
||||
{{ row.minphaseA }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="minphaseB" title="B">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.minphaseB ? 'red' : '' }">
|
||||
{{ row.minphaseB }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="minphaseC" title="C">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.minphaseC ? 'red' : '' }">
|
||||
{{ row.minphaseC }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-colgroup>
|
||||
<vxe-colgroup title="最大值">
|
||||
<vxe-column field="maxphaseA" title="A">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.maxphaseA ? 'red' : '' }">
|
||||
{{ row.maxphaseA }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="maxphaseB" title="B">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.maxphaseB ? 'red' : '' }">
|
||||
{{ row.maxphaseB }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="maxphaseC" title="C">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.maxphaseC ? 'red' : '' }">
|
||||
{{ row.maxphaseC }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-colgroup>
|
||||
<vxe-colgroup title="平均值">
|
||||
<vxe-column field="avgphaseA" title="A">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.avgphaseA ? 'red' : '' }">
|
||||
{{ row.avgphaseA }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="avgphaseB" title="B">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.avgphaseB ? 'red' : '' }">
|
||||
{{ row.avgphaseB }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="avgphaseC" title="C">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.avgphaseC ? 'red' : '' }">
|
||||
{{ row.avgphaseC }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-colgroup>
|
||||
<vxe-colgroup title="cp95值">
|
||||
<vxe-column field="cp95PhaseA" title="A">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.cp95PhaseA ? 'red' : '' }">
|
||||
{{ row.cp95PhaseA }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="cp95PhaseB" title="B">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.cp95PhaseB ? 'red' : '' }">
|
||||
{{ row.cp95PhaseB }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="cp95PhaseC" title="C">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: row.limit < row.cp95PhaseC ? 'red' : '' }">
|
||||
{{ row.cp95PhaseC }}
|
||||
</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-colgroup>
|
||||
|
||||
<vxe-column field="limit" title="国际限值" />
|
||||
</vxe-table>
|
||||
</el-dialog>
|
||||
</template>
|
||||
@@ -17,8 +105,11 @@
|
||||
import { ref, reactive } from 'vue'
|
||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||
const dialogVisible = ref(false)
|
||||
const tableData = ref([])
|
||||
const open = () => {
|
||||
const title = ref('')
|
||||
const tableData: any = ref([])
|
||||
const open = (row: any) => {
|
||||
title.value = row.title + ' - ' + row.row.time + ' - 越限详情'
|
||||
tableData.value = row.row[row.key]
|
||||
dialogVisible.value = true
|
||||
}
|
||||
defineExpose({ open })
|
||||
|
||||
@@ -50,6 +50,7 @@ const tableStore = new TableStore({
|
||||
{
|
||||
title: '指标',
|
||||
field: 'anotherName',
|
||||
minWidth: '120px',
|
||||
formatter: row => {
|
||||
row.column.title =
|
||||
radio2.value == '1' ? '指标' : (row.column.title = radio2.value == '4' ? '间谐波次数' : '谐波次数')
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
|
||||
<el-card class="card-top mt15">
|
||||
<div
|
||||
v-for="(item, index) in powerList2"
|
||||
@@ -100,7 +100,7 @@
|
||||
<el-link
|
||||
:type="row.voltageOffset == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '电压偏差', 'voltageOffsetList')"
|
||||
>
|
||||
{{ row.voltageOffset == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -111,7 +111,7 @@
|
||||
<el-link
|
||||
:type="row.vtimes == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '谐波电压', 'vtimesList')"
|
||||
>
|
||||
{{ row.vtimes == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -122,7 +122,7 @@
|
||||
<el-link
|
||||
:type="row.itimes == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '谐波电流', 'itimesList')"
|
||||
>
|
||||
{{ row.itimes == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -133,7 +133,7 @@
|
||||
<el-link
|
||||
:type="row.ubalance == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '三相电压不平衡度', 'ubalanceList')"
|
||||
>
|
||||
{{ row.ubalance == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -144,7 +144,7 @@
|
||||
<el-link
|
||||
:type="row.voltageFluctuation == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '电压波动', 'voltageFluctuationList')"
|
||||
>
|
||||
{{ row.voltageFluctuation == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -155,7 +155,7 @@
|
||||
<el-link
|
||||
:type="row.flicker == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '闪变', 'flickerList')"
|
||||
>
|
||||
{{ row.flicker == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -166,7 +166,7 @@
|
||||
<el-link
|
||||
:type="row.interHarmonic == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '间谐波电压含有率', 'interHarmonicList')"
|
||||
>
|
||||
{{ row.interHarmonic == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -177,7 +177,7 @@
|
||||
<el-link
|
||||
:type="row.sequenceCurrentUnbalance == '1' ? 'danger' : 'success'"
|
||||
class="percentage"
|
||||
@click="detailClick(row)"
|
||||
@click="detailClick(row, '电流不平衡度', 'sequenceCurrentUnbalanceList')"
|
||||
>
|
||||
{{ row.sequenceCurrentUnbalance == '1' ? '越限' : '合格' }}
|
||||
</el-link>
|
||||
@@ -697,8 +697,13 @@ const timeClick = (row: any) => {
|
||||
timePopUpBox.value = data
|
||||
}
|
||||
// 点击越限
|
||||
const detailClick = (row: any) => {
|
||||
detailRef.value.open()
|
||||
const detailClick = (row: any, title: string, key: string) => {
|
||||
console.log('🚀 ~ detailClick ~ row:', row)
|
||||
detailRef.value.open({
|
||||
row: row,
|
||||
title: title,
|
||||
key: key
|
||||
})
|
||||
}
|
||||
// // 获取有功功率趋势分析数据
|
||||
// const analyse = (e: any) => {
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<el-option v-for="item in scaleList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="额定有功功率(kV):" prop="ratedPower">
|
||||
<el-form-item label="额定有功功率(kW):" prop="ratedPower">
|
||||
<el-input-number v-model="addData.ratedPower" :min="0" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="经度:" prop="longitude">
|
||||
|
||||
@@ -61,7 +61,7 @@ const tableStore = new TableStore({
|
||||
|
||||
formatter: (row: any) => scaleList.filter(item => item.id == row.cellValue)[0]?.name
|
||||
},
|
||||
{ field: 'ratedPower', title: '额定有功功率(kV)' },
|
||||
{ field: 'ratedPower', title: '额定有功功率(kW)' },
|
||||
{ field: 'longitude', title: '经度' },
|
||||
{ field: 'latitude', title: '纬度' },
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user