report-health-status.wxml 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!--module/health/components/report-health-status/report-health-status.wxml-->
  2. <view class="card-wrapper report-data-wrapper" style="margin-top:30px">
  3. <view class="report-box">
  4. <view class="health-title">
  5. <block slot="title">
  6. <t-loading wx:if="{{loading}}" theme="spinner" size="20px" class="loading" />
  7. <image wx:else class="icon" src="../../assets/icon/icon_health@2x.png" mode="heightFix" />
  8. <text class="title-box">{{i18n.health.status}}</text>
  9. </block>
  10. </view>
  11. <block slot="right-icon">
  12. <view class="extra-warapper" slot="extra-status" catch:tap="showStatusList">
  13. <text>更新记录</text>
  14. <t-icon t-class="icon" name="chevron-right-double-s" size="24px" />
  15. </view>
  16. </block>
  17. </view>
  18. <!-- 欲病状态 -->
  19. <view class="card-container">
  20. <view class="status-title">{{dataset.report[0].value}}</view>
  21. <view class="card-body report-wrapper" mark:id="{{dataset.reportId}}" style="padding-top:0px;border-radius: 0 0 10px 10px;">
  22. <view class="content-wrapper" style="border-top: 1px solid #E7E7E7;padding-top:10px">
  23. <span class="row" wx:for="{{dataset.report}}" wx:key="value">
  24. <text wx:if="{{item.label}}" style="color:#8C8C8C;font-size:14px">{{i18n.health.statusTable[index]}}</text>
  25. <text style="font-size:14px"> {{item.value}}</text>
  26. </span>
  27. </view>
  28. </view>
  29. <t-empty wx:if="{{message}}" t-class="empty-wrapper error" icon="info-circle" description="{{message}}" />
  30. </view>
  31. <!-- 症状 -->
  32. <view class="card-container">
  33. <view class="status-title">{{i18n.health.statusNext}}</view>
  34. <view class="card-body status-data-wrapper" wx:if="{{dataset.condition.length}}" style="border-top: 1px solid #E7E7E7;padding-top:10px">
  35. <span class="row" wx:for="{{dataset.condition}}" wx:key="value">
  36. <view>{{item.value}}</view>
  37. </span>
  38. </view>
  39. <t-empty wx:if="{{message}}" t-class="empty-wrapper error" icon="info-circle" description="{{message}}" />
  40. <view class="nodata-box">
  41. <view slot="description" wx:if="{{!loading && !dataset.condition.length}}" style="padding: 0px 10px 20px 20px;">暂无数据</view>
  42. </view>
  43. </view>
  44. <!-- 舌象/面相 -->
  45. <card-analysis-content tongue="{{tongue}}" face="{{face}}" simple="{{ {tongue: false, face: true} }}" :type="files">
  46. </card-analysis-content>
  47. </view>
  48. <report-health-scheme dataset="{{dataset.conditProgram}}" mark:type="scheme" mark:id="{{dataset.reportId}}" bind:tap="toPreviewPage"></report-health-scheme>
  49. <root-portal>
  50. <view wx:if="{{panel.shade}}" class="draggable-sheet-shade" catch:tap="_hideDraggableSheet"></view>
  51. <draggable-sheet class="draggable-sheet-wrapper health-report-list" style="height: {{container.height}}px;" initial-child-size="0" min-child-size="0" max-child-size="0.8" snap="{{true}}" snap-sizes="{{[0.5]}}" worklet:onsizeupdate="_draggableSizeUpdate" mark:type="{{panel.type}}" bind:tap="toPreviewPage">
  52. <scroll-view class="scrollable draggable-sheet-container" type="custom" scroll-y associative-container="draggable-sheet" show-scrollbar="{{false}}" bounces="{{false}}">
  53. <sticky-section>
  54. <sticky-header>
  55. <view class="draggable-sheet-bar">
  56. <view class="indicator" />
  57. <view wx:if="{{panel.title}}" class="title">{{panel.title}}</view>
  58. </view>
  59. </sticky-header>
  60. <list-builder list="{{panel.data}}" child-height="90">
  61. <block slot:item slot:index>
  62. <t-cell t-class="cell-border-gradient" hover arrow title="{{item.reportTime}}" mark:id="{{item.id}}">
  63. <text slot="description" overflow="ellipsis">{{item.description}}</text>
  64. </t-cell>
  65. </block>
  66. </list-builder>
  67. </sticky-section>
  68. </scroll-view>
  69. </draggable-sheet>
  70. </root-portal>
  71. <view wx:if="{{i18n.home.__showRecord__}}" class="card-wrapper report-data-wrapper" mark:type="report" bind:tap="toPreviewPage">
  72. <view>
  73. <view class="report-box">
  74. <view class="health-title">
  75. <block slot="title">
  76. <t-loading wx:if="{{loading}}" theme="spinner" size="20px" class="loading" />
  77. <image wx:else class="icon" src="../../assets/icon/icon_scheme@2x.png" mode="heightFix"></image>
  78. <text class="title-box">{{i18n.report.title}}</text>
  79. </block>
  80. </view>
  81. <block slot="right-icon">
  82. <view class="extra-warapper" catch:tap="showReportList">
  83. <text>更新记录</text>
  84. <t-icon t-class="icon" name="chevron-right-double-s" size="24px" />
  85. </view>
  86. </block>
  87. </view>
  88. </view>
  89. <view class="card-body report-wrapper tongue-box" mark:id="{{dataset.reportId}}">
  90. <view class="content-wrapper report-content">
  91. <view class="status-box">{{dataset.report[0].value}}</view>
  92. <view wx:if="{{dataset.report.length>0}}" class="status-content">{{dataset.report[1].value}}表现为{{dataset.report[2].value}}</view>
  93. <view class="status-box">体质:{{dataset.report[3].value}}</view>
  94. </view>
  95. <image class="image-wrapper" src="../../assets/image/health-report.png" mode="aspectFill" />
  96. </view>
  97. <view slot="description" wx:if="{{!loading && !dataset.report.length}}">暂无数据</view>
  98. <t-empty wx:if="{{message}}" t-class="empty-wrapper error" icon="info-circle" description="{{message}}" />
  99. </view>