ayanova/src/components/report-viewer-control.vue

@@ -0,0 +1,18 @@
+<template>
+  <v-row justify="center">
+    <v-col cols="6">
+      <div class="display-2">Report viewer control</div>
+      <div>ReportId: {{ reportId }}</div>
+      <div>AyaType: {{ ayaType }}</div>
+    </v-col>
+  </v-row>
+</template>
+<script>
+export default {
+  data: () => ({}),
+  props: {
+    reportId: Number,
+    ayaType: Number
+  }
+};
+</script>

ayanova/src/main.js

@@ -44,6 +44,7 @@ import currencyControl from "./components/currency-control.vue";
 import decimalControl from "./components/decimal-control.vue";
 import errorControl from "./components/error-control.vue";
 import reportSelectorControl from "./components/report-selector-control.vue";
+import reportViewerControl from "./components/report-viewer-control.vue";
 
 /////////////////////////////////////////////////////////////////
 // LIBS AND GLOBAL ITEMS
@@ -172,6 +173,7 @@ Vue.component("gz-currency", currencyControl);
 Vue.component("gz-decimal", decimalControl);
 Vue.component("gz-error", errorControl);
 Vue.component("gz-report-selector", reportSelectorControl);
+Vue.component("gz-report-viewer", reportViewerControl);
 
 //3rd party components
 Vue.use(VueCurrencyInput);

ayanova/src/views/ay-report.vue

@@ -1,14 +1,12 @@
 <template>
-  <UnderConstruction />
+  <gz-report-viewer
+    :reportId="$route.params.recordid"
+    :ayaType="$route.params.ayatype"
+  />
 </template>
 
 <script>
-import UnderConstruction from "../components/underconstruction.vue";
-
 export default {
-  components: {
-    UnderConstruction
-  },
   beforeCreate() {
     window.$gz.eventBus.$emit("menu-change", {
       isMain: true,