refactor: add orderNumber

src/i18n/en-US/index.ts

@@ -72,6 +72,7 @@ export default {
   bankBook: 'Bank Book',
   use: 'In Use',
   notUse: 'Not Use',
+  orderNumber: 'Order Number',
   ...status,
   ...main,
   ...address,

src/i18n/th-th/index.ts

@@ -75,6 +75,7 @@ export default {
   bankBook: 'บัญชีธนาคาร',
   use: 'ใช้งาน',
   notUse: 'ไม่ใช้งาน',
+  orderNumber: 'ลําดับ',
   ...status,
   ...main,
   ...address,

src/pages/01_branch-management/MainPage.vue

@@ -43,6 +43,14 @@ const utilsStore = useUtilsStore();
 const holdDialog = ref(false);
 
 const columns = [
+  {
+    name: 'branchLabelNo',
+    align: 'center',
+    label: 'orderNumber',
+    field: 'branchNo',
+    sortable: true,
+  },
+
   {
     name: 'branchLabelName',
     align: 'left',
@@ -213,8 +221,10 @@ const fieldDisplay = ref<
     | 'branchLabelAddress'
     | 'branchLabelTel'
     | 'branchLabelType'
+    | 'branchLabelNo'
   )[]
 >([
+  'branchLabelNo',
   'branchLabelName',
   'branchLabelTel',
   'branchLabelAddress',
@@ -222,6 +232,7 @@ const fieldDisplay = ref<
 ]);
 const fieldSelected = ref<
   (
+    | 'branchLabelNo'
     | 'branchLabelName'
     | 'branchLabelAddress'
     | 'branchLabelTel'
@@ -343,7 +354,7 @@ function clearData() {
       accountName: '',
       accountType: '',
       currentlyUse: true,
-    }
+    },
   ];
 }
 
@@ -1032,6 +1043,10 @@ watch(currentHq, () => {
                           }
                         "
                       >
+                        <q-td v-if="fieldSelected.includes('branchLabelNo')">
+                          {{ props.rowIndex + 1 }}
+                        </q-td>
+
                         <q-td v-if="fieldSelected.includes('branchLabelName')">
                           <div class="row items-center">
                             <div