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

feat: change path in product service

Browse source
This commit is contained in:
Methapon2001 2024-07-08 16:29:37 +07:00
parent 9a09ae1946
commit 3a69c5e44e
5 changed files with 31 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/pages/04_product-service/MainPage.vue
View file

@ -1022,6 +1022,22 @@ onMounted(async () => {
watch(productMode, () => {
inputSearch.value = '';
currentStatus.value = 'All';
const tmp: typeof utilsStore.currentTitle.path = [];
if (productMode.value === 'type' || productMode.value === 'service') {
tmp.push({
text: 'productGroup',
argsi18n: { name: pathGroupName.value },
handler: () => {
productMode.value = 'type';
},
});
}
if (productMode.value === 'service') {
tmp.push({ text: 'productType', argsi18n: { name: pathTypeName.value } });
}
utilsStore.currentTitle.path = tmp;
});
watch(currentStatus, async () => {
@ -1183,47 +1199,6 @@ watch(inputSearchProductAndService, async () => {
</div>
</transition>
<!-- title type/service -->
<div
class="row items-center q-mb-md"
v-if="productMode === 'service' || productMode === 'type'"
>
<q-btn
round
icon="mdi-arrow-left"
flat
dense
@click="productMode = productMode === 'service' ? 'type' : 'group'"
class="q-mr-md"
/>
<div
class="text-h6 hover-underline"
:class="{
'app-text-muted': productMode !== 'type',
'text-weight-bold': productMode === 'type',
}"
@click="productMode = 'type'"
>
{{ pathGroupName }}
</div>
<div
class="text-h6 app-text-muted q-mx-sm"
v-if="productMode === 'service'"
>
/
</div>
<div
v-if="productMode === 'service'"
class="text-h6"
:class="{
'app-text-muted': productMode !== 'service',
'text-weight-bold': productMode === 'service',
}"
>
{{ pathTypeName }}
</div>
</div>
<!-- group/type -->
<div
v-if="productMode === 'group' || productMode === 'type'"