อุทธรณ์ร้องทุกข์

src/modules/07_appealComplain/views/Edit.vue

@@ -0,0 +1,107 @@
+<script setup lang="ts">
+import { ref, onMounted, reactive } from "vue";
+import { useQuasar } from "quasar";
+import { useRouter, useRoute } from "vue-router";
+import { useCounterMixin } from "@/stores/mixin";
+import http from "@/plugins/http";
+import config from "@/app.config";
+import type { QForm } from "quasar";
+import type {
+  EditDataList,
+  HistoryStatusType,
+  FileObType,
+} from "@/modules/07_appealComplain/interface/response/mainType";
+import Form from "@/modules/07_appealComplain/views/Form.vue";
+
+const router = useRouter();
+const route = useRoute();
+
+const id = ref<string>(route.params.id as string);
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const myform = ref<QForm | null>(null);
+const { fails, success, messageError, showLoader, hideLoader } = mixin;
+
+const historyStatusOb = reactive<HistoryStatusType>({
+  status: "",
+  createdAt: "",
+});
+
+const fileOb = reactive<FileObType>({
+  id: "",
+  pathName: "",
+  fileName: "",
+});
+
+const data = reactive<EditDataList>({
+  id: "",
+  title: "",
+  description: "",
+  status: "",
+  type: "",
+  year: new Date().getFullYear(),
+  caseType: "",
+  caseNumber: "",
+  fullname: "",
+  citizenId: "",
+  profileId: "",
+  lastUpdatedAt: "",
+  historyStatus: [historyStatusOb],
+  disciplineComplaint_Appeal_Docs: [fileOb],
+});
+function getData() {
+  showLoader();
+  http
+    .get(config.API.appealByID(id.value))
+    .then((res) => {
+      console.log(res);
+      const dataList = res.data.result;
+      data.id = dataList.id;
+      data.title = dataList.title;
+      data.description = dataList.description;
+      data.status = dataList.status;
+      data.type = dataList.type;
+      data.year = dataList.year;
+      data.caseType = dataList.caseType;
+      data.caseNumber = dataList.caseNumber;
+      data.fullname = dataList.fullname;
+      data.citizenId = dataList.citizenId;
+      data.profileId = dataList.profileId;
+      data.lastUpdatedAt = dataList.lastUpdatedAt;
+      data.disciplineComplaint_Appeal_Docs =
+        dataList.disciplineComplaint_Appeal_Docs;
+      data.historyStatus = dataList.historyStatus;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+onMounted(() => {
+  getData();
+});
+</script>
+
+<template>
+  <div class="col-12 row justify-center">
+    <div class="col-xs-12 col-sm-12 col-md-11">
+      <div class="toptitle text-white col-12 row items-center">
+        <q-btn
+          icon="mdi-arrow-left"
+          unelevated
+          round
+          dense
+          flat
+          color="primary"
+          class="q-mr-sm"
+          @click="router.go(-1)"
+        />
+        แก้ไขอุทธรณ์/ร้องทุกข์
+      </div>
+      <Form :data="data" />
+    </div>
+  </div>
+</template>