|  |  | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     <RouterView /> | 
 |  |  |     <KeepAlive> | 
 |  |  |       <router-view></router-view> | 
 |  |  |     </KeepAlive> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  | import { getDepartmentList } from '@/utils/api.js' | 
 |  |  | import { reactive, toRefs, onMounted, computed } from 'vue'; | 
 |  |  | import { useCounterStore } from '@/stores/counter.js' | 
 |  |  | import { RouterView, useRoute, useRouter } from 'vue-router' | 
 |  |  | import { useRoute, useRouter } from 'vue-router' | 
 |  |  | const enterprise = useCounterStore() | 
 |  |  | const route = useRoute() | 
 |  |  | const router = useRouter() | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | onMounted(() => { | 
 |  |  |   console.log(route.name); | 
 |  |  |   getDepartmentList(enterprise.companyId) | 
 |  |  |     .then(res => { | 
 |  |  |       data.comList = res |