fix ประเมิน

src/modules/12_evaluatePersonal/components/Detail/step/step4.vue

@@ -111,7 +111,6 @@ async function onClickDowloadFile(
 
 /** ติดต่อผู้ขอประเมิน */
 function openPopUp() {
-  console.log("12");
   modalEvaluation.value = true;
 }
 
@@ -192,9 +191,9 @@ function getStep() {
           ? 5
           : data.step === "PREPARE_DOC_V2"
           ? 6
-          : data.step === "CHECK_DOC_V2"
-          ? 7
           : data.step === "WAIT_CHECK_DOC_V2"
+          ? 7
+          : data.step === "CHECK_DOC_V2"
           ? 8
           : data.step === "DONE"
           ? 9
@@ -255,27 +254,30 @@ function fileUpLoad(url: string) {
     });
 }
 
+const myForm = ref<any>();
 function sentMessenger() {
-  // dialogConfirm($q, () => {
-  showLoader();
-  http
-    .put(config.API.evaluationSentToContact(id.value), {
-      subject: title.value,
-      body: messenger.value,
-    })
-    .then((res) => {
-      title.value = "";
-      messenger.value = "";
-      success($q, "ส่งข้อความสำเร็จ");
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      modalEvaluation.value = false;
-      hideLoader();
-    });
-  // });
+  myForm.value.validate().then(async (result: boolean) => {
+    if (result) {
+      showLoader();
+      http
+        .put(config.API.evaluationSentToContact(id.value), {
+          subject: title.value,
+          body: messenger.value,
+        })
+        .then((res) => {
+          success($q, "ส่งข้อความสำเร็จ");
+        })
+        .catch((e) => {
+          messageError($q, e);
+        })
+        .finally(() => {
+          modalEvaluation.value = false;
+          title.value = "";
+          messenger.value = "";
+          hideLoader();
+        });
+    }
+  });
 }
 
 const download10Url = ref<string>("");
@@ -466,27 +468,31 @@ onMounted(() => {
       </q-toolbar>
       <q-separator />
       <q-card-section class="q-pa-md bg-grey-1">
-        <div class="row q-col-gutter-sm">
-          <div class="col-12">
-            <q-input
-              v-model="title"
-              label="หัวข้อ"
-              outlined
-              dense
-              bg-color="white"
-            />
+        <q-form ref="myForm">
+          <div class="row q-col-gutter-sm">
+            <div class="col-12">
+              <q-input
+                v-model="title"
+                label="หัวข้อ"
+                outlined
+                dense
+                bg-color="white"
+                :rules="[(val) => !!val || 'กรุณากรอกหัวข้อ']"
+              />
+            </div>
+            <div class="col-12">
+              <q-input
+                v-model="messenger"
+                label="ข้อความ"
+                type="textarea"
+                outlined
+                dense
+                bg-color="white"
+                :rules="[(val) => !!val || 'กรุณากรอกข้อความ']"
+              />
+            </div>
           </div>
-          <div class="col-12">
-            <q-input
-              v-model="messenger"
-              label="ข้อความ"
-              type="textarea"
-              outlined
-              dense
-              bg-color="white"
-            />
-          </div>
-        </div>
+        </q-form>
       </q-card-section>
       <q-separator />