<template>
  <!-- <div class="progressItem">
      <div class="title">取得《建设工程规划许可证》</div>
      <div class="circle"></div>
      <div class="bottom">
           <div class="time">
                <p class="startDate">计划完成:2021.01.03</p>
                <p class="endDate">实际完成:2021.03.08</p>
            </div>
            <div class="status">
                提前两天完成
            </div>
      </div>
  </div> -->
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.progressItem{
    width: 14%;
    height: 130px;
    .title{
        color: white;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .circle{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 4px solid rgb(118, 143, 6);
        margin-top: 5px;
    }
    .bottom{
        display: flex;
        align-items: center;
        color: rgba(255,255,255,0.7);
         .time{
        margin-top: 5px;
        .startDate{
            margin-top: 3px;
        }
        .endDate{
            margin-top: 3px;
        }
     }
     .status{
         margin-left: 6px;
         padding: 3px 3px;
         color: rgb(191, 241, 11);
         background-color:rgb(118, 143, 6);
         border-radius: 8px;
     }
    }
}
</style>