Modify dimensions of the order to be invoiced table (#1087)

* Modify dimensions of the order to be invoiced table

* add traslate

Co-authored-by: elsiosanchez <elsiossanches@gmail.com>

src/components/ADempiere/Form/VPOS/OrderList/fastOrder.vue

@@ -18,12 +18,12 @@
 <template>
   <el-popover
     placement="bottom"
-    width="700"
+    width="1010"
     trigger="click"
   >
     <el-container>
       <el-header style="height: 2%;">
-        <p style="text-align: center;"> <b> Pedidos Vendedor de Pasillo por Facturar </b></p>
+        <p style="text-align: center;"> <b> {{ $t('form.byInvoice.title') }} </b></p>
         <el-form label-position="top" :inline="true" class="demo-form-inline" @submit.native.prevent="notSubmitForm">
           <el-form-item label="No. del Documento">
             <el-input v-model="input" placeholder="Please input" @change="listOrdersInvoiced" />
@@ -52,11 +52,35 @@
         >
           <el-table-column
             prop="documentNo"
-            label="Nro. Documento"
+            :label="$t('form.byInvoice.documentNo')"
             width="130"
           />
           <el-table-column
-            label="Estado"
+            label="Fecha de Orden"
+            width="135"
+          >
+            <template slot-scope="scope">
+              {{ formatDate(scope.row.dateOrdered) }}
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            :label="$t('form.byInvoice.businessPartner')"
+            min-width="150"
+          >
+            <template slot-scope="scope">
+              {{ scope.row.businessPartner.name }}
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="salesRepresentative.name"
+            :label="$t('form.byInvoice.salesRepresentative')"
+            min-width="170"
+          />
+
+          <el-table-column
+            :label="$t('table.status')"
             width="100"
           >
             <template slot-scope="scope">
@@ -69,30 +93,7 @@
           </el-table-column>
 
           <el-table-column
-            prop="salesRepresentative.name"
+            :label="$t('form.productInfo.grandTotal')"
-            label="Agente Comercial"
-            min-width="170"
-          />
-
-          <el-table-column
-            label="Socio de Negocio"
-            min-width="150"
-          >
-            <template slot-scope="scope">
-              {{ scope.row.businessPartner.name }}
-            </template>
-          </el-table-column>
-
-          <el-table-column
-            label="Fecha de Orden"
-            width="135"
-          >
-            <template slot-scope="scope">
-              {{ formatDate(scope.row.dateOrdered) }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="Total General"
             align="right"
             width="120"
           >
@@ -112,9 +113,9 @@
         />
       </el-footer>
     </el-container>
-    <el-button slot="reference" type="text" style="color: black;margin-left: 5%;margin-top: 15%;font-size: 15px;" @click="openPopover = !openPopover">
+    <el-button slot="reference" type="primary" plain style="margin-left: 5%;margin-top: 15%;font-size: 15px;" @click="openPopover = !openPopover">
       <svg-icon icon-class="tree-table" />
-      <b> Por Facturar </b>
+      <b> {{ $t('form.byInvoice.label') }} </b>
     </el-button>
   </el-popover>
 </template>

src/lang/ADempiere/en.js

@@ -523,6 +523,13 @@ export default {
       productNotFound: 'Unavailable Product',
       basePrice: 'Base price'
     },
+    byInvoice: {
+      title: 'Aisle Vendor Orders to be Invoiced',
+      label: 'To be invoiced',
+      salesRepresentative: 'Sales Agent',
+      businessPartner: 'Business Partner',
+      documentNo: 'Document No.'
+    },
     productInfo: {
       product: 'Product',
       codeProduct: 'Códe Product',

src/lang/ADempiere/es.js

@@ -499,6 +499,13 @@ export default {
       productNotFound: 'Producto No Disponible',
       basePrice: 'Precio Base'
     },
+    byInvoice: {
+      title: 'Pedidos Vendedor de Pasillo por Facturar',
+      label: 'Por Facturar',
+      salesRepresentative: 'Agente Comercial',
+      businessPartner: 'Socio de Negocio',
+      documentNo: 'Nro. Documento'
+    },
     productInfo: {
       product: 'Producto',
       codeProduct: 'Código de Producto',