emis-frontend/src/views/emis/emisWaybill/recordScanStatistics.vue
2024-10-08 06:39:49 +08:00

96 lines
2.1 KiB
Vue

<template>
<div class="app-container">
<el-row :gutter="0" type='flex'>
<el-col :span="24" :xs="24">
<el-tabs v-model="activeTab" class="center-tabs">
<el-tab-pane label="寄件录单统计" name="a1" />
<el-tab-pane label="目的网点录单统计" name="a2" />
<el-tab-pane label="扫描数据统计" name="a3" />
<el-tab-pane label="全部明细统计" name="a4" />
</el-tabs>
</el-col>
</el-row>
<div v-if="activeTab==='a1'">
<SendStatPanel @onSelect="onSendSelect"></SendStatPanel>
</div>
<div v-if="activeTab==='a2'">
<DestStatPanel @onSelect="onDestSelect"></DestStatPanel>
</div>
<div v-if="activeTab==='a3'">
<ScanDtlListPanel :queryObj="queryDtlObj"></ScanDtlListPanel>
</div>
<div v-if="activeTab==='a4'">
<ScanDtlAllListPanel></ScanDtlAllListPanel>
</div>
</div>
</template>
<script>
import SendStatPanel from '@/views/emis/emisWaybill/statpanel/SendStatPanel.vue';
import DestStatPanel from '@/views/emis/emisWaybill/statpanel/DestStatPanel.vue';
import ScanDtlListPanel from '@/views/emis/emisWaybill/statpanel/ScanDtlListPanel.vue';
import ScanDtlAllListPanel from '@/views/emis/emisWaybill/statpanel/ScanDtlAllListPanel.vue';
export default {
name: "RecordScanStatistics",
components: {
SendStatPanel,
DestStatPanel,
ScanDtlListPanel,
ScanDtlAllListPanel
},
dicts: [],
data() {
return {
activeTab:'a1',
queryDtlObj:null,
};
},
created() {
},
methods: {
onSendSelect(item){
this.queryDtlObj=item;
this.activeTab="a3";
},
onDestSelect(item){
this.queryDtlObj=item;
this.activeTab="a3";
},
}
};
</script>
<style lang="scss" scoped>
.el-divider{
margin-top: 0px;
background: 0 0;
border-top: 1px solid #E6EBF5;
}
.el-divider__text {
color: #0955ee;
cursor: pointer;
}
.query-label {
.el-radio{
display: block;
line-height: 23px;
white-space: normal;
margin-right: 0;
}
}
</style>