Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcdj-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
cd13d0a5
authored
2023-07-25 16:18:39 +0800
by
xiaomiao
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
--no commit message
1 parent
58370ae7
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
203 additions
and
220 deletions
src/views/registerBook/djbFrameall.vue
src/views/registerBook/djbFrameall.vue
View file @
cd13d0a
...
...
@@ -6,8 +6,16 @@
<
template
>
<div
class=
"content loadingtext"
>
<div
class=
"left"
>
<el-tree
ref=
"tree"
:data=
"treedata"
:props=
"defaultProps"
@
node-click=
"handleNodeClick"
:default-expand-all=
"true"
:expand-on-click-node=
"false"
node-key=
"id"
:default-checked-keys=
"[showTab]"
>
<el-tree
ref=
"tree"
:data=
"treedata"
:props=
"defaultProps"
@
node-click=
"handleNodeClick"
:default-expand-all=
"true"
:expand-on-click-node=
"false"
node-key=
"id"
:default-checked-keys=
"[showTab]"
>
</el-tree>
</div>
<div
class=
"right"
>
...
...
@@ -16,238 +24,213 @@
</div>
</
template
>
<
script
>
import
{
getBdcqljqtsx
}
from
"@/api/djbDetail.js"
;
import
{
loadTreeData
,
getNode
}
from
"./djbFrameData.js"
;
// import { searchTaskToDo } from "@/api/workflow/search.js";
import
{
getDjbBysearch
}
from
"@/api/search.js"
;
import
{
leftMenu
}
from
"@/api/workFlow.js"
;
export
default
{
data
()
{
return
{
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog
:
{},
//选择加载哪一个组件
componentTag
:
""
,
//子组件接收参数
currentSelectProps
:
{},
//左侧树形结构数据
treedata
:
[],
// 查询参数
queryForm
:
{},
defaultNode
:
""
,
defaultProps
:
{
value
:
"id"
,
children
:
"children"
,
label
:
"label"
,
},
showTab
:
"bdcqldjml"
,
// 选中状态,根据表格中权利类型判断
};
},
mounted
()
{
this
.
getdata
()
},
methods
:
{
// 截取字符的方法
/**
* @description: 截取字符的方法
* @param {*} obj
* @author: renchao
*/
getCaption
(
obj
)
{
let
index
=
obj
.
lastIndexOf
(
"="
);
obj
=
obj
.
substring
(
index
+
1
,
obj
.
length
);
return
obj
import
{
getBdcqljqtsx
}
from
"@/api/djbDetail.js"
;
import
{
loadTreeData
,
getNode
}
from
"./djbFrameData.js"
;
// import { searchTaskToDo } from "@/api/workflow/search.js";
import
{
getDjbBysearch
}
from
"@/api/search.js"
;
import
{
leftMenu
}
from
"@/api/workFlow.js"
;
export
default
{
data
()
{
return
{
//选择加载哪一个组件
componentTag
:
""
,
//子组件接收参数
currentSelectProps
:
{},
//左侧树形结构数据
treedata
:
[],
// 查询参数
queryForm
:
{},
defaultNode
:
""
,
defaultProps
:
{
value
:
"id"
,
children
:
"children"
,
label
:
"label"
,
},
// 通过不动产业务号获取参数
/**
* @description: 通过不动产业务号获取参数
* @author: renchao
*/
getdata
()
{
this
.
queryForm
=
{
bdcdyh
:
this
.
getCaption
(
window
.
location
.
href
)
}
// if (this.getCaption(window.location.href)) {
// this.$startLoading();
// searchTaskToDo({
// ...this.queryForm,
// }).then((res) => {
// if (res.code === 200) {
// this.$endLoading();
// let { records } = res.result;
// if(records.length){
// console.log("true",records.length);
// this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
// }else{
// console.log("false",records.length);
// this.treedata=[]
// }
// }
// });
// }else{
// this.treedata=[]
// }
if
(
this
.
getCaption
(
window
.
location
.
href
))
{
this
.
$startLoading
();
getDjbBysearch
({
...
this
.
queryForm
,
}).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$endLoading
();
let
{
records
}
=
res
.
result
;
if
(
records
.
length
){
console
.
log
(
"true"
,
records
.
length
);
this
.
loadBdcdylist
(
records
[
0
].
bdcdyh
,
records
[
0
].
bdcdyid
);
}
else
{
console
.
log
(
"false"
,
records
.
length
);
this
.
treedata
=
[]
showTab
:
"bdcqldjml"
,
// 选中状态,根据表格中权利类型判断
bdcdyid
:
""
,
bdcdyh
:
""
,
qllx
:
""
,
bsmQlxx
:
""
,
};
},
mounted
()
{
this
.
getdata
()
},
methods
:
{
// 截取字符的方法
/**
* @description: 截取字符的方法
* @param {*} obj
* @author: renchao
*/
getCaption
(
obj
)
{
let
index
=
obj
.
lastIndexOf
(
"="
);
obj
=
obj
.
substring
(
index
+
1
,
obj
.
length
);
return
obj
},
// 通过不动产业务号获取参数
/**
* @description: 通过不动产业务号获取参数
* @author: renchao
*/
getdata
()
{
this
.
queryForm
=
{
bdcdyh
:
this
.
getCaption
(
window
.
location
.
href
)
}
if
(
this
.
getCaption
(
window
.
location
.
href
))
{
this
.
$startLoading
();
getDjbBysearch
({
...
this
.
queryForm
,
}).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$endLoading
();
let
{
records
}
=
res
.
result
;
if
(
records
.
length
){
console
.
log
(
"true"
,
records
.
length
);
this
.
bdcdyid
=
records
[
0
].
bdcdyid
this
.
bdcdyh
=
records
[
0
].
bdcdyh
this
.
qllx
=
records
[
0
].
qllx
this
.
bsmQlxx
=
records
[
0
].
bsmQlxx
this
.
loadData
()
}
else
{
console
.
log
(
"false"
,
records
.
length
);
this
.
treedata
=
[]
}
}
});
}
else
{
this
.
treedata
=
[]
}
}
},
}
// 获取不动产信息
/**
* @description: 获取不动产信息
* @param {*} a
* @param {*} b
* @author: renchao
*/
// loadBdcdylist (a, b) {
// var formdata = new FormData();
// formdata.append("bsmSlsq", a);
// formdata.append("bestepid", b);
// leftMenu(formdata).then((res) => {
// if (res.code === 200) {
// if (res.result) {
// this.currentSelectProps = res.result[0];
// this.loadData();
// }
// }
// });
// },
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
getBdcqljqtsx
({
bdcdyid
:
this
.
bdcdyid
,
bdcdyh
:
this
.
bdcdyh
,
}).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
treedata
=
loadTreeData
(
res
.
result
,
this
.
bdcdyh
);
this
.
$nextTick
(
function
()
{
this
.
defaultNode
=
getNode
(
this
.
qllx
,
{
linShi
:
0
,
xianShi
:
0
,
liShi
:
0
},
""
);
this
.
$refs
.
tree
.
setCurrentKey
(
this
.
defaultNode
.
id
);
//data[0].id为默认选中的节点
this
.
loadComponent
(
this
.
defaultNode
.
form
);
});
}
else
{
this
.
treedata
=
[]
}
},
// 获取不动产信息
/**
* @description: 获取不动产信息
* @param {*} a
* @param {*} b
* @author: renchao
*/
loadBdcdylist
(
a
,
b
)
{
var
formdata
=
new
FormData
();
formdata
.
append
(
"bsmSlsq"
,
a
);
formdata
.
append
(
"bestepid"
,
b
);
leftMenu
(
formdata
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
if
(
res
.
result
)
{
this
.
currentSelectProps
=
res
.
result
[
0
];
this
.
loadData
();
}
}
});
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
getBdcqljqtsx
({
bdcdyid
:
this
.
currentSelectProps
.
bdcdyid
,
bdcdyh
:
this
.
currentSelectProps
.
bdcdyh
,
}).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
treedata
=
loadTreeData
(
res
.
result
,
this
.
currentSelectProps
.
bdcdyh
);
this
.
$nextTick
(
function
()
{
this
.
defaultNode
=
getNode
(
this
.
currentSelectProps
.
qllx
,
{
linShi
:
0
,
xianShi
:
0
,
liShi
:
0
},
""
);
this
.
$refs
.
tree
.
setCurrentKey
(
this
.
defaultNode
.
id
);
//data[0].id为默认选中的节点
this
.
loadComponent
(
this
.
defaultNode
.
form
);
});
}
});
this
.
currentSelectProps
=
{
bdcdyid
:
this
.
currentSelectProps
.
bdcdyid
,
bdcdyh
:
this
.
currentSelectProps
.
bdcdyh
,
qllx
:
this
.
currentSelectProps
.
qllx
,
bsmQlxx
:
this
.
currentSelectProps
.
bsmQlxx
,
};
},
/*
点击登记簿菜单
*/
/**
* @description: 点击登记簿菜单
* @param {*} data
* @param {*} node
* @param {*} elem
* @author: renchao
*/
handleNodeClick
(
data
,
node
,
elem
)
{
this
.
loadComponent
(
data
.
form
);
},
/**
* @description: loadComponent
* @param {*} form
* @author: renchao
*/
loadComponent
(
form
)
{
this
.
componentTag
=
(
r
)
=>
require
.
ensure
([],
()
=>
r
(
require
(
"@/views/registerBook/"
+
form
)));
},
});
this
.
currentSelectProps
=
{
bdcdyid
:
this
.
bdcdyid
,
bdcdyh
:
this
.
bdcdyh
,
qllx
:
this
.
qllx
,
bsmQlxx
:
this
.
bsmQlxx
,
};
},
/*
点击登记簿菜单
*/
/**
* @description: 点击登记簿菜单
* @param {*} data
* @param {*} node
* @param {*} elem
* @author: renchao
*/
handleNodeClick
(
data
,
node
,
elem
)
{
this
.
loadComponent
(
data
.
form
);
},
};
/**
* @description: loadComponent
* @param {*} form
* @author: renchao
*/
loadComponent
(
form
)
{
this
.
componentTag
=
(
r
)
=>
require
.
ensure
([],
()
=>
r
(
require
(
"@/views/registerBook/"
+
form
)));
},
},
};
</
script
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.rollTable
{
height
:
calc
(
120vh
-
254px
)
!important
;
}
.content
{
width
:
100%
;
height
:
100%
;
display
:
flex
;
.left
{
width
:
256px
;
height
:
100%
;
background-color
:
#f5f5f5
;
color
:
#333
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
.right
{
width
:
calc
(
100%
-
256px
);
height
:
100%
;
//
overflow-y
:
scroll
;
overflow
:
auto
;
background-color
:
#f5f5f5
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
}
/
deep
/
.rollTable
{
height
:
calc
(
120vh
-
254px
)
!important
;
}
/
deep
/
.expanded.el-tree-node__expand-icon
,
/
deep
/
.el-tree-node__expand-icon
{
visibility
:
hidden
;
}
/
deep
/
.el-tree-node__content
{
border
:
1px
solid
rgb
(
228
,
228
,
228
);
height
:
45px
;
}
.content
{
width
:
100%
;
height
:
100%
;
display
:
flex
;
/
deep
/
.el-tree-node
:focus
>
.el-tree-node__content
{
.left
{
width
:
256px
;
height
:
100%
;
background-color
:
#f5f5f5
;
color
:
#0079fe
;
border-right
:
4px
solid
#0079fe
;
}
/
deep
/
.el-tree-node
{
white-space
:
pre-wrap
;
color
:
#333
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
/
deep
/
.is-current
>
.el-tree-node__content
{
.right
{
width
:
calc
(
100%
-
256px
);
height
:
100%
;
//
overflow-y
:
scroll
;
overflow
:
auto
;
background-color
:
#f5f5f5
;
color
:
#0079fe
;
border-right
:
4px
solid
#0079fe
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
}
/
deep
/
.expanded.el-tree-node__expand-icon
,
/
deep
/
.el-tree-node__expand-icon
{
visibility
:
hidden
;
}
/
deep
/
.el-tree-node__content
{
border
:
1px
solid
rgb
(
228
,
228
,
228
);
height
:
45px
;
}
/
deep
/
.el-tree-node
:focus
>
.el-tree-node__content
{
background-color
:
#f5f5f5
;
color
:
#0079fe
;
border-right
:
4px
solid
#0079fe
;
}
/
deep
/
.el-tree-node
{
white-space
:
pre-wrap
;
}
/
deep
/
.is-current
>
.el-tree-node__content
{
background-color
:
#f5f5f5
;
color
:
#0079fe
;
border-right
:
4px
solid
#0079fe
;
}
</
style
>
...
...
Please
register
or
sign in
to post a comment