Is it possible to display report data stored in a Java enum using Vue CLI?
enumExample.java
public enum DefaultFormatE {
Report001 ("Report001", "HTML", "ReportName001"),
Report002 ("Report002", "PDF", "ReportName002"),
Report003 ("Report003", "XLS", "ReportName003");
DefaultFormatE(String reportId, String defaultFormat, String reportName){
this.reportId = reportId;
this.defaultFormat = defaultFormat;
this.reportName = reportName;
}
public static String FORMAT_PDF = "PDF";
public static String FORMAT_EXCEL = "XLS";
private String reportId;
private String defaultFormat;
private String reportName;
public String getReportId() {
return reportId;
}
public void setReportId(String reportId) {
this.reportId = reportId;
}
public String getDefaultFormat() {
return defaultFormat;
}
public void setDefaultFormat(String defaultFormat) {
this.defaultFormat = defaultFormat;
}
public String getReportName() {
return reportName;
}
public void setReportName(String reportName) {
this.reportName = reportName;
}
public static String getFileFormat(String reportId){
for(DefaultFormatE s : DefaultFormatE.values()){
if(s.getReportId().equalsIgnoreCase(reportId)){
return s.getDefaultFormat();
}
}
return null;
}
}
Listing.vue
<template>
<!-- Using a loop to display reports from the enum -->
</template>
<script>
import Report from '../enum/enumExample.java';//Is this the correct way to import?
export default {
}
</script>
<style>
</style>
I would like to showcase all reports on my website as follows:
| report id | report name | format |
|---|---|---|
| Report001 | ReportName001 | HTML |
| Report002 | ReportName002 | |
| Report003 | ReportName003 | XLS |