หน้ารายการประเมิน

src/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue

@@ -1,10 +1,16 @@
 <script setup lang="ts">
-import { ref, watch } from "vue";
+import { ref, watch, onMounted } from "vue";
 import { VuePDF, usePDF } from "@tato30/vue-pdf";
 import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
 
 const store = useEvaluateDetailStore();
 
+const props = defineProps({
+  type: {
+    type: String,
+  },
+});
+
 const splitterModel = ref(14);
 const numOfPages = ref<number>(0);
 const page = ref<number>(1);
@@ -24,11 +30,18 @@ function backPage() {
   }
 }
 
-watch(()=>store.log, () => {
-  if(store.log === 1){
-    numOfPages.value = store.numOfPagesStore;
-    pdfSrc.value = store.pdfSrcStore;
+watch(
+  () => store.log,
+  () => {
+    if (store.log === 1) {
+      numOfPages.value = store.numOfPagesStore;
+      pdfSrc.value = store.pdfSrcStore;
+    }
   }
+);
+onMounted(() => {
+  numOfPages.value = store.numOfPagesStore;
+  pdfSrc.value = store.pdfSrcStore;
 });
 </script>
 
@@ -36,10 +49,10 @@ watch(()=>store.log, () => {
   <q-splitter
     v-model="splitterModel"
     horizontal
-    style="
-      height: 50vh;
-      border: 1px solid rgb(210, 210, 210);
-      border-radius: 5px;
+    :style="
+      props.type !== 'popup'
+        ? 'height: 50vh; border: 1px solid rgb(210, 210, 210);border-radius: 5px;'
+        : 'border: 1px solid rgb(210, 210, 210);border-radius: 5px;'
     "
     before-class="overflow-hidden disable"
     separator-class="bg-white disabled"