quanyawei
2023-09-28 2d445a7f255343099b4647ea5ce51d2980768003
src/views/toCarryOutLegislativeReforms/summaryPage/index.vue
@@ -25,20 +25,20 @@
    </div>
    <div class="agentSummary">
      <div class="circle">
        <span>总交办单</span>
        <span>{{ responeForm.total }}</span>
        <div>总交办单</div>
        <div>{{ responeForm.total }}</div>
      </div>
      <div class="circle">
        <span>进行中</span>
        <span>{{ responeForm.total }}</span>
        <div>进行中</div>
        <div>{{ responeForm.unComplete }}</div>
      </div>
      <div class="circle">
        <span>已完成</span>
        <span>{{ responeForm.complete }}</span>
        <div>已完成</div>
        <div>{{ responeForm.complete }}</div>
      </div>
      <div class="circle">
        <span>逾期</span>
        <span>{{ responeForm.overdue }}</span>
        <div>逾期</div>
        <div>{{ responeForm.overdue }}</div>
      </div>
    </div>
    <div class="overviewAndDetails">
@@ -343,7 +343,7 @@
    margin-top: 20px;
    @for $i from 1 to length($bgcolorlist) + 1 {
      div:nth-child(#{$i}) {
      .circle:nth-child(#{$i}) {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
@@ -359,15 +359,13 @@
      width: 200px;
      height: 90px;
      align-items: center;
      padding-top: 20px;
      span {
        margin: 10px 20px;
        display: block;
        color: rgba(255, 255, 255, 1);
        font-size: 20px;
        font-weight: 700;
      }
      color: rgba(255, 255, 255, 1);
      font-size: 20px;
      font-weight: 700;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      flex-direction: column;
    }
  }