From c5df4a9e135ee96a8b9b0b9a9a4732fdb4f0d2af Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Mon, 09 Oct 2023 11:41:42 +0800 Subject: [PATCH] fix:无人机修改 --- src/views/toCarryOutLegislativeReforms/summaryPage/index.vue | 41 ++++++++++++++++++++++------------------- 1 files changed, 22 insertions(+), 19 deletions(-) diff --git a/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue b/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue index 2148833..cb5917f 100644 --- a/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue +++ b/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"> @@ -69,7 +69,7 @@ <el-table :data="tableData" border - max-height=" 400px" + max-height="400" style="width: 100%" :header-cell-style="{ background: '#99D4FF', color: '#101111', fontSize: '16px' @@ -258,6 +258,8 @@ } }).then((res) => { if (res.code === 0) { + this.chartData = [] + this.chartData = this.cylindricalityData this.chartData = res.data.polluteType this.cylindricalityData = res.data.escalationType } else { @@ -315,6 +317,9 @@ $bgcolorlist: $red $orange $yellow $green; .main { + /deep/ .el-table__row{ + font-size: 18px; +} background: #bbbbbb; min-height: 800px; padding: 15px 10px; @@ -338,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; @@ -354,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; } } -- Gitblit v1.8.0