From 6dbff63d011656c8f18f7292a3b64f0e2d02425d Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 25 Sep 2024 12:40:34 +0700
Subject: [PATCH] fix: disable quotation tab

---
 src/components/TableComponents.vue | 40 +++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/components/TableComponents.vue b/src/components/TableComponents.vue
index 952e8237..bb845e4e 100644
--- a/src/components/TableComponents.vue
+++ b/src/components/TableComponents.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { QTableProps } from 'quasar';
 import KebabAction from 'components/shared/KebabAction.vue';
+import DeleteButton from './button/DeleteButton.vue';
 
 const props = withDefaults(
   defineProps<{
@@ -11,6 +12,10 @@ const props = withDefaults(
     grid?: boolean;
     hideHeader?: boolean;
     buttomDownload?: boolean;
+    buttonDelete?: boolean;
+    hidePagination?: boolean;
+
+    imgColumn?: string;
   }>(),
   {
     row: () => [],
@@ -20,6 +25,7 @@ const props = withDefaults(
     grid: false,
     hideHeader: false,
     buttomDownload: false,
+    imgColumn: '',
   },
 );
 
@@ -33,10 +39,17 @@ defineEmits<{
 </script>
 
 <template>
-  <q-table v-bind="props" class="full-height">
+  <q-table
+    v-bind="props"
+    class="full-height"
+    :no-data-label="$t('general.noDataTable')"
+    :hide-pagination
+  >
+    <slot name="zxc"></slot>
+
     <template v-slot:header="props">
       <q-tr
-        :style="`background-color:hsla(var(--info-bg) / 0.07) `"
+        style="background-color: hsla(var(--info-bg) / 0.07)"
         :props="props"
       >
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
@@ -51,9 +64,25 @@ defineEmits<{
       </q-tr>
     </template>
 
+    <template v-slot:body-cell-order="props">
+      <q-td class="text-center">
+        {{ props.rowIndex + 1 }}
+      </q-td>
+    </template>
+
+    <template v-slot:[`body-cell-${imgColumn}`]="props">
+      <q-td>
+        <slot name="img-column" :props="props"></slot>
+        {{ props.row[imgColumn] }}
+      </q-td>
+    </template>
+
     <template v-slot:body-cell-action="props">
       <q-td class="text-center">
+        <DeleteButton iconOnly v-if="buttonDelete" />
+
         <q-btn
+          v-if="!buttonDelete"
           icon="mdi-eye-outline"
           size="sm"
           dense
@@ -73,6 +102,7 @@ defineEmits<{
         />
 
         <KebabAction
+          v-if="!buttonDelete"
           hide-toggle
           :id-name="props.row.code"
           :status="props.row.status"
@@ -88,4 +118,8 @@ defineEmits<{
   </q-table>
 </template>
 
-<style lang="less" scoped></style>
+<style lang="scss" scoped>
+:deep(i.q-icon.mdi.mdi-alert.q-table__bottom-nodata-icon) {
+  color: #ffc224 !important;
+}
+</style>