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

fix: accessibility (test-case cannot press)

Browse source
This commit is contained in:
Methapon2001 2024-04-22 15:26:31 +07:00
parent fa82ef4501
commit 255a27deb7
1 changed files with 58 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

105
src/pages/01_branch-management/MainPage.vue
View file

@ -410,61 +410,72 @@ watch(locale, () => {
<div class="row" style="flex-grow: 1; flex-wrap: nowrap"> <div class="row" style="flex-grow: 1; flex-wrap: nowrap">
<div class="tree-container q-pa-md bordered-r surface-2"> <div class="tree-container q-pa-md bordered-r surface-2">
<div class="row"> <div class="row">
<Icon <button
icon="ep:arrow-left-bold" style="border: none; background: transparent"
width="21px" :class="{ 'cursor-pointer': !!currentHq.id }"
class="q-mr-sm" id="br-prev"
:class="{ >
'color-icon-arrow ': !currentHq.id, <Icon
'cursor-pointer': currentHq.id, icon="ep:arrow-left-bold"
}" width="21px"
@click=" :class="{ 'app-text-muted': !currentHq.id }"
() => { @click="
if (currentHq.id) { () => {
beforeBranch = currentHq; if (currentHq.id) {
currentHq = { id: '', code: '' }; beforeBranch = currentHq;
fieldSelectedBranch = { currentHq = { id: '', code: '' };
label: $t('branchHQLabel'), fieldSelectedBranch = {
value: 'branchHQLabel', label: $t('branchHQLabel'),
}; value: 'branchHQLabel',
};
}
} }
} "
" />
/> </button>
<Icon <button
icon="ep:arrow-right-bold" style="border: none; background: transparent; padding: 0"
width="21px" :class="{ 'cursor-pointer': !!beforeBranch.id }"
class="q-mr-md" id="br-next"
:class="{ >
'color-icon-arrow ': !beforeBranch.id, <Icon
'cursor-pointer': beforeBranch.id, icon="ep:arrow-right-bold"
}" width="21px"
@click=" :class="{
() => { 'app-text-muted': !beforeBranch.id,
if (beforeBranch.id) { }"
currentHq = beforeBranch; @click="
beforeBranch = { id: '', code: '' }; () => {
fieldSelectedBranch = { if (beforeBranch.id) {
label: '', currentHq = beforeBranch;
value: '', beforeBranch = { id: '', code: '' };
}; fieldSelectedBranch = {
label: '',
value: '',
};
}
} }
} "
" />
/> </button>
<q-space /> <q-space />
<Icon <button
icon="pixelarticons:plus" id="hq-add-btn"
height="26" style="border: none; background: transparent"
class="color-icon-plus cursor-pointer" >
@click="triggerCreate('headOffice')" <Icon
/> icon="pixelarticons:plus"
height="26"
class="color-icon-plus cursor-pointer"
@click="triggerCreate('headOffice')"
/>
</button>
</div> </div>
<div class="bordered rounded q-mt-md surface-1"> <div class="bordered rounded q-mt-sm surface-1">
<div <div
class="bordered-b q-pl-sm text-weight-bold surface-3" class="bordered-b q-pl-sm text-weight-bold surface-3"
style="height: 50px; display: flex; align-items: center" style="height: 50px; display: flex; align-items: center"