ผูก API สอบสวน

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

@@ -13,49 +13,53 @@ import { useQuasar } from "quasar";
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const store = useInvestigateDisStore();
-const { dialogConfirm } = mixin;
+const { dialogConfirm, success } = mixin;
 const router = useRouter();
 const route = useRoute();
 const id = ref<string>(route.params.id as string);
 
 /** ข้อมูล v-model ของฟอร์ม */
-const data = reactive<FormData>({
-  complaint: "",
-  respondentType: "",
-  dateInvestigate: null,
-  dateAllegation: null,
-  dateEvident: null,
-  casefault: "",
-  typefault: "",
-  faultLevel: "",
-  refLaw: "",
-  detailComplaint: "",
-  whereInvestigate: "",
-  trueDetail: "",
-  evidence: "",
-  recordAccuser: "",
-  witnesses: "",
-  InvestResults: "",
-  filesEvidence: null,
-  filesRecordAccuser: null,
-  filesWitnesses: null,
-  filesEtc: null,
-  complaintStatus: "NEW",
-  organizationId: "",
-  consideredAgency: "",
-});
+// const data = reactive<FormData>({
+//   complaint: "",
+//   respondentType: "",
+//   dateInvestigate: null,
+//   dateAllegation: null,
+//   dateEvident: null,
+//   casefault: "",
+//   typefault: "",
+//   faultLevel: "",
+//   refLaw: "",
+//   detailComplaint: "",
+//   whereInvestigate: "",
+//   trueDetail: "",
+//   evidence: "",
+//   recordAccuser: "",
+//   witnesses: "",
+//   InvestResults: "",
+//   filesEvidence: null,
+//   filesRecordAccuser: null,
+//   filesWitnesses: null,
+//   filesEtc: null,
+//   complaintStatus: "NEW",
+//   organizationId: "",
+//   consideredAgency: "",
+// });
 
+const data = ref<object>();
+
+/** function fetchData สอบสวนคาวมผิดทางวินัย*/
 async function fetchDetailDisciplinary() {
   await http
     .get(config.API.disciplineDisciplinaryById(id.value))
     .then((res) => {
-      console.log(res);
+      data.value = res.data.result;
     })
     .catch((err) => {
       console.log(err);
     });
 }
 
+/** function fetchData สืบสวนข้อเท็จจริง*/
 async function fetchDetailInvestigate() {
   await http
     .get(config.API.disciplineInvestigateById(id.value))
@@ -67,6 +71,7 @@ async function fetchDetailInvestigate() {
     });
 }
 
+/** function fetchData เรื่องร้องเรียน*/
 async function fetchDetailComplaints() {
   await http
     .get(config.API.disciplineComplaintsById(id.value))
@@ -78,28 +83,19 @@ async function fetchDetailComplaints() {
     });
 }
 
-/** จำลองข้อมูลจาก api */
-const fetchData = async () => {
-  data.complaint = "test1";
-  data.dateInvestigate = new Date("2023-11-08T14:58:00");
-  data.dateAllegation = new Date("2023-11-08T14:58:00");
-  data.dateEvident = new Date("2023-11-08T14:58:00");
-  data.casefault = "test1";
-  data.typefault = "2";
-  data.faultLevel = "2";
-  data.refLaw = "test";
-  data.detailComplaint = "รายละเอียด";
-  data.whereInvestigate = "ที่ไหน";
-  data.trueDetail = "รายละเอียด";
-  data.evidence = "รายละเอียด";
-  data.recordAccuser = "รายละเอียด";
-  data.witnesses = "รายละเอียด";
-  data.InvestResults = "รายละเอียด";
-  data.filesEvidence = null;
-  data.filesRecordAccuser = null;
-  data.filesWitnesses = null;
-  data.filesEtc = null;
-};
+async function onSubmitDisciplinary(data: any) {
+  console.log(data);
+
+  await http
+    .put(config.API.disciplineDisciplinaryById(id.value), data)
+    .then(() => {
+      success($q, "บันทึกข้อมูลสำเร็จ");
+    })
+    .catch((err) => {})
+    .finally(async () => {
+      await fetchDetailDisciplinary();
+    });
+}
 
 /**
  * บันทึกข้อมูลที่เเก้ไข
@@ -157,7 +153,7 @@ function confirmCancelInvestigate() {
 
 /** โหลดข้อมูลเมื่อเข้าหน้านี้ */
 onMounted(async () => {
-  store.tabMenu = 'disciplinary'
+  store.tabMenu = "disciplinary";
   await fetchDetailDisciplinary();
 });
 
@@ -200,7 +196,7 @@ watch(
       <div class="q-ma-none">แก้ไขการสอบสวนความผิดทางวินัย</div>
       <q-space />
       <div class="q-gutter-x-sm">
-        <q-btn
+        <!-- <q-btn
           v-if="data.complaintStatus === 'NEW'"
           label="ส่งไปสรุปผลการพิจารณา"
           color="public"
@@ -217,7 +213,7 @@ watch(
           label="ยกเลิกการยุติเรื่อง"
           color="red-7"
           @click="cancelInvestigate"
-        />
+        /> -->
       </div>
     </div>
     <q-card flat class="col-12">
@@ -244,7 +240,11 @@ watch(
           <FormInvestigatefacts :on-submit="onSubmit" :data="data" />
         </q-tab-panel>
         <q-tab-panel name="disciplinary">
-          <FormDisciplinary :on-submit="onSubmit" :data="data" />
+          <FormDisciplinary
+            :on-submit="onSubmit"
+            :data="data"
+            @submit:disciplinary="onSubmitDisciplinary"
+          />
         </q-tab-panel>
       </q-tab-panels>
     </q-card>