no message

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

@@ -42,7 +42,7 @@ const salary = ref<string>("");
 const educationOld = ref<string>("");
 const reason = ref<string>("");
 const date = ref<Date | null>(null);
-
+const status = ref<string>("");
 onMounted(async () => {
   await fecthappointmentByid();
 });
@@ -61,7 +61,8 @@ const fecthappointmentByid = async () => {
       title.value.organizationPositionOld = data.organizationPositionOld ?? "-";
       title.value.positionLevelOld = data.positionLevelOld ?? "-";
       title.value.positionTypeOld = data.positionTypeOld ?? "-";
-
+      status.value = data.status,
+      console.log("🚀 ~ file: Detail.vue:65 ~ .then ~ status:", status.value)
       educationOld.value = data.educationOld;
       organizationPositionOld.value = data.organizationPositionOld;
       positionTypeOld.value = data.positionTypeOld;
@@ -71,6 +72,7 @@ const fecthappointmentByid = async () => {
       // organization.value = data.organization; //ไม่มี
       reason.value = data.reason;
       date.value = data.positionDate;
+      
     })
     .catch((e) => {
       messageError($q, e);
@@ -189,7 +191,8 @@ const getClass = (val: boolean) => {
         แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
       </div>
       <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
+      <div  v-if="status !== 'DONE' && status !== 'REPORT'" >
+        <div class="q-gutter-sm" v-if="!edit">
         <q-btn outline color="primary" dense icon-right="mdi-file-edit-outline" class="q-px-sm" label="แก้ไข"
           style="width: 80px" @click="edit = !edit" />
       </div>
@@ -198,6 +201,10 @@ const getClass = (val: boolean) => {
         <q-btn outline color="red" dense class="q-px-sm" label="ยกเลิก" style="width: 80px" @click="edit = !edit" />
       </div>
     </div>
+
+
+     
+    </div>
     <div class="col-12"><q-separator /></div>
     <q-form ref="myForm">
       <div class="row col-12 q-pa-md">