feat: header itemProposal dialog

src/pages/Item/components/ItemProposal.vue

@@ -3,8 +3,10 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnPaginate from 'components/ui/VnPaginate.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+import { useSession } from 'src/composables/useSession';
 
 const { t } = useI18n();
+const session = useSession();
 
 const $props = defineProps({
     item: {
@@ -14,6 +16,7 @@ const $props = defineProps({
 });
 const proposalSelected = ref([]);
 const quantity = ref(-1);
+const token = session.getTokenMultimedia();
 
 const showProposalDialog = ref(false);
 const defaultColumnAttrs = {
@@ -138,10 +141,23 @@ async function confirm() {
     <QDialog ref="dialogRef" @hide="onDialogHide" v-model="showProposalDialog" full-width>
         <QCard class="q-pa-lg">
             <QCardSection class="row items-center q-pb-none">
-                <span class="text-h6 text-grey">{{ t('proposal.title') }}</span>
+                <QImg
+                    :src="`/api/Images/catalog/50x50/${item.itemFk}/download?access_token=${token}`"
+                    spinner-color="primary"
+                    :ratio="1"
+                    height="50px"
+                    width="50px"
+                    class="image remove-bg"
+                    :alt="'asdads'"
+                />
+
+                <span class="text-h6">{{ item.longName }}</span>
                 <QSpace />
                 <QBtn icon="close" flat round dense v-close-popup />
             </QCardSection>
+            <QCardSection class="row items-center justify-center column items-stretch">
+                <span class="text-h6 text-grey">{{ t('proposal.title') }}</span>
+            </QCardSection>
             <QCardSection class="row items-center justify-center column items-stretch">
                 <VnPaginate
                     data-key="ItemsGetSimilar"