updated & fix bug

src/modules/13_salary/components/SalaryLists/DialogMoveLevel.vue

@@ -23,12 +23,6 @@ const props = defineProps({
     type: Function,
   },
 });
-const typeOp = ref<DataOption[]>([
-  { id: "NONE", name: "ไม่ได้เลื่อน" },
-  { id: "HAFT", name: "ครึ่งขั้น" },
-  { id: "FULL", name: "1ขั้น" },
-  { id: "FULLHAFT", name: "1.5ขั้น" },
-]);
 
 /*** ฟังก์ชั่นสำหรับ validate ฟอร์ม */
 function validateForm() {
@@ -90,7 +84,7 @@ function inputEdit(val: boolean) {
             map-options
             option-label="name"
             option-value="id"
-            :options="typeOp.filter((e) => e.id !== store.tabType)"
+            :options="store.typeRangeOps.filter((e) => e.id !== store.tabType)"
             :rules="[(val) => !!val || `${'กรุณาเลือก ขั้น'}`]"
             lazy-rules
             hide-bottom-space

src/modules/13_salary/components/SalaryLists/TabMain.vue

@@ -44,28 +44,63 @@ const itemsTabGroup = ref([
   },
 ]);
 
-const itemsTabType = ref([
-  {
-    lable: "รายชื่อคนครอง",
-    name: "tab1",
-    type: "PENDING",
-  },
-  {
-    lable: "1 ขั้น",
-    name: "tab2",
-    type: "FULL",
-  },
-  {
-    lable: "0.5 ขั้น",
-    name: "tab3",
-    type: "HAFT",
-  },
-  {
-    lable: "ไม่ได้เลื่อน",
-    name: "tab4",
-    type: "NONE",
-  },
-]);
+const itemsTabType = ref(
+  store.roundCode === "OCT"
+    ? [
+        {
+          lable: "รายชื่อคนครอง",
+          name: "tab1",
+          type: "PENDING",
+        },
+        {
+          lable: "1 ขั้น",
+          name: "tab2",
+          type: "FULL",
+        },
+        {
+          lable: "0.5 ขั้น",
+          name: "tab3",
+          type: "HAFT",
+        },
+        {
+          lable: "1.5 ขั้น",
+          name: "tab4",
+          type: "FULLHAFT",
+        },
+        {
+          lable: "ไม่ได้เลื่อน",
+          name: "tab4",
+          type: "NONE",
+        },
+        {
+          lable: "รายชื่อผู้เกษียณอายุราชการ",
+          name: "tab5",
+          type: "RETIRE",
+        },
+      ]
+    : [
+        {
+          lable: "รายชื่อคนครอง",
+          name: "tab1",
+          type: "PENDING",
+        },
+        {
+          lable: "1 ขั้น",
+          name: "tab2",
+          type: "FULL",
+        },
+        {
+          lable: "0.5 ขั้น",
+          name: "tab3",
+          type: "HAFT",
+        },
+        {
+          lable: "ไม่ได้เลื่อน",
+          name: "tab4",
+          type: "NONE",
+        },
+      ]
+);
 
 const itemsCard = ref([
   {
@@ -240,13 +275,7 @@ onMounted(async () => {
                 v-for="(item, index) in itemsTabType"
                 :key="index"
                 class="row"
-                :style="
-                  index == 1
-                    ? 'border-top: 1px solid #ccc;'
-                    : index == 3
-                    ? 'border-bottom: 1px solid #ccc'
-                    : ''
-                "
+                :style="index == 0 ? 'border-bottom: 1px solid #c8d3db;' : ''"
               >
                 <q-tab
                   class="col-12"
@@ -301,6 +330,20 @@ onMounted(async () => {
                   v-model:formFilter="formFilter"
                   :updatePagination="updatePagination"
                 />
+                <TableTabType2
+                  v-if="index + 1 === 5"
+                  :rows="rows"
+                  v-model:maxPage="maxPage"
+                  v-model:formFilter="formFilter"
+                  :updatePagination="updatePagination"
+                />
+                <TableTabType2
+                  v-if="index + 1 === 6"
+                  :rows="rows"
+                  v-model:maxPage="maxPage"
+                  v-model:formFilter="formFilter"
+                  :updatePagination="updatePagination"
+                />
               </q-tab-panel>
             </q-tab-panels>
           </template>