ayanova/src/views/ops-metrics.vue

@@ -15,10 +15,37 @@
 
     <v-tabs v-model="tab" color="primary" grow @change="tabChanged">
       <v-tabs-slider></v-tabs-slider>
+      <v-tab>cpu & memory</v-tab>
       <v-tab>ITEM1</v-tab>
       <v-tab>storage</v-tab>
-      <v-tab>cpu & memory</v-tab>
+
       <v-tabs-items v-model="tab">
+        <v-tab-item>
+          <v-col cols="12" class="my-1">
+            <v-sheet elevation="4">
+              <gz-chart-line
+                :chartData="memAllChartData"
+                :options="timeLineChartOptions"
+              />
+            </v-sheet>
+          </v-col>
+          <v-col cols="12" class="my-1" v-resize="onResize">
+            <v-sheet elevation="4">
+              <gz-chart-line
+                :chartData="cpuChartData"
+                :options="timeLineChartOptions"
+              />
+            </v-sheet>
+          </v-col>
+          <v-col cols="12" class="my-1">
+            <v-sheet elevation="4">
+              <gz-chart-line
+                :chartData="gcAllChartData"
+                :options="timeLineChartOptions"
+              />
+            </v-sheet>
+          </v-col>
+        </v-tab-item>
         <v-tab-item> </v-tab-item>
         <v-tab-item>
           <v-col cols="12" class="my-1">
@@ -46,33 +73,6 @@
             </v-sheet>
           </v-col>
         </v-tab-item>
-
-        <v-tab-item>
-          <v-col cols="12" class="my-1">
-            <v-sheet elevation="4">
-              <gz-chart-line
-                :chartData="memAllChartData"
-                :options="timeLineChartOptions"
-              />
-            </v-sheet>
-          </v-col>
-          <v-col cols="12" class="my-1" v-resize="onResize">
-            <v-sheet elevation="4">
-              <gz-chart-line
-                :chartData="cpuChartData"
-                :options="timeLineChartOptions"
-              />
-            </v-sheet>
-          </v-col>
-          <v-col cols="12" class="my-1">
-            <v-sheet elevation="4">
-              <gz-chart-line
-                :chartData="gcAllChartData"
-                :options="timeLineChartOptions"
-              />
-            </v-sheet>
-          </v-col>
-        </v-tab-item>
       </v-tabs-items>
     </v-tabs>
   </v-row>
@@ -141,7 +141,7 @@ export default {
         dateFilterTokens: []
       },
       lastFetchBreakPoint: null,
-      tab: 2,
+      tab: 0,
       formState: {
         ready: false,
         loading: false,
@@ -440,11 +440,13 @@ export default {
 function tabIndexToRoute(tabIndex) {
   switch (tabIndex) {
     case 0:
-      return "ITEM1";
-    case 1:
-      return "storage";
-    case 2:
       return "memcpu";
+
+    case 1:
+      return "ITEM1";
+
+    case 2:
+      return "storage";
   }
 }
 //////////////////////