plotpage

src/router/index.js

@@ -12,7 +12,7 @@ import chartsRouter from './modules/charts'
 import tableRouter from './modules/table'
 import nestedRouter from './modules/nested'
 
-/**
+/** 
  * Note: sub-menu only appear when route children.length >= 1
  * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
  *
@@ -108,6 +108,20 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/plot',
+    //hidden: true,
+    component: Layout,
+
+    children: [
+      {
+        path: 'plot',
+        component: () => import('@/views/plot/index'),
+        name: 'plot',
+        meta: { title: 'plot' }
+      }
+    ]
+  },
   {
     path: '/documentation',
     component: Layout,

src/views/Analyzing/analyzing.vue

@@ -25,7 +25,7 @@
 <script>
 import Circle9 from 'vue-loading-spinner/src/components/Circle9'
 export default {
-  	name: 'Analyze',
+  name: 'Analyze',
   components: {
     Circle9
   }

src/views/plot/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <!-- <div class="vue-spinner">
+    <Circle9 />
+    <h1>Analyzing....</h1>
+  </div> -->
+    <iframe src="http://localhost:808" width=1300 height=600></iframe>
+</template>
+
+<script>
+import Circle9 from 'vue-loading-spinner/src/components/Circle9'
+export default {
+  name: 'plot',
+  components: {
+    Circle9
+  }
+}
+</script>
+
+<style scoped>
+	.vue-spinner{
+		margin: 100px;
+		width: 50%;
+		height: 50%;
+		/*overflow: hidden;*/
+	}
+</style>