海外和企标树形结构调整
This commit is contained in:
+13
-1
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user