From 63eef2ea1873c80e325c9864f341214b0f203adc Mon Sep 17 00:00:00 2001
From: Z <zhipenghou2022@u.northwestern.edu>
Date: Wed, 18 Sep 2019 14:41:09 -0500
Subject: [PATCH] works

---
 src/router/index.js     | 14 ++++++++++++++
 src/views/plot/plot.vue | 24 +++++++++++++++---------
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 29ccf566..6eff2127 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -96,6 +96,20 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/plot',
+    hidden: true,
+    component: Layout,
+
+    children: [
+      {
+        path: 'plot',
+        component: () => import('@/views/plot/plot'),
+        name: 'plot',
+        meta: { title: 'plot' }
+      }
+    ]
+  },
   {
     path: '/analyzing',
     hidden: true,
diff --git a/src/views/plot/plot.vue b/src/views/plot/plot.vue
index ba90d922..70161f8f 100644
--- a/src/views/plot/plot.vue
+++ b/src/views/plot/plot.vue
@@ -1,15 +1,21 @@
 <template>
 	<div>
-	  <span style="font-weight: bold">You could also run the analysis on the data from the specific date range</span><br>
-	  <span>From: </span>
-	  <Datepicker v-model="state.from" style="display: inline-block" :bootstrap-styling="true">
-	  </Datepicker>
-	  <span>To: </span>
-	  <Datepicker v-model="state.to" style="display: inline-block" :bootstrap-styling="true"></Datepicker>
-	  <button type="button" class="btn btn-success" @click="onSendAnalyzeOnDateRequest">Apply</button>
+		<div>
+		<span style="font-weight: bold">You could also run the analysis on the data from the specific date range</span><br>
+		<span>From: </span>
+		<Datepicker v-model="state.from" style="display: inline-block" :bootstrap-styling="true">
+		</Datepicker>
+		<span>To: </span>
+		<Datepicker v-model="state.to" style="display: inline-block" :bootstrap-styling="true"></Datepicker>
+		<button type="button" class="btn btn-success" @click="onSendAnalyzeOnDateRequest">Apply</button>
+		</div>
+		<div>
+		<iframe src="http://localhost:808" width=1000 height=600></iframe>
+		</div>
+		<div>
+		<button type="button" class="btn btn-secondary" @click="onBackToUpload">Back</button>
+		</div>
     </div>
-    <iframe src="http://localhost:808" width=1300 height=600></iframe>
-    <button type="button" class="btn btn-secondary" @click="onBackToUpload">Back</button>
 </template>
 
 <script>