admin/jurong_circle_front_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2025.10.17

Browse Source
This commit is contained in:
interest
2025-10-17 14:12:04 +08:00
parent ccbeddbb83
commit e10abd5403
5 changed files with 687 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
pages/finance/production.vue
View File

@@ -7,13 +7,13 @@
<!-- 产品头部信息 -->
<view class="product-header">
<view class="product-name">
{{productInfo.name}}
理财产品名称
</view>
<view class="product-date">
开始时间：{{productInfo.startDate}}
开始时间：2025/09/13
</view>
<view class="profit-info">
近期盈亏：{{productInfo.recentProfit}}
近期盈亏：XXXX
</view>
</view>
@@ -21,23 +21,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">{{productInfo.location}}</u-col>
<u-col span="6" class="card-value">浙江-宁波</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">{{productInfo.detailAddress}}</u-col>
<u-col span="6" class="card-value">xx区xx路xxx号</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">{{productInfo.contactPerson}}</u-col>
<u-col span="6" class="card-value">XXX</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">{{productInfo.settlementMethod}}</u-col>
<u-col span="6" class="card-value">按月结算，次月支付50%</u-col>
</u-row>
<u-row>
<u-col span="6" class="card-name">产品企业</u-col>
<u-col span="6" class="card-value">{{productInfo.company}}</u-col>
<u-col span="6" class="card-value">xxxx公司</u-col>
</u-row>
</view>
@@ -77,11 +77,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">{{productInfo.publishDate}}</u-col>
<u-col span="6" class="card-value">2025-09-13</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">{{productInfo.annualGrowth}}%</u-col>
<u-col span="6" class="card-value">xxx%</u-col>
</u-row>
</view>
</view>
@@ -94,29 +94,20 @@
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { onMounted, ref } from 'vue';
import { getUserInfo } from '../../util/common';
import { programAPI } from '../../api/program';
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',
annualGrowth: 'x.x' // 注意：图片中是 %0x，这里调整为更合理的格式
})
// 立即咨询
// 立即咨询 - 跳转到客服中心页面
const handleConsult = () => {
uni.showToast({
title: '客服即将联系您',
icon: 'success'
})
uni.navigateTo({
url: '/pages/finance/service'
});
}
onLoad((val) => {
@@ -125,10 +116,6 @@
// loadProductData(val.productId)
}
})
onMounted(() => {
// 组件挂载后的逻辑
})
</script>
<style scoped lang="scss">
@@ -142,7 +129,7 @@
.product-header {
background: transparent;
color: #fff;
padding: 40rpx 30rpx 30rpx;
margin: 0 80rpx;
.product-name {
font-size: 36rpx;
@@ -163,13 +150,13 @@
}
}
// 卡片样式
// 卡片样式 - 调整为白色背景
.card {
margin: 20rpx 30rpx;
background-color: #eeeeee;
background-color: #ffffff;
padding: 30rpx;
border-radius: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
.card-title {
font-size: 32rpx;
@@ -187,12 +174,17 @@
}
.card-body {
background: #f8f9fa;
border-radius: 12rpx;
padding: 25rpx;
.sub-title {
font-size: 28rpx;
font-weight: 600;
color: #333;
padding-bottom: 15rpx;
border-bottom: 1rpx solid #e8e8e8;
margin-bottom: 20rpx;
}
}
@@ -210,7 +202,7 @@
}
}
// 底部按钮
// 底部按钮 - 调整为深蓝色
.bottom-actions {
position: fixed;
bottom: 0;
@@ -219,15 +211,22 @@
background: #fff;
padding: 20rpx 30rpx;
border-top: 1rpx solid #f0f0f0;
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
.consult-btn {
background: linear-gradient(270deg, #65A7FF 0%, #458CF9 100%);
background: #1a5fd8;
color: #fff;
border: none;
height: 80rpx;
border-radius: 40rpx;
height: 88rpx;
border-radius: 44rpx;
font-size: 32rpx;
font-weight: 500;
box-shadow: 0 4rpx 12rpx rgba(26, 95, 216, 0.3);
&:active {
background: #164db3;
transform: translateY(1rpx);
}
}
}
}
@@ -236,4 +235,4 @@
.u-m-b-20 {
margin-bottom: 20rpx;
}
</style>
</style>