refactor: add new column

src/pages/08_request-list/TableRequestList.vue

@@ -13,6 +13,7 @@ import useOptionStore from 'src/stores/options';
 
 import KebabAction from 'src/components/shared/KebabAction.vue';
 import { CreatedBy } from 'src/stores/types';
+import { dateFormatJS } from 'src/utils/datetime';
 
 const props = withDefaults(
   defineProps<{
@@ -168,6 +169,25 @@ function getEmployeeName(
         <q-td v-if="visibleColumns.includes('employee')" class="text-left">
           {{ getEmployeeName(props.row, { locale: $i18n.locale }) || '-' }}
         </q-td>
+
+        <q-td class="text-left">
+          {{
+            props.row.employee.employeePassport.length !== 0
+              ? props.row.employee.employeePassport[0].number
+              : '-'
+          }}
+        </q-td>
+        <q-td class="text-left">
+          {{
+            $i18n.locale === 'eng'
+              ? props.row.dataOffice.nameEN
+              : props.row.dataOffice.name
+          }}
+        </q-td>
+        <q-td class="text-left">
+          {{ dateFormatJS({ date: props.row.createdAt }) }}
+        </q-td>
+
         <q-td v-if="visibleColumns.includes('quotationCode')">
           {{ props.row.quotation.code || '-' }}
         </q-td>

src/pages/08_request-list/constants.ts

@@ -28,6 +28,24 @@ export const column = [
     label: 'customer.employee',
     field: 'employee',
   },
+  {
+    name: 'employeePassport',
+    align: 'center',
+    label: 'customerEmployee.form.passportNo',
+    field: 'employeePassport',
+  },
+  {
+    name: 'dataOffice',
+    align: 'center',
+    label: 'requestList.dataOffice',
+    field: 'dataOffice',
+  },
+  {
+    name: 'createdAt',
+    align: 'center',
+    label: 'general.createdAt',
+    field: 'createdAt',
+  },
 
   {
     name: 'quotationCode',