แก้ไข กรณี แก้ไข + ยกเลิก

src/modules/05_placement/components/AppointMent/Detail.vue

@@ -124,6 +124,11 @@ const putAppointment = async () => {
       edit.value = false;
     });
 };
+const cancel = () => {
+  edit.value = false
+  fecthappointmentByid()
+
+}
 const getClass = (val: boolean) => {
   return {
     "full-width inputgreen cursor-pointer": val,
@@ -200,7 +205,7 @@ onMounted(async () => {
           <q-btn outline color="public" dense class="q-px-sm" label="บันทึก"
             style="width: 80px" @click="clickSave" />
           <q-btn outline color="red" dense class="q-px-sm" label="ยกเลิก" style="width: 80px"
-            @click="edit = !edit" />
+            @click="cancel()" />
         </div>
       </div>
     </div>