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

fix(04): view and edit from tree and price color

Browse source
This commit is contained in:
puriphatt 2024-08-15 11:28:02 +07:00
parent a77743dd17
commit 86490fa984
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2255,6 +2255,7 @@ watch(
@click.stop=" @click.stop="
() => { () => {
if (productMode === 'type') { if (productMode === 'type') {
editByTree = 'type';
currentStatusProduct = currentStatusProduct =
props.row.status === 'INACTIVE'; props.row.status === 'INACTIVE';
clearFormGroup(); clearFormGroup();
@ -2264,6 +2265,7 @@ watch(
drawerInfo = true; drawerInfo = true;
} }
if (productMode === 'group') { if (productMode === 'group') {
editByTree = 'group';
currentStatusProduct = currentStatusProduct =
props.row.status === 'INACTIVE'; props.row.status === 'INACTIVE';
clearFormGroup(); clearFormGroup();
@ -2299,6 +2301,7 @@ watch(
@click=" @click="
() => { () => {
if (productMode === 'type') { if (productMode === 'type') {
editByTree = 'type';
clearFormGroup(); clearFormGroup();
currentIdType = props.row.id; currentIdType = props.row.id;
assignFormDataGroup(props.row); assignFormDataGroup(props.row);
@ -2306,6 +2309,7 @@ watch(
drawerInfo = true; drawerInfo = true;
} }
if (productMode === 'group') { if (productMode === 'group') {
editByTree = 'group';
clearFormGroup(); clearFormGroup();
assignFormDataGroup(props.row); assignFormDataGroup(props.row);
isEdit = true; isEdit = true;
@ -3530,18 +3534,18 @@ watch(
hideFade hideFade
useToggle useToggle
:readonly="!isEdit" :readonly="!isEdit"
:icon="productMode === 'group' ? 'mdi-folder' : 'mdi-folder-table'" :icon="editByTree === 'group' ? 'mdi-folder' : 'mdi-folder-table'"
:fallbackCover="`/images/product-service-${productMode}-banner.png`" :fallbackCover="`/images/product-service-${editByTree}-banner.png`"
v-model:toggle-status="currentStatusGroupType" v-model:toggle-status="currentStatusGroupType"
:color="`hsla(var(${ :color="`hsla(var(${
productMode === 'group' editByTree === 'group'
? '--pink-6' ? '--pink-6'
: $q.dark.isActive : $q.dark.isActive
? '--violet-10' ? '--violet-10'
: '--violet-11' : '--violet-11'
}-hsl)/1)`" }-hsl)/1)`"
:bg-color="`hsla(var(${ :bg-color="`hsla(var(${
productMode === 'group' editByTree === 'group'
? '--pink-6' ? '--pink-6'
: $q.dark.isActive : $q.dark.isActive
? '--violet-10' ? '--violet-10'
@ -4768,7 +4772,7 @@ watch(
.tags { .tags {
display: inline-block; display: inline-block;
color: hsla(var(--_color-tag) / 1); color: hsla(var(--_color-tag) / 1);
background: hsla(var(--_color-tag) / 0.15); background: hsla(var(--_color-tag) / 0.075);
border-radius: var(--radius-2); border-radius: var(--radius-2);
padding-inline: var(--size-2); padding-inline: var(--size-2);