chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Merge branch 'dev/phat-2' into develop

Browse source
This commit is contained in:
puriphatt 2024-04-19 11:11:01 +07:00
commit 9b35e63dbd
4 changed files with 71 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/DrawerInfo.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts">
import { ref } from 'vue';
import { ref, watch } from 'vue';
defineProps<{
title: string;
@ -12,6 +12,7 @@ defineProps<{
undo?: (...args: unknown[]) => void;
}>();
// const drawerWidth = ref(window.screen.width * 0.8);
const drawerOpen = defineModel<boolean>('drawerOpen', {
default: false,
});
@ -23,13 +24,22 @@ function reset() {
myForm.value.resetValidation();
}
}
// watch(
// () => window.screen.width,
// (v) => {
// console.log(v);
// drawerWidth.value = v;
// },
// );
</script>
<template>
<q-drawer
@before-hide="reset"
@hide="close"
:width="1300"
:breakpoint="500"
:width="$q.screen.gt.md ? 1200 : $q.screen.gt.xs ? 700 : 900"
:breakpoint="1366"
v-model="drawerOpen"
behavior="mobile"
side="right"

2
src/components/SelectorList.vue
View file

@ -29,7 +29,7 @@ defineProps<{
"
@click="selector = v.label"
>
<div class="row full-width justify-between">
<div class="row full-width items-center justify-between">
<div>
{{ $t(v.label) }}
</div>

91
src/components/home/PersonCard.vue
View file

@ -68,56 +68,75 @@ defineEmits<{
size="sm"
@click.stop=""
>
<q-menu :offset="[0, 10]" style="width: 130px">
<q-list>
<q-menu class="bordered">
<q-list v-close-popup>
<q-item
clickable
dense
class="row q-py-sm"
style="white-space: nowrap"
@click="$emit('enterCard', 'INFO', v.id)"
>
<q-icon
name="mdi-eye-outline"
class="col-3"
size="xs"
style="color: hsl(var(--green-6-hsl))"
/>
<span class="col-9 q-px-md flex items-center">
{{ $t('viewDetail') }}
</span>
</q-item>
<q-item
dense
clickable
class="row q-py-sm"
style="white-space: nowrap"
@click="$emit('updateCard', 'FORM', v.id)"
v-close-popup
>
<q-item-section class="col-4">
<q-icon
class="full-width"
name="mdi-pencil-outline"
color="positive"
size="xs"
/>
</q-item-section>
<q-item-section class="text-caption">
<q-icon
name="mdi-pencil-outline"
class="col-3"
size="xs"
style="color: hsl(var(--cyan-6-hsl))"
/>
<span class="col-9 q-px-md flex items-center">
{{ $t('edit') }}
</q-item-section>
</span>
</q-item>
<q-item
dense
clickable
@click="$emit('deleteCard', v.id)"
v-close-popup
>
<q-item-section class="col-4">
<q-icon
class="full-width"
name="mdi-trash-can-outline"
color="negative"
size="xs"
/>
</q-item-section>
<q-item-section class="text-caption">
<q-icon
name="mdi-trash-can-outline"
size="xs"
class="col-3 app-text-negative"
/>
<span class="col-9 q-px-md flex items-center">
{{ $t('delete') }}
</q-item-section>
</span>
</q-item>
<q-item clickable>
<q-item-section class="col-4">
<q-toggle
dense
color="primary"
size="xs"
@click="$emit('toggleStatus', v.id)"
:model-value="!v.disabled"
val="xs"
padding="none"
/>
</q-item-section>
<q-item-section class="text-caption">
{{ v.disabled ? 'เปิดสถานะ' : 'ปิดสถานะ' }}
<q-item dense>
<q-item-section class="q-py-sm">
<div class="q-pa-sm surface-2 rounded">
<q-toggle
dense
size="sm"
@click="$emit('toggleStatus', v.id)"
:model-value="!v.disabled"
val="xs"
padding="none"
:label="
v.disabled
? $t('switchOnLabel')
: $t('switchOffLabel')
"
/>
</div>
</q-item-section>
</q-item>
</q-list>

3
src/pages/02_personnel-management/MainPage.vue
View file

@ -278,12 +278,13 @@ async function onSubmit() {
result.id,
);
}
onClose();
selectorLabel.value = formData.value.userType;
userStore.fetchList({
includeBranch: true,
userType: selectorLabel.value ?? undefined,
});
typeStats.value = await userStore.typeStats();
onClose();
},
});
}