feat: refs #7346 #7346 improve form

src/i18n/locale/en.yml

@@ -1154,6 +1154,7 @@ components:
         clone: Clone
         openCard: View
         openSummary: Summary
+        viewSummary: Summary
     cardDescriptor:
         mainList: Main list
         summary: Summary

src/pages/InvoiceOut/InvoiceOutList.vue

@@ -6,8 +6,8 @@ import VnInputDate from 'src/components/common/VnInputDate.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-import { usePrintService } from 'composables/usePrintService';
-import VnTable from 'components/VnTable/VnTable.vue';
+import { usePrintService } from 'src/composables/usePrintService';
+import VnTable from 'src/components/VnTable/VnTable.vue';
 import InvoiceOutSummary from './Card/InvoiceOutSummary.vue';
 import { toCurrency, toDate } from 'src/filters/index';
 import { useStateStore } from 'stores/useStateStore';
@@ -133,6 +133,7 @@ const columns = computed(() => [
             {
                 title: t('components.smartCard.viewSummary'),
                 icon: 'preview',
+                isPrimary: true,
                 action: (row) => viewSummary(row.id, InvoiceOutSummary),
             },
             {
@@ -230,8 +231,8 @@ watchEffect(selectedRows);
             </span>
         </template>
         <template #more-create-dialog="{ data }">
-            <div class="row q-col-gutter-md">
-                <div class="col-12">
+            <div class="row q-col-gutter-md" style="grid-column-start: div 0">
+                <div class="col-12" style="display: flex">
                     <VnSelect
                         url="Tickets"
                         v-model="data.ticketFk"
@@ -250,14 +251,17 @@ watchEffect(selectedRows);
                             </QItem>
                         </template>
                     </VnSelect>
-                </div>
+                    <!-- </div>
             </div>
             <div class="row q-col-gutter-md">
-                <div class="col-12">
+                <div class="col-12"> -->
                     <span class="q-ml-md q-mt-md">O</span>
                 </div>
             </div>
-            <div class="row q-col-gutter-md">
+            <div
+                class="row q-col-gutter-md"
+                style="border: 1px solid grey; padding-right: 10px; padding-bottom: 10px"
+            >
                 <div class="col-12">
                     <VnSelect
                         url="Clients"
@@ -269,8 +273,8 @@ watchEffect(selectedRows);
                         @update:model-value="fetchClientAddress"
                     />
                 </div>
-            </div>
-            <div class="row q-col-gutter-md">
+                <!-- </div>
+            <div class="row q-col-gutter-md"> -->
                 <div class="col-12">
                     <VnSelect
                         v-model="data.addressFk"
@@ -284,6 +288,7 @@ watchEffect(selectedRows);
             </div>
 
             <VnSelect
+                style="grid-row: 2; margin-top: 10px"
                 url="InvoiceOutSerials"
                 v-model="data.serial"
                 :label="t('invoiceOutList.tableVisibleColumns.invoiceOutSerial')"
@@ -296,6 +301,7 @@ watchEffect(selectedRows);
                 v-model="data.maxShipped"
             />
             <VnSelect
+                style="grid-row: 3; margin-top: 10px"
                 url="TaxAreas"
                 v-model="data.taxArea"
                 :label="t('invoiceOutList.tableVisibleColumns.taxArea')"
@@ -312,14 +318,17 @@ watchEffect(selectedRows);
 </template>
 <i18n>
     en:
-    searchInvoice: Search issued invoice
-    fileDenied: Browser denied file download...
-    fileAllowed: Successful download of CSV file
-    youCanSearchByInvoiceReference: You can search by invoice reference
-    createInvoice: Make invoice Create manual invoice: Create manual invoice
+        searchInvoice: Search issued invoice
+        fileDenied: Browser denied file download...
+        fileAllowed: Successful download of CSV file
+        youCanSearchByInvoiceReference: You can search by invoice reference
+        createInvoice: Make invoice
+        Create manual invoice: Create manual invoice
     es:
-    searchInvoice: Buscar factura emitida fileDenied: El navegador denegó la
-    descarga de archivos... fileAllowed: Descarga exitosa de archivo CSV
-    youCanSearchByInvoiceReference: Puedes buscar por referencia de la factura
-    createInvoice: Crear factura Create manual invoice: Crear factura manual
+        searchInvoice: Buscar factura emitida
+        fileDenied: El navegador denegó la descarga de archivos...
+        fileAllowed: Descarga exitosa de archivo CSV
+        youCanSearchByInvoiceReference: Puedes buscar por referencia de la factura
+        createInvoice: Crear factura
+        Create manual invoice: Crear factura manual
 </i18n>