添加 标准库 模版库 页面

修改 终端台账管理 页面
This commit is contained in:
GGJ
2024-09-06 15:10:30 +08:00
parent 630156f221
commit 9bfb30a197
16 changed files with 2027 additions and 1447 deletions

View File

@@ -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 })

View File

@@ -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' ? '间谐波次数' : '谐波次数')

View File

@@ -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) => {

View File

@@ -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">

View File

@@ -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: '纬度' },
{