mirror of
https://github.com/frappe/books.git
synced 2024-11-10 15:50:56 +00:00
45 lines
1.3 KiB
Vue
45 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="p-4">
|
||
|
|
<h4 class="pb-2">{{ reportConfig.title }}</h4>
|
||
|
|
<report-filters v-if="reportConfig.filterFields.length" :filters="reportConfig.filterFields" @change="getReportData"></report-filters>
|
||
|
|
<div class="pt-2" ref="datatable" v-once></div>
|
||
|
|
</div>
|
||
|
|
<not-found v-if="!reportConfig" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import DataTable from 'frappe-datatable'
|
||
|
|
import frappe from 'frappejs'
|
||
|
|
import ReportFilters from './ReportFilters'
|
||
|
|
import utils from 'frappejs/client/ui/utils'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: ['reportName', 'reportConfig'],
|
||
|
|
computed: {
|
||
|
|
reportColumns() {
|
||
|
|
return utils.convertFieldsToDatatableColumns(this.reportConfig.getColumns())
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getReportData(filters) {
|
||
|
|
frappe.methods[this.reportConfig.method](filters).then(data => {
|
||
|
|
if (this.datatable) {
|
||
|
|
this.datatable.refresh(data || [])
|
||
|
|
} else {
|
||
|
|
this.datatable = new DataTable(this.$refs.datatable, {
|
||
|
|
columns: this.reportColumns,
|
||
|
|
data: data || [],
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
ReportFilters,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
</style>
|