| | |
| | | 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() |
| | | // getData4() |
| | | getData5() |
| | | getData6() |
| | | getData7() |
| | |
| | | .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; |