add drp list and popup detail drp

This commit is contained in:
Mulia Nasution
2023-05-31 16:07:56 +07:00
parent 1a70792368
commit 09cc5f1a68
5 changed files with 587 additions and 99 deletions

View File

@@ -7,7 +7,7 @@
<div id="app-container">
<DxDataGrid
ref="currDataGrid"
:data-source="dataSource"
:data-source="formData"
key-expr="id"
:allow-column-reordering="true"
:column-auto-width="true"
@@ -63,16 +63,29 @@
caption="No"
:width="45"
></DxColumn>
<DxColumn data-field="" caption="Nama Pengadaan"></DxColumn>
<DxColumn data-field="nomorRkp" caption="Nomor RKP"></DxColumn>
<DxColumn
data-field=""
caption="Approval"
editor-type="dxCheckBox"
data-field="namaPengadaan"
caption="Nama Pengadaan"
:width="252"
></DxColumn>
<DxColumn
data-field="approval"
caption="Approval"
></DxColumn>
<DxColumn data-field="status" caption="Status"></DxColumn>
<DxColumn
data-field="tanggalStatus"
caption="Tanggal Status"
></DxColumn>
<DxColumn
data-field="catatanRekomendasi"
caption="Catatan Rekomendasi"
></DxColumn>
<DxColumn
data-field="tanggalRekomendasi"
caption="Tanggal Rekomendasi"
></DxColumn>
<DxColumn data-field="" caption="Status"></DxColumn>
<DxColumn data-field="" caption="Tanggal Status"></DxColumn>
<DxColumn data-field="" caption="Catatan Rekomendasi"></DxColumn>
<DxColumn data-field="" caption="Tanggal Rekomendasi"></DxColumn>
<DxColumn type="buttons" caption="Aksi">
<DxButton name="edit" />
<DxButton name="delete" />
@@ -93,7 +106,7 @@
:visible="true"
:highlight-case-sensitive="true"
:width="300"
placeholder="Cari Penyusunan DRP..."
placeholder="Cari Rekomendasi DRP..."
/>
</DxDataGrid>
</div>
@@ -181,17 +194,57 @@ export default {
DxTexts,
DxButton,
},
methods: {
linkDetail: function () {
location.href = "master-data/strategi-pengadaan";
},
},
data() {
return {
//jsonUrl: URL,
dataSource,
};
},
setup() {
const formData = [
{
id: 1,
nomorRkp: "PRK/2023/1/001",
namaPengadaan:
"Pengadaan Jasa Konsultansi Penyusunan Feasibility Study, Basic Design, dan HPE Proyek Gasifikasi Wilayah Sumatra Utara",
approval: "Approval VP",
status: "Tolak",
tanggalStatus: "11/01/2022",
catatanRekomendasi: "Lorem Insum ",
tanggalRekomendasi: "11/01/2022",
},
{
id: 2,
nomorRkp: "PRK/2023/1/002",
namaPengadaan:
"Pengadaan Jasa Konsultansi Penyusunan Feasibility Study, Basic Design, dan HPE Proyek Gasifikasi Wilayah Aceh",
approval: "Approval VP",
status: "Setuju",
tanggalStatus: "11/01/2022",
catatanRekomendasi: "Lorem Insum ",
tanggalRekomendasi: "11/01/2022",
},
{
id: 3,
nomorRkp: "PRK/2023/1/001",
namaPengadaan:
"Pengadaan Jasa Konsultansi Penyusunan Feasibility Study, Basic Design, dan HPE Proyek Gasifikasi Wilayah Aceh",
approval: "Approval VP",
status: "Tolak",
tanggalStatus: "11/01/2022",
catatanRekomendasi: "Lorem Insum ",
tanggalRekomendasi: "11/01/2022",
},
];
return {
formData,
};
},
methods: {
linkDetail: function () {
location.href = "master-data/strategi-pengadaan";
},
},
};
</script>