|  |  |  | 
|---|
|  |  |  | <div class="main_app"> | 
|---|
|  |  |  | <img src="@/assets/images/bg_main_app.png" class="main_bg" alt="" /> | 
|---|
|  |  |  | <div class="main_header"> | 
|---|
|  |  |  | <img src="@/assets/images/maintitle@2x.png" class="main_header_bg" alt="" /> | 
|---|
|  |  |  | <img src="@/assets/images/maintitle.gif" class="main_header_bg" alt="" /> | 
|---|
|  |  |  | <div class="title">安泰智慧物流园区-绿色低碳运营</div> | 
|---|
|  |  |  | <div class="time_wrap"> | 
|---|
|  |  |  | <span class="date">{{ date }}</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | <img src="@/assets/images/nenghao_ic1.png" class="co2" alt=""> | 
|---|
|  |  |  | <div> | 
|---|
|  |  |  | <div class="name">本年累计循环烟箱</div> | 
|---|
|  |  |  | <div><span class="num" v-if="data1.smokeBoxTotal || data1.smokeBoxTotal == 0">{{ | 
|---|
|  |  |  | <div><span class="num" style="color: #68cfb2;" v-if="data1.smokeBoxTotal || data1.smokeBoxTotal == 0">{{ | 
|---|
|  |  |  | data1.smokeBoxTotal.toLocaleString() | 
|---|
|  |  |  | }}</span><span>只</span></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="static" v-if="data1.electricityQuantity"> | 
|---|
|  |  |  | <span class="lab">同比</span> | 
|---|
|  |  |  | <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.sameNum" class="icon" | 
|---|
|  |  |  | src="@/assets/images/ic_up.webp" alt="" /> | 
|---|
|  |  |  | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> | 
|---|
|  |  |  | <template v-if="data1.electricityQuantity.sameNum"> | 
|---|
|  |  |  | <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.sameNum" class="icon" | 
|---|
|  |  |  | src="@/assets/images/ic_up.webp" alt="" /> | 
|---|
|  |  |  | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <span class="val" | 
|---|
|  |  |  | v-if="data1.electricityQuantity.totalNum && data1.electricityQuantity.totalNum != 0">{{ | 
|---|
|  |  |  | Math.abs(((data1.electricityQuantity.totalNum - | 
|---|
|  |  |  | data1.electricityQuantity.sameNum) / data1.electricityQuantity.totalNum * 100).toFixed(1)) | 
|---|
|  |  |  | }}%</span> | 
|---|
|  |  |  | <span class="val" v-else>-</span> | 
|---|
|  |  |  | <span class="val" v-else style="margin-left: 4px;"> -</span> | 
|---|
|  |  |  | <span class="lab">环比</span> | 
|---|
|  |  |  | <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.ringNum" class="icon" | 
|---|
|  |  |  | src="@/assets/images/ic_up.webp" alt="" /> | 
|---|
|  |  |  | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> | 
|---|
|  |  |  | <template v-if="data1.electricityQuantity.ringNum"> | 
|---|
|  |  |  | <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.ringNum" class="icon" | 
|---|
|  |  |  | src="@/assets/images/ic_up.webp" alt="" /> | 
|---|
|  |  |  | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <span class="val" | 
|---|
|  |  |  | v-if="data1.electricityQuantity.totalNum && data1.electricityQuantity.totalNum != 0">{{ | 
|---|
|  |  |  | Math.abs(((data1.electricityQuantity.totalNum - | 
|---|
|  |  |  | data1.electricityQuantity.ringNum) / data1.electricityQuantity.totalNum * 100).toFixed(1)) | 
|---|
|  |  |  | }}%</span> | 
|---|
|  |  |  | <span class="val" v-else>-</span> | 
|---|
|  |  |  | <span class="val" v-else style="margin-left: 4px;"> -</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="static" v-if="data1.waterQuantity"> | 
|---|
|  |  |  | <span class="lab">同比</span> | 
|---|
|  |  |  | <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.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.waterQuantity.totalNum && data1.waterQuantity.totalNum != 0">{{ | 
|---|
|  |  |  | <template v-if="data1.waterQuantity.sameNum"> | 
|---|
|  |  |  | <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.sameNum" class="icon" | 
|---|
|  |  |  | src="@/assets/images/ic_up.webp" alt="" /> | 
|---|
|  |  |  | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <span class="val" v-if="data1.waterQuantity.sameNum && data1.waterQuantity.sameNum != 0">{{ | 
|---|
|  |  |  | Math.abs(((data1.waterQuantity.totalNum - | 
|---|
|  |  |  | data1.waterQuantity.sameNum) / data1.waterQuantity.totalNum * 100).toFixed(1)) }}%</span> | 
|---|
|  |  |  | <span class="val" v-else>-</span> | 
|---|
|  |  |  | data1.waterQuantity.sameNum) / data1.waterQuantity.sameNum * 100).toFixed(1)) }}%</span> | 
|---|
|  |  |  | <span class="val" v-else style="margin-left: 4px;">-</span> | 
|---|
|  |  |  | <span class="lab">环比</span> | 
|---|
|  |  |  | <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.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.waterQuantity.totalNum && data1.waterQuantity.totalNum != 0">{{ | 
|---|
|  |  |  | <template v-if="data1.waterQuantity.ringNum"> | 
|---|
|  |  |  | <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.ringNum" class="icon" | 
|---|
|  |  |  | src="@/assets/images/ic_up.webp" alt="" /> | 
|---|
|  |  |  | <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <span class="val" v-if="data1.waterQuantity.ringNum && data1.waterQuantity.ringNum != 0">{{ | 
|---|
|  |  |  | Math.abs(((data1.waterQuantity.totalNum - | 
|---|
|  |  |  | data1.waterQuantity.ringNum) / data1.waterQuantity.totalNum * 100).toFixed(1)) }}%</span> | 
|---|
|  |  |  | <span class="val" v-else>-</span> | 
|---|
|  |  |  | data1.waterQuantity.ringNum) / data1.waterQuantity.ringNum * 100).toFixed(1)) }}%</span> | 
|---|
|  |  |  | <span class="val" v-else style="margin-left: 4px;">-</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="static" v-if="data1.gasQuantity"> | 
|---|
|  |  |  | <span class="lab">同比</span> | 
|---|
|  |  |  | <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 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> | 
|---|
|  |  |  | <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>-</span> | 
|---|
|  |  |  | <span class="val" v-else style="margin-left: 4px;">-</span> | 
|---|
|  |  |  | <span class="lab">环比</span> | 
|---|
|  |  |  | <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 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> | 
|---|
|  |  |  | <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)) | 
|---|
|  |  |  | }}%</span> | 
|---|
|  |  |  | <span class="val" v-else>-</span> | 
|---|
|  |  |  | <span class="val" v-else style="margin-left: 4px;">-</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="data3 && data3.length > 0" class="list"> | 
|---|
|  |  |  | <template v-for="item, i in data3"> | 
|---|
|  |  |  | <div v-if="i < 6" class="line" > | 
|---|
|  |  |  | <div v-if="i < 6" class="line"> | 
|---|
|  |  |  | <div class="top"><span v-if="i < 3">top</span>{{ i + 1 }}</div> | 
|---|
|  |  |  | <div class="id_card">{{ item.carNo }}</div> | 
|---|
|  |  |  | <div class="wrap"> | 
|---|
|  |  |  | 
|---|
|  |  |  | getData4() | 
|---|
|  |  |  | getData5() | 
|---|
|  |  |  | getData6() | 
|---|
|  |  |  | setInterval(() => { | 
|---|
|  |  |  | getData4() | 
|---|
|  |  |  | }, 1000 * 60) | 
|---|
|  |  |  | setInterval(() => { | 
|---|
|  |  |  | getData1() | 
|---|
|  |  |  | getData2() | 
|---|
|  |  |  | getData3() | 
|---|
|  |  |  | getData5() | 
|---|
|  |  |  | getData6() | 
|---|
|  |  |  | }, 1000 * 60 * 60) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|