process จัดการคำขอเครื่องราช

src/modules/07_insignia/components/2_Manage/Tab3.vue

@@ -179,10 +179,15 @@ const pagination = ref({
   rowsPerPage: 10,
 });
 const paging = ref<boolean>(true);
-const paginationLabel = (start: string, end: string, total: string) => {
+const paginationLabel = (start: number, end: number, total: number) => {
   if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
   else return start + "-" + end + " ใน " + total;
 };
+
+const dialogNote = ref<boolean>(false);
+const showNote = (requestNote: string) => {
+  dialogNote.value = true;
+}
 </script>
 <template>
   <div class="col-12 row q-pa-md">
@@ -285,6 +290,7 @@ const paginationLabel = (start: string, end: string, total: string) => {
               <q-th v-for="col in props.cols" :key="col.name" :props="props">
                 <span class="text-weight-medium">{{ col.label }}</span>
               </q-th>
+              <q-th auto-width />
             </q-tr>
           </template>
           <template v-slot:body="props">
@@ -321,6 +327,11 @@ const paginationLabel = (start: string, end: string, total: string) => {
               <q-td key="insigniaLevel" :props="props">
                 {{ props.row.insigniaLevel }}
               </q-td>
+              <q-td v-if="props.row.requestNote != ''" auto-width>
+                <q-btn dense size="12px" flat round color="blue" @click.stop @click="showNote(props.row.requestNote)" icon="mdi-information-outline">
+                  <q-tooltip>เหตุผลการลบ</q-tooltip>
+                </q-btn>
+              </q-td>
             </q-tr>
           </template>
           <template v-slot:pagination="scope">