|
|
@@ -13,11 +13,13 @@
|
|
|
</div>
|
|
|
<el-alert type="warning" :closable="false">
|
|
|
<template slot="title">
|
|
|
- {{
|
|
|
+ <span style="word-break: break-all">
|
|
|
+ {{
|
|
|
checkedNode && checkedNode.length > 0
|
|
|
? "当前选择节点名称：" + checkedNode[0].name
|
|
|
: "当前无选择节点"
|
|
|
}}
|
|
|
+ </span>
|
|
|
</template>
|
|
|
</el-alert>
|
|
|
<div style="margin: 10px 0">
|
|
|
@@ -60,18 +62,29 @@
|
|
|
:data="menuList"
|
|
|
node-key="id"
|
|
|
>
|
|
|
- <span class="custom-tree-node" slot-scope="{ node }">
|
|
|
- <span>
|
|
|
- <span style="color: #009cff" class=""></span>
|
|
|
- <span
|
|
|
- :style="
|
|
|
- node.data.parentCode===0
|
|
|
- ? 'font-size:14px;padding-left:5px'
|
|
|
- : 'font-size:12px;padding-left:5px'
|
|
|
- "
|
|
|
- >{{ node.data.name }}</span>
|
|
|
+ <span class="custom-tree-node" slot-scope="{ node }">
|
|
|
+ <el-tooltip v-if="node.data.name.length >18" effect="light" :content="node.label" placement="right">
|
|
|
+ <span class="item-tit">
|
|
|
+ <span :style="
|
|
|
+ node.data.parentCode===0
|
|
|
+ ? 'font-size:14px;padding-left:5px'
|
|
|
+ : 'font-size:12px;padding-left:5px'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{node.data.name}}
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-tooltip>
|
|
|
+ <span v-else class="item-tit">
|
|
|
+ <span :style="
|
|
|
+ node.data.parentCode===0
|
|
|
+ ? 'font-size:14px;padding-left:5px'
|
|
|
+ : 'font-size:12px;padding-left:5px'
|
|
|
+ ">
|
|
|
+ {{ node.label }}
|
|
|
+ </span>
|
|
|
</span>
|
|
|
- </span>
|
|
|
+ </span>
|
|
|
</el-tree>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -460,7 +473,7 @@ export default {
|
|
|
},
|
|
|
// 删除目录
|
|
|
delMenu() {
|
|
|
- if (!this.checkedNode || this.checkedNode.length !== 2) {
|
|
|
+ if (!this.checkedNode || this.checkedNode.length === 0) {
|
|
|
this.$message("请先选中要删除的目录");
|
|
|
} else {
|
|
|
this.$confirm("即将删除此条数据, 是否删除?", "提示", {
|
|
|
@@ -477,6 +490,7 @@ export default {
|
|
|
},
|
|
|
data: {
|
|
|
id: this.checkedNode[0].id,
|
|
|
+ parentCode: this.checkedNode[0].parentCode
|
|
|
},
|
|
|
}).then((res) => {
|
|
|
if (res.data.result === 0) {
|
|
|
@@ -486,6 +500,7 @@ export default {
|
|
|
type: "success",
|
|
|
});
|
|
|
this.checkedNode = [];
|
|
|
+ this.catalogueName = '部门工作清单'
|
|
|
this.getData();
|
|
|
}else if(res.data.result === 1) {
|
|
|
this.$notify({
|
|
|
@@ -798,7 +813,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.inner-left {
|
|
|
- width: 22%;
|
|
|
+ width: 320px;
|
|
|
padding: 0 20px;
|
|
|
border: 1px solid #ddd;
|
|
|
border-radius: 5px;
|
|
|
@@ -812,8 +827,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.inner-right {
|
|
|
- width: 76%;
|
|
|
- margin-left: 2%;
|
|
|
+ flex: 1;
|
|
|
+ margin: 0 2%;
|
|
|
overflow-y: auto;
|
|
|
// border-left: 1px solid #ddd;
|
|
|
height: calc(100vh - 220px);
|
|
|
@@ -912,4 +927,21 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.custom-tree-node {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-right: 8px;
|
|
|
+ // .item-tit{
|
|
|
+ // color: #ffffff;
|
|
|
+ // }
|
|
|
+}
|
|
|
+.el-tree ::v-deep .custom-tree-node,
|
|
|
+.el-tree ::v-deep .custom-tree-node .item-tit{
|
|
|
+ overflow: hidden!important;
|
|
|
+ text-overflow:ellipsis!important;
|
|
|
+ white-space: nowrap!important;
|
|
|
+}
|
|
|
</style>
|
bianww