verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 67 Releases Wiki Activity

perf: replace ItemPicture in favour of VnImg
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2024-06-25 12:39:21 +02:00
parent 0c42bba779
commit 1eaa0c9ce2
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ui/VnImg.vue
View File

@ -17,7 +17,7 @@ const $props = defineProps({
}, },
zoomSize: { zoomSize: {
type: String, type: String,
required: true, required: false,
default: 'lg', default: 'lg',
}, },
id: { id: {
@ -57,6 +57,7 @@ onMounted(() => {});
<style lang="scss" scoped> <style lang="scss" scoped>
.q-img { .q-img {
cursor: zoom-in; cursor: zoom-in;
min-width: 50px;
} }
.rounded { .rounded {
border-radius: 50%; border-radius: 50%;

12
src/pages/Ticket/Card/TicketSale.vue
View File

@ -9,14 +9,14 @@ import VnInput from 'src/components/common/VnInput.vue';
import VnSelect from 'src/components/common/VnSelect.vue'; import VnSelect from 'src/components/common/VnSelect.vue';
import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue'; import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
import TicketEditManaProxy from './TicketEditMana.vue'; import TicketEditManaProxy from './TicketEditMana.vue';
import ItemPicture from 'src/components/ui/ItemPicture.vue'; import VnImg from 'src/components/ui/VnImg.vue';
import RightMenu from 'src/components/common/RightMenu.vue'; import RightMenu from 'src/components/common/RightMenu.vue';
import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue'; import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
import TicketSaleMoreActions from './TicketSaleMoreActions.vue'; import TicketSaleMoreActions from './TicketSaleMoreActions.vue';
import TicketTransfer from './TicketTransfer.vue'; import TicketTransfer from './TicketTransfer.vue';
import { useStateStore } from 'stores/useStateStore'; import { useStateStore } from 'stores/useStateStore';
import { useSession } from 'composables/useSession';
import { toCurrency, toPercentage, dashIfEmpty } from 'src/filters'; import { toCurrency, toPercentage, dashIfEmpty } from 'src/filters';
import { useArrayData } from 'composables/useArrayData'; import { useArrayData } from 'composables/useArrayData';
import { useVnConfirm } from 'composables/useVnConfirm'; import { useVnConfirm } from 'composables/useVnConfirm';
@ -25,8 +25,6 @@ import axios from 'axios';
const route = useRoute(); const route = useRoute();
const router = useRouter(); const router = useRouter();
const { getTokenMultimedia } = useSession();
const token = getTokenMultimedia();
const stateStore = useStateStore(); const stateStore = useStateStore();
const { t } = useI18n(); const { t } = useI18n();
const { notify } = useNotify(); const { notify } = useNotify();
@ -607,9 +605,9 @@ onUnmounted(() => (stateStore.rightDrawer = false));
</template> </template>
<template #body-cell-picture="{ row }"> <template #body-cell-picture="{ row }">
<QTd> <QTd>
<ItemPicture <div class="image-wrapper">
:url="`/api/Images/catalog/50x50/${row.itemFk}/download?access_token=${token}`" <VnImg :id="row.itemFk" class="rounded" />
/> </div>
</QTd> </QTd>
</template> </template>
<template #body-cell-visible="{ row }"> <template #body-cell-visible="{ row }">