|
@@ -9,7 +9,7 @@
|
|
:props="defaultProps"
|
|
:props="defaultProps"
|
|
icon-class="el-icon-arrow-down">
|
|
icon-class="el-icon-arrow-down">
|
|
<div class="custom-tree-node" :class="{'person-row': node.isLeaf && !data.persons, 'first-level-person': data.level}" slot-scope="{ node, data }">
|
|
<div class="custom-tree-node" :class="{'person-row': node.isLeaf && !data.persons, 'first-level-person': data.level}" slot-scope="{ node, data }">
|
|
- <div class="con-row">
|
|
|
|
|
|
+ <div class="con-row" :class="{'con-row-disabled': data.logonUser}">
|
|
<span>
|
|
<span>
|
|
<span v-if="node.isLeaf && !data.persons" class="person-name">{{data.personName}}</span>
|
|
<span v-if="node.isLeaf && !data.persons" class="person-name">{{data.personName}}</span>
|
|
<span class="department-name" v-else>{{data.departmentName}}</span>
|
|
<span class="department-name" v-else>{{data.departmentName}}</span>
|
|
@@ -21,6 +21,7 @@
|
|
<el-button
|
|
<el-button
|
|
type="primary"
|
|
type="primary"
|
|
size="mini"
|
|
size="mini"
|
|
|
|
+ :disabled="Boolean(data.logonUser)"
|
|
@click="() => sendMessage(data, node)">发消息</el-button>
|
|
@click="() => sendMessage(data, node)">发消息</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -144,6 +145,9 @@ export default {
|
|
height: 100%;
|
|
height: 100%;
|
|
left:32px;
|
|
left:32px;
|
|
border-bottom: 1px solid #DADADA;
|
|
border-bottom: 1px solid #DADADA;
|
|
|
|
+ &-disabled {
|
|
|
|
+ color: #999999;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
&.person-row {
|
|
&.person-row {
|
|
.con-row{
|
|
.con-row{
|
|
@@ -186,6 +190,12 @@ export default {
|
|
.expanded.el-tree-node__expand-icon{
|
|
.expanded.el-tree-node__expand-icon{
|
|
transform: rotate(180deg) translateX(20px);
|
|
transform: rotate(180deg) translateX(20px);
|
|
}
|
|
}
|
|
|
|
+ .el-button {
|
|
|
|
+ &.is-disabled{
|
|
|
|
+ background: #E0E0E0;
|
|
|
|
+ border: #E0E0E0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|