| | |
| | | <!-- |
| | | * @Date: 2024-04-18 19:53:35 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-05-26 15:49:11 |
| | | * @LastEditTime: 2024-06-04 21:33:08 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/MYTree.vue |
| | | --> |
| | | <template> |
| | |
| | | defalutProps: { |
| | | label: 'title', |
| | | children: 'children', |
| | | disabled: 'disabled', |
| | | disabled: this.showCheckbox ? '' : 'disabled', |
| | | class: (data, node) => { |
| | | return this.value.includes(data.id) ? 'active' : '' |
| | | }, |
| | |
| | | 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 |
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .active .el-tree-node__content { |
| | | .is-current .el-tree-node__content { |
| | | background: var(--el-color-primary) !important; |
| | | } |
| | | |
| | | a.disabled { |
| | | color: #ccc; |
| | | } |