diff --git a/src/views/drp/drp-penyusunan.vue b/src/views/drp/drp-penyusunan.vue
index 195762b..ce698b3 100644
--- a/src/views/drp/drp-penyusunan.vue
+++ b/src/views/drp/drp-penyusunan.vue
@@ -164,6 +164,7 @@ import CustomStore from "devextreme/data/custom_store";
 import Popup, { DxToolbarItem } from 'devextreme-vue/popup';
 
 import PopUpUploadDokumenPendukung from './drp-upload-dokumen-pendukung.vue'
+import http from "@/utils/http";
 
 const approveStatus = [
   { name: "Penyusunan", value: 0 },
@@ -272,6 +273,41 @@ export default {
     addDokumenPendukung(payload) {
       this.dataDrpDokumenPendukung.push(payload)
     },
+    save() {
+
+      const dataDrpDokumen = this.dataDrpDokumen.map(item => {
+        return {
+          jenisDokumenId : item.jenisDokumenId,
+          filename : item.filename,
+          keterangan : item.keterangan,
+        }
+      });
+
+      const dataDrpDokumenPendukung = this.dataDrpDokumenPendukung.map(item => {
+        return {
+          jenisDokumenId : item.jenisDokumenId,
+          filename : item.filename,
+          keterangan : item.keterangan,
+        }
+      });
+
+      http.post(URL, {
+        id : this.selectedDrpId,
+        approveStatus : 'Penyusunan',
+        isApprove : false,
+        dataDrpDokumen,
+        dataDrpDokumenPendukung,
+      })
+        .then((res) => res.json())
+        .then((json) => {
+          console.log(json);
+
+          this.isPopupUploadDokumenPendukung = false;
+        })
+        .catch(e => {
+          console.log(e);
+        })
+    }
   },
   data() {
     return {
@@ -286,9 +322,7 @@ export default {
       fileNames: [],
       saveButtonOptions: {
         text: 'Simpan',
-        onClick: function(e) { 
-          console.log(e);
-        }
+        onClick: this.save,
       },
       cancelButtonOptions: {
         text: 'Batalkan',