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

<view
  class="page"
  style="background: url('/images/bg2.png') no-repeat top center/100% 454rpx;padding-top: {{menuTop}}px;"
>
  <image class="logo" src="/images/logo1.png"></image>
  <view class="page-header">
    <view class="item {{step==1 &&'active'}}">
      <view class="order" wx:if="{{step===1}}">1</view>
      <view class="order" wx:else><image class="icon" src="/images/icon3.png"></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="/images/icon4.png"></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===1 && 'active'}}"
          bind:tap="handleSelect"
          data-key="ageRange"
          data-value="1"
        >18-28岁</view>
        <view
          class="s-item {{ageRange===2 && 'active'}}"
          bind:tap="handleSelect"
          data-key="ageRange"
          data-value="2"
        >29-40岁</view>
        <view
          class="s-item {{ageRange===3 && 'active'}}"
          bind:tap="handleSelect"
          data-key="ageRange"
          data-value="3"
        >41-50岁</view>
        <view
          class="s-item {{ageRange===4 && 'active'}}"
          bind:tap="handleSelect"
          data-key="ageRange"
          data-value="4"
        >50岁以上</view>
      </view>
    </view>
    <view class="row">
      <view class="row-title">我的性别</view>
      <view class="select2">
        <view
          class="s-item {{gender===1 && 'active1'}}"
          bind:tap="handleSelect"
          data-key="gender"
          data-value="1"
        >
          <image class="icon" src="/images/icon5.png"></image>
          男
        </view>
        <view
          class="s-item {{gender===2 && 'active2'}}"
          bind:tap="handleSelect"
          data-key="gender"
          data-value="2"
        >
          <image class="icon" src="/images/icon6.png"></image>
          女
        </view>
      </view>
    </view>
    <view class="row">
      <view class="row-title">所在地区</view>
      <view class="select3">
        <picker mode="region" bindchange="handleRegionChange">
          <view class="picker-content">
            <view class="content" data-place="请选择所在地区">{{regionText || ''}}</view>
            <image class="icon" src="/images/icon7.png"></image>
          </view>
        </picker>
      </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===1 && 'active'}}"
          bind:tap="handleSelect"
          data-key="diagnosisStatus"
          data-value="1"
        >
          <view class="title">疑似PSVT</view>
          <view class="content">正在了解中</view>
        </view>
        <view
          class="s-item {{diagnosisStatus===2 && 'active'}}"
          bind:tap="handleSelect"
          data-key="diagnosisStatus"
          data-value="2"
        >
          <view class="title">已确诊PSVT</view>
        </view>
        <view
          class="s-item {{diagnosisStatus===3 && 'active'}}"
          bind:tap="handleSelect"
          data-key="diagnosisStatus"
          data-value="3"
        >
          <view class="title">心悸/心跳过快</view>
          <view class="content">尚未就诊</view>
        </view>
        <view
          class="s-item {{diagnosisStatus===4 && 'active'}}"
          bind:tap="handleSelect"
          data-key="diagnosisStatus"
          data-value="4"
        >
          <view class="title">亲友相关</view>
          <view class="content">想了解更多</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="{{currentMonth}}">
          <view class="picker-content">
            <view class="content" data-place="选择确诊时间">{{diagnosisTime || ''}}</view>
            <image class="icon" src="/images/icon7.png"></image>
          </view>
        </picker>
      </view>
    </view>
    <view class="row">
      <view class="row-title">是否接受过相关手术治疗</view>
      <view class="select4">
        <view
          class="s-item {{surgeryStatus===1 && 'active'}}"
          bind:tap="handleSelect"
          data-key="surgeryStatus"
          data-value="1"
        >
          <view class="title">已接受射频消融 /相关手术</view>
        </view>
        <view
          class="s-item {{surgeryStatus===2 && 'active'}}"
          bind:tap="handleSelect"
          data-key="surgeryStatus"
          data-value="2"
        >
          <view class="title">尚未接受手术</view>
        </view>
        <view
          class="s-item {{surgeryStatus===3 && 'active'}}"
          bind:tap="handleSelect"
          data-key="surgeryStatus"
          data-value="3"
        >
          <view class="title">正在评估</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>