| | |
| | | </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"> |
| | |
| | | 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; |
| | |
| | | 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; |
| | | } |
| | | } |
| | | |