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

<!-- 资料确认页 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>