50 lines
2.0 KiB
Vue
Executable File
50 lines
2.0 KiB
Vue
Executable File
<!-- <script setup lang="ts">
|
|
import Select from '@/components/Select.vue'
|
|
import SelectMulti from '@/components/SelectMulti.vue'
|
|
|
|
import DatePicker from '@/components/DatePicker.vue'
|
|
import { selectedUid, selectedUp3Posko, selectedPosko ,fetchUid, itemsUid,itemsUp3, itemsPosko} from './reference';
|
|
fetchData();
|
|
|
|
const departments = [
|
|
{ id: 1, name: 'Marketing', contact: 'Durward Reynolds' },
|
|
{ id: 2, name: 'HR', contact: 'Kenton Towne' },
|
|
{ id: 3, name: 'Sales', contact: 'Therese Wunsch' },
|
|
{ id: 4, name: 'Finance', contact: 'Benedict Kessler' },
|
|
{ id: 5, name: 'Customer service', contact: 'Katelyn Rohan' },
|
|
]
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
|
|
<label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Unit Induk Distribusi/Wilayah:</label>
|
|
|
|
<Select @update:selected="selectedUid($event)" :data="itemsUid" placeholder="Semua Unit Induk Distribusi/Wilayah" />
|
|
</div>
|
|
|
|
<div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
|
|
<label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Unit Pelaksanaan Pelayanan Pelanggan:</label>
|
|
|
|
<Select @update:selected="selectedUp3Posko($event)" :data="itemsUp3"
|
|
placeholder="Semua Unit Pelaksanaan Pelayanan Pelanggan" />
|
|
</div>
|
|
|
|
<div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
|
|
<label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Posko:</label>
|
|
|
|
<Select @update:selected="selectedPosko($event)" :data="itemsPosko" placeholder="Semua Posko" />
|
|
</div>
|
|
<div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
|
|
<label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Jenis Transaksi:</label>
|
|
|
|
<SelectMulti :data="departments" placeholder="Semua Jenis Transaksi" />
|
|
</div>
|
|
<div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
|
|
<label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Periode Tanggal:</label>
|
|
<DatePicker />
|
|
</div>
|
|
</template> -->
|
|
|
|
<template></template>
|