index.wxml 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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">
  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"></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. <image class="nodata-img" src="../../imaes/quesheng1@2x.png"></image>
  39. <text class="none-data-text">暂无档案</text>
  40. </view>
  41. </block>
  42. <block wx:else>
  43. <view class="file-item" wx:for="{{fileInfoList}}" wx:key="index">
  44. <view class="main-con {{index == fileInfoList.length - 1 ? 'no-border' : ''}}">
  45. <view class="file-left user-info">
  46. <view class="header-img"></view>
  47. <view class="person">
  48. <view class="p-info ittflex-jcs">
  49. <text class="name-text">{{item.name}}</text>
  50. <view class="sex-tag"></view>
  51. </view>
  52. <view class="p-date">{{item.data}}</view>
  53. </view>
  54. <view class="qrcode"></view>
  55. </view>
  56. <view class="file-right check-report">查看报告</view>
  57. </view>
  58. </view>
  59. </block>
  60. </view>
  61. <view class="add-btn absolute-btn ittflex" bindtap="handleAddCheck">添加检测人</view>
  62. </view>
  63. <view class="index-banner">
  64. <image class="index-img" src="../../imaes/index.jpg"></image>
  65. </view>
  66. </view>