34 lines
		
	
	
		
			708 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			34 lines
		
	
	
		
			708 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <section class="AppArticles">
 | |
|     <component :is="currentComponent" :instance="instance" :dict="dict" :permissions="permissions"/>
 | |
|   </section>
 | |
| </template>
 | |
| 
 | |
| <script>
 | |
| import Add from "./components/Add";
 | |
| import Detail from "./components/Detail";
 | |
| import Event from "./components/Event";
 | |
| 
 | |
| export default {
 | |
|   name: "AppArticles",
 | |
|   label: "村务公开(运营版)",
 | |
|   components: {Event, Detail, Add},
 | |
|   props: {
 | |
|     instance: Function,
 | |
|     dict: Object,
 | |
|     permissions: Function
 | |
|   },
 | |
|   computed: {
 | |
|     currentComponent() {
 | |
|       return this.$route.hash == "#add" ? Add :
 | |
|           !!this.$route.query?.id ? Detail : Event
 | |
|     }
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style lang="scss" scoped>
 | |
| .AppArticles {
 | |
| }
 | |
| </style>
 |