- 添加 AppBreedArchive 组件作为电子档案的主入口 - 实现档案列表页面,包括筛选、搜索和导出功能 - 实现档案详细信息页面,展示基础信息和记录 - 集成 vuex 状态管理,支持用户信息和字典数据的全局共享
		
			
				
	
	
		
			36 lines
		
	
	
		
			627 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			36 lines
		
	
	
		
			627 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <script>
 | |
| import add from "./add.vue";
 | |
| import list from "./list.vue";
 | |
| 
 | |
| export default {
 | |
|   name: "AppBreedArchive",
 | |
|   label: "电子档案",
 | |
|   props: {
 | |
|     instance: Function,
 | |
|     dict: Object,
 | |
|     permissions: Function
 | |
|   },
 | |
|   computed: {
 | |
|     currentPage() {
 | |
|       let {hash} = this.$route
 | |
|       return hash == "#add" ? add : list
 | |
|     }
 | |
|   },
 | |
|   created() {
 | |
|     this.dict.load("archiveStatus", "category", "variety")
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <template>
 | |
|   <section class="AppBreedArchive">
 | |
|     <component :is="currentPage" v-bind="$props"/>
 | |
|   </section>
 | |
| </template>
 | |
| 
 | |
| <style scoped lang="scss">
 | |
| .AppBreedArchive {
 | |
|   height: 100%;
 | |
| }
 | |
| </style>
 |