diff --git a/src/modules/05_placement/components/PersonalDetail/Information/Document.vue b/src/modules/05_placement/components/PersonalDetail/Information/Document.vue
index 9cd6b4dbc..222dc9ef3 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/Document.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/Document.vue
@@ -257,6 +257,7 @@ onMounted(async () => {
   await getData();
 });
 </script>
+
 <template>
   <q-card flat bordered class="col-12 q-px-lg q-py-md q-mt-md no-border">
     <HeaderTop
@@ -348,3 +349,5 @@ onMounted(async () => {
     </q-card>
   </q-card>
 </template>
+
+<style lang="css"></style>
diff --git a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
index a06a22765..96dfb155e 100644
--- a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
+++ b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
@@ -414,6 +414,7 @@ watch(
 </template>
 
 <style scoped lang="scss">
+@use "sass:math";
 .mt {
   margin-top: 10px;
 }
@@ -433,7 +434,7 @@ $toggle-control-ease: ease-in;
 
 // These are our computed variables
 // change at your own risk.
-$toggle-radius: ($toggle-height / 2);
+$toggle-radius: math.div($toggle-height, 2);
 $toggle-control-size: $toggle-height - ($toggle-gutter * 2);
 
 .toggle-control {
diff --git a/src/modules/09_leave/components/4_specialTime/DialogApprove.vue b/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
index 18b7d9ac3..64d7256a8 100644
--- a/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
+++ b/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
@@ -346,6 +346,7 @@ watch(
 </template>
 
 <style scoped lang="scss">
+@use "sass:math";
 .mt {
   margin-top: 10px;
 }
@@ -365,7 +366,7 @@ $toggle-control-ease: ease-in;
 
 // These are our computed variables
 // change at your own risk.
-$toggle-radius: ($toggle-height / 2);
+$toggle-radius: math.div($toggle-height, 2);
 $toggle-control-size: $toggle-height - ($toggle-gutter * 2);
 
 .toggle-control {
diff --git a/src/modules/11_discipline/components/4_Result/DialogSendToCommand.vue b/src/modules/11_discipline/components/4_Result/DialogSendToCommand.vue
index b11bbb095..917db463a 100644
--- a/src/modules/11_discipline/components/4_Result/DialogSendToCommand.vue
+++ b/src/modules/11_discipline/components/4_Result/DialogSendToCommand.vue
@@ -9,7 +9,7 @@ import { useRoute } from "vue-router";
 
 import type { ResponseData } from "@/modules/05_placement/interface/response/Transfer";
 import type { OpType } from "@/modules/05_placement/interface/response/Main";
-import type { DataListRow } from "@/modules/11_discipline/interface/request/result";
+import type { DataPerson } from "@/modules/11_discipline/interface/index/Main";
 
 import DialogHeader from "@/components/DialogHeader.vue";
 
@@ -28,7 +28,7 @@ const {
 const optionsType = ref<[]>([]);
 const idPath = ref<string>(route.params.id as string);
 const type = ref<string>("");
-const rows = ref<DataListRow[]>([]);
+const rows = ref<DataPerson[]>([]);
 const selected = ref<ResponseData[]>([]);
 
 const props = defineProps({
diff --git a/src/modules/11_discipline/components/8_AppealComplain/Form.vue b/src/modules/11_discipline/components/8_AppealComplain/Form.vue
index 7ad9dc341..3b43898f6 100644
--- a/src/modules/11_discipline/components/8_AppealComplain/Form.vue
+++ b/src/modules/11_discipline/components/8_AppealComplain/Form.vue
@@ -20,7 +20,6 @@ import DialogHistory from "@/modules/11_discipline/components/8_AppealComplain/d
 
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const mainStore = useDisciplineMainStore();
-const router = useRouter();
 const route = useRoute();
 const checkRoutePermission = ref<boolean>(route.name == "appealComplainDetail");
 /** รับ props มาจากหน้าหลัก */
@@ -366,6 +365,7 @@ onMounted(() => {
   dataStore.visibleColumns = visibleColumns.value;
 });
 </script>
+
 <template>
   <div class="row q-col-gutter-xs">
     <form @submit.prevent="validateForm" class="col-12 row">
@@ -541,7 +541,7 @@ onMounted(() => {
                       v-model="formData.title"
                       lazy-rules
                       :rules="[
-                        (val) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์',
+                        (val:string) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์',
                       ]"
                       label="เรื่องอุทธรณ์/ร้องทุกข์"
                     />
@@ -559,7 +559,7 @@ onMounted(() => {
                     v-model="formData.description"
                     lazy-rules
                     :rules="[
-                      (val) => !!val || 'กรุณากรอกรายละเอียดอุทธรณ์/ร้องทุกข์',
+                      (val:string) => !!val || 'กรุณากรอกรายละเอียดอุทธรณ์/ร้องทุกข์',
                     ]"
                     label="รายละเอียดอุทธรณ์/ร้องทุกข์"
                     type="textarea"
@@ -757,7 +757,7 @@ onMounted(() => {
   />
 </template>
 
-<style lang="scss">
+<style scoped lang="scss">
 .icon-color {
   color: #4154b3;
 }
diff --git a/src/modules/11_discipline/interface/index/Main.ts b/src/modules/11_discipline/interface/index/Main.ts
index 8ab9057d4..3830033c0 100644
--- a/src/modules/11_discipline/interface/index/Main.ts
+++ b/src/modules/11_discipline/interface/index/Main.ts
@@ -74,8 +74,32 @@ interface FileLists {
 
 interface HistoryResultCommand {
   commandSubject: string;
-  createdAt: Date|null; 
-  lastUpdatedAt: Date|null; 
+  createdAt: Date | null;
+  lastUpdatedAt: Date | null;
+}
+
+interface DataPerson {
+  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;
 }
 
 export type {
@@ -88,5 +112,6 @@ export type {
   FileLists,
   DataOptioGroup,
   DataOptionYear,
-  HistoryResultCommand
+  HistoryResultCommand,
+  DataPerson,
 };
diff --git a/src/modules/15_development/components/DialogRecordPerson.vue b/src/modules/15_development/components/DialogRecordPerson.vue
index 9ad5aad10..03a488880 100644
--- a/src/modules/15_development/components/DialogRecordPerson.vue
+++ b/src/modules/15_development/components/DialogRecordPerson.vue
@@ -17,8 +17,6 @@ import type { ResPrefix } from "@/modules/15_development/interface/response/Main
  */
 import DialogHeader from "@/components/DialogHeader.vue";
 
-/** importStore*/
-
 const $q = useQuasar();
 const route = useRoute();
 const {
@@ -487,4 +485,4 @@ watch(
   </q-dialog>
 </template>
 
-<style scoped></style>
+<style lang="scss" scoped></style>
diff --git a/src/modules/16_positionEmployee/components/TreeTable.vue b/src/modules/16_positionEmployee/components/TreeTable.vue
index 312972696..db6a6aa84 100644
--- a/src/modules/16_positionEmployee/components/TreeTable.vue
+++ b/src/modules/16_positionEmployee/components/TreeTable.vue
@@ -31,10 +31,6 @@ import DialogHistoryPos from "@/modules/16_positionEmployee/components/DialogHis
 import DialogSelectPerson from "@/modules/16_positionEmployee/components/DialogSelectPerson.vue";
 import DialogSuccession from "@/modules/16_positionEmployee/components/DialogSuccession.vue";
 
-/**
- * importStore
- */
-
 /**
  * ues
  */