ต่อ api รายละเอียดการประเมินของ

src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, onMounted, defineProps, watch } from "vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useQuasar } from "quasar";
@@ -15,11 +15,20 @@ import DialogDirector from "@/modules/12_evaluatePersonal/components/Detail/view
 
 /** import store*/
 import { useCounterMixin } from "@/stores/mixin";
-
+import { useRouter, useRoute } from "vue-router";
+const router = useRouter();
+const route = useRoute();
+const id = ref<string>(route.params.id as string);
 const mixin = useCounterMixin();
 const $q = useQuasar();
 
-const { showLoader, hideLoader, messageError } = mixin;
+const props = defineProps({
+  data: {
+    type: Array,
+    default: [],
+  },
+});
+const { showLoader, hideLoader, messageError, dialogConfirm } = mixin;
 
 const columns = ref<QTableProps["columns"]>([
   {
@@ -49,15 +58,6 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
-  {
-    name: "duty",
-    align: "left",
-    label: "หน้าที่",
-    sortable: true,
-    field: "duty",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
   {
     name: "email",
     align: "left",
@@ -144,9 +144,82 @@ async function updatePaging(rpp: number, p: number) {
  */
 function returnDirector(data: any) {
   const dataList = data.map((item: any) => item.id);
-  rows.value = data;
-  onClickClose();
+  console.log(dataList);
+
+  dialogConfirm($q, () => {
+    showLoader();
+    http
+      .put(config.API.evaluationChooseDirectors(id.value), {
+        directors: dataList,
+      })
+      .then((res) => {
+        console.log(res);
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+        onClickClose();
+      });
+  });
 }
+
+function getList() {
+  showLoader();
+  http
+    .get(config.API.evaluateDirectorMain())
+    .then((res) => {
+      // maxPage.value = Math.ceil(res.data.result.total / rowsPerPage.value);
+      const data = res.data.result;
+
+      listDirector.value = data.map((item: any) => ({
+        id: item.id,
+        name: `${item.prefix}${item.firstName} ${item.lastName}`,
+        createdAt: item.createdAt,
+        createdUserId: item.createdUserId,
+        lastUpdatedAt: item.lastUpdatedAt,
+        lastUpdateUserId: item.lastUpdateUserId,
+        createdFullName: item.createdFullName,
+        lastUpdateFullName: item.lastUpdateFullName,
+        prefix: item.prefix,
+        firstName: item.firstName,
+        lastName: item.lastName,
+        phone: item.phone,
+        email: item.email,
+        position: item.position,
+      }));
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+watch(
+  () => props.data,
+  () => {
+    if (props.data) {
+      rows.value = props.data.map((item: any) => ({
+        id:item.id,
+        name:`${item.prefix}${item.firstName} ${item.lastName}`,
+        prefix:item.prefix,
+        firstName:item.firstName,
+        lastName:item.lastName,
+        position:item.position,
+        positionName:item.positionName,
+        email:item.email,
+        phone:item.phone,
+      }));
+    }
+  }
+);
+
+onMounted(() => {
+  getList();
+});
 </script>
 
 <template>