<template>
  <view class="card card-detect">
    <view class="flex card-header">
      <view class="title">常见指标</view>
    </view>
    <view class="section index">
      <view 
        class="index-item"
        v-for="item in list"
        :key="item.id"
      >
        <view class="flex top">
          <view class="label">{{ item.label }}</view>
          <view class="tag is-error" v-if="item.status === 0">{{ item.label }}</view>
        </view>
        <view class="flex main">
          <text>当前：</text><text class="value">{{ item.value }}</text>
        </view>
        <view class="bottom desc">{{ `* 标准值：${item.standrad}` }}</view>
      </view>
    </view>
  </view>
</template>

<script>

  export default {
    props: {
      list: {
        type: Array,
        default() {
          return []
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import './style.scss';

</style>