ปรับ UI - สืบสวนข้อเท็จจริง

src/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue

@@ -34,17 +34,13 @@ const resetFilter = () => {
 };
 
 const attrs = ref<any>(useAttrs());
-const paging = ref<boolean>(true);
 const pagination = ref({
   // sortBy: "desc",
   descending: false,
   page: 1,
   rowsPerPage: 10,
 });
-const paginationLabel = (start: string, end: string, total: string) => {
-  if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
-  else return start + "-" + end + " ใน " + total;
-};
+
 
 const clickAdd = () => {
   router.push(`/discipline/investigatefacts/add`);
@@ -156,7 +152,6 @@ onMounted(async() => {
         class="custom-header-table"
         v-bind="attrs"
         :visible-columns="dataInvestigate.visibleColumns"
-        :pagination-label="paginationLabel"
         v-model:pagination="pagination"
       >
         <template v-slot:header="props">
@@ -176,9 +171,9 @@ onMounted(async() => {
         <template v-slot:body="props">
           <q-tr :props="props" class="cursor-pointer">
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
-              <q-td v-if="col.name == 'no'">
+              <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}
-              </q-td>
+              </div>
               <div>
                 {{ col.value }}
               </div>
@@ -192,8 +187,8 @@ onMounted(async() => {
                   v-if="props.row.status === 'ยุติเรื่อง'"
                   for="#cancel"
                   dense
-                  outline
-                  color="deep-orange-7"
+                  unelevated 
+                  color="primary"
                   class="q-px-sm"
                   >ยกเลิกยุติเรื่อง</q-btn
                 >