no message

src/modules/08_KPI/views/main.vue

@@ -73,6 +73,10 @@ const filterKeyword = ref<string>("");
 const roundMainOp = ref<DataOptions[]>([]);
 const roundDialgOp = ref<DataOptions[]>([]);
 
+const evaluatorIdOp = ref<DataOptions[]>([]);
+const commanderIdOp = ref<DataOptions[]>([]);
+const commanderHighOp = ref<DataOptions[]>([]);
+
 /** Dialog*/
 const modalDialog = ref<boolean>(false);
 const yearDialog = ref<number | null>(null);
@@ -82,6 +86,9 @@ const formRound = reactive({
   prefix: "",
   firstName: "",
   lastName: "",
+  evaluatorId: "",
+  commanderId: "",
+  commanderHighId: "",
 });
 
 /** pagetion*/
@@ -228,9 +235,17 @@ watch(
   }
 );
 
+function getOrgOp(){
+  http
+  .get(config.API.Kpiorg)
+  .then((res)=>{
+    console.log(res)
+  })
+}
 onMounted(() => {
   getProfile();
   fetchRoundOption("main");
+  getOrgOp()
 });
 </script>
 
@@ -465,6 +480,68 @@ onMounted(() => {
                 ]"
               />
             </div>
+
+            <div class="col-12">
+              <q-select
+                v-model="formRound.evaluatorId"
+                outlined
+                label="ผู้ประเมิน"
+                dense
+                option-label="name"
+                option-value="id"
+                :options="evaluatorIdOp"
+                emit-value
+                map-options
+                hide-bottom-space
+                lazy-rules
+                :rules="[
+                  (val:string) =>
+                    !!val || `${'กรุณาเลือกผู้ประเมิน'}`,
+                ]"
+              />
+            </div>
+            <div class="col-12">
+              <q-select
+                v-model="formRound.commanderId"
+                outlined
+                label="ผู้บังคับบัญชาเหนือขึ้นไป"
+                dense
+                option-label="name"
+                option-value="id"
+                :options="commanderIdOp"
+                emit-value
+                map-options
+              >
+                <template v-if="formRound.commanderId" v-slot:append>
+                  <q-icon
+                    name="cancel"
+                    @click.stop.prevent="formRound.commanderId = ''"
+                    class="cursor-pointer"
+                  />
+                </template>
+              </q-select>
+            </div>
+            <div class="col-12">
+              <q-select
+                v-model="formRound.commanderHighId"
+                outlined
+                label="ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง"
+                dense
+                option-label="name"
+                option-value="id"
+                :options="commanderHighOp"
+                emit-value
+                map-options
+              >
+                <template v-if="formRound.commanderHighId" v-slot:append>
+                  <q-icon
+                    name="cancel"
+                    @click.stop.prevent="formRound.commanderHighId = ''"
+                    class="cursor-pointer"
+                  />
+                </template>
+              </q-select>
+            </div>
           </div>
         </q-card-section>
         <q-separator />