index.wxml 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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">
  7. <van-icon name="location" size="20px"/>
  8. <text class="l-text">{{locationStr}}</text>
  9. </view>
  10. <view class="scan">
  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"></view>
  18. <view class="blance desc">
  19. <view class="count">
  20. <text class="desc-text">剩余:</text>
  21. <text class="bolder-text">{{blanceCount}}</text>
  22. </view>
  23. <view class="desc-text b-text ittflex-jcs">次健康早筛服务权益</view>
  24. </view>
  25. <view class="btn default-btn buy-btn" bindtap="handlePackage">{{blanceCount == 0 ? '立即购买' : '立即预约'}}</view>
  26. </view>
  27. <view class="file-info">
  28. <view class="file-title">
  29. <text class="title">档案信息</text>
  30. <view class="nav-tap" bindtap="handleAllFile">
  31. <text class="nav-title">全部</text>
  32. <van-icon name="arrow" color="#999"/>
  33. </view>
  34. </view>
  35. <view class="file-content">
  36. <block wx:if="{{fileInfoList.length == 0}}">
  37. <view class="no-data ittflex" >
  38. <text class="none-data-text">暂无档案</text>
  39. </view>
  40. </block>
  41. <block wx:else>
  42. <view class="file-item" wx:for="{{fileInfoList}}" wx:key="index">
  43. <view class="main-con {{index == fileInfoList.length - 1 ? 'no-border' : ''}}">
  44. <view class="file-left user-info">
  45. <view class="header-img"></view>
  46. <view class="person">
  47. <view class="p-info ittflex-jcs">
  48. <text class="name-text">{{item.name}}</text>
  49. <view class="sex-tag"></view>
  50. </view>
  51. <view class="p-date">{{item.data}}</view>
  52. </view>
  53. <view class="qrcode"></view>
  54. </view>
  55. <view class="file-right check-report">查看报告</view>
  56. </view>
  57. </view>
  58. </block>
  59. </view>
  60. <view class="add-btn absolute-btn ittflex" bindtap="handleAddCheck">添加检测人</view>
  61. </view>
  62. </view>