gxwebsoft/jczxw-java
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整导出及表头

Browse Source
This commit is contained in:
庞东林
2021-12-20 15:22:11 +08:00
parent 8f933c841b
commit feedbe3031
9 changed files with 125 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@@ -1,3 +1,3 @@
VUE_APP_VERSION=1.0.0 VUE_APP_VERSION=1.0.0
VUE_APP_NAME=生态环境监测数据综合分析平台 VUE_APP_NAME=生态环境监测数据综合分析平台
VUE_APP_API_BASE_URL=http://1.14.132.108:10002/api VUE_APP_API_BASE_URL=http://101.132.173.65:10001/api

14
src/views/water/lake/statistic/inner/component/avg-nutritional.vue
View File

@@ -59,13 +59,13 @@ export default {
selection: [], selection: [],
// 表格列配置 // 表格列配置
columns: [ columns: [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "类别", dataIndex: "type", sorter: true,}, {title: "类别", dataIndex: "type", sorter: true,},
{title: "点位名称", dataIndex: "pointName", sorter: true,}, {title: "点位名称", dataIndex: "pointName", sorter: true,},

14
src/views/water/lake/statistic/inner/component/com-nutritional.vue
View File

@@ -60,13 +60,13 @@ export default {
selection: [], selection: [],
// 表格列配置 // 表格列配置
columns: [ columns: [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "类别", dataIndex: "type", sorter: true,}, {title: "类别", dataIndex: "type", sorter: true,},
{title: "点位名称", dataIndex: "pointName", sorter: true,}, {title: "点位名称", dataIndex: "pointName", sorter: true,},

66
src/views/water/lake/statistic/inner/component/comparison.vue
View File

@@ -147,34 +147,34 @@ export default {
// 筛选出年份 // 筛选出年份
if(Array.isArray(item.data)){ if(Array.isArray(item.data)){
item.data.forEach((single,i)=>{ item.data.forEach((single)=>{
filterData[index]['comprehensiveNutrition'+i] = single.comprehensiveNutrition; // 生成格式化数据
filterData[index]['level'+i] = single.level; filterData[index]['comprehensiveNutrition'+single.year] = single.comprehensiveNutrition;
filterData[index]['overflow'+i] = single.overflow; filterData[index]['level'+single.year] = single.level;
filterData[index]['waterType'+i] = single.waterType; filterData[index]['overflow'+single.year] = single.overflow;
filterData[index]['year'+i] = single.year; filterData[index]['waterType'+single.year] = single.waterType;
filterData[index]['year'+single.year] = single.year;
// 只拿第一条数据的年份做循环生成表头
if(i==0 && index==0){ if(index==0){
addCloumns[index] = {} // 生成导出用的扁平化表头
addCloumns[index].title = single.year addSCloumns = [...addSCloumns, {dataIndex: `waterType${single.year}`},
addCloumns[index].align = 'center' { dataIndex: `comprehensiveNutrition${single.year}`},
{dataIndex: `level${single.year}`},
{dataIndex: `overflow${single.year}`}]
addSCloumns = [ // 页面展示所需表头
{dataIndex: `waterType${i}`}, addCloumns[single.year] = {}
{ dataIndex: `comprehensiveNutrition${i}`}, addCloumns[single.year].title = single.year
{dataIndex: `level${i}`}, addCloumns[single.year].align = 'center'
{dataIndex: `overflow${i}`} addCloumns[single.year].children = [
] { title: "水质类别", dataIndex: `waterType${single.year}`, sorter: true,align:'center' },
{ title: "综合营养状态指数", dataIndex: `comprehensiveNutrition${single.year}`, sorter: true,align:'center' },
addCloumns[index].children = [ { title: "级别", dataIndex: `level${single.year}`, sorter: true,align:'center' },
{ title: "水质类别", dataIndex: `waterType${i}`, sorter: true,align:'center' },
{ title: "综合营养状态指数", dataIndex: `comprehensiveNutrition${i}`, sorter: true,align:'center' },
{ title: "级别", dataIndex: `level${i}`, sorter: true,align:'center' },
{ {
title: "超标项目（超标倍数）", title: "超标项目（超标倍数）",
align:'center', align:'center',
dataIndex: `overflow${i}`, dataIndex: `overflow${single.year}`,
sorter: true, sorter: true,
}, },
] ]
@@ -186,13 +186,14 @@ export default {
}) })
} }
this.columns = [ this.columns = [
{ // {
key: 'index', // title: "序号",
dataIndex: 'index', // key: 'index',
width: 48, // dataIndex: 'index',
align: 'center', // width: 48,
customRender: ({index}) => index + 1 // align: 'center',
}, // customRender: ({index}) => index + 1
// },
{ title: "类别", dataIndex: "type", sorter: true }, { title: "类别", dataIndex: "type", sorter: true },
{ title: "点位名称", dataIndex: "pointName", sorter: true}, { title: "点位名称", dataIndex: "pointName", sorter: true},
...addCloumns ...addCloumns
@@ -229,14 +230,15 @@ export default {
let th1 = [] let th1 = []
let th2 = [] let th2 = []
columns.forEach(item=>{ columns.forEach(item=>{
th1.push(item.title)
if(Array.isArray(item.children) && item.children.length>0){ if(Array.isArray(item.children) && item.children.length>0){
item.children.forEach(single=>{ item.children.forEach(single=>{
th1.push('') th1.push(item.title)
th2.push(single.title) th2.push(single.title)
}) })
}else{ }else{
th1.push(item.title)
th2.push('') th2.push('')
} }
}) })

28
src/views/water/lake/statistic/inner/component/raw-colums.js
View File

@@ -24,13 +24,13 @@ const innerFilterColumns = [
] ]
const innerTableColumns = [ const innerTableColumns = [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "断面名称", dataIndex: "pointName", sorter: true,}, {title: "断面名称", dataIndex: "pointName", sorter: true,},
{title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,}, {title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,},
@@ -60,13 +60,13 @@ const innerTableColumns = [
]; ];
const averageTableColumns = [ const averageTableColumns = [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "断面名称", dataIndex: "pointName", sorter: true,}, {title: "断面名称", dataIndex: "pointName", sorter: true,},
{title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,}, {title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,},

14
src/views/water/lake/statistic/special/component/avg-nutritional.vue
View File

@@ -60,13 +60,13 @@ export default {
selection: [], selection: [],
// 表格列配置 // 表格列配置
columns: [ columns: [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "类别", dataIndex: "type", sorter: true,}, {title: "类别", dataIndex: "type", sorter: true,},
{title: "点位名称", dataIndex: "pointName", sorter: true,}, {title: "点位名称", dataIndex: "pointName", sorter: true,},

14
src/views/water/lake/statistic/special/component/com-nutritional.vue
View File

@@ -60,13 +60,13 @@ export default {
selection: [], selection: [],
// 表格列配置 // 表格列配置
columns: [ columns: [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "类别", dataIndex: "type", sorter: true,}, {title: "类别", dataIndex: "type", sorter: true,},
{title: "点位名称", dataIndex: "pointName", sorter: true,}, {title: "点位名称", dataIndex: "pointName", sorter: true,},

67
src/views/water/lake/statistic/special/component/comparison.vue
View File

@@ -147,34 +147,34 @@ export default {
// 筛选出年份 // 筛选出年份
if(Array.isArray(item.data)){ if(Array.isArray(item.data)){
item.data.forEach((single,i)=>{ item.data.forEach((single)=>{
filterData[index]['comprehensiveNutrition'+i] = single.comprehensiveNutrition; // 生成格式化数据
filterData[index]['level'+i] = single.level; filterData[index]['comprehensiveNutrition'+single.year] = single.comprehensiveNutrition;
filterData[index]['overflow'+i] = single.overflow; filterData[index]['level'+single.year] = single.level;
filterData[index]['waterType'+i] = single.waterType; filterData[index]['overflow'+single.year] = single.overflow;
filterData[index]['year'+i] = single.year; filterData[index]['waterType'+single.year] = single.waterType;
filterData[index]['year'+single.year] = single.year;
// 只拿第一条数据的年份做循环生成表头
if(i==0 && index==0){ if(index==0){
addCloumns[index] = {} // 生成导出用的扁平化表头
addCloumns[index].title = single.year addSCloumns = [...addSCloumns, {dataIndex: `waterType${single.year}`},
addCloumns[index].align = 'center' { dataIndex: `comprehensiveNutrition${single.year}`},
{dataIndex: `level${single.year}`},
{dataIndex: `overflow${single.year}`}]
addSCloumns = [ // 页面展示所需表头
{dataIndex: `waterType${i}`}, addCloumns[single.year] = {}
{ dataIndex: `comprehensiveNutrition${i}`}, addCloumns[single.year].title = single.year
{dataIndex: `level${i}`}, addCloumns[single.year].align = 'center'
{dataIndex: `overflow${i}`} addCloumns[single.year].children = [
] { title: "水质类别", dataIndex: `waterType${single.year}`, sorter: true,align:'center' },
{ title: "综合营养状态指数", dataIndex: `comprehensiveNutrition${single.year}`, sorter: true,align:'center' },
addCloumns[index].children = [ { title: "级别", dataIndex: `level${single.year}`, sorter: true,align:'center' },
{ title: "水质类别", dataIndex: `waterType${i}`, sorter: true,align:'center' },
{ title: "综合营养状态指数", dataIndex: `comprehensiveNutrition${i}`, sorter: true,align:'center' },
{ title: "级别", dataIndex: `level${i}`, sorter: true,align:'center' },
{ {
title: "超标项目（超标倍数）", title: "超标项目（超标倍数）",
align:'center', align:'center',
dataIndex: `overflow${i}`, dataIndex: `overflow${single.year}`,
sorter: true, sorter: true,
}, },
] ]
@@ -186,13 +186,13 @@ export default {
}) })
} }
this.columns = [ this.columns = [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{ title: "类别", dataIndex: "type", sorter: true }, { title: "类别", dataIndex: "type", sorter: true },
{ title: "点位名称", dataIndex: "pointName", sorter: true}, { title: "点位名称", dataIndex: "pointName", sorter: true},
...addCloumns ...addCloumns
@@ -229,14 +229,15 @@ export default {
let th1 = [] let th1 = []
let th2 = [] let th2 = []
columns.forEach(item=>{ columns.forEach(item=>{
th1.push(item.title)
if(Array.isArray(item.children) && item.children.length>0){ if(Array.isArray(item.children) && item.children.length>0){
item.children.forEach(single=>{ item.children.forEach(single=>{
th1.push('') th1.push(item.title)
th2.push(single.title) th2.push(single.title)
}) })
}else{ }else{
th1.push(item.title)
th2.push('') th2.push('')
} }
}) })
@@ -249,7 +250,7 @@ export default {
}); });
let sheet = XLSX.utils.aoa_to_sheet(arr); let sheet = XLSX.utils.aoa_to_sheet(arr);
this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString()); this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
}, }
}, },
}; };
</script> </script>

28
src/views/water/lake/statistic/special/component/raw-colums.js
View File

@@ -24,13 +24,13 @@ const innerFilterColumns = [
] ]
const innerTableColumns = [ const innerTableColumns = [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "断面名称", dataIndex: "pointName", sorter: true,}, {title: "断面名称", dataIndex: "pointName", sorter: true,},
{title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,}, {title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,},
@@ -60,13 +60,13 @@ const innerTableColumns = [
]; ];
const averageTableColumns = [ const averageTableColumns = [
{ // {
key: 'index', // key: 'index',
dataIndex: 'index', // dataIndex: 'index',
width: 48, // width: 48,
align: 'center', // align: 'center',
customRender: ({index}) => index + 1 // customRender: ({index}) => index + 1
}, // },
{title: "监测时间", dataIndex: "monitorTime", sorter: true,}, {title: "监测时间", dataIndex: "monitorTime", sorter: true,},
{title: "断面名称", dataIndex: "pointName", sorter: true,}, {title: "断面名称", dataIndex: "pointName", sorter: true,},
{title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,}, {title: "水温(℃)", dataIndex: "waterTemperature", sorter: true,},