| | |
| | | </div> |
| | | <div class="static" v-if="data1.gasQuantity"> |
| | | <span class="lab">同比</span> |
| | | <template v-if="data1.gasQuantity.sameNum"> |
| | | <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.sameNum" class="icon" |
| | | src="@/assets/images/ic_up.webp" alt="" /> |
| | | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> |
| | | </template> |
| | | <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.sameNum" class="icon" |
| | | src="@/assets/images/ic_up.webp" alt="" /> |
| | | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> |
| | | <span class="val" v-if="data1.gasQuantity.totalNum && data1.gasQuantity.totalNum != 0">{{ |
| | | Math.abs(((data1.gasQuantity.totalNum - data1.gasQuantity.sameNum) / data1.gasQuantity.totalNum |
| | | * 100).toFixed(1)) |
| | | }}%</span> |
| | | <span class="val" v-else style="margin-left: 4px;">-</span> |
| | | <span class="lab">环比</span> |
| | | <template v-if="data1.gasQuantity.sameNum"> |
| | | <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.ringNum" class="icon" |
| | | src="@/assets/images/ic_up.webp" alt="" /> |
| | | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> |
| | | </template> |
| | | <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.ringNum" class="icon" |
| | | src="@/assets/images/ic_up.webp" alt="" /> |
| | | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> |
| | | <span class="val" v-if="data1.gasQuantity.totalNum && data1.gasQuantity.totalNum != 0">{{ |
| | | Math.abs(((data1.gasQuantity.totalNum - data1.gasQuantity.ringNum) / data1.gasQuantity.totalNum |
| | | * 100).toFixed(1)) |
| | |
| | | const data1 = ref({}) |
| | | const getData1 = () => { |
| | | zxcenterData().then(res => { |
| | | const result = res.data |
| | | const result = res.data || {} |
| | | data1.value = result |
| | | }) |
| | | } |
| | |
| | | } |
| | | const getData6 = () => { |
| | | regionDataRanking({ type: activeDays.value }).then(res => { |
| | | const result = res.data |
| | | const result = res.data || {} |
| | | data6.value = result |
| | | }) |
| | | } |
| | |
| | | const data4 = ref([]) |
| | | const getData4 = () => { |
| | | zxloadCurve().then(res => { |
| | | const result = res.data |
| | | const result = res.data || [] |
| | | data4.value = result |
| | | if (data4.value && data4.value.length > 0) { |
| | | initLoadReal() |
| | |
| | | const data5 = ref([]) |
| | | const getData5 = () => { |
| | | zxenergyDataList({ type: 2 }).then(res => { |
| | | const result = res.data |
| | | const result = res.data || [] |
| | | data5.value = result |
| | | initOperation() |
| | | }) |
| | |
| | | } |
| | | |
| | | .bottom { |
| | | width: 140px; |
| | | width: 150px; |
| | | height: 194px; |
| | | position: absolute; |
| | | text-align: center; |