34 lines
2.6 KiB
Plaintext
34 lines
2.6 KiB
Plaintext
<template>
|
|
<view class="page page-white">
|
|
<AppHeader title="确认信息" />
|
|
<view class="confirm-content">
|
|
<view class="confirm-tip"><view class="tip-icon"><text>✓</text></view><view><text class="tip-title">信息填写完成</text><text class="tip-desc">请确认以下信息准确无误</text></view></view>
|
|
<view class="info-section" v-for="section in sections" :key="section.title">
|
|
<view class="section-bar"><text>{{ section.title }}</text><text class="edit" @click="edit">编辑</text></view>
|
|
<view class="info-row" v-for="row in section.rows" :key="row.label"><text class="info-label">{{ row.label }}</text><text class="info-value">{{ row.value }}</text></view>
|
|
</view>
|
|
<button class="primary-button submit-button" @click="submit">确认提交</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="uts">
|
|
import AppHeader from '@/components/AppHeader.uvue'
|
|
import { submitAssessment } from '@/services/api.uts'
|
|
const sections = [
|
|
{ title: '基本信息', rows: [{ label: '姓名', value: '张三' }, { label: '身份证号', value: '4401****1234' }, { label: '手机号', value: '138****8888' }, { label: '所在城市', value: '新加坡' }] },
|
|
{ title: '经营 / 收入', rows: [{ label: '职业', value: '互联网 / 技术' }, { label: '月收入', value: '20,000元' }] },
|
|
{ title: '资产 / 负债', rows: [{ label: '房产情况', value: '无负债' }, { label: '信用卡', value: '使用良好' }] }
|
|
]
|
|
const edit = () => { uni.navigateBack() }
|
|
const submit = async () => {
|
|
await submitAssessment({ source: 'mobile', confirmed: true })
|
|
uni.redirectTo({ url: '/pages/analyzing/analyzing' })
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.confirm-content { padding: 26rpx 30rpx 80rpx; }.confirm-tip { padding: 26rpx; border-radius: 16rpx; background-color: #edf6ff; flex-direction: row; align-items: center; }.tip-icon { width: 64rpx; height: 64rpx; border-radius: 50%; background-color: #0868f7; color: white; align-items: center; justify-content: center; font-size: 30rpx; margin-right: 20rpx; }.tip-title { font-size: 28rpx; font-weight: 700; }.tip-desc { color: #718096; font-size: 22rpx; margin-top: 5rpx; }
|
|
.info-section { margin-top: 28rpx; border-top: 1rpx solid #edf1f6; }.section-bar { height: 82rpx; flex-direction: row; align-items: center; justify-content: space-between; font-size: 28rpx; font-weight: 700; }.edit { color: #0868f7; font-size: 22rpx; font-weight: 500; }.info-row { min-height: 72rpx; flex-direction: row; align-items: center; justify-content: space-between; }.info-label { color: #778499; font-size: 24rpx; }.info-value { color: #1a273f; font-size: 25rpx; font-weight: 600; }.submit-button { margin-top: 50rpx; }
|
|
</style>
|