fix: แก้ ชื่อตัวเเปร

This commit is contained in:
Net 2024-06-11 14:20:58 +07:00
parent 18bbe3ad17
commit 7bbdc810a8

View file

@ -44,7 +44,7 @@ const inputSearch = ref<string>('');
const drawerInfo = ref<boolean>(false); const drawerInfo = ref<boolean>(false);
const isEdit = ref<boolean>(false); const isEdit = ref<boolean>(false);
const dialogInputForm = ref<boolean>(false); const dialogInputForm = ref<boolean>(false);
const isViewDetailGroup = ref<boolean>(false); const isType = ref<boolean>(false);
const groupName = ref<string>('test'); const groupName = ref<string>('test');
const formData = ref({ const formData = ref({
@ -80,13 +80,13 @@ async function deleteProductById() {
<template> <template>
<div v class="column q-pb-lg"> <div v class="column q-pb-lg">
<div v-if="isViewDetailGroup" class="row items-center q-mb-md"> <div v-if="isType" class="row items-center q-mb-md">
<q-btn <q-btn
round round
icon="mdi-arrow-left" icon="mdi-arrow-left"
flat flat
dense dense
@click="isViewDetailGroup = false" @click="isType = false"
class="q-mr-md" class="q-mr-md"
/> />
<div class="text-h6 text-weight-bold"> <div class="text-h6 text-weight-bold">
@ -105,7 +105,7 @@ async function deleteProductById() {
</AppBox> </AppBox>
<AppBox bordered style="min-height: 80vh"> <AppBox bordered style="min-height: 80vh">
<div class="row justify-between"> <div class="row justify-between">
<div v-if="isViewDetailGroup" class="text-h6 text-weight-bold q-mb-md"> <div v-if="isType" class="text-h6 text-weight-bold q-mb-md">
{{ $t('ProductAndServiceType') }} {{ $t('ProductAndServiceType') }}
</div> </div>
<div v-else class="text-h6 text-weight-bold q-mb-md"> <div v-else class="text-h6 text-weight-bold q-mb-md">
@ -161,11 +161,11 @@ async function deleteProductById() {
<div class="row q-col-gutter-lg"> <div class="row q-col-gutter-lg">
<div <div
:class="`${$q.screen.gt.sm ? 'col-3' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`" :class="`${$q.screen.gt.sm ? 'col-3' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`"
v-for="i in isViewDetailGroup ? 4 : 6" v-for="i in isType ? 4 : 6"
:key="i" :key="i"
> >
<ProductCardComponent <ProductCardComponent
v-if="isViewDetailGroup" v-if="isType"
:title="cardTypeData.title" :title="cardTypeData.title"
:subtitle="cardTypeData.subtitle" :subtitle="cardTypeData.subtitle"
:date="cardTypeData.date" :date="cardTypeData.date"
@ -182,14 +182,14 @@ async function deleteProductById() {
:status="cardData.status" :status="cardData.status"
:color="cardData.color" :color="cardData.color"
@view-detail="drawerInfo = true" @view-detail="drawerInfo = true"
@on-click="isViewDetailGroup = true" @on-click="isType = true"
/> />
</div> </div>
<div <div
:class="`${$q.screen.gt.sm ? 'col-3' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`" :class="`${$q.screen.gt.sm ? 'col-3' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`"
> >
<NewProductCardCompoent <NewProductCardCompoent
v-if="isViewDetailGroup" v-if="isType"
:label="$t('ProductAndServiceType')" :label="$t('ProductAndServiceType')"
:isType="true" :isType="true"
@on-click="() => (dialogInputForm = true)" @on-click="() => (dialogInputForm = true)"
@ -219,7 +219,7 @@ async function deleteProductById() {
<template #information> <template #information>
<BasicInformation <BasicInformation
dense dense
:isType="isViewDetailGroup" :isType="isType"
v-model:remark="formData.remark" v-model:remark="formData.remark"
v-model:name="formData.name" v-model:name="formData.name"
v-model:code="formData.code" v-model:code="formData.code"
@ -235,7 +235,7 @@ async function deleteProductById() {
:undo="() => (isEdit = false)" :undo="() => (isEdit = false)"
:isEdit="isEdit" :isEdit="isEdit"
:editData="() => (isEdit = true)" :editData="() => (isEdit = true)"
:submit="() => (isViewDetailGroup ? submitGroup() : submitType())" :submit="() => (isType ? submitType() : submitGroup())"
:delete-data="() => deleteProductById()" :delete-data="() => deleteProductById()"
:close="() => (drawerInfo = false)" :close="() => (drawerInfo = false)"
> >
@ -243,7 +243,7 @@ async function deleteProductById() {
<AppBox class="q-ma-md" bordered> <AppBox class="q-ma-md" bordered>
<BasicInformation <BasicInformation
dense dense
:isType="isViewDetailGroup" :isType="isType"
:readonly="!isEdit" :readonly="!isEdit"
v-model:remark="formData.remark" v-model:remark="formData.remark"
v-model:name="formData.name" v-model:name="formData.name"