ประเมินเชี่ยวชาญ

src/api/evaluate/api.evaluate.ts

@@ -38,4 +38,7 @@ export default {
     `${evaluation}/document/${val}/${id}`,
   loadFileDocument: (val: string, id: string, file: String) =>
     `${evaluation}/document/${val}/${id}/${file}`,
+
+
+  evaluationExpertise:`${evaluation}/expertise`
 };

src/modules/06_evaluate/components/ExpertPage.vue

@@ -1,13 +1,52 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue";
+import { ref, reactive,watch,onMounted } from "vue";
-import { useRouter } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import type { FormRef } from "@/modules/06_evaluate/interface/evalute";
+import axios from "axios";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
+import genReport from "@/plugins/genreport";
+
+const router = useRouter();
+const route = useRoute();
+
+const evaluateId = ref<string>(route.params.id as string);
+const profile = ref<any>();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { dialogConfirm, messageError, showLoader, hideLoader } = mixin;
+const {
+  dialogConfirm,
+  messageError,
+  showLoader,
+  hideLoader,
+  date2Thai,
+  success,
+} = mixin;
+
+interface FormCommand {
+  commanderFullname: string;
+  commanderPosition: string;
+  commanderAboveFullname: string;
+  commanderAbovePosition: string;
+  author: string;
+  subject: string;
+  assignedPosition: string;
+}
+
+/** form ผู้เซ็นเอกสาร*/
+const formCommand = reactive<FormCommand>({
+  commanderFullname: "",
+  commanderPosition: "",
+  commanderAboveFullname: "",
+  commanderAbovePosition: "",
+  author: "",
+  subject: "",
+  assignedPosition: "",
+});
+
 const formData = reactive<any>({
   subject: "",
   author: "",
@@ -17,7 +56,20 @@ const formData = reactive<any>({
   commanderAbovePosition: "",
 });
 
-const router = useRouter();
+const downloadFile1 = ref<string>("");
+const downloadFile2 = ref<string>("");
+const downloadFile3 = ref<string>("");
+const downloadFile4 = ref<string>("");
+const downloadFile5 = ref<string>("");
+const downloadFile6 = ref<string>("");
+
+/** ตัวแปร file*/
+const fileEvaluation1 = ref<any>();
+const fileEvaluation2 = ref<any>();
+const fileEvaluation3 = ref<any>();
+const fileEvaluation4 = ref<any>();
+const fileEvaluation5 = ref<any>();
+const fileEvaluation6 = ref<any>();
 
 const subjectRef = ref<Object | null>(null);
 const authorRef = ref<Object | null>(null);
@@ -41,11 +93,17 @@ const files = [
     id: "file1",
     fileName: "แบบพิจารณาคุณสมบัติบุคคล",
     pathName: "1-แบบพิจารณาคุณสมบัติบุคคล",
+    tp: "EV1_005",
+    templateName: "template-1",
+    nameFile: "แบบพิจารณาคุณสมบัติบุคคล",
   },
   {
     id: "file2",
     fileName: "แบบแสดงรายละเอียดการเสนอผลงาน",
     pathName: "2-แบบแสดงรายละเอียดการเสนอผลงาน",
+    tp: "EV1_006",
+    templateName: "template-2",
+    nameFile: "แบบแสดงรายละเอียดการเสนอผลงาน",
   },
   {
     id: "file3",
@@ -53,21 +111,34 @@ const files = [
       "แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
     pathName:
       "3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
+    tp: "EV1_007",
+    templateName: "template-3",
+    nameFile:
+      "แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก)",
   },
   {
     id: "file4",
     fileName: "แบบประเมินคุณลักษณะบุคคล",
     pathName: "4-แบบประเมินคุณลักษณะบุคคล",
+    tp: "EV1_008",
+    templateName: "template-4",
+    nameFile: "แบบประเมินคุณลักษณะบุคคล",
   },
   {
     id: "file5",
     fileName: "แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)",
     pathName: "5-แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)",
+    tp: "EV1_009",
+    templateName: "template-5",
+    nameFile: "แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)",
   },
   {
     id: "file6",
     fileName: "ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
     pathName: "6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
+    tp: "EV1_010",
+    templateName: "template-6",
+    nameFile: "ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)",
   },
 ];
 
@@ -93,25 +164,19 @@ async function downloadFile(name: string) {
 
 function onSubmit() {
   dialogConfirm($q, () => {
-    console.log(formData);
+    showLoader();
-    // showLoader();
+    http
-    // http
+      .post(config.API.evaluationExpertise, formData)
-    //   .post(config.API.createOrganization, formData)
+      .then((res) => {
-    //   .then((res) => {
+        router.push(`/evaluate/detail/expertise/${res.data.result.id}`)
-    //     status.value = true;
+      })
-    //     store.typeOrganizational = "draft";
+      .catch((err) => {
-    //     store.draftId = res.data.result.id;
+        messageError($q, err);
-    //     success($q, "บันทึกข้อมูลสำเร็จ");
+      })
-    //     // props.fetchActive?.();
+      .finally(async () => {
-    //   })
+        await close();
-    //   .catch((err) => {
+        await hideLoader();
-    //     messageError($q, err);
+      });
-    //   })
-    //   .finally(async () => {
-    //     modal.value = await false;
-    //     await close();
-    //     await hideLoader();
-    //   });
   });
 }
 
@@ -132,12 +197,174 @@ function validateForm() {
   } else {
   }
 }
+
+/**
+ * funcion ดาวน์โหลดไฟล์
+ * @param tp templatname
+ * @param templateName
+ * @param fileName ชือ่ไฟล์
+ */
+async function onClickDowloadFile(
+  tp: string,
+  templateName: string,
+  fileName: string
+) {
+  showLoader();
+  let educations: any = [];
+  if (profile.value != null) {
+    profile.value.educations.map((e: any) => {
+      educations.push({
+        educationLevel: e.educationLevel ?? "",
+        finishYear:
+          e.finishDate == null
+            ? ""
+            : new Date(e.finishDate).getFullYear() + 543,
+        institute: e.institute ?? "",
+      });
+    });
+  }
+  let certificates: any = [];
+  if (profile.value != null) {
+    profile.value.certificates.map((e: any) => {
+      certificates.push({
+        certificateNo: e.certificateNo ?? "",
+        certificateType: e.certificateType ?? "",
+        issuer: e.issuer ?? "",
+      });
+    });
+  }
+  let salaries: any = [];
+  if (profile.value != null) {
+    profile.value.salaries.map((e: any) => {
+      salaries.push({
+        date: e.date == null ? "" : date2Thai(new Date(e.date)),
+        position: e.position ?? "",
+        amount: e.amount ?? "",
+      });
+    });
+  }
+  let trainings: any = [];
+  if (profile.value != null) {
+    profile.value.trainings.map((e: any) => {
+      trainings.push({
+        yearly: e.yearly ?? "",
+        startDate: e.startDate == null ? "" : date2Thai(new Date(e.startDate)),
+        endDate: e.endDate == null ? "" : date2Thai(new Date(e.endDate)),
+        name: e.name ?? "",
+        topic: e.topic ?? "",
+      });
+    });
+  }
+  const data = Object.assign(
+    { educations: educations },
+    { certificates: certificates },
+    { salaries: salaries },
+    { trainings: trainings },
+    { fullName: profile.value == null ? "" : profile.value.fullName },
+    { position: profile.value == null ? "" : profile.value.position },
+    { positionLevel: profile.value == null ? "" : profile.value.positionLevel },
+    { posNo: profile.value == null ? "" : profile.value.posNo },
+    { oc: profile.value == null ? "" : profile.value.oc },
+    {
+      birthDate:
+        profile.value == null ? "" : date2Thai(profile.value.birthDate),
+    },
+    { govAge: profile.value == null ? "" : profile.value.govAge },
+    {
+      positionLevelNew:
+        profile.value == null
+          ? ""
+          : profile.value.type == "EXPERT"
+          ? "ชำนาญการ"
+          : "ชำนาญการพิเศษ",
+    },
+    tp === "EV1_005" || tp === "EV1_007" ? { organizationName: "-" } : null,
+    tp === "EV1_007" ? { positionName: "-" } : null,
+    tp === "EV1_007" ? { positionLeaveName: "-" } : null
+  );
+  const body = {
+    template: tp,
+    reportName: templateName,
+    data: data,
+  };
+  await genReport(body, fileName); //สร้างไฟล์ต้นแบบ
+}
+
+/**
+ * function fetch ลิงก์อัปโหลดไฟล์
+ * @param volume เล่ม
+ * @param id  evaluate ID
+ * @param type ประเภทไฟล์
+ * @param file ไฟล์
+ */
+async function fetchPathUpload(
+  volume: string,
+  id: string | undefined,
+  type: string,
+  file: any
+) {
+  const body = {
+    fileList: {
+      fileName: type,
+      metadata: {
+        subject: formCommand.subject,
+        author: formCommand.author,
+      },
+    },
+  };
+
+  if (id && file) {
+    showLoader();
+    await http
+      .post(config.API.loadPathDocument(volume, id), body)
+      .then((res) => {
+        const foundKey: string | undefined = Object.keys(res.data).find(
+          (key) =>
+            res.data[key]?.fileName !== undefined &&
+            res.data[key]?.fileName !== ""
+        );
+        foundKey && uploadfile(res.data[foundKey]?.uploadUrl, file);
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        downloadFile(type);
+        hideLoader();
+      });
+  }
+}
+
+/**
+ *  functoin อัปโหลดไฟล์
+ * @param uploadUrl  link อัปโหลด
+ * @param file  ไฟล์
+ */
+async function uploadfile(uploadUrl: string, file: any) {
+  showLoader();
+  await axios
+    .put(uploadUrl, file, {
+      headers: {
+        "Content-Type": file.type,
+      },
+    })
+    .then(() => {
+      success($q, "อัปโหลไฟล์สำเร็จ");
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 </script>
 
 <template>
-  <form @submit.prevent="validateForm">
+  <q-form @submit.prevent="validateForm">
     <div class="col-12 row justify-center">
-      <div class="col-xs-12 col-sm-12 col-md-11">
+      <div class="col-xs-12 col-sm-12 col-md-11 q-mb-sm">
         <div class="toptitle text-white col-12 row items-center">
           <q-btn
             icon="mdi-arrow-left"
@@ -154,175 +381,181 @@ function validateForm() {
       </div>
 
       <div class="col-xs-12 col-sm-12 col-md-11 row q-col-gutter-md">
-        <div class="col-12 row">
+        <div class="col-12">
-          <q-card
+          <q-card bordered>
-            bordered
+            <div class="col-12 row q-pa-md q-col-gutter-y-md">
-            class="col-12 row caedNone q-pa-md q-col-gutter-y-md"
+              <div class="col-12">
-          >
+                <q-card bordered class="col-12">
-            <div class="col-12">
+                  <div
-              <q-card bordered class="cardSp1 col-12">
+                    class="text-weight-medium bg-grey-1 col-12 q-py-sm q-px-md"
-                <div
+                  >
-                  class="text-weight-medium bg-grey-1 col-12 q-py-sm q-px-md"
+                    ผลงาน
-                >
-                  ผลงาน
-                </div>
-                <div class="col-12"><q-separator /></div>
-                <div class="col-12 q-pa-sm">
-                  <div class="row q-col-gutter-sm">
-                    <q-input
-                      ref="subjectRef"
-                      dense
-                      class="col-xs-12 col-sm-6"
-                      outlined
-                      label="ชื่อผลงาน"
-                      v-model="formData.subject"
-                      :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
-                      lazy-rules
-                      hide-bottom-space
-                    />
-                    <q-input
-                      ref="authorRef"
-                      class="col-xs-12 col-sm-6"
-                      dense
-                      outlined
-                      v-model="formData.author"
-                      label="เจ้าของผลงาน"
-                      :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
-                      lazy-rules
-                      hide-bottom-space
-                    />
                   </div>
-                </div>
+                  <div class="col-12"><q-separator /></div>
-              </q-card>
+                  <div class="col-12 q-pa-sm">
-            </div>
+                    <div class="row q-col-gutter-sm">
-
+                      <q-input
-            <!-- เลือกผู้เซ็นเอกสาร -->
+                        ref="subjectRef"
-            <div class="col-12">
+                        dense
-              <q-card bordered class="cardSp1 col-12">
+                        class="col-xs-12 col-sm-6"
-                <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+                        outlined
-                  เลือกผู้เซ็นเอกสาร
+                        label="ชื่อผลงาน"
-                </div>
+                        v-model="formData.subject"
-                <div class="col-12"><q-separator /></div>
+                        :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
-                <div class="col-12 q-pa-sm">
+                        lazy-rules
-                  <div class="row q-col-gutter-sm">
+                        hide-bottom-space
-                    <div class="col-xs-12 col-sm-12 row">
+                      />
-                      <div class="text-weight-medium q-pt-xs q-pl-sm">
+                      <q-input
-                        ผู้บังคับบัญชาชั้นต้น
+                        ref="authorRef"
-                      </div>
+                        class="col-xs-12 col-sm-6"
-                      <div class="row col-12 q-col-gutter-sm q-pa-sm">
+                        dense
-                        <q-input
+                        outlined
-                          ref="commanderFullnameRef"
+                        v-model="formData.author"
-                          dense
+                        label="เจ้าของผลงาน"
-                          class="col-xs-12 col-sm-6"
+                        :rules="[
-                          outlined
+                          (val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`,
-                          label="ชื่อ-นามสกุล"
+                        ]"
-                          v-model="formData.commanderFullname"
+                        lazy-rules
-                          :rules="[
+                        hide-bottom-space
-                            (val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
+                      />
-                          ]"
-                          lazy-rules
-                          hide-bottom-space
-                        />
-                        <q-input
-                          ref="commanderPositionRef"
-                          class="col-xs-12 col-sm-6"
-                          dense
-                          outlined
-                          v-model="formData.commanderPosition"
-                          label="ตำแหน่ง"
-                          :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
-                          lazy-rules
-                          hide-bottom-space
-                        />
-                      </div>
                     </div>
                   </div>
-                  <div class="row q-col-gutter-sm col-12">
+                </q-card>
-                    <div class="col-xs-12 col-sm-12 row">
+              </div>
-                      <div class="text-weight-medium q-pl-sm q-pt-sm">
+
-                        ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
+              <!-- เลือกผู้เซ็นเอกสาร -->
-                      </div>
+              <div class="col-12">
-                      <div class="row col-12 q-col-gutter-md q-pa-sm">
+                <q-card bordered class="col-12">
-                        <q-input
+                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-                          ref="commanderAboveFullnameRef"
+                    เลือกผู้เซ็นเอกสาร
-                          dense
-                          class="col-xs-12 col-sm-6"
-                          outlined
-                          v-model="formData.commanderAboveFullname"
-                          label="ชื่อ-นามสกุล"
-                          :rules="[
-                            (val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
-                          ]"
-                          lazy-rules
-                          hide-bottom-space
-                        />
-                        <q-input
-                          ref="commanderAbovePositionRef"
-                          class="col-xs-12 col-sm-6"
-                          dense
-                          outlined
-                          v-model="formData.commanderAbovePosition"
-                          label="ตำแหน่ง"
-                          :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
-                          lazy-rules
-                          hide-bottom-space
-                        />
-                      </div>
-                    </div>
                   </div>
-                </div>
+                  <div class="col-12"><q-separator /></div>
-              </q-card>
+                  <div class="col-12 q-pa-sm">
-            </div>
+                    <div class="row q-col-gutter-sm">
-
+                      <div class="col-xs-12 col-sm-12 row">
-            <div class="col-12">
+                        <div class="text-weight-medium q-pt-xs q-pl-sm">
-              <q-card bordered class="cardSp1 col-12">
+                          ผู้บังคับบัญชาชั้นต้น
-                <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+                        </div>
-                  ดาวน์โหลดเอกสาร
+                        <div class="row col-12 q-col-gutter-sm q-pa-sm">
-                </div>
+                          <q-input
-                <div class="col-12"><q-separator /></div>
+                            ref="commanderFullnameRef"
-
-                <q-list
-                  v-for="file in files"
-                  :key="file.id"
-                  class="full-width"
-                  bordered
-                >
-                  <q-item clickable v-ripple>
-                    <q-item-section class="text-grey-9">{{
-                      file.fileName
-                    }}</q-item-section>
-                    <q-item-section avatar>
-                      <div class="row">
-                        <div>
-                          <q-btn
                             dense
-                            flat
+                            class="col-xs-12 col-sm-6"
-                            round
+                            outlined
-                            size="12px"
+                            label="ชื่อ-นามสกุล"
-                            color="blue"
+                            v-model="formData.commanderFullname"
-                            icon="mdi-download"
+                            :rules="[
-                            @click="downloadFile(file.pathName)"
+                              (val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
-                          >
+                            ]"
-                            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+                            lazy-rules
-                          </q-btn>
+                            hide-bottom-space
+                          />
+                          <q-input
+                            ref="commanderPositionRef"
+                            class="col-xs-12 col-sm-6"
+                            dense
+                            outlined
+                            v-model="formData.commanderPosition"
+                            label="ตำแหน่ง"
+                            :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                            lazy-rules
+                            hide-bottom-space
+                          />
                         </div>
                       </div>
-                    </q-item-section>
+                    </div>
-                  </q-item>
+                    <div class="row q-col-gutter-sm col-12">
-                </q-list>
+                      <div class="col-xs-12 col-sm-12 row">
-              </q-card>
+                        <div class="text-weight-medium q-pl-sm q-pt-sm">
-              <div class="q-pt-sm q-gutter-sm" align="right">
+                          ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
-                <q-btn
+                        </div>
-                  type="submit"
+                        <div class="row col-12 q-col-gutter-md q-pa-sm">
-                  unelevated
+                          <q-input
-                  label="บันทึกข้อมูล"
+                            ref="commanderAboveFullnameRef"
-                  color="public"
+                            dense
-                />
+                            class="col-xs-12 col-sm-6"
+                            outlined
+                            v-model="formData.commanderAboveFullname"
+                            label="ชื่อ-นามสกุล"
+                            :rules="[
+                              (val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`,
+                            ]"
+                            lazy-rules
+                            hide-bottom-space
+                          />
+                          <q-input
+                            ref="commanderAbovePositionRef"
+                            class="col-xs-12 col-sm-6"
+                            dense
+                            outlined
+                            v-model="formData.commanderAbovePosition"
+                            label="ตำแหน่ง"
+                            :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                            lazy-rules
+                            hide-bottom-space
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </q-card>
+              </div>
+
+              <div class="col-12">
+                <q-card bordered>
+                  <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+                    ดาวน์โหลดเอกสาร
+                  </div>
+                  <div class="col-12"><q-separator /></div>
+
+                  <q-list
+                    v-for="file in files"
+                    :key="file.id"
+                    class="full-width"
+                    bordered
+                  >
+                    <q-item clickable v-ripple>
+                      <q-item-section class="text-grey-9">{{
+                        file.fileName
+                      }}</q-item-section>
+                      <q-item-section avatar>
+                        <div class="row">
+                          <div>
+                            <q-btn
+                              dense
+                              flat
+                              round
+                              size="12px"
+                              color="blue"
+                              icon="mdi-download"
+                              @click="
+                                onClickDowloadFile(
+                                  file.tp,
+                                  file.templateName,
+                                  file.nameFile
+                                )
+                              "
+                            >
+                              <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+                            </q-btn>
+                          </div>
+                        </div>
+                      </q-item-section>
+                    </q-item>
+                  </q-list>
+                </q-card>
               </div>
             </div>
+            <q-separator />
+
+            <q-card-actions align="right">
+              <q-btn label="บันทึกข้อมูล" color="secondary" type="submit"
+                ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
+              >
+            </q-card-actions>
           </q-card>
         </div>
       </div>
     </div>
-  </form>
+  </q-form>
 </template>

src/modules/06_evaluate/components/TableListEvaluate.vue

@@ -42,7 +42,7 @@ const props = defineProps({
 const emit = defineEmits(["update:pagination"]);
 
 /** ค้นหาคอลัม */
-const visibleColumns = ref<string[]>(["no", "type", "dateSend", "status"]);
+const visibleColumns = ref<string[]>(["no", "type_th", "dateSend", "status"]);
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -54,11 +54,11 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px; ",
   },
   {
-    name: "type",
+    name: "type_th",
     align: "left",
     label: "ระดับที่ยื่นขอ",
     sortable: true,
-    field: "type",
+    field: "type_th",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px; ",
   },

src/modules/06_evaluate/router.ts

@@ -3,6 +3,7 @@ const evaluateMain = () =>
 const evaluateStep = () =>
   import("@/modules/06_evaluate/components/EvaluateStepMain.vue");
 const expertPage = () => import('@/modules/06_evaluate/components/ExpertPage.vue')
+const expertPageDetail = () => import('@/modules/06_evaluate/components/ExpertPageDetail.vue')
 export default [
   {
     path: "/evaluate",
@@ -41,4 +42,13 @@ export default [
       Key: [7],
     },
   },
+  {
+    path: "/evaluate/detail/expertise/:id",
+    name: "evaluate-expert-detail",
+    component: expertPageDetail,
+    meta: {
+      Auth: true,
+      Key: [7],
+    },
+  },
 ];

src/modules/06_evaluate/store.ts

@@ -20,7 +20,8 @@ export const useEvaluateStore = defineStore("evaluateStore", () => {
     const list = data.map((e: any) => ({
       id: e.id,
       typeparam: e.type,
-      type: e.type === "EXPERT" ? "ชำนาญการ" : "ชำนาญการพิเศษ",
+      type: e.type,
+      type_th: e.type_th,
       dateSend: date2Thai(e.updatedAt),
       status: convertStatus(e.step),
       step: e.step,