From 4b848e13d7d1cd11a8cc6043baf5f5ffa34afdd5 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期二, 01 十月 2024 20:26:49 +0800
Subject: [PATCH] 优化排班和部分功能
---
src/views/mdc/MYTree.vue | 35 +++++++++++++++++++++++++----------
1 files changed, 25 insertions(+), 10 deletions(-)
diff --git a/src/views/mdc/MYTree.vue b/src/views/mdc/MYTree.vue
index 687ad0d..28067b8 100644
--- a/src/views/mdc/MYTree.vue
+++ b/src/views/mdc/MYTree.vue
@@ -1,13 +1,13 @@
<!--
* @Date: 2024-04-18 19:53:35
* @LastEditors: Sneed
- * @LastEditTime: 2024-04-23 23:09:18
+ * @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>
@@ -21,6 +21,12 @@
getAll: {
type: Boolean,
default: false
+ },
+ props: {
+ type: Object,
+ default: () => {
+ return {}
+ }
}
},
data() {
@@ -31,10 +37,11 @@
defalutProps: {
label: 'title',
children: 'children',
- disabled: 'disabled',
+ disabled: this.showCheckbox ? '' : 'disabled',
class: (data, node) => {
return this.value.includes(data.id) ? 'active' : ''
- }
+ },
+ ...this.props
},
data: [],
value: [],
@@ -54,10 +61,13 @@
this.getList()
},
methods: {
- renderContent(h, { data }) {
+ renderContent(h, { data, node }) {
let img = data.groupTag == 'fms_beltline'
return h('a', {
- disabled: data.disabled
+ class: {
+ 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
@@ -74,6 +84,7 @@
this.$nextTick(() => {
this.currentNodeKey = this.firstWorkKey
this.$emit('loaded', this.firstWorkKey)
+ this.$emit('request', data)
})
}
})
@@ -128,7 +139,11 @@
</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;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3