ปรับ Code ประเมืน

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

@@ -24,23 +24,6 @@ const props = defineProps({
     style="width: 610px"
     :rows-per-page-options="[10, 25, 50, 100]"
   >
-    <!-- <template v-slot:header="props">
-      <q-tr :props="props">
-        <q-th v-for="col in props.cols" :key="col.name" :props="props">
-          <span class="text-weight-medium" v-html="col.label" />
-        </q-th>
-        <q-th auto-width />
-      </q-tr>
-    </template> -->
-    <!-- <template v-slot:body="props">
-      <q-tr :props="props" class="cursor-pointer">
-        <q-td v-for="col in props.cols" :key="col.name" :props="props">
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
-      </q-tr>
-    </template> -->
   </d-table>
 </template>
 

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

@@ -1,8 +1,11 @@
 <script setup lang="ts">
 import { ref, watch, onMounted } from "vue";
-import { VuePDF, usePDF } from "@tato30/vue-pdf";
+import { VuePDF } from "@tato30/vue-pdf";
+
+/** importStore*/
 import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
 
+/** use*/
 const store = useEvaluateDetailStore();
 
 const props = defineProps({

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

@@ -1,15 +1,31 @@
 <script setup lang="ts">
-import TableData from "@/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue";
-import { useCounterMixin } from "@/stores/mixin";
+import { onMounted, reactive } from "vue";
 
-import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
-import { onMounted, reactive, watch } from "vue";
+/** importType*/
 import type {
   EducationForm,
   CertificatesForm,
 } from "@/modules/12_evaluatePersonal/interface/index/evalute";
 
+/** importComponents*/
+import TableData from "@/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue";
+
+/** import Store*/
+import { useCounterMixin } from "@/stores/mixin";
+import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
+
+/** use*/
 const mixin = useCounterMixin();
+const store = useEvaluateDetailStore();
+
+const {
+  columnsCertificates,
+  columnSalaries,
+  columnTraining,
+  columnProjectsProposed,
+} = store;
+const { date2Thai } = mixin;
+
 const props = defineProps({
   data: {
     type: Object,
@@ -17,18 +33,7 @@ const props = defineProps({
   },
 });
 
-const { date2Thai } = mixin;
-
-const store = useEvaluateDetailStore();
-const {
-  columnsCertificates,
-  columnSalaries,
-  columnTraining,
-  columnProjectsProposed,
-} = store;
-
 const formDetail = reactive({
-  userId: props.data.id,
   citizenId: "",
   prefix: "",
   fullName: "",
@@ -44,10 +49,12 @@ const formDetail = reactive({
   salaries: [],
   trainings: [],
   assessments: [],
-  // Type: "",
-  // Step: "",
 });
 
+function formattedNumber(x: number) {
+  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+
 onMounted(() => {
   if (props.data) {
     formDetail.prefix = props.data.prefix;
@@ -118,10 +125,6 @@ onMounted(() => {
     formDetail.assessments = props.data.assessments;
   }
 });
-
-function formattedNumber(x: number) {
-  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-}
 </script>
 
 <template>
@@ -410,7 +413,9 @@ function formattedNumber(x: number) {
 
         <q-card bordered style="border: 1px solid #d6dee1">
           <div class="text-weight-bold row items-center bg-grey-2">
-            <span class="q-ml-lg q-my-sm">ผลงานที่เคยเสนอขอประเมิน (ถ้ามี)</span>
+            <span class="q-ml-lg q-my-sm"
+              >ผลงานที่เคยเสนอขอประเมิน (ถ้ามี)</span
+            >
           </div>
           <q-separator />
           <div class="row q-pa-sm">

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

@@ -1,12 +1,15 @@
 <script setup lang="ts">
 import { ref } from "vue";
+
+/** importComponts*/
 import DialogHeader from "@/components/DialogHeader.vue";
 import ViewPDF from "@/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue";
 
+/** importStore*/
 import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
 
+/** use*/
 const store = useEvaluateDetailStore();
-
 const modalPerview = ref<boolean>(false);
 </script>
 

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

@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import { ref } from "vue";
+
+/** importComponents*/
 import DialogHeader from "@/components/DialogHeader.vue";
 import ViewPDF from "@/modules/12_evaluatePersonal/components/Detail/viewstep/viewPDF.vue";
 
+/** importStore*/
 import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
 
+/** use*/
 const store = useEvaluateDetailStore();
 
 const modalPerview = ref<boolean>(false);
@@ -32,11 +36,8 @@ const modalPerview = ref<boolean>(false);
       ><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
     >
   </div>
-  <!-- <q-tab-panels v-model="store.tabPanels" animated swipeable vertical>
-    <q-tab-panel name="1"> -->
+
   <ViewPDF />
-  <!-- </q-tab-panel>
-  </q-tab-panels> -->
 
   <q-dialog v-model="modalPerview" full-width fullHeight>
     <q-card>