feat: debit note (#172)

* feat: new file * feat: function api debit * feat: add route debit * feat: new form page * refactor: show menu debit * refactor: add type debit note status * feat: add i18n * feat: add constants * feat: add stores * feat: layout * feat: add function * refactor: change name value * feat: form select quotation * refactor: change name url * refactor: use form debit * refactor: change src import * refactor: move file form debit * refactor: add i18n * feat: add type debit note * refactor: add columns * refactor: bind value columns * refactor: change name Table * refactor: edit type * refactor: bind type debit note * refactor: bind value debit * refactor: chame name function * fix: calculate page * refactor: delete table * refactor: change name get list * refactor: change i18n * refactor: change name value * refactor: bind navigate and trigger delete * refactor: format number deciml * refactor: add i18n * feat: new page * refactor: add color debit * feat: Debit tab #178 * feat: TableRequest * refactor: edit type pay condition * refactor: add i18n btn submit * refactor: use type enum * feat: edit layout product expansion * refactor: bind function * refactor: show code * feat: add input search and select status * feat: paymentform * refactor: edit type * refactor: add manage file and edit end point * feat: add form.ts * refactor: send mode * refactor: edit v-model of due date * feat: submit create debit * fix: status * refactor: handle data not allow * fix: call updateDebitNote in edit mode and simplify payload handling * refactor: hide edit * refactor: handle pay condition only full * refactor: delete pay split * refactor: add query * refactor: handle is debit note * refactor: handle is quotation * refactor: add props hide * refactor: tap payment and receipt * refactor: add i18n * feat: view document * refactor: handle btn view doc * refactor: use my remark --------- Co-authored-by: Thanaphon Frappet <thanaphon@frappet.com> Co-authored-by: nwpptrs <jay02499@gmail.com> Co-authored-by: aif912752 <siripak@chamomind.com>
2025-01-27 09:04:08 +07:00 · 2025-01-27 09:04:08 +07:00 · 79240f53b0
commit 79240f53b0
parent e3c781f857
32 changed files with 4172 additions and 12 deletions
--- a/src/pages/12_debit-note/TableDebitNote.vue
+++ b/src/pages/12_debit-note/TableDebitNote.vue
@ -0,0 +1,95 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { storeToRefs } from 'pinia';
+import { QTableSlots } from 'quasar';
+import { DebitNote, useDebitNote } from 'src/stores/debit-note';
+
+import { columns } from './constants.ts';
+import KebabAction from 'src/components/shared/KebabAction.vue';
+
+const debitNote = useDebitNote();
+const { data, page, pageSize } = storeToRefs(debitNote);
+
+const prop = defineProps<{ grid: boolean; visibleColumns: string[] }>();
+defineEmits<{ (evt: 'view' | 'delete' | 'edit', val: DebitNote): void }>();
+
+const visible = computed(() =>
+  columns.filter(
+    (v) => prop.visibleColumns.includes(v.name) || v.name === '#action',
+  ),
+);
+</script>
+<template>
+  <q-table
+    :rows-per-page-options="[0]"
+    :rows="
+      data.map((item, i) => ({
+        ...item,
+        _index: i,
+        _page: page,
+        _pageSize: pageSize,
+      }))
+    "
+    :columns="visible"
+    :grid
+    hide-bottom
+    bordered
+    flat
+    hide-pagination
+    selection="multiple"
+    card-container-class="q-col-gutter-sm"
+    class="full-width"
+  >
+    <template v-slot:header="props">
+      <q-tr
+        style="background-color: hsla(var(--info-bg) / 0.07)"
+        :props="props"
+      >
+        <q-th v-for="col in visible" :key="col.name" :props="props">
+          <template v-if="!col.name.startsWith('#')">
+            {{ $t(col.label) }}
+          </template>
+        </q-th>
+      </q-tr>
+    </template>
+
+    <template
+      v-slot:body="props: {
+        row: DebitNote & { _index: number; _page: number; _pageSize: number };
+      } & Omit<Parameters<QTableSlots['body']>[0], 'row'>"
+    >
+      <q-tr :class="{ dark: $q.dark.isActive }" class="text-center">
+        <q-td v-for="col in visible" :align="col.align">
+          <!-- NOTE: custom column will starts with # -->
+          <template v-if="!col.name.startsWith('#')">
+            <span v-if="col.name !== 'quotationPayment'">
+              {{
+                typeof col.field === 'string'
+                  ? props.row[col.field as keyof DebitNote]
+                  : col.field(props.row)
+              }}
+            </span>
+
+            <span v-if="col.name === 'quotationPayment'">
+              {{ $t(`quotation.type.${col.field(props.row)}`) }}
+            </span>
+          </template>
+
+          <template v-if="col.name === '#action'">
+            <KebabAction
+              hide-toggle
+              hide-edit
+              @edit="$emit('edit', props.row)"
+              @delete="$emit('delete', props.row)"
+              @view="$emit('view', props.row)"
+            />
+          </template>
+        </q-td>
+      </q-tr>
+    </template>
+
+    <template v-slot:item="props: { row: DebitNote }">
+      <slot name="grid" :item="props" />
+    </template>
+  </q-table>
+</template>