24 lines
2.9 KiB
Plaintext
24 lines
2.9 KiB
Plaintext
<template>
|
|
<view class="page">
|
|
<AppHeader title="我的融资档案" />
|
|
<view class="archive-content">
|
|
<view class="completion"><view class="completion-head"><text class="completion-title">档案完整度 75%</text><text class="completion-score">75%</text></view><text class="completion-desc">完善信息可获得更精准的融资方案</text><view class="progress-track"><view class="progress-bar"></view></view></view>
|
|
<view class="archive-list"><view class="archive-row" v-for="item in archiveItems" :key="item.name" @click="edit(item.name)"><view class="archive-icon"><AppIcon :name="item.icon" :size="40" /></view><text class="archive-name">{{ item.name }}</text><text :class="item.done ? 'state done' : 'state pending'">{{ item.done ? '已完善' : '待完善' }}</text><AppIcon name="chevron-right" :size="28" muted /></view></view>
|
|
<button class="primary-button complete-button" @click="complete">完善档案</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="uts">
|
|
import AppHeader from '@/components/AppHeader.uvue'
|
|
import AppIcon from '@/components/AppIcon.uvue'
|
|
const archiveItems = [{ icon: 'file-text', name: '基本信息', done: true }, { icon: 'income', name: '经营 / 收入信息', done: true }, { icon: 'asset', name: '资产 / 负债信息', done: true }, { icon: 'authorization', name: '资料授权', done: false }]
|
|
const edit = (name: string) => { uni.showToast({ title: '编辑' + name, icon: 'none' }) }
|
|
const complete = () => { uni.navigateTo({ url: '/pages/assessment/assessment' }) }
|
|
</script>
|
|
|
|
<style>
|
|
.archive-content { padding: 26rpx 28rpx; }.completion { padding: 30rpx; border-radius: 18rpx; background: linear-gradient(140deg, #e9f3ff, #f8fbff); border: 1rpx solid #dce9fa; }.completion-head { flex-direction: row; justify-content: space-between; align-items: center; }.completion-title { font-size: 30rpx; font-weight: 800; }.completion-score { color: #0868f7; font-size: 27rpx; font-weight: 800; }.completion-desc { color: #748196; font-size: 22rpx; margin-top: 12rpx; }.progress-track { height: 15rpx; border-radius: 8rpx; background-color: #dce8f6; margin-top: 24rpx; overflow: hidden; }.progress-bar { width: 75%; height: 15rpx; border-radius: 8rpx; background-color: #0868f7; }
|
|
.archive-list { margin-top: 24rpx; background-color: #fff; border: 1rpx solid #e5ecf5; border-radius: 18rpx; padding: 0 24rpx; }.archive-row { height: 110rpx; flex-direction: row; align-items: center; border-bottom: 1rpx solid #edf1f6; }.archive-icon { width: 54rpx; height: 54rpx; border-radius: 17rpx; background-color: #e8f2ff; color: #0868f7; align-items: center; justify-content: center; font-size: 21rpx; font-weight: 800; margin-right: 17rpx; }.archive-name { flex: 1; font-size: 25rpx; }.state { font-size: 22rpx; margin-right: 14rpx; }.done { color: #11aa76; }.pending { color: #ff7917; }.chevron { color: #a7b2c1; font-size: 36rpx; }.complete-button { margin-top: 34rpx; }
|
|
</style>
|