ประเมินบุคคล

src/modules/06_evaluate/components/step/step2.vue

@@ -29,6 +29,9 @@ const evaluateId = ref<string>(route.params.id.toString());
 /** emit */
 const emit = defineEmits(["update:form"]);
 
+const performance = ref<string>("");
+const performanceOwner = ref<string>("");
+
 /** form ผู้เซ็นเอกสาร*/
 const formCommand = reactive<FormCommand>({
   commanderFullname: "",
@@ -48,6 +51,8 @@ const fileEvaluation3Ref = ref<object | null>(null);
 const fileEvaluation4Ref = ref<object | null>(null);
 const fileEvaluation5Ref = ref<object | null>(null);
 const fileEvaluation6Ref = ref<object | null>(null);
+const performanceRef = ref<object | null>(null);
+const performanceOwnerRef = ref<object | null>(null);
 
 /**
  * function updateFormref
@@ -371,6 +376,51 @@ onMounted(async () => {
 
 <template>
   <div class="row q-col-gutter-md">
+    <!-- ผลงาน -->
+    <div class="col-12">
+      <q-card bordered style="border: 1px solid #d6dee1">
+        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">ผลงาน</div>
+        <div class="col-12"><q-separator /></div>
+        <div class="row">
+          <div class="col-12 q-pa-sm">
+            <div class="row q-col-gutter-md col-12">
+              <div class="col-xs-12 col-sm-12 row">
+                <!-- <div class="text-weight-medium q-py-sm">
+                  ผู้บังคับบัญชาชั้นต้น
+                </div> -->
+                <div class="row col-12 q-col-gutter-md q-pa-sm">
+                  <q-input
+                    :readonly="store.currentStep != 2"
+                    ref="performanceRef"
+                    dense
+                    class="col-xs-12 col-sm-6"
+                    outlined
+                    label="ชื่อผลงาน"
+                    v-model="performance"
+                    @update:model-value="updateInput(formCommand)"
+                    :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
+                    lazy-rules
+                  />
+                  <q-input
+                    :readonly="store.currentStep != 2"
+                    ref="performanceOwnerRef"
+                    class="col-xs-12 col-sm-6"
+                    dense
+                    outlined
+                    v-model="performanceOwner"
+                    @update:model-value="updateInput(formCommand)"
+                    label="เจ้าของผลงาน"
+                    :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
+                    lazy-rules
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </q-card>
+    </div>
+
     <!-- แบบพิจารณาคุณสมบัติบุคคล -->
     <div class="col-6" v-if="store.currentStep === 2">
       <q-card bordered style="border: 1px solid #d6dee1">