updated

src/modules/08_KPI/components/Tab/01_Assessment.vue

@@ -218,6 +218,41 @@ onMounted(() => {
           :fetchList="fetchListPlanned"
           :total="totalResults1"
         />
+
+        <q-table
+          flat
+          dense
+          bordered
+          :rows="[
+            {
+              name: 'รวมผลการประเมิน (ร้อยละ)',
+              value: store.excusiveIndicator1PercentVal,
+            },
+            {
+              name: 'ผลการประเมินมิติที่ 1 (คะแนน)',
+              value: store.excusiveIndicator1ScoreVal,
+            },
+          ]"
+          :columns="[
+            {
+              name: 'name',
+              field: 'name',
+              label: 'name',
+              style: 'font-size: 14px',
+            },
+            {
+              name: 'value',
+              field: 'value',
+              label: 'value',
+              style: 'font-size: 14px; font-weight: bold',
+            },
+          ]"
+          row-key="name"
+          hide-header
+          hide-bottom
+          class="q-mt-xs q-mb-md"
+        />
+
         <Work
           v-model:data="rows_03"
           :title="`มิติที่ 2 วาระเร่งด่วนที่ได้รับมอบหมายพิเศษ (ถ้ามี)`"
@@ -225,6 +260,54 @@ onMounted(() => {
           :fetchList="fetchAssigned"
           :total="totalResults3"
         />
+
+        <q-table
+          flat
+          dense
+          bordered
+          :rows="[
+            {
+              name: 'รวมผลการประเมิน (ร้อยละ)',
+              value: store.excusiveIndicator2PercentVal,
+            },
+            {
+              name: 'ผลการประเมินมิติที่ 2 (คะแนน)',
+              value: store.excusiveIndicator2ScoreVal,
+            },
+          ]"
+          :columns="[
+            {
+              name: 'name',
+              field: 'name',
+              label: 'name',
+              style: 'font-size: 14px',
+            },
+            {
+              name: 'value',
+              field: 'value',
+              label: 'value',
+              style: 'font-size: 14px; font-weight: bold',
+            },
+          ]"
+          row-key="name"
+          hide-header
+          hide-bottom
+          class="q-mt-xs q-mb-md"
+        />
+
+        <div class="row text-body2 text-weight-bold">
+          <div class="col-12 text-center row justify-center">
+            <span
+              >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (มิติที่ 1 + มิติที่ 2)
+              (คะแนนเต็ม
+              {{ store.excusiveIndicatorScore }}
+              คะแนน)</span
+            >
+            <div class="text-primary q-pl-md">
+              {{ store.indicatorScoreVal }}
+            </div>
+          </div>
+        </div>
       </div>
 
       <div v-else>
@@ -249,25 +332,48 @@ onMounted(() => {
           :fetchList="fetchAssigned"
           :total="totalResults3"
         />
-      </div>
 
-      <div class="row text-body2 text-weight-bold">
-        <!-- <div class="col-6 text-center row justify-center">
-          <span>รวมผลการประเมิน (ร้อยละ) 100</span>
-          <div class="text-primary q-pl-md">{{ total }}</div>
-        </div> -->
+        <q-table
+          flat
+          dense
+          bordered
+          :rows="[
+            {
+              name: 'รวมผลการประเมิน (ร้อยละ)',
+              value: store.indicatorPercentVal,
+            },
+          ]"
+          :columns="[
+            {
+              name: 'name',
+              field: 'name',
+              label: 'name',
+              style: 'font-size: 14px',
+            },
+            {
+              name: 'value',
+              field: 'value',
+              label: 'value',
+              style: 'font-size: 14px; font-weight: bold',
+            },
+          ]"
+          row-key="name"
+          hide-header
+          hide-bottom
+          class="q-mt-xs q-mb-md"
+        />
 
-        <div class="col-12 text-center row justify-center">
-          <span
-            >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (คะแนนเต็ม
-            {{
-              store.dataEvaluation.plannedPoint +
-              store.dataEvaluation.rolePoint +
-              store.dataEvaluation.specialPoint
-            }}
-            คะแนน)</span
-          >
-          <div class="text-primary q-pl-md">{{ resultWork }}</div>
+        <div class="row text-body2 text-weight-bold">
+          <div class="col-12 text-center row justify-center">
+            <span
+              >สรุปผลการประเมินผลสัมฤทธิ์ของงาน (คะแนนเต็ม
+              {{ store.indicatorScore }}
+              คะแนน)</span
+            >
+            <div class="text-primary q-pl-md">
+              {{ store.indicatorScoreVal }}
+            </div>
+          </div>
         </div>
       </div>
 
@@ -291,14 +397,98 @@ onMounted(() => {
 
       <Competency v-model:dataListCriteria="dataListCriteria" />
 
-      <Develop />
+      <q-table
+        flat
+        dense
+        bordered
+        :rows="[
+          {
+            name: `สรุปผลการประเมินสมรรถนะ (คะแนนเต็ม ${
+              !store.dataProfile.posExecutiveName
+                ? store.competencyScore
+                : store.excusiveCompetencyScore
+            } คะแนน)`,
+            value: store.competencyScoreVal,
+          },
+        ]"
+        :columns="[
+          {
+            name: 'name',
+            field: 'name',
+            label: 'name',
+            style: 'font-size: 14px',
+          },
+          {
+            name: 'value',
+            field: 'value',
+            label: 'value',
+            style: 'font-size: 14px; font-weight: bold',
+          },
+        ]"
+        row-key="name"
+        hide-header
+        hide-bottom
+        class="q-mt-xs q-mb-md"
+      />
 
-      <div class="row text-body2 text-weight-bold justify-center">
-        <span
-          >สรุปผลการประเมินสมรรถนะ (คะแนนเต็ม
-          {{ store.competencyScore }} คะแนน)</span
-        >
-        <div class="text-primary q-pl-md">{{ store.competencyScoreVal }}</div>
+      <div v-if="!store.dataProfile.posExecutiveName">
+        <Develop />
+
+        <q-table
+          flat
+          dense
+          bordered
+          :rows="[
+            {
+              name: `ผลการประเมินการพัฒนาตนเอง (คะแนนเต็ม ${store.devScore} คะแนน)`,
+              value: store.devScoreVal,
+            },
+          ]"
+          :columns="[
+            {
+              name: 'name',
+              field: 'name',
+              label: 'name',
+              style: 'font-size: 14px',
+            },
+            {
+              name: 'value',
+              field: 'value',
+              label: 'value',
+              style: 'font-size: 14px; font-weight: bold',
+            },
+          ]"
+          row-key="name"
+          hide-header
+          hide-bottom
+          class="q-mt-xs q-mb-md"
+        />
+      </div>
+
+      <div
+        v-if="!store.dataProfile.posExecutiveName"
+        class="row text-body2 text-weight-bold"
+      >
+        <div class="col-12 text-center row justify-center">
+          <span
+            >สรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ (สมรรถนะ+การพัฒนาตนเอง)
+            (คะแนนเต็ม {{ store.competencyDevScore }} คะแนน)</span
+          >
+          <div class="text-primary q-pl-md">
+            {{ store.competencyDevScoreVal }}
+          </div>
+        </div>
+      </div>
+      <div v-else class="row text-body2 text-weight-bold">
+        <div class="col-12 text-center row justify-center">
+          <span
+            >สรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ (สมรรถนะ) (คะแนนเต็ม
+            {{ store.competencyScore }} คะแนน)</span
+          >
+          <div class="text-primary q-pl-md">
+            {{ store.competencyScoreVal }}
+          </div>
+        </div>
       </div>
     </div>
   </q-scroll-area>