<Pannel title="资源概况分析" height="232"
v-loading="!isLoad"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.1)"
>
  <div class="full colbox">
    <div class="top">
      <div v-for="item in data"  class="item">
          <p class="top_line">
            <span class="value">{{item.value}}</span>
            <span class="unit">{{item.unit}}</span>
          </p>
          <p class="name">{{item.name}}</p>
      </div>
    </div>
    <div class="buttom">
      <HorizontalBar v-if="isLoad" :data="barData"></HorizontalBar>
    </div>
  </div>
</Pannel>