Fix lookup approval status

src/views/drp/drp-penyusunan.vue

@@ -48,7 +48,7 @@
             <DxPager 
             :visible="true"
             :allowed-page-sizes="[5, 10, 50]" 
-            :display-mode="compact" 
+            display-mode="compact"
             :show-page-size-selector="true" 
             :show-info="true" 
             :show-navigation-buttons="true"
@@ -56,8 +56,8 @@
             <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">
-              <dx-lookup
+            <DxColumn data-field="approveStatus" caption="Status Approve" editor-type="dxCheckBox">
+              <DxLookup
                 display-expr="name"
                 value-expr="value"
                 :data-source="approveStatus"
@@ -75,7 +75,7 @@
                 text="Detil"
                 icon="search"
                 hint="Detil/Konten DRP "
-                :on-click="linkDetil"
+                :on-click="linkDetail"
               />
               <DxButton 
                 text="Kirim"
@@ -88,7 +88,7 @@
               <DxButton hint="detail" icon="copy"/>
             </DxColumn>
             <template #row-cell-template="{ data }">
-              <DxText>{{ data.rowIndex +1 }}</DxText>
+              <DxTexts>{{ data.rowIndex +1 }}</DxTexts>
             </template>
             <DxSearchPanel :visible="true" :highlight-case-sensitive="true" :width="300" placeholder="Cari Penyusunan DRP..."/>
           </DxDataGrid>
@@ -112,10 +112,12 @@ import DxDataGrid, {
   DxToolbar,
   DxTexts,
   DxButton,
-  DxRequiredRule
+  DxRequiredRule,
+  DxLookup,
 } from "devextreme-vue/data-grid";
 import CustomStore from "devextreme/data/custom_store";
 
+
 const approveStatus = [
   { name: "Penyusunan", value: 0 },
   { name: "Approval VP", value: 1 },
@@ -189,7 +191,8 @@ export default {
     DxToolbar,
     DxTexts,
     DxButton,
-    DxRequiredRule
+    DxRequiredRule,
+    DxLookup,
   },
   methods: {
     linkDokumen :  function() {