<view class="registration-container">
  <view class="header">
    <view class="time">{{time}}</view>
    <view class="desc">{{passport.qrCodeUrl ? componentData.componentExtInfo.qrtips : componentData.componentExtInfo.tips}}</view>
  </view>
  <view class="card">
    <view class="title"></view>
    <view class="community-info">
      <image a:if="{{passport.communityLogo}}" class="image" mode="scaleToFill" src="{{passport.communityLogo}}"></image>
      <view class="name">{{passport.communityName}}</view>
    </view>
    <view class="main-card">
      <view class="tip-image big" a:if="{{!passport.qrCodeUrl}}"></view>
      <block a:else >
        <view class="qrcode-desc">
          请将通行码对准机器扫描区
        </view>
        <view class="qrcode-desc">
          如开门失败，请联系门岗
        </view>
        <view class="pass-qrcode">
          <image lazy-load src="{{passport.qrCodeUrl}}"/>
        </view>
      </block>
    </view>
    <view class="visit-info">
      <view class="visit-info-header">
        <text class="text">来访人信息</text>
        <text class="icon {{sesameRightStatus === 'ADMITTED' ? 'certify' : 'uncertify'}}" onTap="onSesameRightShow"></text>
      </view>
      <view class="visit-info-main">
        <view class="name">
          <view>{{userInfo.fullName}}</view>
          <view>{{userInfo.phone}}</view>
        </view>
        <view class="divide"></view>
        <view class="reason">
          <image a:if="{{passport.reasonLogo}}" class="reason-logo" mode="scaleToFill" src="{{passport.reasonLogo}}"></image>
          <view class="reason-text">{{passport.reasonText}}</view>
        </view>
      </view>
    </view>
  </view>
  <!-- 可操作按钮区 -->
  <view class="menu">
    <view class="menu-list" a:for="{{menuList}}" a:key="{{item.name}}" onTap="handleClick" data-type="{{item.type}}">
      <text class="left">
        <image class="icon" mode="scaleToFill" src="{{item.icon.length == 32 ? imgSrcPrefix + item.icon : item.icon}}"></image>
        <view class="text">{{item.name}}</view>
      </text>
      <am-icon type="right" size="40"></am-icon>
    </view>
    <button-auth 
      className="menu-list" 
      a:for="{{componentData.serviceList}}"
      item="{{item}}">
      <text class="left">
        <image class="icon" mode="scaleToFill" src="{{item.icon.length == 32 ? imgSrcPrefix + item.icon : item.icon}}"></image>
        <view class="text">{{item.name}}</view>
      </text>
      <am-icon type="right" size="40"></am-icon>
    </button-auth >
  </view>
</view>