update

gaoshp

2024-06-18 b313f3cb40a336c96d86edec8d93336244eba5b5

 src/views/mdc/MYTree.vue

@@ -1,13 +1,13 @@
<!--
 * @Date: 2024-04-18 19:53:35
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-26 15:49:11
 * @LastEditTime: 2024-06-16 16:21:59
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/MYTree.vue
-->
<template>
    <el-tree ref="treeRef" v-bind="$attrs" :show-checkbox="showCheckbox" :current-node-key="currentNodeKey"
        node-key="id" :props="defalutProps" :data="data" @check-change="checkChange" @node-click="handleNodeClick"
        highlight-current default-expand-all :expand-on-click-node="false" :render-content="renderContent"></el-tree>
    <el-tree :expand-on-click-node="false" ref="treeRef" v-bind="$attrs" :show-checkbox="showCheckbox"
        :current-node-key="currentNodeKey" node-key="id" :props="defalutProps" :data="data" @check-change="checkChange"
        @node-click="handleNodeClick" highlight-current default-expand-all :render-content="renderContent"></el-tree>
</template>

<script>
@@ -37,7 +37,7 @@
            defalutProps: {
                label: 'title',
                children: 'children',
                disabled: 'disabled',
                disabled: this.showCheckbox ? '' : 'disabled',
                class: (data, node) => {
                    return this.value.includes(data.id) ? 'active' : ''
                },
@@ -61,13 +61,13 @@
        this.getList()
    },
    methods: {
        renderContent(h, { data,node }) {
        renderContent(h, { data, node }) {
            let img = data.groupTag == 'fms_beltline'
            return h('a', {
                class: {
                    disabled: this.props.disabled ? this.props.disabled(data,node) : data.disabled
                    disabled: this.props.disabled ? this.props.disabled(data, node) : data.disabled
                },
                disabled: this.props.disabled ? this.props.disabled(data,node) : data.disabled
                disabled: this.props.disabled ? this.props.disabled(data, node) : data.disabled
            },
                img ? h('img', {
                    src: pmsPng
@@ -139,9 +139,10 @@
</script>

<style lang="scss">
.active .el-tree-node__content {
    background: var(--el-color-primary) !important;
.is-current>.el-tree-node__content {
    // background: var(--el-color-primary) !important;
}

a.disabled {
    color: #ccc;
}