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

src/modules/06_evaluate/components/viewstep/tableStep1.vue

@@ -25,6 +25,23 @@ const props = defineProps({
       class="row col-12"
       :style="$q.screen.lt.sm ? 'width: 80vw' : 'width: 50vw;'"
     >
+      <template v-slot:header="props">
+        <q-tr :props="props" class="bg-grey-2">
+          <q-th v-for="col in props.cols" :key="col.name" :props="props">
+            <span class="text-body2 text-black">{{ col.label }}</span>
+          </q-th>
+        </q-tr>
+      </template>
+
+      <template v-slot:body="props">
+        <q-tr :props="props">
+          <q-td v-for="col in props.cols" :key="col.name" :props="props">
+            <div>
+              {{ !col.value ? "-" : col.value }}
+            </div>
+          </q-td>
+        </q-tr>
+      </template>
     </d-table>
   </div>
 </template>