103 lines
2.2 KiB
Vue
103 lines
2.2 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
|
|
<div class="el-tabs-container">
|
|
<el-tabs v-model="activeTab" style="flex:1;">
|
|
<el-tab-pane label="寄件录单统计" name="a1" >
|
|
<SendStatPanel @onSelect="onSendSelect"></SendStatPanel>
|
|
|
|
</el-tab-pane>
|
|
<el-tab-pane label="目的网点录单统计" name="a2" >
|
|
<DestStatPanel @onSelect="onDestSelect"></DestStatPanel>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="扫描数据统计" name="a3" >
|
|
<ScanDtlListPanel :queryObj="queryDtlObj"></ScanDtlListPanel>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="全部明细统计" name="a4" >
|
|
<ScanDtlAllListPanel></ScanDtlAllListPanel>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
|
|
<!-- <div v-if="activeTab==='a1'">
|
|
|
|
</div> -->
|
|
|
|
<!-- <div v-if="activeTab==='a2'">
|
|
|
|
</div>
|
|
|
|
<div v-if="activeTab==='a3'">
|
|
|
|
</div>
|
|
|
|
<div v-if="activeTab==='a4'">
|
|
|
|
</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>
|