Check ulang integrasi api dan master data, master config dan drp
This commit is contained in:
		
							
								
								
									
										3
									
								
								.env
									
									
									
									
									
								
							
							
						
						
									
										3
									
								
								.env
									
									
									
									
									
								
							| @@ -1,4 +1,5 @@ | ||||
| VUE_APP_ROOT_URL=http://localhost:8080 | ||||
| VUE_APP_ROOT_API=http://localhost:9090/api | ||||
| VUE_APP_PUBLIC_KEY="MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAkclHj0FpIPiB+XQL0P/mJVUdYbRXYS9vjSbVllzVteZgVDhK/srybDmAM2PSn8ZlakUa9bkBAGmiozaccDRJx5DJ/C80hIUcQneDKqWuY6rgnT3zKhjt3MHZK0I2VX5t7QgWHdh5Dni/D08JWwTkbnH+qhz8Wb4xlV0HokQB05YB00deuO09fr5Qw3GjgSSK8HA+euoajgijMbRPuReA4nkmBLhyTMryX/1h9vi8Wz9reGeiFdLZLECrcMmbLRF3d8iC/HISqBYdqdyjvGhXzGu19Gog1Qt8/qNh4fPmB0Le3EpfjRkcWrLqi22N7cGRAvagCJJAzqQVKe5S2fTVRwIDAQAB" | ||||
| VUE_APP_DEFAULT_PASS="plngg123" | ||||
| VUE_APP_DEFAULT_PASS="plngg123" | ||||
| VUE_APP_PAGE_SIZE="?size=1000" | ||||
| @@ -1,4 +1,5 @@ | ||||
| VUE_APP_ROOT_URL=https://pln.co.id:8080 | ||||
| VUE_APP_ROOT_API=https://pln.co.id/smartproc-service/api | ||||
| VUE_APP_PUBLIC_KEY="MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAkclHj0FpIPiB+XQL0P/mJVUdYbRXYS9vjSbVllzVteZgVDhK/srybDmAM2PSn8ZlakUa9bkBAGmiozaccDRJx5DJ/C80hIUcQneDKqWuY6rgnT3zKhjt3MHZK0I2VX5t7QgWHdh5Dni/D08JWwTkbnH+qhz8Wb4xlV0HokQB05YB00deuO09fr5Qw3GjgSSK8HA+euoajgijMbRPuReA4nkmBLhyTMryX/1h9vi8Wz9reGeiFdLZLECrcMmbLRF3d8iC/HISqBYdqdyjvGhXzGu19Gog1Qt8/qNh4fPmB0Le3EpfjRkcWrLqi22N7cGRAvagCJJAzqQVKe5S2fTVRwIDAQAB" | ||||
| VUE_APP_DEFAULT_PASS="plngg123" | ||||
| VUE_APP_DEFAULT_PASS="plngg123" | ||||
| VUE_APP_PAGE_SIZE="?size=1000" | ||||
| @@ -132,7 +132,7 @@ const dataSource = new CustomStore({ | ||||
|   key: "id", | ||||
|  | ||||
|   load: () => { | ||||
|     return fetch(URL + "?size=100") | ||||
|     return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then((response) => { | ||||
|         console.log("drp:", response.data); | ||||
|   | ||||
| @@ -108,7 +108,7 @@ const dataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then(response => response.json()) | ||||
|       .then(response => { | ||||
|         return { | ||||
|   | ||||
| @@ -171,7 +171,7 @@ const dataSource = new CustomStore({ | ||||
|   key: "id", | ||||
|  | ||||
|   load: () => { | ||||
|     return fetch(URL + "?size=100") | ||||
|     return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then((response) => { | ||||
|         console.log("drp pengadaan:", response.data); | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="dataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
|                 :allow-updating="true" | ||||
| @@ -27,18 +26,50 @@ | ||||
|                 ></DxTexts> | ||||
|                 <DxForm label-location="top"> | ||||
|                   <DxItem dataField="nomor"> | ||||
|                     <DxRequiredRule message="Nomor PRK" /> | ||||
|                     <DxRequiredRule message="Masukan Nomor PRK" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="metodePenyampaianId"> | ||||
|                     <DxRequiredRule message="Pilih Metode Penyampaian Dokumen Penawaran" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="metodePenyampaianId"/> | ||||
|                   <DxItem dataField="namaPengadaan"> | ||||
|                     <DxRequiredRule message="Nama Pengadaan" /> | ||||
|                     <DxRequiredRule message="Masukan Nama Pengadaan" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="supplyPositioningMatrixId"> | ||||
|                     <DxRequiredRule message="Pilih Supply Positioning Matrix" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="unitInisiatorId"> | ||||
|                     <DxRequiredRule message="Pilih Nama Divisi/Inisiator Pengadaan" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="jenisKontrakId"> | ||||
|                     <DxRequiredRule message="Pilih Jenis Perjanjian / Kontrak" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="lokasiId"> | ||||
|                     <DxRequiredRule message="Pilih Lokasi Pengadaan" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="sumberDanaId"> | ||||
|                     <DxRequiredRule message="Pilih Sumber Dana" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="jenisPengadaanId"> | ||||
|                     <DxRequiredRule message="Pilih Jenis Pengadaan" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="rencanaTanggal"> | ||||
|                     <DxRequiredRule message="Masukan Tanggal Rencana" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="targetTanggal"> | ||||
|                     <DxRequiredRule message="Masukan Tanggak COD" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="metodePengadaanId"> | ||||
|                     <DxRequiredRule message="Pilih Metode Pengadaan" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="pagu"> | ||||
|                     <DxRequiredRule message="Masukkan Nilai Pagu Anggaran" /> | ||||
|                   </DxItem>> | ||||
|                   <DxItem dataField="strategiPengadaanId"> | ||||
|                     <DxRequiredRule message="Pilih Strategi Pengadaan" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="hpe"> | ||||
|                     <DxRequiredRule message="Masukkan Nilai HPE" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="supplyPositioningMatrixId"/> | ||||
|                   <DxItem dataField="unitInisiatorId"/> | ||||
|                   <DxItem dataField="jenisKontrakId"/> | ||||
|                   <DxItem dataField="sumberDanaId"/> | ||||
|                   <DxItem dataField="jenisPengadaanId"/> | ||||
|                   <DxItem dataField="metodePengadaanId"/> | ||||
|                 </DxForm> | ||||
|                 <DxPopup | ||||
|                     :hide-on-outside-click="true" | ||||
| @@ -69,6 +100,10 @@ | ||||
|             <DxFilterRow :visible="false" /> | ||||
|             <DxColumn cell-template="row-cell-template" caption="No" :width="45"></DxColumn> | ||||
|             <DxColumn data-field="nomor" caption="Nomor PRK"></DxColumn> | ||||
|             <DxColumn data-field="metodePenyampaianId" caption="Metode Penyampaian Dokumen Penawaran"></DxColumn> | ||||
|  | ||||
|  | ||||
|              | ||||
|             <DxColumn data-field="namaPengadaan" caption="Nama Pengadaan"></DxColumn> | ||||
|             <DxColumn data-field="lokasiId" caption="Lokasi Pengadaan"> | ||||
|               <DxLookup display-expr="instansi" value-expr="id" :data-source="instansis" :search-enabled="true" /> | ||||
| @@ -78,7 +113,6 @@ | ||||
|             <DxColumn data-field="sumberDanaId" caption="Sumber Dana"></DxColumn> | ||||
|             <DxColumn data-field="supplyPositioningMatrixId" caption="Supply Positioning Matrix"></DxColumn> | ||||
|             <DxColumn data-field="metodePengadaanId" caption="Metode Pengadaan"></DxColumn> | ||||
|             <DxColumn data-field="metodePenyampaianId" caption="Metode Penyampaian Dokumen Penawaran"></DxColumn> | ||||
|             <DxColumn data-field="jenisKontrakId" caption="Jenis Perjanjian/Kontrak"></DxColumn> | ||||
|             <DxColumn data-field="strategiPengadaanId" caption="Strategi Pengadaan"></DxColumn> | ||||
|             <DxColumn data-field="rencanaTanggal" caption="Rencana Pelaksanaan Pengadaan"></DxColumn> | ||||
| @@ -123,11 +157,6 @@ import DxDataGrid, { | ||||
|   DxColumnFixing | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| //const URL = process.env.VUE_APP_ROOT_API+'/drp/pengadaan'; | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/jenisanggaran'; | ||||
| @@ -137,7 +166,7 @@ const instansiOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_instansi+'?size=1000') | ||||
|       return fetch(URL_instansi+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log(response.data); | ||||
| @@ -168,7 +197,7 @@ const dataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then(response => response.json()) | ||||
|       .then(response => { | ||||
|         return { | ||||
| @@ -224,45 +253,6 @@ export default { | ||||
|     DxLookup, | ||||
|     DxColumnFixing | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('DRP Pengadaan'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     cloneIconClick(e) { | ||||
|       e.event.preventDefault(); | ||||
|     } | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -278,7 +278,7 @@ const dataSource = new CustomStore({ | ||||
|   key: "id", | ||||
|  | ||||
|   load: () => { | ||||
|     return fetch(URL + "?size=100") | ||||
|     return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then((response) => { | ||||
|         return { | ||||
|   | ||||
| @@ -138,7 +138,7 @@ const dataSource = new CustomStore({ | ||||
|   key: "id", | ||||
|  | ||||
|   load: () => { | ||||
|     return fetch(URL + "?size=100") | ||||
|     return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then((response) => { | ||||
|         return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -94,11 +93,6 @@ import DxDataGrid, { | ||||
|   DxTexts | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/permission'; | ||||
|  | ||||
| @@ -106,7 +100,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -153,56 +147,7 @@ export default { | ||||
|     DxToolbar, | ||||
|     DxTexts | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Manajemen Roles'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|           //jsonUrl: URL, | ||||
|   | ||||
| @@ -61,9 +61,9 @@ | ||||
|             info-text="Hal {0} dari {1} ({2} data)" /> | ||||
|             <DxFilterRow :visible="false" /> | ||||
|             <DxColumn data-field="id" caption="No" :width="45"></DxColumn> | ||||
|             <DxColumn data-field="roles" caption="Role"></DxColumn> | ||||
|             <DxColumn data-field="role" caption="Role"></DxColumn> | ||||
|             <DxColumn data-field="keterangan" caption="Keterangan"></DxColumn> | ||||
|             <DxColumn data-field="isactive" caption="Status"></DxColumn> | ||||
|             <DxColumn data-field="isActive" caption="Status"></DxColumn> | ||||
|             <DxColumn type="buttons" caption="Aksi"> | ||||
|               <DxButton name="edit"/> | ||||
|               <DxButton name="delete"/> | ||||
| @@ -99,7 +99,7 @@ const dataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
|   | ||||
| @@ -133,7 +133,7 @@ const instansiOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_instansi+'?size=1000') | ||||
|       return fetch(URL_instansi+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log('instansi:',response.data); | ||||
| @@ -164,7 +164,7 @@ const bidangOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_bidang+'?size=1000') | ||||
|       return fetch(URL_bidang+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log(response.data); | ||||
| @@ -195,7 +195,7 @@ const jabatanOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_jabatan+'?size=1000') | ||||
|       return fetch(URL_jabatan+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log(response.data); | ||||
| @@ -226,7 +226,7 @@ const roleOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_role+'?size=1000') | ||||
|       return fetch(URL_role+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log(response.data); | ||||
|   | ||||
| @@ -113,7 +113,7 @@ const instansiOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_instansi+'?size=1000') | ||||
|       return fetch(URL_instansi+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log(response.data); | ||||
| @@ -144,7 +144,7 @@ const dataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=1000') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -98,11 +97,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/instansi'; | ||||
|  | ||||
| @@ -110,7 +104,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=1000') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -158,55 +152,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Instansi'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -65,10 +65,13 @@ | ||||
|             <DxFilterRow :visible="false" /> | ||||
|             <DxColumn data-field="id" caption="No" :width="45"></DxColumn> | ||||
|             <DxColumn data-field="instansiId" caption="Instansi"> | ||||
|               <DxLookup display-expr="instansi" value-expr="id" :data-source="instansis" :search-enabled="true" /> | ||||
|               <DxLookup  | ||||
|                   :data-source="instansis" | ||||
|                   display-expr="instansi"  | ||||
|                   value-expr="id"/> | ||||
|             </DxColumn> | ||||
|             <DxColumn data-field="bidangId" caption="Bidang"> | ||||
|               <DxLookup display-expr="bidang" value-expr="id" :data-source="bidangs" :search-enabled="true" /> | ||||
|               <DxLookup display-expr="bidang" value-expr="id" :data-source="bidangs"/> | ||||
|             </DxColumn> | ||||
|             <DxColumn data-field="jabatan" caption="Nama Jabatan"></DxColumn> | ||||
|             <DxColumn data-field="keterangan" caption="Keterangan"></DxColumn> | ||||
| @@ -110,7 +113,7 @@ const instansiOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_instansi+'?size=1000') | ||||
|       return fetch(URL_instansi+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log(response.data); | ||||
| @@ -141,7 +144,7 @@ const bidangOptions = new CustomStore({ | ||||
|   key: 'id', | ||||
|    | ||||
|   load:() => { | ||||
|       return fetch(URL_bidang+'?size=1000') | ||||
|       return fetch(URL_bidang+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .then(response => { | ||||
|         console.log(response.data); | ||||
| @@ -172,7 +175,7 @@ const dataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="dataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
|                 :allow-updating="true" | ||||
| @@ -97,11 +96,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/jenisanggaran'; | ||||
|  | ||||
| @@ -109,7 +103,7 @@ const dataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then(response => response.json()) | ||||
|       .then(response => { | ||||
|         return { | ||||
| @@ -163,45 +157,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Jenis Anggaran'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     cloneIconClick(e) { | ||||
|       e.event.preventDefault(); | ||||
|     } | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -27,7 +26,7 @@ | ||||
|                 cancel-row-changes="Batal" | ||||
|                 ></DxTexts> | ||||
|                 <DxForm label-location="top" :col-count="1"> | ||||
|                   <DxItem dataField="jeniskontrak"> | ||||
|                   <DxItem dataField="jenisKontrak"> | ||||
|                     <DxRequiredRule message="Jenis kontrak harus diisi" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="keterangan" /> | ||||
| @@ -60,7 +59,7 @@ | ||||
|             info-text="Hal {0} dari {1} ({2} data)" /> | ||||
|             <DxFilterRow :visible="false" /> | ||||
|             <DxColumn data-field="id" caption="No" :width="45"></DxColumn> | ||||
|             <DxColumn data-field="jeniskontrak" caption="Jenis Kontrak"></DxColumn> | ||||
|             <DxColumn data-field="jenisKontrak" caption="Jenis Kontrak"></DxColumn> | ||||
|             <DxColumn data-field="keterangan" caption="Keterangan"></DxColumn> | ||||
|             <DxColumn type="buttons" caption="Aksi"> | ||||
|               <DxButton name="edit"/> | ||||
| @@ -95,11 +94,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/jeniskontrak'; | ||||
|  | ||||
| @@ -107,7 +101,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -155,55 +149,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Jenis Kontrak'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -114,7 +114,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -95,11 +94,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/lokasi'; | ||||
|  | ||||
| @@ -107,7 +101,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -155,55 +149,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Lokasi'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxColumnChooser :enabled="false"/> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
| @@ -97,11 +96,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/metodepengadaan'; | ||||
|  | ||||
| @@ -109,7 +103,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -158,55 +152,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Metode Pengadaan'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -27,7 +26,7 @@ | ||||
|                 cancel-row-changes="Batal" | ||||
|                 ></DxTexts> | ||||
|                 <DxForm label-location="top" :col-count="1"> | ||||
|                   <DxItem dataField="metodepenyampaian"> | ||||
|                   <DxItem dataField="metodePenyampaian"> | ||||
|                     <DxRequiredRule message="Metode penyampaian harus diisi" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="keterangan" /> | ||||
| @@ -60,7 +59,7 @@ | ||||
|             info-text="Hal {0} dari {1} ({2} data)" /> | ||||
|             <DxFilterRow :visible="false" /> | ||||
|             <DxColumn data-field="id" caption="No" :width="45"></DxColumn> | ||||
|             <DxColumn data-field="metodepenyampaian" caption="Metode Penyampaian"></DxColumn> | ||||
|             <DxColumn data-field="metodePenyampaian" caption="Metode Penyampaian"></DxColumn> | ||||
|             <DxColumn data-field="keterangan" caption="Keterangan"></DxColumn> | ||||
|             <DxColumn type="buttons" caption="Aksi"> | ||||
|               <DxButton name="edit"/> | ||||
| @@ -95,11 +94,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/metodepenyampaian'; | ||||
|  | ||||
| @@ -107,7 +101,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -155,55 +149,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Metode Penyampaian'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -27,7 +26,7 @@ | ||||
|                 cancel-row-changes="Batal" | ||||
|                 ></DxTexts> | ||||
|                 <DxForm label-location="top" :col-count="1"> | ||||
|                   <DxItem dataField="strategipengadaan"> | ||||
|                   <DxItem dataField="strategiPengadaan"> | ||||
|                     <DxRequiredRule message="Strategi pengadaan harus diisi" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="keterangan" /> | ||||
| @@ -60,7 +59,7 @@ | ||||
|             info-text="Hal {0} dari {1} ({2} data)" /> | ||||
|             <DxFilterRow :visible="false" /> | ||||
|             <DxColumn data-field="id" caption="No" :width="45"></DxColumn> | ||||
|             <DxColumn data-field="strategipengadaan" caption="Strategi Pengadaan"></DxColumn> | ||||
|             <DxColumn data-field="strategiPengadaan" caption="Strategi Pengadaan"></DxColumn> | ||||
|             <DxColumn data-field="keterangan" caption="Keterangan"></DxColumn> | ||||
|             <DxColumn type="buttons" caption="Aksi"> | ||||
|               <DxButton name="edit"/> | ||||
| @@ -95,11 +94,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/strategipengadaan'; | ||||
|  | ||||
| @@ -107,7 +101,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL) | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -155,55 +149,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Strategi Pengadaan'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -95,11 +94,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/sumberdana'; | ||||
|  | ||||
| @@ -107,7 +101,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -155,55 +149,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Sumber Dana'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -27,7 +26,7 @@ | ||||
|                 cancel-row-changes="Batal" | ||||
|                 ></DxTexts> | ||||
|                 <DxForm label-location="top" :col-count="1"> | ||||
|                   <DxItem dataField="supplypositioningmatrix"> | ||||
|                   <DxItem dataField="supplyPositioningMatrix"> | ||||
|                     <DxRequiredRule message="Supply positioning matrix harus diisi" /> | ||||
|                   </DxItem> | ||||
|                   <DxItem dataField="keterangan" /> | ||||
| @@ -60,7 +59,7 @@ | ||||
|             info-text="Hal {0} dari {1} ({2} data)" /> | ||||
|             <DxFilterRow :visible="false" /> | ||||
|             <DxColumn data-field="id" caption="No" :width="45"></DxColumn> | ||||
|             <DxColumn data-field="supplypositioningmatrix" caption="Supply Positioning Matrix"></DxColumn> | ||||
|             <DxColumn data-field="supplyPositioningMatrix" caption="Supply Positioning Matrix"></DxColumn> | ||||
|             <DxColumn data-field="keterangan" caption="Keterangan"></DxColumn> | ||||
|             <DxColumn type="buttons" caption="Aksi"> | ||||
|               <DxButton name="edit"/> | ||||
| @@ -95,11 +94,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/supplypositioningmatrix'; | ||||
|  | ||||
| @@ -107,7 +101,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL) | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -155,55 +149,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('Jenispengadaan.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Supply Positioning Matrix'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|   | ||||
| @@ -9,8 +9,7 @@ | ||||
|             :data-source="customDataSource"  | ||||
|             key-expr="id" | ||||
|             :allow-column-reordering="true" | ||||
|             :column-auto-width="true" | ||||
|             @exporting="onExporting"> | ||||
|             :column-auto-width="true"> | ||||
|             <DxRemoteOperations :group-paging="true" /> | ||||
|             <DxEditing | ||||
|                 :allow-adding="true" | ||||
| @@ -95,11 +94,6 @@ import DxDataGrid, { | ||||
|   DxRequiredRule | ||||
| } from "devextreme-vue/data-grid"; | ||||
| import CustomStore from "devextreme/data/custom_store"; | ||||
| import { Workbook } from 'exceljs'; | ||||
| import { saveAs } from 'file-saver-es'; | ||||
| import { exportDataGrid as exportDataGridToExcel } from 'devextreme/excel_exporter'; | ||||
| import { jsPDF } from 'jspdf'; | ||||
| import { exportDataGrid as exportDataGridToPDF } from 'devextreme/pdf_exporter'; | ||||
|  | ||||
| const URL = process.env.VUE_APP_ROOT_API+'/unitinisiator'; | ||||
|  | ||||
| @@ -107,7 +101,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL) | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
| @@ -155,56 +149,6 @@ export default { | ||||
|     DxTexts, | ||||
|     DxRequiredRule | ||||
|   }, | ||||
|   methods: { | ||||
|     onExporting(e) { | ||||
|       e.cancel = true; | ||||
|  | ||||
|       switch (e.format) { | ||||
|         case "pdf": { | ||||
|           const doc = new jsPDF(); | ||||
|           exportDataGridToPDF({ | ||||
|             jsPDFDocument: doc, | ||||
|             component: e.component, | ||||
|             indent: 5, | ||||
|           }).then(() => { | ||||
|             doc.save('unitinisiator.pdf'); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|  | ||||
|         case "xlsx": { | ||||
|           const workbook = new Workbook(); | ||||
|           const worksheet = workbook.addWorksheet('Jenis Pengadaan'); | ||||
|  | ||||
|           exportDataGridToExcel({ | ||||
|             component: e.component, | ||||
|             worksheet: worksheet, | ||||
|             autoFilterEnabled: true, | ||||
|           }).then(() => { | ||||
|             workbook.xlsx.writeBuffer().then((buffer) => { | ||||
|               saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx'); | ||||
|             }); | ||||
|           }); | ||||
|         } | ||||
|         break; | ||||
|       } | ||||
|        | ||||
|     }, | ||||
|     onCellPrepared(e) { | ||||
|       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); | ||||
|      | ||||
|       $links.text(""); | ||||
|        | ||||
|       if(isEditing){ | ||||
|           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass"); | ||||
|           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass"); | ||||
|       } else { | ||||
|           $links.filter(".dx-link-edit").addClass("dx-icon-edit").addClass("greenClass"); | ||||
|           $links.filter(".dx-link-delete").addClass("dx-icon-trash").addClass("redClass"); | ||||
|       } | ||||
|     }, | ||||
|   }, | ||||
|    | ||||
|   data() { | ||||
|       return { | ||||
|           //jsonUrl: URL, | ||||
|   | ||||
| @@ -118,7 +118,7 @@ const customDataSource = new CustomStore({ | ||||
|   key: 'id', | ||||
|  | ||||
|   load: () => { | ||||
|       return fetch(URL+'?size=100') | ||||
|       return fetch(URL+process.env.VUE_APP_PAGE_SIZE) | ||||
|       .then((response) => response.json()) | ||||
|       .catch(() => { throw new Error('Terdapat kesalahan memuat data'); }); | ||||
|   }, | ||||
|   | ||||
		Reference in New Issue
	
	Block a user