diff --git a/pages.json b/pages.json
index 4e073b1..c8d8b2a 100644
--- a/pages.json
+++ b/pages.json
@@ -163,12 +163,7 @@
"navigationBarTitleText": ""
}
},
- {
- "path": "components/word-cloud/word-cloud",
- "style": {
- "navigationBarTitleText": ""
- }
- },
+
{
"path": "components/WordCloud/WordCloud",
"style": {
diff --git a/pages/geGuCenter/geGuCenter.vue b/pages/geGuCenter/geGuCenter.vue
index eb7d681..2a217a8 100644
--- a/pages/geGuCenter/geGuCenter.vue
+++ b/pages/geGuCenter/geGuCenter.vue
@@ -109,25 +109,50 @@
{{item.concept_name}}
-
-
- 异动
+
+
+
+
+
+ {{ alertTypeConfig[item.alert_type]?.text || '异动' }}
+
板块均涨
- {{ Number(item.alpha) > 0 ? '+' + formatAlpha(item.alpha) : formatAlpha(item.alpha) }}%
+ color: Number(item.alpha) > 0 ? '#EC3440' : '#01AB5D',
+ fontWeight: 'bold',
+ marginLeft: '5rpx',
+ marginRight: '25rpx'
+ }">
+ {{ item.formattedAvg }}%
+
+
+ {{item.upCount}}涨
- 0涨
/
- 0跌
+
+ {{item.downCount}}跌
+
@@ -199,7 +224,7 @@
-
@@ -273,6 +318,43 @@
allStockData: [],
filteredData: [],
conceptStocksList: [],
+ alertTypeConfig: {
+ 'surge': {
+ text: '异动',
+ color: '#FF7A45', // rgb(255, 122, 69)
+ filter: 'brightness(0) saturate(100%) invert(54%) sepia(60%) saturate(467%) hue-rotate(344deg) brightness(102%) contrast(101%)'
+ },
+ 'shrink_surge_up': {
+ text: '缩量急涨',
+ color: '#722ED1', // rgb(114, 46, 209)
+ filter: 'brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(2865%) hue-rotate(266deg) brightness(87%) contrast(98%)'
+ },
+ 'volume_surge_up': {
+ text: '放量急涨',
+ color: '#EB2F96', // rgb(235, 47, 150)
+ filter: 'brightness(0) saturate(100%) invert(34%) sepia(82%) saturate(1970%) hue-rotate(313deg) brightness(91%) contrast(94%)'
+ },
+ 'volume_oscillation': {
+ text: '放量震荡',
+ color: '#13C2C2', // rgb(19, 194, 194)
+ filter: 'brightness(0) saturate(100%) invert(71%) sepia(62%) saturate(487%) hue-rotate(142deg) brightness(91%) contrast(93%)'
+ },
+ 'surge_up': {
+ text: '急涨',
+ color: '#FF4D4F', // rgb(255, 77, 79)
+ filter: 'brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(727%) hue-rotate(346deg) brightness(102%) contrast(104%)'
+ },
+ 'surge_down': {
+ text: '急跌',
+ color: '#52C41A', // rgb(82, 196, 26)
+ filter: 'brightness(0) saturate(100%) invert(68%) sepia(65%) saturate(456%) hue-rotate(71deg) brightness(91%) contrast(86%)'
+ },
+ 'shrink_surge_down': {
+ text: '缩量急跌',
+ color: '#FF7A45', // rgb(255, 122, 69)
+ filter: 'brightness(0) saturate(100%) invert(54%) sepia(60%) saturate(467%) hue-rotate(344deg) brightness(102%) contrast(101%)'
+ }
+ },
topLists: [{
title: '大盘涨跌幅',
value: '+0.00%',
@@ -345,7 +427,11 @@
backIcon: '/static/icon/gegu/cate-4.png'
}
],
- marketAlertsList: []
+ marketAlertsList: [],
+ formattedAvg: 0,
+ upCount: 0,
+ downCount: 0,
+ limit_up_ratio: 0
}
},
onLoad(e) {
@@ -543,6 +629,39 @@
this.topLists[0].value = formattedPct;
this.topLists[0].color = color;
+ // ========== 新增：处理每个异动条目的均涨/涨数/跌数 ==========
+ const processedAlerts = alerts.map(alertItem => {
+ // 1. 获取当前异动条目下的股票列表（假设字段是 stocks，需根据实际接口调整）
+ const stocks = alertItem.stocks || [];
+
+ // 2. 过滤有效股票（change_pct 非空且是数字）
+ const validStocks = stocks.filter(s => s.change_pct != null && !isNaN(Number(s
+ .change_pct)));
+
+ // 3. 计算板块均涨
+ const avgChange = validStocks.length > 0 ?
+ validStocks.reduce((sum, s) => sum + Number(s.change_pct), 0) / validStocks
+ .length :
+ 0;
+
+ // 4. 计算上涨/下跌股票数量
+ const upCount = validStocks.filter(s => Number(s.change_pct) > 0).length;
+ const downCount = validStocks.filter(s => Number(s.change_pct) < 0).length;
+
+ // 5. 格式化均涨值（保留2位小数，处理正负号）
+ const roundedAvg = Math.round(avgChange * 100) / 100; // 四舍五入保留2位
+ const formattedAvg = roundedAvg > 0 ? `+${roundedAvg.toFixed(2)}` : roundedAvg
+ .toFixed(2);
+
+ // 6. 返回原数据 + 新增计算字段
+ return {
+ ...alertItem,
+ alpha: avgChange, // 供模板中判断颜色和显示数值
+ upCount: upCount, // 上涨股票数
+ downCount: downCount, // 下跌股票数
+ formattedAvg: formattedAvg // 格式化后的均涨值（带正负号）
+ };
+ });
@@ -562,9 +681,8 @@
};
// 3. 对 alerts 数组进行排序
- const sortedAlerts = alerts.sort(sortByTimeDesc);
-
- // 4. 将排序后的数组赋值给页面变量（假设你用的是 Vue，可根据实际框架调整）
+ const sortedAlerts = processedAlerts.sort(sortByTimeDesc);
+ // 赋值给页面变量的是处理+排序后的数组
this.marketAlertsList = sortedAlerts;
}).catch(error => {
@@ -626,26 +744,31 @@
},
bkydAction(item) {
this.$refs["detailPopup"].open()
-
- this.conceptStocksDetails(item.concept_id)
+ this.formattedAvg = item.formattedAvg,
+ this.upCount = item.upCount,
+ this.downCount = item.downCount,
+ this.limit_up_ratio = item.limit_up_ratio,
+ this.conceptStocksDetails(item.concept_id)
},
conceptStocksDetails(concept_id) {
console.log("concept_id", concept_id)
- conceptStocks(concept_id,{}).then(res => {
+ conceptStocks(concept_id, {}).then(res => {
if (res.data && res.data.stocks) {
// 将接口数据赋值给列表数组
- let rawData = res.data.stocks;
-
- // 2. 对数据进行排序处理
- this.conceptStocksList = rawData.sort((a, b) => {
- // 将 None 值转换为 -999
- const aValue = a.change_pct === null || a.change_pct === undefined ? -999 : Number(a.change_pct);
- const bValue = b.change_pct === null || b.change_pct === undefined ? -999 : Number(b.change_pct);
-
- // 降序排列（涨幅高的在前）
- return bValue - aValue;
- });
+ let rawData = res.data.stocks;
+
+ // 2. 对数据进行排序处理
+ this.conceptStocksList = rawData.sort((a, b) => {
+ // 将 None 值转换为 -999
+ const aValue = a.change_pct === null || a.change_pct === undefined ? -999 :
+ Number(a.change_pct);
+ const bValue = b.change_pct === null || b.change_pct === undefined ? -999 :
+ Number(b.change_pct);
+
+ // 降序排列（涨幅高的在前）
+ return bValue - aValue;
+ });
} else {
console.warn('接口返回数据格式异常', res);
}