From 062df8071270a5e15893c2165a8f3dba0503871e Mon Sep 17 00:00:00 2001
From: ArvinLovegood <arvinlovegood@163.com>
Date: Wed, 2 Jul 2025 16:10:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=E6=B7=BB=E5=8A=A0=E7=83=AD?=
 =?UTF-8?q?=E9=97=A8=E7=AD=96=E7=95=A5=E5=8A=9F=E8=83=BD=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E9=80=89=E8=82=A1=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 App.d.ts 和 App.js 中添加 GetHotStrategy 函数
- 在 app_common.go 中实现 GetHotStrategy 方法
- 在 search_stock_api.go 中添加 HotStrategy 方法获取热门策略数据
- 更新 SelectStock.vue 组件，集成热门策略功能并优化界面布局
---
 app_common.go                           |   3 +
 backend/data/search_stock_api.go        |  17 ++++
 backend/data/search_stock_api_test.go   |  11 +++
 frontend/src/components/SelectStock.vue | 110 ++++++++++++++++++------
 frontend/wailsjs/go/main/App.d.ts       |   2 +
 frontend/wailsjs/go/main/App.js         |   4 +
 6 files changed, 123 insertions(+), 24 deletions(-)

diff --git a/app_common.go b/app_common.go
index 4f0f971..c6701d9 100644
--- a/app_common.go
+++ b/app_common.go
@@ -59,3 +59,6 @@ func (a App) ClsCalendar() []any {
 func (a App) SearchStock(words string) map[string]any {
 	return data.NewSearchStockApi(words).SearchStock(5000)
 }
+func (a App) GetHotStrategy() map[string]any {
+	return data.NewSearchStockApi("").HotStrategy()
+}
diff --git a/backend/data/search_stock_api.go b/backend/data/search_stock_api.go
index a07e81d..41b5bfd 100644
--- a/backend/data/search_stock_api.go
+++ b/backend/data/search_stock_api.go
@@ -53,3 +53,20 @@ func (s SearchStockApi) SearchStock(pageSize int) map[string]any {
 	//logger.SugaredLogger.Infof("resp:%+v", respMap["data"])
 	return respMap
 }
+
+func (s SearchStockApi) HotStrategy() map[string]any {
+	url := fmt.Sprintf("https://np-ipick.eastmoney.com/recommend/stock/heat/ranking?count=20&trace=%d&client=web&biz=web_smart_tag", time.Now().Unix())
+	resp, err := resty.New().SetTimeout(time.Duration(30)*time.Second).R().
+		SetHeader("Host", "np-ipick.eastmoney.com").
+		SetHeader("Origin", "https://xuangu.eastmoney.com").
+		SetHeader("Referer", "https://xuangu.eastmoney.com/").
+		SetHeader("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:140.0) Gecko/20100101 Firefox/140.0").
+		Get(url)
+	if err != nil {
+		logger.SugaredLogger.Errorf("HotStrategy-err:%+v", err)
+		return map[string]any{}
+	}
+	respMap := map[string]any{}
+	json.Unmarshal(resp.Body(), &respMap)
+	return respMap
+}
diff --git a/backend/data/search_stock_api_test.go b/backend/data/search_stock_api_test.go
index 5102f3b..441c382 100644
--- a/backend/data/search_stock_api_test.go
+++ b/backend/data/search_stock_api_test.go
@@ -23,3 +23,14 @@ func TestSearchStock(t *testing.T) {
 	//}
 
 }
+
+func TestSearchStockApi_HotStrategy(t *testing.T) {
+	db.Init("../../data/stock.db")
+	res := NewSearchStockApi("").HotStrategy()
+	logger.SugaredLogger.Infof("res:%+v", res)
+	dataList := res["data"].([]any)
+	for _, v := range dataList {
+		d := v.(map[string]any)
+		logger.SugaredLogger.Infof("v:%+v", d)
+	}
+}
diff --git a/frontend/src/components/SelectStock.vue b/frontend/src/components/SelectStock.vue
index f52a0fa..80adc7b 100644
--- a/frontend/src/components/SelectStock.vue
+++ b/frontend/src/components/SelectStock.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import {h, onBeforeMount, onMounted, onUnmounted, ref} from 'vue'
-import {SearchStock} from "../../wailsjs/go/main/App";
+import {SearchStock,GetHotStrategy} from "../../wailsjs/go/main/App";
 import {useMessage, NText, NTag} from 'naive-ui'
+import {RefreshCircleSharp} from "@vicons/ionicons5";
 const message = useMessage()
 const search = ref('')
 const columns = ref([])
 const dataList = ref([])
+const hotStrategy = ref([])
 const traceInfo = ref('')
 function Search() {
   if(!search.value){
@@ -16,12 +18,11 @@ function Search() {
   const loading = message.loading("正在获取选股数据...", {duration: 0});
   SearchStock(search.value).then(res => {
     loading.destroy()
-    console.log(res)
+   // console.log(res)
     if(res.code==100){
       traceInfo.value=res.data.traceInfo.showText
-      message.success(res.msg)
+     // message.success(res.msg)
       columns.value=res.data.result.columns.filter(item=>!item.hiddenNeed&&(item.title!="市场码"&&item.title!="市场简称")).map(item=>{
-
         if(item.children){
           return {
             title:item.title+(item.unit?'['+item.unit+']':''),
@@ -68,30 +69,86 @@ function isNumeric(value) {
 }
 
 onBeforeMount(() => {
-  Search()
+  GetHotStrategy().then(res => {
+    console.log(res)
+    if(res.code==1){
+      hotStrategy.value=res.data
+      search.value=hotStrategy.value[0].question
+      Search()
+    }
+  }).catch(err => {
+    message.error(err)
+  })
+
 })
+function DoSearch(question){
+  search.value= question
+  Search()
+}
 
 </script>
 
 <template>
-  <n-flex>
-    <n-input-group>
-      <n-input clearable v-model:value="search" placeholder="请输入选股指标或者要求" />
-      <n-button type="primary" @click="Search">搜索A股</n-button>
-    </n-input-group>
-  </n-flex>
-  <n-flex justify="start" v-if="traceInfo">
-    <n-tag type="info" :bordered="false">当前选股条件：<n-tag type="warning" :bordered="true">{{traceInfo}}</n-tag></n-tag>
-<!--    <n-button type="primary" size="small">保存策略</n-button>-->
-  </n-flex>
-  <n-data-table
-      :max-height="'calc(100vh - 312px)'"
-      size="small"
-      :columns="columns"
-      :data="dataList"
-      :pagination="false"
-      :scroll-x="1800"
-      :render-cell="(value, rowData, column) => {
+  <n-grid :cols="24" style="max-height: calc(100vh - 170px)">
+    <n-gi :span="4" >
+      <n-list bordered   style="text-align: left;" hoverable clickable>
+        <n-scrollbar style="max-height: calc(100vh - 170px);" >
+                  <n-list-item v-for="item in hotStrategy" :key="item.rank" @click="DoSearch(item.question)">
+                    <n-ellipsis  line-clamp="1" :tooltip="true" >
+                      <n-tag size="small"  :bordered="false" type="info">#{{item.rank}}</n-tag><n-text type="warning">{{item.question	}}</n-text>
+                      <template #tooltip>
+                        <div style="text-align: center;max-width: 180px">
+                          <n-text type="warning">{{item.question	}}</n-text>
+                        </div>
+                      </template>
+                    </n-ellipsis>
+                  </n-list-item>
+        </n-scrollbar>
+      </n-list>
+
+<!--        <n-virtual-list :items="hotStrategy" :item-size="hotStrategy.length">-->
+<!--          <template #default="{ item, index }">-->
+<!--                      <n-card :title="''" size="small">-->
+<!--                        <template #header-extra>-->
+<!--                          {{item.rank}}-->
+<!--                        </template>-->
+<!--                        <n-ellipsis expand-trigger="click" line-clamp="3" :tooltip="false" >-->
+<!--                          <n-text type="warning">{{item.question	}}</n-text>-->
+<!--                        </n-ellipsis>-->
+<!--                      </n-card>-->
+
+<!--          </template>-->
+<!--      </n-virtual-list>-->
+    </n-gi>
+    <n-gi :span="20" >
+      <n-flex>
+        <n-input-group style="text-align: left">
+          <n-input :rows="1" clearable v-model:value="search" placeholder="请输入选股指标或者要求" />
+          <n-button type="primary" @click="Search">搜索A股</n-button>
+        </n-input-group>
+      </n-flex>
+      <n-flex justify="start" v-if="traceInfo" style="margin: 5px 0">
+
+        <n-ellipsis  line-clamp="1" :tooltip="true" >
+          <n-text type="info" :bordered="false">选股条件：</n-text><n-text type="warning" :bordered="true">{{traceInfo}}</n-text>
+          <template #tooltip>
+            <div style="text-align: center;max-width: 580px">
+              <n-text type="warning">{{traceInfo}}</n-text>
+            </div>
+          </template>
+        </n-ellipsis>
+
+        <!--    <n-button type="primary" size="small">保存策略</n-button>-->
+      </n-flex>
+      <n-data-table
+          :striped="true"
+          :max-height="'calc(100vh - 250px)'"
+          size="medium"
+          :columns="columns"
+          :data="dataList"
+          :pagination="{pageSize: 9}"
+          :scroll-x="1800"
+          :render-cell="(value, rowData, column) => {
 
         if(column.key=='SECURITY_CODE'||column.key=='SERIAL'){
           return h(NText, { type: 'info',border: false }, { default: () => `${value}` })
@@ -116,7 +173,12 @@ onBeforeMount(() => {
             }
           }
       }"
-  />
+      />
+      <n-text>共找到<n-tag type="info" :bordered="false">{{dataList.length}}</n-tag>只股</n-text>
+    </n-gi>
+  </n-grid>
+
+
 </template>
 
 <style scoped>
diff --git a/frontend/wailsjs/go/main/App.d.ts b/frontend/wailsjs/go/main/App.d.ts
index a807d0e..e59fcdf 100644
--- a/frontend/wailsjs/go/main/App.d.ts
+++ b/frontend/wailsjs/go/main/App.d.ts
@@ -39,6 +39,8 @@ export function GetGroupList():Promise<Array<data.Group>>;
 
 export function GetGroupStockList(arg1:number):Promise<Array<data.GroupStock>>;
 
+export function GetHotStrategy():Promise<Record<string, any>>;
+
 export function GetIndustryMoneyRankSina(arg1:string,arg2:string):Promise<Array<Record<string, any>>>;
 
 export function GetIndustryRank(arg1:string,arg2:number):Promise<Array<any>>;
diff --git a/frontend/wailsjs/go/main/App.js b/frontend/wailsjs/go/main/App.js
index da3813b..80fc139 100644
--- a/frontend/wailsjs/go/main/App.js
+++ b/frontend/wailsjs/go/main/App.js
@@ -74,6 +74,10 @@ export function GetGroupStockList(arg1) {
   return window['go']['main']['App']['GetGroupStockList'](arg1);
 }
 
+export function GetHotStrategy() {
+  return window['go']['main']['App']['GetHotStrategy']();
+}
+
 export function GetIndustryMoneyRankSina(arg1, arg2) {
   return window['go']['main']['App']['GetIndustryMoneyRankSina'](arg1, arg2);
 }