<!-- 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="visitStatistics">
|
<visit-Statistics
|
v-if="activeTab === 'visitStatistics'"
|
ref="visitStatisticsRef"
|
/>
|
</el-tab-pane>
|
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
import FollowupStatistics from "./components/FollowupStatistics.vue";
|
import visitStatistics from "./components/visitStatistics.vue";
|
import SatisfactionStatistics from "./components/SatisfactionStatistics.vue";
|
|
export default {
|
name: "StatisticsMain",
|
components: {
|
FollowupStatistics,
|
SatisfactionStatistics,
|
visitStatistics,
|
},
|
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>
|
