海外和企标树形结构调整

This commit is contained in:
yanyizhou
2021-09-09 14:21:11 +08:00
parent 0ceeaae50d
commit 6f8a66fbdf
2 changed files with 27 additions and 4 deletions
@@ -3,11 +3,15 @@
<div id="EnterpriseStandardDatabase" :class="{ 'tree-close': sideClose }" class="v-class">
<!--左侧树-->
<div class="tree-content" :class="{ 'tree-closed': sideClose }" >
<div class="tree">
<div style="width: 100%">
<el-input
placeholder="输入树状图体系"
v-model="filterText">
</el-input>
<div class="tree">
<el-card style="height: 100%;padding-right: 120px;">
<el-tree
ref="tree"
node-key="id"
@@ -47,6 +51,8 @@
</span>
</span>
</el-tree>
</el-card>
</div>
</div>
<div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
<!--切换折叠样式-->
@@ -4132,6 +4138,12 @@ export default {
background: #fff;
.tree {
/deep/ .el-card__body{
padding: 0 !important;
}
.el-card{
min-width: min-content;
}
width: 95%;
position: absolute;
left: 0;
@@ -2,11 +2,14 @@
<template>
<div id="foreignStandardsAndRegulations" :class="{ 'tree-close': sideClose }" class="demo-spin-article v-class">
<div class="tree-content" :class="{ 'tree-closed': sideClose }">
<div class="tree">
<div style="width: 100%">
<el-input
placeholder="输入树状图体系"
v-model="filterText">
</el-input>
<div class="tree">
<el-card style="height: 100%;padding-right: 120px;">
<el-tree
ref="tree"
node-key="id"
@@ -22,8 +25,7 @@
:expand-on-click-node="false">
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
<span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
<span v-if="node.label.length<15"> {{ node.label}} </span>
<span v-else> {{ node.label.substring(0,15)+'...'}} </span>
<span> {{ node.label}} </span>
<span>
<el-button
type="text"
@@ -49,6 +51,9 @@
</span>
</span>
</el-tree>
</el-card>
</div>
</div>
<div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
<!--切换折叠样式-->
@@ -4662,6 +4667,12 @@ export default {
width: 20%;
position: relative;
.tree {
/deep/ .el-card__body {
padding: 0 !important;
}
.el-card{
min-width: min-content;
}
width: calc(~'100% - 15px');
position: absolute;
left: 0;