feat: updates ItemProposal

src/pages/Item/components/ItemProposal.vue

@@ -6,6 +6,7 @@ import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import { useSession } from 'src/composables/useSession';
 import VnLv from 'src/components/ui/VnLv.vue';
+import VnImg from 'src/components/ui/VnImg.vue';
 import { toCurrency } from 'filters/index';
 import VnStockValueDisplay from 'src/components/ui/VnStockValueDisplay.vue';
 import { useDialogPluginComponent } from 'quasar';
@@ -321,24 +322,25 @@ onUnmounted(() => {});
                                         </QTd>
                                     </QTr> -->
                         </template>
-                        <template #column-longName="{ row, value }">
+                        <template #column-longName="{ row }">
                             <!-- <QTd align="left" class="text-primary"> -->
                             <QTooltip>
                                 {{ row.id }}
                             </QTooltip>
-                            <QImg
-                                :src="`/api/Images/catalog/50x50/${row.id}/download?access_token=${token}`"
-                                spinner-color="primary"
-                                :ratio="1"
-                                height="50px"
-                                width="50px"
-                                class="image remove-bg"
-                                :alt="'asdads'"
-                            />
-                            <QBtn flat color="blue" dense>{{ value }}</QBtn>
-
+                            <!-- <QBtn flat color="blue" dense>{{ }}</QBtn> -->
+                            <p class="link">{{ row.longName }}</p>
                             <ItemDescriptorProxy :id="row.id" />
-                            <FetchedTags :item="row" :max-length="5" />
+                            <div style="display: flex">
+                                <VnImg
+                                    :id="row.id"
+                                    spinner-color="primary"
+                                    :ratio="1"
+                                    height="50px"
+                                    width="50px"
+                                    class="image remove-bg"
+                                />
+                                <FetchedTags :item="row" />
+                            </div>
                             <!-- </QTd> -->
                         </template>
                         <template #column-status="{ value }">

src/pages/Ticket/Negative/TicketLackDetail.vue

@@ -244,7 +244,7 @@ const replaceItem = () => {
                             {{ item.longName }}
                             <ItemDescriptorProxy :id="entityId" />
                         </QBtn>
-                        <FetchedTags class="q-ml-md" :item="item" :max-length="5" />
+                        <FetchedTags class="q-ml-md" :item="item" />
                     </div>
                     <!-- {{ rows }} -->
                     <!-- </template>