defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update styles and labels in MenuProvider and FiltersType components

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-04 09:14:53 +07:00
parent 1d2283c8a2
commit 1a65dc1a89
20 changed files with 150 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Form/FiltersType/Type17.vue
View File

@@ -1,8 +1,8 @@
<script setup lang="ts">
import Select from '@/components/Select.vue'
import DatePicker from '@/components/DatePicker.vue'
import InputWithFilter from '../InputWithFilter.vue'
import { ref } from 'vue'
import Select from '@/components/Select.vue';
import DatePicker from '@/components/DatePicker.vue';
import InputWithFilter from '../InputWithFilter.vue';
import { ref } from 'vue';
const data = ref({
periode: '',
})
@@ -10,16 +10,13 @@
<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">Periode Tanggal:</label>
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0">Periode Tanggal:</label>
<DatePicker @update:date-value="(value) => {
data.periode = value
}
" />
<DatePicker @update:date-value="(value) => data.periode = value" />
</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 PLN:</label>
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0">Unit PLN:</label>
<div class="flex flex-col gap-y-1">
<Select placeholder="Pilih Unit" />
@@ -32,13 +29,13 @@
</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">Status:</label>
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0">Status:</label>
<Select placeholder="Pilih Status"/>
</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"
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0"
>SLA:</label
>
@@ -46,7 +43,7 @@
</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">Pencarian:</label>
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0">Pencarian:</label>
<InputWithFilter placeholder="cari report" :filters="[{id: 1, title: 'Pilih Jenis'}]" />
</div>