67 lines
1.8 KiB
Vue
67 lines
1.8 KiB
Vue
<template>
|
|
<el-tree
|
|
:data="props.data==''?[]:props.data"
|
|
:props="defaultProps"
|
|
@node-click="handleNodeClick"
|
|
:expand-on-click-node="false"
|
|
node-key="id"
|
|
:default-expand-all='true'
|
|
:highlight-current="true"
|
|
:current-node-key="currentNodeKey"
|
|
>
|
|
|
|
<template #default="{ node, data }">
|
|
<span class="custom-tree-node">
|
|
<span>{{data.name}}</span>
|
|
<span>
|
|
|
|
<a style="color: #409EFF; margin-left: 8px" @click="$emit('create',node, data)" v-hasPer="['bbs:article:add']"
|
|
|
|
> + </a>
|
|
<a style="color: #409EFF; margin-left: 8px" @click="$emit('update',node, data)" v-hasPer="['bbs:article:edit']"
|
|
|
|
> 编辑 </a>
|
|
<a style="color: #f56c6c; margin-left: 8px" @click="$emit('remove',node, data)" v-hasPer="['bbs:article:remove']"
|
|
|
|
> 删除 </a>
|
|
</span>
|
|
</span>
|
|
</template>
|
|
</el-tree>
|
|
</template>
|
|
<script setup>
|
|
import { ref } from 'vue';
|
|
|
|
|
|
const props = defineProps(['data',"currentNodeKey"])
|
|
const emits= defineEmits(["handleNodeClick"])
|
|
|
|
const currentNodeKey=props.currentNodeKey;
|
|
//数据定义
|
|
//子文章数据
|
|
// const articleData =ref([]);
|
|
//树形子文章选项
|
|
const defaultProps = {
|
|
children: "children",
|
|
label: "name",
|
|
};
|
|
// //子文章初始化
|
|
// const loadArticleData=async()=>
|
|
// {
|
|
// articleData.value= await articleall(route.params.discussId);
|
|
// }
|
|
//点击事件
|
|
const handleNodeClick = (data) => {
|
|
emits('handleNodeClick',data)
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
.custom-tree-node {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-size: 14px;
|
|
padding-right: 8px;
|
|
}
|
|
</style> |