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

refactor(04): service work product img

Browse source
This commit is contained in:
puriphatt 2024-08-15 11:46:26 +07:00
parent 86490fa984
commit e633b2b7eb
1 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/04_product-service/WorkManagementComponent.vue
View file

@ -6,7 +6,9 @@ import useProductServiceStore from 'stores/product-service';
import useOptionStore from 'stores/options';
import { Attributes, ProductList } from 'stores/product-service/types';
import { storeToRefs } from 'pinia';
import { ref } from 'vue';
const baseUrl = ref<string>(import.meta.env.VITE_API_BASE_URL);
const productServiceStore = useProductServiceStore();
const optionStore = useOptionStore();
@ -184,7 +186,7 @@ defineEmits<{
<div class="q-py-md q-px-md full-width">
<div
v-if="attributes.additional.length > 0"
class="row items-center full-width surface-1 q-py-md q-px-sm q-gutter-sm"
class="row items-center full-width surface-1 q-pb-md q-pt-sm q-px-sm q-gutter-sm"
>
<div
v-for="(p, index) in attributes.additional"
@ -269,9 +271,17 @@ defineEmits<{
<div class="row no-wrap">
<div class="bordered q-mx-md col-3 image-box">
<q-img
src="blank-image.png"
:src="`${baseUrl}/product/${product?.id}/image?ts=${Date.now()}`"
style="object-fit: cover; width: 100%; height: 100%"
></q-img>
>
<template #error>
<div
class="surface-3 full-width full-height no-padding"
>
<q-img src="blank-image.png"></q-img>
</div>
</template>
</q-img>
</div>
<div class="column col justify-between">
<span
@ -356,6 +366,7 @@ defineEmits<{
border-color: var(--teal-9);
border-radius: 10px;
background-color: var(--surface-3);
overflow: hidden;
}
:deep(i.q-icon.mdi.mdi-chevron-down-circle.q-expansion-item__toggle-icon) {