fix(04): service tree view

This commit is contained in:
puriphatt 2024-09-25 17:47:01 +07:00
parent 55a6e03bcf
commit 76a08ac368
3 changed files with 159 additions and 14 deletions

View file

@ -209,6 +209,8 @@ const dialogService = ref(false);
const dialogProductEdit = ref(false);
const dialogServiceEdit = ref(false);
const serviceTreeView = ref(false);
const statusToggle = ref(false);
const profileSubmit = ref(false);
const infoProductEdit = ref(false);
@ -4019,10 +4021,49 @@ watch(
id="group-form"
>
<div
class="surface-1 rounded q-my-md q-mx-lg row"
class="surface-1 rounded q-my-md q-mx-lg row items-center"
style="position: absolute; z-index: 999; top: 0; right: 0"
v-if="actionDisplay && !currentNoAction"
>
<div class="bordered rounded q-mr-md" v-if="serviceTab === 2">
<q-btn
icon="mdi-file-tree-outline"
flat
square
:class="{
' surface-3': serviceTreeView,
'app-text-muted-2': serviceTreeView,
'app-text-muted': !serviceTreeView,
}"
size="sm"
padding="6px 10px"
title="Tree"
style="
border-top-left-radius: var(--radius-2);
border-bottom-left-radius: var(--radius-2);
"
@click="serviceTreeView = true"
/>
<q-btn
icon="mdi-view-list-outline"
flat
square
:class="{
' surface-3': !serviceTreeView,
'app-text-muted-2': !serviceTreeView,
'app-text-muted': serviceTreeView,
}"
size="sm"
padding="6px 10px"
title="List"
style="
border-top-right-radius: var(--radius-2);
border-bottom-right-radius: var(--radius-2);
"
@click="serviceTreeView = false"
/>
</div>
<UndoButton
v-if="infoServiceEdit"
id="btn-info-basic-undo"
@ -4104,6 +4145,8 @@ watch(
<FormServiceWork
v-if="serviceTab === 2"
:service="formDataProductService"
:tree-view="serviceTreeView"
:readonly="!infoServiceEdit"
v-model:work-items="workItems"
dense