Merge branch 'develop' into dev-tee

src/api/05_placement/api.probation.ts

@@ -38,7 +38,7 @@ export default {
   formevaluate: (id: string) => `${evaluate}/evaluate-record?assign_id=${id}`,
   formevaluateround: (id: string, no: string) => `${evaluate}/evaluate-record?assign_id=${id}&evaluate_no=${no}`,
   formevaluateRecord: (id: string) => `${evaluate}/evaluate-record/create?assign_id=${id}`,
-  createformevaluate: (id: string) => `${evaluate}/evaluate-record?id=${id}`,
+  createformevaluate: (id: string) => `${evaluate}/evaluate-record?assign_id=${id}`,
 
   //แบบประเมินผล (ผู้บังคับบัญชา)
   evaluateCreate: (id: string) => `${evaluate}/evaluate/create?assign_id=${id}`,

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

@@ -110,10 +110,6 @@ const onSubmit = () => {
     message: "ส่งแบบประเมินเเล้ว",
   });
 };
-
-const onReset = () => {
-  router.push({ name: "probation" });
-};
 </script>
 
 <style lang="scss" scoped>

src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue

@@ -162,11 +162,7 @@ const list1_1 = ref<any>([]);
 // { id: "5", label: "ผลผลิตของงานที่คาดหวัง 5" },
 
 const list1_2 = [
-  { id: "1", label: "ผลผลิตของงานที่เกิดขึ้น 1" },
+  { id: "", label: "" },
-  { id: "2", label: "ผลผลิตของงานที่เกิดขึ้น 2" },
-  { id: "3", label: "ผลผลิตของงานที่เกิดขึ้น 3" },
-  { id: "4", label: "ผลผลิตของงานที่เกิดขึ้น 4" },
-  { id: "5", label: "ผลผลิตของงานที่เกิดขึ้น 5" },
 ];
 const list2_1 = [
   { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
@@ -437,7 +433,7 @@ const saveformdata = async (data: any) => {
         1.1 ความสำเร็จของงานที่ได้รับมอบหมาย
       </div>
       <div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
-        1.ผลผลิตของงานที่คาดหวัง
+        ผลผลิตของงานที่คาดหวัง
       </div>
       <q-card
         flat
@@ -488,7 +484,7 @@ const saveformdata = async (data: any) => {
         1.2 ความสำเร็จของงานที่ได้รับมอบหมาย
       </div>
       <div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
-        1.ผลผลิตของงานที่เกิดขึ้น
+        ผลผลิตของงานที่เกิดขึ้นจริง
       </div>
       <q-card
         flat

src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultAdd.vue

@@ -24,6 +24,7 @@ const {
 } = mixin;
 const { ratingColors } = probationStore;
 const assignId = ref<string>(route.params.form.toString());
+const personalId = ref<string>(route.params.id.toString());
 
 const person = ref<any>([]);
 const assign = ref<any>([]);
@@ -77,10 +78,10 @@ const list1_1 = ref<any>([
 ]);
 const list1_2 = [
   { id: "1", label: "ผลผลิตของงานที่เกิดขึ้น 1" },
-  { id: "2", label: "ผลผลิตของงานที่เกิดขึ้น 2" },
+  // { id: "2", label: "ผลผลิตของงานที่เกิดขึ้น 2" },
-  { id: "3", label: "ผลผลิตของงานที่เกิดขึ้น 3" },
+  // { id: "3", label: "ผลผลิตของงานที่เกิดขึ้น 3" },
-  { id: "4", label: "ผลผลิตของงานที่เกิดขึ้น 4" },
+  // { id: "4", label: "ผลผลิตของงานที่เกิดขึ้น 4" },
-  { id: "5", label: "ผลผลิตของงานที่เกิดขึ้น 5" },
+  // { id: "5", label: "ผลผลิตของงานที่เกิดขึ้น 5" },
 ];
 const list2_1 = [
   { id: "1", label: "ให้บริการประชาชนหรือผู้รับบริการด้วยอัธยาศัยดี" },
@@ -248,12 +249,16 @@ const savaForm = () => {
         behavio_orther.value.level == 0))
   ) {
     hasError = true;
-  } else putformData();
+  }
 
   if (hasError === true) {
     notifyError($q, "กรุณากรอกข้อมูลให้ครบ");
+  } else {
+    putformData()
   }
+
 };
+
 const putformData = () => {
   const data = {
     evaluate_no: evaluate_no.value,
@@ -302,8 +307,11 @@ const saveformdata = async (data: any) => {
   await http
     .post(config.API.createformevaluate(assignId.value), data)
     .then((res: any) => {
-      console.log(res);
+      // console.log(res);
       success($q, "บันทึกสำเร็จ");
+      router.push(
+        `/probation/detail/${personalId.value}/${assignId.value}`
+      );
     })
     .catch((e: any) => {
       messageError($q, e);
@@ -316,19 +324,9 @@ const saveformdata = async (data: any) => {
     <q-item>
       <q-item-section>
         <q-toolbar>
-          <div
+          <div class="text-h6 text-weight-medium text-dark col-12 row items-center q-py-md">
-            class="text-h6 text-weight-medium text-dark col-12 row items-center q-py-md"
+            <q-btn icon="mdi-arrow-left" unelevated round dense flat color="primary" class="q-mr-sm"
-          >
+              @click="router.go(-1)" />
-            <q-btn
-              icon="mdi-arrow-left"
-              unelevated
-              round
-              dense
-              flat
-              color="primary"
-              class="q-mr-sm"
-              @click="router.go(-1)"
-            />
             การทดลองปฏิบัติหน้าที่ราชการของ {{ person.name }}
           </div>
         </q-toolbar>
@@ -381,28 +379,17 @@ const saveformdata = async (data: any) => {
               1.1 ความสำเร็จของงานที่ได้รับมอบหมาย
             </div>
             <div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
-              1.ผลผลิตของงานที่คาดหวัง
+              ผลผลิตของงานที่คาดหวัง
             </div>
-            <q-card
+            <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
-              flat
-              bordered
-              class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
-            >
               <q-list dense v-for="(list, i) in list1_1" :key="i">
                 <q-item dense tag="label" v-ripple>
                   <q-item-section>
                     <q-item-label>{{ list.output_desc }}</q-item-label>
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="evaluate_expenct_level[i].level" :val="list.id" max="5" size="sm" color="grey"
-                      v-model="evaluate_expenct_level[i].level"
+                      :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
-                      :val="list.id"
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -431,40 +418,20 @@ const saveformdata = async (data: any) => {
               1.2 ความสำเร็จของงานที่ได้รับมอบหมาย
             </div>
             <div class="col-xs-12 col-sm-11 col-md-10 offset-md-1 text-top2">
-              1.ผลผลิตของงานที่เกิดขึ้น
+              ผลผลิตของงานที่เกิดขึ้นจริง
             </div>
-            <q-card
+            <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
-              flat
-              bordered
-              class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
-            >
               <q-list dense v-for="(list, i) in list1_2" :key="i">
                 <q-item dense tag="label" v-ripple v-if="i < checkArray">
                   <q-item-section>
                     <!-- <q-item-label>{{ list.label }}</q-item-label> -->
-                    <q-input
+                    <q-input outlined dense v-model="evaluate_ouptut[i].text"
-                      outlined
+                      class="col-xs-12 col-sm-11 col-md-10 offset-md-1" lazy-rules type="textarea"
-                      dense
+                      label="ผลผลิตของงานที่เกิดขึ้นจริง" hide-bottom-space :row="1" :rules="evaluate_ouptutRules" />
-                      v-model="evaluate_ouptut[i].text"
-                      class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                      lazy-rules
-                      type="textarea"
-                      label="ผลผลิตของงานที่เกิดขึ้นจริง"
-                      hide-bottom-space
-                      :row="1"
-                      :rules="evaluate_ouptutRules"
-                    />
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="evaluate_ouptut[i].level" :val="list.id" max="5" size="sm" color="grey"
-                      v-model="evaluate_ouptut[i].level"
+                      :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
-                      :val="list.id"
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -495,18 +462,11 @@ const saveformdata = async (data: any) => {
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.2. ความรู้ความสามารถ</q-item-label
+                      1.2. ความรู้ความสามารถ</q-item-label>
-                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="knowledge_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      v-model="knowledge_level"
+                      label="ระดับการประเมินพฤติกรรม">
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -534,18 +494,11 @@ const saveformdata = async (data: any) => {
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.3. ทักษะ</q-item-label
+                      1.3. ทักษะ</q-item-label>
-                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="skill_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      v-model="skill_level"
+                      label="ระดับการประเมินพฤติกรรม">
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -573,18 +526,11 @@ const saveformdata = async (data: any) => {
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.4. สมมรถนะ</q-item-label
+                      1.4. สมมรถนะ</q-item-label>
-                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="competency_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      v-model="competency_level"
+                      label="ระดับการประเมินพฤติกรรม">
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -612,18 +558,11 @@ const saveformdata = async (data: any) => {
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.5. ความสามารถในการเรียนรู้งาน</q-item-label
+                      1.5. ความสามารถในการเรียนรู้งาน</q-item-label>
-                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="learn_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      v-model="learn_level"
+                      label="ระดับการประเมินพฤติกรรม">
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -652,18 +591,11 @@ const saveformdata = async (data: any) => {
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                       1.6.
-                      ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label
+                      ความสามารถในการปรับใช้ความรู้กับงานในหน้าที่</q-item-label>
-                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="apply_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      v-model="apply_level"
+                      label="ระดับการประเมินพฤติกรรม">
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -691,18 +623,11 @@ const saveformdata = async (data: any) => {
                   <q-item-section>
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
-                      1.7. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label
+                      1.7. ความสำเร็จของงานที่ได้รับมอบหมาย</q-item-label>
-                    >
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="success_level" max="5" size="sm" color="grey" :color-selected="ratingColors"
-                      v-model="success_level"
+                      label="ระดับการประเมินพฤติกรรม">
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -731,15 +656,10 @@ const saveformdata = async (data: any) => {
                     <q-item-label>
                       <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                       1.8 อื่นๆ
-                      <q-checkbox
+                      <q-checkbox class="q-ml-sm" dense v-model="etc" @click="
-                        class="q-ml-sm"
+                        (achievement_other.text = ''),
-                        dense
+                        (achievement_other.level = 0)
-                        v-model="etc"
+                        " /></q-item-label>
-                        @click="
-                          (achievement_other.text = ''),
-                            (achievement_other.level = 0)
-                        "
-                    /></q-item-label>
                   </q-item-section>
                 </q-item>
               </q-list>
@@ -750,31 +670,16 @@ const saveformdata = async (data: any) => {
                 <q-item dense tag="label" v-ripple>
                   <q-item-section class="q-ml-md">
                     <q-item-label>
-                      <q-input
+                      <q-input v-model="achievement_other.text" label="กรอกอื่นๆ" dense lazy-rules autogrow
-                        v-model="achievement_other.text"
+                        hide-bottom-space outlined class="bg-white" :rules="[
-                        label="กรอกอื่นๆ"
-                        dense
-                        lazy-rules
-                        autogrow
-                        hide-bottom-space
-                        outlined
-                        class="bg-white"
-                        :rules="[
                           (val) =>
                             (val && val.length > 0) || 'กรุณากรอกข้อความ',
-                        ]"
+                        ]" />
-                      />
                     </q-item-label>
                   </q-item-section>
                   <q-item-section side>
-                    <q-rating
+                    <q-rating v-model="achievement_other.level" max="5" size="sm" color="grey"
-                      v-model="achievement_other.level"
+                      :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
-                      max="5"
-                      size="sm"
-                      color="grey"
-                      :color-selected="ratingColors"
-                      label="ระดับการประเมินพฤติกรรม"
-                    >
                       <template v-slot:tip-1>
                         <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                       </template>
@@ -803,38 +708,18 @@ const saveformdata = async (data: any) => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 จุดเด่น (ไม่เกิน 5 บรรทัด)
               </div>
-              <q-input
+              <q-input outlined dense v-model="achievement_strength_desc"
-                outlined
+                class="col-xs-12 col-sm-11 col-md-10 offset-md-1" lazy-rules type="textarea" label="กรอกจุดเด่น"
-                dense
+                hide-bottom-space :row="5" :rules="achievement_strengthRules" ref="achievement_strengthRef" />
-                v-model="achievement_strength_desc"
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                lazy-rules
-                type="textarea"
-                label="กรอกจุดเด่น"
-                hide-bottom-space
-                :row="5"
-                :rules="achievement_strengthRules"
-                ref="achievement_strengthRef"
-              />
             </div>
             <div class="col-12 row">
               <div class="col-12 text-top0 row items-center q-pl-lg">
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
               </div>
-              <q-input
+              <q-input outlined dense v-model="achievement_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                outlined
+                lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
-                dense
+                :rules="achievement_inproveRules" ref="achievement_inproveRef" />
-                v-model="achievement_improve_desc"
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                lazy-rules
-                type="textarea"
-                hide-bottom-space
-                label="กรอกสิ่งที่ควรปรับปรุง"
-                :row="5"
-                :rules="achievement_inproveRules"
-                ref="achievement_inproveRef"
-              />
             </div>
           </div>
 
@@ -850,26 +735,15 @@ const saveformdata = async (data: any) => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 2.1 ความประพฤติ
               </div>
-              <q-card
+              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
-                flat
-                bordered
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
-              >
                 <q-list dense v-for="(list, i) in list2_1" :key="i">
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>{{ list.label }}</q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-rating
+                      <q-rating v-model="conduct_level[i]" :val="list.id" max="5" size="sm" color="grey"
-                        v-model="conduct_level[i]"
+                        :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
-                        :val="list.id"
-                        max="5"
-                        size="sm"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
                         <template v-slot:tip-1>
                           <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -897,26 +771,15 @@ const saveformdata = async (data: any) => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 2.2 ความมีคุณธรรมจริยธรรม
               </div>
-              <q-card
+              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
-                flat
-                bordered
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
-              >
                 <q-list dense v-for="(list, i) in list2_2" :key="i">
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>{{ list.label }}</q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-rating
+                      <q-rating v-model="moral_level[i]" :val="list.id" max="5" size="sm" color="grey"
-                        v-model="moral_level[i]"
+                        :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
-                        :val="list.id"
-                        max="5"
-                        size="sm"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
                         <template v-slot:tip-1>
                           <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -944,26 +807,15 @@ const saveformdata = async (data: any) => {
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 2.3 การรักษาวินัย
               </div>
-              <q-card
+              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
-                flat
-                bordered
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
-              >
                 <q-list dense v-for="(list, i) in list2_3" :key="i">
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>{{ list.label }}</q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-rating
+                      <q-rating v-model="discipline_level[i]" :val="list.id" max="5" size="sm" color="grey"
-                        v-model="discipline_level[i]"
+                        :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
-                        :val="list.id"
-                        max="5"
-                        size="sm"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
                         <template v-slot:tip-1>
                           <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -990,50 +842,25 @@ const saveformdata = async (data: any) => {
               <div class="col-12 text-top0 row items-center q-pl-lg">
                 <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                 2.4 อื่นๆ
-                <q-checkbox
+                <q-checkbox class="q-ml-sm" dense v-model="etc2" @click="
-                  class="q-ml-sm"
+                  (behavio_orther.text = ''), (behavio_orther.level = 0)
-                  dense
+                  " />
-                  v-model="etc2"
-                  @click="
-                    (behavio_orther.text = ''), (behavio_orther.level = 0)
-                  "
-                />
               </div>
-              <q-card
+              <q-card v-if="etc2" flat bordered class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1">
-                v-if="etc2"
-                flat
-                bordered
-                class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
-              >
                 <q-list dense>
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
                       <q-item-label>
-                        <q-input
+                        <q-input v-model="behavio_orther.text" label="กรอกอื่นๆ" dense lazy-rules autogrow
-                          v-model="behavio_orther.text"
+                          hide-bottom-space outlined class="bg-white" :rules="[
-                          label="กรอกอื่นๆ"
-                          dense
-                          lazy-rules
-                          autogrow
-                          hide-bottom-space
-                          outlined
-                          class="bg-white"
-                          :rules="[
                             (val) =>
                               (val && val.length > 0) || 'กรุณากรอกข้อความ',
-                          ]"
+                          ]" />
-                        />
                       </q-item-label>
                     </q-item-section>
                     <q-item-section side>
-                      <q-rating
+                      <q-rating v-model="behavio_orther.level" max="5" size="sm" color="grey"
-                        v-model="behavio_orther.level"
+                        :color-selected="ratingColors" label="ระดับการประเมินพฤติกรรม">
-                        max="5"
-                        size="sm"
-                        color="grey"
-                        :color-selected="ratingColors"
-                        label="ระดับการประเมินพฤติกรรม"
-                      >
                         <template v-slot:tip-1>
                           <q-tooltip>ต่ำกว่าความคาดหวังมาก</q-tooltip>
                         </template>
@@ -1062,38 +889,18 @@ const saveformdata = async (data: any) => {
                   <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                   จุดเด่น (ไม่เกิน 5 บรรทัด)
                 </div>
-                <q-input
+                <q-input outlined dense v-model="behavior_strength_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                  outlined
+                  lazy-rules type="textarea" label="กรอกจุดเด่น" hide-bottom-space :row="5" :rules="behavio_strengthRules"
-                  dense
+                  ref="behavio_strengthRef" />
-                  v-model="behavior_strength_desc"
-                  class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                  lazy-rules
-                  type="textarea"
-                  label="กรอกจุดเด่น"
-                  hide-bottom-space
-                  :row="5"
-                  :rules="behavio_strengthRules"
-                  ref="behavio_strengthRef"
-                />
               </div>
               <div class="col-12 row">
                 <div class="col-12 text-top0 row items-center q-pl-lg">
                   <q-icon name="mdi-label" color="grey-4" class="q-pr-sm" />
                   สิ่งที่ควรปรับปรุง (ไม่เกิน 5 บรรทัด)
                 </div>
-                <q-input
+                <q-input outlined dense v-model="behavior_improve_desc" class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                  outlined
+                  lazy-rules type="textarea" hide-bottom-space label="กรอกสิ่งที่ควรปรับปรุง" :row="5"
-                  dense
+                  :rules="behavio_inproveRules" ref="behavio_inproveRef" />
-                  v-model="behavior_improve_desc"
-                  class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
-                  lazy-rules
-                  type="textarea"
-                  hide-bottom-space
-                  label="กรอกสิ่งที่ควรปรับปรุง"
-                  :row="5"
-                  :rules="behavio_inproveRules"
-                  ref="behavio_inproveRef"
-                />
               </div>
             </div>
           </div>
@@ -1106,11 +913,7 @@ const saveformdata = async (data: any) => {
                 <q-avatar class="bg-grey-2 q-mr-sm" size="28px">3</q-avatar>
                 การพัฒนาผู้ทดลองปฏิบัติบัติหน้าที่ราชการ
               </div>
-              <q-card
+              <q-card flat bordered class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1">
-                flat
-                bordered
-                class="col-xs-12 col-sm-11 col-md-11 q-pa-sm bg-grey-1"
-              >
                 <q-list dense>
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
@@ -1118,20 +921,10 @@ const saveformdata = async (data: any) => {
                     </q-item-section>
                     <q-item-section side>
                       <div class="row">
-                        <q-radio
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="orientation" val="1"
-                          checked-icon="task_alt"
+                          label="ดำเนินการเเล้ว" />
-                          unchecked-icon="panorama_fish_eye"
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="orientation" val="0"
-                          v-model="orientation"
+                          label=" ยังไม่ได้ดำเนินการ" />
-                          val="1"
-                          label="ดำเนินการเเล้ว"
-                        />
-                        <q-radio
-                          checked-icon="task_alt"
-                          unchecked-icon="panorama_fish_eye"
-                          v-model="orientation"
-                          val="0"
-                          label=" ยังไม่ได้ดำเนินการ"
-                        />
                       </div>
                     </q-item-section>
                   </q-item>
@@ -1142,20 +935,10 @@ const saveformdata = async (data: any) => {
                     </q-item-section>
                     <q-item-section side>
                       <div class="row">
-                        <q-radio
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="self_learning"
-                          checked-icon="task_alt"
+                          val="1" label="ดำเนินการเเล้ว" />
-                          unchecked-icon="panorama_fish_eye"
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="self_learning"
-                          v-model="self_learning"
+                          val="0" label=" ยังไม่ได้ดำเนินการ" />
-                          val="1"
-                          label="ดำเนินการเเล้ว"
-                        />
-                        <q-radio
-                          checked-icon="task_alt"
-                          unchecked-icon="panorama_fish_eye"
-                          v-model="self_learning"
-                          val="0"
-                          label=" ยังไม่ได้ดำเนินการ"
-                        />
                       </div>
                     </q-item-section>
                   </q-item>
@@ -1166,47 +949,25 @@ const saveformdata = async (data: any) => {
                     </q-item-section>
                     <q-item-section side>
                       <div class="row">
-                        <q-radio
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="training_seminar"
-                          checked-icon="task_alt"
+                          val="1" label="ดำเนินการเเล้ว" />
-                          unchecked-icon="panorama_fish_eye"
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="training_seminar"
-                          v-model="training_seminar"
+                          val="0" label=" ยังไม่ได้ดำเนินการ" />
-                          val="1"
-                          label="ดำเนินการเเล้ว"
-                        />
-                        <q-radio
-                          checked-icon="task_alt"
-                          unchecked-icon="panorama_fish_eye"
-                          v-model="training_seminar"
-                          val="0"
-                          label=" ยังไม่ได้ดำเนินการ"
-                        />
                       </div>
                     </q-item-section>
                   </q-item>
                   <q-separator class="q-my-xs" />
                   <q-item dense tag="label" v-ripple>
                     <q-item-section>
-                      <q-item-label
+                      <q-item-label>4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด
-                        >4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด
+                        (ถ้ามี)</q-item-label>
-                        (ถ้ามี)</q-item-label
-                      >
                     </q-item-section>
                     <q-item-section side>
                       <div class="row">
-                        <q-radio
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training"
-                          checked-icon="task_alt"
+                          val="1" label="ดำเนินการเเล้ว" />
-                          unchecked-icon="panorama_fish_eye"
+                        <q-radio checked-icon="task_alt" unchecked-icon="panorama_fish_eye" v-model="other_training"
-                          v-model="other_training"
+                          val="0" label=" ยังไม่ได้ดำเนินการ" />
-                          val="1"
-                          label="ดำเนินการเเล้ว"
-                        />
-                        <q-radio
-                          checked-icon="task_alt"
-                          unchecked-icon="panorama_fish_eye"
-                          v-model="other_training"
-                          val="0"
-                          label=" ยังไม่ได้ดำเนินการ"
-                        />
                       </div>
                     </q-item-section>
                   </q-item>
@@ -1223,26 +984,11 @@ const saveformdata = async (data: any) => {
                 ผู้บังคับบัญชา/ผู้มอบหมายงาน
               </div>
               <div class="col-12 row q-col-gutter-md">
-                <q-select
+                <q-select class="col-xs-12 col-sm-8" dense v-model="Autherise" outlined :options="option"
-                  class="col-xs-12 col-sm-8"
+                  label="ผู้บังคับบัญชา" option-label="name" disable />
-                  dense
-                  v-model="Autherise"
-                  outlined
-                  :options="option"
-                  label="ผู้บังคับบัญชา"
-                  option-label="name"
-                  disable
-                />
                 <div class="col-xs-12 col-sm-4">
-                  <datepicker
+                  <datepicker menu-class-name="modalfix" v-model="dateAutherise" :locale="'th'" autoApply borderless
-                    menu-class-name="modalfix"
+                    :enableTimePicker="false" week-start="0">
-                    v-model="dateAutherise"
-                    :locale="'th'"
-                    autoApply
-                    borderless
-                    :enableTimePicker="false"
-                    week-start="0"
-                  >
                     <template #year="{ year }">
                       {{ year + 543 }}
                     </template>
@@ -1250,24 +996,12 @@ const saveformdata = async (data: any) => {
                       {{ parseInt(value + 543) }}
                     </template>
                     <template #trigger>
-                      <q-input
+                      <q-input outlined dense class="full-width datepicker col-3" :model-value="dateAutherise != null
-                        outlined
+                        ? date2Thai(dateAutherise)
-                        dense
+                        : null
-                        class="full-width datepicker col-3"
+                        " :label="`${'ลงวันที่'}`" :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]">
-                        :model-value="
-                          dateAutherise != null
-                            ? date2Thai(dateAutherise)
-                            : null
-                        "
-                        :label="`${'ลงวันที่'}`"
-                        :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
-                      >
                         <template v-slot:prepend>
-                          <q-icon
+                          <q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
-                            name="event"
-                            class="cursor-pointer"
-                            style="color: var(--q-primary)"
-                          >
                           </q-icon>
                         </template>
                       </q-input>