Merge branch 'develop' into devTee

2024-02-08 15:24:28 +07:00 · 2024-02-08 15:24:28 +07:00 · bf20e7d28c
commit bf20e7d28c
parent efcc232fec 46bfcad156
16 changed files with 854 additions and 814 deletions
--- a/src/api/registry/api.profile.ts
+++ b/src/api/registry/api.profile.ts
@ -196,4 +196,8 @@ export default {

  //สร้างข้อมูลราชการ
  createProfileOfficer: () => `${profile}information/officer`,
+
+  // verify
+  profileVerified: (profileId: string) => `${profile}verified/${profileId}`,
+  profileVerifiedUnlock: (profileId: string) => `${profile}not-verified/${profileId}`,
 };
--- a/src/modules/02_organizationalNew/components/listView.vue
+++ b/src/modules/02_organizationalNew/components/listView.vue
@ -167,6 +167,7 @@ watch(
  }
 );
 </script>
+
 <template>
  <div class="col-12">
    <q-card bordered class="col-12 row caedNone">
@ -208,19 +209,42 @@ watch(
                class="row col-12 justify-between list-summary q-gutter-xs bg-grey-1 q-pb-xs q-pr-xs"
              >
                <div class="row col q-pa-sm item">
-                  <div class="ellipsis">ตำแหน่งทั้งหมด</div>
+                  <div class="ellipsis">
+                    ตำแหน่งทั้งหมด
+                  </div>
                  <q-space />
-                  <q-badge color="secondary" :label="store.sumPosition.total" />
+                  <q-badge
+                    color="secondary"
+                    :label="
+                      reqMaster.isAll
+                        ? store.sumPosition.total
+                        : store.sumPosition.totalRoot
+                    "
+                  />
                </div>
                <div class="row col q-pa-sm item">
                  <div class="ellipsis">ตำแหน่งที่มีคนครอง</div>
                  <q-space />
-                  <q-badge color="primary" :label="store.sumPosition.use" />
+                  <q-badge
+                    color="primary"
+                    :label="
+                      reqMaster.isAll
+                        ? store.sumPosition.use
+                        : store.sumPosition.useRoot
+                    "
+                  />
                </div>
                <div class="row col q-pa-sm item">
                  <div class="ellipsis">ตำแหน่งว่าง</div>
                  <q-space />
-                  <q-badge color="red" :label="store.sumPosition.vacant" />
+                  <q-badge
+                    color="red"
+                    :label="
+                      reqMaster.isAll
+                        ? store.sumPosition.vacant
+                        : store.sumPosition.vacantRoot
+                    "
+                  />
                </div>
              </q-card>

--- a/src/modules/02_organizationalNew/components/mainTree.vue
+++ b/src/modules/02_organizationalNew/components/mainTree.vue
@ -111,8 +111,12 @@ function updateSelected(data: DataTree) {
    totalPositionCurrentVacant: data.totalPositionCurrentVacant,
    totalPositionNextUse: data.totalPositionNextUse,
    totalPositionNextVacant: data.totalPositionNextVacant,
+    totalRootPosition: data.totalRootPosition,
+    totalRootPositionCurrentUse: data.totalRootPositionCurrentUse,
+    totalRootPositionCurrentVacant: data.totalRootPositionCurrentVacant,
+    totalRootPositionNextUse: data.totalRootPositionNextUse,
+    totalRootPositionNextVacant: data.totalRootPositionNextVacant,
  });
-
  // }
 }

@ -387,7 +391,7 @@ const modaeMenu = ref<boolean>(false);
          </q-input>
        </div>
      </div>
-      <div class="bg-white tree-container">
+      <div class="bg-white tree-container q-pa-xs">
        <q-tree
          class="q-pa-sm q-gutter-sm"
          dense
--- a/src/modules/02_organizationalNew/components/tableTree.vue
+++ b/src/modules/02_organizationalNew/components/tableTree.vue
@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
 import config from "@/app.config";
 import http from "@/plugins/http";
@ -26,7 +26,7 @@ import { useOrganizational } from "@/modules/02_organizationalNew/store/organiza
 import { useCounterMixin } from "@/stores/mixin";

 const $q = useQuasar();
-const stroe = useOrganizational();
+const store = useOrganizational();
 const { showLoader, hideLoader, messageError, success, dialogRemove } =
  useCounterMixin();

@ -320,12 +320,37 @@ function openSelectPerson(data: DataPosition[]) {
  modalSelectPerson.value = true;
  dataDetailPos.value = data;
 }
+
+/** ลบคนครอง */
+function removePerson(data: DataPosition[]) {
+  dialogRemove(
+    $q,
+    async () => {
+      showLoader();
+      // await http
+      //   .delete(config.API.orgPosMasterById(id))
+      //   .then(() => {
+      //     success($q, "ลบข้อมูลสำเร็จ");
+      //     props.fetchDataTable?.(reqMaster.value.id, reqMaster.value.type, false);
+      //   })
+      //   .catch((err) => {
+      //     messageError($q, err);
+      //   })
+      //   .finally(() => {
+      hideLoader();
+      //   });
+    },
+    "ยืนยันการลบคนครอง",
+    "ต้องการยืนยันการลบคนครองนี้ใช่หรือไม่?"
+  );
+}
 </script>
+
 <template>
  <!-- TOOLBAR -->
  <div class="col-12">
    <q-toolbar style="padding: 0">
-      <div v-if="stroe.typeOrganizational === 'draft'">
+      <div v-if="store.typeOrganizational === 'draft'">
        <q-btn
          flat
          round
@ -467,21 +492,49 @@ function openSelectPerson(data: DataPosition[]) {
            >
              <q-menu>
                <q-list dense style="min-width: 150px">
+                  <!-- เลือกคนครอง -->
                  <q-item
-                    v-if="props.row.positionIsSelected == 'ว่าง' && stroe.typeOrganizational === 'draft'"
+                    v-if="
+                      props.row.positionIsSelected == 'ว่าง' &&
+                      store.typeOrganizational === 'draft'
+                    "
                    clickable
                    v-close-popup
                    @click="openSelectPerson(props.row)"
                  >
                    <q-item-section>
                      <div class="row items-center">
-                        <q-icon color="secondary" size="17px" name="mdi-account-circle" />
+                        <q-icon
+                          color="secondary"
+                          size="17px"
+                          name="mdi-account"
+                        />
                        <div class="q-pl-md">เลือกคนครอง</div>
                      </div>
                    </q-item-section>
                  </q-item>
                  <q-item
-                    v-for="(item, index) in stroe.typeOrganizational === 'draft'
+                    v-else-if="
+                      props.row.positionIsSelected != 'ว่าง' &&
+                      store.typeOrganizational === 'draft'
+                    "
+                    clickable
+                    v-close-popup
+                    @click="removePerson(props.row)"
+                  >
+                    <q-item-section>
+                      <div class="row items-center">
+                        <q-icon
+                          color="red"
+                          size="17px"
+                          name="mdi-account-remove"
+                        />
+                        <div class="q-pl-md">ลบคนครอง</div>
+                      </div>
+                    </q-item-section>
+                  </q-item>
+                  <q-item
+                    v-for="(item, index) in store.typeOrganizational === 'draft'
                      ? listMenu
                      : listMenu.filter(
                          (e) => e.type === 'HISTORY' || e.type === 'VIEWDETIAL'
--- a/src/modules/02_organizationalNew/interface/index/organizational.ts
+++ b/src/modules/02_organizationalNew/interface/index/organizational.ts
@ -72,8 +72,13 @@ interface DataTree {
  totalPositionCurrentVacant: number;
  totalPositionNextUse: number;
  totalPositionNextVacant: number;
+  totalRootPosition: number;
+  totalRootPositionCurrentUse: number;
+  totalRootPositionCurrentVacant: number;
+  totalRootPositionNextUse: number;
+  totalRootPositionNextVacant: number;
+
  children?: DataTree[];
 }

-
 export type { DataPosition, Position, FormDetailPosition, DataTree };
--- a/src/modules/02_organizationalNew/interface/response/organizational.ts
+++ b/src/modules/02_organizationalNew/interface/response/organizational.ts
@ -13,6 +13,11 @@ interface SumPosition {
  totalPositionCurrentVacant: number;
  totalPositionNextUse: number;
  totalPositionNextVacant: number;
+  totalRootPosition: number;
+  totalRootPositionCurrentUse: number;
+  totalRootPositionCurrentVacant: number;
+  totalRootPositionNextUse: number;
+  totalRootPositionNextVacant: number;
 }

 interface OrgTree {
--- a/src/modules/02_organizationalNew/store/organizational.ts
+++ b/src/modules/02_organizationalNew/store/organizational.ts
@ -23,18 +23,36 @@ export const useOrganizational = defineStore("organizationalStore", () => {
    total: 0,
    use: 0,
    vacant: 0,
+    totalRoot: 0,
+    useRoot: 0,
+    vacantRoot: 0,
  });

  function getSumPosition(data: SumPosition) {
    sumPosition.total = data.totalPosition;
-    sumPosition.use =
-      typeOrganizational.value == "draft"
-        ? data.totalPositionNextUse
-        : data.totalPositionCurrentUse;
-    sumPosition.vacant =
-      typeOrganizational.value == "draft"
-        ? data.totalPositionNextVacant
-        : data.totalPositionCurrentVacant;
+    sumPosition.totalRoot = data.totalRootPosition ? data.totalRootPosition : 0;
+
+    if (typeOrganizational.value == "draft") {
+      sumPosition.use = data.totalPositionNextUse;
+      sumPosition.useRoot = data.totalRootPositionNextUse
+        ? data.totalRootPositionNextUse
+        : 0;
+
+      sumPosition.vacant = data.totalPositionNextVacant;
+      sumPosition.vacantRoot = data.totalRootPositionNextVacant
+        ? data.totalRootPositionNextVacant
+        : 0;
+    } else {
+      sumPosition.use = data.totalPositionCurrentUse;
+      sumPosition.useRoot = data.totalRootPositionCurrentUse
+        ? data.totalRootPositionCurrentUse
+        : 0;
+
+      sumPosition.vacant = data.totalPositionCurrentVacant;
+      sumPosition.vacantRoot = data.totalRootPositionCurrentVacant
+        ? data.totalRootPositionCurrentVacant
+        : 0;
+    }
  }

  function fetchDataActive(data: DataActive) {
--- a/src/modules/04_registry/components/DialogFooter.vue
+++ b/src/modules/04_registry/components/DialogFooter.vue
@ -19,6 +19,17 @@
      :color="!next ? 'grey-7' : 'public'"
    />
    <q-space />
+    <q-btn
+      v-if="modalEdit == true"
+      flat
+      round
+      color="blue"
+      @click="props.coppy"
+      icon="content_copy"
+    >
+      <q-tooltip>คัดลอกข้อมูล</q-tooltip></q-btn
+    >
+
    <q-btn
      v-if="modalEdit == true"
      flat
@ -100,6 +111,10 @@ const props = defineProps({
    type: Function,
    default: () => console.log("not function"),
  },
+  coppy: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
 });
 const emit = defineEmits([
  "update:editvisible",
--- a/src/modules/04_registry/components/Information/top.vue
+++ b/src/modules/04_registry/components/Information/top.vue
@ -15,7 +15,7 @@
        {{ header }}
      </div>
    </div>
-    <div v-if="!profileStore.isVerified">
+    <div v-if="profileStore.isEdit">
      <div class="q-gutter-sm q-mx-sm" v-if="addData == false">
        <q-btn
          size="12px"
--- a/src/modules/04_registry/components/Profile.vue
+++ b/src/modules/04_registry/components/Profile.vue
@ -796,13 +796,13 @@ import TrainVue from "@/modules/04_registry/components/Train.vue";
 import InsigniaVue from "@/modules/04_registry/components/Insignia.vue";
 import CoinedVue from "@/modules/04_registry/components/Coin.vue";
 import AssessmentVue from "@/modules/04_registry/components/Assessment.vue";
-// import SalaryVue from "@/modules/04_registry/components/Salary.vue";
-// import SalaryEmployeeVue from "@/modules/04_registry/components/SalaryEmployee.vue";
-// import SalaryEmployeeTempVue from "@/modules/04_registry/components/SalaryEmployeeTemp.vue";
+import SalaryVue from "@/modules/04_registry/components/Salary.vue";
+import SalaryEmployeeVue from "@/modules/04_registry/components/SalaryEmployee.vue";
+import SalaryEmployeeTempVue from "@/modules/04_registry/components/SalaryEmployeeTemp.vue";

-import SalaryVue from "@/modules/04_registry/components/salaryNew/Salary.vue";
-import SalaryEmployeeVue from "@/modules/04_registry/components/salaryNew/SalaryEmployee.vue";
-import SalaryEmployeeTempVue from "@/modules/04_registry/components/salaryNew/SalaryEmployeeTemp.vue";
+// import SalaryVue from "@/modules/04_registry/components/salaryNew/Salary.vue";
+// import SalaryEmployeeVue from "@/modules/04_registry/components/salaryNew/SalaryEmployee.vue";
+// import SalaryEmployeeTempVue from "@/modules/04_registry/components/salaryNew/SalaryEmployeeTemp.vue";

 import DisciplineVue from "@/modules/04_registry/components/Discipline.vue";
 import LeaveVue from "@/modules/04_registry/components/Leave.vue";
@ -918,7 +918,21 @@ const roleRegistryverify = ref<boolean>(false);
 function onClickVerified() {
  dialogConfirm(
    $q,
-    async () => {},
+    async () => {
+      showLoader();
+      await http
+        .put(config.API.profileVerified(profileId.value))
+        .then((res) => {
+          checIsVerified();
+          success($q, "ยืนยันการตรวจสอบข้อมูลสำเร็จ");
+        })
+        .catch((e) => {
+          messageError($q, e);
+        })
+        .finally(() => {
+          hideLoader();
+        });
+    },
    "ยืนยันการตรวจสอบข้อมูล",
    "ต้องการยืนยันการตรวจสอบข้อมูลนี้หรือไม่?"
  );
@ -927,7 +941,21 @@ function onClickVerified() {
 function onClickUnlock() {
  dialogConfirm(
    $q,
-    async () => {},
+    async () => {
+      showLoader();
+      await http
+        .put(config.API.profileVerifiedUnlock(profileId.value))
+        .then((res) => {
+          checIsVerified();
+          success($q, "ปลดล็อคให้แก้ไขข้อมูลสำเร็จ");
+        })
+        .catch((e) => {
+          messageError($q, e);
+        })
+        .finally(() => {
+          hideLoader();
+        });
+    },
    "ยืนยันการปลดให้แก้ไขข้อมูล",
    "ต้องการยืนยันการปลดให้แก้ไขข้อมูลนี้หรือไม่?"
  );
@ -941,7 +969,7 @@ onMounted(async () => {
      "registryverify"
    );
  }
-  console.log(roleKeyregistry.value, roleRegistryverify.value);
+
  await changeTab("information");
  await fetchData();
  await checIsVerified();
@ -985,13 +1013,16 @@ async function checIsVerified() {
    .then((res) => {
      const data = res.data.result;

-      profileStore.isVerified = data.isVerified
-        ? true
-        : roleRegistryverify.value
-        ? true
-        : roleKeyregistry.value
-        ? false
-        : false;
+      profileStore.isVerified = data.isVerified;
+      if (roleRegistryverify.value || roleKeyregistry.value) {
+        if (data.isVerified || roleRegistryverify.value) {
+          profileStore.isEdit = false;
+        } else {
+          profileStore.isEdit = true;
+        }
+      } else {
+        profileStore.isEdit = true;
+      }
    })
    .catch((err) => {
      messageError($q, err);
--- a/src/modules/04_registry/components/Salary.vue
+++ b/src/modules/04_registry/components/Salary.vue
--- a/src/modules/04_registry/components/Table.vue
+++ b/src/modules/04_registry/components/Table.vue
@ -69,6 +69,8 @@
  >
    <template v-slot:header="props">
      <q-tr :props="props">
+        <q-th auto-width v-if="name === 'ตำแหน่ง/เงินเดือน'" />
+        <q-th auto-width v-if="name === 'ตำแหน่ง/เงินเดือน'" />
        <q-th v-for="col in props.cols" :key="col.name" :props="props">
          <span class="text-weight-medium">{{ col.label }}</span>
        </q-th>
--- a/src/modules/04_registry/interface/index/Main.ts
+++ b/src/modules/04_registry/interface/index/Main.ts
@ -78,7 +78,34 @@ interface OptionLevel {
  posLevelName: string;
 }

+interface FormSalaryNew {
+  date: Date;
+  posNo: string;
+  templatePos: string;
+  position: string;
+  typePosition: string;
+  levelPosition: string;
+  salary: number | undefined;
+  salaryPos: number | undefined;
+  templateDoc: string;
+  doc: string;
+}
+
+interface FormSalaryNewRef {
+  date: object | null;
+  posNo: object | null;
+  templatePos: object | null;
+  position: object | null;
+  levelPosition: object | null;
+  salary: object | null;
+  templateDoc: object | null;
+  doc: object | null;
+  [key: string]: any;
+}
+
 export type {
+  FormSalaryNew,
+  FormSalaryNewRef,
  Pagination,
  DataOption,
  DataOptionInsignia,
--- a/src/modules/04_registry/store.ts
+++ b/src/modules/04_registry/store.ts
@ -3,6 +3,7 @@ import { defineStore } from "pinia";

 export const useProfileDataStore = defineStore("profile", () => {
  const isVerified = ref<boolean>(false);
+  const isEdit = ref<boolean>(false);
  const emplployeeClass = ref<string | null>("");
  interface profile {
    main: { columns: String[] };
@ -79,6 +80,7 @@ export const useProfileDataStore = defineStore("profile", () => {
  return {
    isLoad,
    isVerified,
+    isEdit,
    profileData,
    changeProfileColumns,
    birthDate,
--- a/src/modules/04_registry/stores/salary.ts
+++ b/src/modules/04_registry/stores/salary.ts
@ -0,0 +1,212 @@
+import { ref, computed } from "vue";
+import { defineStore } from "pinia";
+
+export const useSalaryDataStore = defineStore("salary", () => {
+  const optionPos = ref<any>([
+    {
+      id: 1,
+      name: "เลื่อนเงินเดือน",
+    },
+    {
+      id: 2,
+      name: "เลื่อนเงินเดือน (ดีเด่น)",
+    },
+    {
+      id: 3,
+      name: "เลื่อนเงินเดือน (เพิ่มเติม)",
+    },
+
+    {
+      id: 4,
+      name: "ปรับเงินเดือน",
+    },
+
+    {
+      id: 5,
+      name: "ปรับเงินเดือนเพิ่มเติมตามคุณวุฒิการศึกษา",
+    },
+    {
+      id: 6,
+      name: "ปรับเงินเดือนเพิ่มเติมตามคุณวุฒิการศึกษา (เพิ่มเติม)",
+    },
+    {
+      id: 7,
+      name: "เลื่อนเงินเดือนและให้ข้าราชการ กทม. สามัญได้รับเงินเดือนสูงกว่าขั้นสูงของตำแหน่งที่ได้รับแต่งตั้ง",
+    },
+    {
+      id: 8,
+      name: "เลื่อนเงินเดือนกรณีพิเศษให้แก่ผู้ปฏิบัติงานด้านยาเสพติด",
+    },
+    {
+      id: 9,
+      name: "{ประเภทตำแหน่ง} {ชื่อตำแหน่ง} สำนัก{ชื่อสำนัก}",
+    },
+    {
+      id: 10,
+      name: "แต่งตั้งข้าราชการ {ประเภทตำแหน่ง} {ชื่อตำแหน่ง} สำนัก{ชื่อสำนัก}",
+    },
+    {
+      id: 11,
+      name: "แก้ไขคำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 12,
+      name: "โปรดเกล้าฯ {ชื่อตำแหน่ง} สำนัก{ชื่อสำนัก}",
+    },
+
+    {
+      id: 13,
+      name: "ช่วยราชการที่{หน่วยงานและรายละเอียดต่างๆ}",
+    },
+
+    {
+      id: 14,
+      name: "ปฏิบัติหน้าที่ในตำแหน่ง{ชื่อตำแหน่ง} สำนัก{ชื่อสำนัก}",
+    },
+
+    {
+      id: 15,
+      name: "รักษาการในตำแหน่ง{ชื่อตำแหน่ง} สำนัก{ชื่อสำนัก}",
+    },
+    {
+      id: 16,
+      name: "พ้นจากการทดลองปฏิบัติหน้าที่ราชการ",
+    },
+
+    {
+      id: 17,
+      name: "งดเลื่อนขั้นเงินเดือน",
+    },
+    {
+      id: 18,
+      name: "แก้ไขคำสั่งเลื่อนขั้นเงินเดือน {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 19,
+      name: "ยกเลิกคำสั่งเลื่อนขั้นเงินเดือน {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 20,
+      name: "กลับไปปฏิบัติงานทางต้นสังกัดเดิม",
+    },
+    {
+      id: 21,
+      name: "โปรดเกล้าฯ แตงตั้งให้ดำรงตำแหน่ง{รายละเอียดของตำแหน่งและหน่วยงาน}",
+    },
+  ]);
+
+  const optionDoc = ref<any>([
+    {
+      id: 1,
+      name: "บรรจุและแต่งตั้งผู้สอบแข่งขันได้ คำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 2,
+      name: "ปรับเงินเดือนตาม{รายละเอียดของบัญชี เช่นชื่อ ฉบับที่ ปี พ.ศ.}",
+    },
+    {
+      id: 3,
+      name: "เลื่อนเงินเดือนตามคำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 4,
+      name: "เลื่อนเงินขั้นเดือน คำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 5,
+      name: "เลื่อนเงินขั้นเดือน (1 ขั้น) คำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 6,
+      name: "เลื่อนเงินขั้นเดือน (1.5 ขั้น) คำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 7,
+      name: "แต่งตั้งตามคำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 8,
+      name: "คำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 9,
+      name: "ปรับเงินเดือนตาม{รายละเอียดข้อมูล}",
+    },
+    {
+      id: 10,
+      name: "แก้ไขคำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม} ตามคำสั่ง {หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 11,
+      name: "เลื่อนระดับและแต่งตั้งคำสั่ง{หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 12,
+      name: "แต่งตั้งดำรงตำแหน่ง{ชื่อตำแหน่ง} คำสั่ง{หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 13,
+      name: "แต่งตั้งคำสั่ง{หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 14,
+      name: "เลื่อนและแต่งตั้งโดยการสอบคัดเลือก คำสั่ง{หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 15,
+      name: "แต่งตั้งข้าราชการให้ดำรงตำแหน่งของ{รายละเอียดของตำแหน่งและหน่วยงาน} คำสั่ง{หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+    {
+      id: 16,
+      name: "ย้ายตามคำสั่ง{หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+
+    {
+      id: 17,
+      name: "แต่งตั้งข้าราชการให้ดำรงตำแหน่งตามคำสั่ง{หน่วยงาน/สำนัก} ที่ {เลขที่}/{ปีงบประมาณ} ลว. {วันที่ลงนาม}",
+    },
+  ]);
+
+  const optiontype = ref<any>([
+    { id: 1, name: "ทั่วไป" },
+    { id: 2, name: "วิชาการ" },
+    { id: 3, name: "อำนวยการ" },
+    { id: 4, name: "บริหาร" },
+  ]);
+
+  const optipnLevel = ref<any>([
+    { id: 1, name: "1" },
+    { id: 2, name: "2" },
+    { id: 3, name: "3" },
+    { id: 4, name: "4" },
+    { id: 5, name: "5" },
+    { id: 6, name: "6" },
+    { id: 7, name: "7" },
+    { id: 8, name: "8" },
+    { id: 9, name: "9" },
+    { id: 10, name: "10" },
+    { id: 11, name: "11" },
+    { id: 12, name: "ปฏิบัติงาน" },
+    { id: 13, name: "ชำนาญงาน" },
+    { id: 14, name: "อาวุโส" },
+    { id: 15, name: "ทักษะพิเศษ" },
+    { id: 16, name: "ปฏิบัติการ" },
+    { id: 17, name: "ชำนาญการ" },
+    { id: 18, name: "ชำนาญการพิเศษ" },
+    { id: 19, name: "เชี่ยวชาญ" },
+    { id: 20, name: "ทรงคุณวุฒิ" },
+    { id: 21, name: "อำนวยการต้น" },
+    { id: 22, name: "อำนวยการสูง" },
+    { id: 23, name: "บริหารต้น" },
+    { id: 24, name: "บริหารสูง" },
+  ]);
+
+  return { optionPos, optionDoc, optiontype, optipnLevel };
+});
--- a/src/modules/04_registry/views/Main.vue
+++ b/src/modules/04_registry/views/Main.vue
@ -99,7 +99,7 @@
                      v-if="props.row.isVerified"
                      name="verified"
                      color="green"
-                      size="2rem"
+                      size="1.4rem"
                    />
                  </div>
                  <div v-else-if="col.name == 'fullname'">