diff --git a/Frontend/src/Layout/Components/StrategySimulator.vue b/Frontend/src/Layout/Components/StrategySimulator.vue index 31d1528067382d3288386dc3c67f77a262ded20b..66dd1a718165eb45adcd40b3a8568f811ebcde90 100644 --- a/Frontend/src/Layout/Components/StrategySimulator.vue +++ b/Frontend/src/Layout/Components/StrategySimulator.vue @@ -30,7 +30,7 @@ <div class="card-header-tab card-header"> <div class="card-header-title font-size-lg text-capitalize font-weight-normal"> <i class="header-icon lnr-cloud-download icon-gradient bg-happy-itmeo"> </i> - Technical Support + 내 포트폴리오 결과 </div> </div> <div class="p-0 card-body"> @@ -39,14 +39,13 @@ <div class="widget-chat-wrapper-outer"> <div class="widget-chart-content widget-chart-content-lg pb-0"> <div class="widget-chart-flex"> - <div class="widget-title opacity-5 text-muted text-uppercase">Helpdesk - Tickets + <div class="widget-title opacity-5 text-muted text-uppercase">최종 수익률 </div> </div> <div class="widget-numbers"> <div class="widget-chart-flex"> <div> - <span class="text-warning">34</span> + <span class="text-warning">{{ this.$store.state.SS_profit }}%</span> </div> <div class="widget-title ml-2 font-size-lg font-weight-normal text-dark"> diff --git a/Frontend/src/store/index.js b/Frontend/src/store/index.js index bd7137701f2ea3e54f93320908f20f9c51835480..d00eb69554893a0ec2cc7eec505da843ae95ccf4 100644 --- a/Frontend/src/store/index.js +++ b/Frontend/src/store/index.js @@ -16,7 +16,8 @@ export default new Vuex.Store({ SS_chart_labels : [], SS_chart_data1 : [], SS_chart_data2 : [], - SS_chart_done : false + SS_chart_done : false, + SS_profit : 0 }, // 전체돈 * ration / 주식개별 // 전체돈 * 코스닥 가격 @@ -88,6 +89,7 @@ export default new Vuex.Store({ } } state.SS_chart_data2.reverse(); + state.SS_profit = (state.SS_chart_data2[payloadNumSize] - state.SS_init_money ) / state.SS_init_money * 100; state.SS_chart_done = true; console.log(state.SS_chart_data2); },