From 7562f6aa09232acf99ee480f49394f2fa8d9b530 Mon Sep 17 00:00:00 2001
From: canwdev <c2097@live.com>
Date: Wed, 11 Dec 2024 18:25:10 +0800
Subject: [PATCH] update: ui

---
 .../Graphs/{EchartsKLine.vue => EchartsCandlestick.vue}  | 9 +++++++--
 src/components/AppUtils/StockTracker/StockPrices.vue     | 5 +++--
 src/components/QuickLaunch/use-common-tools.ts           | 1 -
 3 files changed, 10 insertions(+), 5 deletions(-)
 rename src/components/AppUtils/StockTracker/Graphs/{EchartsKLine.vue => EchartsCandlestick.vue} (97%)

diff --git a/src/components/AppUtils/StockTracker/Graphs/EchartsKLine.vue b/src/components/AppUtils/StockTracker/Graphs/EchartsCandlestick.vue
similarity index 97%
rename from src/components/AppUtils/StockTracker/Graphs/EchartsKLine.vue
rename to src/components/AppUtils/StockTracker/Graphs/EchartsCandlestick.vue
index 174bf99..e6dfe16 100644
--- a/src/components/AppUtils/StockTracker/Graphs/EchartsKLine.vue
+++ b/src/components/AppUtils/StockTracker/Graphs/EchartsCandlestick.vue
@@ -7,8 +7,9 @@ import {IPriceByDay} from '@/components/AppUtils/StockTracker/types'
 // 定义 props
 const props = defineProps<{
   byDay: IPriceByDay
+  title: string
 }>()
-
+const {title} = toRefs(props)
 // 创建 ref
 const chartRef = ref<HTMLDivElement | null>(null)
 let chartInstance: echarts.ECharts | null = null
@@ -59,7 +60,7 @@ const initChart = () => {
   const option = {
     title: [
       {
-        text: 'K Line',
+        text: props.title,
         left: 'center',
         top: 10,
       },
@@ -157,6 +158,10 @@ onMounted(() => {
   initChart()
 })
 
+watch(title, () => {
+  initChart()
+})
+
 // 组件卸载时销毁
 onUnmounted(() => {
   if (chartInstance) {
diff --git a/src/components/AppUtils/StockTracker/StockPrices.vue b/src/components/AppUtils/StockTracker/StockPrices.vue
index f51f575..fc6ceea 100644
--- a/src/components/AppUtils/StockTracker/StockPrices.vue
+++ b/src/components/AppUtils/StockTracker/StockPrices.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import {IStockTrackerPrices} from '@/components/AppUtils/StockTracker/types'
 import TabLayout from '@/components/CanUI/packages/Layouts/TabLayout.vue'
-import EchartsKLine from '@/components/AppUtils/StockTracker/Graphs/EchartsKLine.vue'
+import EchartsCandlestick from '@/components/AppUtils/StockTracker/Graphs/EchartsCandlestick.vue'
 
 const props = withDefaults(
   defineProps<{
@@ -40,9 +40,10 @@ watch(
   <div class="stock-prices-wrapper">
     <TabLayout v-model="curTab" :options="tabOptions" horizontal>
       <template v-if="stockPrices[curTab]">
-        <EchartsKLine
+        <EchartsCandlestick
           v-if="stockPrices[curTab] && stockPrices[curTab].byDay"
           :by-day="stockPrices[curTab]!.byDay"
+          :title="curTab"
         />
       </template>
     </TabLayout>
diff --git a/src/components/QuickLaunch/use-common-tools.ts b/src/components/QuickLaunch/use-common-tools.ts
index 9f68e36..1d98b16 100644
--- a/src/components/QuickLaunch/use-common-tools.ts
+++ b/src/components/QuickLaunch/use-common-tools.ts
@@ -171,7 +171,6 @@ export const useCommonTools = () => {
         search: 'settings',
         props: {
           onClick: async () => {
-            mainStore.isShowQuickLaunch = false
             mainStore.isShowSettings = true
           },
         },