- ปิด filter ค้นหารอบการประเมิน

- อัตรากำลัง ขรก. เพิ่มส่งหมายเหตุ

src/modules/02_organizationalNew/components/DialogAddPosition.vue

@@ -7,13 +7,9 @@ import DialogHeader from "@/components/DialogHeader.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import type {
-  FormDataPosition,
-  FormPositionRef,
   DataOption,
   FormPositionSelect,
-  RowDetailPositions,
   FormPositionSelectRef,
-  ListMenu,
 } from "@/modules/02_organizationalNew/interface/index/Main";
 
 import type {

src/modules/02_organizationalNew/components/DialogFormPosition.vue

@@ -37,7 +37,7 @@ const props = defineProps({
   shortName: { type: String, required: true },
 });
 
-const isEdit = ref<boolean>(false)
+const isEdit = ref<boolean>(false);
 const modalAdd = ref<boolean>(false);
 const reqMaster = defineModel<FilterMaster>("reqMaster", { required: true });
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
@@ -117,6 +117,7 @@ const formData = reactive<FormDataPosition>({
   prefixNo: "",
   positionNo: "",
   suffixNo: "",
+  reason: "",
 });
 
 const formPositionSelect = reactive<FormPositionSelect>({
@@ -239,6 +240,7 @@ async function fetchPosition(id: string) {
       formData.prefixNo = data.posMasterNoPrefix;
       formData.positionNo = data.posMasterNo;
       formData.suffixNo = data.posMasterNoSuffix;
+      formData.reason = data.reason;
       rows.value = data.positions;
     })
     .catch((err) => {
@@ -358,15 +360,16 @@ function onSubmit() {
       posDictField: e.positionField, //สายงาน
       posTypeId: e.posTypeId, //*ประเภทตำแหน่ง
       posLevelId: e.posLevelId, //*ระดับตำแหน่ง
-      posExecutiveId: e.posExecutiveId ? e.posExecutiveId:'', //ตำแหน่งทางการบริหาร
+      posExecutiveId: e.posExecutiveId ? e.posExecutiveId : "", //ตำแหน่งทางการบริหาร
       posDictExecutiveField: e.positionExecutiveField, //ด้านทางการบริหาร
       posDictArea: e.positionArea, //ด้าน/สาขา
-      isSpecial: e.isSpecial, 
+      isSpecial: e.isSpecial,
     }));
     const body = {
       posMasterNoPrefix: formData.prefixNo, //*Prefix นำหน้าเลขที่ตำแหน่ง เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
       posMasterNo: Number(formData.positionNo), //*เลขที่ตำแหน่ง เป็นตัวเลข
       posMasterNoSuffix: formData.suffixNo, //Suffix หลังเลขที่ตำแหน่ง เช่น ช.
+      reason: formData.reason, //Suffix หลังเลขที่ตำแหน่ง เช่น ช.
       orgRootId: props.orgLevel === 0 ? props.treeId : null, //Id สำนัก
       orgChild1Id: props.orgLevel === 1 ? props.treeId : null,
       orgChild2Id: props.orgLevel === 2 ? props.treeId : null,
@@ -502,7 +505,7 @@ function editDetiail(data: RowDetailPositions) {
   isEdit.value = true;
   modalAdd.value = true;
   dataCopy.value = data;
-  console.log(isEdit.value)
+  console.log(isEdit.value);
 }
 
 /**
@@ -633,52 +636,70 @@ async function emitSearch(keyword: string, typeSelect: string) {
                 </div>
                 <div class="col-12"><q-separator /></div>
                 <div class="row q-col-gutter-sm col-12 q-pa-sm">
-                  <div class="col-3">
+                  <div class="row col-8 q-col-gutter-sm">
-                    <q-input
+                    <div class="col-12">
-                      v-model="formData.shortName"
+                      <q-input
-                      dense
+                        v-model="formData.shortName"
-                      outlined
+                        dense
-                      readonly
+                        outlined
-                      for="#shortName"
+                        readonly
-                      label="อักษรย่อ"
+                        for="#shortName"
-                    />
+                        label="อักษรย่อ"
+                      />
+                    </div>
+                    <div class="col-4">
+                      <q-input
+                        v-model="formData.prefixNo"
+                        :class="inputEdit(isReadonly)"
+                        ref="prefixNoRef"
+                        dense
+                        outlined
+                        for="#prefixNo"
+                        label="Prefix เลขที่ตำเเหน่ง"
+                      />
+                    </div>
+                    <div class="col-4">
+                      <q-input
+                        v-model="formData.positionNo"
+                        :class="inputEdit(isReadonly)"
+                        ref="positionNoRef"
+                        dense
+                        outlined
+                        for="#positionNo"
+                        label="เลขที่ตำแหน่ง"
+                        lazy-rules
+                        hide-bottom-space
+                        :rules="[
+                          (val) => !!val || `${'กรุณากรอกเลขที่ตำแหน่ง'}`,
+                        ]"
+                        mask="########################"
+                      />
+                    </div>
+                    <div class="col-4">
+                      <q-input
+                        v-model="formData.suffixNo"
+                        :class="inputEdit(isReadonly)"
+                        dense
+                        outlined
+                        for="#suffixNo"
+                        label="Suffix เลขที่ตำแหน่ง"
+                      />
+                    </div>
                   </div>
-                  <div class="col-3">
+
+                  <div class="col-4">
                     <q-input
-                      v-model="formData.prefixNo"
+                      v-model="formData.reason"
-                      :class="inputEdit(isReadonly)"
-                      ref="prefixNoRef"
-                      dense
-                      outlined
-                      for="#prefixNo"
-                      label="Prefix เลขที่ตำเเหน่ง"
-                    />
-                  </div>
-                  <div class="col-3">
-                    <q-input
-                      v-model="formData.positionNo"
-                      :class="inputEdit(isReadonly)"
-                      ref="positionNoRef"
-                      dense
-                      outlined
-                      for="#positionNo"
-                      label="เลขที่ตำแหน่ง"
-                      lazy-rules
-                      hide-bottom-space
-                      :rules="[(val) => !!val || `${'กรุณากรอกเลขที่ตำแหน่ง'}`]"
-                      mask="########################"
-                    />
-                  </div>
-                  <div class="col-3">
-                    <q-input
-                      v-model="formData.suffixNo"
                       :class="inputEdit(isReadonly)"
                       dense
                       outlined
-                      for="#suffixNo"
+                      for="#reason"
-                      label="Suffix เลขที่ตำแหน่ง"
+                      label="หมายเหตุ"
+                      type="textarea"
+                      rows="4"
                     />
                   </div>
+
                   <div class="col-12">
                     <d-table
                       ref="table"
@@ -927,7 +948,9 @@ async function emitSearch(keyword: string, typeSelect: string) {
                                     @click="
                                       item.type === 'copy'
                                         ? copyDetiail(props.row)
-                                        : item.type === 'edit' ? editDetiail(props.row) : deletePos(props.row.id)
+                                        : item.type === 'edit'
+                                        ? editDetiail(props.row)
+                                        : deletePos(props.row.id)
                                     "
                                   >
                                     <q-item-section avatar>

src/modules/02_organizationalNew/interface/index/Main.ts

@@ -30,6 +30,7 @@ interface FormDataPosition {
   prefixNo: string;
   positionNo: string;
   suffixNo: string;
+  reason?: string;
 }
 
 interface FormDataNewStructure {

src/modules/14_KPI/views/round.vue

@@ -333,7 +333,7 @@ onMounted(() => {
           <q-tooltip>ดาวน์โหลด</q-tooltip>
         </q-btn> -->
 
-        <q-input
+        <!-- <q-input
           standout
           dense
           v-model="formQuery.keyword"
@@ -354,7 +354,7 @@ onMounted(() => {
               "
             />
           </template>
-        </q-input>
+        </q-input> -->
 
         <q-select
           v-model="visibleColumns"