Update kerangka DRP dan user manajemen

src/views/drp/drp-penyusunan.vue

@@ -12,8 +12,6 @@
             :column-auto-width="true">
             <DxEditing
                 :allow-adding="true"
-                :allow-updating="true"
-                :allow-deleting="true"
                 :use-icons="true"
                 mode="popup">
                 <DxTexts 
@@ -55,18 +53,34 @@
             :show-info="true" 
             :show-navigation-buttons="true"
             info-text="Hal {0} dari {1} ({2} data)" />
-            <DxFilterRow :visible="false" />
+            <DxFilterRow :visible="true" />
             <DxColumn cell-template="row-cell-template" caption="No" :width="45"></DxColumn>
             <DxColumn data-field="tahun" caption="Tahun DRP"></DxColumn>
-            <DxColumn data-field="isApprove" caption="Status Approve" editor-type="dxCheckBox"></DxColumn>
-            <DxColumn data-field="approveDate" caption="Tanggal Approve"></DxColumn>
+            <DxColumn data-field="isApprove" caption="Status Approve" editor-type="dxCheckBox">
+              <dx-lookup
+                display-expr="name"
+                value-expr="value"
+                :data-source="approveStatus"
+              />
+            </DxColumn>
+            <DxColumn data-field="approveDate" caption="Tanggal Approve" data-type="date"></DxColumn>
             <DxColumn type="buttons" caption="Aksi">
-              <DxButton name="edit"/>
-              <DxButton name="delete"/>
               <DxButton 
-                text="Detail"
-                icon="increaseindent"
-                hint="Detail"
+                text="Dokumen"
+                icon="attach"
+                hint="Dokumen Pendukung DRP"
+                :on-click="linkDokumen"
+              />
+              <DxButton 
+                text="Detil"
+                icon="search"
+                hint="Detil/Konten DRP "
+                :on-click="linkDetil"
+              />
+              <DxButton 
+                text="Kirim"
+                icon="movetofolder"
+                hint="Kirim DRP"
                 :on-click="linkDetail"
               />
             </DxColumn>
@@ -97,10 +111,20 @@ import DxDataGrid, {
   DxSearchPanel,
   DxToolbar,
   DxTexts,
-  DxButton
+  DxButton,
+  DxRequiredRule
 } from "devextreme-vue/data-grid";
 import CustomStore from "devextreme/data/custom_store";
 
+const approveStatus = [
+  { name: "Penyusunan", value: 0 },
+  { name: "Approval VP", value: 1 },
+  { name: "Rekomendasi Komite", value: 2 },
+  { name: "Approval DIRUT", value: 3 },
+  { name: "Approved", value: 4 },
+  { name: "Revisi DRP", value: 1 }
+];
+
 const URL = process.env.VUE_APP_ROOT_API+'/drp';
 
 const dataSource = new CustomStore({
@@ -146,6 +170,11 @@ const dataSource = new CustomStore({
 });
 
 export default {
+  setup() {
+    return {
+      approveStatus
+    };
+  },
   components: {
     DxDataGrid,
     DxEditing,
@@ -159,11 +188,15 @@ export default {
     DxSearchPanel,
     DxToolbar,
     DxTexts,
-    DxButton
+    DxButton,
+    DxRequiredRule
   },
   methods: {
+    linkDokumen :  function() {
+        location.href='#/drp/drp-dokumen';
+    },
     linkDetail : function() {
-        location.href='master-data/strategi-pengadaan';
+        location.href='#/drp/drp-dokumen';
     }
   },
   data() {
@@ -176,4 +209,13 @@ export default {
 </script>
 
 <style lang="scss">
+.dx-link.dx-icon-attach.dx-link-icon {
+  color: #DBD203;
+}
+.dx-link.dx-icon-search.dx-link-icon {
+  color: #FF9A62;
+}
+.dx-link.dx-icon-movetofolder.dx-link-icon {
+  color: #0996C2;
+}
 </style>