67 lines
2.3 KiB
Vue
67 lines
2.3 KiB
Vue
|
<template>
|
|||
|
|
<el-button v-if="tableData.length > 0" type="primary" @click="exportData" style="margin-bottom: 10px">导出</el-button>
|
|||
|
|
<div class="table-main" max-height="282px">
|
|||
|
|
<el-table v-if="tableData.length > 0" :data="tableData" stripe border :header-cell-style="{ textAlign: 'center' } "
|
|||
|
|
:cell-style="{ textAlign: 'center' }" max-height="282px"
|
|||
|
|
style="width: 100%;">
|
|||
|
|
<el-table-column type="index" label="序号" width="70" fixed="left"/>
|
|||
|
|
<el-table-column prop="time" label="数据时间"/>
|
|||
|
|
<el-table-column v-if="!isThreePhase && phaseA==1" prop="dataA" :label="'A相'+(unit==''?'':'（'+unit+'）')"/>
|
|||
|
|
<el-table-column v-if="!isThreePhase && phaseB==1" prop="dataB" :label="'B相'+(unit==''?'':'（'+unit+'）')"/>
|
|||
|
|
<el-table-column v-if="!isThreePhase && phaseC==1" prop="dataC" :label="'C相'+(unit==''?'':'（'+unit+'）')"/>
|
|||
|
|
<el-table-column v-if="!isThreePhase && phaseT === 1" prop="dataT" :label="tableHeader+(unit==''?'':'（'+unit+'）')"/>
|
|||
|
|
<el-table-column v-if="isThreePhase" prop="dataB" :label="'负序不平衡度'+(unit==''?'':'（'+unit+'）')"/>
|
|||
|
|
</el-table>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script lang="tsx" setup>
|
|||
|
|
import {CheckData} from "@/api/check/interface";
|
|||
|
|
import {computed} from "vue";
|
|||
|
|
|
|||
|
|
const {tableData, currentScriptTypeName} = defineProps<{
|
|||
|
|
tableData: CheckData.RawDataItem[]
|
|||
|
|
currentScriptTypeName: string
|
|||
|
|
}>()
|
|||
|
|
|
|||
|
|
const emit = defineEmits(['exportRawDataHandler'])
|
|||
|
|
|
|||
|
|
const unit = computed(() => {
|
|||
|
|
return tableData.length > 0 ? tableData[0].unit : '';
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const phaseA = computed(() => {
|
|||
|
|
return tableData[0].dataA == '/' ? 0 : 1
|
|||
|
|
})
|
|||
|
|
const phaseB = computed(() => {
|
|||
|
|
return tableData[0].dataB == '/' ? 0 : 1
|
|||
|
|
})
|
|||
|
|
const phaseC = computed(() => {
|
|||
|
|
return tableData[0].dataC == '/' ? 0 : 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const phaseT = computed(() => {
|
|||
|
|
return tableData[0].dataT == '/' ? 0 : 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const tableHeader = computed(() => {
|
|||
|
|
if (phaseT.value === 1) {
|
|||
|
|
let index = currentScriptTypeName.indexOf('=');
|
|||
|
|
return currentScriptTypeName.substring(0, index);
|
|||
|
|
}
|
|||
|
|
return currentScriptTypeName
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const isThreePhase = computed(() => {
|
|||
|
|
return currentScriptTypeName.includes('三相电压不平衡度') || currentScriptTypeName.includes('三相电流不平衡度')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const exportData = () => {
|
|||
|
|
emit('exportRawDataHandler')
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
|
|||
|
|
</style>
|