Merge pull request #33 from Frappet/feat/custom-installments

feat: custom installment

src/components/05_quotation/ProductItem.vue

@@ -13,6 +13,7 @@ import { useConfigStore } from 'stores/config';
 const props = defineProps<{
   readonly?: boolean;
   agentPrice: boolean;
+  installmentInput?: boolean;
   employeeRows?: {
     foreignRefNo: string;
     employeeName: string;
@@ -228,7 +229,20 @@ watch(
           flat
           bordered
           hide-pagination
-          :columns="columns"
+          :columns="
+            installmentInput
+              ? [
+                  ...columns.slice(0, 1),
+                  {
+                    name: 'periodNo',
+                    align: 'left',
+                    label: 'quotation.periodNo',
+                    field: (v) => v.product.code,
+                  },
+                  ...columns.slice(1),
+                ]
+              : columns
+          "
           :rows="item.product"
           class="full-width"
           :no-data-label="$t('general.noDataTable')"
@@ -248,6 +262,19 @@ watch(
           <template #body="props">
             <q-tr>
               <q-td class="text-center">{{ props.rowIndex + 1 }}</q-td>
+              <q-td v-if="installmentInput">
+                <q-input
+                  v-model="props.row.installmentNo"
+                  :readonly
+                  :bg-color="readonly ? 'transparent' : ''"
+                  dense
+                  min="0"
+                  outlined
+                  input-class="text-right"
+                  type="number"
+                  style="width: 60px"
+                ></q-input>
+              </q-td>
               <q-td>{{ props.row.product.code }}</q-td>
               <q-td style="width: 100%">
                 <q-avatar class="q-mr-sm" size="md">