Merge branch 'milestone-20251031-简版功能开发' of http://39.101.133.168:8807/qimaohong/deepChartVueApp into wangyi/feature-20251026183100-deepmate王毅

pages/home/home.vue

@@ -113,7 +113,7 @@
 								</view>
 							</view>
 							<view class="stock-chart">
-								<image :src="item.chartImg || '/static/c5.png'" mode="aspectFit" class="chart-image"></image>
+								<image :src="getChartImage(item)" mode="aspectFit" class="chart-image"></image>
 							</view>
 						</view>
 					</view>
@@ -232,9 +232,9 @@ export default {
 			
 			// 我的自选股票数据
 			myStocks: [
-				{ name: '特斯拉', code: 'TSLA', price: '482.00', change: 2.80, chartImg: '/static/c5.png' },
-				{ name: '英伟达', code: 'NVDA', price: '189.800', change: -2.92, chartImg: '/static/c6.png' },
-				{ name: '苹果', code: 'AAPL', price: '256.430', change: 2.60, chartImg: '/static/c7.png' }
+				{ name: '特斯拉', code: 'TSLA', price: '482.00', change: 2.80 },
+				{ name: '英伟达', code: 'NVDA', price: '189.800', change: -2.92 },
+				{ name: '苹果', code: 'AAPL', price: '256.430', change: 2.60 }
 			],
 			
 			// 机构动向简报数据
@@ -344,15 +344,17 @@ export default {
 		
 		// 预加载图片资源
 		this.myStocks.forEach(stock => {
+			// 使用getChartImage方法获取正确的图片路径
+			const imageSrc = this.getChartImage(stock);
 			// 使用uni.getImageInfo替代Image对象
 			uni.getImageInfo({
-				src: stock.chartImg,
+				src: imageSrc,
 				success: function(res) {
 					// 图片加载成功
-					console.log('图片预加载成功:', stock.name)
+					console.log('图片预加载成功:', stock.name, imageSrc)
 				},
 				fail: function(err) {
-					console.log('图片预加载失败:', err)
+					console.log('图片预加载失败:', err, imageSrc)
 				}
 			})
 		})
@@ -433,6 +435,26 @@ export default {
 	},
 	
 	methods: {
+		// 根据涨跌情况获取图表图片
+		getChartImage(item) {
+			// 获取涨跌值，支持多种字段名
+			const changeValue = item.change_percent || item.change || item.change_amount || 0;
+			
+			// 如果有自定义图片，优先使用
+			if (item.chartImg) {
+				return item.chartImg;
+			}
+			
+			// 根据涨跌情况返回对应图片
+			if (parseFloat(changeValue) >= 0) {
+				// 上涨时使用上涨图片
+				return '/static/marketSituation-image/upTimeChart.png';
+			} else if (parseFloat(changeValue) < 0) {
+				// 下跌时使用下跌图片
+				return '/static/marketSituation-image/downTimeChart.png';
+			} 
+		},
+		
 		// 跳转到客服中台
 		goToCustomerService() {
 			uni.navigateTo({
@@ -650,9 +672,11 @@ export default {
 				this.myStocks = stockData.map(stock => ({
 					name: stock.name || stock.stock_name || '',
 					code: stock.code || stock.stock_code || '',
-					// price: stock.price || stock.current_price || '0.00',
-					// change: stock.change || stock.change_percent || 0,
-					chartImg: stock.chartImg || '/static/c5.png' // 默认图片
+					price: stock.price || stock.current_price || '0.00',
+					change: stock.change || stock.change_percent || 0,
+					change_percent: stock.change_percent || 0,
+					change_amount: stock.change_amount || 0
+					// 移除固定的chartImg设置，让getChartImage方法根据涨跌情况动态选择
 				}))
 				//重新赋值机构动向简报
 				this.institutionalReports = stockData.map(stock => ({
@@ -665,13 +689,15 @@ export default {
 				this.myStocks = stockData.list.map(stock => ({
 					name: stock.name || stock.stock_name || '',
 					code: stock.code || stock.stock_code || '',
-					// price: stock.price || stock.current_price || '0.00',
-					// change: stock.change || stock.change_percent || 0,
-					chartImg: stock.chartImg || '/static/c5.png' // 默认图片
+					price: stock.price || stock.current_price || '0.00',
+					change: stock.change || stock.change_percent || 0,
+					change_percent: stock.change_percent || 0,
+					change_amount: stock.change_amount || 0
+					// 移除固定的chartImg设置，让getChartImage方法根据涨跌情况动态选择
 				}))
 				//重新赋值机构动向简报
 				//重新赋值机构动向简报
-				this.institutionalReports = stockData.map(stock => ({
+				this.institutionalReports = stockData.list.map(stock => ({
 					stock: stock.name || stock.stock_name || '',
 					status: stock.code || stock.stock_code || '',
 				}))