
<template>
  <div class="supervision">
    <img :src="require(`@/assets/images/modify.png`)">
    <div v-for="(data,i) in $store.state.supervisionSituationList" :key="i">
      <div>
        <p>整改单</p>
        <p><span>{{data.send}}/</span>{{data.all}}</p>
      </div>
      <!-- <Progress hide-info :stroke-width="8"  strokeColor="#00f2ff" :percent="data.send/data.all*100" /> -->
      <m-progress :size="8" :percent="data.send / data.all * 100" :color="['#0276ff', '#1dfbfe']" hide-info/>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Supervision',
}
</script>
<style lang="stylus">
.supervision .ivu-progress-inner
  background #0d87fc
</style>
<style lang="stylus" scoped>
.supervision
  width 100%
  height 100%
  display flex
  align-items center
  img
    width 2.5rem
    height 2.5rem
    margin-right 0.5rem
  >div
    width 100%
    >div
      display flex
      justify-content space-between
      p
        color $color-blue
        // font-size 0.8rem
        &:last-child
          font-family $font-pang
          color #fff
          span
            color $edgeColor

</style>
