Pre Drp Cetak, Revisi, Perbaikan Approval dan Pengadaan

src/views/drp/drp-approval.vue

@@ -74,23 +74,22 @@
             <DxColumn data-field="" caption="Direktur Utama"></DxColumn>
             <DxColumn type="buttons" caption="Aksi" :fixed="true">
               <DxButton
-                text="Detail"
-                hint="Detail"
-                :on-click="linkDetail"
+                text="Dokumen"
+                hint="Dokumen Pendukung DRP"
+                :on-click="linkDokumen"
               >
                 <template #default>
                   <IconEye />
                 </template>
               </DxButton>
               <DxButton
-                text="Detail"
-                icon="file"
-                hint="Detail"
-                :on-click="linkDetail"
-              />
-            </DxColumn>
-            <DxColumn type="adaptive" :width="50">
-              <DxButton hint="detail" icon="copy" />
+                text="Detil"
+                hint="Detil/Konten DRP"
+                :on-click="linkDetail">
+                <template #default>
+                  <IconDocChecked />
+                </template>
+              </DxButton>
             </DxColumn>
             <template #row-cell-template="{ data }">
               <DxText>{{ data.rowIndex + 1 }}</DxText>
@@ -125,8 +124,9 @@ import DxDataGrid, {
 } from "devextreme-vue/data-grid";
 import CustomStore from "devextreme/data/custom_store";
 import IconEye from '../../components/icons/IconEye.vue';
+import IconDocChecked from '../../components/icons/IconDocChecked.vue';
 
-const URL = process.env.VUE_APP_ROOT_API + "/drp";
+const URL = process.env.VUE_APP_ROOT_API + "/drp/approval";
 
 const dataSource = new CustomStore({
   key: "id",
@@ -189,10 +189,11 @@ export default {
     DxTexts,
     DxButton,
     IconEye,
+    IconDocChecked
   },
   methods: {
-    linkDetail: function () {
-      location.href = "master-data/strategi-pengadaan";
+    linkDetail(e) {
+      location.href='#/drp/drp-pengadaan?drpid='+e.row.data.id;
     },
   },
   data() {

src/views/drp/drp-cetak.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Drp Cetak</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/drp/drp-pengadaan.vue

@@ -184,7 +184,7 @@ import {
 } 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+'/drp/pengadaan/list';
 const URL_metodepenyampaian = process.env.VUE_APP_ROOT_API+'/metodepenyampaian';
 const URL_supplypositioningmatrix = process.env.VUE_APP_ROOT_API+'/supplypositioningmatrix';
 const URL_unitinisiator = process.env.VUE_APP_ROOT_API+'/unitinisiator';
@@ -343,7 +343,22 @@ const dataSource = new CustomStore({
   key: 'id',
 
   load: () => {
-      return fetch(URL+process.env.VUE_APP_PAGE_SIZE)
+    let uri = window.location.href.split('?');
+    let drpid = '';
+    if(uri.length == 2) {
+      let vars = uri[1].split('&');
+      let getVars = {};
+      let tmp = '';
+      vars.forEach(function(v) {
+        tmp = v.split('=');
+        if(tmp.length == 2)
+          getVars[tmp[0]] = tmp[1];
+      });
+      //console.log(getVars['drpid']);
+      drpid = getVars['drpid'];
+    }
+    
+      return fetch(URL+'/'+drpid)
       .then(response => response.json())
       .then(response => {
         return {
@@ -400,7 +415,7 @@ export default {
     DxColumnFixing,
     DxFormat
   },
-  
+
   data() {
       return {
           //jsonUrl: URL,

src/views/drp/drp-revisi.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Drp Revisi</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>