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

refactor: rename var

Browse source
This commit is contained in:
Methapon2001 2024-12-20 09:07:19 +07:00
parent 0c6440f3fb
commit 85e27613e8
1 changed files with 87 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -253,7 +253,7 @@ const formDataGroup = ref<ProductGroupCreate>({
registeredBranchId: '', registeredBranchId: '',
}); });
const formDataProduct = ref<ProductCreate>({ const formProduct = ref<ProductCreate>({
expenseType: '', expenseType: '',
vatIncluded: true, vatIncluded: true,
productGroupId: '', productGroupId: '',
@ -270,7 +270,7 @@ const formDataProduct = ref<ProductCreate>({
}); });
const currWorkflow = ref<WorkflowTemplate>(); const currWorkflow = ref<WorkflowTemplate>();
const formDataProductService = ref<ServiceCreate>({ const formService = ref<ServiceCreate>({
work: [], work: [],
attributes: { attributes: {
showTotalPrice: false, showTotalPrice: false,
@ -706,7 +706,7 @@ async function toggleStatusProduct(id: string, status: Status) {
const res = await editProduct(id, { const res = await editProduct(id, {
status: status === 'INACTIVE' ? 'ACTIVE' : 'INACTIVE', status: status === 'INACTIVE' ? 'ACTIVE' : 'INACTIVE',
}); });
if (res) formDataProduct.value.status = res.status; if (res) formProduct.value.status = res.status;
await alternativeFetch(); await alternativeFetch();
flowStore.rotate(); flowStore.rotate();
@ -716,7 +716,7 @@ async function toggleStatusService(id: string, status: Status) {
const res = await editService(id, { const res = await editService(id, {
status: status === 'INACTIVE' ? 'ACTIVE' : 'INACTIVE', status: status === 'INACTIVE' ? 'ACTIVE' : 'INACTIVE',
}); });
if (res) formDataProductService.value.status = res.status; if (res) formService.value.status = res.status;
await alternativeFetch(); await alternativeFetch();
flowStore.rotate(); flowStore.rotate();
@ -944,7 +944,7 @@ async function assignFormDataProductService(id: string) {
selectedImage: res.selectedImage, selectedImage: res.selectedImage,
}; };
formDataProductService.value = { ...prevService.value }; formService.value = { ...prevService.value };
res.work.forEach((item) => { res.work.forEach((item) => {
prevService.value.work.push({ prevService.value.work.push({
@ -959,7 +959,7 @@ async function assignFormDataProductService(id: string) {
}); });
}); });
formDataProductService.value.work = prevService.value.work; formService.value.work = prevService.value.work;
workItems.value = res.work.map((item) => { workItems.value = res.work.map((item) => {
const maxInstallmentsNo = item.productOnWork.map( const maxInstallmentsNo = item.productOnWork.map(
@ -1029,7 +1029,7 @@ async function assignFormDataProduct(data: Product) {
}; };
if (prevProduct.value.document) if (prevProduct.value.document)
formProductDocument.value = prevProduct.value.document; formProductDocument.value = prevProduct.value.document;
formDataProduct.value = { ...prevProduct.value }; formProduct.value = { ...prevProduct.value };
} }
function clearFormGroup() { function clearFormGroup() {
@ -1045,7 +1045,7 @@ function clearFormGroup() {
} }
function clearFormProduct() { function clearFormProduct() {
formDataProduct.value = { formProduct.value = {
productGroupId: '', productGroupId: '',
remark: '', remark: '',
serviceCharge: 0, serviceCharge: 0,
@ -1070,7 +1070,7 @@ function clearFormProduct() {
function clearFormService() { function clearFormService() {
currWorkflow.value = undefined; currWorkflow.value = undefined;
formDataProductService.value = { formService.value = {
code: '', code: '',
name: '', name: '',
detail: '', detail: '',
@ -1097,10 +1097,10 @@ function clearFormService() {
} }
function assignFormDataProductServiceCreate() { function assignFormDataProductServiceCreate() {
formDataProductService.value.work = []; formService.value.work = [];
workItems.value.forEach((item) => { workItems.value.forEach((item) => {
formDataProductService.value.work.push({ formService.value.work.push({
id: item.id, id: item.id,
name: item.name, name: item.name,
attributes: item.attributes, attributes: item.attributes,
@ -1127,26 +1127,22 @@ function assignFormDataProductServiceCreate() {
async function submitService(notClose = false) { async function submitService(notClose = false) {
assignFormDataProductServiceCreate(); assignFormDataProductServiceCreate();
formDataProductService.value.productGroupId = currentIdGroup.value; formService.value.productGroupId = currentIdGroup.value;
if (profileFileImg.value) if (profileFileImg.value) formService.value.image = profileFileImg.value;
formDataProductService.value.image = profileFileImg.value;
if (dialogService.value) { if (dialogService.value) {
formDataProductService.value.productGroupId = currentIdGroup.value; formService.value.productGroupId = currentIdGroup.value;
formDataProductService.value.work.forEach((s) => (s.id = undefined)); formService.value.work.forEach((s) => (s.id = undefined));
if ( if (formService.value.code === '' || formService.value.name === '') {
formDataProductService.value.code === '' ||
formDataProductService.value.name === ''
) {
serviceTab.value = 1; serviceTab.value = 1;
return; return;
} }
const res = await createService( const res = await createService(
{ {
...formDataProductService.value, ...formService.value,
workflowId: currWorkflow.value?.id || '', workflowId: currWorkflow.value?.id || '',
}, },
@ -1162,10 +1158,8 @@ async function submitService(notClose = false) {
if (dialogServiceEdit.value) { if (dialogServiceEdit.value) {
await editService(currentIdService.value, { await editService(currentIdService.value, {
...formDataProductService.value, ...formService.value,
status: statusToggle.value status: statusToggle.value ? formService.value.status : 'INACTIVE',
? formDataProductService.value.status
: 'INACTIVE',
}); });
} }
@ -1179,21 +1173,18 @@ async function submitService(notClose = false) {
} }
async function submitProduct(notClose = false) { async function submitProduct(notClose = false) {
formDataProduct.value.productGroupId = currentIdGroup.value; formProduct.value.productGroupId = currentIdGroup.value;
if (profileFileImg.value) { if (profileFileImg.value) {
formDataProduct.value.image = profileFileImg.value; formProduct.value.image = profileFileImg.value;
} }
if (dialogProduct.value) { if (dialogProduct.value) {
if ( if (formProduct.value.name === '' || formProduct.value.code === '') {
formDataProduct.value.name === '' ||
formDataProduct.value.code === ''
) {
productTab.value = 1; productTab.value = 1;
return; return;
} }
const res = await createProduct( const res = await createProduct(
{ ...formDataProduct.value, document: formProductDocument.value }, { ...formProduct.value, document: formProductDocument.value },
onCreateImageList.value, onCreateImageList.value,
); );
@ -1207,7 +1198,7 @@ async function submitProduct(notClose = false) {
if (dialogProductEdit.value) { if (dialogProductEdit.value) {
await editProduct(currentIdProduct.value, { await editProduct(currentIdProduct.value, {
...formDataProduct.value, ...formProduct.value,
status: statusToggle.value ? 'ACTIVE' : 'INACTIVE', status: statusToggle.value ? 'ACTIVE' : 'INACTIVE',
document: formProductDocument.value, document: formProductDocument.value,
}); });
@ -1410,12 +1401,12 @@ async function alternativeFetch() {
async function cloneServiceData() { async function cloneServiceData() {
if (!currentService.value) return; if (!currentService.value) return;
const currentSelectedImage = formDataProductService.value.selectedImage; const currentSelectedImage = formService.value.selectedImage;
formDataProductService.value = { formService.value = {
...prevService.value, ...prevService.value,
attributes: JSON.parse(JSON.stringify(currentService.value.attributes)), attributes: JSON.parse(JSON.stringify(currentService.value.attributes)),
}; };
formDataProductService.value.selectedImage = currentSelectedImage; formService.value.selectedImage = currentSelectedImage;
await nextTick(); await nextTick();
workItems.value = currentService.value.work.map((item) => { workItems.value = currentService.value.work.map((item) => {
@ -1689,7 +1680,7 @@ function handleSubmitSameWorkflow() {
} }
watch( watch(
() => formDataProductService.value.attributes.workflowId, () => formService.value.attributes.workflowId,
async (a, b) => { async (a, b) => {
if (a && b && a !== b) { if (a && b && a !== b) {
handleSubmitWorkflow(a); handleSubmitWorkflow(a);
@ -3642,11 +3633,11 @@ watch(
} }
" "
@edit="imageDialog = isImageEdit = true" @edit="imageDialog = isImageEdit = true"
v-model:toggle-status="formDataProduct.status" v-model:toggle-status="formProduct.status"
@update:toggle-status=" @update:toggle-status="
() => { () => {
formDataProduct.status = formProduct.status =
formDataProduct.status === 'CREATED' ? 'INACTIVE' : 'CREATED'; formProduct.status === 'CREATED' ? 'INACTIVE' : 'CREATED';
} }
" "
:tabs-list=" :tabs-list="
@ -3725,22 +3716,22 @@ watch(
</div> </div>
<BasicInfoProduct <BasicInfoProduct
v-if="productTab === 1" v-if="productTab === 1"
v-model:detail="formDataProduct.detail" v-model:detail="formProduct.detail"
v-model:remark="formDataProduct.remark" v-model:remark="formProduct.remark"
v-model:name="formDataProduct.name" v-model:name="formProduct.name"
v-model:code="formDataProduct.code" v-model:code="formProduct.code"
v-model:process="formDataProduct.process" v-model:process="formProduct.process"
v-model:expense-type="formDataProduct.expenseType" v-model:expense-type="formProduct.expenseType"
dense dense
separator separator
/> />
<PriceDataComponent <PriceDataComponent
v-if="productTab === 2" v-if="productTab === 2"
v-model:price="formDataProduct.price" v-model:price="formProduct.price"
v-model:agent-price="formDataProduct.agentPrice" v-model:agent-price="formProduct.agentPrice"
v-model:service-charge="formDataProduct.serviceCharge" v-model:service-charge="formProduct.serviceCharge"
v-model:vat-included="formDataProduct.vatIncluded" v-model:vat-included="formProduct.vatIncluded"
v-model:calc-vat="formDataProduct.calcVat" v-model:calc-vat="formProduct.calcVat"
dense dense
/> />
<FormDocument <FormDocument
@ -3778,21 +3769,21 @@ watch(
prefix="dialog" prefix="dialog"
hideFade hideFade
:use-toggle="actionDisplay" :use-toggle="actionDisplay"
:active="formDataProduct.status !== 'INACTIVE'" :active="formProduct.status !== 'INACTIVE'"
:title="formDataProduct.name" :title="formProduct.name"
:caption="formDataProduct.code" :caption="formProduct.code"
icon="mdi-shopping-outline" icon="mdi-shopping-outline"
fallback-img="/images/product-avatar.png" fallback-img="/images/product-avatar.png"
color="var(--teal-10)" color="var(--teal-10)"
:toggle-title="$t('status.title')" :toggle-title="$t('status.title')"
:img=" :img="
`${baseUrl}/product/${currentIdProduct}/image/${formDataProduct.selectedImage}`.concat( `${baseUrl}/product/${currentIdProduct}/image/${formProduct.selectedImage}`.concat(
refreshImageState ? `?ts=${Date.now()}` : '', refreshImageState ? `?ts=${Date.now()}` : '',
) || '/images/product-avatar.png' ) || '/images/product-avatar.png'
" "
fallback-cover="/images/product-banner.png" fallback-cover="/images/product-banner.png"
:bg-color="`hsla(var(--teal-${$q.dark.isActive ? '8' : '10'}-hsl)/0.15)`" :bg-color="`hsla(var(--teal-${$q.dark.isActive ? '8' : '10'}-hsl)/0.15)`"
v-model:toggle-status="formDataProduct.status" v-model:toggle-status="formProduct.status"
@view=" @view="
() => { () => {
imageDialog = true; imageDialog = true;
@ -3802,10 +3793,10 @@ watch(
@edit="imageDialog = isImageEdit = true" @edit="imageDialog = isImageEdit = true"
@update:toggle-status=" @update:toggle-status="
async () => { async () => {
if (formDataProduct.status) if (formProduct.status)
await triggerChangeStatus( await triggerChangeStatus(
currentIdProduct, currentIdProduct,
formDataProduct.status, formProduct.status,
'product', 'product',
); );
} }
@ -3847,7 +3838,7 @@ watch(
icon-only icon-only
@click=" @click="
() => { () => {
formDataProduct = { ...prevProduct }; formProduct = { ...prevProduct };
if (prevProduct.document) if (prevProduct.document)
formProductDocument = prevProduct.document; formProductDocument = prevProduct.document;
infoProductEdit = false; infoProductEdit = false;
@ -3919,12 +3910,12 @@ watch(
<BasicInfoProduct <BasicInfoProduct
v-if="productTab === 1" v-if="productTab === 1"
:readonly="!infoProductEdit" :readonly="!infoProductEdit"
v-model:detail="formDataProduct.detail" v-model:detail="formProduct.detail"
v-model:remark="formDataProduct.remark" v-model:remark="formProduct.remark"
v-model:name="formDataProduct.name" v-model:name="formProduct.name"
v-model:code="formDataProduct.code" v-model:code="formProduct.code"
v-model:process="formDataProduct.process" v-model:process="formProduct.process"
v-model:expense-type="formDataProduct.expenseType" v-model:expense-type="formProduct.expenseType"
disableCode disableCode
dense dense
separator separator
@ -3932,11 +3923,11 @@ watch(
<PriceDataComponent <PriceDataComponent
v-if="productTab === 2" v-if="productTab === 2"
:readonly="!infoProductEdit" :readonly="!infoProductEdit"
v-model:price="formDataProduct.price" v-model:price="formProduct.price"
v-model:agent-price="formDataProduct.agentPrice" v-model:agent-price="formProduct.agentPrice"
v-model:service-charge="formDataProduct.serviceCharge" v-model:service-charge="formProduct.serviceCharge"
v-model:vat-included="formDataProduct.vatIncluded" v-model:vat-included="formProduct.vatIncluded"
v-model:calc-vat="formDataProduct.calcVat" v-model:calc-vat="formProduct.calcVat"
dense dense
:priceDisplay="priceDisplay" :priceDisplay="priceDisplay"
/> />
@ -3994,13 +3985,11 @@ watch(
} }
" "
@edit="imageDialog = isImageEdit = true" @edit="imageDialog = isImageEdit = true"
v-model:toggle-status="formDataProductService.status" v-model:toggle-status="formService.status"
@update:toggle-status=" @update:toggle-status="
() => { () => {
formDataProductService.status = formService.status =
formDataProductService.status === 'CREATED' formService.status === 'CREATED' ? 'INACTIVE' : 'CREATED';
? 'INACTIVE'
: 'CREATED';
} }
" "
:tabs-list=" :tabs-list="
@ -4157,9 +4146,9 @@ watch(
v-if="serviceTab === 1" v-if="serviceTab === 1"
dense dense
service service
v-model:service-code="formDataProductService.code" v-model:service-code="formService.code"
v-model:service-description="formDataProductService.detail" v-model:service-description="formService.detail"
v-model:service-name-th="formDataProductService.name" v-model:service-name-th="formService.name"
/> />
<FormServiceWork <FormServiceWork
@ -4168,7 +4157,7 @@ watch(
v-model:work-items="workItems" v-model:work-items="workItems"
v-model:workflow="currWorkflow" v-model:workflow="currWorkflow"
:tree-view="serviceTreeView" :tree-view="serviceTreeView"
:service="formDataProductService" :service="formService"
dense dense
@add-product=" @add-product="
async (index) => { async (index) => {
@ -4227,7 +4216,7 @@ watch(
select-flow select-flow
:on-edit="dialogServiceEdit" :on-edit="dialogServiceEdit"
v-model:data-step="workItems[currentWorkIndex].attributes.workflowStep" v-model:data-step="workItems[currentWorkIndex].attributes.workflowStep"
v-model:workflow-id="formDataProductService.attributes.workflowId" v-model:workflow-id="formService.attributes.workflowId"
v-model="propertiesDialog" v-model="propertiesDialog"
@show=" @show="
() => { () => {
@ -4312,19 +4301,19 @@ watch(
prefix="dialog" prefix="dialog"
hide-fade hide-fade
:use-toggle="actionDisplay" :use-toggle="actionDisplay"
:title="formDataProductService.name" :title="formService.name"
:caption="formDataProductService.code" :caption="formService.code"
:active="formDataProductService.status !== 'INACTIVE'" :active="formService.status !== 'INACTIVE'"
:toggle-title="$t('status.title')" :toggle-title="$t('status.title')"
:img=" :img="
`${baseUrl}/service/${currentIdService}/image/${formDataProductService.selectedImage}`.concat( `${baseUrl}/service/${currentIdService}/image/${formService.selectedImage}`.concat(
refreshImageState ? `?ts=${Date.now()}` : '', refreshImageState ? `?ts=${Date.now()}` : '',
) || '/images/service-avatar.png' ) || '/images/service-avatar.png'
" "
fallback-img="/images/service-avatar.png" fallback-img="/images/service-avatar.png"
fallback-cover="/images/service-banner.png" fallback-cover="/images/service-banner.png"
:bg-color="`hsla(var(--orange-${$q.dark.isActive ? '6' : '5'}-hsl)/0.15)`" :bg-color="`hsla(var(--orange-${$q.dark.isActive ? '6' : '5'}-hsl)/0.15)`"
v-model:toggle-status="formDataProductService.status" v-model:toggle-status="formService.status"
@view=" @view="
() => { () => {
imageDialog = true; imageDialog = true;
@ -4334,10 +4323,10 @@ watch(
@edit="imageDialog = isImageEdit = true" @edit="imageDialog = isImageEdit = true"
@update:toggle-status=" @update:toggle-status="
async () => { async () => {
if (formDataProductService.status) if (formService.status)
await triggerChangeStatus( await triggerChangeStatus(
currentIdService, currentIdService,
formDataProductService.status, formService.status,
'service', 'service',
); );
} }
@ -4545,9 +4534,9 @@ watch(
dense dense
service service
disableCode disableCode
v-model:service-code="formDataProductService.code" v-model:service-code="formService.code"
v-model:service-description="formDataProductService.detail" v-model:service-description="formService.detail"
v-model:service-name-th="formDataProductService.name" v-model:service-name-th="formService.name"
/> />
<FormServiceWork <FormServiceWork
@ -4555,7 +4544,7 @@ watch(
ref="refEditServiceWork" ref="refEditServiceWork"
v-model:work-items="workItems" v-model:work-items="workItems"
v-model:workflow="currWorkflow" v-model:workflow="currWorkflow"
:service="formDataProductService" :service="formService"
:tree-view="serviceTreeView" :tree-view="serviceTreeView"
:readonly="!infoServiceEdit" :readonly="!infoServiceEdit"
:price-display="priceDisplay" :price-display="priceDisplay"
@ -4784,8 +4773,8 @@ watch(
await fetchImageList( await fetchImageList(
dialogProductEdit ? currentIdProduct : currentIdService, dialogProductEdit ? currentIdProduct : currentIdService,
dialogProductEdit dialogProductEdit
? formDataProduct.selectedImage || '' ? formProduct.selectedImage || ''
: formDataProductService.selectedImage || '', : formService.selectedImage || '',
type, type,
); );
} }
@ -4800,14 +4789,14 @@ watch(
const id = dialogProductEdit ? currentIdProduct : currentIdService; const id = dialogProductEdit ? currentIdProduct : currentIdService;
refreshImageState = true; refreshImageState = true;
type === 'product' type === 'product'
? (formDataProduct.selectedImage = v) ? (formProduct.selectedImage = v)
: (formDataProductService.selectedImage = v); : (formService.selectedImage = v);
imageList ? (imageList.selectedImage = v) : ''; imageList ? (imageList.selectedImage = v) : '';
profileUrl = `${baseUrl}/${type}/${id}/image/${v}`; profileUrl = `${baseUrl}/${type}/${id}/image/${v}`;
if (type === 'product') { if (type === 'product') {
const { selectedImage, ...data } = prevProduct; const { selectedImage, ...data } = prevProduct;
formDataProduct = { formProduct = {
selectedImage: formDataProduct.selectedImage, selectedImage: formProduct.selectedImage,
...data, ...data,
}; };
await submitProduct(true); await submitProduct(true);
@ -4829,9 +4818,7 @@ watch(
class="justify-center flex text-bold" class="justify-center flex text-bold"
> >
{{ $t('general.image') }} {{ $t('general.image') }}
{{ {{ dialogProductEdit ? formProduct.name : formService.name }}
dialogProductEdit ? formDataProduct.name : formDataProductService.name
}}
</span> </span>
</template> </template>
<template #error> <template #error>