src/pages/Item/components/ItemProposal.vue

@@ -2,6 +2,7 @@
 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';
 
 const { t } = useI18n();
 
@@ -11,6 +12,8 @@ const $props = defineProps({
         default: () => {},
     },
 });
+const proposalSelected = ref([]);
+
 const showProposalDialog = ref(false);
 const defaultColumnAttrs = {
     align: 'left',
@@ -46,7 +49,8 @@ const columns = computed(() => [
         field: statusConditionalValue,
     },
     {
-        ...defaultColumnAttrs,
+        align: 'center',
+        sortable: true,
         label: t('proposal.longName'),
         name: 'longName',
         field: 'longName',
@@ -116,9 +120,7 @@ const columns = computed(() => [
     <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('negative.modalOrigin.title')
-                }}</span>
+                <span class="text-h6 text-grey">{{ t('proposal.title') }}</span>
                 <QSpace />
                 <QBtn icon="close" flat round dense v-close-popup />
             </QCardSection>
@@ -139,10 +141,11 @@ const columns = computed(() => [
                             :rows="rows"
                             :columns="columns"
                             row-key="id"
-                            selection="multiple"
+                            selection="single"
                             :pagination="{ rowsPerPage: 0 }"
                             class="full-width q-mt-md"
                             :no-data-label="t('globals.noResults')"
+                            v-model:selected="proposalSelected"
                             :dense="$q.screen.lt.md"
                             flat
                             :grid="$q.screen.lt.md"
@@ -169,7 +172,12 @@ const columns = computed(() => [
                                     </QTd>
                                 </QTr>
                             </template>
-
+                            <template #body-cell-longName="{ row, value }">
+                                <QTd align="right" class="text-primary">
+                                    <QBtn flat color="blue" dense>{{ value }}</QBtn>
+                                    <ItemDescriptorProxy :id="row.id" />
+                                </QTd>
+                            </template>
                             <template #body-cell-status="{ value }">
                                 <QTd class="col" align="center">
                                     <div
@@ -177,7 +185,9 @@ const columns = computed(() => [
                                         style="height: 10px"
                                     ></div>
                                 </QTd>
-                            </template> </QTable></template></VnPaginate
+                            </template>
+                        </QTable>
+                    </template> </VnPaginate
             ></QCardSection>
         </QCard>
     </QDialog>

src/pages/Item/locale/en.yml

@@ -79,6 +79,7 @@ itemTags:
     value: Value
     relevancy: Relevancy
 proposal:
+    title: Items proposal
     itemFk: Item
     longName: Name
     subName: Producer

src/pages/Item/locale/es.yml

@@ -79,6 +79,7 @@ itemTags:
     value: Valor
     relevancy: Relevancia
 proposal:
+    title: Items de sustitución
     itemFk: Item
     longName: Nombre
     subName: Productor

src/pages/Ticket/locale/en.yml

@@ -40,3 +40,11 @@ negative:
         peticionCompra: 'Ticket request'
         isRookie: 'Is rookie'
         turno: 'Turn line'
+        showFree: Show Free lines
+        modal:
+            changeState:
+                title: Update tickets state
+                placeholder: New state
+            changeQuantity:
+                title: Update tickets quantity
+                placeholder: New quantity