diff --git a/.env b/.env index 0d60a9d..b48e6d4 100644 --- a/.env +++ b/.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" \ No newline at end of file +VUE_APP_DEFAULT_PASS="plngg123" +VUE_APP_PAGE_SIZE="?size=1000" \ No newline at end of file diff --git a/.env.production b/.env.production index e1be6f2..13367b6 100644 --- a/.env.production +++ b/.env.production @@ -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" \ No newline at end of file +VUE_APP_DEFAULT_PASS="plngg123" +VUE_APP_PAGE_SIZE="?size=1000" \ No newline at end of file diff --git a/src/app-navigation.js b/src/app-navigation.js index cdd0a89..40a22c4 100644 --- a/src/app-navigation.js +++ b/src/app-navigation.js @@ -4,7 +4,7 @@ export default [ path: "/home", icon: "home" }, - + { text: "Master Data", icon: "images/icon/ico-1-master.png", @@ -20,36 +20,36 @@ export default [ { text: 'Metode Pengadaan', path: '/master-data/metode-pengadaan', - }, + }, { text: 'Metode Penyampaian Dokumen Penawaran', path: '/master-data/metode-penyampaian', - }, + }, { text: 'Jenis Perjanjian/Kontrak', path: '/master-data/jenis-kontrak', - }, + }, // { // text: 'User', // path: '/user-page', // icon: 'user' - // }, , , + // }, , , { text: 'Sumber Dana', path: '/master-data/sumber-dana', - }, + }, { text: 'Strategi Pengadaan', path: '/master-data/strategi-pengadaan', - }, + }, { text: 'Lokasi', path: '/master-data/lokasi-pengadaan', - }, + }, { text: 'Supply Positioning Matrix', path: '/master-data/supply-positioning-matrix', - }, + }, { text: 'Jenis Anggaran', path: '/master-data/jenis-anggaran', @@ -57,11 +57,11 @@ export default [ { text: 'Instansi', path: '/master-data/instansi-page', - }, + }, { text: 'Bidang', path: '/master-data/bidang-page', - }, + }, { text: 'Jabatan', path: '/master-data/jabatan-page', @@ -75,11 +75,11 @@ export default [ { text: 'Manajemen Role', path: '/master-config/roles-config', - }, + }, { text: 'Manajemen User', path: '/master-config/users-config', - }, + }, { text: 'Manajemen Permission', path: '/master-config/permissions-config', @@ -93,11 +93,11 @@ export default [ { text: 'Daftar Isi RKS', path: '/rks-daftar', - }, + }, { text: 'Template RKS', path: '/rks-template', - }, + }, { text: 'Daftar Isi Kontrak', path: '/kontrak-daftar', @@ -107,7 +107,7 @@ export default [ path: '/kontrak-template', } ] - }, + }, { text: "DRP", icon: "images/icon/ico-4-drp.png", @@ -115,21 +115,11 @@ export default [ { text: 'Penyusunan DRP', path: '/drp/drp-penyusunan', - }, + }, { text: 'Approval DRP', path: '/drp/drp-approval', - items: [ - { - text: 'List Rekomendasi', - path: '/drp/drp-approval/list-rekomendasi' - }, - { - text: 'List DRP', - path: '/drp/drp-approval/drp-list' - } - ] - }, + }, { text: 'Revisi DRP', path: '/drp/drp-revisi', diff --git a/src/components/icons/IconEye.vue b/src/components/icons/IconEye.vue new file mode 100644 index 0000000..1bcfa32 --- /dev/null +++ b/src/components/icons/IconEye.vue @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/src/views/drp/drp-approval.vue b/src/views/drp/drp-approval.vue index 374090c..d942c35 100644 --- a/src/views/drp/drp-approval.vue +++ b/src/views/drp/drp-approval.vue @@ -72,8 +72,16 @@ - - + + + + { - 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); @@ -179,6 +188,7 @@ export default { DxToolbar, DxTexts, DxButton, + IconEye, }, methods: { linkDetail: function () { diff --git a/src/views/drp/drp-dokumen.vue b/src/views/drp/drp-dokumen.vue index 169d871..fb45d55 100644 --- a/src/views/drp/drp-dokumen.vue +++ b/src/views/drp/drp-dokumen.vue @@ -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 { diff --git a/src/views/drp/drp-list.vue b/src/views/drp/drp-list.vue index ee39161..84f5516 100644 --- a/src/views/drp/drp-list.vue +++ b/src/views/drp/drp-list.vue @@ -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); diff --git a/src/views/drp/drp-pengadaan.vue b/src/views/drp/drp-pengadaan.vue index cd051a6..129e298 100644 --- a/src/views/drp/drp-pengadaan.vue +++ b/src/views/drp/drp-pengadaan.vue @@ -1,13 +1,268 @@ + + diff --git a/src/views/drp/drp-penyusunan.vue b/src/views/drp/drp-penyusunan.vue index 8322c21..a5164f4 100644 --- a/src/views/drp/drp-penyusunan.vue +++ b/src/views/drp/drp-penyusunan.vue @@ -252,7 +252,12 @@ :allow-column-reordering="true" :column-auto-width="true" > - + @@ -401,7 +406,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 { @@ -540,6 +545,15 @@ export default { this.popupTitle = "Lihat Dokumen Pendukung"; this.isShowButton = false; }, + linkKirim($event) { + console.log("event: ", $event.row.values); + this.popupVisible = true; + this.popupTitle = "Review & Approval DRP"; + this.dataDrp = $event.row.values; + this.isShowButton = true; + console.log("drp: ", this.dataDrp); + }, + }, data() { return { diff --git a/src/views/drp/recomendation-list.vue b/src/views/drp/recomendation-list.vue index f005216..0cdaff8 100644 --- a/src/views/drp/recomendation-list.vue +++ b/src/views/drp/recomendation-list.vue @@ -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 { diff --git a/src/views/master-config/permissions-config.vue b/src/views/master-config/permissions-config.vue index 8618a38..237af94 100644 --- a/src/views/master-config/permissions-config.vue +++ b/src/views/master-config/permissions-config.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> { - 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, diff --git a/src/views/master-config/roles-config.vue b/src/views/master-config/roles-config.vue index 5b89f23..bb934a7 100644 --- a/src/views/master-config/roles-config.vue +++ b/src/views/master-config/roles-config.vue @@ -61,9 +61,9 @@ info-text="Hal {0} dari {1} ({2} data)" /> - + - + @@ -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'); }); }, diff --git a/src/views/master-config/users-config.vue b/src/views/master-config/users-config.vue index 84a182f..0edf8e5 100644 --- a/src/views/master-config/users-config.vue +++ b/src/views/master-config/users-config.vue @@ -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); diff --git a/src/views/master-data/bidang-page.vue b/src/views/master-data/bidang-page.vue index 342ad3a..750cd2a 100644 --- a/src/views/master-data/bidang-page.vue +++ b/src/views/master-data/bidang-page.vue @@ -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'); }); }, diff --git a/src/views/master-data/instansi-page.vue b/src/views/master-data/instansi-page.vue index c9aa9e1..d540691 100644 --- a/src/views/master-data/instansi-page.vue +++ b/src/views/master-data/instansi-page.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> { - 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 { diff --git a/src/views/master-data/jabatan-page.vue b/src/views/master-data/jabatan-page.vue index 8083c7f..0edc2b1 100644 --- a/src/views/master-data/jabatan-page.vue +++ b/src/views/master-data/jabatan-page.vue @@ -65,10 +65,13 @@ - + - + @@ -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'); }); }, diff --git a/src/views/master-data/jenis-anggaran.vue b/src/views/master-data/jenis-anggaran.vue index 42fa9e0..43d9f89 100644 --- a/src/views/master-data/jenis-anggaran.vue +++ b/src/views/master-data/jenis-anggaran.vue @@ -9,8 +9,7 @@ :data-source="dataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> { - 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 { diff --git a/src/views/master-data/jenis-kontrak.vue b/src/views/master-data/jenis-kontrak.vue index c944056..c9ad93a 100644 --- a/src/views/master-data/jenis-kontrak.vue +++ b/src/views/master-data/jenis-kontrak.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> - + @@ -60,7 +59,7 @@ info-text="Hal {0} dari {1} ({2} data)" /> - + @@ -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 { diff --git a/src/views/master-data/jenis-pengadaan.vue b/src/views/master-data/jenis-pengadaan.vue index a1e9f8a..985a1df 100644 --- a/src/views/master-data/jenis-pengadaan.vue +++ b/src/views/master-data/jenis-pengadaan.vue @@ -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'); }); }, diff --git a/src/views/master-data/lokasi-pengadaan.vue b/src/views/master-data/lokasi-pengadaan.vue index b35dc06..3fde656 100644 --- a/src/views/master-data/lokasi-pengadaan.vue +++ b/src/views/master-data/lokasi-pengadaan.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> { - 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 { diff --git a/src/views/master-data/metode-pengadaan.vue b/src/views/master-data/metode-pengadaan.vue index 3ef8aac..4e73247 100644 --- a/src/views/master-data/metode-pengadaan.vue +++ b/src/views/master-data/metode-pengadaan.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> { - 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 { diff --git a/src/views/master-data/metode-penyampaian.vue b/src/views/master-data/metode-penyampaian.vue index 0e8a169..9447121 100644 --- a/src/views/master-data/metode-penyampaian.vue +++ b/src/views/master-data/metode-penyampaian.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> - + @@ -60,7 +59,7 @@ info-text="Hal {0} dari {1} ({2} data)" /> - + @@ -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 { diff --git a/src/views/master-data/strategi-pengadaan.vue b/src/views/master-data/strategi-pengadaan.vue index ea27b5a..e5fd57f 100644 --- a/src/views/master-data/strategi-pengadaan.vue +++ b/src/views/master-data/strategi-pengadaan.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> - + @@ -60,7 +59,7 @@ info-text="Hal {0} dari {1} ({2} data)" /> - + @@ -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 { diff --git a/src/views/master-data/sumber-dana.vue b/src/views/master-data/sumber-dana.vue index 125f7b2..b1c0dbb 100644 --- a/src/views/master-data/sumber-dana.vue +++ b/src/views/master-data/sumber-dana.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> { - 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 { diff --git a/src/views/master-data/supply-positioning-matrix.vue b/src/views/master-data/supply-positioning-matrix.vue index 786963b..a3aa01d 100644 --- a/src/views/master-data/supply-positioning-matrix.vue +++ b/src/views/master-data/supply-positioning-matrix.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> - + @@ -60,7 +59,7 @@ info-text="Hal {0} dari {1} ({2} data)" /> - + @@ -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 { diff --git a/src/views/master-data/unit-inisiator.vue b/src/views/master-data/unit-inisiator.vue index e4ecfdb..600a344 100644 --- a/src/views/master-data/unit-inisiator.vue +++ b/src/views/master-data/unit-inisiator.vue @@ -9,8 +9,7 @@ :data-source="customDataSource" key-expr="id" :allow-column-reordering="true" - :column-auto-width="true" - @exporting="onExporting"> + :column-auto-width="true"> { - 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, diff --git a/src/views/rks-daftar.vue b/src/views/rks-daftar.vue index 10be0da..691babc 100644 --- a/src/views/rks-daftar.vue +++ b/src/views/rks-daftar.vue @@ -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'); }); },