inputgreen

src/modules/11_discipline/components/6_BasicInformation/Channel/Form.vue

@@ -5,7 +5,7 @@ import { useDisciplineChannelDataStore } from "@/modules/11_discipline/store/Cha
 const dataStore = useDisciplineChannelDataStore();
 const channel = ref<string>(dataStore.type);
 const channelRef = ref<any>();
-
+const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 /**
  * รับ props มาจาก page หลัก
  */
@@ -26,7 +26,6 @@ const props = defineProps({
  * เก็บข้อมูลลง formData
  */
 
-
 /** ฟังชั่นตรวจสอบความถูกต้องก่อน บันทึก */
 function save() {
   channelRef.value.validate().then(async (result: boolean) => {
@@ -38,6 +37,13 @@ function save() {
     }
   });
 }
+
+function inputEdit(val: boolean) {
+  return {
+    "full-width cursor-pointer ": val,
+    "full-width cursor-pointer inputgreen": !val,
+  };
+}
 </script>
 <template>
   <q-form ref="channelRef">
@@ -48,7 +54,7 @@ function save() {
             <q-separator />
             <div class="col-12 row q-pa-sm q-col-gutter-sm">
               <q-input
-                class="col-12"
+                :class="inputEdit(isReadonly)"
                 dense
                 outlined
                 v-model="channel"

src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue

@@ -32,7 +32,7 @@ const props = defineProps({
     default: () => "",
   },
 });
-
+const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const emit = defineEmits(["formDataReturn"]);
 /**
  * ข้อมูลรหัสบัตรประชาชน
@@ -67,6 +67,7 @@ watch(props.data, async () => {
   formData.position = props.data.position;
   formData.phone = props.data.phone;
   formData.email = props.data.email;
+
 });
 
 /**
@@ -144,6 +145,13 @@ function onValidate() {
     props.onSubmit(formData);
   }
 }
+
+function inputEdit(val: boolean) {
+  return {
+    "full-width cursor-pointer ": val,
+    "full-width cursor-pointer inputgreen": !val,
+  };
+}
 </script>
 <template>
   <form @submit.prevent.stop="onValidate">
@@ -165,6 +173,7 @@ function onValidate() {
               <div class="col-xs-12 q-pa-sm row">
                 <div class="col-6">
                   <q-input
+                    :class="inputEdit(isReadonly)"
                     dense
                     outlined
                     v-model="idCard"
@@ -191,6 +200,7 @@ function onValidate() {
           </div>
           <div class="col-3">
             <q-input
+              :class="inputEdit(isReadonly)"
               dense
               outlined
               v-model="formData.prefix"
@@ -203,6 +213,7 @@ function onValidate() {
           </div>
           <div class="col-3">
             <q-input
+              :class="inputEdit(isReadonly)"
               dense
               outlined
               v-model="formData.firstname"
@@ -215,6 +226,7 @@ function onValidate() {
           </div>
           <div class="col-3">
             <q-input
+              :class="inputEdit(isReadonly)"
               dense
               outlined
               v-model="formData.lastname"
@@ -227,6 +239,7 @@ function onValidate() {
           </div>
           <div class="col-3">
             <q-input
+              :class="inputEdit(isReadonly)"
               dense
               outlined
               v-model="formData.position"
@@ -239,6 +252,7 @@ function onValidate() {
           </div>
           <div class="col-3">
             <q-input
+              :class="inputEdit(isReadonly)"
               dense
               outlined
               v-model="formData.phone"
@@ -253,6 +267,7 @@ function onValidate() {
           </div>
           <div class="col-3">
             <q-input
+              :class="inputEdit(isReadonly)"
               dense
               outlined
               v-model="formData.email"