เงินเดือน => permission ผังบัญชีค่าจ้างลูกจ้างประจำ

src/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeRate.vue

@@ -117,6 +117,19 @@ watch(
     }
   }
 );
+
+const isReadonly = ref<boolean>(false);
+
+/**
+ * class จัดรูปแบบแสดงระหว่างข้อมูลที่แก้ไขหรือแสดงเฉยๆ
+ * @param val ข้อมูล input สำหรับแก้ไขหรือไม่
+ */
+const getClass = (val: boolean) => {
+  return {
+    "full-width inputgreen cursor-pointer": val,
+    "full-width cursor-pointer": !val,
+  };
+};
 </script>
 
 <template>
@@ -135,6 +148,8 @@ watch(
             <div class="row col-xs-12 col-md-12 q-col-gutter-sm">
               <div class="col-12">
                 <q-input
+                  :readonly="isReadonly"
+                  :class="getClass(!isReadonly)"
                   ref="salaryNoRef"
                   dense
                   outlined
@@ -154,6 +169,8 @@ watch(
 
               <div class="col-12">
                 <q-input
+                  :readonly="isReadonly"
+                  :class="getClass(!isReadonly)"
                   ref="salaryMonthRef"
                   dense
                   outlined
@@ -172,6 +189,8 @@ watch(
 
               <div class="col-12">
                 <q-input
+                  :readonly="isReadonly"
+                  :class="getClass(!isReadonly)"
                   ref="salaryDayRef"
                   dense
                   outlined