fix: default url not show

This commit is contained in:
Methapon2001 2024-08-15 11:02:01 +07:00
parent 4d14dd22c3
commit a7683c2640
2 changed files with 8 additions and 3 deletions

View file

@ -77,8 +77,8 @@ function change(e: Event) {
</div> </div>
<div class="image-dialog-body"> <div class="image-dialog-body">
<img <img
:src="imageUrl || fallbackUrl" :src="imageUrl || defaultUrl || fallbackUrl"
v-if="imageUrl || fallbackUrl" v-if="imageUrl || defaultUrl || fallbackUrl"
class="image-container" class="image-container"
style="object-fit: contain" style="object-fit: contain"
@error="imageUrl = ''" @error="imageUrl = ''"
@ -127,7 +127,11 @@ function change(e: Event) {
:color="$q.dark.isActive ? 'grey-9' : 'grey-4'" :color="$q.dark.isActive ? 'grey-9' : 'grey-4'"
:text-color="$q.dark.isActive ? 'grey-1' : 'grey-10'" :text-color="$q.dark.isActive ? 'grey-1' : 'grey-10'"
:label="$t('cancel')" :label="$t('cancel')"
@click="inputFile && (inputFile.value = ''), (file = null)" @click="
inputFile && (inputFile.value = ''),
(imageUrl = defaultUrl || fallbackUrl || ''),
(file = null)
"
class="q-px-md q-mr-sm" class="q-px-md q-mr-sm"
v-close-popup v-close-popup
/> />

View file

@ -2498,6 +2498,7 @@ const emptyCreateDialog = ref(false);
v-model:dialog-state="customerFormState.imageDialog" v-model:dialog-state="customerFormState.imageDialog"
v-model:file="customerFormData.image" v-model:file="customerFormData.image"
v-model:image-url="customerFormState.customerImageUrl" v-model:image-url="customerFormState.customerImageUrl"
:default-url="customerFormState.defaultCustomerImageUrl"
clear-button clear-button
@save=" @save="
async (v) => { async (v) => {