| | |
|---|
| | | <div class="panel-item top-panel-item"> |
|---|
| | | <div class="box-title">本月进度值比</div> |
|---|
| | | <div class="circle-progress"> |
|---|
| | | <v-chart class="chart" :option="circleOption" autoresize /> |
|---|
| | | <!-- <v-chart class="chart" :option="circleOption" autoresize /> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | |
|---|
| | | <div class="panel-item middle-panel-item"> |
|---|
| | | <div class="box-title">各季度进度值统计</div> |
|---|
| | | <div class="bar-chart"> |
|---|
| | | <v-chart class="chart" :option="barOption" autoresize /> |
|---|
| | | <!-- <v-chart class="chart" :option="barOption" autoresize /> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | |
|---|
| | | <div class="panel-item bottom-panel-item"> |
|---|
| | | <div class="box-title">安置房类型分布</div> |
|---|
| | | <div class="pie-chart"> |
|---|
| | | <v-chart class="chart" :option="typeDistOption" autoresize /> |
|---|
| | | <!-- <v-chart class="chart" :option="typeDistOption" autoresize /> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .box-title { |
|---|
| | | font-size: 20px; |
|---|
| | | color: #7cb9e8; |
|---|
| | | font-size: 14px; |
|---|
| | | color: #19ECFF; |
|---|
| | | text-align: center; |
|---|
| | | padding-top: 9px; |
|---|
| | | line-height: 21px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .chart { |
|---|
