<template>
|
<div class="search-form">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tab-pane label="本月逾期概况表" name="first">
|
<OverdueReportTableVue
|
v-if="activeName == 'first'"
|
:tableTitle="'本月团队逾期概况表(笔数)'"
|
:model="queryOrgOverdueSummaryListModel"
|
v-bind="$attrs"
|
/>
|
<OverdueReportTableVue
|
v-if="activeName == 'first'"
|
:tableTitle="'本月团队逾期概况表(金额)'"
|
:model="queryOrgOverdueAmtSummaryListModel"
|
v-bind="$attrs"
|
/>
|
<OverdueReportTableVue
|
v-if="activeName == 'first'"
|
:tableTitle="'本月客户经理逾期概况表(笔数)'"
|
:model="queryCustomerMgrOverdueSummaryListModel"
|
v-bind="$attrs"
|
/>
|
<OverdueReportTableVue
|
v-if="activeName == 'first'"
|
:tableTitle="'本月客户经理逾期概况表(金额)'"
|
:model="queryCustomerMgrOverdueAmtSummaryListModel"
|
v-bind="$attrs"
|
/>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="本月逾期回收概况表" name="second">
|
<OverdueReportTableVue
|
v-if="activeName == 'second'"
|
:tableTitle="'本月团队逾期回收概况表(笔数)'"
|
:model="queryOverdueRepaymentSummaryListModel"
|
v-bind="$attrs"
|
/>
|
<OverdueReportTableVue
|
v-if="activeName == 'second'"
|
:tableTitle="'本月团队逾期回收概况表(金额)'"
|
:model="queryOverdueRepaymentAmtSummaryListModel"
|
v-bind="$attrs"
|
/>
|
<OverdueReportTableVue
|
v-if="activeName == 'second'"
|
:tableTitle="'本月客户经理逾期回收概况表(笔数)'"
|
:model="queryCustomerMgrRepaymentSummaryListModel"
|
v-bind="$attrs"
|
/>
|
<OverdueReportTableVue
|
v-if="activeName == 'second'"
|
:tableTitle="'本月客户经理逾期回收概况表(金额)'"
|
:model="queryCustomerMgrRepaymentAmtSummaryListModel"
|
v-bind="$attrs"
|
/>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
<script>
|
import OverdueReportTableVue from "./components/overdueReportTable.vue";
|
|
//本月客户经理逾期概况表(金额)
|
import queryCustomerMgrOverdueAmtSummaryList from "@/controller/queryCustomerMgrOverdueAmtSummaryList";
|
//本月客户经理逾期概况表(笔数)
|
import queryCustomerMgrOverdueSummaryList from "@/controller/queryCustomerMgrOverdueSummaryList";
|
//本月逾期回收概况表客户经理(金额)
|
import queryCustomerMgrRepaymentAmtSummaryList from "@/controller/queryCustomerMgrRepaymentAmtSummaryList";
|
//本月逾期回收概况表客户经理(笔数)
|
import queryCustomerMgrRepaymentSummaryList from "@/controller/queryCustomerMgrRepaymentSummaryList";
|
//本月团队逾期概况表(金额)
|
import queryOrgOverdueAmtSummaryList from "@/controller/queryOrgOverdueAmtSummaryList";
|
//本月团队逾期概况表(笔数)
|
import queryOrgOverdueSummaryList from "@/controller/queryOrgOverdueSummaryList";
|
//本月团队逾期回收概况表(金额)
|
import queryOverdueRepaymentAmtSummaryList from "@/controller/queryOverdueRepaymentAmtSummaryList";
|
//本月团队逾期回收概况表(笔数)
|
import queryOverdueRepaymentSummaryList from "@/controller/queryOverdueRepaymentSummaryList";
|
|
export default {
|
components: {
|
OverdueReportTableVue,
|
},
|
props: {},
|
data() {
|
return {
|
activeName: "first",
|
queryCustomerMgrOverdueAmtSummaryListModel:
|
queryCustomerMgrOverdueAmtSummaryList(),
|
queryCustomerMgrOverdueSummaryListModel:
|
queryCustomerMgrOverdueSummaryList(),
|
queryCustomerMgrRepaymentAmtSummaryListModel:
|
queryCustomerMgrRepaymentAmtSummaryList(),
|
queryCustomerMgrRepaymentSummaryListModel:
|
queryCustomerMgrRepaymentSummaryList(),
|
queryOrgOverdueAmtSummaryListModel: queryOrgOverdueAmtSummaryList(),
|
queryOrgOverdueSummaryListModel: queryOrgOverdueSummaryList(),
|
queryOverdueRepaymentAmtSummaryListModel:
|
queryOverdueRepaymentAmtSummaryList(),
|
queryOverdueRepaymentSummaryListModel: queryOverdueRepaymentSummaryList(),
|
};
|
},
|
created() {
|
this.init();
|
},
|
methods: {
|
async init() {},
|
handleClick(tab, event) {
|
console.log(tab, event);
|
},
|
},
|
computed: {},
|
};
|
</script>
|
|
<style lang="postcss" scoped>
|
</style>
|
