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

添加 标准库 模版库 页面

Browse Source 
修改 终端台账管理 页面
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
Download Patch File Download Diff File Expand all files Collapse all files

113
src/views/LN/newEnergy/newEnergyAnalysis/components/detail.vue
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 })