| | |
| | | <div class="topright-label">固废处理量</div> |
| | | </div> |
| | | <div class="ring-box-left"> |
| | | <div class="left-label">粉煤灰</div> |
| | | <div class="left-value">月处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.flyAshMonth }}</span> 吨 年处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.flyAshYear }}</span> 吨</div> |
| | | <div class="left-label">砌块产量</div> |
| | | <div class="left-value">月产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.blockMonth }}</span> 吨 年产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.blockYear }}</span> 吨</div> |
| | | <div class="left-label" |
| | | style="margin-top: 2vh;">石膏</div> |
| | | <div class="left-value">月处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.gypsumMonth }}</span> 吨 年处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.gypsumYear }}</span> 吨</div> |
| | | style="margin-top: 2vh;">板材产量</div> |
| | | <div class="right-value">月产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.plateMonth }}</span> 吨 年产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.plateYear }}</span> 吨</div> |
| | | </div> |
| | | <div class="ring-box-topleft"> |
| | | <div class="topleft-label">项目产量</div> |
| | | </div> |
| | | <div class="ring-box-right"> |
| | | <div class="right-label">砌块产量</div> |
| | | <div class="right-value">月产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.blockMonth }}</span> 吨 年产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.blockYear }}</span> 吨</div> |
| | | <div class="right-label">粉煤灰</div> |
| | | <div class="right-value">月处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.flyAshMonth }}</span> 吨 年处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.flyAshYear }}</span> 吨</div> |
| | | <div class="right-label" |
| | | style="margin-top: 2vh;">板材产量</div> |
| | | <div class="right-value">月产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.plateMonth }}</span> 吨 年产量 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.plateYear }}</span> 吨</div> |
| | | style="margin-top: 2vh;">石膏</div> |
| | | <div class="left-value">月处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.gypsumMonth }}</span> 吨 年处理 <span style="font-weight: bold;font-size: 1.3vh;">{{ middleRingStats.gypsumYear }}</span> 吨</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { |
| | | ref, |
| | | computed, |
| | | onMounted, |
| | | onBeforeUnmount, |
| | | nextTick, |
| | | } from "vue"; |
| | | import { ref, computed, onMounted, onBeforeUnmount, nextTick } from "vue"; |
| | | import * as echarts from "echarts"; |
| | | import dayjs from "dayjs"; |
| | | import PanelHeader from "@/views/reportAnalysis/PSIDataAnalysis/components/PanelHeader.vue"; |
| | |
| | | color: "#B8C8E0", |
| | | fontSize: getResponsiveValue(11), |
| | | margin: |
| | | xMode === "material" |
| | | ? getResponsiveValue(6) |
| | | : getResponsiveValue(10), |
| | | xMode === "material" ? getResponsiveValue(6) : getResponsiveValue(10), |
| | | rotate: xMode === "material" && periods.length > 5 ? 28 : 0, |
| | | interval: 0, |
| | | }, |
| | |
| | | color: "#B8C8E0", |
| | | fontSize: getResponsiveValue(11), |
| | | margin: |
| | | xMode === "material" |
| | | ? getResponsiveValue(6) |
| | | : getResponsiveValue(10), |
| | | xMode === "material" ? getResponsiveValue(6) : getResponsiveValue(10), |
| | | rotate: xMode === "material" && periods.length > 5 ? 28 : 0, |
| | | interval: 0, |
| | | }, |
| | |
| | | } |
| | | |
| | | /* .scroll-table tbody tr:nth-child(odd) { |
| | | background-color: rgba(64, 158, 255, 0.05); |
| | | } |
| | | background-color: rgba(64, 158, 255, 0.05); |
| | | } |
| | | |
| | | .scroll-table tbody tr:nth-child(even) { |
| | | background-color: rgba(64, 158, 255, 0.1); |
| | | } */ |
| | | .scroll-table tbody tr:nth-child(even) { |
| | | background-color: rgba(64, 158, 255, 0.1); |
| | | } */ |
| | | .oddTableTr { |
| | | background-color: rgba(64, 158, 255, 0.05); |
| | | } |