UI

src/modules/03_logs/components/LogTable.vue

@@ -129,6 +129,16 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "id",
+    align: "left",
+    label: "ID",
+    field: "id",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "dataDiff",
     align: "left",
@@ -425,6 +435,13 @@ function updateDate() {
   }
 }
 
+function onSendCSV() {
+  console.log(1);
+}
+function onSend() {
+  console.log(1);
+}
+
 onBeforeMount(async () => {
   await fetchOrganizationActive(); // ดึงข้อมูลโครงสร้างปัจจุบัน
 });
@@ -501,9 +518,9 @@ onMounted(async () => {
 
       <div class="col-md-9">
         <div class="row">
-          <div class="q-col-gutter-xs">
+          <div class="row q-gutter-sm">
             <div>
-              <q-btn-dropdown outline color="grey-5">
+              <q-btn-dropdown outline color="grey-5" class="full-height">
                 <template v-slot:label>
                   <div class="row items-center no-wrap">
                     <div class="text-black">{{ labelDropdown }}</div>
@@ -524,6 +541,14 @@ onMounted(async () => {
                 </q-list>
               </q-btn-dropdown>
             </div>
+            <q-btn
+              label="ส่งออกเป็นไฟล์ CSV"
+              color="green"
+              type="submit"
+              icon-right="send"
+              @click="onSendCSV"
+              ><q-tooltip>ส่งออกเป็นไฟล์ CSV</q-tooltip></q-btn
+            >
           </div>
 
           <q-space />
@@ -863,6 +888,7 @@ onMounted(async () => {
   <DialogDataDiff
     v-model:open-dialog="openDialog"
     title="รายละเอียดข้อมูล"
+    :onSend="onSend"
     :close="
       () => {
         openDialog = false;