Files
danyang-match/miniapp/pages/profile-confirm/profile-confirm.wxml
T

153 lines
5.9 KiB
Plaintext

<!-- 资料确认页 U15 -->
<view class="pcfm-page">
<ui-nav-bar
title="资料确认"
status-bar-height="{{statusBarHeight}}"
nav-bar-height="{{navBarHeight}}"
bind:back="onBack"
/>
<!-- 加载态 -->
<view class="pcfm-loading" wx:if="{{loading}}">
<ui-loading text="加载中…" />
</view>
<!-- 内容主体 -->
<view class="pcfm-body" wx:elif="{{profile}}">
<!-- 审核状态条 -->
<view class="pcfm-status card-base">
<view class="pcfm-status__row">
<text class="pcfm-status__label">当前审核状态</text>
<ui-status-badge
kind="{{reviewBadge.kind}}"
label="{{reviewBadge.label}}"
icon="{{true}}"
/>
</view>
<view class="pcfm-status__comment" wx:if="{{reviewComment}}">
<text class="pcfm-status__comment-title">审核反馈:</text>
<text class="pcfm-status__comment-text">{{reviewComment}}</text>
</view>
</view>
<!-- 资料完整度 -->
<view class="pcfm-section card-base">
<ui-section-header title="资料完整度" subtitle="{{completion}}%" />
<view class="pcfm-progress">
<view class="pcfm-progress__track">
<view class="pcfm-progress__fill" style="width: {{completion}}%"></view>
</view>
<text class="pcfm-progress__hint">
{{completion >= 100 ? '资料已完整,可提交审核' : '部分资料尚未填写,提交前请确认'}}
</text>
</view>
</view>
<!-- 资料概览 -->
<view class="pcfm-section card-base">
<ui-section-header
title="资料概览"
subtitle="只读展示,如需修改请点击对应项"
/>
<view class="pcfm-summary">
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">姓名</text>
<text class="pcfm-info__value">{{profile.displayName || '未设置'}}</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">年龄</text>
<text class="pcfm-info__value">{{profile.age || '-'}}岁</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">身高</text>
<text class="pcfm-info__value">{{profile.heightCm || '-'}}cm</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">婚姻状况</text>
<text class="pcfm-info__value">{{maritalLabel}}</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">子女情况</text>
<text class="pcfm-info__value">{{childrenLabel}}</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">学历</text>
<text class="pcfm-info__value">{{educationLabel}}</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">居住区域</text>
<text class="pcfm-info__value">{{profile.regionName || '-'}}</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">职业</text>
<text class="pcfm-info__value">{{profile.occupationCode || '-'}}</text>
</view>
<view class="pcfm-info" bindtap="onEditBasic">
<text class="pcfm-info__label">生活照</text>
<text class="pcfm-info__value">{{photoCount}}张</text>
</view>
</view>
</view>
<!-- 自我介绍 -->
<view class="pcfm-section card-base">
<ui-section-header title="自我介绍" action="修改" bind:action="onEditIntro" />
<view class="pcfm-intro">
<text class="pcfm-intro__text">{{profile.selfIntro || '暂未填写'}}</text>
</view>
</view>
<!-- 择偶条件摘要 -->
<view class="pcfm-section card-base">
<ui-section-header title="择偶条件" action="修改" bind:action="onEditPreference" />
<view class="pcfm-pref" wx:if="{{preferences}}">
<view class="pcfm-info">
<text class="pcfm-info__label">年龄范围</text>
<text class="pcfm-info__value">{{preferences.ageMin || '-'}} ~ {{preferences.ageMax || '-'}}岁</text>
</view>
<view class="pcfm-info">
<text class="pcfm-info__label">期望地区</text>
<text class="pcfm-info__value">
{{preferences.region && preferences.region.length ? preferences.region.join('、') : '不限'}}
</text>
</view>
<view class="pcfm-info">
<text class="pcfm-info__label">期望婚姻状况</text>
<text class="pcfm-info__value">
{{preferences.maritalStatusAccepted && preferences.maritalStatusAccepted.length ? preferences.maritalStatusAccepted.join('、') : '不限'}}
</text>
</view>
</view>
<ui-empty wx:else title="尚未填写择偶条件" />
</view>
<!-- 提交须知 -->
<view class="pcfm-section pcfm-notice">
<ui-section-header title="提交前请确认" />
<view class="pcfm-notice__list">
<text class="pcfm-notice__item">· 提交后资料将进入人工审核</text>
<text class="pcfm-notice__item">· 审核期间您可继续修改,但需重新提交</text>
<text class="pcfm-notice__item">· 审核通过后即可开始匹配</text>
<text class="pcfm-notice__item">· 资料须真实有效,禁止虚假信息</text>
</view>
</view>
</view>
<!-- 空态 -->
<view class="pcfm-empty" wx:else>
<ui-empty title="资料加载失败,请下拉重试" />
</view>
<!-- 底部提交按钮 -->
<view class="pcfm-actions" wx:if="{{!loading && profile}}">
<ui-button
variant="primary"
size="lg"
block
loading="{{submitting}}"
disabled="{{!resubmitAllowed}}"
bind:tap="onSubmit"
>{{reviewStatus === 'pending' ? '审核中,不可重复提交' : '提交审核'}}</ui-button>
</view>
</view>