AndriDiki/smartproc-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Check ulang integrasi api dan master data, master config dan drp

Browse Source
This commit is contained in:
Titan Hadiyan
2023-06-01 11:14:45 +07:00
parent 0cd6aa1189
commit 9db7846edb
25 changed files with 106 additions and 707 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/master-data/bidang-page.vue
View File

@@ -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'); });
},

59
src/views/master-data/instansi-page.vue
View File

@@ -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 {

13
src/views/master-data/jabatan-page.vue
View File

@@ -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'); });
},

49
src/views/master-data/jenis-anggaran.vue
View File

@@ -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 {

63
src/views/master-data/jenis-kontrak.vue
View File

@@ -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 {

2
src/views/master-data/jenis-pengadaan.vue
View File

@@ -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'); });
},

59
src/views/master-data/lokasi-pengadaan.vue
View File

@@ -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 {

59
src/views/master-data/metode-pengadaan.vue
View File

@@ -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 {

63
src/views/master-data/metode-penyampaian.vue
View File

@@ -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 {

63
src/views/master-data/strategi-pengadaan.vue
View File

@@ -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 {

59
src/views/master-data/sumber-dana.vue
View File

@@ -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 {

63
src/views/master-data/supply-positioning-matrix.vue
View File

@@ -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 {

60
src/views/master-data/unit-inisiator.vue
View File

@@ -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,