<template>
|
<el-row justify="end">
|
<el-col span="4">
|
<CardButton
|
name="数据统计"
|
direction="left"
|
@click="() => (show = !show)"
|
></CardButton>
|
</el-col>
|
<el-col span="20">
|
<BaseCard v-show="show" direction="rigtht" borderless="r">
|
<template #content>
|
<!-- <el-row>
|
<el-text style="color: white">数据统计</el-text>
|
</el-row> -->
|
<el-table
|
:data="showSummary"
|
v-loading="loading"
|
table-layout="auto"
|
size="small"
|
:show-overflow-tooltip="true"
|
border
|
row-class-name="t-row"
|
cell-class-name="t-cell"
|
header-row-class-name="t-header-row"
|
header-cell-class-name="t-header-cell"
|
>
|
<el-table-column prop="factor" label="因子" width="66" />
|
<el-table-column prop="avg" label="均值" width="66" />
|
<el-table-column prop="min" label="最小值" width="66" />
|
<el-table-column prop="max" label="最大值" width="66" />
|
</el-table>
|
</template>
|
</BaseCard>
|
</el-col>
|
</el-row>
|
</template>
|
<script>
|
import { FactorDatas } from '@/model/FactorDatas';
|
import { factorName } from '@/constant/factor-name';
|
|
export default {
|
props: {
|
loading: Boolean,
|
factorDatas: FactorDatas,
|
selectFactorType: Array
|
},
|
data() {
|
return {
|
show: true
|
};
|
},
|
computed: {
|
summary() {
|
const list = [];
|
for (const key in this.factorDatas.factor) {
|
if (Object.hasOwnProperty.call(this.factorDatas.factor, key)) {
|
const f = this.factorDatas.factor[key];
|
let min,
|
max,
|
total = 0,
|
count = 0;
|
f.datas.forEach((v) => {
|
if (!min || v.factorData < min) {
|
min = v.factorData;
|
}
|
if (!max || v.factorData > max) {
|
max = v.factorData;
|
}
|
total += v.factorData;
|
count++;
|
});
|
let _avg = count == 0 ? 0 : Math.round((total / count) * 100) / 100;
|
if (isNaN(_avg)) _avg = '-';
|
list.push({
|
factorId: f.factorId,
|
factor: factorName[f.factorName],
|
min,
|
max,
|
avg: _avg
|
});
|
}
|
}
|
return list;
|
},
|
showSummary() {
|
return this.summary.filter((v) => {
|
return this.selectFactorType.includes(v.factorId);
|
});
|
}
|
}
|
};
|
</script>
|
