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
2f7aea23
authored
2024-03-04 10:41:13 +0800
by
“miaofang
Browse Files
Options
Browse Files
Tag
Download
Plain Diff
Merge branch 'dev'
2 parents
3d15820f
dcda767a
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
248 additions
and
236 deletions
src/views/registerBook/djbFrameall.vue
src/views/registerBook/djbFrameall.vue
View file @
2f7aea2
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 202
4-01-31 09:52:3
9
* @LastEditTime: 202
3-07-19 09:52:5
9
-->
<
template
>
<div
class=
"content loadingtext"
>
...
...
@@ -14,7 +14,8 @@
:default-expand-all=
"true"
:expand-on-click-node=
"false"
node-key=
"id"
:default-checked-keys=
"[showTab]"
>
:default-checked-keys=
"[showTab]"
>
</el-tree>
<el-collapse
v-model=
"activeName"
accordion
>
<el-collapse-item
...
...
@@ -22,7 +23,8 @@
ref=
"sfq"
v-for=
"(item, index) in sfqdata"
:key=
"index"
:name=
"index"
>
:name=
"index"
>
<template
slot=
"title"
>
<span
class=
"text"
@
click=
"tap(item)"
>
<span>
...
...
@@ -35,7 +37,8 @@
:re=
"item"
:key=
"index"
:class=
"[isActive == index ? activeCls : '', errorCls]"
@
click=
"taplist(item, index)"
>
@
click=
"taplist(item, index)"
>
<span>
{{ item.label }}
</span>
...
...
@@ -50,43 +53,146 @@
<component
:is=
"componentTag"
@
getBdcdyh=
"getBdcdyh"
v-bind=
"currentSelectProps"
/>
v-bind=
"currentSelectProps"
/>
</div>
</div>
</template>
<
script
>
import
{
getBdcqljqtsx
,
getBdcqljqtsxBdcdyh
}
from
"@/api/djbDetail.js"
;
import
{
loadTreeData
,
loadsfqData
,
getNode
}
from
"./djbFrameData.js"
;
export
default
{
data
()
{
return
{
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog
:
{},
//选择加载哪一个组件
componentTag
:
""
,
//子组件接收参数
currentSelectProps
:
{},
//左侧树形结构数据
treedata
:
[],
sfqdata
:
[],
keyy
:
""
,
iskey
:
""
,
activeName
:
0
,
// 查询参数
queryForm
:
{},
import
{
getBdcqljqtsx
,
getBdcqljqtsxBdcdyh
}
from
"@/api/djbDetail.js"
;
import
{
loadTreeData
,
loadsfqData
,
getNode
}
from
"./djbFrameData.js"
;
export
default
{
data
()
{
return
{
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog
:
{},
//选择加载哪一个组件
componentTag
:
""
,
//子组件接收参数
currentSelectProps
:
{},
//左侧树形结构数据
treedata
:
[],
sfqdata
:
[],
keyy
:
""
,
iskey
:
""
,
activeName
:
0
,
// 查询参数
queryForm
:
{},
defaultNode
:
""
,
isActive
:
""
,
activeCls
:
"select"
,
errorCls
:
"unselected"
,
defaultProps
:
{
value
:
"id"
,
children
:
"children"
,
label
:
"label"
,
},
showTab
:
"bdcqldjml"
,
// 选中状态,根据表格中权利类型判断
defaultNode
:
""
,
isActive
:
""
,
activeCls
:
"select"
,
errorCls
:
"unselected"
,
defaultProps
:
{
value
:
"id"
,
children
:
"children"
,
label
:
"label"
,
},
showTab
:
"bdcqldjml"
,
// 选中状态,根据表格中权利类型判断
};
},
mounted
()
{
this
.
loadData
(
this
.
getCaption
(
window
.
location
.
href
));
},
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),
// currentPage: 1,
// djlx: "",
// pageSize: 10,
// qllx: "",
// ywh: "",
// ywly: "",
// };
// if (this.queryForm) {
// this.$startLoading();
// searchTaskToDo({
// ...this.queryForm,
// }).then((res) => {
// if (res.code === 200) {
// let { records } = res.result;
// this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
// this.$endLoading();
// }
// });
// }
// },
// 获取不动产信息
/**
* @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(this.currentSelectProps.bdcdyh);
// }
// }
// });
// },
/**
* @description: getBdcdyh
* @author: miaofang
* 点击不动产单元号事件
*/
getBdcdyh
(
val
)
{
this
.
addloadData
(
val
);
},
/**
* @description: addloadData
* @author: miaofang
*/
addloadData
(
val
)
{
getBdcqljqtsx
({
bdcdyid
:
val
.
bdcdyid
,
bdcdyh
:
val
.
bdcdyh
,
}).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
if
(
this
.
sfqdata
.
some
((
item
)
=>
item
.
bdcdyid
===
val
.
bdcdyid
))
{
let
index
=
this
.
sfqdata
.
findIndex
((
item
)
=>
{
return
item
.
bdcdyid
==
val
.
bdcdyid
;
});
this
.
activeName
=
index
;
}
else
{
this
.
sfqdata
.
push
(
loadsfqData
(
res
.
result
,
val
.
bdcdyh
,
val
.
bdcdyid
));
this
.
activeName
=
this
.
sfqdata
.
length
-
1
;
}
}
});
this
.
currentSelectProps
=
{
bdcdyid
:
val
.
bdcdyid
,
bdcdyh
:
val
.
bdcdyh
,
qllx
:
this
.
currentSelectProps
.
qllx
,
bsmQlxx
:
this
.
currentSelectProps
.
bsmQlxx
,
};
},
/**
...
...
@@ -182,229 +288,135 @@
this
.
loadComponent
(
data
.
form
);
this
.
isActive
=
index
;
},
methods
:
{
// 截取字符的方法
/**
* @description: 截取字符的方法
* @param {*} obj
* @author: renchao
*/
getCaption
(
obj
)
{
let
index
=
obj
.
lastIndexOf
(
"="
);
obj
=
obj
.
substring
(
index
+
1
,
obj
.
length
);
return
obj
;
},
/**
* @description: getBdcdyh
* @author: miaofang
* 点击不动产单元号事件
*/
getBdcdyh
(
val
)
{
this
.
addloadData
(
val
);
},
/**
* @description: addloadData
* @author: miaofang
*/
addloadData
(
val
)
{
getBdcqljqtsx
({
bdcdyid
:
val
.
bdcdyid
,
bdcdyh
:
val
.
bdcdyh
,
}).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
if
(
this
.
sfqdata
.
some
((
item
)
=>
item
.
bdcdyid
===
val
.
bdcdyid
))
{
let
index
=
this
.
sfqdata
.
findIndex
((
item
)
=>
{
return
item
.
bdcdyid
==
val
.
bdcdyid
;
});
this
.
activeName
=
index
;
}
else
{
this
.
sfqdata
.
push
(
loadsfqData
(
res
.
result
,
val
.
bdcdyh
,
val
.
bdcdyid
));
this
.
activeName
=
this
.
sfqdata
.
length
-
1
;
}
}
});
this
.
currentSelectProps
=
{
bdcdyid
:
val
.
bdcdyid
,
bdcdyh
:
val
.
bdcdyh
,
qllx
:
this
.
currentSelectProps
.
qllx
,
bsmQlxx
:
this
.
currentSelectProps
.
bsmQlxx
,
};
},
/**
* @description: loadData
* @author: renchao
*/
loadData
(
val
)
{
getBdcqljqtsxBdcdyh
({
bdcdyh
:
val
,
}).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
treedata
=
loadTreeData
(
val
);
this
.
sfqdata
.
push
(
loadsfqData
(
res
.
result
,
val
,
res
.
result
.
bdcdyid
));
this
.
$nextTick
(
function
()
{
this
.
defaultNode
=
getNode
(
res
.
result
.
ztqllx
,
{
linShi
:
0
,
xianShi
:
0
,
liShi
:
0
},
res
.
result
.
bdcdylx
||
""
);
this
.
sfqdata
[
0
].
children
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
id
==
this
.
defaultNode
.
id
)
{
this
.
loadComponent
(
item
.
form
);
this
.
isActive
=
index
;
}
});
this
.
currentSelectProps
=
{
bdcdyid
:
res
.
result
.
bdcdyid
,
bdcdyh
:
val
,
qllx
:
res
.
result
.
qllx
,
bsmQlxx
:
this
.
currentSelectProps
.
bsmQlxx
,
};
})
}
})
},
/**
* @description: 点击登记簿菜单
* @param {*} data
* @author: renchao
*/
handleNodeClick
(
data
)
{
this
.
loadComponent
(
data
.
form
);
},
tap
(
data
,
index
)
{
this
.
loadComponent
(
data
.
form
);
},
/**
* @description: taplist
* @param {*} data
* @author: renchao
* 新增列表功能
*/
taplist
(
data
,
index
)
{
this
.
loadComponent
(
data
.
form
);
this
.
isActive
=
index
;
},
/**
/**
* @description: loadComponent
* @param {*} form
* @author: renchao
*/
loadComponent
(
form
)
{
this
.
componentTag
=
(
r
)
=>
require
.
ensure
([],
()
=>
r
(
require
(
"@/views/registerBook/"
+
form
)));
}
}
}
loadComponent
(
form
)
{
this
.
componentTag
=
(
r
)
=>
require
.
ensure
([],
()
=>
r
(
require
(
"@/views/registerBook/"
+
form
)));
},
},
};
</
script
>
<
style
scoped
lang=
"scss"
>
/
deep
/
.rollTable
{
height
:
calc
(
120vh
-
254px
)
!important
;
/
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
);
}
.
conten
t
{
width
:
100%
;
.
righ
t
{
width
:
calc
(
100%
-
256px
)
;
height
:
100%
;
display
:
flex
;
//
overflow-y
:
scroll
;
overflow
:
auto
;
background-color
:
#f5f5f5
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
}
.left
{
width
:
256px
;
height
:
100%
;
background-color
:
#f5f5f5
;
color
:
#333
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
/
deep
/
.expanded.el-tree-node__expand-icon
,
/
deep
/
.el-tree-node__expand-icon
{
visibility
:
hidden
;
}
.right
{
width
:
calc
(
100%
-
256px
);
height
:
100%
;
//
overflow-y
:
scroll
;
overflow
:
auto
;
background-color
:
#f5f5f5
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
}
/
deep
/
.el-tree-node__content
{
border
:
1px
solid
rgb
(
228
,
228
,
228
);
height
:
45px
;
}
/
deep
/
.expanded.el-tree-node__expand-icon
,
/
deep
/
.el-tree-node__expand-icon
{
visibility
:
hidden
;
}
/
deep
/
.el-tree-node
:focus
>
.el-tree-node__content
{
//
background-color
:
#f5f5f5
;
//
color
:
#0079fe
;
//
border-right
:
4px
solid
#0079fe
;
}
/
deep
/
.el-tree-node__content
{
border
:
1px
solid
rgb
(
228
,
228
,
228
);
height
:
45px
;
}
/
deep
/
.el-tree-node
{
white-space
:
pre-wrap
;
}
/
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
;
}
/
deep
/
.el-collapse-item__header
{
width
:
100%
;
cursor
:
pointer
;
position
:
relative
;
.el-collapse-item__arrow
{
position
:
absolute
;
top
:
15px
;
right
:
0px
;
}
/
deep
/
.el-collapse-item__header
{
align-items
:
center
;
.text
{
width
:
100%
;
cursor
:
pointer
;
position
:
relative
;
.el-collapse-item__arrow
{
position
:
absolute
;
top
:
15px
;
right
:
0px
;
}
align-items
:
center
;
.text
{
width
:
100%
;
height
:
45px
;
display
:
inline-block
;
span
{
margin-left
:
60px
;
padding-top
:
10px
;
display
:
inline-block
;
line-height
:
15px
;
}
height
:
45px
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
border-right
:
4px
solid
#f5f5f5
;
}
height
:
45px
;
display
:
inline-block
;
line-height
:
45px
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
/
deep
/
.el-collapse-item__content
{
padding-bottom
:
5px
;
}
/
deep
/
.unselected
{
//
white-space
:
wrap
;
border
:
none
;
cursor
:
pointer
;
width
:
250px
;
height
:
45px
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
border-right
:
4px
solid
#f5f5f5
;
margin
:
auto
;
text-align
:
center
;
align-items
:
center
;
span
{
width
:
100%
;
margin-left
:
60px
;
padding-top
:
10px
;
display
:
inline-block
;
justify-content
:
center
;
align-items
:
center
;
line-height
:
15px
;
}
}
height
:
45px
;
display
:
inline-block
;
line-height
:
45px
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
}
/
deep
/
.el-collapse-item__content
{
padding-bottom
:
5px
;
}
/
deep
/
.unselected
{
//
white-space
:
wrap
;
border
:
none
;
cursor
:
pointer
;
width
:
250px
;
height
:
45px
;
border
:
1px
solid
rgb
(
228
,
228
,
228
);
border-right
:
4px
solid
#f5f5f5
;
margin
:
auto
;
text-align
:
center
;
align-items
:
center
;
span
{
width
:
100%
;
display
:
inline-block
;
justify-content
:
center
;
align-items
:
center
;
}
}
.select
{
border
:
none
;
cursor
:
pointer
;
width
:
250px
;
height
:
45px
;
background-color
:
#f5f5f5
;
color
:
#0079fe
;
border-right
:
4px
solid
#0079fe
;
margin
:
auto
;
text-align
:
center
;
.select
{
border
:
none
;
cursor
:
pointer
;
width
:
250px
;
height
:
45px
;
background-color
:
#f5f5f5
;
color
:
#0079fe
;
border-right
:
4px
solid
#0079fe
;
margin
:
auto
;
text-align
:
center
;
align-items
:
center
;
span
{
width
:
100%
;
display
:
inline-block
;
justify-content
:
center
;
align-items
:
center
;
span
{
width
:
100%
;
display
:
inline-block
;
justify-content
:
center
;
align-items
:
center
;
}
}
}
</
style
>
...
...
Please
register
or
sign in
to post a comment