step3 ออกคำสั่ง

src/modules/05_placement/components/OrderPlacement/step/step02.vue

@@ -20,9 +20,9 @@
             class="q-ml-sm"
           >
             <template v-slot:append>
-              <q-icon v-if="inputfilter == ''" name="search" />
+              <q-icon v-if="filter == ''" name="search" />
               <q-icon
-                v-if="inputfilter !== ''"
+                v-if="filter !== ''"
                 name="clear"
                 class="cursor-pointer"
                 @click="resetFilter"
@@ -62,13 +62,19 @@
         v-model:pagination="pagination"
       >
         <template v-slot:header-selection="scope">
-          <q-checkbox keep-color color="primary" v-model="scope.selected" />
+          <q-checkbox
+            keep-color
+            color="primary"
+            dense
+            v-model="scope.selected"
+          />
         </template>
 
         <template v-slot:body-selection="scope">
           <q-checkbox
             keep-color
             color="primary"
+            dense
             :model-value="scope.selected"
             @update:model-value="
               (val, evt) => {
@@ -80,6 +86,7 @@
             "
           />
         </template>
+
         <template v-slot:body-cell="props">
           <q-td :props="props">
             <div v-if="props.col.name == 'no'">
@@ -96,7 +103,7 @@
                 :readonly="!true"
                 :borderless="!true"
                 v-model="props.value"
-                :rules="[(val:any) => !!val || `${'กรุณาเลือกเลือกวุฒิการศึกษา'}`,(val:any) => val.length > 0 || `${'กรุณาเลือกเลือกวุฒิการศึกษา'}`]"
+                :rules="[(val:any) => !!val || `${'กรุณาเลือกวุฒิการศึกษา'}`,(val:any) => val.length > 0 || `${'กรุณาเลือกวุฒิการศึกษา'}`]"
                 :label="`${'เลือกวุฒิการศึกษา'}`"
                 emit-value
                 map-options
@@ -123,6 +130,17 @@
             </div>
           </q-td>
         </template>
+        <template v-slot:pagination="scope">
+          <q-pagination
+            v-model="pagination.page"
+            color="primary"
+            :max="scope.pagesNumber"
+            :max-pages="5"
+            size="sm"
+            boundary-links
+            direction-links
+          ></q-pagination>
+        </template>
       </q-table>
     </div>
     <q-separator />