61 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			61 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
<template>
 | 
						|
  <div class="app-mark-rate">
 | 
						|
    <keep-alive :include="['List']">
 | 
						|
      <component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
 | 
						|
    </keep-alive>
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
 | 
						|
<script>
 | 
						|
import Detail from './components/Detail.vue'
 | 
						|
import List from './components/List.vue'
 | 
						|
export default {
 | 
						|
  name: "AppMarkRate",
 | 
						|
  label:'门店评价',
 | 
						|
  props: {
 | 
						|
    instance: Function,
 | 
						|
    dict: Object
 | 
						|
  },
 | 
						|
  components:{Detail,List},
 | 
						|
  data() {
 | 
						|
    return {
 | 
						|
      component: 'List',
 | 
						|
      params: {},
 | 
						|
      include: []
 | 
						|
    }
 | 
						|
  },
 | 
						|
  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" scoped>
 | 
						|
.app-mark-rate{
 | 
						|
  height: 100%;
 | 
						|
  background: #F3F6F9;
 | 
						|
  overflow: auto;
 | 
						|
}
 | 
						|
</style>
 |