|  |  |  | 
|---|
|  |  |  | data1.monthLastOutTotal) / data1.monthLastOutTotal) * 100).toFixed(1)) }}%</span> | 
|---|
|  |  |  | <span v-else-if="activeTab1 == 1 && data1.yearLastOutTotal">{{ Math.abs((((data1.yearOutTotal - | 
|---|
|  |  |  | data1.yearLastOutTotal) / data1.yearLastOutTotal) * 100).toFixed(1)) }}%</span> | 
|---|
|  |  |  | <span v-else>-</span> | 
|---|
|  |  |  | <span v-else style="margin-left: 10px;">-</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="train_wrap"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <img src="@/assets/images/energy_ef/ic_renwuzongliang@2x.png" alt=""> | 
|---|
|  |  |  | <div class="content"> | 
|---|
|  |  |  | <div class="name">当前任务量</div> | 
|---|
|  |  |  | <div class="num"><span>{{ data4.planTaskNum }}</span>万支</div> | 
|---|
|  |  |  | <div class="num"><span>{{ activeTab4 == 0 ? data1.currentOutNum : data1.currentInNum }}</span>万支</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <img src="@/assets/images/energy_ef/ic_wanchengrenwu@2x.png" alt=""> | 
|---|
|  |  |  | <div class="content"> | 
|---|
|  |  |  | <div class="name">当日完成任务总量</div> | 
|---|
|  |  |  | <div class="num"><span class="today">{{ data4.finishTaskNum }}</span>万支</div> | 
|---|
|  |  |  | <div class="num"><span v-if="data1.currentOutDoneNum || data1.currentInDoneNum" class="today">{{ | 
|---|
|  |  |  | activeTab4 == | 
|---|
|  |  |  | 0 ? data1.currentOutDoneNum : | 
|---|
|  |  |  | data1.currentInDoneNum | 
|---|
|  |  |  | }}</span>万支</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <img src="@/assets/images/energy_ef/ic_bili@2x.png" alt=""> | 
|---|
|  |  |  | <div class="content"> | 
|---|
|  |  |  | <div class="name">已完成比例</div> | 
|---|
|  |  |  | <div class="num" v-if="data4.finishTaskNum && data4.planTaskNum"><span class="finish">{{ (( | 
|---|
|  |  |  | data4.finishTaskNum / data4.planTaskNum) * 100).toFixed(1) }}%</span>万支</div> | 
|---|
|  |  |  | <div class="num"> | 
|---|
|  |  |  | <span v-if="activeTab4 == 0 && data1.currentOutNum" class="finish">{{ ((data1.currentOutDoneNum / | 
|---|
|  |  |  | data1.currentOutNum) * 100).toFixed(1) }}%</span> | 
|---|
|  |  |  | <span v-if="activeTab4 == 1 && data1.currentInNum" class="finish">{{ ((data1.currentInDoneNum / | 
|---|
|  |  |  | data1.currentInNum) * 100).toFixed(1) }}%</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | dataList3.value = result | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | const data4 = ref({}) | 
|---|
|  |  |  | const activeTab4 = ref(0) | 
|---|
|  |  |  | const tabClick4 = (val) => { | 
|---|
|  |  |  | activeTab4.value = val | 
|---|
|  |  |  | getData4() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | const getData4 = () => { | 
|---|
|  |  |  | wljobData({ queryType: activeTab4.value }).then(res => { | 
|---|
|  |  |  | const result = res.data | 
|---|
|  |  |  | data4.value = result | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | const dataList5 = ref([]) | 
|---|
|  |  |  | const data5 = ref(0) | 
|---|
|  |  |  | 
|---|
|  |  |  | getData1() | 
|---|
|  |  |  | getData2() | 
|---|
|  |  |  | getData3() | 
|---|
|  |  |  | getData4() | 
|---|
|  |  |  | getData5() | 
|---|
|  |  |  | getData6() | 
|---|
|  |  |  | getData7() | 
|---|
|  |  |  |  | 
|---|
|  |  |  | setInterval(() => { | 
|---|
|  |  |  | getData1() | 
|---|
|  |  |  | getData2() | 
|---|
|  |  |  | getData3() | 
|---|
|  |  |  | getData5() | 
|---|
|  |  |  | getData6() | 
|---|
|  |  |  | getData7() | 
|---|
|  |  |  | }, 1000 * 60 * 10) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | setTimeout(() => { | 
|---|
|  |  |  | loopFn1() | 
|---|
|  |  |  | 
|---|
|  |  |  | .num { | 
|---|
|  |  |  | margin-right: 10px; | 
|---|
|  |  |  | font-weight: bold; | 
|---|
|  |  |  | font-size: 46px; | 
|---|
|  |  |  | height: 44px; | 
|---|
|  |  |  | line-height: 52px; | 
|---|
|  |  |  | font-size: 44px; | 
|---|
|  |  |  | height: 48px; | 
|---|
|  |  |  | line-height: 50px; | 
|---|
|  |  |  | font-weight: bold; | 
|---|
|  |  |  | color: #00F2F3; | 
|---|
|  |  |  | letter-spacing: 3px; | 
|---|
|  |  |  | background-image: -webkit-linear-gradient(top, | 
|---|
|  |  |  | #01D9FE 0%, | 
|---|
|  |  |  | #0177FE 60%, | 
|---|
|  |  |  | #1cdafb 0%, | 
|---|
|  |  |  | #0177FE 70%, | 
|---|
|  |  |  | #0177FE 100%); | 
|---|
|  |  |  | -webkit-background-clip: text; | 
|---|
|  |  |  | -webkit-text-fill-color: transparent; | 
|---|