md
This commit is contained in:
parent
2aaca921eb
commit
3593a301c4
@ -493,6 +493,13 @@
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.el-tabs-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.el-table {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user