feat: credit note (#171)

* feat: add main page credit note

* feat: enable credit note route and update menu item states

* refactor: add i18n

* refactor: edit i18n status

* feat: add action column

* feat: add empty form page

* feat: add get data

* feat: add type credit note status

* refactor: add type name en

* refactor: add type credit note status in type credit note

* feat: add hsla colors

* refactor: add slot grid

* refactor: handle  hide kebab edit show only tab tssued

* feat: show grid card

* feat: i18n

* feat: add credit note form and dialog

* refactor: add props hide kebab deelete

* refactor: hide kebab

* style: update color segments to indigo theme

* feat: i18n

* fix: update labels for credit note fields

* refactor: add type

* feat: new select quotation

* refactor: use new select quotation

* feat: navigate to

* refactor: function trigger and navigate to

* feat: i18n bank

* feat: add payment expansion component and integrate into credit note form

* refactor: bind i18n pay condition

* refactor: navigate to get quotation id

* feat: i18n

* fix: update label for createdBy field in credit note form

* feat: add credit note information expansion component

* feat: add Credit Note expansion component and update form layout

* refactor: bind quotation id and send

* refactor: deelete duplicate type

* refactor: show state button

* refactor: handle show status

* feat: add function update payback status

* feat: add return and canceled reasons to credit note translations

* feat: enhance SelectReadyRequestWork component with credit note handling and fetch parameters

* feat: type

* feat: add status handling and optional display for employee table

* refactor: rename selectedQuotationId to quotationId in FormCredit component

* feat: set default opened state for CreditNoteExpansion and add reason options

* feat: update PaymentExpansion to handle payback type selection and clear fields for cash payments

* feat: enhance ProductExpansion to support credit note handling and adjust price calculations

* feat: implement product handling and price calculation in CreditNote form

* feat: add manage attachment function to store

* refactor: bind delete credit note

* feat: add credit note status and reference fields to types

* refactor: update task step handling and simplify request work structure in credit note form

* feat: add navigation to quotation from credit note form

* feat: enhance upload section layout based on file data

* feat: add readonly functionality to credit note form and related components

* refactor: remove console log

* feat: update i18n

* style: add rounded corners to complete view container in quotation form

* feat: add RefundInformation component and update credit note form status handling

* feat: i18n

* feat: update payback status endpoint and add paybackStatus to CreditNote type

* feat: enhance QuotationFormReceipt component with optional props and slot support

* feat: integrate payback status handling in RefundInformation and FormPage components

* feat: add external file group

* feat: update API endpoint paths for credit note operations

* feat: improve layout and styling in UploadFile components

* feat: implement file upload and management in Credit Note

* refactor: update upload to check if it is redirect or not

* feat: upload file slips

* feat: add payback date dispaly

* refactor: change module no

* fix: icon link to main page instead

* feat: add file dialog with image download functionality

* fix: view slip

* feat: add download button to image viewer

* feat: handle after submit

* feat: conditionally render bank transfer information

* feat: handle upload file on create

* feat: handle change payback status

* feat: payback type in credit note form

* fix: correct reference to quotation data in goToQuotation function

---------

Co-authored-by: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Co-authored-by: puriphatt <puriphat@frappet.com>
Co-authored-by: Thanaphon Frappet <thanaphon@frappet.com>

src/pages/09_task-order/expansion/AdditionalFileExpansion.vue

@@ -19,6 +19,7 @@ const fileData = defineModel<
     loaded: number;
     total: number;
     url?: string;
+    placeholder?: boolean;
   }[]
 >('fileData', { default: [] });
 </script>

src/pages/09_task-order/expansion/ProductExpansion.vue

@@ -26,12 +26,14 @@ const taskProduct = defineModel<{ productId: string; discount?: number }[]>(
   },
 );
 
-defineProps<{
+const props = defineProps<{
   readonly?: boolean;
+  agentPrice?: boolean;
   taskList: {
     product: RequestWork['productService']['product'];
     list: RequestWork[];
   }[];
+  creditNote?: boolean;
 }>();
 
 defineEmits<{
@@ -55,15 +57,28 @@ function openList(index: number) {
 
 function calcPricePerUnit(product: RequestWork['productService']['product']) {
   return product.vatIncluded
-    ? product.serviceCharge / (1 + (config.value?.vat || 0.07))
-    : product.serviceCharge;
+    ? (props.creditNote
+        ? props.agentPrice
+          ? product.agentPrice
+          : product.price
+        : product.serviceCharge) /
+        (1 + (config.value?.vat || 0.07))
+    : props.creditNote
+      ? props.agentPrice
+        ? product.agentPrice
+        : product.price
+      : product.serviceCharge;
 }
 
 function calcPrice(
   product: RequestWork['productService']['product'],
   amount: number,
 ) {
-  const pricePerUnit = product.serviceCharge;
+  const pricePerUnit = props.creditNote
+    ? props.agentPrice
+      ? product.agentPrice
+      : product.price
+    : product.serviceCharge;
   const discount =
     taskProduct.value.find((v) => v.productId === product.id)?.discount || 0;
   const priceNoVat = product.vatIncluded
@@ -102,7 +117,16 @@ function calcPrice(
 
     <main class="q-px-md q-py-sm surface-1">
       <q-table
-        :columns="productColumn"
+        :columns="
+          creditNote
+            ? productColumn.filter(
+                (v) =>
+                  v.name !== 'discount' &&
+                  v.name !== 'priceBeforeVat' &&
+                  v.name !== 'vat',
+              )
+            : productColumn
+        "
         :rows="taskList"
         bordered
         flat
@@ -174,7 +198,7 @@ function calcPrice(
               }}
             </q-td>
             <!-- TODO: display price detail -->
-            <q-td align="center">
+            <q-td align="center" v-if="!creditNote">
               <q-input
                 :readonly
                 :bg-color="readonly ? 'transparent' : ''"
@@ -213,11 +237,11 @@ function calcPrice(
               />
             </q-td>
             <!-- before vat -->
-            <q-td class="text-right">
+            <q-td class="text-right" v-if="!creditNote">
               {{ formatNumberDecimal(calcPricePerUnit(props.row.product), 2) }}
             </q-td>
             <!-- vat -->
-            <q-td class="text-right">
+            <q-td class="text-right" v-if="!creditNote">
               {{
                 formatNumberDecimal(
                   props.row.product.calcVat
@@ -267,7 +291,11 @@ function calcPrice(
 
           <q-tr v-show="currentBtnOpen[props.rowIndex]" :props="props">
             <q-td colspan="100%" style="padding: 16px">
-              <TableEmployee step-on :rows="props.row.list" />
+              <TableEmployee
+                :step-on="!creditNote"
+                :status-on="creditNote"
+                :rows="props.row.list"
+              />
             </q-td>
           </q-tr>
         </template>