Penyesuaian Icon dan drp pengadaan

src/views/drp/drp-pengadaan.vue

@@ -9,6 +9,9 @@
     <div class="content-block">
       <div class="dx-card responsive-paddings">
         <div id="app-container">
+          <DxForm id="form">
+            
+          </DxForm>
           <DxPopup
             v-model:visible="isPopupDokumenPengadaan"
             :drag-enabled="false"
@@ -91,7 +94,7 @@
                     :width="400"
                     :height="400"
                     title="Form DRP Pengadaan"
-                ></DxPopup>
+                  />
             </DxEditing>
             <DxToolbar>
                 <DxItem name="groupPanel" />
@@ -100,7 +103,7 @@
                   <DxTexts add-row="Tambah"></DxTexts>
                 </DxItem>
             </DxToolbar>
-            <DxPaging :page-size="5" />
+            <DxPaging :page-size="10" />
             <DxPager 
             :visible="true"
             :allowed-page-sizes="[5, 10, 50]" 

src/views/drp/drp-penyusunan.vue

@@ -56,6 +56,13 @@
                   <DxRequiredRule message="Tahun harus diisi" />
                 </DxItem>
               </DxForm>
+              <DxPopup
+                    :hide-on-outside-click="true"
+                    :show-title="true"
+                    :width="400"
+                    :height="400"
+                    title="Tahun DRP"
+               ></DxPopup>
             </DxEditing>
             <DxToolbar>
               <DxItem name="groupPanel" />
@@ -63,8 +70,6 @@
               <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
@@ -100,22 +105,31 @@
             <DxColumn type="buttons" caption="Aksi">
               <DxButton
                 text="Dokumen"
-                icon="attach"
                 hint="Dokumen Pendukung DRP"
                 :on-click="linkDokumen"
-              />
+              >
+                <template #default>
+                  <IconAttach />
+                </template>
+              </DxButton>
               <DxButton
-                text="Detil"
-                icon="search"
-                hint="Detil/Konten DRP"
+                text="View"
+                hint="Detail DRP"
+                :on-click="linkDokumen"
+              >
+                <template #default>
+                  <IconEye />
+                </template>
+              </DxButton>
+              <DxButton
+                text="Detail"
+                hint="Detail/Konten DRP"
                 :on-click="linkDetail"
-              />
-              <DxButton
-                text="Kirim"
-                icon="movetofolder"
-                hint="Kirim DRP"
-                :on-click="linkKirim"
-              />
+              >
+                <template #default>
+                  <IconDocDetail />
+                </template>
+              </DxButton>
             </DxColumn>
             <DxColumn type="adaptive" :width="50">
               <DxButton hint="detail" icon="copy" />
@@ -153,6 +167,10 @@ import DxDataGrid, {
   // DxLookup,
 } from "devextreme-vue/data-grid";
 import CustomStore from "devextreme/data/custom_store";
+import IconAttach from '../../components/icons/IconAttach.vue';
+import IconEye from '../../components/icons/IconEye.vue';
+import IconDocDetail from '../../components/icons/IconDocDetail.vue';
+
 import DxPopup, { DxToolbarItem } from 'devextreme-vue/popup';
 
 import PopUpUploadDokumenPendukung from './drp-upload-dokumen-pendukung.vue'
@@ -239,6 +257,9 @@ export default {
     DxPopup,
     DxToolbarItem,
     PopUpUploadDokumenPendukung,
+    IconAttach, 
+    IconEye,
+    IconDocDetail
   },
   methods: {
     linkDokumen(e) {

src/views/master-config/roles-config.vue

@@ -50,7 +50,7 @@
                 <DxItem name="exportButton" />
                 <DxItem name="columnChooserButton" />
             </DxToolbar>
-            <DxPaging :page-size="5" />
+            <DxPaging :page-size="10" />
             <DxPager 
             :visible="true"
             :allowed-page-sizes="[5, 10, 50]"