ittwxcust/pages/index/index.wxml

<!--pages/index/index.wxml-->
<view class="index-container">
  <view class="header">
    <view class="main-header">
      <view class="location">
        <view class="location-info ittflex-jcs">
          <van-icon name="location" size="20px"/>
          <text class="l-text">{{locationStr}}</text>
        </view>
        <view class="scan" bindtap="handleScanCode"></view>
      </view>
    </view>
  </view>
  <view class="buy-conten">
    <view class="left default-tag">
      <image class="quanyi-img" src="../../imaes/quanyi@2x.png"></image>
    </view>
    <view class="blance desc">
      <view class="count">
        <text class="desc-text">剩余：</text>
        <text class="bolder-text">{{useNumber}}</text>
      </view>
      <view class="desc-text b-text ittflex-jcs">次健康早筛服务权益</view>
    </view>
    <view class="btn default-btn buy-btn" bindtap="handlePackage">{{useNumber == 0 ? '立即购买' : '立即预约'}}</view>
  </view>
  <view class="file-info">
    <view class="file-title">
      <text class="title">档案信息</text>
      <view class="nav-tap" bindtap="handleAllFile"> 
        <text class="nav-title">全部</text>
        <van-icon name="arrow" color="#999"/>
      </view>
    </view>
    <view class="file-content">
      <block wx:if="{{documentVos.length == 0}}">
        <view class="no-data ittflex" >
          <image class="nodata-img" src="../../imaes/quesheng1@2x.png"></image>
          <text class="none-data-text">暂无档案</text>
        </view>
      </block>
      <block wx:else>
        <view class="file-item" wx:for="{{documentVos}}" wx:key="index">
          <view class="main-con {{index == documentVos.length - 1 ? 'no-border' : ''}}">
            <view class="file-left user-info">
              <view class="header-img">
                <image class="headImg" src="{{item.headImg}}"></image>
              </view>
              <view class="person">
                <view class="p-info ittflex-jcs">
                  <text class="name-text">{{item.realName}}</text>
                  <view class="sex-tag">
                    <image class="sex-img" src="{{item.sex ? '../../imaes/nan@2x.png' : '../../imaes/nv@2x.png'}}"></image>
                  </view>
                </view>
                <view class="p-date">{{item.birthDay}}</view>
              </view>
              <view class="qrcode" data-realname="{{item.realName}}" data-id="{{item.documentId}}"  bindtap="handleShowQRCode">
                <image class="qrcode-item" src="../../imaes/erweima@2x.png"></image>
              </view>
            </view>
            <view class="file-right check-report" data-reportid="{{item.reportId}}" wx:if="{{item.reportId !== null }}" bindtap="handleRepoetDetail">查看报告</view>
          </view>
        </view>
      </block>
    </view>
    <view class="add-btn absolute-btn ittflex" bindtap="handleAddCheck">添加检测人</view>
  </view>
  <view class="index-banner" bindtap="handlActions">
    <image class="index-img" src="../../imaes/index.jpg"></image>
  </view>
  <view class="my-dialog" wx:if="{{qrcodeDialog}}">
    <view class="qr-content">
      <view class="qr-title">{{qrUserName}}的二维码</view>
      <image class="qr-content-img" src="{{QRCodeBase64}}"></image>
      <view class="qr-close">
        <view class="ver-line"></view>
        <view class="qe-close-icon ittflex" bindtap="handleCloseQRCode">
          <van-icon name="cross" color="#fff" size="25" />
        </view>
      </view>
    </view>
  </view>
  <van-overlay show="{{ phoneAuthShow }}">
    <view class="wrapper ittflex">
      <view class="userinfo-auth-modal">
        <view class="modal-title">申请权限</view>
        <view class="px-border"></view>
        <view class="app-logo">
          <image class="logopng" src="../../imaes/logo1@2x.png"></image>
        </view>
        <view class="auth-text">
          小程序申请授权你的手机号
        </view>
        <button class="confirm auth-btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">点击授权</button>
      </view>
    </view>
  </van-overlay>
  <van-overlay show="{{ userAuthShow }}">
    <view class="wrapper ittflex">
      <view class="userinfo-auth-modal">
        <view class="modal-title">申请权限</view>
        <view class="px-border"></view>
        <view class="app-logo">
          <image class="logopng" src="../../imaes/logo1@2x.png"></image>
        </view>
        <view class="auth-text">
          小程序申请授权你的公开信息（昵称，头像）
        </view>
        <button class="confirm auth-btn" bindtap="getUserinfo">点击授权</button>
      </view>
    </view>
  </van-overlay>
</view>