ayanova/src/views/home-dashboard.vue

@@ -1,11 +1,21 @@
 <template>
-  <div>
-    <UnderConstruction data-cy="underconstruction" />
-  </div>
+  <v-row>
+    <v-col
+      v-for="(item, i) in TestItems()"
+      :key="i"
+      class="d-flex child-flex"
+      cols="12"
+      sm="6"
+      lg="4"
+      xl="3"
+    >
+      <gz-dash :title="'Dash-' + i" />
+    </v-col>
+  </v-row>
 </template>
 
 <script>
-import UnderConstruction from "../components/underconstruction.vue";
+import GzDash from "../components/dash-base.vue";
 /**
  * 
  * 
@@ -19,7 +29,7 @@ import UnderConstruction from "../components/underconstruction.vue";
  */
 export default {
   components: {
-    UnderConstruction
+    GzDash
   },
   beforeCreate() {
     window.$gz.eventBus.$emit("menu-change", {
@@ -28,6 +38,28 @@ export default {
       title: "Dashboard",
       helpUrl: "form-home-dashboard"
     });
+  },
+  methods: {
+    TestItems: function() {
+      let ret = [];
+      for (var i = 0; i < 12; i++) {
+        ret.push({ index: i, title: `Dash ${i}` });
+      }
+      return ret;
+    }
+  },
+  data() {
+    return {};
+    // items: [
+    //   {
+    //     color: "#1F7087",
+    //     title: "Supermodel"
+    //   },
+    //   {
+    //     color: "#952175",
+    //     title: "Halcyon Days"
+    //   }
+    // ];
   }
 };
 </script>