ปรับฟอร์ม kpi

src/modules/08_KPI/components/Tab/Dialog/04_FormCompetency.vue

@@ -24,7 +24,7 @@ const $q = useQuasar();
 const store = useKpiDataStore();
 const expectedLevel = ref<any>();
 
-const weight = ref<number | null>(null);
+const weight = ref<number>(100);
 const mixin = useCounterMixin();
 const {
   showLoader,
@@ -123,7 +123,7 @@ function closeDialog() {
   formDetail.definition = "";
   formDetail.criteria = "";
   idProps.value = null;
-  weight.value = null;
+  // weight.value = null;
   expectedLevel.value = null;
 
   dataListCapacityDetails.value = [];
@@ -375,6 +375,7 @@ watch(
                       <div class="col-4 text-grey-6">น้ำหนัก (ร้อยละ)</div>
                       <div class="col-8">
                         <q-input
+                          readonly
                           v-model="weight"
                           dense
                           outlined
@@ -386,11 +387,9 @@ watch(
                         />
                       </div>
                       <div class="col-4 text-grey-6">ระดับที่คาดหวัง</div>
-                      <div
-                        v-if="type == 'HEAD' || type == 'GROUP'"
-                        class="col-8"
-                      >
+                      <div class="col-8">
                         <q-select
+                          :readonly="type == 'HEAD' || type == 'GROUP'"
                           v-model="expectedLevel"
                           :options="expectedLevelOp"
                           dense
@@ -402,7 +401,7 @@ watch(
                           class="inputgreen"
                         />
                       </div>
-                      <div v-else>
+                      <!-- <div v-else>
                         <q-input
                           v-model="expectedLevel"
                           dense
@@ -412,7 +411,7 @@ watch(
                           hide-bottom-space
                           class="inputgreen"
                         />
-                      </div>
+                      </div> -->
                     </div>
                   </q-card>
                 </div>
@@ -428,8 +427,8 @@ watch(
                     </div>
                     <div
                       v-if="dataListCapacityDetails.length == 0"
-                      class="q-pa-md text-weight-bold col-12 text-center "
-                      style="border: 2px solid #f5f5f5;"
+                      class="q-pa-md text-weight-bold col-12 text-center"
+                      style="border: 2px solid #f5f5f5"
                     >
                       <span>ไม่พบข้อมูลสมรรถนะ</span>
                     </div>