Merge branch 'material-ui' of http://192.168.30.2:3000/bonus/bonus-ui into material-ui
This commit is contained in:
commit
0e4b980e49
|
|
@ -427,6 +427,7 @@
|
|||
</el-table-column>
|
||||
</el-table>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="success" icon="el-icon-download" @click="exportHistoryReportList" :disabled="historyReportList.length === 0">导出Excel</el-button>
|
||||
<el-button @click="historyReportListVisible = false">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
|
@ -531,6 +532,7 @@
|
|||
</el-table>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="success" icon="el-icon-download" @click="exportHistoryCostDetail" :disabled="historyCostDetailList.length === 0">导出Excel</el-button>
|
||||
<el-button @click="historyCostDetailVisible = false">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
|
@ -1284,6 +1286,256 @@ export default {
|
|||
});
|
||||
},
|
||||
|
||||
// 导出历史报表列表为Excel
|
||||
exportHistoryReportList() {
|
||||
if (!this.historyReportList || this.historyReportList.length === 0) {
|
||||
this.$message.warning('没有可导出的数据');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// 定义Excel列配置
|
||||
const columns = [
|
||||
{ key: 'index', title: '序号' },
|
||||
{ key: 'agreementCode', title: '协议号' },
|
||||
{ key: 'unitName', title: '结算单位' },
|
||||
{ key: 'projectName', title: '结算工程' },
|
||||
{ key: 'settlementType', title: '结算类型' },
|
||||
{ key: 'leaseCost', title: '租赁费用' },
|
||||
{ key: 'repairCost', title: '维修费用' },
|
||||
{ key: 'loseCost', title: '丢失费用' },
|
||||
{ key: 'scrapCost', title: '报废费用' },
|
||||
{ key: 'totalCost', title: '合计费用（元）' }
|
||||
];
|
||||
|
||||
// 准备Excel数据
|
||||
const excelData = [];
|
||||
|
||||
// 添加表头
|
||||
const headerRow = columns.map(col => col.title);
|
||||
excelData.push(headerRow);
|
||||
|
||||
// 添加数据行
|
||||
this.historyReportList.forEach((row, index) => {
|
||||
const dataRow = columns.map(col => {
|
||||
let value = '';
|
||||
|
||||
if (col.key === 'index') {
|
||||
value = index + 1;
|
||||
} else if (col.key === 'settlementType') {
|
||||
const typeMap = {
|
||||
0: '总费用',
|
||||
1: '工器具',
|
||||
2: '安全工器具'
|
||||
};
|
||||
value = typeMap[row.settlementType] || '';
|
||||
} else if (col.key === 'totalCost') {
|
||||
// 合计费用：转换为数字，保留2位小数
|
||||
value = parseFloat(this.calculateTotalCost(row).toFixed(2));
|
||||
} else if (['leaseCost', 'repairCost', 'loseCost', 'scrapCost'].includes(col.key)) {
|
||||
// 其他金额字段：转换为数字，保留2位小数
|
||||
const numValue = row[col.key] || 0;
|
||||
value = parseFloat(parseFloat(numValue).toFixed(2));
|
||||
} else {
|
||||
value = row[col.key] || '';
|
||||
}
|
||||
|
||||
return value;
|
||||
});
|
||||
excelData.push(dataRow);
|
||||
});
|
||||
|
||||
// 创建工作簿和工作表
|
||||
const ws = XLSX.utils.aoa_to_sheet(excelData);
|
||||
const wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, '历史报表');
|
||||
|
||||
// 设置列宽
|
||||
const colWidths = [
|
||||
{ wch: 8 }, // 序号
|
||||
{ wch: 15 }, // 协议号
|
||||
{ wch: 15 }, // 结算单位
|
||||
{ wch: 15 }, // 结算工程
|
||||
{ wch: 12 }, // 结算类型
|
||||
{ wch: 12 }, // 租赁费用
|
||||
{ wch: 12 }, // 维修费用
|
||||
{ wch: 12 }, // 丢失费用
|
||||
{ wch: 12 }, // 报废费用
|
||||
{ wch: 15 } // 合计费用
|
||||
];
|
||||
ws['!cols'] = colWidths;
|
||||
|
||||
// 设置边框和居中对齐
|
||||
const border = {
|
||||
top: { style: 'thin' },
|
||||
bottom: { style: 'thin' },
|
||||
left: { style: 'thin' },
|
||||
right: { style: 'thin' }
|
||||
};
|
||||
const alignment = { horizontal: 'center', vertical: 'center', wrapText: true };
|
||||
|
||||
// 遍历所有单元格，添加边框和居中对齐
|
||||
for (let row = 0; row < excelData.length; row++) {
|
||||
for (let col = 0; col < excelData[row].length; col++) {
|
||||
const cellAddress = XLSX.utils.encode_cell({ r: row, c: col });
|
||||
if (!ws[cellAddress]) {
|
||||
ws[cellAddress] = {};
|
||||
}
|
||||
ws[cellAddress].border = border;
|
||||
ws[cellAddress].alignment = alignment;
|
||||
}
|
||||
}
|
||||
|
||||
// 导出文件
|
||||
const fileName = `历史报表_${this.historyReportParams.yearMonth}.xlsx`;
|
||||
XLSX.writeFile(wb, fileName);
|
||||
|
||||
this.$message.success('导出成功');
|
||||
} catch (error) {
|
||||
console.error('导出失败:', error);
|
||||
this.$message.error('导出失败');
|
||||
}
|
||||
},
|
||||
|
||||
// 导出历史费用详情为Excel
|
||||
exportHistoryCostDetail() {
|
||||
if (!this.historyCostDetailList || this.historyCostDetailList.length === 0) {
|
||||
this.$message.warning('没有可导出的数据');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// 根据费用类型定义不同的列配置
|
||||
let columns = [];
|
||||
let fileName = '';
|
||||
let sheetName = '';
|
||||
|
||||
switch (this.historyCostDetailType) {
|
||||
case 'lease':
|
||||
columns = [
|
||||
{ key: 'index', title: '序号' },
|
||||
{ key: 'name', title: '名称' },
|
||||
{ key: 'model', title: '型号' },
|
||||
{ key: 'unit', title: '单位' },
|
||||
{ key: 'unitPrice', title: '单价（元）' },
|
||||
{ key: 'quantity', title: '数量' },
|
||||
{ key: 'returnQuantity', title: '归还数量' },
|
||||
{ key: 'startTime', title: '租赁开始日期' },
|
||||
{ key: 'endTime', title: '租赁结束日期' },
|
||||
{ key: 'leaseDays', title: '租赁天数' },
|
||||
{ key: 'cost', title: '费用（元）' }
|
||||
];
|
||||
fileName = `历史租赁费用详情_${this.currentHistoryRow.agreementCode}_${this.historyReportParams.yearMonth}`;
|
||||
sheetName = '历史租赁费用';
|
||||
break;
|
||||
case 'repair':
|
||||
columns = [
|
||||
{ key: 'index', title: '序号' },
|
||||
{ key: 'name', title: '机具名称' },
|
||||
{ key: 'model', title: '规格型号' },
|
||||
{ key: 'unit', title: '单位' },
|
||||
{ key: 'quantity', title: '维修数量' },
|
||||
{ key: 'cost', title: '维修费用（元）' }
|
||||
];
|
||||
fileName = `历史维修费用详情_${this.currentHistoryRow.agreementCode}_${this.historyReportParams.yearMonth}`;
|
||||
sheetName = '历史维修费用';
|
||||
break;
|
||||
case 'lose':
|
||||
columns = [
|
||||
{ key: 'index', title: '序号' },
|
||||
{ key: 'name', title: '机具名称' },
|
||||
{ key: 'model', title: '规格型号' },
|
||||
{ key: 'unit', title: '单位' },
|
||||
{ key: 'quantity', title: '丢失数量' },
|
||||
{ key: 'cost', title: '丢失费用（元）' }
|
||||
];
|
||||
fileName = `历史丢失费用详情_${this.currentHistoryRow.agreementCode}_${this.historyReportParams.yearMonth}`;
|
||||
sheetName = '历史丢失费用';
|
||||
break;
|
||||
case 'scrap':
|
||||
columns = [
|
||||
{ key: 'index', title: '序号' },
|
||||
{ key: 'name', title: '机具名称' },
|
||||
{ key: 'model', title: '机具规格' },
|
||||
{ key: 'unit', title: '单位' },
|
||||
{ key: 'quantity', title: '报废数量' },
|
||||
{ key: 'cost', title: '报废费用（元）' }
|
||||
];
|
||||
fileName = `历史报废费用详情_${this.currentHistoryRow.agreementCode}_${this.historyReportParams.yearMonth}`;
|
||||
sheetName = '历史报废费用';
|
||||
break;
|
||||
default:
|
||||
this.$message.error('未知的费用类型');
|
||||
return;
|
||||
}
|
||||
|
||||
// 准备Excel数据
|
||||
const excelData = [];
|
||||
|
||||
// 添加表头
|
||||
const headerRow = columns.map(col => col.title);
|
||||
excelData.push(headerRow);
|
||||
|
||||
// 添加数据行
|
||||
this.historyCostDetailList.forEach((row, index) => {
|
||||
const dataRow = columns.map(col => {
|
||||
let value = '';
|
||||
|
||||
if (col.key === 'index') {
|
||||
value = index + 1;
|
||||
} else if (['cost', 'unitPrice'].includes(col.key)) {
|
||||
// 金额字段：转换为数字，保留2位小数
|
||||
const numValue = row[col.key] || 0;
|
||||
value = parseFloat(parseFloat(numValue).toFixed(2));
|
||||
} else {
|
||||
value = row[col.key] || '';
|
||||
}
|
||||
|
||||
return value;
|
||||
});
|
||||
excelData.push(dataRow);
|
||||
});
|
||||
|
||||
// 创建工作簿和工作表
|
||||
const ws = XLSX.utils.aoa_to_sheet(excelData);
|
||||
const wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, sheetName);
|
||||
|
||||
// 设置列宽
|
||||
const colWidths = columns.map(() => ({ wch: 15 }));
|
||||
ws['!cols'] = colWidths;
|
||||
|
||||
// 设置边框和居中对齐
|
||||
const border = {
|
||||
top: { style: 'thin' },
|
||||
bottom: { style: 'thin' },
|
||||
left: { style: 'thin' },
|
||||
right: { style: 'thin' }
|
||||
};
|
||||
const alignment = { horizontal: 'center', vertical: 'center', wrapText: true };
|
||||
|
||||
// 遍历所有单元格，添加边框和居中对齐
|
||||
for (let row = 0; row < excelData.length; row++) {
|
||||
for (let col = 0; col < excelData[row].length; col++) {
|
||||
const cellAddress = XLSX.utils.encode_cell({ r: row, c: col });
|
||||
if (!ws[cellAddress]) {
|
||||
ws[cellAddress] = {};
|
||||
}
|
||||
ws[cellAddress].border = border;
|
||||
ws[cellAddress].alignment = alignment;
|
||||
}
|
||||
}
|
||||
|
||||
// 导出文件
|
||||
XLSX.writeFile(wb, `${fileName}.xlsx`);
|
||||
|
||||
this.$message.success('导出成功');
|
||||
} catch (error) {
|
||||
console.error('导出失败:', error);
|
||||
this.$message.error('导出失败');
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue