|
@@ -9,7 +9,7 @@
|
|
|
>
|
|
|
<div class="boxnei" style="display: flex;flex-direction: column;">
|
|
|
<div style="overflow: auto;flex:1">
|
|
|
- <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick" :default-expanded-keys="defaultExpandKey" ></avue-tree>
|
|
|
+ <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick" ref="avueTree"></avue-tree>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
@@ -641,7 +641,7 @@ export default {
|
|
|
curTreeData:{},
|
|
|
loadData:[],
|
|
|
treeOption:{
|
|
|
-
|
|
|
+ defaultExpandedKeys:[],
|
|
|
filter:false,
|
|
|
addBtn:false,
|
|
|
props:{
|
|
@@ -751,7 +751,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
nodeClick(data,node){
|
|
|
- console.log(data,'treedata');
|
|
|
+ console.log(data,node,'treedata');
|
|
|
this.curNode=node
|
|
|
if(data.hasChildren){
|
|
|
this.tabTypeLazyTreeAll(data.id, this.page.current,this.page.size).then((res)=>{
|
|
@@ -779,13 +779,33 @@ export default {
|
|
|
this.$message.success('刷新成功')
|
|
|
},
|
|
|
onLoad(page){
|
|
|
- console.log(page,'page');
|
|
|
+ console.log(this.curNode,'curNode');
|
|
|
if(this.treeId){
|
|
|
this.tabTypeLazyTreeAll(this.treeId, page.currentPage,page.pageSize).then((res)=>{
|
|
|
this.loadData=res.records
|
|
|
this.page.total=res.total
|
|
|
})
|
|
|
}
|
|
|
+ },
|
|
|
+ //编辑后刷新
|
|
|
+ onLoad1(page){
|
|
|
+ // console.log(this.level,'1111111111');
|
|
|
+ if(this.curNode.level===1&&this.curNode.data.hasChildren){
|
|
|
+ this.tabTypeLazyTreeAll(this.treeId, page.currentPage,page.pageSize).then((res)=>{
|
|
|
+ this.loadData=res.records
|
|
|
+ this.page.total=res.total
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ this.tabTypeLazyTreeAll(this.curNode.data.parentId, page.currentPage,page.pageSize).then((res)=>{
|
|
|
+ let faArr=res.records;
|
|
|
+ this.loadData=faArr.filter((item)=>{
|
|
|
+ if(item.id===this.treeId){
|
|
|
+ return item
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.refreshTreeData()
|
|
|
},
|
|
|
//搜索
|
|
|
searchChange(){
|
|
@@ -825,13 +845,7 @@ export default {
|
|
|
.then(() => {
|
|
|
this.onLoad(this.page);//刷新表格数据
|
|
|
//刷新左边树形数据
|
|
|
- const parentId =12345678910
|
|
|
- tabTypeLazyTreeAll({parentId,current:1,size:200}).then(res => {
|
|
|
- this.treeData=res.data.data.records;
|
|
|
- this.$nextTick(()=>{
|
|
|
- this.defaultExpandKey.push(this.curNode.data.parentId)
|
|
|
- })
|
|
|
- });
|
|
|
+ this.refreshTreeData()
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
@@ -839,6 +853,18 @@ export default {
|
|
|
this.$refs.crud.toggleSelection();
|
|
|
});
|
|
|
},
|
|
|
+ //刷新左边树形数据
|
|
|
+ refreshTreeData(){
|
|
|
+ const parentId =12345678910
|
|
|
+ tabTypeLazyTreeAll({parentId,current:1,size:200}).then(res => {
|
|
|
+ this.treeData=res.data.data.records;
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ //树默认展开
|
|
|
+ this.treeOption.defaultExpandedKeys.push(this.curNode.data.parentId);
|
|
|
+ // this.$refs.avueTree.setCurrentKey(this.curNode.data.parentId)
|
|
|
+ })
|
|
|
+ });
|
|
|
+ },
|
|
|
//编辑元素表单信息
|
|
|
|
|
|
editElement (row) {
|
|
@@ -957,7 +983,7 @@ export default {
|
|
|
})
|
|
|
updateBatchElements(this.editEleList, this.curEleTable.initTableName).then(() => {
|
|
|
this.editEleVisible = false;
|
|
|
- this.onLoad(this.page);
|
|
|
+ this.onLoad1(this.page);
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "保存成功!"
|
|
@@ -965,7 +991,7 @@ export default {
|
|
|
})
|
|
|
} else {
|
|
|
this.editEleVisible = false;
|
|
|
- this.onLoad(this.page);
|
|
|
+ this.onLoad1(this.page);
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "保存成功!"
|
|
@@ -1006,9 +1032,6 @@ export default {
|
|
|
},
|
|
|
editele(){
|
|
|
console.log('编辑元素表单信息');
|
|
|
- // this.editElementFormTag=true
|
|
|
- console.log('编辑元素表单信息');
|
|
|
-
|
|
|
if (this.selectionList.length === 0) {
|
|
|
this.$message.warning("请选择至少一条数据");
|
|
|
return;
|
|
@@ -1088,7 +1111,6 @@ export default {
|
|
|
editeditElementFormMF () {//保存按钮
|
|
|
let da = []
|
|
|
let tag = true
|
|
|
- // console.log(this.formDatass,'this.formDatass');
|
|
|
console.log(this.tableTypelist,'tableTypelist');
|
|
|
this.formDatass.forEach(val => {
|
|
|
if (!val.tableName || !val.tableType || !val.tableOwner) {
|
|
@@ -1120,7 +1142,7 @@ export default {
|
|
|
if (res.code == 200) {
|
|
|
this.$message.success('操作成功');
|
|
|
this.editElementFormTag = false
|
|
|
- this.onLoad(this.page);
|
|
|
+ this.onLoad1(this.page);
|
|
|
}
|
|
|
},
|
|
|
|