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>