refactor: remove unnecessary

This commit is contained in:
Methapon2001 2024-04-09 17:21:34 +07:00
parent e4191e3b93
commit d86211d006

View file

@ -186,12 +186,8 @@ onMounted(async () => {
<StatCardComponent :branch="branchStat" /> <StatCardComponent :branch="branchStat" />
</AppBox> </AppBox>
<AppBox <AppBox bordered style="width: 100%" v-if="!branchData?.total">
bordered <div class="column">
style="width: 100%; height: 500px"
v-if="!branchData?.total"
>
<div class="column" style="height: 100%">
<div class="col-1 self-end"> <div class="col-1 self-end">
<TooltipComponent <TooltipComponent
title="branchNoMainOfficeYet" title="branchNoMainOfficeYet"
@ -209,17 +205,16 @@ onMounted(async () => {
</AppBox> </AppBox>
<AppBox <AppBox
class="bordered branch-container" class="bordered branch-container no-padding"
:class="{ dark: $q.dark.isActive }" :class="{ dark: $q.dark.isActive }"
style="width: 100%; height: 500px; padding: 0"
> >
<AppBox class="bg-card-branch-title" style="border-radius: 0"> <AppBox class="bg-card-branch-title" style="border-radius: 0">
<div class="row items-center"> <div class="row items-center">
<div <span
class="col q-pl-md text-h6 text-weight-bold color-card-branch-title" class="col q-pl-md text-h6 text-weight-bold color-card-branch-title"
> >
{{ $t('headQuarters') }} {{ $t('headQuarters') }}
</div> </span>
<div class="col-3"> <div class="col-3">
<q-input <q-input
class="bordered rounded q-px-md" class="bordered rounded q-px-md"
@ -236,10 +231,7 @@ onMounted(async () => {
</div> </div>
</AppBox> </AppBox>
<AppBox <AppBox class="no-padding row bordered-t" style="border-radius: 0">
class="no-padding row bordered-t"
style="height: 423px; border-radius: 0"
>
<div class="q-pa-md bg-branch-tree-box bordered-r" style="width: 21%"> <div class="q-pa-md bg-branch-tree-box bordered-r" style="width: 21%">
<div <div
@click="() => console.log('test')" @click="() => console.log('test')"
@ -306,41 +298,35 @@ onMounted(async () => {
> >
<Icon icon="ri:more-2-fill" /> <Icon icon="ri:more-2-fill" />
<q-menu class="bordered" style="width: 150px"> <q-menu class="bordered" style="width: 150px">
<q-list class="q-pa-sm"> <q-list>
<q-item clickable v-close-popup class="no-padding"> <q-item clickable v-close-popup dense>
<q-item-section avatar> <q-item-section avatar class="q-py-sm">
<q-icon <q-icon
style="color: hsla(var(--cyan-6-hsl) / 1)" style="color: hsl(var(--cyan-6-hsl))"
ize="22px" size="22px"
name="mdi-pencil-outline" name="mdi-pencil-outline"
/> />
</q-item-section> </q-item-section>
<q-item-section>{{ $t('edit') }}</q-item-section>
<q-item-section>
{{ $t('edit') }}
</q-item-section>
</q-item> </q-item>
<q-item clickable v-close-popup class="no-padding"> <q-item clickable v-close-popup dense>
<q-item-section avatar> <q-item-section avatar class="q-py-sm">
<q-icon <q-icon
style="color: hsla(var(--red-6-hsl) / 1)" style="color: hsl(var(--red-6-hsl))"
size="22px" size="22px"
name="mdi-trash-can-outline" name="mdi-trash-can-outline"
/> />
</q-item-section> </q-item-section>
<q-item-section>{{ $t('delete') }}</q-item-section> <q-item-section>{{ $t('delete') }}</q-item-section>
</q-item> </q-item>
<q-item clickable v-close-popup class="q-px-sm"> <q-item v-close-popup dense>
<q-item-section> <q-item-section class="q-py-sm">
<div <div
class="bg-branch-tree-toggle q-pa-sm" class="bg-branch-tree-toggle q-pa-sm"
style="border-radius: 6px" style="border-radius: 6px"
:class="{ :class="{ 'dark-toggle': $q.dark.isActive }"
'dark-toggle': $q.dark.isActive,
}"
> >
<q-toggle <q-toggle
dense dense
@ -361,7 +347,7 @@ onMounted(async () => {
</q-scroll-area> </q-scroll-area>
</div> </div>
<div class="col full-height" style="overflow-y: auto"> <div class="col" style="overflow-y: auto">
<AppBox class="q-pb-none"> <AppBox class="q-pb-none">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -394,15 +380,11 @@ onMounted(async () => {
</AppBox> </AppBox>
<AppBox> <AppBox>
<TableCardComponent :subBranch="true" :rows="rows" /> <TableCardComponent :sub-branch="true" :rows="rows" />
</AppBox> </AppBox>
</div> </div>
<div <div v-if="false" class="col bordered" style="overflow-y: auto">
v-if="false"
class="col bordered full-height"
style="overflow-y: auto"
>
<CardDetailsComponent <CardDetailsComponent
:data="showCurrentBranch as Branch" :data="showCurrentBranch as Branch"
class="q-pa-sm" class="q-pa-sm"