|
|
@@ -1,10 +1,11 @@
|
|
1
|
1
|
<script setup>
|
|
2
|
|
-import { reportTable } from './config'
|
|
|
2
|
+import { reportTable, filterOptionStatus } from './config'
|
|
3
|
3
|
import AppDateRangeFilter from '@/components/AppDateRangeFilter.vue'
|
|
4
|
4
|
import AppButtonLink from '@/components/AppButtonLink.vue'
|
|
5
|
5
|
import AppResetFilter from '@/components/AppResetFilter.vue'
|
|
6
|
6
|
import AppPagination from '@/components/AppPagination.vue'
|
|
7
|
7
|
import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
|
|
|
8
|
+import AppDropdownFilter from '@/components/AppDropdownFilter.vue'
|
|
8
|
9
|
|
|
9
|
10
|
defineProps({
|
|
10
|
11
|
initialFilters: Object,
|
|
|
@@ -19,7 +20,7 @@ defineProps({
|
|
19
|
20
|
})
|
|
20
|
21
|
|
|
21
|
22
|
const exportExcel = () => {
|
|
22
|
|
- return route('purchases.report.excel', location.search)
|
|
|
23
|
+ return '/purchases/report/excel' + location.search
|
|
23
|
24
|
}
|
|
24
|
25
|
</script>
|
|
25
|
26
|
|
|
|
@@ -39,7 +40,17 @@ const exportExcel = () => {
|
|
39
|
40
|
<div class="col-12 sm:col-6 lg:col-4">
|
|
40
|
41
|
<AppDateRangeFilter
|
|
41
|
42
|
placeholder="filter waktu..."
|
|
42
|
|
- :initial-filter="initialFilters"
|
|
|
43
|
+ :name-param="['start_date', 'end_date']"
|
|
|
44
|
+ :initial-date-rage="initialFilters"
|
|
|
45
|
+ />
|
|
|
46
|
+ </div>
|
|
|
47
|
+
|
|
|
48
|
+ <div class="col-12 sm:col-6 lg:col-4">
|
|
|
49
|
+ <AppDropdownFilter
|
|
|
50
|
+ placeholder="status"
|
|
|
51
|
+ name-param="status"
|
|
|
52
|
+ :initial-dropdown="initialFilters"
|
|
|
53
|
+ :options="filterOptionStatus"
|
|
43
|
54
|
/>
|
|
44
|
55
|
</div>
|
|
45
|
56
|
|
