PMCORE-2509

resources/assets/js/home/BatchRouting.vue

@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <iframe
+      :width="width"
+      ref="xIFrame"
+      frameborder="0"
+      :src="path"
+      :height="height"
+      allowfullscreen
+    ></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "BatchRouting",
+  components: {},
+  props: {
+    data: Object,
+  },
+  mounted() {
+    this.height = window.innerHeight - this.diffHeight;
+  },
+  data() {
+    return {
+      height: "100%",
+      width: "100%",
+      diffHeight: 10,
+      path:
+        window.config.SYS_SERVER +
+        window.config.SYS_URI +
+        "cases/casesConsolidatedListExtJs?action=consolidated",
+    };
+  },
+  methods: {
+    classBtn(cls) {
+      return "btn v-btn-request " + cls;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

resources/assets/js/home/Home.vue

@@ -23,13 +23,15 @@
 import CustomSidebar from "./../components/menu/CustomSidebar";
 import MyCases from "./MyCases";
 import MyDocuments from "./MyDocuments";
+import BatchRouting from "./BatchRouting";
 
 export default {
   name: "Home",
   components: {
     CustomSidebar,
     MyCases,
-        MyDocuments
+    MyDocuments,
+    BatchRouting,
   },
   data() {
     return {
@@ -48,7 +50,7 @@ export default {
   },
   methods: {
     OnClickSidebarItem(item) {
-            this.page= item.item.page || "MyCases"
+      this.page = item.item.id || "MyCases";
     },
     onResize() {
       if (window.innerWidth <= 767) {
@@ -66,7 +68,7 @@ export default {
      */
     onToggleCollapse(collapsed) {
       this.collapsed = collapsed;
-        }
+    },
   },
 };
 </script>

resources/assets/js/home/MyDocuments.vue

@@ -2,7 +2,7 @@
   <div>
     <iframe
       :width="width"
-      ref="xCaseFrame"
+      ref="xIFrame"
       frameborder="0"
       :src="path"
       :height="height"

resources/assets/js/mocks/menu.json

@@ -63,13 +63,14 @@
   {
     "href": "/batch-routing",
     "title": "Batch Routing",
+    "id": "batch-routing",
     "icon": "fas fa-bars",
-    "disabled": true
+    "disabled": false
   },
   {
     "href": "/my-documents",
     "title": "My Documents",
-    "page": "my-documents",
+    "id": "my-documents",
     "icon": "fas fa-bars",
     "disabled": false
   },