diff --git a/src/modules/11_discipline/components/6_BasicInformation/Channel/addChannel.vue b/src/modules/11_discipline/components/6_BasicInformation/Channel/AddPage.vue
similarity index 100%
rename from src/modules/11_discipline/components/6_BasicInformation/Channel/addChannel.vue
rename to src/modules/11_discipline/components/6_BasicInformation/Channel/AddPage.vue
diff --git a/src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue b/src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue
index 22e83bc1f..6b2a50487 100644
--- a/src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue
@@ -93,20 +93,15 @@ const clickAdd = () => {
 };
 
 const clickDelete = (id: string) => {
-  $q.dialog({
-    title: "ยืนยันการลบช่องทาง",
-    message: "ต้องการลบช่องทางนี้ใช่หรือไม่?",
-    cancel: {
-      flat: true,
-      color: "negative",
+  dialogRemove(
+    $q,
+    async () => {
+      //   await deleteData(id);
+      //   await getData();
     },
-    persistent: true,
-  })
-    .onOk(async () => {
-      console.log("delete");
-    })
-    .onCancel(() => {})
-    .onDismiss(() => {});
+    `ลบข้อมูล`
+    // `ลบข้อมูลของ ${name}`
+  );
 };
 
 onMounted(() => {});
@@ -170,18 +165,11 @@ onMounted(() => {});
         />
       </div>
       <div class="col-12">
-        <q-table
-          ref="table"
+        <d-table
           :columns="columns"
           :rows="rows"
+          row-key="id"
           :filter="filterKeyword"
-          row-key="interrogated"
-          flat
-          bordered
-          :paging="true"
-          dense
-          class="custom-header-table"
-          v-bind="attrs"
           :visible-columns="visibleColumns"
           :pagination-label="paginationLabel"
           v-model:pagination="pagination"
@@ -229,7 +217,7 @@ onMounted(() => {});
               direction-links
             ></q-pagination>
           </template>
-        </q-table>
+        </d-table>
       </div>
     </div>
   </q-card>
diff --git a/src/modules/11_discipline/components/ุ6_Information/Channel/AddPage.vue b/src/modules/11_discipline/components/ุ6_Information/Channel/AddPage.vue
new file mode 100644
index 000000000..0a6c0eccb
--- /dev/null
+++ b/src/modules/11_discipline/components/ุ6_Information/Channel/AddPage.vue
@@ -0,0 +1,214 @@
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+import { useQuasar, QForm } from "quasar";
+import { useRouter, useRoute } from "vue-router";
+import { useCounterMixin } from "@/stores/mixin";
+import type { QTableProps } from "quasar";
+
+const mixin = useCounterMixin();
+const {
+  date2Thai,
+  dateToISO,
+  messageError,
+  showLoader,
+  hideLoader,
+  dialogConfirm,
+  success,
+  dialogMessageNotify,
+} = mixin;
+const router = useRouter();
+const route = useRoute();
+const myForm = ref<QForm | null>(null); //form data input
+const edit = ref<boolean>(false);
+const channel = ref<string>("");
+
+onMounted(async () => {
+  //   if (route.params.id) {
+  //     // มี params id ให้ เรียกข้อมูลของรอบการเสนอขอ
+  //     await fetchData();
+  //   }
+});
+// เรียกข้อมูลของรอบการเสนอขอ
+const fetchData = async () => {
+  //   edit.value = true;
+  //   showLoader();
+  //   await http
+  //     .get(config.API.getRoundInsignia(id.value))
+  //     .then((res) => {
+  //       const data = res.data.result;
+  //       id.value = data.period_id;
+  //       roundInsig.value =
+  //         options.value.filter((r: any) => r.value == data.period_round).length >
+  //         0
+  //           ? options.value.filter((r: any) => r.value == data.period_round)[0]
+  //           : null;
+  //       yearly.value = data.period_year;
+  //       datelast.value = data.period_amount;
+  //       dateStart.value = new Date(data.period_start);
+  //       dateEnd.value = new Date(data.period_end);
+  //       files.value = data.period_doc;
+  //     })
+  //     .catch((e) => {
+  //       messageError($q, e);
+  //     })
+  //     .finally(() => {
+  //       hideLoader();
+  //     });
+};
+
+const deleteData = async (id: string) => {
+  //   showLoader();
+  //   await http
+  //     .delete(config.API.periodExamId(id))
+  //     .then((res) => {
+  //       success($q, "ลบข้อมูลสำเร็จ");
+  //     })
+  //     .catch((e) => {
+  //       messageError($q, e);
+  //     })
+  //     .finally(async () => {
+  //       hideLoader();
+  //     });
+};
+
+// แก้ไขข้อมูล
+
+// คลิกบันทึก
+const checkSave = () => {
+  //   if (myForm.value !== null) {
+  //     myForm.value.validate().then(async (success) => {
+  //       if (success) {
+  //         dialogConfirm($q, () => SaveData());
+  //       } else if (Number(datelast.value) !== 0) {
+  //         dialogMessageNotify($q, "กรุณาเลือกรอบการเสนอขอพระราชทานเครื่องราชฯ");
+  //       }
+  //     });
+  //   }
+};
+// บันทึกข้อมูล
+const SaveData = async () => {
+  //   if (edit.value) {
+  //     await editData(id.value);
+  //   } else {
+  //     await addData();
+  //     clickBack();
+  //   }
+};
+// เพิ่มข้อมูลรอบการเสนอขอพระราชทานเครื่องราชฯ
+const addData = async () => {
+  //   const formData = new FormData();
+  //   const name = `รอบการเสนอขอพระราชทานเครื่องราชรอบที่ ${
+  //     roundInsig.value.value
+  //   }  ปี ${yearly.value + 543} `;
+  //   formData.append("name", name);
+  //   formData.append("year", yearly.value.toString());
+  //   formData.append("amount", datelast.value.toString());
+  //   formData.append("round", roundInsig.value.value);
+  //   if (dateStart.value !== null) {
+  //     formData.append("startDate", dateToISO(dateStart.value));
+  //   }
+  //   if (dateEnd.value !== null) {
+  //     formData.append("endDate", dateToISO(dateEnd.value));
+  //   }
+  //   formData.append("file", files.value);
+  //   showLoader();
+  //   await http
+  //     .post(config.API.listRoundInsignia(), formData)
+  //     .then(() => {
+  //       success($q, "บันทึกข้อมูลสำเร็จ");
+  //     })
+  //     .catch((e) => {
+  //       messageError($q, e);
+  //     })
+  //     .finally(async () => {
+  //       hideLoader();
+  //     });
+};
+// แก้ไขข้อมูล
+const editData = async (id: string) => {
+  //   const formData = new FormData();
+  //   const name = `รอบการเสนอขอพระราชทานเครื่องราชรอบที่ ${
+  //     roundInsig.value.value
+  //   } ปี ${yearly.value + 543}`;
+  //   formData.append("name", name);
+  //   formData.append("year", yearly.value.toString());
+  //   formData.append("amount", datelast.value.toString());
+  //   formData.append("round", roundInsig.value.value);
+  //   if (dateStart.value !== null) {
+  //     formData.append("startDate", dateToISO(dateStart.value));
+  //   }
+  //   if (dateEnd.value !== null) {
+  //     formData.append("endDate", dateToISO(dateEnd.value));
+  //   }
+  //   formData.append("file", files.value);
+  //   showLoader();
+  //   await http
+  //     .put(config.API.editRoundInsignia(id), formData)
+  //     .then(() => {
+  //       success($q, "แก้ไขข้อมูลสำเร็จ");
+  //     })
+  //     .catch((e) => {
+  //       messageError($q, e);
+  //     })
+  //     .finally(async () => {
+  //       hideLoader();
+  //       clickBack();
+  //     });
+};
+
+const clickBack = () => {
+  router.push(`/discipline/channel`);
+};
+</script>
+<template>
+  <div class="col-xs-12 col-sm-12 col-md-11">
+    <div class="toptitle col-12 row items-center">
+      <q-btn
+        icon="mdi-arrow-left"
+        unelevated
+        round
+        dense
+        flat
+        color="primary"
+        class="q-mr-sm"
+        @click="clickBack"
+      />
+      {{ edit ? "ช่องทางการร้องเรียน" : "เพิ่มช่องทางการร้องเรียน" }}
+    </div>
+    <q-form ref="myForm">
+      <div class="col-12">
+        <q-card bordered>
+          <div class="col-12 row q-col-gutter-md q-pa-md">
+            <div class="col-xs-12 col-sm-12 row">
+              <q-separator />
+              <div class="col-12 row q-pa-sm q-col-gutter-sm">
+                <q-input
+                  class="col-12"
+                  dense
+                  outlined
+                  v-model="channel"
+                  label="กรอกชื่อช่องทาง"
+                  :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อช่องทาง'}`]"
+                />
+              </div>
+            </div>
+          </div>
+          <q-separator />
+          <q-separator />
+          <div class="row col-12 q-pa-sm">
+            <q-space />
+            <q-btn
+              flat
+              round
+              color="public"
+              @click="checkSave"
+              icon="mdi-content-save-outline"
+            >
+              <q-tooltip>{{ edit ? "แก้ไขข้อมูล" : "บันทึกข้อมูล" }}</q-tooltip>
+            </q-btn>
+          </div>
+        </q-card>
+      </div>
+    </q-form>
+  </div>
+</template>
diff --git a/src/modules/11_discipline/router.ts b/src/modules/11_discipline/router.ts
index d0a715198..3d4ce56dd 100644
--- a/src/modules/11_discipline/router.ts
+++ b/src/modules/11_discipline/router.ts
@@ -22,10 +22,10 @@ const channelMain = () =>
   import(
     "@/modules/11_discipline/components/6_BasicInformation/Channel/MainPage.vue"
   );
-  const channelAdd = () =>
+const channelAdd = () =>
   import(
-    "@/modules/11_discipline/components/6_BasicInformation/Channel/addChannel.vue"
-  );  
+    "@/modules/11_discipline/components/6_BasicInformation/Channel/AddPage.vue"
+  );
 const complaintAdd = () =>
   import("@/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue");
 const reportType = () =>
@@ -35,7 +35,8 @@ const InvestigateDisciplinaryAdd = () =>
   import(
     "@/modules/11_discipline/components/3_InvestigateDisciplinary/addInvestigate.vue"
   );
-const orderPage = () => import("@/modules/11_discipline/components/4_Order/OrderPage.vue")
+const orderPage = () =>
+  import("@/modules/11_discipline/components/4_Order/OrderPage.vue");
 export default [
   {
     path: "/discipline/complaints",