ปรับ readonly form สืบสวน

src/modules/11_discipline/components/UploadFile.vue

@@ -11,7 +11,7 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();
 
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, success, messageError,dialogRemove } = mixin;
+const { showLoader, hideLoader, success, messageError, dialogRemove } = mixin;
 
 const fileRef = ref<Object | null>(null);
 const file = ref<any>();
@@ -47,6 +47,9 @@ const props = defineProps({
     type: Function,
     default: () => "",
   },
+  isReadonly: {
+    type: Boolean,
+  },
 });
 
 /**
@@ -73,8 +76,8 @@ async function uploadFile() {
     });
 }
 
-function popupRemove(id:string){
-  dialogRemove($q,()=> removeFile(id))
+function popupRemove(id: string) {
+  dialogRemove($q, () => removeFile(id));
 }
 
 async function removeFile(id: string) {
@@ -109,7 +112,7 @@ function downloadFile(link: string) {
         {{ title }}
       </div>
       <div class="col-12"><q-separator /></div>
-      <div class="row">
+      <div v-if="!isReadonly" class="row">
         <div class="col-11 q-pa-sm">
           <q-file
             outlined
@@ -169,6 +172,7 @@ function downloadFile(link: string) {
                 </div>
                 <div>
                   <q-btn
+                    v-if="!isReadonly"
                     dense
                     flat
                     round