hujun
4a69357606
1. add default avatar and multiple notification icons 2. update finance archive note and add form styles 3. add new pages: edit-profile, security, password, change-phone, search, help 4. refactor navigation action layout to support multiple actions 5. add search button to home page 6. add security code component and account service APIs 7. add help and search content services 8. update message notice to use svg icons 9. update asset section in finance assessment 10. update manifest appid and pack options
133 lines
11 KiB
Plaintext
133 lines
11 KiB
Plaintext
<template>
|
|
<view class="page page-white" :style="pageStyle()">
|
|
<AppHeader title="确认信息" />
|
|
<scroll-view scroll-y :style="contentStyle(96, false)">
|
|
<view class="confirm-content">
|
|
<view class="confirm-progress"><view class="progress-line"><view class="progress-segment" v-for="i in 5" :key="i"></view></view><text class="progress-count">5/5</text></view>
|
|
<view class="confirm-tip"><view class="tip-icon"><text class="tip-mark">✓</text></view><view class="tip-copy"><text class="tip-title">{{ assessmentType == 'enterprise' ? '企业融资信息' : '个人融资信息' }}</text><text class="tip-desc">请确认后再开始评估，可随时返回修改。</text></view></view>
|
|
<text v-if="!hasDraft" class="empty-hint">还没有评估信息，请先完成信息填写。</text>
|
|
<view class="info-section" v-for="section in sections" :key="section.title"><view class="section-bar"><text class="section-name">{{ section.title }}</text><text class="edit" @click="edit(section.step)">编辑</text></view><template v-for="(row, index) in section.rows" :key="row.label"><view v-if="index < 3 || section.expanded" class="info-row"><text class="info-label">{{ row.label }}</text><text class="info-value">{{ row.value }}</text></view></template><text v-if="section.rows.length > 3" class="expand-link" @click="section.expanded = !section.expanded">{{ section.expanded ? '收起详情' : '查看其余信息' }}</text></view>
|
|
<text class="assessment-note">提交信息用于融资评估，不代表已向金融机构提交贷款申请。</text>
|
|
<view class="scroll-spacer" :style="bottomStyle(24)"></view>
|
|
</view>
|
|
</scroll-view>
|
|
<view class="submit-bar" :style="bottomStyle(20)"><button class="primary-button submit-button" :disabled="submitting" @click="submit">{{ !hasDraft ? '去填写信息' : (submitting ? '提交中…' : '确认并开始评估') }}</button></view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="uts">
|
|
import { usePageLayout } from '@/services/layout.uts'
|
|
import AppHeader from '@/components/AppHeader.uvue'
|
|
import { submitAssessment } from '@/packages/finance/services/api.uts'
|
|
import { activeAssessmentType, loadAssessmentDraft, draftText, documentsFromDraft, ownershipFromDraft, formFromDraft, assetValidationMessage } from '@/services/assessment.uts'
|
|
const { pageStyle, contentStyle, bottomStyle } = usePageLayout()
|
|
type InfoRow = { label: string, value: string }
|
|
type InfoSection = { title: string, step: number, rows: InfoRow[], expanded: boolean }
|
|
const submitting = ref(false)
|
|
const hasDraft = ref(false)
|
|
const assessmentType = ref('personal')
|
|
const sections = ref<InfoSection[]>([])
|
|
const payload = ref<UTSJSONObject>({ source: 'mobile', confirmed: false })
|
|
const mask = (value: string, left: number, right: number): string => { if (value.length <= left + right) return value; return value.substring(0, left) + '****' + value.substring(value.length - right) }
|
|
const displayValue = (saved: UTSJSONObject, key: string): string => { const value = draftText(saved, key); return value.length > 0 ? value : '未填写' }
|
|
const appendRow = (rows: InfoRow[], label: string, value: string) => { const row: InfoRow = { label, value }; rows.push(row) }
|
|
const valueWithUnit = (saved: UTSJSONObject, key: string, unit: string): string => { const value = draftText(saved, key); return value.length > 0 ? value + ' ' + unit : '未填写' }
|
|
const loadDraft = () => {
|
|
assessmentType.value = activeAssessmentType()
|
|
const saved = loadAssessmentDraft(assessmentType.value)
|
|
if (saved == null) { hasDraft.value = false; sections.value = []; return }
|
|
hasDraft.value = true
|
|
const enterprise = assessmentType.value == 'enterprise'
|
|
const basicRows: InfoRow[] = []
|
|
if (enterprise) {
|
|
appendRow(basicRows, '企业名称', displayValue(saved, 'enterpriseName'))
|
|
appendRow(basicRows, '信用代码', mask(displayValue(saved, 'businessCode'), 4, 4))
|
|
}
|
|
appendRow(basicRows, enterprise ? '联系人' : '姓名', displayValue(saved, 'name'))
|
|
appendRow(basicRows, '手机号', mask(displayValue(saved, 'phone'), 3, 4))
|
|
appendRow(basicRows, '所在城市', displayValue(saved, 'city'))
|
|
if (!enterprise) {
|
|
appendRow(basicRows, '身份证号', mask(displayValue(saved, 'idCard'), 4, 4))
|
|
appendRow(basicRows, '婚姻状况', displayValue(saved, 'maritalStatus'))
|
|
}
|
|
const incomeRows: InfoRow[] = enterprise ? [
|
|
{ label: '经营行业', value: displayValue(saved, 'occupation') }, { label: '经营年限', value: displayValue(saved, 'operatingYears') }, { label: '年营业收入', value: draftText(saved, 'annualRevenue').length > 0 ? draftText(saved, 'annualRevenue') + ' 万元' : '未填写' }
|
|
] : [
|
|
{ label: '职业类型', value: displayValue(saved, 'occupation') }, { label: '月收入', value: draftText(saved, 'monthlyIncome').length > 0 ? draftText(saved, 'monthlyIncome') + ' 元' : '未填写' }, { label: '工作单位', value: displayValue(saved, 'company') }, { label: '社保缴纳', value: displayValue(saved, 'socialSecurity') }, { label: '公积金缴纳', value: displayValue(saved, 'housingFund') }
|
|
]
|
|
const files = documentsFromDraft(saved)
|
|
const fileNames = files.map((file) => file.name).join('、')
|
|
const grants = saved['authorizations'] as string[] | null
|
|
const grantNames: string[] = []
|
|
if (grants != null) { if (grants.includes('credit')) grantNames.push('征信'); if (grants.includes('business')) grantNames.push('经营'); if (grants.includes('fund')) grantNames.push('公积金') }
|
|
sections.value = [
|
|
{ title: '基本信息', step: 0, rows: basicRows, expanded: false },
|
|
{ title: enterprise ? '经营信息' : '职业与收入', step: 1, rows: incomeRows, expanded: false },
|
|
{ title: '资产与负债', step: 2, rows: [
|
|
{ label: '信用贷款笔数', value: valueWithUnit(saved, 'creditLoanCount', '笔') },
|
|
{ label: '欠款总余额', value: valueWithUnit(saved, 'totalDebtBalance', '元') },
|
|
{ label: '贷款月还款金额', value: valueWithUnit(saved, 'monthlyLoanPayment', '元') },
|
|
{ label: '银行信用卡张数', value: valueWithUnit(saved, 'creditCardCount', '张') },
|
|
{ label: '总额度', value: valueWithUnit(saved, 'creditCardTotalLimit', '元') },
|
|
{ label: '已使用总额度', value: valueWithUnit(saved, 'creditCardUsedLimit', '元') },
|
|
{ label: '是否有房', value: ownershipFromDraft(saved, 'house').length > 0 ? ownershipFromDraft(saved, 'house') : '未填写' },
|
|
{ label: '是否有车', value: ownershipFromDraft(saved, 'car').length > 0 ? ownershipFromDraft(saved, 'car') : '未填写' }
|
|
], expanded: false },
|
|
{ title: '资料与授权', step: 3, rows: [{ label: '本地资料', value: fileNames.length > 0 ? fileNames : '未选择' }, { label: '授权意向', value: grantNames.length > 0 ? grantNames.join('、') : '未选择' }, { label: '当前状态', value: '资料未上传 · 数据未查询' }], expanded: false }
|
|
]
|
|
payload.value = { ...saved, source: 'mobile', confirmed: true }
|
|
}
|
|
onShow(() => loadDraft())
|
|
const edit = (step: number) => {
|
|
uni.setStorageSync('assessmentEditStep', step)
|
|
const pages = getCurrentPages()
|
|
if (pages.length > 1 && pages[pages.length - 2].route == 'packages/finance/assessment/assessment') uni.navigateBack({ delta: 1 })
|
|
else uni.navigateTo({ url: '/packages/finance/assessment/assessment?type=' + assessmentType.value })
|
|
}
|
|
const submit = async () => {
|
|
if (!hasDraft.value) { edit(0); return }
|
|
if (submitting.value) return
|
|
const saved = payload.value
|
|
const amount = draftText(saved, assessmentType.value == 'enterprise' ? 'annualRevenue' : 'monthlyIncome')
|
|
if (draftText(saved, 'name').length < 2 || !/^1[3-9][0-9]{9}$/.test(draftText(saved, 'phone')) || draftText(saved, 'city').length == 0) { uni.showToast({ title: '请先完善基本信息', icon: 'none' }); edit(0); return }
|
|
if (assessmentType.value == 'personal' && !/(^[0-9]{15}$)|(^[0-9]{17}[0-9Xx]$)/.test(draftText(saved, 'idCard'))) { uni.showToast({ title: '请补全身份证信息', icon: 'none' }); edit(0); return }
|
|
if (assessmentType.value == 'enterprise' && (draftText(saved, 'enterpriseName').length < 2 || !/^[0-9A-Z]{18}$/.test(draftText(saved, 'businessCode').toUpperCase()))) { uni.showToast({ title: '请补全企业信息', icon: 'none' }); edit(0); return }
|
|
if (amount.length == 0 || parseFloat(amount) <= 0 || isNaN(parseFloat(amount))) { uni.showToast({ title: '请先完善收入信息', icon: 'none' }); edit(1); return }
|
|
const grants = saved['authorizations'] as string[] | null
|
|
if ((documentsFromDraft(saved).length > 0 && saved['documentConsent'] != true) || (grants != null && grants.length > 0 && saved['dataConsent'] != true)) { uni.showToast({ title: '请确认资料与授权选择', icon: 'none' }); edit(3); return }
|
|
const assetError = assetValidationMessage(formFromDraft(saved))
|
|
if (assetError.length > 0) { uni.showToast({ title: assetError, icon: 'none' }); edit(2); return }
|
|
submitting.value = true
|
|
try { await submitAssessment(payload.value); uni.redirectTo({ url: '/packages/finance/analyzing/analyzing' }) }
|
|
catch (error) { uni.showToast({ title: error instanceof Error ? error.message : '提交失败，请重试', icon: 'none' }) }
|
|
finally { submitting.value = false }
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.confirm-content { padding: 26rpx 30rpx 0; }
|
|
.confirm-progress { flex-direction: row; align-items: center; margin-bottom: 24rpx; }
|
|
.progress-line { flex: 1; flex-direction: row; }
|
|
.progress-segment { flex: 1; height: 8rpx; margin-right: 8rpx; border-radius: 8rpx; background-color: #0868f7; }
|
|
.progress-count { font-size: 24rpx; color: #758297; margin-left: 20rpx; }
|
|
.confirm-tip { padding: 24rpx; border-radius: 18rpx; background-color: #eff6ff; flex-direction: row; align-items: center; }
|
|
.tip-icon { width: 56rpx; height: 56rpx; border-radius: 28rpx; background-color: #0868f7; align-items: center; justify-content: center; margin-right: 18rpx; flex-shrink: 0; }
|
|
.tip-mark { color: #fff; font-size: 28rpx; }
|
|
.tip-copy { flex: 1; min-width: 0; }
|
|
.tip-title { color: #22324b; font-size: 29rpx; font-weight: 600; }
|
|
.tip-desc { color: #738198; font-size: 24rpx; line-height: 36rpx; margin-top: 7rpx; }
|
|
.empty-hint { font-size: 28rpx; line-height: 44rpx; color: #778499; margin-top: 40rpx; }
|
|
.info-section { margin-top: 18rpx; border-bottom: 1rpx solid #e9eef5; padding-bottom: 14rpx; }
|
|
.section-bar { height: 74rpx; flex-direction: row; align-items: center; justify-content: space-between; }
|
|
.section-name { font-size: 29rpx; font-weight: 600; color: #22324b; }
|
|
.edit { padding: 16rpx 0 16rpx 24rpx; color: #0868f7; font-size: 25rpx; }
|
|
.info-row { min-height: 62rpx; flex-direction: row; align-items: flex-start; padding: 9rpx 0; }
|
|
.info-label { color: #758297; font-size: 25rpx; line-height: 38rpx; width: 176rpx; flex-shrink: 0; margin-right: 16rpx; }
|
|
.info-value { flex: 1; min-width: 0; text-align: right; color: #26374f; font-size: 26rpx; line-height: 38rpx; }
|
|
.expand-link { color: #7387a3; font-size: 24rpx; padding: 15rpx 0 10rpx; }
|
|
.assessment-note { font-size: 23rpx; line-height: 36rpx; color: #8490a3; margin-top: 24rpx; }
|
|
.scroll-spacer { min-height: 152rpx; }
|
|
.submit-bar { position: fixed; left: 0; right: 0; bottom: 0; padding: 20rpx 30rpx; border-top: 1rpx solid #edf1f6; background-color: #fff; }
|
|
.submit-button { margin: 0; }
|
|
</style>
|