30 lines
1.1 KiB
Vue
30 lines
1.1 KiB
Vue
<template>
|
|
<div class="layout-content-wrap">
|
|
<el-tabs class="zd-el-tabs-custom zd-el-tabs-custom__left_padding" v-model="activeName" @tab-click="handleClick">
|
|
<el-tab-pane label="数据字典" name="dictManage"></el-tab-pane>
|
|
<el-tab-pane label="调解协议模板管理" name="templateManagement"></el-tab-pane>
|
|
<el-tab-pane label="调解话术管理" name="speechcraftManagement"></el-tab-pane>
|
|
|
|
</el-tabs>
|
|
<components :is="activeName"></components>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
components: {
|
|
dictManage: () => import('./components/dictManage'),
|
|
templateManagement: () => import('./components/templateManagement'),
|
|
speechcraftManagement: () => import('./components/speechcraftManagement'),
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: 'dictManage'
|
|
};
|
|
},
|
|
methods: {
|
|
handleClick(tab, event) {
|
|
console.log(tab, event);
|
|
}
|
|
}
|
|
};
|
|
</script> |