|
@@ -13,7 +13,10 @@
|
|
>
|
|
>
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tab-pane label="竣工档案目录" name="first">
|
|
<el-tab-pane label="竣工档案目录" name="first">
|
|
- <div>
|
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ <el-tab-pane label="文书档案目录" name="second">
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ <div>
|
|
<!-- <h2>归档目录树</h2> -->
|
|
<!-- <h2>归档目录树</h2> -->
|
|
<el-input
|
|
<el-input
|
|
placeholder="输入关键字进行过滤"
|
|
placeholder="输入关键字进行过滤"
|
|
@@ -124,121 +127,6 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
- </el-tab-pane>
|
|
|
|
- <el-tab-pane label="文书档案目录" name="second">
|
|
|
|
- <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;"
|
|
|
|
- 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:101%;"
|
|
|
|
- >
|
|
|
|
- <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>
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
- </el-tab-pane>
|
|
|
|
-
|
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
|
|
|
</el-col>
|
|
</el-col>
|