index.wxml 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!--pages/index/index.wxml-->
  2. <view class="index-container">
  3. <view class="header">
  4. <view class="main-header">
  5. <view class="location">
  6. <view class="location-info ittflex-jcs" bindtap="openMap">
  7. <van-icon name="location" size="20px"/>
  8. <text class="l-text">{{locationStr}}</text>
  9. </view>
  10. <view class="scan" bindtap="handleScanCode">
  11. <van-icon name="scan" size="20px"/>
  12. </view>
  13. </view>
  14. </view>
  15. </view>
  16. <view class="buy-conten">
  17. <view class="left default-tag">
  18. <image class="quanyi-img" src="../../imaes/quanyi@2x.png"></image>
  19. </view>
  20. <view class="blance desc">
  21. <view class="count">
  22. <text class="desc-text">剩余:</text>
  23. <text class="bolder-text">{{useNumber}}</text>
  24. </view>
  25. <view class="desc-text b-text ittflex-jcs">次健康早筛服务权益</view>
  26. </view>
  27. <view class="btn default-btn buy-btn" bindtap="handlePackage">{{useNumber == 0 ? '立即购买' : '立即预约'}}</view>
  28. </view>
  29. <view class="file-info">
  30. <view class="file-title">
  31. <text class="title">档案信息</text>
  32. <view class="nav-tap" bindtap="handleAllFile">
  33. <text class="nav-title">全部</text>
  34. <van-icon name="arrow" color="#999"/>
  35. </view>
  36. </view>
  37. <view class="file-content">
  38. <block wx:if="{{documentVos.length == 0}}">
  39. <view class="no-data ittflex" >
  40. <image class="nodata-img" src="../../imaes/quesheng1@2x.png"></image>
  41. <text class="none-data-text">暂无档案</text>
  42. </view>
  43. </block>
  44. <block wx:else>
  45. <view class="file-item" wx:for="{{documentVos}}" wx:key="index">
  46. <view class="main-con {{index == documentVos.length - 1 ? 'no-border' : ''}}">
  47. <view class="file-left user-info">
  48. <view class="header-img">
  49. <image class="headImg" src="{{item.headImg}}"></image>
  50. </view>
  51. <view class="person">
  52. <view class="p-info ittflex-jcs">
  53. <text class="name-text">{{item.realName}}</text>
  54. <view class="sex-tag">
  55. <image class="sex-img" src="{{item.sex ? '../../imaes/nan@2x.png' : '../../imaes/nv@2x.png'}}"></image>
  56. </view>
  57. </view>
  58. <view class="p-date">{{item.birthDay}}</view>
  59. </view>
  60. <view class="qrcode" data-id="{{item.documentId}}" bindtap="handleShowQRCode">
  61. <image class="qrcode-item" src="../../imaes/erweima@2x.png"></image>
  62. </view>
  63. </view>
  64. <view class="file-right check-report">查看报告</view>
  65. </view>
  66. </view>
  67. </block>
  68. </view>
  69. <view class="add-btn absolute-btn ittflex" bindtap="handleAddCheck">添加检测人</view>
  70. </view>
  71. <view class="index-banner">
  72. <image class="index-img" src="../../imaes/index.jpg"></image>
  73. </view>
  74. <view class="my-dialog" wx:if="{{qrcodeDialog}}" bindtap="handleCloseQRCode">
  75. <view class="qr-content">
  76. <image class="qr-content" src="{{QRCodeBase64}}"></image>
  77. </view>
  78. </view>
  79. <van-overlay show="{{ scanOverShow }}" bind:click="onClickHide">
  80. <view class="wrapper ittflex">
  81. <view class="modal" catch:tap="noop">
  82. <view class="status-icon">
  83. <image class="status-img" src="{{scanSuccess ? '../../imaes/chenggong@2x.png' : '../../imaes/shibai@2x.png'}}"></image>
  84. </view>
  85. <view class="status-text">
  86. <text class="scan-msg">{{scanResMsg}}</text>
  87. </view>
  88. <view class="actions ittflex">
  89. <view class="status-btn itt-btn success-btn" wx:if="{{scanSuccess}}" bindtap="handleAppointment">立即去预约</view>
  90. <view class="status-btn itt-btn rescan-btn" bindtap="handleRescan" wx:else>重新扫描</view>
  91. </view>
  92. </view>
  93. </view>
  94. </van-overlay>
  95. </view>