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