|
|
@@ -13,125 +13,117 @@
|
|
|
>
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane label="竣工档案目录" name="first">
|
|
|
- <div>
|
|
|
- <!-- <h2>归档目录树</h2> -->
|
|
|
- <el-input
|
|
|
- placeholder="输入关键字进行过滤"
|
|
|
- clearable
|
|
|
- v-model="filterText"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <div class="scrollClass" style="height:721px">
|
|
|
- <el-scrollbar style="height:100%">
|
|
|
- <el-tree
|
|
|
- v-show="!filterText"
|
|
|
- ref="trees1"
|
|
|
- :props="props"
|
|
|
- :load="loadNode"
|
|
|
- node-key="id"
|
|
|
- lazy
|
|
|
- style="box-sizing: border-box;width:120%;"
|
|
|
- >
|
|
|
- <span
|
|
|
- class=" flexStar"
|
|
|
- slot-scope="{ node, data }"
|
|
|
- @mouseover="mouseOver(data)"
|
|
|
- @mouseleave="mouseLeave(data)"
|
|
|
- style="box-sizing: border-box;width:100%;"
|
|
|
- >
|
|
|
- <span>{{ data.title }}</span>
|
|
|
- <!--知识点过长处理，鼠标悬浮文字弹框显示全部内容-->
|
|
|
- <!-- <span class="custom-tree-node">
|
|
|
- <el-tooltip class="item" effect="light" :content="data.title" placement="top-start">
|
|
|
- <span > {{ data.title | ellipsis(25) }} </span>
|
|
|
- </el-tooltip>
|
|
|
- <div>
|
|
|
+ <div>
|
|
|
+ <!-- <h2>归档目录树</h2> -->
|
|
|
+ <el-input
|
|
|
+ placeholder="输入关键字进行过滤"
|
|
|
+ clearable
|
|
|
+ v-model="filterText"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <div class="scrollClass" style="height:721px">
|
|
|
+ <el-scrollbar style="height:100%">
|
|
|
+ <el-tree
|
|
|
+ style="box-sizing: border-box;width:120%;"
|
|
|
+ v-show="!filterText"
|
|
|
+ ref="trees1"
|
|
|
+ :props="props"
|
|
|
+ :load="loadNode"
|
|
|
+ node-key="id"
|
|
|
+ lazy >
|
|
|
+ <span
|
|
|
+ class=" flexStar"
|
|
|
+ slot-scope="{ node, data }"
|
|
|
+ @mouseover="mouseOver(data)"
|
|
|
+ @mouseleave="mouseLeave(data)"
|
|
|
+
|
|
|
+ >
|
|
|
+ <span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
+ <span
|
|
|
+ class="marleft10"
|
|
|
+ v-show="data.moreShow"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ @click.stop='addtree(data,node)'
|
|
|
+ class="el-icon-circle-plus-outline"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="data.isStorageNode!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='edittree(data,node)'
|
|
|
+ class="el-icon-edit-outline marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='deletetree(node)'
|
|
|
+ class="el-icon-delete marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='paixuMD(data)'
|
|
|
+ class="el-icon-sort marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-tree>
|
|
|
+
|
|
|
+ <el-tree
|
|
|
+ v-show="filterText"
|
|
|
+ :default-expanded-keys='defaultExpanded'
|
|
|
+ :props="props"
|
|
|
+ :data="data"
|
|
|
+ node-key="id"
|
|
|
+ ref="trees2"
|
|
|
+ :default-expand-all="true"
|
|
|
+ :filter-node-method="filterNode"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class=" flexStar"
|
|
|
+ slot-scope="{ node, data }"
|
|
|
+ @mouseover="mouseOver(data)"
|
|
|
+ @mouseleave="mouseLeave(data)"
|
|
|
+ style="box-sizing: border-box;width:120%;"
|
|
|
+ >
|
|
|
+ <span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
+ <span
|
|
|
+ class="marleft10"
|
|
|
+ v-show="data.moreShow"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ @click.stop='addtree(data,node)'
|
|
|
+ class="el-icon-circle-plus-outline"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="data.isStorageNode!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='edittree(data,node)'
|
|
|
+ class="el-icon-edit-outline marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='deletetree(node)'
|
|
|
+ class="el-icon-delete marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='paixuMD(data)'
|
|
|
+ class="el-icon-sort marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-tree>
|
|
|
+ </el-scrollbar>
|
|
|
</div>
|
|
|
- </span> -->
|
|
|
-
|
|
|
- <span
|
|
|
- class="marleft10"
|
|
|
- v-show="data.moreShow"
|
|
|
- >
|
|
|
- <i
|
|
|
- @click.stop='addtree(data,node)'
|
|
|
- class="el-icon-circle-plus-outline"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="data.isStorageNode!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='edittree(data,node)'
|
|
|
- class="el-icon-edit-outline marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='deletetree(node)'
|
|
|
- class="el-icon-delete marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='paixuMD(data)'
|
|
|
- class="el-icon-sort marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
- </el-scrollbar>
|
|
|
- </div>
|
|
|
- <el-tree
|
|
|
- v-show="filterText"
|
|
|
- :default-expanded-keys='defaultExpanded'
|
|
|
- :props="props"
|
|
|
- :data="data"
|
|
|
- node-key="id"
|
|
|
- ref="trees2"
|
|
|
- :default-expand-all="true"
|
|
|
- :filter-node-method="filterNode"
|
|
|
- >
|
|
|
- <span
|
|
|
- class=" flexStar"
|
|
|
- slot-scope="{ node, data }"
|
|
|
- @mouseover="mouseOver(data)"
|
|
|
- @mouseleave="mouseLeave(data)"
|
|
|
- style="box-sizing: border-box;width:100%;"
|
|
|
- >
|
|
|
- <span>{{ data.title }}</span>
|
|
|
- <span
|
|
|
- class="marleft10"
|
|
|
- v-show="data.moreShow"
|
|
|
- >
|
|
|
- <i
|
|
|
- @click.stop='addtree(data,node)'
|
|
|
- class="el-icon-circle-plus-outline"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="data.isStorageNode!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='edittree(data,node)'
|
|
|
- class="el-icon-edit-outline marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='deletetree(node)'
|
|
|
- class="el-icon-delete marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='paixuMD(data)'
|
|
|
- class="el-icon-sort marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
- </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="文书档案目录" name="second">
|
|
|
<div>
|
|
|
@@ -141,71 +133,58 @@
|
|
|
clearable
|
|
|
v-model="filterText"
|
|
|
>
|
|
|
- </el-input>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <div class="scrollClass" style="height:721px">
|
|
|
- <el-scrollbar style="height:100%">
|
|
|
- <el-tree
|
|
|
- style="box-sizing: border-box;width:120%;"
|
|
|
- v-show="!filterText"
|
|
|
- ref="trees1"
|
|
|
- :props="props"
|
|
|
- :load="loadNode"
|
|
|
- node-key="id"
|
|
|
- lazy >
|
|
|
- <span
|
|
|
- class=" flexStar"
|
|
|
- slot-scope="{ node, data }"
|
|
|
- @mouseover="mouseOver(data)"
|
|
|
- @mouseleave="mouseLeave(data)"
|
|
|
-
|
|
|
- >
|
|
|
- <span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
- <!--知识点过长处理，鼠标悬浮文字弹框显示全部内容-->
|
|
|
- <!-- <span class="custom-tree-node">
|
|
|
- <el-tooltip class="item" effect="light" :content="data.title" placement="top-start">
|
|
|
- <span > {{ data.title | ellipsis(25) }} </span>
|
|
|
- </el-tooltip>
|
|
|
- <div>
|
|
|
- </div>
|
|
|
- </span> -->
|
|
|
+ </el-input>
|
|
|
+ <div class="scrollClass" style="height:721px">
|
|
|
+ <el-scrollbar style="height:100%">
|
|
|
+ <el-tree
|
|
|
+ style="box-sizing: border-box;width:120%;"
|
|
|
+ v-show="!filterText"
|
|
|
+ ref="trees1"
|
|
|
+ :props="props"
|
|
|
+ :load="loadNode"
|
|
|
+ node-key="id"
|
|
|
+ lazy >
|
|
|
+ <span
|
|
|
+ class=" flexStar"
|
|
|
+ slot-scope="{ node, data }"
|
|
|
+ @mouseover="mouseOver(data)"
|
|
|
+ @mouseleave="mouseLeave(data)"
|
|
|
+
|
|
|
+ >
|
|
|
+ <span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
+ <span
|
|
|
+ class="marleft10"
|
|
|
+ v-show="data.moreShow"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ @click.stop='addtree(data,node)'
|
|
|
+ class="el-icon-circle-plus-outline"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="data.isStorageNode!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='edittree(data,node)'
|
|
|
+ class="el-icon-edit-outline marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='deletetree(node)'
|
|
|
+ class="el-icon-delete marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ @click.stop='paixuMD(data)'
|
|
|
+ class="el-icon-sort marleft5"
|
|
|
+ style="fontSize:18px;"
|
|
|
+ v-if="node.level!=1"
|
|
|
+ ></i>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-tree>
|
|
|
|
|
|
- <span
|
|
|
- class="marleft10"
|
|
|
- v-show="data.moreShow"
|
|
|
- >
|
|
|
- <i
|
|
|
- @click.stop='addtree(data,node)'
|
|
|
- class="el-icon-circle-plus-outline"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="data.isStorageNode!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='edittree(data,node)'
|
|
|
- class="el-icon-edit-outline marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='deletetree(node)'
|
|
|
- class="el-icon-delete marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='paixuMD(data)'
|
|
|
- class="el-icon-sort marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
- </el-scrollbar>
|
|
|
- </div>
|
|
|
- <el-tree
|
|
|
+ <el-tree
|
|
|
v-show="filterText"
|
|
|
:default-expanded-keys='defaultExpanded'
|
|
|
:props="props"
|
|
|
@@ -253,7 +232,10 @@
|
|
|
></i>
|
|
|
</span>
|
|
|
</span>
|
|
|
- </el-tree>
|
|
|
+ </el-tree>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
|
|
|
@@ -331,6 +313,7 @@
|
|
|
:props="Rightprops"
|
|
|
default-expand-all
|
|
|
:filter-node-method="rulefilterNode"
|
|
|
+ accordion
|
|
|
ref="ruletree">
|
|
|
</el-tree>
|
|
|
|
|
|
@@ -635,6 +618,7 @@ export default {
|
|
|
//#region 左侧树
|
|
|
defaultExpanded: [],//默认选中的节点
|
|
|
filterText: '',//筛选条件
|
|
|
+ rulefilterText:'',
|
|
|
treeNode: {},
|
|
|
nodeNames: '',
|
|
|
token: '',
|
|
|
@@ -994,19 +978,12 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
filterNode (value,data,node) {//筛选条件
|
|
|
- // 如果什么都没填就直接返回
|
|
|
- if(!value){
|
|
|
- return true;
|
|
|
- }
|
|
|
-
|
|
|
- let _array = [];//这里使用数组存储 只是为了存储值。
|
|
|
- this.getReturnNode(node,_array,value);
|
|
|
- let result = false;
|
|
|
-
|
|
|
- _array.forEach((item)=>{
|
|
|
- result = result || item;
|
|
|
- });
|
|
|
- return result;
|
|
|
+ if (!value) return true;
|
|
|
+ return data.title.indexOf(value) !== -1;
|
|
|
+ },
|
|
|
+ rulefilterNode (value,data,node) {//筛选条件
|
|
|
+ if (!value) return true;
|
|
|
+ return data.title.indexOf(value) !== -1;
|
|
|
},
|
|
|
//判断节点是否匹配
|
|
|
getReturnNode(node,_array,value){
|
duy