shyaf-artist-platform-miniapp/pages/invitation/letter/index.wxml

<view class="container">
  <view class="container_title">
      <view>个人信息</view>
      <view>Personal Information</view>
    </view>
  <!-- 表单 -->
  <view class="container_dataForm">
    <!-- 表单项 -->
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>选择身份/Status：</view>
      <view class="container_dataForm_item_vlaue container_dataForm_item_vlaue-picker">
        <!-- 非其他身份 -->
        <picker value="{{ statusOptions[dataForm.status].id }}" range="{{ statusOptions }}" range-key="{{ 'value' }}" bindchange="changeStatusOptions" disabled="{{isSign}}" >
          <view class="picker">{{ statusOptions[dataForm.status].value }}</view>
        </picker>
        <image mode="widthFix" src="../../../images/invitation/down_24x24.png" role="img"></image>
        <!-- 其他身份 -->
        <input maxlength="30" confirm-type="done" value="{{ dataForm.statusOther }}" data-inputType="status" bindinput="changeInput" wx:if="{{ dataForm.status === 5 }}"  disabled="{{isSign}}"/>
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>真实姓名/Real Name：</view>
      <view class="container_dataForm_item_value">
        <input maxlength="20" confirm-type="done" value="{{ dataForm.realName }}" data-inputType="realName" bindinput="changeInput" disabled="{{isSign}}"/>
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>证件类型/ID Type：</view>
      <view class="container_dataForm_item_vlaue container_dataForm_item_vlaue-picker">
        <picker value="{{ idTypeOptions[dataForm.idType].id }}" range="{{ idTypeOptions }}" range-key="{{ 'value' }}" bindchange="changeIdTypeOptions" disabled="{{isSign}}">
          <view class="picker">{{ idTypeOptions[dataForm.idType].value }}</view>
        </picker>
        <image mode="widthFix" src="../../../images/invitation/down_24x24.png" role="img"></image>
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>证件号/ID Number：</view>
      <view class="container_dataForm_item_vlaue">
        <input maxlength="30" confirm-type="done" value="{{ dataForm.idNumber }}" data-inputType="idNumber" bindinput="changeInput" disabled="{{isSign}}" />
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>国家/Country：</view>
      <view class="container_dataForm_item_vlaue container_dataForm_item_vlaue-picker">
        <picker value="{{ countryOptions[dataForm.country].id }}" range="{{ countryOptions }}" range-key="{{ 'value' }}" bindchange="changeCountryOptions" disabled="{{isSign}}">
          <view class="picker">{{ countryOptions[dataForm.country].value }}</view>
        </picker>
        <image mode="widthFix" src="../../../images/invitation/down_24x24.png" role="img"></image>
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>居住城市/Live City：</view>
      <view class="container_dataForm_item_vlaue">
        <!-- 国家为中国时 -->
        <picker value="{{ dataForm.liveCity }}" bindchange="changeLiveCityOptions" mode="region" wx:if="{{ isChinesePeople }}" disabled="{{isSign}}">
          <view class="picker">{{ dataForm.liveCity[0] }}{{ dataForm.liveCity[1] }}{{ dataForm.liveCity[2] }}</view>
        </picker>
        <!-- 国家为外籍时 -->
        <input maxlength="50" wx:if="{{ !isChinesePeople }}" value="{{ dataForm.liveCityNotChina }}" confirm-type="done" data-inputType="liveCity" bindinput="changeInput" wx:if="{{ dataForm.country === 1 }}" disabled="{{isSign}}" />
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>性别/Gender：</view>
      <view class="container_dataForm_item_vlaue container_dataForm_item_vlaue-picker">
        <picker value="{{ genderOptions[dataForm.gender].id }}" range="{{ genderOptions }}" range-key="{{ 'value' }}" bindchange="changeGenderOptions" disabled="{{isSign}}">
          <view class="picker">{{ genderOptions[dataForm.gender].value }}</view>
        </picker>
        <image mode="widthFix" src="../../../images/invitation/down_24x24.png" role="img"></image>
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property" style="padding-left: 22rpx;">邮箱/Email Address：</view>
      <view class="container_dataForm_item_vlaue">
        <input maxlength="30" confirm-type="done" value="{{ dataForm.emailAddress }}" data-inputType="emailAddress" bindinput="changeInput" disabled="{{isSign}}" />
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>公司/Company：</view>
      <view class="container_dataForm_item_vlaue">
        <input maxlength="50" confirm-type="done" value="{{ dataForm.company }}" data-inputType="company" bindinput="changeInput" disabled="{{isSign}}" />
      </view>
    </view>
    <view class="container_dataForm_item">
      <view class="container_dataForm_item_property"><span>* </span>职位/Position：</view>
      <view class="container_dataForm_item_vlaue">
        <input maxlength="20" confirm-type="done" value="{{ dataForm.position }}" data-inputType="position" bindinput="changeInput" disabled="{{isSign}}" />
      </view>
    </view>
  </view>
  <!-- 填写须知 -->
  <view class="container_protocol">
    <view class="container_protocol_item">
      <view style="color:  #F56C6C;">根据疫情防控政策，请填写真实信息，</view>
      <view style="color:  #F56C6C;">以确保届时顺利核验入场。</view>
      <view style="color:  #F56C6C;">According to the epidemic prevention and control requirements, please fill in the true and effective information to ensure a successful entrance.</view>
    </view>
    <view class="container_protocol_item">
      <view>外籍人士需满足完成14+7隔离期，</view>
      <view>需提供48小时核酸检测报告。</view>
      <view>Foreigners are required to complete the 14+7 quarantine period and a 48 hour nucleic acid test report shall be provided.</view>
    </view>
    <view class="container_protocol_item">
      <view>14天离沪返沪来沪人员需提供48小时内核酸。</view>
      <view>People returning from Shanghai within 14 days shall provide nucleic acid test report within 48 hours.</view>
    </view>
    <view class="container_protocol_item">
      <view>途径中高风险地区人员禁止入场。</view>
      <view>People in high-risk areas of the route are not allowed to enter.</view>
    </view>
  </view>
  <!-- 同意按钮 -->
  <view class="container_agree-btn" bindtap="submitDataForm" wx:if="{{!isSign}}">
    <view>提交/Submit</view>
  </view>
</view>