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

feat: hide btn on service view info

Browse source
This commit is contained in:
puriphatt 2024-06-24 10:13:23 +00:00
parent 4c4bca12eb
commit 9ce656ae45
5 changed files with 27 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/components/04_product-service/WorkManagementComponent.vue
View file

@ -15,6 +15,7 @@ defineProps<{
workIndex: number;
length: number;
index: number;
readonly?: boolean;
}>();
const workName = defineModel<string>('workName');
@ -45,10 +46,13 @@ defineEmits<{
switch-toggle-side
default-opened
expand-icon="mdi-chevron-down-circle"
header-class="surface-2 expansion-rounded"
header-style="border-top-left-radius: var(--radius-2); border-top-right-radius: var(--radius-2)"
>
<template v-slot:header>
<div class="row items-center q-py-sm full-width" @click.stop>
<q-btn
v-if="!readonly"
id="btn-work-up-product"
icon="mdi-arrow-up"
dense
@ -59,6 +63,7 @@ defineEmits<{
@click.stop="$emit('moveWorkUp')"
/>
<q-btn
v-if="!readonly"
id="btn-work-down-product"
icon="mdi-arrow-down"
dense
@ -70,18 +75,19 @@ defineEmits<{
@click.stop="$emit('moveWorkDown')"
/>
<div
for="input-work-name"
class="bordered col rounded q-py-sm q-px-md"
:placeholder="$t('workName')"
:input-style="'color: hsl(var(--text-mute-2))'"
style="background-color: var(--surface-1); z-index: 2"
@click="fetchListOfWork()"
for="select-work-name"
class="col rounded q-py-sm q-px-md"
:class="{ bordered: !readonly }"
:style="`background-color:${readonly ? 'var(--surface-2)' : 'var(--surface-1); z-index: 2'}`"
@click="() => (readonly ? '' : fetchListOfWork())"
>
<q-btn
v-if="!readonly"
dense
unelevated
round
padding="0"
class="q-mr-sm"
style="background-color: var(--surface-tab)"
@click.stop="$emit('workProperties')"
>
@ -91,14 +97,14 @@ defineEmits<{
style="color: var(--stone-7)"
/>
</q-btn>
<span class="text-body2 q-pl-sm" style="color: var(--foreground)">
<span class="text-body2" style="color: var(--foreground)">
{{ $t('workNo') }} {{ index + 1 }} :
<span class="app-text-muted-2">
{{ workName ? workName : $t('workName') }}
</span>
</span>
<q-menu fit anchor="bottom left" self="top left">
<q-menu v-if="!readonly" fit anchor="bottom left" self="top left">
<q-item>
<div class="full-width flex items-center justify-between">
{{ $t('workName') }}
@ -144,6 +150,7 @@ defineEmits<{
</q-menu>
</div>
<q-btn
v-if="!readonly"
id="btn-delete-work"
icon="mdi-trash-can-outline"
dense
@ -165,6 +172,7 @@ defineEmits<{
>
<span>{{ $t('productInWork') }} {{ workIndex + 1 }}</span>
<q-btn
v-if="!readonly"
id="btn-add-work-product"
flat
dense
@ -187,6 +195,7 @@ defineEmits<{
>
<div class="row items-center col-9 no-wrap" v-if="productItems">
<q-btn
v-if="!readonly"
id="btn-product-up"
icon="mdi-arrow-up"
dense
@ -197,6 +206,7 @@ defineEmits<{
@click.stop="$emit('moveProductUp', productItems, index)"
/>
<q-btn
v-if="!readonly"
id="btn-product-down"
icon="mdi-arrow-down"
dense
@ -249,7 +259,7 @@ defineEmits<{
</div>
</div>
<div class="row justify-end text-right col-3">
<div class="row justify-end text-right col-3 q-pr-sm">
<span
class="col-12 text-weight-bold text-h6"
style="color: var(--teal-9)"
@ -266,6 +276,7 @@ defineEmits<{
</div>
<q-btn
v-if="!readonly"
id="btn-delete-work-product"
icon="mdi-trash-can-outline"
dense