diff --git a/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue b/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
index 14be718e6..969fbc0aa 100644
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/EditPage.vue
@@ -33,6 +33,7 @@ const data = reactive<FormData>({
   filesRecordAccuser: null,
   filesWitnesses: null,
   filesEtc: null,
+  complaintStatus: 'NEW'
 });
 
 /** จำลองข้อมูลจาก api */
@@ -77,11 +78,41 @@ function sentIssue() {
   );
 }
 
+/** ยืนยัน ยุติเรื่อง */
+function endInvestigate() {
+  dialogConfirm(
+    $q,
+    () => confirmEndInvestigate(),
+    "ยืนยันยุติเรื่อง",
+    "ต้องการยืนยันยุติเรื่องใช่หรือไม่?"
+  );
+}
+
+/** ยืนยัน ยกเลิกการยุติเรื่อง */
+function cancelInvestigate() {
+  dialogConfirm(
+    $q,
+    () => confirmCancelInvestigate(),
+    "ยืนยันยกเลิกการยุติเรื่อง",
+    "ต้องการยืนยันยกเลิกการยุติเรื่องใช่หรือไม่?"
+  );
+}
+
 /** ฟังชั่น ส่งไปออกคำสั่ง*/
 function confirmSentIssue() {
   console.log("sent");
 }
 
+/** ฟังชั่น ยุติเรื่อง*/
+function confirmEndInvestigate() {
+  console.log("sent");
+}
+
+/** ฟังชั่น ยกเลิกการยุติเรื่อง*/
+function confirmCancelInvestigate() {
+  console.log("sent");
+}
+
 /** โหลดข้อมูลเมื่อเข้าหน้านี้ */
 onMounted(() => {
   fetchData();
@@ -103,7 +134,20 @@ onMounted(() => {
       <div class="q-ma-none">แก้ไขการสอบสวนความผิดทางวินัย {{ id }}#id</div>
       <q-space />
       <div class="q-gutter-x-sm">
-        <q-btn label="ส่งไปออกคำสั่ง" color="public" @click="sentIssue" />
+        <q-btn  v-if="data.complaintStatus === 'NEW'" label="ส่งไปออกคำสั่ง" color="public" @click="sentIssue" />
+        <q-btn
+          v-if="data.complaintStatus === 'NEW'"
+          label="ยุติเรื่อง"
+          color="red-7"
+          @click="endInvestigate"
+        />
+        <q-btn
+          v-if="data.complaintStatus === 'STOP'"
+          label="ยกเลิกการยุติเรื่อง"
+          color="red-7"
+          @click="cancelInvestigate"
+        />
+
       </div>
     </div>
     <Form :on-submit="onSubmit" :data="data" />
diff --git a/src/modules/11_discipline/interface/request/disciplinary.ts b/src/modules/11_discipline/interface/request/disciplinary.ts
index 8642393cb..848512f76 100644
--- a/src/modules/11_discipline/interface/request/disciplinary.ts
+++ b/src/modules/11_discipline/interface/request/disciplinary.ts
@@ -18,6 +18,7 @@ interface FormData {
   recordAccuser: string;
   witnesses: string;
   InvestResults: string;
+  complaintStatus: string
 }
 
 interface disciplinaryRef {