refactor: add branchLabelNo

src/pages/02_personnel-management/MainPage.vue

@@ -87,6 +87,11 @@ const defaultFormData = {
 const modeView = ref(false);
 
 const fieldSelectedOption = ref<{ label: string; value: string }[]>([
+  {
+    label: 'branchLabelNo',
+    value: 'branchLabelNo',
+  },
+
   {
     label: 'fullname',
     value: 'name',
@@ -133,8 +138,24 @@ const formMenuIcon = ref<{ icon: string; color: string; bgColor: string }[]>([
 ]);
 
 const fieldSelected = ref<
-  ('name' | 'type' | 'telephoneNo' | 'birthDate' | 'email' | 'userRole')[]
->(['name', 'type', 'telephoneNo', 'birthDate', 'email', 'userRole']);
+  (
+    | 'branchLabelNo'
+    | 'name'
+    | 'type'
+    | 'telephoneNo'
+    | 'birthDate'
+    | 'email'
+    | 'userRole'
+  )[]
+>([
+  'branchLabelNo',
+  'name',
+  'type',
+  'telephoneNo',
+  'birthDate',
+  'email',
+  'userRole',
+]);
 
 const refImageUpload = ref<InstanceType<typeof ImageUploadDialog>>();
 const fieldDisplay = ref();
@@ -239,6 +260,13 @@ const inputFileImg = (() => {
 const reader = new FileReader();
 
 const columns = [
+  {
+    name: 'branchLabelNo',
+    align: 'center',
+    label: 'orderNumber',
+    field: 'branchNo',
+  },
+
   {
     name: 'name',
     align: 'left',
@@ -1124,6 +1152,12 @@ watch(
                 }"
                 :props="props"
               >
+                <q-td
+                  class="text-center"
+                  v-if="fieldSelected.includes('branchLabelNo')"
+                >
+                  {{ (currentPage - 1) * pageSize + props.rowIndex + 1 }}
+                </q-td>
                 <q-td v-if="fieldSelected.includes('name')">
                   <div class="row items-center">
                     <div