<!-- StatisticsMain.vue -->
|
<template>
|
<div class="statistics-main">
|
<el-tabs v-model="activeTab" @tab-click="handleTabChange">
|
<el-tab-pane label="随访统计" name="followup">
|
<followup-statistics
|
v-if="activeTab === 'followup'"
|
ref="followupRef"
|
/>
|
</el-tab-pane>
|
<el-tab-pane label="满意度统计" name="satisfaction">
|
<satisfaction-statistics
|
v-if="activeTab === 'satisfaction'"
|
ref="satisfactionRef"
|
/>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
import FollowupStatistics from './components/FollowupStatistics.vue';
|
import SatisfactionStatistics from './components/SatisfactionStatistics.vue';
|
|
export default {
|
name: 'StatisticsMain',
|
components: {
|
FollowupStatistics,
|
SatisfactionStatistics
|
},
|
data() {
|
return {
|
activeTab: 'followup'
|
};
|
},
|
methods: {
|
handleTabChange(tab) {
|
console.log('切换到:', tab.name);
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.statistics-main {
|
padding: 20px;
|
background: #fff;
|
min-height: calc(100vh - 84px);
|
|
::v-deep .el-tabs__header {
|
margin-bottom: 20px;
|
}
|
|
::v-deep .el-tabs__item {
|
font-size: 16px;
|
font-weight: 500;
|
}
|
|
::v-deep .el-tabs__nav-wrap::after {
|
height: 1px;
|
}
|
}
|
</style>
|
