list เอกสารดาวน์โหลดขอโอน

src/modules/05_placement/components/Transfer/transferRegistry.vue

@@ -80,7 +80,7 @@
         label="ส่งคำร้องไปยัง สกจ."
         @click="confirmMessage"
       />
-      <q-btn
+      <!-- <q-btn
         v-else
         outline
         color="primary"
@@ -88,7 +88,7 @@
         icon-right="download"
         class="q-px-sm"
         label="ดาวน์โหลด"
-      />
+      /> -->
     </div>
     <div class="col-12"><q-separator /></div>
     <div class="row col-12 q-pa-md">
@@ -148,6 +148,41 @@
     </div>
   </q-card>
 
+  <q-card bordered class="row col-12 text-dark q-mt-sm">
+    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+      <div class="q-pl-sm text-weight-bold text-dark">เอกสารดาวน์โหลด</div>
+    </div>
+    <div class="col-12"><q-separator /></div>
+    <div class="col-12">
+      <d-table
+        :rows="rowsFileDownload"
+        :columns="columns"
+        row-key="fileName"
+        hide-header
+        hide-bottom
+      >
+        <template v-slot:body="props">
+          <q-tr :props="props" class="cursor-pointer">
+            <q-td key="no" :props="props">
+              {{ props.rowIndex + 1 }}
+            </q-td>
+            <q-td key="fileName" :props="props">
+              {{ props.row.fileName }}
+            </q-td>
+            <q-td key="btnMicrosoft" :props="props">
+              <q-btn flat dense round color="red" icon="picture_as_pdf">
+                <q-tooltip>ดาวน์โหลด</q-tooltip>
+              </q-btn>
+              <!-- <q-btn flat dense round color="blue" icon="mdi-file-word">
+                <q-tooltip>ไฟล์ WORD</q-tooltip>
+              </q-btn> -->
+            </q-td>
+          </q-tr>
+        </template>
+      </d-table>
+    </div>
+  </q-card>
+
   <q-card bordered class="row col-12 text-dark q-mt-sm">
     <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
       <div class="q-pl-sm text-weight-bold text-dark">
@@ -395,7 +430,6 @@ const mixin = useCounterMixin();
 const dataId = route.params.id;
 const {
   date2Thai,
-  dialogMessage,
   messageError,
   showLoader,
   hideLoader,
@@ -472,6 +506,26 @@ onMounted(async () => {
   await getData();
 });
 
+const rowsFileDownload = ref<TypeFile[]>([{
+  fileName: "คําร้องขอโอนไปถึงส่วนราชการอื่นนอก กรุงเทพมหานครที่ข้าราชการประสงค์ขอโอน",
+  pathName: ""
+},{
+  fileName: "หนังสือแจ้งสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานคร ให้ทราบตําแหน่งและตําแหน่งเลขที่ที่ดําเนินการให้โอน",
+  pathName: ""
+},{
+  fileName: "หนังสือยินยอมให้โอนและวันที่พร้อมจะให้โอนไปยัง หน่วยงานที่รับโอน",
+  pathName: ""
+},{
+  fileName: "หนังสือแจ้งสหกรณ์ออมทรัพย์กรุงเทพมหานครเพื่อขอ ตรวจสอบภาระหนี้สินสหกรณ์ออมทรัพย์",
+  pathName: ""
+},{
+  fileName: "หนังสือถึงสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานครเพื่อขอตรวจสอบพฤติการณ์ทางวินัย และภาระหนี้สินสวัสดิการ",
+  pathName: ""
+},{
+  fileName: "หนังสือถึงสถาบันพัฒนาข้าราชการกรุงเทพมหานครเพื่อขอตรวจสอบเรื่องภาระผูกพันการรับทุนและการลา ศึกษาต่อกับทางกรุงเทพมหานคร",
+  pathName: ""
+}]);
+
 const getData = async () => {
   showLoader();
   await http