From e010b53061856f59b7aeaba33f13b6478197892f Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 21 Oct 2024 13:15:49 +0700
Subject: [PATCH 1/4] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=9C=E0=B8=B4=E0=B8=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/04_registryPerson/stores/RequestEdit.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/04_registryPerson/stores/RequestEdit.ts b/src/modules/04_registryPerson/stores/RequestEdit.ts
index 32e889d20..d536443cb 100644
--- a/src/modules/04_registryPerson/stores/RequestEdit.ts
+++ b/src/modules/04_registryPerson/stores/RequestEdit.ts
@@ -17,7 +17,7 @@ export const useRequestEditStore = defineStore("requestEditStore", () => {
     { id: "", name: "ทั้งหมด" },
     { id: "PENDING", name: "รอดำเนินการ" },
     { id: "COMPLETE", name: "ดำเนินการแก้ไขแล้ว" },
-    { id: "REJECT", name: "ไม่อนุมัตการแก้ไข" },
+    { id: "REJECT", name: "ไม่อนุมัติการแก้ไข" },
   ]);
 
   const optionStatusIDP = ref<DataOption[]>([
@@ -34,7 +34,7 @@ export const useRequestEditStore = defineStore("requestEditStore", () => {
       case "COMPLETE":
         return "ดำเนินการแก้ไขแล้ว";
       case "REJECT":
-        return "ไม่อนุมัตการแก้ไข";
+        return "ไม่อนุมัติการแก้ไข";
       default:
         return "-";
     }

From c596ae3a4021265adf9efab4a16442870d467a67 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 21 Oct 2024 13:22:15 +0700
Subject: [PATCH 2/4] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=82=E0=B8=AD=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B8=E0=B8=87=E0=B8=82=E0=B9=89=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=B9=E0=B8=A5=E0=B8=88=E0=B8=B2=E0=B8=81=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A1=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=9B=E0=B8=81?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A3=E0=B8=AD=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Dialog/DialogUpdate.vue                 | 10 ++++++----
 .../components/requestEdit/01_TabInformation.vue       | 10 +++++-----
 .../PersonalDetail/DialogCheckInformation.vue          |  4 ++--
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue b/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
index 5c7376fb1..65f61c2d1 100644
--- a/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
+++ b/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
@@ -475,7 +475,7 @@ watch(
   <q-dialog v-model="modal" persistent>
     <q-card class="col-12" style="width: 80vw">
       <q-form greedy @submit.prevent @validation-success="onSubmit">
-        <Header tittle="ขออัปเดตข้อมูลจากกรมการปกครอง" :close="closeDialog" />
+        <Header tittle="ขอปรับปรุงข้อมูลจากกรมการปกครอง" :close="closeDialog" />
         <q-separator />
 
         <q-card-section class="scroll" style="max-height: 80vh">
@@ -512,9 +512,11 @@ watch(
         <q-separator />
 
         <q-card-actions align="right">
-          <q-btn label="อัพเดต" color="secondary" type="submit"
-            ><q-tooltip>อัพเดต</q-tooltip></q-btn
-          >
+          <q-btn
+            label="บันทึกลงทะเบียนประวัติ"
+            color="secondary"
+            type="submit"
+          />
           <q-btn label="ยกเลิก" color="orange" @click="modal = false"
             ><q-tooltip>ยกเลิก</q-tooltip></q-btn
           >
diff --git a/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue b/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
index 57de70343..e8479c9e0 100644
--- a/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
@@ -181,7 +181,7 @@ function filterOption(val: string, update: Function) {
  */
 function onclickEdit(data: Request) {
   requestId.value = data.id;
-  if (data.topic == "ขออัปเดตข้อมูลจากกรมการปกครอง") {
+  if (data.topic == "ขอปรับปรุงข้อมูลจากกรมการปกครอง") {
     modalUpdate.value = true;
     idCard.value = data.idcard as string;
     profileId.value = data.profileId;
@@ -351,7 +351,7 @@ onMounted(() => {
             <q-td auto-width>
               <q-btn
                 :icon="
-                  props.row.topic == 'ขออัปเดตข้อมูลจากกรมการปกครอง'
+                  props.row.topic == 'ขอปรับปรุงข้อมูลจากกรมการปกครอง'
                     ? 'mdi-sync-circle'
                     : 'edit'
                 "
@@ -359,15 +359,15 @@ onMounted(() => {
                 dense
                 flat
                 :color="
-                  props.row.topic == 'ขออัปเดตข้อมูลจากกรมการปกครอง'
+                  props.row.topic == 'ขอปรับปรุงข้อมูลจากกรมการปกครอง'
                     ? 'info'
                     : 'edit'
                 "
                 @click.pervent="onclickEdit(props.row)"
               >
                 <q-tooltip>{{
-                  props.row.topic == "ขออัปเดตข้อมูลจากกรมการปกครอง"
-                    ? "ขออัปเดตข้อมูลจากกรมการปกครอง"
+                  props.row.topic == "ขอปรับปรุงข้อมูลจากกรมการปกครอง"
+                    ? "ขอปรับปรุงข้อมูลจากกรมการปกครอง"
                     : "แก้ไขสถานะคำร้อง"
                 }}</q-tooltip>
               </q-btn>
diff --git a/src/modules/05_placement/components/PersonalDetail/DialogCheckInformation.vue b/src/modules/05_placement/components/PersonalDetail/DialogCheckInformation.vue
index 578c91eb3..d0ff69c33 100644
--- a/src/modules/05_placement/components/PersonalDetail/DialogCheckInformation.vue
+++ b/src/modules/05_placement/components/PersonalDetail/DialogCheckInformation.vue
@@ -423,8 +423,8 @@ watch(
         <q-separator />
 
         <q-card-actions align="right">
-          <q-btn label="อัพเดต" color="secondary" type="submit"
-            ><q-tooltip>อัพเดต</q-tooltip></q-btn
+          <q-btn label="บันทึก" color="secondary" type="submit"
+            ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
           >
           <q-btn label="ยกเลิก" color="orange" @click="modal = false"
             ><q-tooltip>ยกเลิก</q-tooltip></q-btn

From c937aaf42fd39bcfe5b0efaa919d6b336b7d4604 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 21 Oct 2024 13:35:31 +0700
Subject: [PATCH 3/4] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Workflow/Main.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Workflow/Main.vue b/src/components/Workflow/Main.vue
index 2401ff6a7..bc166e9b4 100644
--- a/src/components/Workflow/Main.vue
+++ b/src/components/Workflow/Main.vue
@@ -141,7 +141,7 @@ defineExpose({
                 <q-btn
                   v-if="permission.isChangeState"
                   @click.prevent="onChangeState"
-                  label="Next Step"
+                  label="ดำเนินการต่อ"
                   color="primary"
                 />
               </div>
@@ -216,7 +216,7 @@ defineExpose({
               <div v-if="permission.isChangeState && state === index + 1">
                 <q-btn
                   @click.prevent="onChangeState"
-                  label="Next Step"
+                  label="ดำเนินการต่อ"
                   color="primary"
                 />
               </div>

From 2be29d9ae9eb9815a42db17771be66d7c6e55a13 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 21 Oct 2024 13:50:56 +0700
Subject: [PATCH 4/4] =?UTF-8?q?=E0=B8=AD=E0=B8=AD=E0=B8=81=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=AA=E0=B8=B1=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/02_organization/views/main.vue    |   2 +-
 .../13_salary/views/04_salaryLists.vue        | 246 ++++++++++--------
 .../views/05_salaryListsEmployee.vue          | 231 ++++++++--------
 .../components/DialogCreateCommandORG.vue     |  48 +++-
 4 files changed, 297 insertions(+), 230 deletions(-)

diff --git a/src/modules/02_organization/views/main.vue b/src/modules/02_organization/views/main.vue
index c7910cce7..ec07f4a0c 100644
--- a/src/modules/02_organization/views/main.vue
+++ b/src/modules/02_organization/views/main.vue
@@ -421,7 +421,7 @@ onMounted(async () => {
     v-model:is-officer="store.isOfficer as boolean"
     v-model:is-staff="store.isStaff as boolean"
     v-model:root-id="store.rootId"
-    :system-name="'organization'"
+    :system-name="'ORGANIZATION'"
   />
 </template>
 
diff --git a/src/modules/13_salary/views/04_salaryLists.vue b/src/modules/13_salary/views/04_salaryLists.vue
index 2da5289e0..913121dcc 100644
--- a/src/modules/13_salary/views/04_salaryLists.vue
+++ b/src/modules/13_salary/views/04_salaryLists.vue
@@ -22,8 +22,7 @@ import type {
 import TabGroup from "@/modules/13_salary/components/04_salaryLists/TabMain.vue";
 import ProcessStep from "@/modules/13_salary/components/04_salaryLists/ProcessStep.vue";
 import PageDashBoard from "@/modules/13_salary/components/04_salaryLists/Dashboard.vue";
-
-/** importStore*/
+import DialogCommand from "@/modules/18_command/components/DialogCreateCommandORG.vue";
 
 /** use*/
 const store = useSalaryListSDataStore();
@@ -51,6 +50,11 @@ const page = ref<number>(1);
 const pageSize = ref<number>(50);
 const lastPage = ref<number>(0);
 
+/** ออกคำสั่ง*/
+const modalCommand = ref<boolean>(false);
+const isOfficer = ref<boolean>(false);
+const isStaff = ref<boolean>(false);
+
 /**
  * function เรียกข้อมูลรอบการขึ้นเงินเดือน
  */
@@ -364,117 +368,126 @@ onMounted(() => {
       รายการเลื่อนเงินเดือนข้าราชการ ฯ
     </div>
     <q-space />
-    <datepicker
-      v-model="year"
-      :locale="'th'"
-      autoApply
-      year-picker
-      :enableTimePicker="false"
-      style="width: 150px"
-      @update:model-value="getRound()"
-    >
-      <template #year="{ year }">{{ year + 543 }}</template>
-      <template #year-overlay-value="{ value }">{{
-        parseInt(value + 543)
-      }}</template>
-      <template #trigger>
-        <q-input
-          dense
-          outlined
-          :model-value="Number(year) + 543"
-          :label="`${'ปีงบประมาณ'}`"
-          bg-color="white"
-        >
-          <template v-slot:prepend>
-            <q-icon
-              name="event"
-              class="cursor-pointer"
-              style="color: var(--q-primary)"
-            >
-            </q-icon>
-          </template>
-        </q-input>
-      </template>
-    </datepicker>
-    <q-select
-      class="q-ml-xs"
-      v-model="roundFilter"
-      label="รอบการขึ้นเงินเดือน"
-      dense
-      outlined
-      map-options
-      option-label="name"
-      option-value="id"
-      :options="roundOptions"
-      lazy-rules
-      hide-bottom-space
-      bg-color="white"
-      @update:model-value="onChangeRound"
-      :disable="!isDisable"
-    >
-      <template v-slot:option="scope">
-        <q-item v-bind="scope.itemProps">
-          <q-item-section>
-            <q-item-label>{{ scope.opt.name }}</q-item-label>
-          </q-item-section>
-        </q-item>
-      </template>
-    </q-select>
-    <q-select
-      v-if="roundFilter ? roundFilter.shortCode !== 'SPECIAL' : false"
-      class="q-ml-xs"
-      v-model="snapFilter"
-      label="รอบ"
-      dense
-      outlined
-      emit-value
-      map-options
-      option-label="name"
-      option-value="id"
-      :options="snapOptions"
-      lazy-rules
-      hide-bottom-space
-      bg-color="white"
-      @update:model-value="onChangeSnap"
-      :disable="!isDisable"
-    />
-
-    <q-select
-      class="q-ml-xs"
-      v-model="agencyFilter"
-      label="หน่วยงาน"
-      lazy-rules
-      dense
-      outlined
-      emit-value
-      map-options
-      option-label="name"
-      option-value="id"
-      :options="agencyOptions"
-      hide-bottom-space
-      bg-color="white"
-      @update:model-value="onChangeAgency"
-      :disable="!isDisable"
-      use-input
-      @filter="(inputValue:string,
-      doneFn:Function) => filterSelector(inputValue, doneFn,'agencyFilter'
-      ) "
-    >
-      <template v-slot:no-option>
-        <q-item>
-          <q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
-        </q-item>
-      </template>
-      <template v-if="agencyFilter !== 'ALL'" v-slot:append>
-        <q-icon
-          name="cancel"
-          @click.stop.prevent="
-            (agencyOptions = agencyOptionsMain), (agencyFilter = 'ALL')
-          "
-          class="cursor-pointer"
+    <div class="row q-col-gutter-sm items-center q-py-xs">
+      <div>
+        <q-btn
+          color="primary"
+          label="ออกคำสั่ง"
+          @click.pervent="modalCommand = true"
         />
-      </template>
-    </q-select>
+      </div>
+
+      <datepicker
+        v-model="year"
+        :locale="'th'"
+        autoApply
+        year-picker
+        :enableTimePicker="false"
+        style="width: 150px"
+        @update:model-value="getRound()"
+      >
+        <template #year="{ year }">{{ year + 543 }}</template>
+        <template #year-overlay-value="{ value }">{{
+          parseInt(value + 543)
+        }}</template>
+        <template #trigger>
+          <q-input
+            dense
+            outlined
+            :model-value="Number(year) + 543"
+            :label="`${'ปีงบประมาณ'}`"
+            bg-color="white"
+          >
+            <template v-slot:prepend>
+              <q-icon
+                name="event"
+                class="cursor-pointer"
+                style="color: var(--q-primary)"
+              >
+              </q-icon>
+            </template>
+          </q-input>
+        </template>
+      </datepicker>
+
+      <q-select
+        v-model="roundFilter"
+        label="รอบการขึ้นเงินเดือน"
+        dense
+        outlined
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="roundOptions"
+        lazy-rules
+        hide-bottom-space
+        bg-color="white"
+        @update:model-value="onChangeRound"
+        :disable="!isDisable"
+      >
+        <template v-slot:option="scope">
+          <q-item v-bind="scope.itemProps">
+            <q-item-section>
+              <q-item-label>{{ scope.opt.name }}</q-item-label>
+            </q-item-section>
+          </q-item>
+        </template>
+      </q-select>
+
+      <q-select
+        v-if="roundFilter ? roundFilter.shortCode !== 'SPECIAL' : false"
+        v-model="snapFilter"
+        label="รอบ"
+        dense
+        outlined
+        emit-value
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="snapOptions"
+        lazy-rules
+        hide-bottom-space
+        bg-color="white"
+        @update:model-value="onChangeSnap"
+        :disable="!isDisable"
+      />
+
+      <q-select
+        v-model="agencyFilter"
+        label="หน่วยงาน"
+        lazy-rules
+        dense
+        outlined
+        emit-value
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="agencyOptions"
+        hide-bottom-space
+        bg-color="white"
+        @update:model-value="onChangeAgency"
+        :disable="!isDisable"
+        use-input
+        @filter="(inputValue:string,
+        doneFn:Function) => filterSelector(inputValue, doneFn,'agencyFilter'
+        ) "
+      >
+        <template v-slot:no-option>
+          <q-item>
+            <q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
+          </q-item>
+        </template>
+        <template v-if="agencyFilter !== 'ALL'" v-slot:append>
+          <q-icon
+            name="cancel"
+            @click.stop.prevent="
+              (agencyOptions = agencyOptionsMain), (agencyFilter = 'ALL')
+            "
+            class="cursor-pointer"
+          />
+        </template>
+      </q-select>
+    </div>
   </div>
 
   <q-card flat bordered>
@@ -516,6 +529,15 @@ onMounted(() => {
       :get-data="getQuota"
     />
   </q-card>
+
+  <DialogCommand
+    v-model:modal="modalCommand"
+    v-model:root-id="agencyFilter"
+    v-model:is-officer="isOfficer"
+    v-model:is-staff="isStaff"
+    system-name="SALARY"
+    :command-type-code-array="['C-PM-33', 'C-PM-34', 'C-PM-35']"
+  />
 </template>
 
 <style lang="sass" scoped>
diff --git a/src/modules/13_salary/views/05_salaryListsEmployee.vue b/src/modules/13_salary/views/05_salaryListsEmployee.vue
index dbc02c89a..be1d444d2 100644
--- a/src/modules/13_salary/views/05_salaryListsEmployee.vue
+++ b/src/modules/13_salary/views/05_salaryListsEmployee.vue
@@ -22,6 +22,7 @@ import type {
 import TabGroup from "@/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue";
 import ProcessStep from "@/modules/13_salary/components/05_salaryListsEmployee/ProcessStep.vue";
 import PageDashBoard from "@/modules/13_salary/components/05_salaryListsEmployee/Dashboard.vue";
+import DialogCommand from "@/modules/18_command/components/DialogCreateCommandORG.vue";
 
 /** use*/
 const store = useSalaryEmployeeListSDataStore();
@@ -51,6 +52,11 @@ const lastPage = ref<number>(0);
 const loading = ref(false);
 const nextPage = ref<number>(1);
 
+/** ออกคำสั่ง*/
+const modalCommand = ref<boolean>(false);
+const isOfficer = ref<boolean>(false);
+const isStaff = ref<boolean>(false);
+
 /**
  * function เรียกข้อมูลรอบการขึ้นค่าจ้าง
  */
@@ -364,114 +370,120 @@ onMounted(() => {
       รายการเลื่อนค่าจ้างลูกจ้างประจำ
     </div>
     <q-space />
-    <datepicker
-      menu-class-name="modalfix"
-      v-model="year"
-      :locale="'th'"
-      autoApply
-      year-picker
-      :enableTimePicker="false"
-      style="width: 150px"
-      @update:model-value="getRound"
-    >
-      <template #year="{ year }">{{ year + 543 }}</template>
-      <template #year-overlay-value="{ value }">{{
-        parseInt(value + 543)
-      }}</template>
-      <template #trigger>
-        <q-input
-          dense
-          outlined
-          :model-value="Number(year) + 543"
-          :label="`${'ปีงบประมาณ'}`"
-          bg-color="white"
-        >
-          <template v-slot:prepend>
-            <q-icon
-              name="event"
-              class="cursor-pointer"
-              style="color: var(--q-primary)"
-            >
-            </q-icon>
-          </template>
-        </q-input>
-      </template>
-    </datepicker>
+    <div class="row q-col-gutter-sm items-center q-py-xs">
+      <div>
+        <q-btn
+          color="primary"
+          label="ออกคำสั่ง"
+          @click.pervent="modalCommand = true"
+        />
+      </div>
+      <datepicker
+        menu-class-name="modalfix"
+        v-model="year"
+        :locale="'th'"
+        autoApply
+        year-picker
+        :enableTimePicker="false"
+        style="width: 150px"
+        @update:model-value="getRound"
+      >
+        <template #year="{ year }">{{ year + 543 }}</template>
+        <template #year-overlay-value="{ value }">{{
+          parseInt(value + 543)
+        }}</template>
+        <template #trigger>
+          <q-input
+            dense
+            outlined
+            :model-value="Number(year) + 543"
+            :label="`${'ปีงบประมาณ'}`"
+            bg-color="white"
+          >
+            <template v-slot:prepend>
+              <q-icon
+                name="event"
+                class="cursor-pointer"
+                style="color: var(--q-primary)"
+              >
+              </q-icon>
+            </template>
+          </q-input>
+        </template>
+      </datepicker>
 
-    <q-select
-      class="q-ml-xs"
-      v-model="roundFilter"
-      label="รอบการขึ้นค่าจ้าง"
-      dense
-      outlined
-      map-options
-      option-label="name"
-      option-value="id"
-      :options="roundOptions"
-      lazy-rules
-      hide-bottom-space
-      bg-color="white"
-      @update:model-value="onChangeRound"
-      :loading="loading"
-      @virtual-scroll="onScroll"
-      :disable="!isDisable"
-    >
-      <template v-slot:option="scope">
-        <q-item v-bind="scope.itemProps">
-          <q-item-section>
-            <q-item-label>{{ scope.opt.name }}</q-item-label>
-          </q-item-section>
-        </q-item>
-      </template>
-    </q-select>
-    <q-select
-      v-if="roundFilter ? roundFilter.shortCode !== 'SPECIAL' : false"
-      class="q-ml-xs"
-      v-model="snapFilter"
-      label="รอบ"
-      dense
-      outlined
-      emit-value
-      map-options
-      option-label="name"
-      option-value="id"
-      :options="snapOptions"
-      lazy-rules
-      hide-bottom-space
-      bg-color="white"
-      @update:model-value="onChangeSnap"
-      :disable="!isDisable"
-    />
-    <q-select
-      class="q-ml-xs"
-      v-model="agencyFilter"
-      label="หน่วยงาน"
-      dense
-      outlined
-      emit-value
-      map-options
-      option-label="name"
-      option-value="id"
-      :options="agencyOptions"
-      lazy-rules
-      hide-bottom-space
-      bg-color="white"
-      @update:model-value="onChangeAgency"
-      :disable="!isDisable"
-      use-input
-      @filter="(inputValue:string,
+      <q-select
+        v-model="roundFilter"
+        label="รอบการขึ้นค่าจ้าง"
+        dense
+        outlined
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="roundOptions"
+        lazy-rules
+        hide-bottom-space
+        bg-color="white"
+        @update:model-value="onChangeRound"
+        :loading="loading"
+        @virtual-scroll="onScroll"
+        :disable="!isDisable"
+      >
+        <template v-slot:option="scope">
+          <q-item v-bind="scope.itemProps">
+            <q-item-section>
+              <q-item-label>{{ scope.opt.name }}</q-item-label>
+            </q-item-section>
+          </q-item>
+        </template>
+      </q-select>
+      <q-select
+        v-if="roundFilter ? roundFilter.shortCode !== 'SPECIAL' : false"
+        v-model="snapFilter"
+        label="รอบ"
+        dense
+        outlined
+        emit-value
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="snapOptions"
+        lazy-rules
+        hide-bottom-space
+        bg-color="white"
+        @update:model-value="onChangeSnap"
+        :disable="!isDisable"
+      />
+      <q-select
+        v-model="agencyFilter"
+        label="หน่วยงาน"
+        dense
+        outlined
+        emit-value
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="agencyOptions"
+        lazy-rules
+        hide-bottom-space
+        bg-color="white"
+        @update:model-value="onChangeAgency"
+        :disable="!isDisable"
+        use-input
+        @filter="(inputValue:string,
       doneFn:Function) => filterSelector(inputValue, doneFn,'agencyFilter'
       ) "
-    >
-      <template v-if="agencyFilter !== 'ALL'" v-slot:append>
-        <q-icon
-          name="cancel"
-          @click.stop.prevent="
-            (agencyOptions = agencyOptionsMain), (agencyFilter = 'ALL')
-          "
-          class="cursor-pointer"
-        /> </template
-    ></q-select>
+      >
+        <template v-if="agencyFilter !== 'ALL'" v-slot:append>
+          <q-icon
+            name="cancel"
+            @click.stop.prevent="
+              (agencyOptions = agencyOptionsMain), (agencyFilter = 'ALL')
+            "
+            class="cursor-pointer"
+          /> </template
+      ></q-select>
+    </div>
   </div>
 
   <q-card flat bordered>
@@ -514,7 +526,14 @@ onMounted(() => {
     />
   </q-card>
 
-  <!-- </q-card> -->
+  <DialogCommand
+    v-model:modal="modalCommand"
+    v-model:root-id="agencyFilter"
+    v-model:is-officer="isOfficer"
+    v-model:is-staff="isStaff"
+    system-name="SALARY_EMP"
+    :command-type-code-array="['C-PM-36', 'C-PM-37']"
+  />
 </template>
 
 <style lang="sass" scoped>
diff --git a/src/modules/18_command/components/DialogCreateCommandORG.vue b/src/modules/18_command/components/DialogCreateCommandORG.vue
index 08e6c1137..2a08d7cc7 100644
--- a/src/modules/18_command/components/DialogCreateCommandORG.vue
+++ b/src/modules/18_command/components/DialogCreateCommandORG.vue
@@ -36,7 +36,8 @@ const isStaff = defineModel<boolean>("isStaff");
 const rootId = defineModel<string>("rootId");
 
 const props = defineProps({
-  commandTypeCode: String, // ไอดีประเภทคำสั่ง
+  commandTypeCode: { type: String, defult: "" }, // ไอดีประเภทคำสั่ง
+  commandTypeCodeArray: { type: Array, defult: [] }, // ไอดีประเภทคำสั่ง
   systemName: String, // ไอดีประเภทคำสั่ง
   orgPublishDate: { type: Date || undefined, defult: undefined },
 });
@@ -168,16 +169,23 @@ function closeModal() {
   isCheckOrgPublishDate.value = false;
   rows.value = [];
   selected.value = [];
+  commandType.value = "";
 }
 
 /** ฟังก์ชันดึงข้อมูลคำสั่ง */
 async function fetchCommandType() {
   const data = await storeCommand.getCommandTypes(); // ยิงไป get ที่ store
   // filter เฉพาะ code ของคำสั่งที่เลือก
-  commandOp.value = await data.filter(
-    (v: ListCommand) => v.code == props.commandTypeCode
-  );
-  commandType.value = commandOp.value[0].id;
+  if (props.systemName === "SALARY" || props.systemName === "SALARY_EMP") {
+    commandOp.value = await data.filter((v: ListCommand) =>
+      props.commandTypeCodeArray?.includes(v.code)
+    );
+  } else {
+    commandOp.value = await data.filter(
+      (v: ListCommand) => v.code == props.commandTypeCode
+    );
+    commandType.value = commandOp.value[0].id;
+  }
 }
 
 /**
@@ -210,19 +218,29 @@ function getPerson() {
     type: group.value,
   };
 
+  const pathAPI =
+    props.systemName === "ORGANIZATION"
+      ? config.API.orgPosReport
+      : props.systemName === "SALARY"
+      ? config.API.orgPosReport
+      : props.systemName === "SALARY_EMP"
+      ? config.API.orgPosReport
+      : "";
+
   showLoader();
   http
-    .post(config.API.orgPosReport, body)
+    .post(pathAPI, body)
     .then((res) => {
       const data = res.data.result;
       rows.value = data;
-      hideLoader();
+      selected.value = rows.value;
     })
     .catch((e) => {
       messageError($q, e);
-      hideLoader();
     })
-    .finally(() => {});
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 watch(modal, async () => {
@@ -263,10 +281,18 @@ watch(modal, async () => {
                 emit-value
                 map-options
                 lazy-rules
-                use-input
                 hide-bottom-space
                 outlined
-                readonly
+                :readonly="
+                  props.systemName !== 'SALARY' &&
+                  props.systemName !== 'SALARY_EMP'
+                "
+                :class="
+                  props.systemName === 'SALARY' ||
+                  props.systemName === 'SALARY_EMP'
+                    ? 'inputgreen'
+                    : ''
+                "
               >
                 <template v-slot:no-option>
                   <q-item>