海外和企标树形结构调整
This commit is contained in:
+13
-1
@@ -3,11 +3,15 @@
|
|||||||
<div id="EnterpriseStandardDatabase" :class="{ 'tree-close': sideClose }" class="v-class">
|
<div id="EnterpriseStandardDatabase" :class="{ 'tree-close': sideClose }" class="v-class">
|
||||||
<!--左侧树-->
|
<!--左侧树-->
|
||||||
<div class="tree-content" :class="{ 'tree-closed': sideClose }" >
|
<div class="tree-content" :class="{ 'tree-closed': sideClose }" >
|
||||||
<div class="tree">
|
<div style="width: 100%">
|
||||||
<el-input
|
<el-input
|
||||||
placeholder="输入树状图体系"
|
placeholder="输入树状图体系"
|
||||||
v-model="filterText">
|
v-model="filterText">
|
||||||
</el-input>
|
</el-input>
|
||||||
|
<div class="tree">
|
||||||
|
<el-card style="height: 100%;padding-right: 120px;">
|
||||||
|
|
||||||
|
|
||||||
<el-tree
|
<el-tree
|
||||||
ref="tree"
|
ref="tree"
|
||||||
node-key="id"
|
node-key="id"
|
||||||
@@ -47,6 +51,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
|
<div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
|
||||||
<!--切换折叠样式-->
|
<!--切换折叠样式-->
|
||||||
@@ -4132,6 +4138,12 @@ export default {
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
||||||
.tree {
|
.tree {
|
||||||
|
/deep/ .el-card__body{
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
.el-card{
|
||||||
|
min-width: min-content;
|
||||||
|
}
|
||||||
width: 95%;
|
width: 95%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|||||||
@@ -2,11 +2,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="foreignStandardsAndRegulations" :class="{ 'tree-close': sideClose }" class="demo-spin-article v-class">
|
<div id="foreignStandardsAndRegulations" :class="{ 'tree-close': sideClose }" class="demo-spin-article v-class">
|
||||||
<div class="tree-content" :class="{ 'tree-closed': sideClose }">
|
<div class="tree-content" :class="{ 'tree-closed': sideClose }">
|
||||||
<div class="tree">
|
<div style="width: 100%">
|
||||||
<el-input
|
<el-input
|
||||||
placeholder="输入树状图体系"
|
placeholder="输入树状图体系"
|
||||||
v-model="filterText">
|
v-model="filterText">
|
||||||
</el-input>
|
</el-input>
|
||||||
|
<div class="tree">
|
||||||
|
<el-card style="height: 100%;padding-right: 120px;">
|
||||||
|
|
||||||
<el-tree
|
<el-tree
|
||||||
ref="tree"
|
ref="tree"
|
||||||
node-key="id"
|
node-key="id"
|
||||||
@@ -22,8 +25,7 @@
|
|||||||
:expand-on-click-node="false">
|
:expand-on-click-node="false">
|
||||||
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
|
<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 :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
|
||||||
<span v-if="node.label.length<15"> {{ node.label}} </span>
|
<span> {{ node.label}} </span>
|
||||||
<span v-else> {{ node.label.substring(0,15)+'...'}} </span>
|
|
||||||
<span>
|
<span>
|
||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
@@ -49,6 +51,9 @@
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</el-tree>
|
</el-tree>
|
||||||
|
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
|
<div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
|
||||||
<!--切换折叠样式-->
|
<!--切换折叠样式-->
|
||||||
@@ -4662,6 +4667,12 @@ export default {
|
|||||||
width: 20%;
|
width: 20%;
|
||||||
position: relative;
|
position: relative;
|
||||||
.tree {
|
.tree {
|
||||||
|
/deep/ .el-card__body {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
.el-card{
|
||||||
|
min-width: min-content;
|
||||||
|
}
|
||||||
width: calc(~'100% - 15px');
|
width: calc(~'100% - 15px');
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user