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

- อัตรากำลัง ขรก. เพิ่มส่งหมายเหตุ
2024-04-09 12:16:12 +07:00 · 2024-04-09 12:16:12 +07:00 · 38b5bdd2d1
commit 38b5bdd2d1
parent 618037135d
4 changed files with 70 additions and 50 deletions
--- a/src/modules/02_organizationalNew/components/DialogAddPosition.vue
+++ b/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 {
--- a/src/modules/02_organizationalNew/components/DialogFormPosition.vue
+++ b/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">
-                    <q-input
-                      v-model="formData.shortName"
-                      dense
-                      outlined
-                      readonly
-                      for="#shortName"
-                      label="อักษรย่อ"
-                    />
+                  <div class="row col-8 q-col-gutter-sm">
+                    <div class="col-12">
+                      <q-input
+                        v-model="formData.shortName"
+                        dense
+                        outlined
+                        readonly
+                        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"
-                      :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"
+                      v-model="formData.reason"
                      :class="inputEdit(isReadonly)"
                      dense
                      outlined
-                      for="#suffixNo"
-                      label="Suffix เลขที่ตำแหน่ง"
+                      for="#reason"
+                      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>
--- a/src/modules/02_organizationalNew/interface/index/Main.ts
+++ b/src/modules/02_organizationalNew/interface/index/Main.ts
@ -30,6 +30,7 @@ interface FormDataPosition {
  prefixNo: string;
  positionNo: string;
  suffixNo: string;
+  reason?: string;
 }

 interface FormDataNewStructure {
--- a/src/modules/14_KPI/views/round.vue
+++ b/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"