inputgreen

src/modules/11_discipline/components/4_Result/Form.vue

@@ -162,6 +162,13 @@ watch(
   }
 );
 
+function inputEdit(val: boolean) {
+  return {
+    "full-width cursor-pointer ": val,
+    "full-width cursor-pointer inputgreen": !val,
+  };
+}
+
 /** ฟังก์ชั่นเช็คการแก้ไขฟอร์มแล้วไม่ได้กดบันทึก */
 function changeFormData() {
   isSave.value = true;
@@ -360,20 +367,22 @@ onMounted(async () => {});
                   </div>
                 </q-card>
               </div>
-              <q-input
-                type="textarea"
-                class="col-12"
-                dense
-                outlined
-                ref="detailRef"
-                v-model="formData.resultDescription"
-                for="#detail"
-                label="สรุปผลการพิจารณา"
-                hide-bottom-space
-                :rules="[(val) => !!val || `${'กรุณากรอกสรุปผลการพิจารณา'}`]"
-                lazy-rules
-                @update:model-value="changeFormData()"
-              />
+              <div class="col-12">
+                <q-input
+                  :class="inputEdit(isReadonly)"
+                  type="textarea"
+                  dense
+                  outlined
+                  ref="detailRef"
+                  v-model="formData.resultDescription"
+                  for="#detail"
+                  label="สรุปผลการพิจารณา"
+                  hide-bottom-space
+                  :rules="[(val) => !!val || `${'กรุณากรอกสรุปผลการพิจารณา'}`]"
+                  lazy-rules
+                  @update:model-value="changeFormData()"
+                />
+              </div>
             </div>
           </div>
           <q-separator />