feat: Personnel drawer info edit, delete, undo

This commit is contained in:
puriphatt 2024-04-19 09:06:38 +07:00
parent d1d58d55c1
commit b6e8078c3c
8 changed files with 220 additions and 625 deletions

View file

@ -1,10 +1,8 @@
<script setup lang="ts">
import { storeToRefs } from 'pinia';
import useUserStore from 'src/stores/user';
import { watch } from 'vue';
const userStore = useUserStore();
const { userOption } = storeToRefs(userStore);
const hqId = defineModel<string | null | undefined>('hqId');
const brId = defineModel<string | null | undefined>('brId');
@ -36,8 +34,9 @@ async function selectHq(id: string) {
<div class="col-9 row q-col-gutter-md">
<q-select
:dense="dense"
:outlined="outlined"
:outlined="readonly ? false : outlined"
:readonly="readonly"
:borderless="readonly"
:hide-dropdown-icon="readonly"
emit-value
map-options
@ -54,8 +53,9 @@ async function selectHq(id: string) {
/>
<q-select
:dense="dense"
:outlined="outlined"
:outlined="readonly ? false : outlined"
:readonly="readonly"
:borderless="readonly"
:hide-dropdown-icon="readonly"
emit-value
map-options
@ -71,8 +71,9 @@ async function selectHq(id: string) {
/>
<q-select
:dense="dense"
:outlined="outlined"
:outlined="readonly ? false : outlined"
:readonly="readonly"
:borderless="readonly"
:hide-dropdown-icon="readonly"
emit-value
map-options
@ -88,8 +89,9 @@ async function selectHq(id: string) {
/>
<q-select
:dense="dense"
:outlined="outlined"
:outlined="readonly ? false : outlined"
:readonly="readonly"
:borderless="readonly"
:hide-dropdown-icon="readonly"
emit-value
map-options
@ -105,7 +107,8 @@ async function selectHq(id: string) {
/>
<q-input
:dense="dense"
:outlined="outlined"
:outlined="readonly ? false : outlined"
:borderless="readonly"
:readonly="usernameReadonly"
emit-value
map-options
@ -118,7 +121,8 @@ async function selectHq(id: string) {
/>
<q-input
:dense="dense"
:outlined="outlined"
:outlined="readonly ? false : outlined"
:borderless="readonly"
readonly
hide-bottom-space
class="col-3"