|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="evaluationReport">
|
|
|
<div class="evaluationReportBtn">
|
|
|
- <div class="collectSeach">
|
|
|
+ <div class="collectSeach" :style="$utils.collectSeachSty()">
|
|
|
<div class="exceed">
|
|
|
<span class="exceedSpan">考评周期:</span>
|
|
|
<!-- <el-input v-model="restype" placeholder="请输入业务类别"></el-input> -->
|
|
@@ -33,7 +33,7 @@
|
|
|
<seachs @handleSeach="getSeachData" @handleRest="resetSeach"></seachs>
|
|
|
</div>
|
|
|
<div class="PeriodBtn">
|
|
|
- <btns
|
|
|
+ <!-- <btns
|
|
|
:showImport="false"
|
|
|
:showExport="false"
|
|
|
:showSave="false"
|
|
@@ -41,7 +41,7 @@
|
|
|
:showDelete="false"
|
|
|
:disDelete="changeDateSelect.length === 0"
|
|
|
@handleExport="exportDataMsg"
|
|
|
- ></btns>
|
|
|
+ ></btns> -->
|
|
|
</div>
|
|
|
<div class="evaluationReportTableData">
|
|
|
<el-table :data="evaluationReportData" style="width: 100%" @select="rowClick" @select-all="rowClick" @row-dblclick="getDetail">
|
|
@@ -186,64 +186,6 @@ export default {
|
|
|
rowClick(selection, row) {
|
|
|
this.changeDateSelect = selection
|
|
|
},
|
|
|
- exportDataMsg() {
|
|
|
- let data = this.evaluationReportData //接口返回数据
|
|
|
- let col = [
|
|
|
- { name: '报告名称'},
|
|
|
- { name: '业务属性'},
|
|
|
- { name: '考评周期'},
|
|
|
- { name: '年'},
|
|
|
- { name: '月'}
|
|
|
- ]
|
|
|
- let colEn = ['evaluateReportName', 'binSectionName', 'checkCycle', 'year', 'month']
|
|
|
- let rowData = []
|
|
|
- for(let i =0; i<data.length; i++) {
|
|
|
- let item = data[i]
|
|
|
- let arr = []
|
|
|
- for(let j =0; j<colEn.length; j++) {
|
|
|
- let it = colEn[j]
|
|
|
- arr.push(item[it])
|
|
|
- }
|
|
|
- rowData.push(arr)
|
|
|
- }
|
|
|
- const workbook = new ExcelJS.Workbook()
|
|
|
- const worksheet = workbook.addWorksheet('Sheet1')
|
|
|
- //定义表格标题
|
|
|
- const Targetrow = worksheet.getRow(1);
|
|
|
- Targetrow.height = 30;
|
|
|
- const Targetcell = worksheet.getCell(`A1`);
|
|
|
- worksheet.mergeCells(`A1:E1`);
|
|
|
- Targetcell.value = `测试表格`;
|
|
|
- Targetcell.font = { name: "宋体", family: 4, size: 11, bold: true }; // 字体
|
|
|
- Targetcell.alignment = { vertical: "middle", horizontal: "center" }; //对齐
|
|
|
-
|
|
|
- worksheet.columns = [
|
|
|
- { header: '月份', key: 'name', width: 24 },
|
|
|
- { header: '合计', key: 'statistic', width: 24 },
|
|
|
- { header: '一月', key: 'january' },
|
|
|
- { header: '二月', key: 'february' },
|
|
|
- { header: '三月', key: 'march' },
|
|
|
- { header: '四月', key: 'april' },
|
|
|
- { header: '五月', key: 'may' },
|
|
|
- { header: '六月', key: 'june' },
|
|
|
- { header: '七月', key: 'july' },
|
|
|
- { header: '八月', key: 'august' },
|
|
|
- { header: '九月', key: 'september' },
|
|
|
- { header: '十月', key: 'october' },
|
|
|
- { header: '十一月', key: 'november' },
|
|
|
- { header: '十二月', key: 'december' }
|
|
|
- ]
|
|
|
- worksheet.getRow(1).font = {
|
|
|
- size: 12,
|
|
|
- bold: true
|
|
|
- }
|
|
|
- worksheet.addRows(data)
|
|
|
- workbook.xlsx.writeBuffer().then(buffer => {
|
|
|
- //这里为type
|
|
|
- const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8' })
|
|
|
- fileSave(blob, `数据导出.xlsx`)
|
|
|
- })
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
</script>
|