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

18
src/components/Form/FiltersType/Type16.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import Select from '@/components/Select.vue'
import DatePicker from '@/components/DatePicker.vue'
import Select from '@/components/Select.vue';
import DatePicker from '@/components/DatePicker.vue';
import {
selectedUid,
selectedUp3Posko,
@@ -11,8 +11,8 @@ import {
itemsUp3,
itemsPosko,
itemsMedia
} from './reference'
import { onMounted, ref, watch } from 'vue'
} from './reference';
import { onMounted, ref, watch } from 'vue';
const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah'
const up3Placeholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan'
@@ -69,7 +69,7 @@ onMounted(() => {
<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"
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0"
>Unit Induk Distribusi/Wilayah:</label
>
@@ -82,7 +82,7 @@ onMounted(() => {
</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"
>Unit Pelaksanaan Pelayanan Pelanggan:</label
>
@@ -95,7 +95,7 @@ onMounted(() => {
</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>
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0">Posko:</label>
<Select
:data="itemsPosko"
@@ -106,7 +106,7 @@ onMounted(() => {
</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">Media:</label>
<label class="block mb-2 text-sm font-semibold text-gray-800 sm:mb-0">Media:</label>
<Select
:selected="media"
@@ -117,7 +117,7 @@ onMounted(() => {
</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>
<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)" />
</div>