Files
dvcp_v2_webapp/packages/device/AppBroadcast/AppBroadcast.vue
shijingjing d24898b558 任务详情
2022-06-08 17:57:19 +08:00

69 lines
1.2 KiB
Vue

<template>
<div class="AppBroadcast">
<keep-alive :include="['List']">
<component ref="component" :is="component" @change="onChange" :params="params" :instance="instance" :dict="dict"></component>
</keep-alive>
</div>
</template>
<script>
import List from './components/List'
import Add from './components/Add'
import Detail from './components/Detail'
export default {
label: '播发记录',
name: 'AppBroadcast',
props: {
instance: Function,
dict: Object,
},
data() {
return {
component: 'Detail',
params: {},
include: [],
}
},
components: {
Add,
List,
Detail
},
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">
.AppBroadcast {
height: 100%;
background: #f3f6f9;
overflow: auto;
}
</style>