Inspection/weapp/package/riskManagement/riskManagement.wxml

<!-- package / riskManagement / riskManagement.wxml -->
<view class="risk-management">
  <image src="/images/right_bg.png" class="page-bg" />

  <view class="icon"><text class="icon-text">故障统计</text></view>

  <view class="flex flex-between">
    <view class="title-item flex flex-col">
      <view>本月上报风险</view>
      <view><text class="title-num">{{86}}</text><text class="title-unit">个</text></view>
    </view>
    <view class="title-item flex flex-col">
      <view>故障风险管理</view>
      <view><text class="title-num">{{300}}</text><text class="title-unit">个</text></view>
    </view>
  </view>

  <view class="card">
    <view class="flex flex-start">
      <image src="/images/fault_icon.png" class="card-img" />
      <view class="card-title">历史风险趋势</view>
    </view>
    <view class="chart">
      <ec-canvas id="risk-trend-chart" canvas-id="risk-trend-chart" ec="{{ ec }}"></ec-canvas>
    </view>
  </view>

  <view class="card">
    <view class="flex flex-between">
      <view class="flex">
        <image src="/images/fault_icon.png" class="card-img" />
        <view class="card-title">故障排行榜</view>
      </view>
      <view class="card-link" bindtap="toCalendar">查看详情 ></view>
    </view>
    <view style="margin-top: 10px">【故障次数统计】</view>
    <view class="list" wx:for="{{list}}">
      <view class="list-title">设备{{item}}</view>
      <view class="list-line" />
      <view class="list-content flex flex-between">
        <view class="content-item content-left">
          <view>所属结构物</view>
          <view>故障次数</view>
          <view>问题概述</view>
        </view>
        <view class="content-item content-right">
          <view>管廊{{item}}</view>
          <view>{{10}}次</view>
          <view>{{'设备损坏' + item}}</view>
        </view>
      </view>
    </view>
    <view style="margin-top: 10px">【故障评分统计】</view>
    <view class="list" wx:for="{{list}}">
      <view class="list-title">设备{{item}}</view>
      <view class="list-line" />
      <view class="list-content flex flex-between">
        <view class="content-item content-left">
          <view>所属结构物</view>
          <view>故障评分</view>
          <view>等级分布</view>
        </view>
        <view class="content-item content-right">
          <view>管廊{{item}}</view>
          <view>{{15 - item}}</view>
          <view>严重：{{5-item}}次，中等{{2}}次，轻微{{1}}次</view>
        </view>
      </view>
    </view>
  </view>
</view>