ittwxcust/pages/reportDetail/reportDetail.wxml

<!--pages/reportDetail/reportDetail.wxml-->
<view class="detail ittflex-jcs">
  <view class="left-nav">
    <view class="left-nav-item ittflex {{leftNavActive == index ? 'left-nav-item-active': ''}} {{leftNavActive - 1 == index ? 'noborder' : ''}}" wx:for="{{systemName}}" wx:key="index" data-index="{{index}}" bindtap="handleSwitchNav">{{item}}</view>
  </view>
  <view class="right-value">
    <!-- 检测小结 -->
    <block wx:if="{{leftNavActive === 0}}">
      <view class="summary" wx:if="{{summaryList.length != 0}}">
        <view class="s-title ittflex-jcs">根据检测结果，您的健康风险最高的是：</view>
        <view class="s-main">
          <view class="s-item {{index == 0 ? 's-item-nomargin' : ''}}" wx:for="{{summaryList}}" wx:key="index">
            <view class="s-item-title">（{{index + 1}}）{{item.title}}</view>
            <view class="s-item-value">{{item.value}}</view>
          </view>
        </view>
      </view>
      <view class="no-data" wx:if="{{summaryList.length == 0}}">
        <van-empty description="暂无数据" />
      </view>
    </block>
    <!-- 系统分类 -->
    <block wx:else>
      <view class="system" >
        <view class="sys-item" wx:for="{{systemList}}" wx:key="index">
          <view class="sys-header ittflex">{{index + 1}}.{{item.name}}</view>
          <view class="sys-content">
            <view class="sys-content-item ittflex-jcs" wx:for="{{item.childNode}}" wx:for-item="subitem" wx:key="index">
              <view class="sts-lanel">{{subitem.name}}</view>
              <view class="risk-level ittflex-jcs">
              <!-- 2.5 以下，格子都是白色， 2.5~3.0 页面的红色格子显示一格，3.0~4.0 显示2格 ，4.0 以上显示3格 -->
                <block  wx:if="{{subitem.value < 2.5 }}">
                  <view class="level level-a"></view>
                  <view class="level level-b"></view>
                  <view class="level level-c"></view>
                </block>
                <block  wx:if="{{subitem.value >=2.5 && subitem.value < 3.0}}">
                  <view class="level level-a red"></view>
                  <view class="level level-b"></view>
                  <view class="level level-c"></view>
                </block>
                <block  wx:if="{{subitem.value >= 3.0 && subitem.value < 4.0}}">
                  <view class="level level-a red"></view>
                  <view class="level level-b red"></view>
                  <view class="level level-c"></view>
                </block>
                <block  wx:if="{{subitem.value >= 4.0}}">
                  <view class="level level-a red"></view>
                  <view class="level level-b red"></view>
                  <view class="level level-c red"></view>
                </block>
              </view>
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</view>