แบบ สำรวจ ความคิดเห็น

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

@@ -32,8 +32,9 @@ 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 answer1 = ref<string>("");
+const answer2 = ref<string>("");
+const answer3 = ref<number>(0);
 
 const result = ref<any>();
 const result_option = ref<any>([
@@ -55,68 +56,47 @@ const cancel = () => {
   status.value = false;
 };
 
+const getSurveyData = async () => {
+  await http
+    .get(config.API.summarySurveyDetail(assignId.value))
+    .then((res: any) => {
+      const data = res.data.data;
+      answer1.value = data.answer1,
+      answer2.value = data.answer2,
+      answer3.value = data.answer3
+      status.value = false
+})
+    .catch((e) => {
+      console.log(e);
+    });
+};
+const save = () => {
+  const data = {
+    answer1: answer1.value,
+    answer2: answer2.value,
+    answer3: answer3.value,
+  };
+  dialogConfirm($q, async () => {
+    await http
+      .post(config.API.summarySurveyDetail(assignId.value), data)
+      .then((res: any) => {
+        // console.log(res);
+        success($q, "บันทึกสำเร็จ");
+      })
+      .catch((e: any) => {
+        messageError($q, e);
+      });
+  });
+};
 onMounted(() => {
-  // fecthResult(assignId.value);
+  getSurveyData();
 });
-
-// const fecthResult = async (id: string) => {
-// await http
-//   .get(config.API.createformReport(id))
-//   .then((res: any) => {
-//     let data = res.data.data.evaluate;
-//     console.log(data);
-//     date_start.value = data.date_start;
-//     date_finish.value = data.date_finish;
-//     develop.value = Number(data.develop_complete);
-//     result.value = Number(data.pass_result);
-//     reson.value = data.reson;
-//     chairman_dated.value = data.chairman_dated;
-//     director1_dated.value = data.director1_dated;
-//     director2_dated.value = data.director2_dated;
-//     status.value = false;
-//     action.value = 'edit';
-//   })
-//   .catch((e) => {
-//     console.log(e);
-//   });
-// };
 </script>
 
 <template>
   <div class="row col-12 q-ma-xs">
     <div class="toptitle text-dark col-12 row items-center q-gutter-md">
       <div>แบบสํารวจความคิดเห็นการทดลองปฏิบัติหน้าที่ราชการ</div>
-      <!-- <q-space /> -->
-      <!-- <div v-if="action == 'edit'">
-        <div v-if="status == false">
-          <q-btn
-            dense
-            flat
-            round
-            color="primary"
-            @click="edit()"
-            icon="mdi-pencil-outline"
-          >
-            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-          </q-btn>
-        </div>
-        <div v-else>
-          <q-btn dense flat @click="cancel()" round color="red" icon="mdi-undo">
-            <q-tooltip>ยกเลิก</q-tooltip>
-          </q-btn>
-          <q-btn
-            dense
-            flat
-            round
-            class="q-ml-sm"
-            color="public"
-            @click="saveEdit(assignId)"
-            icon="mdi-content-save-outline"
-          >
-            <q-tooltip>บันทึกข้อมูล</q-tooltip>
-          </q-btn>
-        </div>
-      </div> -->
     </div>
     <div class="col-12 row">
       <div class="col-12 text-top0 items-center">
@@ -125,12 +105,13 @@ onMounted(() => {
       </div>
       <div class="col-12">
         <q-input
+        :disable="!status"
           label="ความคิดเห็น"
           class="bg-white"
           dense
           borderless
           outlined
-          v-model="comment_1"
+          v-model="answer1"
           type="textarea"
         />
       </div>
@@ -142,12 +123,13 @@ onMounted(() => {
       </div>
       <div class="col-12">
         <q-input
+        :disable="!status"
           label="ความคิดเห็น"
           class="bg-white"
           dense
           borderless
           outlined
-          v-model="comment_2"
+          v-model="answer2"
           type="textarea"
         />
       </div>
@@ -161,7 +143,7 @@ onMounted(() => {
       <q-space />
       <q-rating
         :disable="!status"
-        v-model="knowledge_level"
+        v-model="answer3"
         max="5"
         size="sm"
         color="grey"
@@ -185,6 +167,14 @@ onMounted(() => {
         </template>
       </q-rating>
     </div>
+    <div class="col-12 q-my-md">
+      <q-separator size="3px" color="grey-2" />
+    </div>
+    <!-- <Footer /> -->
+    <div class="row col-12">
+      <q-space />
+      <q-btn label="บันทึก" color="secondary" @click="save" v-if="status" />
+    </div>
   </div>
 </template>