แก้อัพโหลดไฟล์อุทธรณ์

src/modules/11_discipline/components/8_AppealComplain/Form.vue

@@ -8,12 +8,15 @@ import DialogAddPersonal from "@/components/Dialogs/AddPersonal.vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useAppealComplainStore } from "@/modules/11_discipline/store/AppealComplainStore";
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/main";
-import DialogHistory from '@/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue'
+import DialogHistory from "@/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue";
 
 import config from "@/app.config";
 import http from "@/plugins/http";
 
-import type { MyObjectAppealRef,HistoryStatusType } from "@/modules/11_discipline/interface/response/appealComplain";
+import type {
+  MyObjectAppealRef,
+  HistoryStatusType,
+} from "@/modules/11_discipline/interface/response/appealComplain";
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const mainStore = useDisciplineMainStore();
 const router = useRouter();
@@ -35,7 +38,7 @@ const props = defineProps({
 });
 
 const $q = useQuasar();
-const modalHistory = ref<boolean>(false)
+const modalHistory = ref<boolean>(false);
 const statusCheck = ref<string>("");
 const modalPerson = ref<boolean>(false);
 const mixin = useCounterMixin();
@@ -52,11 +55,13 @@ const dataStore = useAppealComplainStore();
 
 const modalEdit = ref<boolean>(false);
 
-const historyStatusOb = reactive<HistoryStatusType[]>([{
-  status: "",
-  createdFullName: "",
-  createdAt: new Date(),
-}]);
+const historyStatusOb = reactive<HistoryStatusType[]>([
+  {
+    status: "",
+    createdFullName: "",
+    createdAt: new Date(),
+  },
+]);
 
 const formData = reactive<any>({
   profileId: "xx",
@@ -87,10 +92,15 @@ const objectAppeal: MyObjectAppealRef = {
 };
 
 /** หัวข้อที่เเสดงในตารางผู้ถูกร้องเรียน */
-const visibleColumns = ref<string[]>(["no", "citizenId", "fullname","oc",'position']);
+const visibleColumns = ref<string[]>([
+  "no",
+  "citizenId",
+  "fullname",
+  "oc",
+  "position",
+]);
 /** หัวตารางผู้ถูกร้องเรียน */
 const columns = ref<QTableProps["columns"]>([
-
   {
     name: "no",
     align: "left",
@@ -191,7 +201,6 @@ function inputEdit(val: boolean) {
     "full-width cursor-pointer inputgreen ": val,
     "full-width cursor-pointer inputgreen": !val,
   };
-
 }
 
 function uploadFile() {
@@ -279,8 +288,8 @@ function close() {
   modalHistory.value = false;
 }
 
-function historyStatus(){
-  modalHistory.value = true
+function historyStatus() {
+  modalHistory.value = true;
 }
 
 function onSubmit() {
@@ -322,7 +331,6 @@ onMounted(() => {
           <div class="q-pa-md">
             <div class="q-gutter-y-sm">
               <div class="row q-gutter-x-sm">
-
                 <div class="col-3">
                   <q-select
                     ref="typeRef"
@@ -385,7 +393,7 @@ onMounted(() => {
                   >
                     ผู้ยื่นอุทธณ์/ร้องทุกข์
                     <q-btn
-                    v-if="!isReadonly"
+                      v-if="!isReadonly"
                       size="12px"
                       flat
                       round
@@ -562,8 +570,9 @@ onMounted(() => {
         </q-card>
       </form>
     </div>
+
     <!-- อัพโหลดไฟล์ -->
-    <div class="col-sm-12 col-md-3">
+    <div v-if="isReadonly" class="col-sm-12 col-md-3">
       <q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
         <div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
           อัปโหลดไฟล์เอกสารหลักฐาน
@@ -660,9 +669,9 @@ onMounted(() => {
   />
 
   <DialogHistory
-  :modal="modalHistory"
-  :close="close"
-  :data="formData.historyStatus"
+    :modal="modalHistory"
+    :close="close"
+    :data="formData.historyStatus"
   />
 </template>