psvt-miniprogram/src/pages/confirmInfo/index.wxml

<view
  class="page"
  style="background: url('{{imageUrl}}bg2.png?t={{Timestamp}}') no-repeat top center/100% 454rpx;padding-top: {{menuTop}}px;"
>
  <image class="logo" src="{{imageUrl}}logo1.png?t={{Timestamp}}"></image>
  <view class="page-header">
    <view class="item {{step>1 &&'last'}} {{step==1 &&'active'}}">
      <view class="order" wx:if="{{step===1}}">1</view>
      <view class="order" wx:else><image class="icon" src="{{imageUrl}}icon3.png?t={{Timestamp}}"></image></view>
      <view class="name">基础信息</view>
    </view>
    <view class="line {{step>1 &&'active'}}"></view>
    <view class="item {{step>1 &&'active'}}">
      <view class="order">2</view>
      <view class="name">PSVT情况</view>
    </view>
  </view>
  <view class="tip">
    <image class="icon" src="{{imageUrl}}icon4.png?t={{Timestamp}}"></image>
    <view class="content">这些信息将用于优化内容推荐与服务提醒，不作为诊断或治疗建议依据。</view>
  </view>

  <!-- Step 1: 基础信息 -->
  <view class="step1" wx:if="{{step===1}}">
    <view class="row">
      <view class="row-title">我的年龄段</view>
      <view class="select1">
        <view
          class="s-item {{ageRange===item.value && 'active'}}"
          wx:for="{{ageRangeList}}"
          wx:key="value"
          bind:tap="handleSelect"
          data-key="ageRange"
          data-value="{{item.value}}"
        >
          {{item.label}}
        </view>
      </view>
    </view>
    <view class="row">
      <view class="row-title">我的性别</view>
      <view class="select2">
        <view
          class="s-item {{gender===1 && index==0 && 'active1'}} {{gender===2 && index==1 && 'active2'}}"
          wx:for="{{genderList}}"
          wx:key="value"
          bind:tap="handleSelect"
          data-key="gender"
          data-value="{{item.value}}"
        >
          <image class="icon" src="{{imageUrl}}icon5.png?t={{Timestamp}}" wx:if="{{item.value===1}}"></image>
          <image class="icon" src="{{imageUrl}}icon6.png?t={{Timestamp}}" wx:if="{{item.value===2}}"></image>
          {{item.label}}
        </view>
      </view>
    </view>
    <view class="row">
      <view class="row-title">所在地区</view>
      <view class="select3">
        <picker-area
          pname="{{provinceName}}"
          pid="{{provinceId}}"
          cname="{{cityName}}"
          cid="{{cityId}}"
          bind:change="handleAreaChange"
        >
          <view class="picker-content">
            <view class="content" data-place="请选择所在地区">{{regionText || ''}}</view>
            <image class="icon" src="{{imageUrl}}icon7.png?t={{Timestamp}}"></image>
          </view>
        </picker-area>
      </view>
    </view>
  </view>

  <!-- Step 2: PSVT情况 -->
  <view class="step2" wx:if="{{step===2}}">
    <view class="row">
      <view class="row-title">确诊状态</view>
      <view class="select4">
        <view
          class="s-item {{diagnosisStatus===item.value && 'active'}}"
          wx:for="{{diagnosisStatusList}}"
          wx:key="value"
          bind:tap="handleSelect"
          data-key="diagnosisStatus"
          data-value="{{item.value}}"
        >
          <view class="title">{{item.label}}</view>
          <view class="content" wx:if="{{item.subTitle}}">{{item.subTitle}}</view>
        </view>
      </view>
    </view>
    <view class="row" wx:if="{{diagnosisStatus===2}}">
      <view class="row-title">确诊时间</view>
      <view class="select3">
        <picker mode="date" fields="month" bindchange="handleDiagnosisTimeChange" end="{{today}}">
          <view class="picker-content">
            <view class="content" data-place="选择确诊时间">{{diagnosisTime || ''}}</view>
            <image class="icon" src="{{imageUrl}}icon7.png?t={{Timestamp}}"></image>
          </view>
        </picker>
      </view>
    </view>
    <view class="row" wx:if="{{diagnosisStatus===2}}">
      <view class="row-title">是否接受过相关手术治疗</view>
      <view class="select4">
        <view
          class="s-item {{surgeryStatus===item.value && 'active'}}"
          wx:for="{{surgeryStatusList}}"
          wx:key="value"
          bind:tap="handleSelect"
          data-key="surgeryStatus"
          data-value="{{item.value}}"
        >
          <view class="title">{{item.label}}</view>
        </view>
      </view>
    </view>
  </view>

  <view class="page-footer">
    <view class="next" wx:if="{{step===1}}" bind:tap="handleNext">下一步</view>
    <block wx:else>
      <view class="prev" bind:tap="handlePrev">上一步</view>
      <view class="next" bind:tap="handleSubmit">立即加入</view>
    </block>
  </view>
</view>