ปรับ TableView ทะเบียนประวัติ

src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue

@@ -481,10 +481,8 @@ onMounted(() => {
       </q-tr>
     </template>
     <template v-slot:item="props" v-else>
-      <div
-        class="q-pa-xs col-xs-12 col-sm-6 col-md-6 col-lg-3 grid-style-transition"
-      >
-        <q-card bordered>
+      <div class="q-pa-xs col-xs-12 col-sm-4 col-md-3">
+        <q-card flat bordered>
           <q-card-actions class="bg-grey-3" align="right">
             <q-btn
               v-if="props.row.isUpload"
@@ -521,20 +519,19 @@ onMounted(() => {
           </q-card-actions>
           <q-separator />
           <q-list>
-            <q-item
-              v-for="(col, index) in props.cols.filter(
-                (col:any) => col.name !== 'desc'
-              )"
+            <div
+              :class="`row q-pa-sm`"
+              :style="`background-color: ${index % 2 !== 0 ? '#FAFAFA' : ''}`"
+              v-for="(col, index) in props.cols"
               :key="col.name"
-              :class="index % 2 !== 0 ? 'bg-grey-1' : ''"
             >
-              <q-item-section class="text-grey-6">
-                <q-item-label>{{ col.label }}</q-item-label>
-              </q-item-section>
-              <q-item-section class="text-dark">
-                <q-item-label>{{ col.value ? col.value : "-" }}</q-item-label>
-              </q-item-section>
-            </q-item>
+              <div class="col text-grey-6">
+                <div>{{ col.label }}</div>
+              </div>
+              <div class="col">
+                <div>{{ col.value ? col.value : "-" }}</div>
+              </div>
+            </div>
           </q-list>
         </q-card>
       </div>