| | |
| | | <template> |
| | | <div class="statistics-main"> |
| | | <el-tabs v-model="activeTab" @tab-click="handleTabChange"> |
| | | <el-tab-pane label="随访统计" name="followup"> |
| | | <el-tab-pane label="满意度随访统计" name="followup"> |
| | | <followup-statistics |
| | | v-if="activeTab === 'followup'" |
| | | ref="followupRef" |
| | | /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="满意度统计" name="satisfaction"> |
| | | <el-tab-pane label="满意度明细统计" name="satisfaction"> |
| | | <satisfaction-statistics |
| | | v-if="activeTab === 'satisfaction'" |
| | | ref="satisfactionRef" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import FollowupStatistics from './components/FollowupStatistics.vue'; |
| | | import SatisfactionStatistics from './components/SatisfactionStatistics.vue'; |
| | | import FollowupStatistics from "./components/FollowupStatistics.vue"; |
| | | import SatisfactionStatistics from "./components/SatisfactionStatistics.vue"; |
| | | |
| | | export default { |
| | | name: 'StatisticsMain', |
| | | name: "Satisfaction", |
| | | components: { |
| | | FollowupStatistics, |
| | | SatisfactionStatistics |
| | | SatisfactionStatistics, |
| | | }, |
| | | data() { |
| | | return { |
| | | activeTab: 'followup' |
| | | activeTab: "followup", |
| | | }; |
| | | }, |
| | | methods: { |
| | | handleTabChange(tab) { |
| | | console.log('切换到:', tab.name); |
| | | } |
| | | } |
| | | console.log("切换到:", tab.name); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |