จัดโค้ด รายการการสอบสวนความผิดทางวินัย

src/modules/11_discipline/components/3_InvestigateDisciplinary/Dialogbody.vue

@@ -14,7 +14,7 @@ const selected = ref<directorType[]>([]);
 const mixin = useCounterMixin();
 const { showLoader, success, messageError, dialogConfirm, hideLoader } = mixin;
 
-//ค้นหา คอลัมน์ คอลัมน์ที่แสดง
+/** ค้นหาคอลัม */
 const visibleColumns2 = ref<string[]>([
   "no",
   "nameDirector",
@@ -24,6 +24,8 @@ const visibleColumns2 = ref<string[]>([
   "telephone",
   "role"
 ]);
+
+/**ข้อมูลหัว ตาราง*/
 const columns2 = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -104,6 +106,7 @@ const columns2 = ref<QTableProps["columns"]>([
   },
 ]);
 
+/** รับ props มาจากหน้าหลัก */
 const props = defineProps({
   Modal: Boolean,
   clickClose: Function,
@@ -119,8 +122,8 @@ const checkSelected = computed(() => {
   console.log(checkSelected.value);
 });
 
-//popup ยืนยันส่งัว
-const saveDirector = () => {
+/** popup ยืนยันส่งัว */
+function saveDirector(){
   dialogConfirm(
     $q,
     () => DirectorSave(),
@@ -128,17 +131,22 @@ const saveDirector = () => {
     "ต้องการยืนยันเพิ่มรายชื่อกรรมการ?"
   );
 };
-//ส่งไปออกคำสั่ง
-const DirectorSave = async () => {};
+
+/** ส่งไปออกคำสั่ง */
+async function DirectorSave(){};
 
 const emit = defineEmits(["update:filterKeyword2", "update:selected"]);
-const updateInput = (value: any) => {
+
+function updateInput(value: any){
   emit("update:filterKeyword2", value);
 };
-//รีเซ็ตค่าในช่องค้นหา
-const Reset = () => {
+
+/**รีเซ็ตค่าในช่องค้นหา */
+function Reset(){
   emit("update:filterKeyword2", "");
 };
+
+/** เช็คค่า props.Modal === true */
 watchEffect(() => {
   if (props.Modal === true) {
     selected.value = [];
@@ -172,6 +180,7 @@ watchEffect(() => {
             />
           </template>
         </q-input>
+
         <d-table
           :columns="columns2"
           :rows="rows2"
@@ -181,15 +190,6 @@ watchEffect(() => {
           selection="multiple"
           v-model:selected="selected"
         >
-          <template v-slot:header-selection="scope">
-            <!-- <q-checkbox
-              keep-color
-              color="primary"
-              dense
-              v-model="scope.selected"
-            /> -->
-          </template>
-
           <template v-slot:body="props">
             <q-tr :props="props" class="cursor-pointer">
               <q-td>