This commit is contained in:
linfso 2024-10-15 21:46:32 +08:00
parent 2aaca921eb
commit 3593a301c4
3 changed files with 40 additions and 30 deletions

View File

@ -493,6 +493,13 @@
font-weight: 700;
}
.el-tabs-container {
display: flex;
flex-direction: column;
height: 100%;
}
.el-table {
width: 100%;
display: flex;

View File

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<div class="tab-container">
<el-tabs slot="pageTabs" v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick">
<div class="el-tabs-container">
<el-tabs slot="pageTabs" style="flex:1;" v-model="activeTab" @tab-click="handleTabsClick">
<el-tab-pane label="回款预警汇总" name="payback" >
<BillPaybackSumQuery @onSelect="onSelect"> </BillPaybackSumQuery>
</el-tab-pane>
@ -50,14 +50,14 @@ export default {
},
onSelect(item) {
console.log("===onSelect===1111=>",item)
this.queryType=1;
// console.log("===onSelect===1111=>",item)
this.queryType=1;
this.queryInfo=item;
this.activeTab="warningList";
},
onSelectOpenBill(item) {
console.log("===onSelect===2222=>",item)
this.queryType=2;
// console.log("===onSelect===2222=>",item)
this.queryType=2;
this.queryInfo=item;
this.activeTab="warningList";
},
@ -67,13 +67,9 @@ export default {
</script>
<style scoped>
.tab-container {
width: 100%;
}
.el-tabs__nav{
/* .el-tabs__nav{
display: flex !important;
flex-wrap: wrap !important;
}
} */
</style>

View File

@ -1,33 +1,40 @@
<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" />
<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>
</el-col>
</el-row>
<div v-if="activeTab==='a1'">
<SendStatPanel @onSelect="onSendSelect"></SendStatPanel>
</div>
<div v-if="activeTab==='a2'">
<DestStatPanel @onSelect="onDestSelect"></DestStatPanel>
<!-- <div v-if="activeTab==='a1'">
</div> -->
<!-- <div v-if="activeTab==='a2'">
</div>
<div v-if="activeTab==='a3'">
<ScanDtlListPanel :queryObj="queryDtlObj"></ScanDtlListPanel>
</div>
<div v-if="activeTab==='a4'">
<ScanDtlAllListPanel></ScanDtlAllListPanel>
</div>
</div> -->
</div>
</template>