overallOperation.wxml 2.06 KB
<view class="overallOperation_main">
  <view class="circle_left_show">
    <van-circle value="{{ 30 }}" clockwise="{{ false }}" stroke-width="17" size="120" layer-color="#F3F3F3" color="#14C9C9">
      <view class="deviceText">
        <view class="deviceNum">
          98%
        </view>
        <view class="deviceCont">
          新能源占比
        </view>
      </view>
    </van-circle>
  </view>
  <view class="{{['overall_data',index === 0||index === 2|| index === 4?'smallBox':'',index === 0||index === 1?'marginRight':'']}}" wx:for="{{overallDataList}}" wx:for-item="item" wx:for-index="index" wx:key="index" data-index='{{index}}'>
    <view class="device_type">
      {{item.type}}
    </view>
    <view class="data_two deviceMargin">
      <text class="left">{{item.oneLabelName}}</text>
      <text class="right">
        <text class="right_num">{{item.oneLabelNum}}</text>
        <text class="right_unit">{{item.unit}}</text>
      </text>
    </view>
    <view class="data_two deviceMargin">
      <text class="left">{{item.twoLabelName}}</text>
      <text class="right">
        <text class="right_num">{{item.twoLabelNum}}</text>
        <text class="right_unit">{{item.unit}}</text>
      </text>
    </view>
    <view class="data_two deviceMargin">
      <text class="left">{{item.threeLabelName}}</text>
      <text class="right">
        <text class="right_num">{{item.threeLabelNum}}</text>
        <text class="right_unit">{{item.unit}}</text>
      </text>
    </view>
    <view class="data_two deviceMargin" wx:if="{{item.fiveLabelName}}">
      <text class="left">{{item.fourLabelName}}</text>
      <text class="right">
        <text class="right_num">{{item.fourLabelNum}}</text>
        <text class="right_unit">{{item.unit}}</text>
      </text>
    </view>
    <view class="data_two deviceMargin" wx:if="{{item.fiveLabelName}}">
      <text class="left">{{item.fiveLabelName}}</text>
      <text class="right">
        <text class="right_num">{{item.fiveLabelNum}}</text>
        <text class="right_unit">{{item.unit}}</text>
      </text>
    </view>
  </view>
</view>