|
|
|
|
@ -520,10 +520,16 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="align_center"> |
|
|
|
|
<div :class="{ button: true, active: isActive }" @click="isActive = !isActive"> |
|
|
|
|
<div |
|
|
|
|
:class="{ button: true, active: abnormal_status === 'day' }" |
|
|
|
|
@click="() => (abnormal_status = 'day')" |
|
|
|
|
> |
|
|
|
|
当天 |
|
|
|
|
</div> |
|
|
|
|
<div :class="{ button: true, active: !isActive }" @click="isActive = !isActive"> |
|
|
|
|
<div |
|
|
|
|
:class="{ button: true, active: abnormal_status === 'month' }" |
|
|
|
|
@click="() => (abnormal_status = 'month')" |
|
|
|
|
> |
|
|
|
|
当月 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -536,7 +542,7 @@
|
|
|
|
|
<span>发起数</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="mt10"> |
|
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
|
<span class="data mr5px">{{ abnormal_Info.sendNum }}</span> |
|
|
|
|
<span class="">单</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -547,7 +553,7 @@
|
|
|
|
|
<span>待处理</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="mt10"> |
|
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
|
<span class="data mr5px">{{ abnormal_Info.noDealNum }}</span> |
|
|
|
|
<span class="">单</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -558,7 +564,7 @@
|
|
|
|
|
<span>异常率</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="mt10"> |
|
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
|
<span class="data mr5px">{{ abnormal_Info.abnormalRate }}</span> |
|
|
|
|
<span class="">%</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -726,7 +732,7 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
import { ref, onMounted } from 'vue'; |
|
|
|
|
|
|
|
|
|
import { |
|
|
|
|
@ -828,6 +834,9 @@ const details = reactive({
|
|
|
|
|
|
|
|
|
|
const isActive = ref(false); |
|
|
|
|
|
|
|
|
|
/** 异常数据状态 */ |
|
|
|
|
const abnormal_status = ref<'day' | 'month'>('day'); |
|
|
|
|
|
|
|
|
|
/** 请求开单数据 */ |
|
|
|
|
const initOpenOrderData = async () => { |
|
|
|
|
try { |
|
|
|
|
@ -848,6 +857,9 @@ const initOpenOrderIncome = async () => {
|
|
|
|
|
try { |
|
|
|
|
details.loadingObj.openOrderIncome = true; |
|
|
|
|
const res = await postOpenOrderIncome({}); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.openOrderIncomeInfo = data; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
@ -860,6 +872,9 @@ const initAllocationData = async () => {
|
|
|
|
|
try { |
|
|
|
|
details.loadingObj.allocationData = true; |
|
|
|
|
const res = await postAllocationData({}); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.allocationDataInfo = data; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
@ -872,6 +887,9 @@ const initHandOrderData = async () => {
|
|
|
|
|
try { |
|
|
|
|
details.loadingObj.handOrderData = true; |
|
|
|
|
const res = await postHandOrderData({}); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.handOrderDataInfo = data; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
@ -884,6 +902,9 @@ const initTrunklineHandOrderData = async () => {
|
|
|
|
|
try { |
|
|
|
|
details.loadingObj.trunklineHandOrderData = true; |
|
|
|
|
const res = await postTrunklineHandOrderData({}); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.trunklineHandOrderDataInfo = data; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
@ -896,6 +917,9 @@ const initTrunklineCarsData = async () => {
|
|
|
|
|
try { |
|
|
|
|
details.loadingObj.trunklineCarsData = true; |
|
|
|
|
const res = await postTrunklineCarsData({}); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.trunklineCarsDataInfo = data; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
@ -908,6 +932,9 @@ const initUnloadAbnormalData = async () => {
|
|
|
|
|
try { |
|
|
|
|
details.loadingObj.unloadAbnormalData = true; |
|
|
|
|
const res = await postUnloadAbnormalData({}); |
|
|
|
|
const { code, data } = res.data; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
details.unloadAbnormalDataInfo = data; |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
@ -926,6 +953,23 @@ const handleRefresh = () => {
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
handleRefresh(); |
|
|
|
|
|
|
|
|
|
const abnormal_Info = computed(() => { |
|
|
|
|
const _obj = |
|
|
|
|
abnormal_status.value === 'day' |
|
|
|
|
? { |
|
|
|
|
sendNum: details.unloadAbnormalDataInfo.sendDayNum, |
|
|
|
|
noDealNum: details.unloadAbnormalDataInfo.noDealDayNum, |
|
|
|
|
abnormalRate: details.unloadAbnormalDataInfo.abnormalDayRate, |
|
|
|
|
} |
|
|
|
|
: { |
|
|
|
|
sendNum: details.unloadAbnormalDataInfo.sendMonthNum, |
|
|
|
|
noDealNum: details.unloadAbnormalDataInfo.noDealMonthNum, |
|
|
|
|
abnormalRate: details.unloadAbnormalDataInfo.abnormalMonthRate, |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
return _obj; |
|
|
|
|
}); |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
