fix: แก้ ชื่อตัวเเปร
This commit is contained in:
parent
18bbe3ad17
commit
7bbdc810a8
1 changed files with 11 additions and 11 deletions
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue