แก้ไขตัวชี้วัดตามแผน (U)

src/modules/14_KPI/components/indicatorByPlan/IndicatorByPlan.vue

@@ -101,11 +101,15 @@ function updateSelected(data: any) {
   planData.strategyChildPlannedId = data.id;
   planData.strategyChildPlannedNode = data.level;
 }
+function updateSelectedAgency(data: any) {
+  planData.agencyId = data.orgTreeId;
+  planData.agencyLevel = data.orgLevel;
+}
 
-onMounted(() => {
+onMounted(async () => {
   //   fetchData();
-  fetchTree();
-  fetchOrganizationActive();
+  await fetchTree();
+  await fetchOrganizationActive();
   setTimeout(async () => {
     store.activeId && (await fetchDataTree(store.activeId));
   }, 200);
@@ -116,38 +120,6 @@ onMounted(() => {
   <q-form @submit.prevent greedy @validation-success="onSubmit()">
     <div>
       <div class="row q-col-gutter-md q-pa-md">
-        <div class="col-8">
-          <q-input
-            outlined
-            v-model="planData.tree"
-            label="หน่วยงาน/ส่วนราชการ"
-            bg-color="white"
-            dense
-            class="inputgreen"
-            :rules="[(val) => !!val || `${'หน่วยงาน/ส่วนราชการ'}`]"
-            hide-bottom-space
-          />
-        </div>
-        <div class="col-2">
-          <q-select
-            dense
-            outlined
-            v-model="planData.round"
-            :options="roundOp"
-            label="รอบการประเมิน"
-            hide-bottom-space
-            option-label="name"
-            option-value="id"
-            map-options
-            emit-value
-            lazy-rules
-            class="inputgreen"
-            :rules="[
-                (val:string) =>
-                  !!val || `${'กรุณาเลือกรอบการประเมิน'}`,
-              ]"
-          />
-        </div>
         <div class="col-2">
           <datepicker
             menu-class-name="modalfix"
@@ -179,7 +151,27 @@ onMounted(() => {
             </template>
           </datepicker>
         </div>
-        <div class="col-3">
+        <div class="col-2">
+          <q-select
+            dense
+            outlined
+            v-model="planData.round"
+            :options="roundOp"
+            label="รอบการประเมิน"
+            hide-bottom-space
+            option-label="name"
+            option-value="id"
+            map-options
+            emit-value
+            lazy-rules
+            class="inputgreen"
+            :rules="[
+                (val:string) =>
+                  !!val || `${'กรุณาเลือกรอบการประเมิน'}`,
+              ]"
+          />
+        </div>
+        <div class="col-2">
           <q-input
             outlined
             v-model="planData.Data1"
@@ -257,11 +249,11 @@ onMounted(() => {
                 <q-input
                   outlined
                   v-model="planData.point5"
-                  label="ระดับคะแนน"
+                  label="กรอกผลสำเร็จของงาน"
                   bg-color="white"
                   dense
                   class="inputgreen"
-                  :rules="[(val) => !!val || `${'กรุณากรอกระดับคะแนน'}`]"
+                  :rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]"
                   hide-bottom-space
                 />
               </div>
@@ -274,11 +266,11 @@ onMounted(() => {
                 <q-input
                   outlined
                   v-model="planData.point4"
-                  label="ระดับคะแนน"
+                  label="กรอกผลสำเร็จของงาน"
                   bg-color="white"
                   dense
                   class="inputgreen"
-                  :rules="[(val) => !!val || `${'กรุณากรอกระดับคะแนน'}`]"
+                  :rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]"
                   hide-bottom-space
                 />
               </div>
@@ -291,11 +283,11 @@ onMounted(() => {
                 <q-input
                   outlined
                   v-model="planData.point3"
-                  label="ระดับคะแนน"
+                  label="กรอกผลสำเร็จของงาน"
                   bg-color="white"
                   dense
                   class="inputgreen"
-                  :rules="[(val) => !!val || `${'กรุณากรอกระดับคะแนน'}`]"
+                  :rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]"
                   hide-bottom-space
                 />
               </div>
@@ -308,11 +300,11 @@ onMounted(() => {
                 <q-input
                   outlined
                   v-model="planData.point2"
-                  label="ระดับคะแนน"
+                  label="กรอกผลสำเร็จของงาน"
                   bg-color="white"
                   dense
                   class="inputgreen"
-                  :rules="[(val) => !!val || `${'กรุณากรอกระดับคะแนน'}`]"
+                  :rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]"
                   hide-bottom-space
                 />
               </div>
@@ -325,11 +317,11 @@ onMounted(() => {
                 <q-input
                   outlined
                   v-model="planData.point1"
-                  label="ระดับคะแนน"
+                  label="กรอกผลสำเร็จของงาน"
                   bg-color="white"
                   dense
                   class="inputgreen"
-                  :rules="[(val) => !!val || `${'กรุณากรอกระดับคะแนน'}`]"
+                  :rules="[(val) => !!val || `${'กรุณากรอกผลสำเร็จของงาน'}`]"
                   hide-bottom-space
                 />
               </div>
@@ -367,7 +359,7 @@ onMounted(() => {
             <div
               class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
             >
-              หน่วยงาน
+              หน่วยงาน/ส่วนราชการ
             </div>
             <q-separator />
 
@@ -384,11 +376,12 @@ onMounted(() => {
                 </template>
               </q-input>
               <q-tree
+                style="height: 350px; overflow: scroll"
                 dense
                 :nodes="nodeAgency"
                 node-key="orgTreeId"
                 label-key="labelName"
-                default-expand-all
+                selected-color="primary"
                 :filter="filterAgency"
                 :no-results-label="notFound"
                 :no-nodes-label="noData"
@@ -397,8 +390,8 @@ onMounted(() => {
                 <template v-slot:default-header="prop">
                   <q-item
                     clickable
+                    @click.stop="updateSelectedAgency(prop.node)"
                     :active="nodeId == prop.node.orgTreeId"
-                    @click.stop="updateSelected(prop.node)"
                     active-class="my-list-link text-primary text-weight-medium"
                     class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
                   >
@@ -445,6 +438,7 @@ onMounted(() => {
                 </template>
               </q-input>
               <q-tree
+                style="height: 350px; overflow: scroll"
                 dense
                 :nodes="nodeplan"
                 selected-color="primary"