chore: จัดชิดซ้ายกับเพิ่มเจ้าของผลงาน

Services/client/src/components/FileSearched.vue

@@ -54,12 +54,20 @@ const columns: QTableProps['columns'] = [
   },
   {
     name: 'title',
-    align: 'center',
+    align: 'left',
     label: 'ชื่อเรื่อง',
     field: 'title',
     style: 'width: 200px',
     sortable: true,
   },
+  {
+    name: 'author',
+    align: 'left',
+    label: 'เจ้าของผลงาน',
+    field: 'author',
+    style: 'width: 200px',
+    sortable: true,
+  },
   {
     name: 'fileType',
     align: 'center',
@@ -75,6 +83,7 @@ const columns: QTableProps['columns'] = [
     field: '',
     style: 'width: 20px',
   },
+
 ]
 const socket = io(import.meta.env.VITE_API_HOST)
 
@@ -262,17 +271,29 @@ onMounted(() => {
           <file-icon
             size="list"
             :fileMimeType="
-              nameData.row.fileType ? nameData.row.fileType : 'unknow'
+              nameData.row.fileType ? nameData.row.fileType : 'unknown'
+            "
+            :fileName="
+              nameData.row.fileName ? nameData.row.fileName : 'unknown'
             "
-            :fileName="nameData.row.fileName ? nameData.row.fileName : 'unknow'"
           />
           {{ nameData.row.fileName }}
         </q-td>
       </template>
+      <template v-slot:body-cell-title="data">
+        <q-td style="width: 50%" @click="() => getFileInfo(data.row)">
+          {{ data.row.metadata.subject ?? data.row.title }}
+        </q-td>
+      </template>
+      <template v-slot:body-cell-author="author">
+        <q-td style="width: 50%" @click="() => getFileInfo(author.row)">
+          {{ author.row.metadata.author ?? '-' }}
+        </q-td>
+      </template>
 
       <template v-slot:body-cell-fileType="typeData">
         <q-td>
-          <div class="justify-center">
+          <div>
             {{ getType(typeData.row.fileType, typeData.row.fileName) }}
           </div>
         </q-td>