75 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			75 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <div class="doc-circulation ailist-wrapper">
 | |
|     <keep-alive :include="['List']">
 | |
|       <component ref="component" :is="component" @change="onChange" :params="params" v-bind="$props"/>
 | |
|     </keep-alive>
 | |
|   </div>
 | |
| </template>
 | |
| 
 | |
| <script>
 | |
| import List from './components/List'
 | |
| import Add from './components/Add'
 | |
| import Detail from './components/Detail'
 | |
| 
 | |
| export default {
 | |
|   name: 'AppVillageRegulations',
 | |
|   label: '村规民约',
 | |
| 
 | |
|   props: {
 | |
|     instance: Function,
 | |
|     dict: Object,
 | |
|     menuName: {default: "村规民约"}
 | |
|   },
 | |
| 
 | |
|   data() {
 | |
|     return {
 | |
|       component: 'List',
 | |
|       params: {},
 | |
|       include: []
 | |
|     }
 | |
|   },
 | |
| 
 | |
|   components: {
 | |
|     Add,
 | |
|     List,
 | |
|     Detail
 | |
|   },
 | |
| 
 | |
|   mounted() {
 | |
|   },
 | |
| 
 | |
|   methods: {
 | |
|     onChange(data) {
 | |
|       if (data.type === 'Add') {
 | |
|         this.component = 'Add'
 | |
|         this.params = data.params
 | |
|       }
 | |
| 
 | |
|       if (data.type === 'Detail') {
 | |
|         this.component = 'Detail'
 | |
|         this.params = data.params
 | |
|       }
 | |
| 
 | |
|       if (data.type === 'list') {
 | |
|         this.component = 'List'
 | |
|         this.params = data.params
 | |
| 
 | |
|         this.$nextTick(() => {
 | |
|           if (data.isRefresh) {
 | |
|             this.$refs.component.getList()
 | |
|           }
 | |
|         })
 | |
|       }
 | |
|     }
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style lang="scss">
 | |
| .doc-circulation {
 | |
|   height: 100%;
 | |
|   background: #F3F6F9;
 | |
|   overflow: auto;
 | |
| }
 | |
| </style>
 |