ui แบบประเมิน | เพิ่ม accept=".pdf"

src/modules/04_registry/components/Profile.vue

@@ -427,6 +427,7 @@
                 label="แนบใบมรณบัตร"
                 hide-bottom-space
                 lazy-rules
+                accept=".pdf"
               >
                 <q-separator />
                 <template v-slot:prepend>

src/modules/05_placement/components/probation/FormAssign.vue

@@ -731,6 +731,7 @@ const getAssign = async () => {
   });
 };
 onMounted(async () => {
+  getAssign();
   await getUser();
   await getLaw(personalId);
   await getcompetency(personalId);
@@ -738,7 +739,6 @@ onMounted(async () => {
   await getSkill(personalId);
   await getKnowledge(personalId);
   await getAssignNew(personalId);
-  await getAssign();
 });
 watch(
   () => [monthSelect.value, date_start.value],

src/modules/05_placement/components/probation/SummarySurvey.vue

@@ -3,9 +3,11 @@ import { ref, onMounted } from "vue";
 import { QForm, useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRoute, useRouter } from "vue-router";
+import { useProbationDataStore } from "@/modules/05_placement/store";
 import http from "@/plugins/http";
 import config from "@/app.config";
-
+const probationStore = useProbationDataStore();
+const { ratingColors } = probationStore;
 const $q = useQuasar();
 const myForm = ref<QForm>();
 const mixin = useCounterMixin();
@@ -30,6 +32,10 @@ const score2 = ref<number>(0);
 const score3 = ref<number>(0);
 const Allscore = ref<number>(0);
 
+const comment_1 = ref<string>("")
+const comment_2 = ref<string>("")
+
+
 const result = ref<any>();
 const result_option = ref<any>([
   { name: "ผ่าน", value: 1 },
@@ -75,6 +81,8 @@ onMounted(() => {
   //     console.log(e);
   //   });
 // };
+
+
 </script>
 
 <template>
@@ -113,6 +121,92 @@ onMounted(() => {
         </div>
       </div> -->
     </div>
+    <div class="col-12 row">
+            <div class="col-12 text-top0 items-center">
+              <q-avatar class="bg-grey-2 q-mr-sm" size="28px">1</q-avatar>
+              ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
+            </div>
+            <div class="col-12">
+              <q-input
+                label="ความคิดเห็น"
+                class="bg-white"
+                dense
+                borderless
+                outlined
+                v-model="comment_1"
+                type="textarea"
+              />
+            </div>
+          </div>
+          <div class="col-12 row q-mt-md">
+            <div class="col-12 text-top0 items-center">
+              <q-avatar class="bg-grey-2 q-mr-sm" size="28px">2</q-avatar>
+              ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
+            </div>
+            <div class="col-12">
+              <q-input
+                label="ความคิดเห็น"
+                class="bg-white"
+                dense
+                borderless
+                outlined
+                v-model="comment_2"
+                type="textarea"
+              />
+            </div>
+
+          </div>
+
+          <div class="col-12 row q-mt-md">
+            <div class="col-12 text-top0 items-center">
+              <q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
+              ผลสัมฤทธิ์ของการทดลองปฏิบัติบัติหน้าที่ราชการ
+            </div>
+          </div>
+
+          <div class="col-12 row no-margin">
+            <q-card class="text-top0 col-xs-12 col-sm-11 q-pa-xs q-pl-lg">
+              <q-list dense>
+                <q-item dense tag="label" v-ripple>
+                  <q-item-section>
+                    <q-item-label>
+                      <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
+                      1.1. ความรู้ความสามารถ</q-item-label
+                    >
+                  </q-item-section>
+                  <q-item-section side>
+                    <q-rating
+                      :disable="!status"
+                      v-model="knowledge_level"
+                      max="5"
+                      size="sm"
+                      color="grey"
+                      :color-selected="ratingColors"
+                      label="ระดับการประเมินพฤติกรรม"
+                    >
+                      <template v-slot:tip-1>
+                        <q-tooltip>ไม่พึงพอใจ</q-tooltip>
+                      </template>
+                      <template v-slot:tip-2>
+                        <q-tooltip>ค่อนข้างพึงพอใจ</q-tooltip>
+                      </template>
+                      <template v-slot:tip-3>
+                        <q-tooltip>พึงพอใจ</q-tooltip>
+                      </template>
+                      <template v-slot:tip-4>
+                        <q-tooltip>พึงพอใจมาก</q-tooltip>
+                      </template>
+                      <template v-slot:tip-5>
+                        <q-tooltip>พึงพอใจมากที่สุด</q-tooltip>
+                      </template>
+                    </q-rating>
+                  </q-item-section>
+                </q-item>
+              </q-list>
+            </q-card>
+          </div>
+          
+
     <div class="row col-12 q-gutter-lg">
 
       <div class=" col-xs-12 col-sm-11 ">