<view class="project-container">
  <view class="project-head"></view>
  <view class="project-content">
    <!-- 人员信息 -->
    <view a:if="{{personItem.name}}" class="content-out project-person">
      <view class="person-name" onTap="onOpenPerson">
        <view class="person-name-left">
          <text class="name">{{personItem.name}}</text>
          <view class="mark" a:if="{{personItem.bindCardNum}}">已绑定就诊卡</view>
          <view class="mark mark-grey" a:else>未绑定就诊卡</view>
          <view class="mark">{{personItem.relationShip === '我自己' ? '本人' : personItem.relationShip}}</view>
        </view>
        <am-icon type="right" color="#ccc" size="24" />
      </view>
      <view class="person-other">
        <text>
          <text a:if="{{personItem.sex}}">{{personItem.sex}}</text>
          <text a:if="{{personItem.age}}">，{{personItem.age}}岁</text>
          <text a:if="{{personItem.phoneNumber}}">，{{personItem.phoneNumber}}</text>
        </text>
      </view>
      <view class="person-hospital">
        <text>就诊医院</text>
        <text class="hospital">{{hospitalName}}</text>
      </view>
    </view>
    <!-- 选择项目 -->
    <view class="content-out project-select">
      <view class="title">请选择项目</view>
      <radio-group>
        <label a:for="{{projects}}" key="label-{{index}}" class="project-select-label">
          <view class="project-select-item" onTap="onChangeProject" data-item="{{item}}">
            <view class="item-left">
              <view class="radio">
                <radio color="#1677ff" value="{{item.nucleicItemId}}" />
              </view>
              <view>
                <view class="name">{{item.nucleicItemName}}</view>
                <view class="detail">{{item.nucleicItemDesc}}</view>
              </view>
            </view>
            <view class="item-right"> ¥ {{item.nucleicItemFee}}</view>
          </view>
        </label>
      </radio-group>
    </view>
    <!-- 选择时间 -->
    <view a:if="{{setShowTime}}" class="content-out">
      <view class="title">请选择检查时间</view>
      <!-- 选择检查时间 -->
      <select-time setDayTime="{{setDayTime}}" onChange="onCloseTime" timeList="{{timeList}}" />
    </view>
    <!-- 流调表 & 预约按钮 -->
    <form onSubmit="onSubmit" onReset="onReset">
      <!-- 流调表 -->
      <view class="content-out project-table" a:if="{{setShowForm && formList && formList.length > 0}}">
        <view class="title">应疫情防控需要，请您如实填写以下问卷</view>
        <!-- 流调表-表单 -->
        <view class="project-form">
          <block a:for="{{formList}}">
            <view class="form-section">
              <view class="form-section-title">{{index+1}}. {{item.question}}</view>
              <radio-group class="form-section-radio" data-index="{{index}}" data-name="{{`${index+1}&${item.correctAnswerId}`}}"
                onChange="onRadioChange" name="{{`${index+1}&${item.correctAnswerId}`}}">
                <label class="content-item" a:for="{{item.answerList}}" a:for-item="inner">
                  <radio color="#1677ff" value="{{inner.optionItemId}}" />
                  <text class="radio-text">{{inner.optionItemDesc}}</text>
                </label>
              </radio-group>
            </view>
          </block>
        </view>
      </view>
      <!-- 预约按钮 -->
      <view class="project-button">
        <view class="project-button-out">
          <view class="title-out">
            <view class="title">费用</view>
            <view class="money">¥ {{ projectItem.nucleicItemFee ? projectItem.nucleicItemFee : '0.00'}}</view>
          </view>
          <button disabled="{{disabled}}" loading="{{ loading }}" class="button" size="default" type="primary" formType="submit">{{onlinePay ? '预约并支付' : '立即预约'}}</button>
        </view>
      </view>
    </form>
  </view>
  <!-- 选择就诊人 -->
  <select-person personIndex="{{personIndex}}" show="{{showPerson}}" onClose="onClosePerson" onChange="onPersonChange" defaultList="{{personList}}" />
</view>
