|
@@ -27,11 +27,12 @@
|
|
default-expand-all
|
|
default-expand-all
|
|
:expand-on-click-node="false"
|
|
:expand-on-click-node="false"
|
|
:filter-node-method="filterNode"
|
|
:filter-node-method="filterNode"
|
|
|
|
+ :current-node-key="1"
|
|
>
|
|
>
|
|
<template #default="{ node, data }">
|
|
<template #default="{ node, data }">
|
|
<div class="custom-tree-node">
|
|
<div class="custom-tree-node">
|
|
<div style="flex: 1">{{ node.label}}</div>
|
|
<div style="flex: 1">{{ node.label}}</div>
|
|
- <div class="icon-warp" style="float: right; width: 71px; margin-left: 10px" v-show="activeNode == data.id">
|
|
|
|
|
|
+ <div class="icon-warp" style="float: right; width: 71px; margin-left: 10px" v-if="node.label != '全部'" v-show="activeNode == data.id">
|
|
<el-icon :size="17" @click.stop="() => edit(node, data)">
|
|
<el-icon :size="17" @click.stop="() => edit(node, data)">
|
|
<Edit />
|
|
<Edit />
|
|
</el-icon>
|
|
</el-icon>
|
|
@@ -102,12 +103,17 @@ const props = defineProps({
|
|
default: [],
|
|
default: [],
|
|
},
|
|
},
|
|
});
|
|
});
|
|
-onMounted(() => {});
|
|
|
|
const search = ref("");
|
|
const search = ref("");
|
|
const emit = defineEmits(["update:modelValue"]);
|
|
const emit = defineEmits(["update:modelValue"]);
|
|
const { proxy } = getCurrentInstance();
|
|
const { proxy } = getCurrentInstance();
|
|
-let activeNode = ref('');
|
|
|
|
|
|
+let activeNode = ref('1');
|
|
const treeChange = (e, data) => {
|
|
const treeChange = (e, data) => {
|
|
|
|
+ let el = document.getElementsByClassName("el-tree")[0].firstElementChild;
|
|
|
|
+ console.log(el)
|
|
|
|
+ if(e.id != 1) {
|
|
|
|
+ //删除el的is-current class name
|
|
|
|
+ el.classList.remove('is-current')
|
|
|
|
+ }
|
|
activeNode.value = e.id
|
|
activeNode.value = e.id
|
|
if (proxy.type == "radio") {
|
|
if (proxy.type == "radio") {
|
|
emit("update:modelValue", e.id);
|
|
emit("update:modelValue", e.id);
|
|
@@ -250,6 +256,22 @@ const handleMouseOver = (data) => {
|
|
console.log(data, "sss");
|
|
console.log(data, "sss");
|
|
// currentNode.id = toRaw(data).id;
|
|
// currentNode.id = toRaw(data).id;
|
|
};
|
|
};
|
|
|
|
+
|
|
|
|
+//为class为el-tree的第一个子元素添加一个is-current
|
|
|
|
+const addClass = () => {
|
|
|
|
+ let el = document.getElementsByClassName("el-tree")[0].firstElementChild;
|
|
|
|
+ if(proxy.data.length > 0) {
|
|
|
|
+ el.classList.add("is-current");
|
|
|
|
+ } else{
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ addClass();
|
|
|
|
+ }, 300);
|
|
|
|
+ }
|
|
|
|
+};
|
|
|
|
+onMounted(() => {
|
|
|
|
+ addClass();
|
|
|
|
+});
|
|
|
|
+
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|