xinda-miniprogram/src/patient/pages/enterInfo/index.wxml

<view class="page">
  <navbar fixed title="录入信息" custom-style="background:{{background}}">
    <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
  </navbar>
  <image class="bg" src="/images/bg10.png"></image>
  <view class="page-container" style="padding-top:{{pageTop+24}}px;">
    <view class="content">
      <view class="switch">
        <view class="item {{relationType==1 && 'active'}}" bind:tap="handleRelationType" data-id="1">
          <view class="icon-wrap">
            <image class="icon" src="/images/icon28.png"></image>
          </view>
          <view class="name">患者本人</view>
        </view>
        <view class="item {{relationType==2 && 'active'}}" bind:tap="handleRelationType" data-id="2">
          <view class="icon-wrap">
            <image class="icon" src="/images/icon29.png"></image>
          </view>
          <view class="name">患者亲友</view>
        </view>
      </view>
      <view class="row">
        <input
          model:value="{{name}}"
          class="input input-required"
          placeholder-class="input-place"
          focus
          maxlength="{{8}}"
          placeholder="怎么称呼{{relationType==1?'您':'患者'}}？"
        />
      </view>
      <view class="tip">请您输入真实姓名，便于医生识别随访</view>
      <view class="row-title">患者性别</view>
      <view class="row">
        <view class="item {{gender==2 && 'active'}}" bind:tap="handleGender" data-id="2">
          <image
            class="icon"
            src="{{imageUrl}}za-images/1/woman{{gender==2 ? '-active' : ''}}.png?t={{Timestamp}}"
          ></image>
          女性用户
        </view>
        <view class="item {{gender==1 && 'active'}}" bind:tap="handleGender" data-id="1">
          <image
            class="icon"
            src="{{imageUrl}}za-images/1/man{{gender==1 ? '-active' : ''}}.png?t={{Timestamp}}"
          ></image>
          男性用户
        </view>
      </view>
      <view class="row-title">患者年龄范围</view>
      <view class="row row-age">
        <view class="age-item {{ageRange==5 && 'active'}}" data-id="5" bind:tap="handleSelectAge">18岁以下</view>
        <view class="age-item {{ageRange==1 && 'active'}}" data-id="1" bind:tap="handleSelectAge">18岁-44岁</view>
        <view class="age-item {{ageRange==2 && 'active'}}" data-id="2" bind:tap="handleSelectAge">45岁-59岁</view>
        <view class="age-item {{ageRange==3 && 'active'}}" data-id="3" bind:tap="handleSelectAge">60岁-74岁</view>
        <view class="age-item {{ageRange==4 && 'active'}}" data-id="4" bind:tap="handleSelectAge">75岁以上</view>
      </view>
      <view class="row-title">
        是否有Graves病病史
        <div class="sub">（非必填）</div>
      </view>
      <view class="row row-age">
        <view class="age-item {{ageRange==5 && 'active'}}" data-id="5" bind:tap="handleSelectAge">是</view>
        <view class="age-item {{ageRange==1 && 'active'}}" data-id="1" bind:tap="handleSelectAge">否</view>
        <view class="age-item {{ageRange==2 && 'active'}}" data-id="2" bind:tap="handleSelectAge">不确定</view>
      </view>
      <view class="row-title">
        是否有TED（甲状腺眼突）及其相关眼部手术史
        <div class="sub">（非必填）</div>
      </view>
      <view class="row row-age">
        <view class="age-item {{ageRange==5 && 'active'}}" data-id="5" bind:tap="handleSelectAge">是</view>
        <view class="age-item {{ageRange==1 && 'active'}}" data-id="1" bind:tap="handleSelectAge">否</view>
        <view class="age-item {{ageRange==2 && 'active'}}" data-id="2" bind:tap="handleSelectAge">不确定</view>
      </view>
    </view>
  </view>
  <view class="footer">
    <view bind:tap="handleSubmit" class="next">立即进入</view>
    <view bind:tap="handleBack" class="cancel">取消</view>
  </view>
</view>