<div class="d-flex aside-width">
<div class="react-right bg-color-blue mr-3" :class="{ 'active-button': activeButton === '配件' }" @click="handleClick('配件')">
<span class="text fw-b" style="font-size:24px;"><b>配件</b></span>
</div>
<div class="react-right bg-color-blue mr-3" :class="{ 'active-button': activeButton === '天成' }" @click="handleClick('天成')">
<span class="text fw-b" style="font-size:24px;"><b>天成</b></span>
</div>
</div>
<el-table
v-if="showTable2"
:showTable="showTable"
class="my-table"
:data="tableData"
:class="{ 'blurred': !config_bottomleft1.isVisible }"
align='center'
style="width: 100%;margin-top:20px"
:height="440"
:summary-method="getSummaries"
show-summary = 'true'
>
<el-table-column
prop="contraFee"
label="金额"
align="center"
width="100px"
> </el-table-column>
</el-table>
data() {
return {
tableData: [],
showEcharts:nuull,
showTable:nuull,
}
}
methods: {
handleClick(by1Value) {
this.activeButton = by1Value;
this.TableData(by1Value);
},
TableData(by1Value) {
const axiosInstance = axios.create({
baseURL: 'http://127.0.0.1:8080'
});
axiosInstance.get('/configList', { params: { by1: by1Value } })
.then(function(response) {
let TableData2 = secondResponse.data;
this.tableData=TableData2
if(this.tableData.length ===0){
this.tableData=[{contraFee:''}]
}
this.showEcharts =false
this.showTable = true
}.bind(this))
.catch(error => {
console.error('Error fetching data:', error);
});
},
getSummaries(param) {
debugger
const { columns, data } = param;
const sums = [];
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '合计';
}
else {
const values = data.map(item => Number(item[column.property]));
if (data.length === 0) {
sums[index] = 0; // 数据为空时合计为 0
} else if (!values.every(value => isNaN(value))) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr);
return !isNaN(value) ? prev + value : prev;
}, 0);
} else {
sums[index] = ' ';
}
}
});
//sums[1]='2';
//this.$nextTick(() => {
// if (data.length === 0) {
// return sums.map((sum, index) => (index === 0 ? '合计' : 0));
// }
// })
return sums;
},
}