refactor: remove unnecessary
This commit is contained in:
parent
e4191e3b93
commit
d86211d006
1 changed files with 21 additions and 39 deletions
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue