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" bindtap="openMap">
          <van-icon name="location" size="20px"/>
          <text class="l-text">{{locationStr}}</text>
        </view>
        <view class="scan" bindtap="handleScanCode">
          <van-icon name="scan" size="20px"/>
        </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-id="{{item.documentId}}"  bindtap="handleShowQRCode">
                <image class="qrcode-item" src="../../imaes/erweima@2x.png"></image>
              </view>
            </view>
            <view class="file-right check-report">查看报告</view>
          </view>
        </view>
      </block>
    </view>
    <view class="add-btn absolute-btn ittflex" bindtap="handleAddCheck">添加检测人</view>
  </view>
  <view class="index-banner">
    <image class="index-img" src="../../imaes/index.jpg"></image>
  </view>
  <view class="my-dialog" wx:if="{{qrcodeDialog}}" bindtap="handleCloseQRCode">
    <view class="qr-content">
      <image class="qr-content" src="{{QRCodeBase64}}"></image>
    </view>
  </view>
  <van-overlay show="{{ scanOverShow }}" bind:click="onClickHide">
    <view class="wrapper ittflex">
      <view class="modal" catch:tap="noop">
        <view class="status-icon">
          <image class="status-img" src="{{scanSuccess ? '../../imaes/chenggong@2x.png' : '../../imaes/shibai@2x.png'}}"></image>
        </view>
        <view class="status-text">
          <text class="scan-msg">{{scanResMsg}}</text>
        </view>
        <view class="actions ittflex">
          <view class="status-btn itt-btn success-btn" wx:if="{{scanSuccess}}" bindtap="handleAppointment">立即去预约</view>
          <view class="status-btn itt-btn rescan-btn" bindtap="handleRescan" wx:else>重新扫描</view>
        </view>
      </view>
    </view>
  </van-overlay>
</view>