refactor(04): empty value show '-'

This commit is contained in:
puriphatt 2024-08-16 17:08:38 +07:00
parent 0381addb86
commit c1a8e18429
2 changed files with 19 additions and 9 deletions

View file

@ -150,6 +150,7 @@ const branchFilter = selectFilterOptionRefMod(
class="col-6" class="col-6"
:label="$t('productName')" :label="$t('productName')"
v-model="name" v-model="name"
:rules="[(val: string) => !!val]"
/> />
<q-input <q-input
lazy-rules="ondemand" lazy-rules="ondemand"
@ -190,7 +191,10 @@ const branchFilter = selectFilterOptionRefMod(
> >
<q-editor <q-editor
dense dense
v-model="detail" :model-value="readonly ? detail || '-' : detail"
@update:model-value="
(v) => (typeof v === 'string' ? (detail = v) : '')
"
min-height="5rem" min-height="5rem"
class="full-width q-mt-sm q-mb-xs" class="full-width q-mt-sm q-mb-xs"
:flat="!readonly" :flat="!readonly"
@ -218,7 +222,8 @@ const branchFilter = selectFilterOptionRefMod(
type="textarea" type="textarea"
class="col-12" class="col-12"
:label="$t('formDialogInputRemark')" :label="$t('formDialogInputRemark')"
v-model="remark" :model-value="readonly ? remark || '-' : remark"
@update:model-value="(v) => (typeof v === 'string' ? (remark = v) : '')"
/> />
</div> </div>
</div> </div>

View file

@ -99,7 +99,8 @@ const serviceCodeFilter = selectFilterOptionRefMod(
type="textarea" type="textarea"
class="col-12" class="col-12"
:label="$t('detail')" :label="$t('detail')"
v-model="detail" :model-value="readonly ? detail || '-' : detail"
@update:model-value="(v) => (typeof v === 'string' ? (detail = v) : '')"
:for="`input-detail`" :for="`input-detail`"
/> />
<q-input <q-input
@ -111,13 +112,14 @@ const serviceCodeFilter = selectFilterOptionRefMod(
type="textarea" type="textarea"
class="col-12" class="col-12"
:label="$t('formDialogInputRemark')" :label="$t('formDialogInputRemark')"
v-model="remark" :model-value="readonly ? remark || '-' : remark"
@update:model-value="(v) => (typeof v === 'string' ? (remark = v) : '')"
:for="`input-remark`" :for="`input-remark`"
/> />
</div> </div>
<div v-if="service" class="col-12 row q-col-gutter-sm"> <div v-if="service" class="col-12 row q-col-gutter-sm">
<q-select <!-- <q-select
outlined outlined
clearable clearable
use-input use-input
@ -149,8 +151,8 @@ const serviceCodeFilter = selectFilterOptionRefMod(
</q-item-section> </q-item-section>
</q-item> </q-item>
</template> </template>
</q-select> </q-select> -->
<!-- <q-input <q-input
lazy-rules="ondemand" lazy-rules="ondemand"
id="input-service-code" id="input-service-code"
for="input-service-code" for="input-service-code"
@ -163,7 +165,7 @@ const serviceCodeFilter = selectFilterOptionRefMod(
:label="$t('serviceCode')" :label="$t('serviceCode')"
v-model="serviceCode" v-model="serviceCode"
:rules="[(val: string) => !!val || $t('pleaseInformation')]" :rules="[(val: string) => !!val || $t('pleaseInformation')]"
/> --> />
<q-select <q-select
outlined outlined
@ -229,7 +231,10 @@ const serviceCodeFilter = selectFilterOptionRefMod(
type="textarea" type="textarea"
class="col-12" class="col-12"
:label="$t('detail')" :label="$t('detail')"
v-model="serviceDescription" :model-value="readonly ? serviceDescription || '-' : serviceDescription"
@update:model-value="
(v) => (typeof v === 'string' ? (serviceDescription = v) : '')
"
/> />
</div> </div>
</div> </div>