| | |
| | | <img src="@/assets/images/nenghao_ic1.png" class="co2" alt=""> |
| | | <div> |
| | | <div class="name">本年累计循环烟箱</div> |
| | | <div><span class="num">{{ data1.smokeBoxTotal }}</span><span>只</span></div> |
| | | <div><span class="num" v-if="data1.smokeBoxTotal">{{ data1.smokeBoxTotal.toLocaleString() }}</span><span>只</span></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <img class="icon" src="@/assets/images/ic_yongdian@2x.png" alt="" /> |
| | | <div class="content"> |
| | | <div class="name">上月用电(kw·h)</div> |
| | | <div class="num">{{ data1.electricityQuantity }}</div> |
| | | <div class="num" v-if="data1.electricityQuantity">{{ data1.electricityQuantity.toLocaleString() }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="static"> |
| | |
| | | <img class="icon" src="@/assets/images/ic_yongshui@2x.png" alt="" /> |
| | | <div class="content"> |
| | | <div class="name">上月用水(t)</div> |
| | | <div class="num">{{ data1.waterQuantity }}</div> |
| | | <div class="num" v-if="data1.waterQuantity">{{ data1.waterQuantity.toLocaleString() }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="static"> |
| | |
| | | <img class="icon" src="@/assets/images/ic_yongqi@2x.png" alt="" /> |
| | | <div class="content"> |
| | | <div class="name">上月用气(t)</div> |
| | | <div class="num">{{ data1.gasQuantity }}</div> |
| | | <div class="num" v-if="data1.gasQuantity">{{ data1.gasQuantity.toLocaleString() }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="static"> |
| | |
| | | <img src="@/assets/images/ic_co2@2x.png" class="co2" alt=""> |
| | | <div> |
| | | <div class="name">本月累计碳排放</div> |
| | | <div><span class="num">{{ data1.carbon }}</span><span>吨</span></div> |
| | | <div><span class="num" v-if="data1.carbon">{{ data1.carbon.toLocaleString() }}</span><span>吨</span></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="top"><span v-if="i < 3">top</span>{{ i }}</div> |
| | | <div class="id_card">{{ item.carNo }}</div> |
| | | <div class="wrap"> |
| | | <ChargeRate :rate="item.rate" :color /> |
| | | <ChargeRate :rate="item.rate" :color="i > 2 ? 'cyan': '#e3a83a'" /> |
| | | </div> |
| | | <div class="num">{{ item.quantity }}</div> |
| | | </div> |
| | |
| | | grid: { |
| | | top: '26%', |
| | | left: '4%', |
| | | right: '2%', |
| | | right: '6%', |
| | | bottom: '2%', |
| | | containLabel: true |
| | | }, |
| | |
| | | // 绘制图表 |
| | | myChart.setOption({ |
| | | grid: { |
| | | top: '26%', |
| | | left: '2%', |
| | | top: '24%', |
| | | left: '6%', |
| | | right: '2%', |
| | | bottom: '4%', |
| | | containLabel: true |
| | |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | name: 'kw·h', |
| | | name: '单位:kw·h', |
| | | nameTextStyle: { |
| | | padding: [0, 0, 4, -30] // 四个数字分别为上右下左与原位置距离 |
| | | }, |
| | |
| | | { offset: 1, color: '#1d4861' } |
| | | ] |
| | | ), |
| | | barBorderRadius: [10, 10, 0, 0] |
| | | barBorderRadius: [3, 3, 0, 0] |
| | | } |
| | | } |
| | | } |