KPI

src/modules/14_KPI/views/detailView.vue

@@ -9,6 +9,8 @@ import Avatar from "@/assets/!avatar_user.jpg";
 import DialogHeader from "@/components/DialogHeader.vue";
 import Assessment from "@/modules/14_KPI/components/Tab/01_Assessment.vue";
 import File from "@/modules/14_KPI/components/Tab/05_File.vue";
+import DialogGovernment from "@/modules/14_KPI/components/Tab/Dialog/DialogGovernment.vue";
+import DialogStatus from "@/modules/14_KPI/components/Tab/Dialog/DialogStatus.vue";
 
 import type {
   DataOption,
@@ -27,6 +29,7 @@ const { showLoader, hideLoader, messageError, dialogConfirm, success } =
   useCounterMixin();
 
 const kpiId = ref<string>(route.params.id as string);
+const profileId = ref<string>("");
 
 /** Header*/
 const dataEvaluation = ref<ResUserEvaluation>();
@@ -39,6 +42,7 @@ function fetchEvaluation() {
       const data = res.data.result;
       store.dataEvaluation = data;
       dataEvaluation.value = data;
+      profileId.value = data.profileId;
       fetchProfile(data.profileId);
       fetchProfilePosition(data.profileId);
     })
@@ -249,6 +253,16 @@ function filterOption(val: any, update: Function, refData: string) {
   }
 }
 
+const modalGovernment = ref<boolean>(false);
+function openGovernment() {
+  modalGovernment.value = true;
+}
+
+const modalStatus = ref<boolean>(false);
+function openStatus() {
+  modalStatus.value = true;
+}
+
 /** ์ Body*/
 const splitterModel = ref<number>(15);
 const itemsTab = ref<ItemsTab[]>([
@@ -406,6 +420,7 @@ onMounted(() => {
                   color="grey-2"
                   text-color="primary"
                   size="md"
+                  @click="openGovernment"
                 >
                   <q-tooltip>ดูข้อมูลการช่วยราชการ</q-tooltip>
                 </q-btn>
@@ -416,6 +431,7 @@ onMounted(() => {
                   text-color="blue-5"
                   icon="mdi-file-eye-outline"
                   size="md"
+                  @click="openStatus"
                 >
                   <q-tooltip>ดูข้อมูลการทดลองงาน</q-tooltip>
                 </q-btn>
@@ -685,6 +701,9 @@ onMounted(() => {
       </q-form>
     </q-card>
   </q-dialog>
+
+  <DialogGovernment v-model:modal="modalGovernment" />
+  <DialogStatus v-model:modal="modalStatus" :profileId="profileId" />
 </template>
 
 <style scoped>