Merge branch 'develop' into devTee

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}`,
 };

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>
 

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

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'

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 };

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 {

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 =
+    sumPosition.totalRoot = data.totalRootPosition ? data.totalRootPosition : 0;
-      typeOrganizational.value == "draft"
+
-        ? data.totalPositionNextUse
+    if (typeOrganizational.value == "draft") {
-        : data.totalPositionCurrentUse;
+      sumPosition.use = data.totalPositionNextUse;
-    sumPosition.vacant =
+      sumPosition.useRoot = data.totalRootPositionNextUse
-      typeOrganizational.value == "draft"
+        ? data.totalRootPositionNextUse
-        ? data.totalPositionNextVacant
+        : 0;
-        : data.totalPositionCurrentVacant;
+
+      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) {

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",

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"

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 SalaryVue from "@/modules/04_registry/components/Salary.vue";
-// import SalaryEmployeeVue from "@/modules/04_registry/components/SalaryEmployee.vue";
+import SalaryEmployeeVue from "@/modules/04_registry/components/SalaryEmployee.vue";
-// import SalaryEmployeeTempVue from "@/modules/04_registry/components/SalaryEmployeeTemp.vue";
+import SalaryEmployeeTempVue from "@/modules/04_registry/components/SalaryEmployeeTemp.vue";
 
-import SalaryVue from "@/modules/04_registry/components/salaryNew/Salary.vue";
+// import SalaryVue from "@/modules/04_registry/components/salaryNew/Salary.vue";
-import SalaryEmployeeVue from "@/modules/04_registry/components/salaryNew/SalaryEmployee.vue";
+// import SalaryEmployeeVue from "@/modules/04_registry/components/salaryNew/SalaryEmployee.vue";
-import SalaryEmployeeTempVue from "@/modules/04_registry/components/salaryNew/SalaryEmployeeTemp.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
+      profileStore.isVerified = data.isVerified;
-        ? true
+      if (roleRegistryverify.value || roleKeyregistry.value) {
-        : roleRegistryverify.value
+        if (data.isVerified || roleRegistryverify.value) {
-        ? true
+          profileStore.isEdit = false;
-        : roleKeyregistry.value
+        } else {
-        ? false
+          profileStore.isEdit = true;
-        : false;
+        }
+      } else {
+        profileStore.isEdit = true;
+      }
     })
     .catch((err) => {
       messageError($q, err);

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>

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,

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,

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 };
+});

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'">