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

fix: conflict

Browse Source
This commit is contained in:
Mulia Nasution 2023-06-01 12:14:22 +07:00
commit 7ae5db711e
27 changed files with 367 additions and 683 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.env
View File

@ -2,3 +2,4 @@ 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_PAGE_SIZE="?size=1000"

1
.env.production
View File

@ -2,3 +2,4 @@ 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_PAGE_SIZE="?size=1000"

10
src/app-navigation.js
View File

@ -119,16 +119,6 @@ export default [
{
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',

6
src/components/icons/IconEye.vue Normal file
View File

@ -0,0 +1,6 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 14px; height: 14px; color: orange;">
<path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" />
<path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd" />
</svg>
</template>

16
src/views/drp/drp-approval.vue
View File

@ -72,8 +72,16 @@
<DxColumn data-field="" caption="VP Pengadaan"></DxColumn>
<DxColumn data-field="" caption="Komite Value for Money"></DxColumn>
<DxColumn data-field="" caption="Direktur Utama"></DxColumn>
<DxColumn type="buttons" caption="Aksi">
<DxButton name="edit" />
<DxColumn type="buttons" caption="Aksi" :fixed="true">
<DxButton
text="Detail"
hint="Detail"
:on-click="linkDetail"
>
<template #default>
<IconEye />
</template>
</DxButton>
<DxButton
text="Detail"
icon="file"
@ -116,6 +124,7 @@ import DxDataGrid, {
DxButton,
} from "devextreme-vue/data-grid";
import CustomStore from "devextreme/data/custom_store";
import IconEye from '../../components/icons/IconEye.vue';
const URL = process.env.VUE_APP_ROOT_API + "/drp";
@ -123,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);
@ -179,6 +188,7 @@ export default {
DxToolbar,
DxTexts,
DxButton,
IconEye,
},
methods: {
linkDetail: function () {

2
src/views/drp/drp-dokumen.vue
View File

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

2
src/views/drp/drp-list.vue
View File

@ -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);

259
src/views/drp/drp-pengadaan.vue
View File

@ -1,13 +1,268 @@
<template>
<div>
<h2 class="content-block">Drp Pengadaan</h2>
<h3 class="content-block main-title">DRP Pengadaan</h3>
<p class="content-block">Detil / Konten DRP</p>
<div class="content-block">
<div class="dx-card responsive-paddings">
Put your content here
<div id="app-container">
<DxDataGrid ref="currDataGrid"
:data-source="dataSource"
key-expr="id"
:allow-column-reordering="true"
:column-auto-width="true">
<DxEditing
:allow-adding="true"
:allow-updating="true"
:allow-deleting="true"
:use-icons="true"
mode="popup">
<DxTexts
add-row="Tambah"
edit-row="Ubah"
delete-row="Hapus"
confirm-delete-message="Apakah anda yakin untuk menghapus data ini?"
save-row-changes="Simpan"
cancel-row-changes="Batal"
></DxTexts>
<DxForm label-location="top">
<DxItem dataField="nomor">
<DxRequiredRule message="Masukan Nomor PRK" />
</DxItem>
<DxItem dataField="metodePenyampaianId">
<DxRequiredRule message="Pilih Metode Penyampaian Dokumen Penawaran" />
</DxItem>
<DxItem dataField="namaPengadaan">
<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>
</DxForm>
<DxPopup
:hide-on-outside-click="true"
:show-title="true"
:width="800"
:height="600"
title="Form DRP Pengadaan">
</DxPopup>
</DxEditing>
<DxToolbar>
<DxItem name="groupPanel" />
<DxItem name="searchPanel" location="before"/>
<DxItem name="addRowButton" show-text="always" css-class="">
<DxTexts add-row="Tambah"></DxTexts>
</DxItem>
<DxItem name="exportButton" />
<DxItem name="columnChooserButton" />
</DxToolbar>
<DxPaging :page-size="5" />
<DxPager
:visible="true"
:allowed-page-sizes="[5, 10, 50]"
:display-mode="compact"
:show-page-size-selector="true"
:show-info="true"
:show-navigation-buttons="true"
info-text="Hal {0} dari {1} ({2} data)" />
<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" />
</DxColumn>
<DxColumn data-field="unitInisiatorId" caption="Divisi / Unit Inisiator Pengadaan"></DxColumn>
<DxColumn data-field="pagu" caption="Pagu Anggaran (Rp)"></DxColumn>
<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="jenisKontrakId" caption="Jenis Perjanjian/Kontrak"></DxColumn>
<DxColumn data-field="strategiPengadaanId" caption="Strategi Pengadaan"></DxColumn>
<DxColumn data-field="rencanaTanggal" caption="Rencana Pelaksanaan Pengadaan"></DxColumn>
<DxColumn data-field="targetTanggal" caption="Target COD"></DxColumn>
<DxColumn data-field="hpe" caption="Nilai HPE (Rp)"></DxColumn>
<DxColumnFixing :enabled="true" />
<DxColumn :allow-fixing="false" type="buttons" caption="Aksi">
<DxButton name="edit"/>
<DxButton name="delete"/>
</DxColumn>
<template #row-cell-template="{ data }">
<DxText>{{ data.rowIndex + data.component.pageIndex() + 1 }}</DxText>
</template>
<DxSearchPanel :visible="true" :highlight-case-sensitive="true" :width="300" placeholder="Cari Pengadaan..."/>
<!--<DxExport
:enabled="true"
:formats="['xlsx', 'pdf']"
:allow-export-selected-data="true"
/>-->
</DxDataGrid>
</div>
</div>
</div>
</div>
</template>
<script>
import DxDataGrid, {
DxEditing,
DxItem,
DxForm,
DxPopup,
DxColumn,
DxFilterRow,
DxPager,
DxPaging,
DxSearchPanel,
DxToolbar,
DxTexts,
DxRequiredRule,
DxLookup,
DxColumnFixing
} from "devextreme-vue/data-grid";
import CustomStore from "devextreme/data/custom_store";
//const URL = process.env.VUE_APP_ROOT_API+'/drp/pengadaan';
const URL = process.env.VUE_APP_ROOT_API+'/jenisanggaran';
const URL_instansi = process.env.VUE_APP_ROOT_API+'/instansi';
const instansiOptions = new CustomStore({
key: 'id',
load:() => {
return fetch(URL_instansi+process.env.VUE_APP_PAGE_SIZE)
.then((response) => response.json())
.then(response => {
console.log(response.data);
return {
data: response.data
};
})
// .then(data => {
// console.log(JSON.parse(data));
// })
.catch(() => { throw new Error('Terdapat kesalahan memuat data'); });
},
byKey: (key) => {
return fetch(URL_instansi+'/' + key)
.then((response) => response.json())
.then(response => {
console.log(response.instansi);
return {
data: response.instansi
};
})
.catch(() => { throw new Error('Terdapat kesalahan memuat data'); });
}
});
const dataSource = new CustomStore({
key: 'id',
load: () => {
return fetch(URL+process.env.VUE_APP_PAGE_SIZE)
.then(response => response.json())
.then(response => {
return {
data: response.data,
totalCount: response.pagination.totalRecords
};
})
.catch(() => { throw new Error('Terdapat kesalahan memuat data'); });
},
insert: (values) => {
return fetch(URL, {
method: "POST",
body: JSON.stringify(values),
headers: {
'Content-Type': 'application/json'
}
});
},
update: (key, values) => {
return fetch(URL + "/" + encodeURIComponent(key), {
method: "PUT",
body: JSON.stringify(values),
headers: {
'Content-Type': 'application/json'
}
});
},
remove: (key) => {
return fetch(URL + "/" + encodeURIComponent(key), {
method: "DELETE",
});
},
});
export default {
components: {
DxDataGrid,
DxEditing,
DxItem,
DxForm,
DxPopup,
DxColumn,
DxFilterRow,
DxPager,
DxPaging,
DxSearchPanel,
DxToolbar,
DxTexts,
DxRequiredRule,
DxLookup,
DxColumnFixing
},
data() {
return {
//jsonUrl: URL,
dataSource,
instansis: instansiOptions,
}
},
}
</script>
<style lang="scss">
</style>

20
src/views/drp/drp-penyusunan.vue
View File

@ -252,7 +252,12 @@
:allow-column-reordering="true"
:column-auto-width="true"
>
<DxEditing :allow-adding="true" :use-icons="true" mode="popup">
<DxEditing
:allow-adding="true"
:allow-updating="true"
:allow-deleting="true"
:use-icons="true"
mode="popup">
<DxTexts
add-row="Tambah"
edit-row="Ubah"
@ -338,7 +343,7 @@
text="Kirim"
icon="movetofolder"
hint="Kirim DRP"
:on-click="linkDetail"
:on-click="linkKirim"
/>
</DxColumn>
<DxColumn type="adaptive" :width="50">
@ -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 {

2
src/views/drp/recomendation-list.vue
View File

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

59
src/views/master-config/permissions-config.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"
@ -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,55 +147,6 @@ 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 {

6
src/views/master-config/roles-config.vue
View File

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

8
src/views/master-config/users-config.vue
View File

@ -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);

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,

2
src/views/rks-daftar.vue
View File

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