updated format code

2024-09-03 11:28:01 +07:00 · 2024-09-03 11:28:01 +07:00 · b14bad2249
commit b14bad2249
parent b75d69ea08
241 changed files with 14012 additions and 13811 deletions
--- a/src/modules/11_discipline/components/1_Complaint/EditPage.vue
+++ b/src/modules/11_discipline/components/1_Complaint/EditPage.vue
@ -26,7 +26,9 @@ const router = useRouter();
 const route = useRoute();
 const id = ref<string>(route.params.id as string);

-const checkRoutePermisson = ref<boolean>(route.name == "disciplineComplaintsDetail");
+const checkRoutePermisson = ref<boolean>(
+  route.name == "disciplineComplaintsDetail"
+);

 const modalPopup = ref<boolean>(false);

@ -188,7 +190,7 @@ async function getData() {
      data.disciplineComplaintDocs = dataList.disciplineComplaintDocs;
      data.activeId = dataList.activeId;

-      mainStore.fetchDataRowsSend(dataList.persons)
+      mainStore.fetchDataRowsSend(dataList.persons);
    })
    .catch((e) => {
      messageError($q, e);
@ -351,7 +353,13 @@ onMounted(() => {
        class="q-mr-sm"
        @click="$router.push(`/discipline/complaints`)"
      />
-      <div class="q-ma-none">{{ checkRoutePermisson ? 'รายละเอียดเรื่องร้องเรียน':'แก้ไขเรื่องร้องเรียน'}}</div>
+      <div class="q-ma-none">
+        {{
+          checkRoutePermisson
+            ? "รายละเอียดเรื่องร้องเรียน"
+            : "แก้ไขเรื่องร้องเรียน"
+        }}
+      </div>
      <q-space />
      <div class="q-gutter-x-sm" v-if="!checkRoutePermisson">
        <q-btn
--- a/src/modules/11_discipline/components/1_Complaint/TableComplaint.vue
+++ b/src/modules/11_discipline/components/1_Complaint/TableComplaint.vue
@ -164,7 +164,7 @@ watch(
 * ฟังชั่นสำหรับ เปลี่ยน route ตาม id ที่รับมา
 * @param id ไอดีระบุ
 */
- function onDetail(id: string) {
+function onDetail(id: string) {
  router.push(`/discipline/complaints-detail/${id}`);
 }

@ -216,7 +216,10 @@ onMounted(() => {
            ><q-tooltip>รายละเอียด</q-tooltip></q-btn
          >
          <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate && checkPermission($route)?.attrIsGet"
+            v-if="
+              checkPermission($route)?.attrIsUpdate &&
+              checkPermission($route)?.attrIsGet
+            "
            id="addComplaints"
            for="addComplaints"
            dense
--- a/src/modules/11_discipline/components/2_InvestigateFacts/AddPage.vue
+++ b/src/modules/11_discipline/components/2_InvestigateFacts/AddPage.vue
@ -5,9 +5,9 @@ import { useRoute, useRouter } from "vue-router";
 const router = useRouter();

 /** บันทึกข้อมูลเเละ route กลับหน้าหลัก */
-async function onSubmit(){
+async function onSubmit() {
  router.push(`/discipline/investigatefacts`);
-};
+}
 </script>

 <template>
--- a/src/modules/11_discipline/components/2_InvestigateFacts/CalandarDialog.vue
+++ b/src/modules/11_discipline/components/2_InvestigateFacts/CalandarDialog.vue
@ -81,7 +81,7 @@ const dateMonth = ref<DataDateMonthObject>({
 async function fetchCalendar() {
  showLoader();
  const defaultColor = "#e3fdda";
-  const gradientColors = '#f7d0dd'
+  const gradientColors = "#f7d0dd";

  const events = await props.lists.map(
    (e: ExtendHistoryObject, index: number) => ({
@ -91,9 +91,7 @@ async function fetchCalendar() {
      end: moment(e.dateEnd).format("YYYY-MM-DD") + " 23:59:59",
      allDay: false,
      color:
-        props.lists.length > 1 && index > 0
-          ? gradientColors
-          : defaultColor,
+        props.lists.length > 1 && index > 0 ? gradientColors : defaultColor,
    })
  );
  calendarOptions.value.events = events;
--- a/src/modules/11_discipline/components/2_InvestigateFacts/Calendar.vue
+++ b/src/modules/11_discipline/components/2_InvestigateFacts/Calendar.vue
@ -132,29 +132,29 @@ async function cancel(text: string) {
 * ฟังก์ชั่นเปิด model
 * @param text
 */
-async function view(text: string){
+async function view(text: string) {
  title.value = text;
  modalCancel.value = true;
  modeCancel.value = false;
-};
+}

-async function updateMonth(e: DataDateMonthObject){
+async function updateMonth(e: DataDateMonthObject) {
  if (e != null) {
    dateYear.value = e.year;

    changCalendar();
  }
-};
+}

-function monthYearThai(val: DataDateMonthObject){
+function monthYearThai(val: DataDateMonthObject) {
  if (val == null) return "";
  else return monthYear2Thai(val.month, val.year);
-};
+}

 /**
 * เรียกฟังก์ชันทั้งหมดตอนเรียกใช้ไฟล์นี้
 */
- onMounted(async () => {
+onMounted(async () => {
  fetchCalendar();
 });
 </script>
--- a/src/modules/11_discipline/components/2_InvestigateFacts/EditPage.vue
+++ b/src/modules/11_discipline/components/2_InvestigateFacts/EditPage.vue
@ -28,7 +28,9 @@ const { dialogConfirm, showLoader, success, hideLoader, messageError } = mixin;
 const route = useRoute();
 const router = useRouter();

-const checkRoutePermisson = ref<boolean>(route.name == "disciplineInvestigatefactsDetail");
+const checkRoutePermisson = ref<boolean>(
+  route.name == "disciplineInvestigatefactsDetail"
+);
 const id = ref<string>(route.params.id as string);
 const modalPopup = ref<boolean>(false);

@ -351,7 +353,13 @@ watch(
        class="q-mr-sm"
        @click="$router.push(`/discipline/investigatefacts`)"
      />
-      <div class="q-ma-none">{{ checkRoutePermisson ? 'รายละเอียดรายการสืบสวนข้อเท็จจริง':'แก้ไขรายการสืบสวนข้อเท็จจริง'}}</div>
+      <div class="q-ma-none">
+        {{
+          checkRoutePermisson
+            ? "รายละเอียดรายการสืบสวนข้อเท็จจริง"
+            : "แก้ไขรายการสืบสวนข้อเท็จจริง"
+        }}
+      </div>
      <q-space />

      <div class="q-gutter-x-sm" v-if="!checkRoutePermisson">
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/CalandarDialog.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/CalandarDialog.vue
@ -80,7 +80,7 @@ const dateMonth = ref<DataDateMonthObject>({
 async function fetchCalendar() {
  showLoader();
  const defaultColor = "#e3fdda";
-  const gradientColors = '#f7d0dd'
+  const gradientColors = "#f7d0dd";

  const events = await props.lists.map(
    (e: ExtendHistoryObject, index: number) => ({
@ -90,9 +90,7 @@ async function fetchCalendar() {
      end: moment(e.dateEnd).format("YYYY-MM-DD") + " 23:59:59",
      allDay: false,
      color:
-        props.lists.length > 1 && index > 0
-          ? gradientColors
-          : defaultColor,
+        props.lists.length > 1 && index > 0 ? gradientColors : defaultColor,
    })
  );
  calendarOptions.value.events = events;
@ -107,7 +105,6 @@ async function fetchCalendar() {
  }, 1000);
 }

-
 /**
 * function convert เดือนปี
 * @param val เดือนปี
@ -234,7 +231,6 @@ watch(
                      </div>
                    </template>
                  </FullCalendar>
-                  
                </div>
              </div>
            </div>
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/Calendar.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/Calendar.vue
@ -135,8 +135,7 @@ async function fetchCalendar() {
      year: dateMonth.value.year,
      mouth: dateMonth.value.month,
    })
-    .then((res) => {
-    })
+    .then((res) => {})
    .catch((err) => {
      messageError($q);
    })
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
@ -30,14 +30,16 @@ import { useInvestigateDisStore } from "@/modules/11_discipline/store/Investigat
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/main";

 const mainStore = useDisciplineMainStore();
-const isSaveInfo = ref<boolean>(false)
+const isSaveInfo = ref<boolean>(false);
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const store = useInvestigateDisStore();
 const { dialogConfirm, success, messageError, showLoader, hideLoader } = mixin;
 const router = useRouter();
 const route = useRoute();
-const checkRoutePermisson = ref<boolean>(route.name == "disciplineDisciplinaryDetail");
+const checkRoutePermisson = ref<boolean>(
+  route.name == "disciplineDisciplinaryDetail"
+);
 const modalPopup = ref<boolean>(false);
 const id = ref<string>(route.params.id as string);
 const data = ref<object>();
@ -396,7 +398,13 @@ onMounted(async () => {
        class="q-mr-sm"
        @click="$router.push(`/discipline/disciplinary`)"
      />
-      <div class="q-ma-none">{{ checkRoutePermisson ? 'รายละเอียดการสอบสวนความผิดทางวินัย':'แก้ไขการสอบสวนความผิดทางวินัย'}}</div>
+      <div class="q-ma-none">
+        {{
+          checkRoutePermisson
+            ? "รายละเอียดการสอบสวนความผิดทางวินัย"
+            : "แก้ไขการสอบสวนความผิดทางวินัย"
+        }}
+      </div>
      <q-space />
      <div class="q-gutter-x-sm" v-if="!checkRoutePermisson">
        <q-btn
--- a/src/modules/11_discipline/components/4_Result/DialogSendToCommand.vue
+++ b/src/modules/11_discipline/components/4_Result/DialogSendToCommand.vue
@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, watchEffect, watch  } from "vue";
+import { ref, computed, watchEffect, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import type { ResponseData } from "@/modules/05_placement/interface/response/Transfer";
@ -56,7 +56,7 @@ const checkSelected = computed(() => {
 });

 //popup ยืนยันส่งัว
-function saveOrder(){
+function saveOrder() {
  if (type.value) {
    dialogConfirm(
      $q,
@ -67,7 +67,7 @@ function saveOrder(){
  } else {
    dialogMessageNotify($q, "กรุณาเลือกประเภทคำสั่ง");
  }
-};
+}
 //ส่งไปออกคำสั่ง
 async function Ordersave() {
  const persons = selected.value.map((r) => r.id);
--- a/src/modules/11_discipline/components/4_Result/EditPage.vue
+++ b/src/modules/11_discipline/components/4_Result/EditPage.vue
@ -36,7 +36,9 @@ const modal = ref<boolean>(false);
 const dataResult = ref<DataListRow[]>([]);
 const filterKeyword = ref<string>("");
 const dataDisciplinary = ref<object>([]);
-  const checkRoutePermisson = ref<boolean>(route.name == "disciplineResultDetail");
+const checkRoutePermisson = ref<boolean>(
+  route.name == "disciplineResultDetail"
+);
 const dataInvestigatefacts = reactive<FormInvestigateFact>({
  id: "",
  idComplaint: "",
@ -285,7 +287,13 @@ onMounted(async () => {
        class="q-mr-sm"
        @click="$router.push(`/discipline-result`)"
      />
-      <div class="q-ma-none">{{checkRoutePermisson ? 'รายละเอียดผลการพิจารณาทางวินัย':'แก้ไขผลการพิจารณาทางวินัย'}}</div>
+      <div class="q-ma-none">
+        {{
+          checkRoutePermisson
+            ? "รายละเอียดผลการพิจารณาทางวินัย"
+            : "แก้ไขผลการพิจารณาทางวินัย"
+        }}
+      </div>
      <q-space />
      <div class="q-gutter-x-sm" v-if="!checkRoutePermisson">
        <q-btn
--- a/src/modules/11_discipline/components/4_Result/Table.vue
+++ b/src/modules/11_discipline/components/4_Result/Table.vue
@ -230,13 +230,24 @@ function filterOptionFn(val: string, update: Function) {
      </q-tr>
    </template>
    <template v-slot:body="props">
-      <q-tr :props="props" >
+      <q-tr :props="props">
        <q-td auto-width>
-          <q-btn flat round dense icon="mdi-eye" color="info" @click="openDetail(props.row.id)" v-if="checkPermission($route)?.attrIsGet">
+          <q-btn
+            flat
+            round
+            dense
+            icon="mdi-eye"
+            color="info"
+            @click="openDetail(props.row.id)"
+            v-if="checkPermission($route)?.attrIsGet"
+          >
            <q-tooltip>รายละเอียด</q-tooltip>
          </q-btn>
          <q-btn
-          v-if="checkPermission($route)?.attrIsUpdate && checkPermission($route)?.attrIsGet"
+            v-if="
+              checkPermission($route)?.attrIsUpdate &&
+              checkPermission($route)?.attrIsGet
+            "
            flat
            round
            dense
--- a/src/modules/11_discipline/components/5_Report/MainPage.vue
+++ b/src/modules/11_discipline/components/5_Report/MainPage.vue
@ -22,7 +22,9 @@ function nextPage(type: string, title: string) {
      <div class="q-pa-md">
        <q-item
          clickable
-          @click=" nextPage('1', 'รายงานเรื่องร้องเรียนแยกรายวัน รายเดือน รายปี') "
+          @click="
+            nextPage('1', 'รายงานเรื่องร้องเรียนแยกรายวัน รายเดือน รายปี')
+          "
          dense
          class="hover-green"
        >
@ -36,7 +38,12 @@ function nextPage(type: string, title: string) {

        <q-item
          clickable
-          @click=" nextPage( '2', 'รายงานเรื่องร้องเรียนข้าราชการสามัญ ฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน' ) "
+          @click="
+            nextPage(
+              '2',
+              'รายงานเรื่องร้องเรียนข้าราชการสามัญ ฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน'
+            )
+          "
          dense
          class="hover-green"
        >
@ -51,7 +58,12 @@ function nextPage(type: string, title: string) {

        <q-item
          clickable
-          @click=" nextPage( '3', 'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด' ) "
+          @click="
+            nextPage(
+              '3',
+              'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด'
+            )
+          "
          dense
          class="hover-green"
        >
@ -66,7 +78,12 @@ function nextPage(type: string, title: string) {

        <q-item
          clickable
-          @click=" nextPage( '4', 'รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด' ) "
+          @click="
+            nextPage(
+              '4',
+              'รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด'
+            )
+          "
          dense
          class="hover-green"
        >
@ -81,7 +98,12 @@ function nextPage(type: string, title: string) {

        <q-item
          clickable
-          @click=" nextPage( '5', 'รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดแยกตามระดับความผิด' ) "
+          @click="
+            nextPage(
+              '5',
+              'รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดแยกตามระดับความผิด'
+            )
+          "
          dense
          class="hover-green"
        >
@ -95,7 +117,12 @@ function nextPage(type: string, title: string) {

        <q-item
          clickable
-          @click=" nextPage( '6', 'รายงานรายชื่อข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด' ) "
+          @click="
+            nextPage(
+              '6',
+              'รายงานรายชื่อข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด'
+            )
+          "
          dense
          class="hover-green"
        >
@ -110,7 +137,12 @@ function nextPage(type: string, title: string) {

        <q-item
          clickable
-          @click=" nextPage( '7', 'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด' ) "
+          @click="
+            nextPage(
+              '7',
+              'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด'
+            )
+          "
          dense
          class="hover-green"
        >
@ -125,7 +157,12 @@ function nextPage(type: string, title: string) {

        <q-item
          clickable
-          @click=" nextPage( '8', 'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง' ) "
+          @click="
+            nextPage(
+              '8',
+              'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง'
+            )
+          "
          dense
          class="hover-green"
        >
--- a/src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue
@ -280,11 +280,7 @@ onMounted(() => {
                <q-tooltip>ลบข้อมูล</q-tooltip>
              </q-btn>
            </q-td>
-            <q-td
-              v-for="col in props.cols"
-              :key="col.name"
-              :props="props"
-            >
+            <q-td v-for="col in props.cols" :key="col.name" :props="props">
              <div v-if="col.name === 'no'">
                {{ props.rowIndex + 1 }}
              </div>
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/AddPage.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/AddPage.vue
@ -16,7 +16,7 @@ const router = useRouter();
 * บันทึกข้อมูลที่เเก้ไข
 * @param id ระบุ บุคคล
 */
- function onSubmit(formData:FormDataPost) {
+function onSubmit(formData: FormDataPost) {
  dialogConfirm($q, () => addData(formData));
 }

@ -24,7 +24,7 @@ function addData(formData: FormDataPost) {
  showLoader();
  http
    .post(config.API.director(), {
-      personalId:formData.personalId ?? '',
+      personalId: formData.personalId ?? "",
      prefix: formData.prefix,
      firstName: formData.firstname,
      lastName: formData.lastname,
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/DialogEdit.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/DialogEdit.vue
@ -66,7 +66,7 @@ function onSubmit() {
    })
    .then((res) => {
      success($q, "บันทึกข้อมูลสำเร็จ");
-      props.getList?.()
+      props.getList?.();
      closeDialog();
    })
    .catch((e) => {
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/DialogInvestigateTotal.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/DialogInvestigateTotal.vue
@ -17,7 +17,7 @@ import http from "@/plugins/http";
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { showLoader, success, messageError, dialogConfirm, hideLoader } = mixin;
-const listCheck = ref<number|null>();
+const listCheck = ref<number | null>();

 const props = defineProps({
  modal: Boolean,
@ -40,15 +40,15 @@ function clickList(index: number, data: any) {
    prefix: i.prefix,
    firstName: i.firstName,
    lastName: i.lastName,
-    fullName:`${i.prefix}${i.firstName} ${i.lastName}`
+    fullName: `${i.prefix}${i.firstName} ${i.lastName}`,
  }));
 }

 watch(props, () => {
  if (props) {
-    listCheck.value = null
-    listInvestigateDetail.value = []
-    dataList.value = []
+    listCheck.value = null;
+    listInvestigateDetail.value = [];
+    dataList.value = [];
    const data: DirectorRowsResponse = props.dataList as DirectorRowsResponse;
    showLoader();
    http
@ -134,7 +134,9 @@ watch(props, () => {
                    separator
                  >
                    <q-item clickable v-ripple>
-                      <q-item-section>{{ `${item.fullName} ${item.duty ? `(${item.duty})`:''}` }}</q-item-section>
+                      <q-item-section>{{
+                        `${item.fullName} ${item.duty ? `(${item.duty})` : ""}`
+                      }}</q-item-section>
                    </q-item>
                  </q-list>
                </q-scroll-area>
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/EditPage.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/EditPage.vue
@ -32,7 +32,7 @@ const data = reactive<FormData>({
 /**
 * ดึงค่าจาก api
 */
-async function fetchData(){
+async function fetchData() {
  showLoader();
  await http
    .get(config.API.directorbyId(personalId.value))
@ -53,7 +53,7 @@ async function fetchData(){
    .finally(() => {
      hideLoader();
    });
-};
+}

 /**
 * บันทึกข้อมูลที่เเก้ไข
@ -89,7 +89,7 @@ function putData(formData: FormData) {
 /**เมื่อเริ่มโหลดหน้า
 * เรียกใช้งาน fetchData เพื่อดึงข้อมูล
 */
- onMounted(() => {
+onMounted(() => {
  fetchData();
 });
 </script>
--- a/src/modules/11_discipline/components/7_ListSuspend/DialogSendToCommand.vue
+++ b/src/modules/11_discipline/components/7_ListSuspend/DialogSendToCommand.vue
@ -14,7 +14,14 @@ import config from "@/app.config";
 const $q = useQuasar();
 const selected = ref<any>([]);
 const mixin = useCounterMixin();
-const { showLoader, success, messageError, dialogConfirm, hideLoader,dialogMessageNotify } = mixin;
+const {
+  showLoader,
+  success,
+  messageError,
+  dialogConfirm,
+  hideLoader,
+  dialogMessageNotify,
+} = mixin;
 const emit = defineEmits([
  "update:filterKeyword2",
  "update:selected",
@ -111,7 +118,7 @@ const optionsType = ref<[]>([]);
 //popup ยืนยันส่งัว
 function saveOrder() {
  if (type.value === "") {
-    dialogMessageNotify($q,'กรุณาเลือกประเภทคำสั่ง')
+    dialogMessageNotify($q, "กรุณาเลือกประเภทคำสั่ง");
  } else {
    dialogConfirm(
      $q,
--- a/src/modules/11_discipline/components/7_ListSuspend/ListsPage.vue
+++ b/src/modules/11_discipline/components/7_ListSuspend/ListsPage.vue
@ -334,7 +334,7 @@ onMounted(() => {
              </q-tr>
            </template>
            <template v-slot:body="props">
-              <q-tr :props="props" >
+              <q-tr :props="props">
                <q-td auto-width>
                  <q-btn
                    v-if="checkPermission($route)?.attrIsGet"
--- a/src/modules/11_discipline/components/8_AppealComplain/AddPage.vue
+++ b/src/modules/11_discipline/components/8_AppealComplain/AddPage.vue
@ -14,7 +14,7 @@ const router = useRouter();

 /**
 * บันทึกข้อมูล อุทธรณ์/ร้องทุกข์
- * @param data ชุดข้อมูล 
+ * @param data ชุดข้อมูล
 */
 async function onSubmit(data: any) {
  const formData = new FormData();
--- a/src/modules/11_discipline/components/8_AppealComplain/EditPage.vue
+++ b/src/modules/11_discipline/components/8_AppealComplain/EditPage.vue
@ -19,11 +19,11 @@ const { showLoader, messageError, hideLoader, dialogConfirm, success } = mixin;
 const route = useRoute();
 const router = useRouter();
 const id = ref<string>(route.params.id as string);
-const checkRoutePermission = ref<boolean>(route.name == 'appealComplainDetail')
+const checkRoutePermission = ref<boolean>(route.name == "appealComplainDetail");
 const historyStatusOb = reactive<HistoryStatusType>({
  status: "",
  createdFullName: "",
-  createdAt: new Date,
+  createdAt: new Date(),
 });

 const fileOb = reactive<FileObType>({
@ -53,7 +53,7 @@ const data = reactive<EditDataList>({

 /**
 * บันทึกข้อมูล อุทธรณ์/ร้องทุกข์
- * @param data ชุดข้อมูล 
+ * @param data ชุดข้อมูล
 */
 async function onSubmit(data: any) {
  const dataList = {
@ -103,9 +103,9 @@ function getData() {
      data.oc = dataList.oc;
      data.position = dataList.position;
      data.lastUpdatedAt = dataList.lastUpdatedAt;
-      data.disciplineComplaint_Appeal_Docs = dataList.disciplineComplaint_Appeal_Docs
-      data.historyStatus = dataList.historyStatus
-
+      data.disciplineComplaint_Appeal_Docs =
+        dataList.disciplineComplaint_Appeal_Docs;
+      data.historyStatus = dataList.historyStatus;
    })
    .catch((e) => {
      messageError($q, e);
@ -134,7 +134,7 @@ onMounted(() => {
        class="q-mr-sm"
        @click="router.push('/discipline-appealcomplain')"
      />
-      {{ checkRoutePermission ? `รายละเอียด`:`แก้ไข` }}การอุทธรณ์/ร้องทุกข์
+      {{ checkRoutePermission ? `รายละเอียด` : `แก้ไข` }}การอุทธรณ์/ร้องทุกข์
    </div>

    <Form :on-submit="onSubmit" :data="data" :get-data="getData" />
--- a/src/modules/11_discipline/components/8_AppealComplain/Form.vue
+++ b/src/modules/11_discipline/components/8_AppealComplain/Form.vue
@ -52,7 +52,7 @@ const {
  messageError,
  dialogMessageNotify,
  hideLoader,
-  downloadRenameFileByLink
+  downloadRenameFileByLink,
 } = mixin;
 const dataStore = useAppealComplainStore();

@ -702,7 +702,9 @@ onMounted(() => {
                        dense
                        color="blue"
                        icon="mdi-download"
-                        @click="downloadRenameFileByLink(data.pathName, data.fileName)"
+                        @click="
+                          downloadRenameFileByLink(data.pathName, data.fileName)
+                        "
                        ><q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
                      >
                      <q-btn
--- a/src/modules/11_discipline/components/9_Order/MainPage.vue
+++ b/src/modules/11_discipline/components/9_Order/MainPage.vue
@ -329,7 +329,7 @@ onMounted(async () => {
          <!-- use-input -->
          <div>
            <q-btn
-            v-if="checkPermission($route)?.attrIsCreate"
+              v-if="checkPermission($route)?.attrIsCreate"
              size="12px"
              flat
              round
--- a/src/modules/11_discipline/components/DialogDirector.vue
+++ b/src/modules/11_discipline/components/DialogDirector.vue
@ -156,7 +156,7 @@ function Reset() {

 /**
 * ส่งเลขหน้า กลับไปหน้าหลัก
- * @param newPagination จำนวนข้อมูลที่ต้องการแสดง 
+ * @param newPagination จำนวนข้อมูลที่ต้องการแสดง
 * @param page เลขหน้าปัจจุบัน
 */
 function updateProp(newPagination: any, page: number) {
--- a/src/modules/11_discipline/components/UploadFile.vue
+++ b/src/modules/11_discipline/components/UploadFile.vue
@ -11,7 +11,14 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();

 const mixin = useCounterMixin();
-const { showLoader, hideLoader, success, messageError, dialogRemove ,downloadRenameFileByLink} = mixin;
+const {
+  showLoader,
+  hideLoader,
+  success,
+  messageError,
+  dialogRemove,
+  downloadRenameFileByLink,
+} = mixin;

 const fileRef = ref<Object | null>(null);
 const file = ref<any>();
@ -99,7 +106,7 @@ function popupRemove(id: string) {

 /**
 * ฟังชั่นลบไฟล์
- * @param id id ของไฟล์ 
+ * @param id id ของไฟล์
 */
 async function removeFile(id: string) {
  showLoader();
@ -135,85 +142,81 @@ function downloadFile(link: string) {
      <div class="col-12"><q-separator /></div>
      <div class="row col-12 q-col-gutter-y-sm q-pa-sm">
        <div v-if="!isReadonly" class="col-12">
-            <q-file
-              outlined
-              dense
-              ref="fileRef"
-              for="#files"
-              v-model="file"
-              :label="label"
-              hide-bottom-space
-              lazy-rules
-              accept=".pdf,.xlsx,.docx,.png,.jpg"
-            >
-              <template v-slot:prepend>
-                <q-icon name="attach_file" />
-              </template>
-              <template v-slot:after>
-                <q-btn
-                  v-if="file"
-                  size="14px"
-                  flat
-                  round
-                  dense
-                  color="add"
-                  icon="mdi-upload"
-                  @click="uploadFile()"
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
-              </template>
-            </q-file>
+          <q-file
+            outlined
+            dense
+            ref="fileRef"
+            for="#files"
+            v-model="file"
+            :label="label"
+            hide-bottom-space
+            lazy-rules
+            accept=".pdf,.xlsx,.docx,.png,.jpg"
+          >
+            <template v-slot:prepend>
+              <q-icon name="attach_file" />
+            </template>
+            <template v-slot:after>
+              <q-btn
+                v-if="file"
+                size="14px"
+                flat
+                round
+                dense
+                color="add"
+                icon="mdi-upload"
+                @click="uploadFile()"
+                ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+              >
+            </template>
+          </q-file>
        </div>

-      <div v-if="props.files.length > 0" class="col-xs-12 row">
-        <q-list
-          bordered
-          separator
-          class="full-width rounded-borders"
-        >
-          <q-item 
-            v-for="(f, index) in props.files"
-            :key="index"
-            clickable 
-            v-ripple>
-            <q-item-section>{{ f.fileName }}</q-item-section>
-            <q-item-section avatar>
-              <div class="row">
-                <div>
-                  <q-btn
-                    dense
-                    flat
-                    round
-                    color="blue"
-                    icon="mdi-download"
-                    @click="downloadRenameFileByLink(f.pathName,f.fileName)"
-                  >
-                    <q-tooltip>ดาวน์โหลดเอกสาร</q-tooltip>
-                  </q-btn>
+        <div v-if="props.files.length > 0" class="col-xs-12 row">
+          <q-list bordered separator class="full-width rounded-borders">
+            <q-item
+              v-for="(f, index) in props.files"
+              :key="index"
+              clickable
+              v-ripple
+            >
+              <q-item-section>{{ f.fileName }}</q-item-section>
+              <q-item-section avatar>
+                <div class="row">
+                  <div>
+                    <q-btn
+                      dense
+                      flat
+                      round
+                      color="blue"
+                      icon="mdi-download"
+                      @click="downloadRenameFileByLink(f.pathName, f.fileName)"
+                    >
+                      <q-tooltip>ดาวน์โหลดเอกสาร</q-tooltip>
+                    </q-btn>
+                  </div>
+                  <div>
+                    <q-btn
+                      v-if="!isReadonly"
+                      dense
+                      flat
+                      round
+                      color="red"
+                      icon="mdi-delete"
+                      @click="popupRemove(f.id)"
+                      ><q-tooltip>ลบเอกสาร</q-tooltip></q-btn
+                    >
+                  </div>
                </div>
-                <div>
-                  <q-btn
-                    v-if="!isReadonly"
-                    dense
-                    flat
-                    round
-                    color="red"
-                    icon="mdi-delete"
-                    @click="popupRemove(f.id)"
-                    ><q-tooltip>ลบเอกสาร</q-tooltip></q-btn
-                  >
-                </div>
-              </div>
-            </q-item-section>
-          </q-item>
-        </q-list>
-      </div>
-   
+              </q-item-section>
+            </q-item>
+          </q-list>
+        </div>

-      <div class="col-12" v-if="props.files.length == 0">
-        <q-card class="q-py-sm q-px-md" bordered> ไม่มีรายการเอกสาร </q-card>
-      </div> 
-    </div>
+        <div class="col-12" v-if="props.files.length == 0">
+          <q-card class="q-py-sm q-px-md" bordered> ไม่มีรายการเอกสาร </q-card>
+        </div>
+      </div>
    </q-card>
  </div>
 </template>
--- a/src/modules/11_discipline/interface/index/Main.ts
+++ b/src/modules/11_discipline/interface/index/Main.ts
@ -64,7 +64,6 @@ interface responseType {
  phone: string;
  total?: number;
  duty?: string;
-  
 }

 interface FileLists {
--- a/src/modules/11_discipline/interface/request/investigate.ts
+++ b/src/modules/11_discipline/interface/request/investigate.ts
@ -13,8 +13,8 @@ interface FormData {
  investigation: string;
  statusResult: string;
  causeText: string;
-  complaintStatus:string
-  reason: string
+  complaintStatus: string;
+  reason: string;
 }
 interface MyObjectInvestigateRef {
  complaint: object | null;
@ -70,4 +70,4 @@ interface ExtendHistoryObject {
  dateStart: Date;
  dateEnd: Date;
 }
-export type { FormData, MyObjectInvestigateRef,FormDataList };
+export type { FormData, MyObjectInvestigateRef, FormDataList };
--- a/src/modules/11_discipline/interface/request/order.ts
+++ b/src/modules/11_discipline/interface/request/order.ts
@ -1,30 +1,27 @@
 interface FormData {
-    orderType: string;
-    orderBy: string;
-    listInvestigation: string;
-    authority: string;
-    orderNumber: string;
-    dateYear: number;
-    date: Date | null;
-    authorityPosition: string
-    subject: string;
-    mistakeDetail: string
+  orderType: string;
+  orderBy: string;
+  listInvestigation: string;
+  authority: string;
+  orderNumber: string;
+  dateYear: number;
+  date: Date | null;
+  authorityPosition: string;
+  subject: string;
+  mistakeDetail: string;
 }
 interface MyObjectRef {
-    orderType: object | null;
-    orderBy: object | null;
-    listInvestigation: object | null;
-    authority: object | null;
-    orderNumber: object | null;
-    dateYear: object | null;
-    date: object | null;
-    authorityPosition: object | null;
-    subject: object | null;
-    mistakeDetail: object | null;
-    [key: string]: any;
+  orderType: object | null;
+  orderBy: object | null;
+  listInvestigation: object | null;
+  authority: object | null;
+  orderNumber: object | null;
+  dateYear: object | null;
+  date: object | null;
+  authorityPosition: object | null;
+  subject: object | null;
+  mistakeDetail: object | null;
+  [key: string]: any;
 }

-export type {
-    FormData,
-    MyObjectRef
-}
+export type { FormData, MyObjectRef };
--- a/src/modules/11_discipline/interface/request/result.ts
+++ b/src/modules/11_discipline/interface/request/result.ts
@ -3,15 +3,15 @@ interface FormData {
  disciplineType: string;
  titleType: string;
  oc: string;
-  file: any
-  disciplineDisciplinary_DocResults: any
+  file: any;
+  disciplineDisciplinary_DocResults: any;
  year: number | null;
 }

 interface FileArray {
-  id:string
-  fileName:string
-  pathName:string
+  id: string;
+  fileName: string;
+  pathName: string;
 }
 interface FormRef {
  resultDescription: object | null;
@ -27,27 +27,35 @@ interface DataOptionRes {
  organizationName: string;
 }
 interface DataListRow {
-  id: string
-  idInvestigate: string
-  idComplaint: string
-  respondentType: string
-  persons: PersonType
-  organizationId: string
-  resultDescription: string
+  id: string;
+  idInvestigate: string;
+  idComplaint: string;
+  respondentType: string;
+  persons: PersonType;
+  organizationId: string;
+  resultDescription: string;
 }

 interface PersonType {
-  id: string
-  idcard: string
-  name: string
-  prefix: string
-  firstName: string
-  lastName: string
-  position: string
-  positionLevel: string
-  salary: number
-  personId: string
-  posNo: string
-  organization: string
+  id: string;
+  idcard: string;
+  name: string;
+  prefix: string;
+  firstName: string;
+  lastName: string;
+  position: string;
+  positionLevel: string;
+  salary: number;
+  personId: string;
+  posNo: string;
+  organization: string;
 }
-export type { FormData, FormRef, DataOption, DataOptionRes, PersonType, DataListRow ,FileArray};
+export type {
+  FormData,
+  FormRef,
+  DataOption,
+  DataOptionRes,
+  PersonType,
+  DataListRow,
+  FileArray,
+};
--- a/src/modules/11_discipline/interface/response/Main.ts
+++ b/src/modules/11_discipline/interface/response/Main.ts
@ -23,4 +23,9 @@ interface ExtendHistoryObject {
  dateEnd: Date;
 }

-export type { DataOptionRes, CaledarInvestigatefacts, CaledarDisciplinary, ExtendHistoryObject };
+export type {
+  DataOptionRes,
+  CaledarInvestigatefacts,
+  CaledarDisciplinary,
+  ExtendHistoryObject,
+};
--- a/src/modules/11_discipline/interface/response/appealComplain.ts
+++ b/src/modules/11_discipline/interface/response/appealComplain.ts
@ -1,83 +1,91 @@
 interface MainList {
-    id: string
-    title: string
-    description: string
-    status: string
-    type: string
-    year: number
-    caseType: string
-    caseNumber: string
-    fullname: string
-    citizenId: string
-    profileId: string
-    lastUpdatedAt: Date
+  id: string;
+  title: string;
+  description: string;
+  status: string;
+  type: string;
+  year: number;
+  caseType: string;
+  caseNumber: string;
+  fullname: string;
+  citizenId: string;
+  profileId: string;
+  lastUpdatedAt: Date;
 }

 interface RowList {
-    id: string
-    title: string
-    description: string
-    status: string
-    type: string
-    year: number
-    caseType: string
-    caseNumber: string
-    fullname: string
-    citizenId: string
-    profileId: string
-    lastUpdatedAt: string | null
+  id: string;
+  title: string;
+  description: string;
+  status: string;
+  type: string;
+  year: number;
+  caseType: string;
+  caseNumber: string;
+  fullname: string;
+  citizenId: string;
+  profileId: string;
+  lastUpdatedAt: string | null;
 }
 interface RowAddList {
-    profileId:string
-    fullname:string
-    citizenId:string
-    oc:string
-    position:string
+  profileId: string;
+  fullname: string;
+  citizenId: string;
+  oc: string;
+  position: string;
 }

 interface EditDataList {
-    id: string
-    title: string
-    description: string
-    status: string
-    type: string
-    year: number
-    caseType: string
-    caseNumber: string
-    fullname: string
-    citizenId: string
-    profileId: string
-    oc: string
-    position: string
-    lastUpdatedAt: string
-    historyStatus: object | null
-    disciplineComplaint_Appeal_Docs: object | null
+  id: string;
+  title: string;
+  description: string;
+  status: string;
+  type: string;
+  year: number;
+  caseType: string;
+  caseNumber: string;
+  fullname: string;
+  citizenId: string;
+  profileId: string;
+  oc: string;
+  position: string;
+  lastUpdatedAt: string;
+  historyStatus: object | null;
+  disciplineComplaint_Appeal_Docs: object | null;
 }

 interface HistoryStatusType {
-    status: string
-    createdFullName: string
-    createdAt: Date
+  status: string;
+  createdFullName: string;
+  createdAt: Date;
 }
 interface FileObType {
-    id:string
-    pathName:string
-    fileName:string
+  id: string;
+  pathName: string;
+  fileName: string;
 }
 interface MyObjectAppealRef {
-    type: object | null;
-    title: object | null;
-    description: object | null;
-    caseTypeRef: object | null;
-    caseNumberRef: object | null;
-    [key: string]: any;
+  type: object | null;
+  title: object | null;
+  description: object | null;
+  caseTypeRef: object | null;
+  caseNumberRef: object | null;
+  [key: string]: any;
 }

 interface EditStatusRef {
-    reason: object | null;
-    status: object | null;
-    [key: string]: any;
+  reason: object | null;
+  status: object | null;
+  [key: string]: any;
 }

-
-export type { MainList, RowList, MyObjectAppealRef, EditStatusRef,EditDataList,FileObType,RowAddList,HistoryStatusType };
+export type {
+  MainList,
+  RowList,
+  MyObjectAppealRef,
+  EditStatusRef,
+  EditDataList,
+  FileObType,
+  RowAddList,
+  HistoryStatusType,
+};
--- a/src/modules/11_discipline/interface/response/channel.ts
+++ b/src/modules/11_discipline/interface/response/channel.ts
@ -3,7 +3,7 @@ interface ChannelRows {
 }

 interface typeItem {
-  id:string
-  name:string
+  id: string;
+  name: string;
 }
-export type { ChannelRows,typeItem };
+export type { ChannelRows, typeItem };
--- a/src/modules/11_discipline/interface/response/complaint.ts
+++ b/src/modules/11_discipline/interface/response/complaint.ts
@ -2,12 +2,12 @@ interface DataListRow {
  id: string;
  personId: string;
  title: string;
-  dateReceived: string|null;
+  dateReceived: string | null;
  respondentType: string;
  offenseDetails: string;
  createdAt: string;
  levelConsideration: string;
-  dateConsideration: string |null;
+  dateConsideration: string | null;
  status: string;
 }
 interface DataAdd {
--- a/src/modules/11_discipline/interface/response/director.ts
+++ b/src/modules/11_discipline/interface/response/director.ts
@ -1,25 +1,22 @@
 interface DirectorRows {
-    id: string
-    prefix: string
-    firstName: string
-    lastName: string
-    position: string;
-    email: string;
-    phone: string;
-    totalInvestigate: number
-    totalDisciplinary: number
+  id: string;
+  prefix: string;
+  firstName: string;
+  lastName: string;
+  position: string;
+  email: string;
+  phone: string;
+  totalInvestigate: number;
+  totalDisciplinary: number;
 }
 interface DirectorRowsResponse {
-    id: string
-    fullName: string
-    position: string
-    email: string
-    phone: string
-    totalInvestigate: number
-    totalDisciplinary: number
+  id: string;
+  fullName: string;
+  position: string;
+  email: string;
+  phone: string;
+  totalInvestigate: number;
+  totalDisciplinary: number;
 }

-export type {
-    DirectorRows,
-    DirectorRowsResponse
-};
+export type { DirectorRows, DirectorRowsResponse };
--- a/src/modules/11_discipline/interface/response/investigate.ts
+++ b/src/modules/11_discipline/interface/response/investigate.ts
@ -32,10 +32,10 @@ interface ArrayPersonAdd {
  prefix: string; //คำนำหน้า
  firstName: string; //ชื่อ
  lastName: string; //นามสกุล
-  posNo: string|null; //ตำแหน่งเลขที่
+  posNo: string | null; //ตำแหน่งเลขที่
  position: string; //ตำแหน่ง
  positionLevel: string; //ระดับ
-  salary: number|null; //เงินเดือน
+  salary: number | null; //เงินเดือน
  organization: string; //สังกัด
  name: string;
  report?: boolean;
--- a/src/modules/11_discipline/store/AppealComplainStore.ts
+++ b/src/modules/11_discipline/store/AppealComplainStore.ts
@ -2,134 +2,133 @@ import { defineStore } from "pinia";
 import { ref } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import type { QTableProps } from "quasar";
-import type { DataOption } from '@/modules/11_discipline/interface/index/Main'
-import type { MainList, RowList, RowAddList } from '@/modules/11_discipline/interface/response/appealComplain'
+import type { DataOption } from "@/modules/11_discipline/interface/index/Main";
+import type {
+  MainList,
+  RowList,
+  RowAddList,
+} from "@/modules/11_discipline/interface/response/appealComplain";

-export const useAppealComplainStore = defineStore(
-    "AppealComplainStore",
-    () => {
-        const rows = ref<RowList[]>([]);
-        const rowsAdd = ref<RowAddList[]>([]);
-        const visibleColumns = ref<string[]>([]);
-        const columns = ref<QTableProps["columns"]>([]);
+export const useAppealComplainStore = defineStore("AppealComplainStore", () => {
+  const rows = ref<RowList[]>([]);
+  const rowsAdd = ref<RowAddList[]>([]);
+  const visibleColumns = ref<string[]>([]);
+  const columns = ref<QTableProps["columns"]>([]);

-        const mixin = useCounterMixin()
-        const { date2Thai } = mixin
-        const typeOptions = ref<DataOption[]>([
-            { id: "APPEAL", name: "อุทธรณ์" },
-            { id: "COMPLAIN", name: "ร้องทุกข์" },
-        ]);
-        const fiscalyearOP = ref<DataOption[]>([
-            { id: "0", name: "ทั้งหมด" },
-        ])
+  const mixin = useCounterMixin();
+  const { date2Thai } = mixin;
+  const typeOptions = ref<DataOption[]>([
+    { id: "APPEAL", name: "อุทธรณ์" },
+    { id: "COMPLAIN", name: "ร้องทุกข์" },
+  ]);
+  const fiscalyearOP = ref<DataOption[]>([{ id: "0", name: "ทั้งหมด" }]);

-        const statusOptions = ref<DataOption[]>([
-            { id: "ALL", name: "ทั้งหมด" },
-            { id: "NEW", name: "ใหม่" },
-            { id: "RECEIVE_DOC", name: "ได้รับเอกสารแล้ว" },
-            { id: "RECEIVE_APPEAL", name: "รับอุทธรณ์/ร้องทุกข์" },
-            { id: "NO_RECEIVE_APPEAL", name: "ไม่รับอุทธรณ์/ร้องทุกข์" },
-            { id: "DIAGNOSTIC", name: "ตั้งองค์คณะวินิจฉัย" },
-            { id: "SUMMARY", name: "สรุปผลการพิจารณา" },
-            { id: "DONE", name: "ปิดคำร้อง" },
-        ]);
-        const statusOptionsEdit = ref<DataOption[]>([
-            { id: "NEW", name: "ใหม่" },
-            { id: "RECEIVE_DOC", name: "ได้รับเอกสารแล้ว" },
-            { id: "RECEIVE_APPEAL", name: "รับอุทธรณ์/ร้องทุกข์" },
-            { id: "NO_RECEIVE_APPEAL", name: "ไม่รับอุทธรณ์/ร้องทุกข์" },
-            { id: "DIAGNOSTIC", name: "ตั้งองค์คณะวินิจฉัย" },
-            { id: "SUMMARY", name: "สรุปผลการพิจารณา" },
-            { id: "DONE", name: "ปิดคำร้อง" },
-        ]);
+  const statusOptions = ref<DataOption[]>([
+    { id: "ALL", name: "ทั้งหมด" },
+    { id: "NEW", name: "ใหม่" },
+    { id: "RECEIVE_DOC", name: "ได้รับเอกสารแล้ว" },
+    { id: "RECEIVE_APPEAL", name: "รับอุทธรณ์/ร้องทุกข์" },
+    { id: "NO_RECEIVE_APPEAL", name: "ไม่รับอุทธรณ์/ร้องทุกข์" },
+    { id: "DIAGNOSTIC", name: "ตั้งองค์คณะวินิจฉัย" },
+    { id: "SUMMARY", name: "สรุปผลการพิจารณา" },
+    { id: "DONE", name: "ปิดคำร้อง" },
+  ]);
+  const statusOptionsEdit = ref<DataOption[]>([
+    { id: "NEW", name: "ใหม่" },
+    { id: "RECEIVE_DOC", name: "ได้รับเอกสารแล้ว" },
+    { id: "RECEIVE_APPEAL", name: "รับอุทธรณ์/ร้องทุกข์" },
+    { id: "NO_RECEIVE_APPEAL", name: "ไม่รับอุทธรณ์/ร้องทุกข์" },
+    { id: "DIAGNOSTIC", name: "ตั้งองค์คณะวินิจฉัย" },
+    { id: "SUMMARY", name: "สรุปผลการพิจารณา" },
+    { id: "DONE", name: "ปิดคำร้อง" },
+  ]);

-        /**
-         * ฟังชั่นแปลง status เป็น ไทย
-         * @param val status ที่รับมา
-         * @returns ส่งที่เเปลงออกไป
-         */
-        function typeConvert(val: string){
-            switch (val) {
-                case "APPEAL":
-                    return "อุทธรณ์";
-                case "COMPLAIN":
-                    return "ร้องทุกข์";
-                default:
-                    return "-";
-            }
-        };
-
-        /**
-         * จัดเรียงข้อมูล
-         * @param data ข้อมูลที่รับมาจาก API 
-         */
-        function fetchAppealComplain(data: MainList[]) {
-            let dataList: RowList[] = data.map((e: MainList) => ({
-                id: e.id,
-                profileId: e.profileId,
-                type: typeConvert(e.type),
-                title: e.title,
-                description: e.description,
-                year: e.year + 543,
-                fullname: e.fullname,
-                citizenId: e.citizenId,
-                caseType: e.caseType,
-                caseNumber: e.caseNumber,
-                lastUpdatedAt: date2Thai(e.lastUpdatedAt),
-                status: statusTothai(e.status)
-            }));
-            rows.value = dataList;
-        }
-
-        /**
-         * ฟังชั่นเอาไว้เก็บข้อมูล
-         * @param data ข้อมูลจาก list ทั้งหมด
-         */
-        function getRow(data: RowAddList[]) {
-            if (data) {
-                rowsAdd.value = data
-            }
-        }
-        
-        /**
-         * แปลง status เป็น Text
-         * @param val status
-         * @returns text
-         */
-        function statusTothai(val: string) {
-            switch (val) {
-                case "NEW":
-                    return "ใหม่";
-                case "RECEIVE_DOC":
-                    return "ได้รับเอกสารแล้ว";
-                case "RECEIVE_APPEAL":
-                    return "รับอุทธรณ์/ร้องทุกข์";
-                case "NO_RECEIVE_APPEAL":
-                    return "ไม่รับอุทธรณ์/ร้องทุกข์";
-                case "DIAGNOSTIC":
-                    return "ตั้งองค์คณะวินิจฉัย";
-                case "SUMMARY":
-                    return "สรุปผลการพิจารณา";
-                case "DONE":
-                    return "ปิดคำร้อง";
-                default:
-                    return "-";
-            }
-        };
-
-        return {
-            rows,
-            visibleColumns,
-            columns,
-            fetchAppealComplain,
-            // filterSelector,
-            typeOptions,
-            statusOptions,
-            fiscalyearOP,
-            getRow,
-            rowsAdd,
-            statusOptionsEdit,
-            statusTothai
-        };
+  /**
+   * ฟังชั่นแปลง status เป็น ไทย
+   * @param val status ที่รับมา
+   * @returns ส่งที่เเปลงออกไป
+   */
+  function typeConvert(val: string) {
+    switch (val) {
+      case "APPEAL":
+        return "อุทธรณ์";
+      case "COMPLAIN":
+        return "ร้องทุกข์";
+      default:
+        return "-";
    }
-);
+  }
+
+  /**
+   * จัดเรียงข้อมูล
+   * @param data ข้อมูลที่รับมาจาก API
+   */
+  function fetchAppealComplain(data: MainList[]) {
+    let dataList: RowList[] = data.map((e: MainList) => ({
+      id: e.id,
+      profileId: e.profileId,
+      type: typeConvert(e.type),
+      title: e.title,
+      description: e.description,
+      year: e.year + 543,
+      fullname: e.fullname,
+      citizenId: e.citizenId,
+      caseType: e.caseType,
+      caseNumber: e.caseNumber,
+      lastUpdatedAt: date2Thai(e.lastUpdatedAt),
+      status: statusTothai(e.status),
+    }));
+    rows.value = dataList;
+  }
+
+  /**
+   * ฟังชั่นเอาไว้เก็บข้อมูล
+   * @param data ข้อมูลจาก list ทั้งหมด
+   */
+  function getRow(data: RowAddList[]) {
+    if (data) {
+      rowsAdd.value = data;
+    }
+  }
+
+  /**
+   * แปลง status เป็น Text
+   * @param val status
+   * @returns text
+   */
+  function statusTothai(val: string) {
+    switch (val) {
+      case "NEW":
+        return "ใหม่";
+      case "RECEIVE_DOC":
+        return "ได้รับเอกสารแล้ว";
+      case "RECEIVE_APPEAL":
+        return "รับอุทธรณ์/ร้องทุกข์";
+      case "NO_RECEIVE_APPEAL":
+        return "ไม่รับอุทธรณ์/ร้องทุกข์";
+      case "DIAGNOSTIC":
+        return "ตั้งองค์คณะวินิจฉัย";
+      case "SUMMARY":
+        return "สรุปผลการพิจารณา";
+      case "DONE":
+        return "ปิดคำร้อง";
+      default:
+        return "-";
+    }
+  }
+
+  return {
+    rows,
+    visibleColumns,
+    columns,
+    fetchAppealComplain,
+    // filterSelector,
+    typeOptions,
+    statusOptions,
+    fiscalyearOP,
+    getRow,
+    rowsAdd,
+    statusOptionsEdit,
+    statusTothai,
+  };
+});
--- a/src/modules/11_discipline/store/ChannelStore.ts
+++ b/src/modules/11_discipline/store/ChannelStore.ts
@ -37,11 +37,11 @@ export const useDisciplineChannelDataStore = defineStore(
        style: "font-size: 14px",
      },
    ]);
-    const type = ref<string>('')
+    const type = ref<string>("");
    // ข้อมูลในตาราง
-    function getType(data:string){
-        type.value = ''
-        type.value = data
+    function getType(data: string) {
+      type.value = "";
+      type.value = data;
    }
    const rows = ref<ChannelRows[]>([]);

@ -59,7 +59,7 @@ export const useDisciplineChannelDataStore = defineStore(
      rows,
      fetchData,
      type,
-      getType
+      getType,
    };
  }
 );
--- a/src/modules/11_discipline/store/ComplaintsStore.ts
+++ b/src/modules/11_discipline/store/ComplaintsStore.ts
@ -26,14 +26,22 @@ export const useComplainstDataStore = defineStore(
      let dataList: DataListRow[] = data.map((e: DataList) => ({
        id: e.id,
        personId: e.personId,
-        title: e.title ? e.title : '-',
+        title: e.title ? e.title : "-",
        dateReceived: e.dateReceived ? date2Thai(e.dateReceived) : "-",
-        respondentType: e.respondentType ? mainStore.convertComplaintType(e.respondentType) : '-',
-        offenseDetails: e.offenseDetails ? mainStore.convertOffenseDetailst(e.offenseDetails) : '-',
-        createdAt: e.createdAt ? date2Thai(e.createdAt)! : '-',
-        levelConsideration: e.levelConsideration ? levelConsiderationTran(e.levelConsideration) : '-',
-        dateConsideration: e.dateConsideration ? date2Thai(e.dateConsideration) : "-",
-        status: e.status ? statusTothai(e.status) : '-',
+        respondentType: e.respondentType
+          ? mainStore.convertComplaintType(e.respondentType)
+          : "-",
+        offenseDetails: e.offenseDetails
+          ? mainStore.convertOffenseDetailst(e.offenseDetails)
+          : "-",
+        createdAt: e.createdAt ? date2Thai(e.createdAt)! : "-",
+        levelConsideration: e.levelConsideration
+          ? levelConsiderationTran(e.levelConsideration)
+          : "-",
+        dateConsideration: e.dateConsideration
+          ? date2Thai(e.dateConsideration)
+          : "-",
+        status: e.status ? statusTothai(e.status) : "-",
      }));
      rows.value = dataList;
    }
@ -61,10 +69,10 @@ export const useComplainstDataStore = defineStore(
    ]);

    /**
- * แปลง status เป็น Text
- * @param val status
- * @returns text
- */
+     * แปลง status เป็น Text
+     * @param val status
+     * @returns text
+     */
    function statusTothai(val: string) {
      switch (val) {
        case "NEW":
@ -76,7 +84,7 @@ export const useComplainstDataStore = defineStore(
        default:
          return "-";
      }
-    };
+    }

    /**
     * แปลง option ที่รับมาเป็น ไทย
@ -149,7 +157,7 @@ export const useComplainstDataStore = defineStore(
      organizationIdOp,
      ocListFn,
      levelConsiderationtOptions,
-      statusOptions
+      statusOptions,
    };
  }
 );
--- a/src/modules/11_discipline/store/DirectorStore.ts
+++ b/src/modules/11_discipline/store/DirectorStore.ts
@ -99,8 +99,8 @@ export const useDisciplineDirectorDataStore = defineStore(
          id: item.id,
          fullName: `${item.prefix}${item.firstName} ${item.lastName}`,
          position: item.position,
-          email: item.email ? item.email : '-',
-          phone: item.phone ? item.phone : '-',
+          email: item.email ? item.email : "-",
+          phone: item.phone ? item.phone : "-",
          totalInvestigate: item.totalInvestigate,
          totalDisciplinary: item.totalDisciplinary,
        })
--- a/src/modules/11_discipline/store/InvestigateDisStore.ts
+++ b/src/modules/11_discipline/store/InvestigateDisStore.ts
@ -9,9 +9,7 @@ import type {
  DataOptioGroup,
  DataNumberOption,
 } from "@/modules/11_discipline/interface/index/Main";
-import type {
-  Persons
-} from "@/modules/11_discipline/interface/request/disciplinary";
+import type { Persons } from "@/modules/11_discipline/interface/request/disciplinary";
 import { useCounterMixin } from "@/stores/mixin";
 const mixin = useCounterMixin();
 const { date2Thai } = mixin;
@ -250,7 +248,7 @@ export const useInvestigateDisStore = defineStore(
        field: "phone",
        headerStyle: "font-size: 14px",
        style: "font-size: 14px",
-      }
+      },
    ]);

    /**
@ -270,12 +268,19 @@ export const useInvestigateDisStore = defineStore(
    async function fetchList(data: investigateDisDataRowType[]) {
      let datalist: any[] = data.map((e: any) => ({
        id: e.id,
-        title: e.title ? e.title : '-',
-        respondentType: e.respondentType ? convertRespondentType(e.respondentType) : '-',
-        offenseDetails: e.offenseDetails ? convertFault(e.offenseDetails) : '-',
+        title: e.title ? e.title : "-",
+        respondentType: e.respondentType
+          ? convertRespondentType(e.respondentType)
+          : "-",
+        offenseDetails: e.offenseDetails ? convertFault(e.offenseDetails) : "-",
        disciplinaryFaultLevel: e.disciplinaryFaultLevel ?? "-",
        disciplinaryCaseFault: e.disciplinaryCaseFault ?? "-",
-        disciplinaryDate: e.disciplinaryDateStart && e.disciplinaryDateEnd ? `${date2Thai(e.disciplinaryDateStart)} - ${date2Thai(e.disciplinaryDateEnd)}` : '-',
+        disciplinaryDate:
+          e.disciplinaryDateStart && e.disciplinaryDateEnd
+            ? `${date2Thai(e.disciplinaryDateStart)} - ${date2Thai(
+                e.disciplinaryDateEnd
+              )}`
+            : "-",
        status: convertStatus(e.status) ?? "-",
        createdAt: e.createdAt ? date2Thai(e.createdAt) : "-",
      }));
@ -295,8 +300,8 @@ export const useInvestigateDisStore = defineStore(
        firstName: e.firstName,
        lastName: e.lastName,
        position: e.position,
-        email: e.email == '' ? '-' : e.email,
-        phone: e.phone == '' ? '-' : e.phone,
+        email: e.email == "" ? "-" : e.email,
+        phone: e.phone == "" ? "-" : e.phone,
      }));
      rows2.value = datalistDirector;
      selected.value = rows2.value;
@ -377,7 +382,7 @@ export const useInvestigateDisStore = defineStore(

      convertRespondentType,
      convertFault,
-      statusOptions
+      statusOptions,
    };
  }
 );
--- a/src/modules/11_discipline/store/ReportStore.ts
+++ b/src/modules/11_discipline/store/ReportStore.ts
@ -1,8 +1,7 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import type { DataOption } from '@/modules/11_discipline/interface/index/Main'
+import type { DataOption } from "@/modules/11_discipline/interface/index/Main";
 export const useReportDataStore = defineStore("DisciplineReport11", () => {
-
  const faultOp = ref<DataOption[]>();
  const ocSelectOp = ref<DataOption[]>();
  const governmentOp = ref<DataOption[]>();
@ -22,13 +21,34 @@ export const useReportDataStore = defineStore("DisciplineReport11", () => {
  ]);
  const optionReport = ref<DataOption[]>([
    { 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: "2",
+      name: "รายงานเรื่องร้องเรียนข้าราชการสามัญ ฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน",
+    },
+    {
+      id: "3",
+      name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด",
+    },
+    {
+      id: "4",
+      name: "รายงานรายชื่อข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด",
+    },
+    {
+      id: "5",
+      name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดแยกตามระดับความผิด",
+    },
+    {
+      id: "6",
+      name: "รายงานรายชื่อข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด",
+    },
+    {
+      id: "7",
+      name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด",
+    },
+    {
+      id: "8",
+      name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง",
+    },
  ]);

  /**
--- a/src/modules/11_discipline/store/ResultStore.ts
+++ b/src/modules/11_discipline/store/ResultStore.ts
@ -32,7 +32,6 @@ export const useDisciplineResultStore = defineStore(
      { id: "ALL", name: "ทั้งหมด" },
      { id: "DONE", name: "กำลังสรุปผลการพิจารณา" },
      { id: "REPORT", name: "ส่งไปออกคำสั่ง" },
-
    ]);

    const visibleColumns = ref<String[]>([
@ -284,10 +283,12 @@ export const useDisciplineResultStore = defineStore(
          : "-",
        status: e.status && convertStatus(e.status),
        createdAt: e.createdAt && date2Thai(e.createdAt),
-        resultDisciplineType: e.resultDisciplineType ? e.resultDisciplineType : '-',
-        resultTitleType: e.resultTitleType ? e.resultTitleType : '-',
-        resultOc: e.resultOc ? e.resultOc : '-',
-        resultYear: e.resultYear ? e.resultYear + 543 : '-',
+        resultDisciplineType: e.resultDisciplineType
+          ? e.resultDisciplineType
+          : "-",
+        resultTitleType: e.resultTitleType ? e.resultTitleType : "-",
+        resultOc: e.resultOc ? e.resultOc : "-",
+        resultYear: e.resultYear ? e.resultYear + 543 : "-",
      }));
      rows.value = datalist;
    }
@ -317,7 +318,7 @@ export const useDisciplineResultStore = defineStore(
      columnsDirector,
      complainantoptions,
      filterSelector,
-      statusOptions
+      statusOptions,
    };
  }
 );
--- a/src/modules/11_discipline/store/main.ts
+++ b/src/modules/11_discipline/store/main.ts
@ -331,48 +331,48 @@ export const useDisciplineMainStore = defineStore("disciplineMainStore", () => {
    rowsAdd.value = dataList;
  }

-    /**
+  /**
   * จัดเก็บข้อมูลไว้ เพื่อใช้ใน POPUP
   * @param data ข้อมูลรายการบุคคล
   */
-    function fetchDataRowsSend(data: ArrayPersonAdd[]) {
-      const dataList: any = data.map((item: any) => ({
-        id: item.id,
-        idcard: item.idcard,
-        name: item.name,
-        prefix: item.prefix,
-        firstName: item.firstName,
-        lastName: item.lastName,
-        position: item.position,
-        positionLevel: item.positionLevel,
-        salary: item.salary === null ? "" : item.salary,
-        personId: item.personId,
-        posNo: item.posNo === null ? "-" : item.posNo,
-        organization: item.organization,
-        root: item.root,
-        rootId: item.rootId,
-        rootShortName: item.rootShortName,
-        child1: item.child1,
-        child1Id: item.child1Id,
-        child1ShortName: item.child1ShortName,
-        child2: item.child2,
-        child2Id: item.child2Id,
-        child2ShortName: item.child2ShortName,
-        child3: item.child3,
-        child3Id: item.child3Id,
-        child3ShortName: item.child3ShortName,
-        child4: item.child4,
-        child4Id: item.child4Id,
-        child4ShortName: item.child4ShortName,
-        posMasterNo: item.posMasterNo,
-        posTypeId: item.posTypeId,
-        posTypeName: item.posTypeName,
-        posLevelId: item.posLevelId,
-        posLevelName: item.posLevelName,
-        isSend: item.isSend,
-      }));
-      rowsSend.value = dataList;
-    }
+  function fetchDataRowsSend(data: ArrayPersonAdd[]) {
+    const dataList: any = data.map((item: any) => ({
+      id: item.id,
+      idcard: item.idcard,
+      name: item.name,
+      prefix: item.prefix,
+      firstName: item.firstName,
+      lastName: item.lastName,
+      position: item.position,
+      positionLevel: item.positionLevel,
+      salary: item.salary === null ? "" : item.salary,
+      personId: item.personId,
+      posNo: item.posNo === null ? "-" : item.posNo,
+      organization: item.organization,
+      root: item.root,
+      rootId: item.rootId,
+      rootShortName: item.rootShortName,
+      child1: item.child1,
+      child1Id: item.child1Id,
+      child1ShortName: item.child1ShortName,
+      child2: item.child2,
+      child2Id: item.child2Id,
+      child2ShortName: item.child2ShortName,
+      child3: item.child3,
+      child3Id: item.child3Id,
+      child3ShortName: item.child3ShortName,
+      child4: item.child4,
+      child4Id: item.child4Id,
+      child4ShortName: item.child4ShortName,
+      posMasterNo: item.posMasterNo,
+      posTypeId: item.posTypeId,
+      posTypeName: item.posTypeName,
+      posLevelId: item.posLevelId,
+      posLevelName: item.posLevelName,
+      isSend: item.isSend,
+    }));
+    rowsSend.value = dataList;
+  }

  return {
    complainantoptionsMain,
@ -393,6 +393,6 @@ export const useDisciplineMainStore = defineStore("disciplineMainStore", () => {
    rowsCheck,
    causeTextOptions,
    rowsSend,
-    fetchDataRowsSend
+    fetchDataRowsSend,
  };
 });