จัดโค้ด

src/modules/11_discipline/components/2_InvestigateFacts/Form.vue

@@ -487,7 +487,9 @@ function calendarOpen() {
   calendarModal.value = true;
 }
 
-
+/** เปลี่ยนสี เมื่อ readonly
+ * @param val true/false
+ */
 function inputEdit(val:boolean){
   return {
     "full-width cursor-pointer ": val,
@@ -495,6 +497,9 @@ function inputEdit(val:boolean){
   };
 }
 
+/** เปลี่ยนสี เมื่อ readonly
+ * @param val true/false
+ */
 function inputEditExtend(val: boolean) {
   if (formData.investigationExtendHistory.length > 0) {
     return {
@@ -516,6 +521,7 @@ onMounted(async () => {
 <template>
   <div class="row col-12 bg-white">
     <div class="col-sm-12 col-md-9">
+
       <div v-if="isSave" class="q-pa-sm q-gutter-sm">
         <q-banner
           inline-actions
@@ -526,11 +532,13 @@ onMounted(async () => {
           ยังไม่ได้บันทึกข้อมูล
         </q-banner>
       </div>
+
       <form @submit.prevent="validateForm">
         <div class="col-12">
           <q-card bordered>
             <div class="col-12 row q-pa-md q-col-gutter-md">
               <div class="col-xs-12 row q-col-gutter-md">
+
                 <div class="col-xs-12 col-sm-3" id="respondentType">
                   <q-select
                     :class="inputEdit(isReadonly)"
@@ -621,6 +629,7 @@ onMounted(async () => {
                     </div>
                     <div class="col-12"><q-separator /></div>
                     <div class="col-xs-12 q-pa-sm">
+                      
                       <d-table
                         ref="table"
                         :columns="mainStore.columnsRespondent"