2025.10.17

pages/finance/production.vue

@@ -4,16 +4,18 @@
 			back-icon-color="#fff" title-color="#fff">
 		</u-navbar>
 
+		
+
 		<!-- 产品头部信息 -->
 		<view class="product-header">
 			<view class="product-name">
-				理财产品名称
+				{{ productInfo.name }}
 			</view>
 			<view class="product-date">
-				开始时间：2025/09/13
+				开始时间：{{ productInfo.startDate }}
 			</view>
 			<view class="profit-info">
-				近期盈亏：XXXX
+				近期盈亏：{{ productInfo.recentProfit }}
 			</view>
 		</view>
 
@@ -21,23 +23,23 @@
 		<view class="card">
 			<u-row class="u-m-b-20">
 				<u-col span="6" class="card-name">所在地</u-col>
-				<u-col span="6" class="card-value">浙江-宁波</u-col>
+				<u-col span="6" class="card-value">{{ productInfo.location }}</u-col>
 			</u-row>
 			<u-row class="u-m-b-20">
 				<u-col span="6" class="card-name">详细地址</u-col>
-				<u-col span="6" class="card-value">xx区xx路xxx号</u-col>
+				<u-col span="6" class="card-value">{{ productInfo.detailAddress }}</u-col>
 			</u-row>
 			<u-row class="u-m-b-20">
 				<u-col span="6" class="card-name">联系人</u-col>
-				<u-col span="6" class="card-value">XXX</u-col>
+				<u-col span="6" class="card-value">{{ productInfo.contactPerson }}</u-col>
 			</u-row>
 			<u-row class="u-m-b-20">
 				<u-col span="6" class="card-name">结算方式</u-col>
-				<u-col span="6" class="card-value">按月结算，次月支付50%</u-col>
+				<u-col span="6" class="card-value">{{ productInfo.settlementMethod }}</u-col>
 			</u-row>
 			<u-row>
 				<u-col span="6" class="card-name">产品企业</u-col>
-				<u-col span="6" class="card-value">xxxx公司</u-col>
+				<u-col span="6" class="card-value">{{ productInfo.company }}</u-col>
 			</u-row>
 		</view>
 
@@ -51,8 +53,8 @@
 					<u-col span="12">需求名称</u-col>
 				</u-row>
 				<u-row class="u-m-b-20">
-					<u-col span="6" text-align="left" class="card-name">限制</u-col>
-					<u-col span="6" class="card-value">详情</u-col>
+					<u-col span="6" text-align="left" class="card-name">产品简介</u-col>
+					<u-col span="6" class="card-value">{{ productInfo.introduction }}</u-col>
 				</u-row>
 				<u-row class="u-m-b-20">
 					<u-col span="6" text-align="left" class="card-name">限价</u-col>
@@ -77,11 +79,11 @@
 			<view class="card-body">
 				<u-row class="u-m-b-20">
 					<u-col span="6" text-align="left" class="card-name">发布时间</u-col>
-					<u-col span="6" class="card-value">2025-09-13</u-col>
+					<u-col span="6" class="card-value">{{ productInfo.publishDate }}</u-col>
 				</u-row>
 				<u-row>
 					<u-col span="6" text-align="left" class="card-name">年化增长</u-col>
-					<u-col span="6" class="card-value">xxx%</u-col>
+					<u-col span="6" class="card-value">{{ productInfo.rate }}%</u-col>
 				</u-row>
 			</view>
 		</view>
@@ -94,26 +96,73 @@
 </template>
 
 <script setup lang="ts">
-
-	import { onMounted, ref } from 'vue';
-	import { getUserInfo } from '../../util/common';
-	import { programAPI } from '../../api/program';
+	import { ref } from 'vue';
 	import { onLoad } from '@dcloudio/uni-app'
-	import { groupAPI } from '../../api/group';
 
+	// 产品信息响应式数据
+	const productInfo = ref({
+		name: '理财产品名称',
+		startDate: '2025/09/13',
+		recentProfit: 'XXXX',
+		location: '浙江-宁波',
+		detailAddress: 'xx区xx路xxx号',
+		contactPerson: 'XXX',
+		settlementMethod: '按月结算，次月支付50%',
+		company: 'xxxx公司',
+		publishDate: '2025-09-13',
+		rate: '0',
+		introduction: '暂无简介'
+	})
 
-
-	// 立即咨询 - 跳转到客服中心页面
+	// 立即咨询
 	const handleConsult = () => {
 		uni.navigateTo({
 			url: '/pages/finance/service'
 		});
 	}
 
-	onLoad((val) => {
-		// 如果有传递产品ID，可以在这里加载具体产品数据
-		if (val.productId) {
-			// loadProductData(val.productId)
+	onLoad((options) => {
+		console.log('=== 详情页面开始加载 ===')
+		console.log('接收到的参数:', options)
+		
+		// 解析传递过来的产品数据
+		if (options.productData) {
+			try {
+				console.log('原始 productData:', options.productData)
+				
+				// 解码数据
+				const decodedData = decodeURIComponent(options.productData)
+				console.log('解码后的数据:', decodedData)
+				
+				// 解析JSON
+				const receivedData = JSON.parse(decodedData)
+				console.log('解析后的数据对象:', receivedData)
+				console.log('接收到的产品名称:', receivedData.name)
+				console.log('接收到的产品利率:', receivedData.rate)
+				console.log('接收到的产品简介:', receivedData.introduction)
+				
+				// 直接更新产品信息
+				if (receivedData.name) {
+					productInfo.value.name = receivedData.name
+				}
+				if (receivedData.rate) {
+					productInfo.value.rate = receivedData.rate
+				}
+				if (receivedData.introduction) {
+					productInfo.value.introduction = receivedData.introduction
+				}
+				
+				console.log('=== 更新后的产品信息 ===')
+				console.log('产品名称:', productInfo.value.name)
+				console.log('产品利率:', productInfo.value.rate)
+				console.log('产品简介:', productInfo.value.introduction)
+				
+			} catch (error) {
+				console.error('解析产品数据失败:', error)
+				console.log('错误详情:', error.message)
+			}
+		} else {
+			console.log('未接收到 productData 参数')
 		}
 	})
 </script>
@@ -150,7 +199,7 @@
 			}
 		}
 
-		// 卡片样式 - 调整为白色背景
+		// 卡片样式
 		.card {
 			margin: 20rpx 30rpx;
 			background-color: #ffffff;
@@ -202,7 +251,7 @@
 			}
 		}
 
-		// 底部按钮 - 调整为深蓝色
+		// 底部按钮
 		.bottom-actions {
 			position: fixed;
 			bottom: 0;
@@ -235,4 +284,4 @@
 	.u-m-b-20 {
 		margin-bottom: 20rpx;
 	}
-</style>
+</style>