ออกคำสั่ง => ปรับ form

src/modules/10_order/components/step/step02.vue

@@ -458,8 +458,8 @@ const pagination = ref({
 </script>
 
 <template>
-  <div>
-    <div class="q-py-md q-pl-md" style="max-height: 68vh; overflow-y: scroll">
+  <q-card>
+    <q-card-section>
       <div class="col-12 row q-pb-sm items-center">
         <q-btn flat round color="primary" @click="refresh" icon="mdi-plus">
           <q-tooltip>เพิ่มข้อมูล</q-tooltip>
@@ -599,11 +599,11 @@ const pagination = ref({
           </q-tr>
         </template>
       </d-table>
-    </div>
+    </q-card-section>
+
     <q-separator />
-    <div class="flex justify-end q-pa-sm q-gutter-sm">
+    <q-card-actions align="right">
       <q-btn
-        dense
         outline
         color="primary"
         icon="chevron_left"
@@ -612,18 +612,11 @@ const pagination = ref({
         label="กรอกรายละเอียด"
       >
       </q-btn>
-      <q-btn
-        dense
-        unelevated
-        label="บันทึก"
-        color="public"
-        @click="save"
-        class="q-px-md"
-      >
+      <q-btn label="บันทึก" color="public" @click="save" class="q-px-md">
         <q-tooltip>บันทึกข้อมูล</q-tooltip>
       </q-btn>
-    </div>
-  </div>
+    </q-card-actions>
+  </q-card>
   <!--********************************** เงินเดือน ********************************** -->
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 50vw; max-width: 50vw">
@@ -691,8 +684,6 @@ const pagination = ref({
         <q-separator />
         <q-card-actions align="right">
           <q-btn
-            dense
-            unelevated
             label="บันทึก"
             color="public"
             @click="saveModal"
@@ -761,8 +752,6 @@ const pagination = ref({
         <q-separator />
         <q-card-actions align="right">
           <q-btn
-            dense
-            unelevated
             label="บันทึก"
             color="public"
             @click="saveModalAdd"