Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
任超
/
js.CadastralSystem
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
907e9995
authored
2020-12-23 17:21:17 +0800
by
杨威
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
范围属性变更业务逻辑修改
1 parent
3d2863e0
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
687 additions
and
179 deletions
src/views/panel/change/fwsxbg/index.vue
src/views/panel/change/hfghb/index.vue
src/views/zrz/lpb/bjlp/index.vue
src/views/zrz/lpb/bjlp/lpbContent/index.vue
src/views/panel/change/fwsxbg/index.vue
View file @
907e999
<
template
>
<div
class=
"main"
>
<p
class=
"tips"
>
查询条件
</p>
<SearchHead
@
getSearchCondition=
"geQuerytData"
:type=
"type"
></SearchHead>
<p
class=
"tips"
>
查询列表
</p>
<div
class=
"dataGrid"
ref=
"dataGrid"
>
<el-table
:data=
"tableData"
:height=
"tableHeight"
:row-class-name=
"tableRowClassName"
>
<el-table-column
type=
"index"
width=
"80"
align=
"center"
label=
"序号"
>
</el-table-column>
<el-table-column
prop=
"bdcdyh"
align=
"left"
label=
"不动产单元号"
>
</el-table-column>
<el-table-column
prop=
"xmmc"
align=
"left"
width=
"150"
label=
"项目名称"
>
</el-table-column>
<el-table-column
prop=
"bdcqzh"
align=
"left"
label=
"不动产权证号"
>
</el-table-column>
<el-table-column
prop=
"dylx"
align=
"left"
width=
"120"
label=
"类型"
>
<template
slot-scope=
"scope"
>
{{
scope
.
row
.
dylx
|
bdcLxFilter
}}
</
template
>
</el-table-column>
<el-table-column
prop=
"qlrmc"
align=
"left"
width=
"120"
label=
"权利人"
>
</el-table-column>
<el-table-column
prop=
"zl"
align=
"left"
label=
"坐落"
></el-table-column>
<el-table-column
prop=
"addtime"
align=
"left"
width=
"120"
label=
"转入时间"
<template
v-if=
"isFwsxbg"
>
<p
class=
"tips"
>
查询条件
</p>
<SearchHead
@
getSearchCondition=
"geQuerytData"
:type=
"type"
></SearchHead>
<p
class=
"tips"
>
查询列表
</p>
<div
class=
"dataGrid"
ref=
"dataGrid"
>
<el-table
:data=
"tableData"
:height=
"tableHeight"
:row-class-name=
"tableRowClassName"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
addtime
|
timeFilter
}}
</
template
>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column
label=
"操作"
align=
"center"
width=
"100"
>
<
template
slot-scope=
"scope"
>
<el-tooltip
class=
"item"
effect=
"light"
content=
"办理"
placement=
"top"
>
<i
class=
"iconfont iconbanli iconfontEdit"
@
click=
"handleClick(scope.row)"
style=
"padding:0 10px"
></i>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"light"
content=
"定位"
placement=
"top"
>
<i
class=
"iconfont icondingwei iconfontEdit"
></i>
</el-tooltip>
<!--
<el-button
@
click=
"handleClick(scope.row)"
type=
"text"
size=
"small"
>
办理
</el-button>
<el-button
type=
"text"
size=
"small"
>
定位
</el-button>
-->
</
template
>
</el-table-column>
</el-table>
<div
class=
"pagination"
>
<el-pagination
background
layout=
"prev, pager, next,total"
:total=
"total"
:current-page=
"pageNo"
@
current-change=
"handleCurrentChange"
>
</el-pagination>
<el-table-column
type=
"index"
width=
"80"
align=
"center"
label=
"序号"
>
</el-table-column>
<el-table-column
prop=
"bdcdyh"
align=
"left"
label=
"不动产单元号"
>
</el-table-column>
<el-table-column
prop=
"xmmc"
align=
"left"
width=
"150"
label=
"项目名称"
>
</el-table-column>
<el-table-column
prop=
"bdcqzh"
align=
"left"
label=
"不动产权证号"
>
</el-table-column>
<el-table-column
prop=
"dylx"
align=
"left"
width=
"120"
label=
"类型"
>
<template
slot-scope=
"scope"
>
{{
scope
.
row
.
dylx
|
bdcLxFilter
}}
</
template
>
</el-table-column>
<el-table-column
prop=
"qlrmc"
align=
"left"
width=
"120"
label=
"权利人"
>
</el-table-column>
<el-table-column
prop=
"zl"
align=
"left"
label=
"坐落"
></el-table-column>
<el-table-column
prop=
"addtime"
align=
"left"
width=
"120"
label=
"转入时间"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
addtime
|
timeFilter
}}
</
template
>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column
label=
"操作"
align=
"center"
width=
"100"
>
<
template
slot-scope=
"scope"
>
<el-tooltip
class=
"item"
effect=
"light"
content=
"办理"
placement=
"top"
>
<i
class=
"iconfont iconbanli iconfontEdit"
@
click=
"handleClick(scope.row)"
style=
"padding:0 10px"
></i>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"light"
content=
"定位"
placement=
"top"
>
<i
class=
"iconfont icondingwei iconfontEdit"
></i>
</el-tooltip>
<!--
<el-button
@
click=
"handleClick(scope.row)"
type=
"text"
size=
"small"
>
办理
</el-button>
<el-button
type=
"text"
size=
"small"
>
定位
</el-button>
-->
</
template
>
</el-table-column>
</el-table>
<div
class=
"pagination"
>
<el-pagination
background
layout=
"prev, pager, next,total"
:total=
"total"
:current-page=
"pageNo"
@
current-change=
"handleCurrentChange"
>
</el-pagination>
</div>
</div>
</template>
<div
class=
"lpb"
v-if=
"!isFwsxbg"
>
<div
class=
"lpb-header"
>
<el-radio-group
v-model=
"scyclx"
@
change=
"scyclxChange"
>
<el-radio-button
label=
"0"
>
预测
</el-radio-button>
<el-radio-button
label=
"1"
>
实测
</el-radio-button>
</el-radio-group>
<el-input
maxlength=
"28"
v-model=
"bdcdyh"
:style=
"{ width: inputWidth + 'px' }"
@
change=
"inputChange"
class=
"searchInput"
placeholder=
"输入不动产单元号或室号"
><i
slot=
"suffix"
class=
"el-input__icon el-icon-search"
@
click=
"inputChange"
></i
></el-input>
<el-link
type=
"primary"
style=
"margin-left:20px"
@
click=
"isFwsxbg=true"
>
重新选择户
</el-link>
</div>
<div
class=
"lpb-content"
ref=
"lpbContentWrap"
:style=
"{ height: lpbContentHeight + 'px' }"
>
<!-- 楼盘表主体 -->
<div
class=
"lp-overview"
:style=
"{ width: lpbContentwidth + 'px' }"
>
<lpbContent
ref=
"lpbContent"
class=
""
:zrzbsm=
'zrzbsm'
lpbParent =
'isFwsxbg'
></lpbContent>
</div>
<!-- 右侧图例 -->
<div
class=
"lp-legend"
>
<div
class=
"handleCol"
>
<div
class=
"btn"
@
click=
"legendToggle"
>
<i
v-show=
"!legendToggleFlag"
class=
"el-icon-d-arrow-left"
></i>
<i
v-show=
"legendToggleFlag"
class=
"el-icon-d-arrow-right"
></i>
</div>
<div
:class=
"selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
@
click=
"selectedZt = 'dyzt'"
>
<span>
单元状态
</span>
</div>
<div
:class=
"selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
@
click=
"selectedZt = 'fwxz'"
>
<span>
房屋性质
</span>
</div>
<div
:class=
"selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
@
click=
"selectedZt = 'fwyt'"
>
<span>
房屋用途
</span>
</div>
</div>
<div
class=
"legendTable-wrap"
:style=
"{ width: legendToggleFlag ? '204px' : '0' }"
>
<table
class=
"legendTable"
v-show=
"selectedZt == 'dyzt'"
cellspacing=
"1"
cellpadding=
"1"
border=
"1"
>
<tr>
<th>
状态
</th>
<th>
套数
</th>
<th>
面积
</th>
</tr>
<tr
v-for=
"(item, index) in dyztList"
:key=
"index"
class=
"cp"
@
click=
"handleChoosedH(item.bsms,item.color)"
>
<td>
<i
class=
"fa fa-circle"
:style=
"{ color: item.color }"
></i
>
{{ item.name }}
</td>
<td>
{{ item.ts }}
</td>
<td>
{{ item.mj }}
</td>
</tr>
</table>
<table
class=
"legendTable"
v-show=
"selectedZt == 'fwxz'"
cellspacing=
"1"
cellpadding=
"1"
border=
"1"
>
<tr>
<th>
性质
</th>
<th>
套数
</th>
<th>
面积
</th>
</tr>
<tr
v-for=
"(item, index) in fwxzList"
:key=
"index"
class=
"cp"
@
click=
"handleChoosedH(item.bsms,item.color)"
>
<td>
<i
class=
"fa fa-circle"
:style=
"{ color: item.color }"
></i
>
{{ item.name }}
</td>
<td>
{{ item.ts }}
</td>
<td>
{{ item.mj }}
</td>
</tr>
<tr
v-show=
"fwxzList.length < 1"
>
<td
colspan=
"3"
class=
"tac"
>
暂无数据
</td>
</tr>
</table>
<table
class=
"legendTable"
v-show=
"selectedZt == 'fwyt'"
cellspacing=
"1"
cellpadding=
"1"
border=
"1"
>
<tr>
<th>
用途
</th>
<th>
套数
</th>
<th>
面积
</th>
</tr>
<tr
v-for=
"(item, index) in fwytList"
:key=
"index"
class=
"cp"
@
click=
"handleChoosedH(item.bsms,item.color)"
>
<td>
<i
class=
"fa fa-circle"
:style=
"{ color: item.color }"
></i
>
{{ item.name }}
</td>
<td>
{{ item.ts }}
</td>
<td>
{{ item.mj }}
</td>
</tr>
<tr
v-show=
"fwytList.length < 1"
>
<td
colspan=
"3"
class=
"tac"
>
暂无数据
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
...
...
@@ -70,10 +218,12 @@
import
SearchHead
from
"@components/searchHead/searchHead"
;
import
{
getSearchList
}
from
"@api/search"
;
import
{
fwsxbgbl
}
from
"@api/common"
;
import
{
getQjHDetailByBsm
}
from
"@api/h"
;
import
lpbContent
from
"../../../zrz/lpb/bjlp/lpbContent/index"
;
export
default
{
name
:
""
,
components
:
{
SearchHead
},
components
:
{
SearchHead
,
lpbContent
},
inject
:[
'getRightTree'
,
'getTreeByBsm'
],
props
:
{},
data
()
{
...
...
@@ -86,6 +236,73 @@ export default {
tableData
:
[],
tableHeight
:
"100"
,
queryData
:
{},
isFwsxbg
:
true
,
zrzbsm
:
''
,
scyclx
:
'0'
,
//实预测类型
bdcdyh
:
''
,
//室号搜索
inputWidth
:
220
,
//搜索框宽度
legendToggleFlag
:
false
,
selectedZt
:
'dyzt'
,
dyztList
:
[
{
name
:
"未确权"
,
color
:
"#83AAFE"
,
ts
:
"12"
,
mj
:
"1633"
,
},
{
name
:
"已确权"
,
color
:
"#6EDEE1"
,
ts
:
"22"
,
mj
:
"3109"
,
},
{
name
:
"已备案"
,
color
:
"#8ADC88"
,
ts
:
"3"
,
mj
:
"409"
,
},
{
name
:
"预抵押"
,
color
:
"#F2AD67"
,
ts
:
"11"
,
mj
:
"1466"
,
},
{
name
:
"在建抵押"
,
color
:
"#F191C8"
,
ts
:
"13"
,
mj
:
"1792"
,
},
{
name
:
"抵押"
,
color
:
"#FF8282"
,
ts
:
"14"
,
mj
:
"13"
,
},
{
name
:
"查封"
,
color
:
"#D7CECF"
,
ts
:
"9"
,
mj
:
"1436"
,
},
{
name
:
"异议"
,
color
:
"#D4A3EB"
,
ts
:
"34"
,
mj
:
"4342"
,
},
{
name
:
"限制"
,
color
:
"#A5A3FB"
,
ts
:
"2"
,
mj
:
"285"
,
},
],
fwxzList
:
[],
fwytList
:
[],
lpbContentHeight
:
0
,
lpbContentwidth
:
0
,
};
},
created
()
{},
...
...
@@ -96,6 +313,8 @@ export default {
this
.
tableHeight
=
(
document
.
documentElement
.
clientHeight
||
document
.
body
.
clientHeight
)
-
392
;
this
.
lpbContentHeight
=
(
document
.
documentElement
.
clientHeight
||
document
.
body
.
clientHeight
)
-
205
;
this
.
lpbContentwidth
=
this
.
$refs
.
lpbContentWrap
.
clientWidth
-
34
-
6
;
});
},
methods
:
{
...
...
@@ -133,72 +352,217 @@ export default {
//点击办理
handleClick
(
row
)
{
let
params
=
{
bsm
:
row
.
glbsm
,
type
:
row
.
dylx
};
this
.
$confirm
(
'是否确定范围属性变更?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
fwsxbgbl
(
params
)
.
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
// this.$message({
// message: res.message,
// type: "变更成功",
// });
let
path
=
""
;
switch
(
row
.
dylx
)
{
case
"zrz"
:
this
.
$store
.
state
.
zrzbsm
=
res
.
result
;
this
.
getTreeByBsm
(
row
.
glbsm
,
row
.
dylx
,
'2'
);
path
=
"/zrz"
;
if
(
row
.
dylx
==
'h'
){
getQjHDetailByBsm
(
row
.
glbsm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
){
this
.
zrzbsm
=
res
.
result
.
zrzbsm
;
this
.
isFwsxbg
=
false
;
}
})
}
else
{
this
.
$confirm
(
'是否确定范围属性变更?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
fwsxbgbl
(
params
)
.
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
// this.$message({
// message: res.message,
// type: "变更成功",
// });
let
path
=
""
;
switch
(
row
.
dylx
)
{
case
"zrz"
:
this
.
$store
.
state
.
zrzbsm
=
res
.
result
;
this
.
getTreeByBsm
(
row
.
glbsm
,
row
.
dylx
,
'2'
);
path
=
"/zrz"
;
break
;
case
"zd"
:
this
.
$store
.
state
.
zdbsm
=
res
.
result
;
this
.
getRightTree
(
row
.
glbsm
,
'2'
);
path
=
"/zd"
;
break
;
case
"dz"
:
this
.
$store
.
state
.
dzbsm
=
res
.
result
;
this
.
getTreeByBsm
(
row
.
glbsm
,
row
.
dylx
,
'2'
);
path
=
"/dz"
;
break
;
default
:
break
;
}
this
.
$router
.
push
({
path
:
path
,
query
:
{
bsm
:
res
.
result
,
source
:
2
,
auth
:
'2'
}
});
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
"warning"
,
});
}
})
.
catch
((
error
)
=>
{
this
.
$message
({
message
:
res
.
message
,
type
:
"error"
,
});
});
}).
catch
(()
=>
{
});
}
},
//实预测转换
scyclxChange
(){
//清空已选中层户
// this.bsms = [];
this
.
$refs
.
lpbContent
.
hbsmList
=
[];
this
.
$nextTick
(()
=>
{
//户
this
.
$refs
.
lpbContent
.
$refs
.
hBsm
.
forEach
(
item
=>
{
item
.
style
.
borderColor
=
'rgb(230, 230, 230)'
;
if
(
item
.
className
==
"tdSelect"
)
{
item
.
className
=
""
;
}
});
//层
this
.
$refs
.
lpbContent
.
$refs
.
cBsm
.
forEach
(
item
=>
{
console
.
log
(
item
.
className
,
'item.className'
);
item
.
className
=
"floor"
;
});
})
//获取图例数据
this
.
getDyztBsmList
();
this
.
getLpbFwytAndQlxz
();
},
inputChange
()
{
if
(
this
.
bdcdyh
!=
""
)
{
// 根据不动产单元号或者室号搜索
// this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
}
else
{
this
.
$message
({
message
:
"请输入内容后查询"
,
type
:
"warning"
,
});
}
},
//图例的展开收起
legendToggle
()
{
this
.
legendToggleFlag
=
!
this
.
legendToggleFlag
;
},
//获取各项单元状态统计数据
getDyztBsmList
()
{
let
data
=
{
zrzbsm
:
this
.
$store
.
state
.
zrzbsm
,
scyclx
:
this
.
scyclx
,
};
getLpbTj
(
data
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
dyztList
=
res
.
result
;
this
.
dyztList
.
splice
(
1
,
0
,
this
.
dyztList
[
8
]);
this
.
dyztList
.
pop
();
this
.
dyztList
.
forEach
(
item
=>
{
item
.
ts
=
item
.
bsms
.
length
;
switch
(
item
.
name
)
{
case
'Qqzt'
:
item
.
color
=
"#6EDEE1"
;
item
.
name
=
"已确权"
break
;
case
"zd"
:
this
.
$store
.
state
.
zdbsm
=
res
.
result
;
this
.
getRightTree
(
row
.
glbsm
,
'2'
);
path
=
"/zd"
;
case
'Wqqzt'
:
item
.
color
=
"#83AAFE"
;
item
.
name
=
"未确权"
break
;
case
"dz"
:
this
.
$store
.
state
.
dzbsm
=
res
.
result
;
this
.
getTreeByBsm
(
row
.
glbsm
,
row
.
dylx
,
'2'
);
path
=
"/dz"
;
case
'Bazt'
:
item
.
color
=
"#8ADC88"
;
item
.
name
=
"已备案"
break
;
case
"h"
:
this
.
$store
.
state
.
dzbsm
=
res
.
result
;
this
.
getTreeByBsm
(
row
.
glbsm
,
row
.
dylx
,
'2'
);
path
=
"/h"
;
case
'Ydyzt'
:
item
.
color
=
"#F2AD67"
;
item
.
name
=
"预抵押"
break
;
case
'Zjgcdyzt'
:
item
.
color
=
"#F191C8"
;
item
.
name
=
"在建抵押"
break
;
case
'Dyzt'
:
item
.
color
=
"#FF8282"
;
item
.
name
=
"抵押"
break
;
case
'Cfzt'
:
item
.
color
=
"#D7CECF"
;
item
.
name
=
"查封"
break
;
case
'Yyzt'
:
item
.
color
=
"#D4A3EB"
;
item
.
name
=
"异议"
break
;
case
'Xzzt'
:
item
.
color
=
"#A5A3FB"
;
item
.
name
=
"限制"
break
;
default
:
break
;
}
this
.
$router
.
push
({
path
:
path
,
query
:
{
bsm
:
res
.
result
,
source
:
2
,
auth
:
'2'
}
});
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
"warning"
,
});
}
})
.
catch
((
error
)
=>
{
this
.
$message
({
message
:
res
.
message
,
type
:
"error"
,
});
});
}).
catch
(()
=>
{
}
});
},
// 获取房屋用途和房屋性质统计数据
getLpbFwytAndQlxz
(){
let
data
=
{
zrzbsm
:
this
.
$store
.
state
.
zrzbsm
,
scyclx
:
this
.
scyclx
,
};
getLpbFwytAndQlxz
(
data
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
// this.fwytList = res.result
this
.
fwytList
=
res
.
result
.
fwyt
;
this
.
fwxzList
=
res
.
result
.
qlxz
;
if
(
this
.
fwytList
.
length
>
0
){
this
.
fwytList
.
forEach
(
item
=>
{
item
.
color
=
"#2591FD"
;
item
.
ts
=
item
.
bsms
.
length
})
}
if
(
this
.
fwxzList
.
length
>
0
){
this
.
fwxzList
.
forEach
(
item
=>
{
item
.
color
=
"#2591FD"
;
item
.
ts
=
item
.
bsms
.
length
})
}
}
});
}
},
computed
:
{},
watch
:
{},
watch
:
{
//树结构和图例伸缩时修改楼盘表主要内容区宽度
legendToggleFlag
(
n
)
{
if
(
n
)
{
this
.
lpbContentwidth
-=
204
;
}
else
{
this
.
lpbContentwidth
+=
204
;
}
},
//选择自然幢展示楼盘表后,查询右侧图例数据
isSearch
(
n
){
if
(
!
n
)
{
this
.
getDyztBsmList
();
this
.
getLpbFwytAndQlxz
();
}
},
//改变syclx,更新楼盘表数据
scyclx
(
n
){
this
.
$refs
.
lpbContent
.
lpbData
=
n
==
0
?
this
.
$refs
.
lpbContent
.
yclpbData
:
this
.
$refs
.
lpbContent
.
sclpbData
}
},
};
</
script
>
<
style
scoped
lang=
"less"
>
...
...
@@ -226,5 +590,105 @@ export default {
padding
:
18px
0
0
0
;
}
}
.lpb
{
box-sizing
:
border-box
;
padding-left
:
2px
;
.searchInput
{
transition
:
0.5s
;
margin-left
:
20px
;
display
:
inline-block
;
}
.lpb-content
{
margin-top
:
20px
;
background-color
:
#ffffff
;
display
:
flex
;
overflow-y
:
scroll
;
.lp-overview
{
transition
:
0.5s
;
flex
:
1
;
margin-right
:
20px
;
box-sizing
:
border-box
;
border
:
1px
solid
rgb
(
236
,
236
,
236
);
border-top
:
0
;
border-bottom
:
0
;
}
.lp-legend
{
transition
:
0.5s
;
height
:
100%
;
font-size
:
14px
;
.handleCol
{
width
:
34px
;
float
:
right
;
height
:
100%
;
.btn
{
cursor
:
pointer
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
background-color
:
#0091ff
;
color
:
#fff
;
border-bottom
:
1px
solid
#e6e6e6
;
}
.dyzt
{
height
:
81px
;
line-height
:
81px
;
}
.fwxz
,
.fwyt
{
height
:
122px
;
}
.dyzt
,
.fwxz
,
.fwyt
{
cursor
:
pointer
;
border-bottom
:
1px
solid
#e6e6e6
;
span
{
text-align
:
center
;
height
:
100%
;
-webkit-writing-mode
:
vertical-rl
;
writing-mode
:
vertical-rl
;
line-height
:
34px
;
letter-spacing
:
2px
;
}
}
.selectedZt
{
background-color
:
#0091ff
;
color
:
#fff
;
}
}
.legendTable-wrap
{
transition
:
0.5s
;
float
:
right
;
overflow
:
hidden
;
.legendTable
{
margin-top
:
-1px
;
tr
{
height
:
40px
;
line-height
:
40px
;
th
:
first-child
{
width
:
80px
;
}
th
{
width
:
60px
;
height
:
40px
;
white-space
:
nowrap
;
}
td
{
height
:
40px
;
text-align
:
center
;
white-space
:
nowrap
;
}
td
:first-child
{
text-align
:
left
;
text-indent
:
2px
;
}
}
}
}
}
}
}
}
</
style
>
...
...
src/views/panel/change/hfghb/index.vue
View file @
907e999
...
...
@@ -84,7 +84,7 @@
<div
class=
"lpb-content"
ref=
"lpbContentWrap"
:style=
"{ height: lpbContentHeight + 'px' }"
>
<!-- 楼盘表主体 -->
<div
class=
"lp-overview"
:style=
"{ width: lpbContentwidth + 'px' }"
>
<lpbContent
ref=
"lpbContent"
:zrzbsm=
'zrzbsm'
:isHbfg =
true
:isHb=
"isHb"
></lpbContent>
<lpbContent
ref=
"lpbContent"
:zrzbsm=
'zrzbsm'
lpbParent =
'isHbfg'
:isHb=
"isHb"
></lpbContent>
</div>
<!-- 右侧图例 -->
<div
class=
"lp-legend"
>
...
...
@@ -538,8 +538,11 @@ export default {
.lp-overview
{
transition
:
0.5s
;
flex
:
1
;
padding
-right
:
20px
;
margin
-right
:
20px
;
box-sizing
:
border-box
;
border
:
1px
solid
#ececec
;
border-top
:
0
;
border-bottom
:
0
;
}
.lp-legend
{
transition
:
0.5s
;
...
...
src/views/zrz/lpb/bjlp/index.vue
View file @
907e999
...
...
@@ -257,10 +257,6 @@
:bsms=
"bsms"
@
close=
"hcxlzClose"
></h-cxlz>
<!-- 双击户的弹出框 -->
<el-dialog
v-dialogDrag
:close-on-click-modal=
"false"
title=
"户编辑"
class=
"hbjDialog"
:visible
.
sync=
"hbjVisible"
width=
"70%"
>
<hbj
ref=
"hbj"
:bsm=
"hbsm"
:scyclx=
"scyclx"
></hbj>
</el-dialog>
</div>
</
template
>
...
...
@@ -275,7 +271,6 @@ import LineTree from "@components/lineTree/lineTree";
import
addLjz
from
"./ljz/index"
;
import
addZdy
from
"./zdy/index"
;
import
addCh
from
"./ch/index"
;
import
hbj
from
"./hbj/index"
;
import
lpbContent
from
"./lpbContent/index"
;
import
{
getLpbMenuTree
,
batchScYcChange
,
getLpbTj
,
batchGeneratorBdcdyh
,
getLpbFwytAndQlxz
,
batchCommit
}
from
"@api/lpb"
;
...
...
@@ -291,14 +286,12 @@ export default {
PlSh
,
PlH
,
PlZl
,
hbj
,
HCxlz
,
},
props
:
{},
data
()
{
return
{
bsms
:
[],
hbsm
:
""
,
dialogVisible
:
false
,
plcVisible
:
false
,
plhVisible
:
false
,
...
...
@@ -565,12 +558,7 @@ export default {
getHbsm
(
data
,
type
)
{
if
(
type
)
{
// 双击
this
.
hbsm
=
data
;
this
.
$store
.
state
.
hbsm
=
this
.
data
;
this
.
hbjVisible
=
true
;
this
.
$nextTick
(
function
()
{
this
.
$refs
.
hbj
.
getHInfo
(
this
.
hbsm
);
});
}
else
{
//单击 TO DO
this
.
bsms
=
data
;
...
...
src/views/zrz/lpb/bjlp/lpbContent/index.vue
View file @
907e999
...
...
@@ -302,7 +302,9 @@
<li
v-show=
"rightClickFlag == 'hb'"
:class=
"canHb!='sxhb'? 'cantHb':''"
@
click=
"handleHb('sxhb')"
>
上下合并
</li>
<!-- 分割 -->
<li
v-show=
"rightClickFlag == 'fg'"
@
click=
"handleFg"
>
户分割
</li>
<!-- <li v-show="rightClickFlag == 'fg'" :class="canHb!='sxhb'? 'cantHb':''" @click="handleHb('sxhb')">上下合并</li> -->
<!-- 范围属性变更 -->
<li
v-show=
"rightClickFlag == 'fwsxbg'"
@
click=
"handleFwsxbg"
>
变更信息
</li>
</ul>
<!-- 层操作弹框 -->
...
...
@@ -362,6 +364,10 @@
:type=
"scyclx"
@
loading=
"loadingData($store.state.zrzbsm,$parent.scyclx)"
></move-h>
<!-- 双击户的弹出框 -->
<el-dialog
v-dialogDrag
:close-on-click-modal=
"false"
title=
"户编辑"
class=
"hbjDialog"
:visible
.
sync=
"hbjVisible"
width=
"80%"
>
<hbj
ref=
"hbj"
:bsm=
"hbsm"
:scyclx=
"scyclx"
></hbj>
</el-dialog>
</div>
</template>
<
script
>
...
...
@@ -369,22 +375,24 @@ import moveH from "@components/moveH/moveH";
import
{
getLpb
,
insertUpDownC
,
deleteCByBsm
}
from
"@api/lpb"
;
import
{
hhb
,
hfg
}
from
"@api/h"
;
import
{
Message
}
from
'element-ui'
;
import
{
fwsxbgbl
}
from
"@api/common"
;
import
hbj
from
"../hbj/index"
;
export
default
{
name
:
""
,
components
:
{
moveH
},
components
:
{
moveH
,
hbj
},
props
:
{
isHbfg
:{
type
:
Boolean
,
default
:
false
},
zrzbsm
:{
type
:
String
,
default
:
''
},
lpbParent
:{
type
:
String
,
default
:
'isLpb'
},
isHb
:{
type
:
Boolean
,
default
:
true
}
}
,
},
data
()
{
return
{
...
...
@@ -394,6 +402,7 @@ export default {
cs
:
[],
zdys
:
[],
},
hbjVisible
:
false
,
lpbContentWidth
:
""
,
ljzWidth
:
10000
,
zdyWidth
:
1000
,
...
...
@@ -402,6 +411,7 @@ export default {
ljzcHeight
:
0
,
//逻辑幢下层户的div高度
ljzzdyHeight
:
0
,
//逻辑幢下幢单元的div高度
loading
:
true
,
hbsm
:
''
,
hbsmList
:
[],
cbsmList
:
[],
time
:
null
,
//区分单双击事件的定时器
...
...
@@ -614,11 +624,17 @@ export default {
//户双击事件
dbclick
(
bsm
)
{
clearTimeout
(
this
.
time
);
this
.
hbsm
=
bsm
;
this
.
$store
.
state
.
hbsm
=
this
.
data
;
this
.
hbjVisible
=
true
;
this
.
$nextTick
(
function
()
{
this
.
$refs
.
hbj
.
getHInfo
(
this
.
hbsm
);
});
// if (this.isHbfg) {
// }else{
// this.hbsmList.push(bsm); // 将户bsm放进hbsmList
this
.
$parent
.
getHbsm
(
bsm
,
true
);
// this.hbsmList.push(bsm); // 将户bsm放进hbsmList
//
this.$parent.getHbsm(bsm, true);
// }
},
//删除多重数组中的某一项
...
...
@@ -646,49 +662,59 @@ export default {
openMenu
(
e
,
item
,
type
)
{
this
.
lpbChLeft
=
e
.
pageX
;
this
.
lpbChTop
=
e
.
pageY
;
if
(
this
.
isHbfg
)
{
this
.
rightClickFlag
=
this
.
isHb
?
'hb'
:
'fg'
;
if
(
this
.
fghbChoosedList
.
length
>
1
)
{
//合并
this
.
lpbChVisible
=
true
;
//判断选中户可以执行的合并类型
let
chIsSame
=
this
.
fghbChoosedList
.
every
((
item
)
=>
{
return
item
.
ch
==
this
.
fghbChoosedList
[
0
].
ch
;
});
let
hhIsSame
=
this
.
fghbChoosedList
.
every
((
item
)
=>
{
return
item
.
hh
==
this
.
fghbChoosedList
[
0
].
hh
;
});
this
.
$nextTick
(()
=>
{
if
(
chIsSame
){
this
.
canHb
=
'zyhb'
}
else
if
(
hhIsSame
){
this
.
canHb
=
'sxhb'
this
.
chData
=
item
;
switch
(
this
.
lpbParent
)
{
case
'isHbfg'
:
this
.
rightClickFlag
=
this
.
isHb
?
'hb'
:
'fg'
;
if
(
this
.
fghbChoosedList
.
length
>
1
)
{
//合并
this
.
lpbChVisible
=
true
;
//判断选中户可以执行的合并类型
let
chIsSame
=
this
.
fghbChoosedList
.
every
((
item
)
=>
{
return
item
.
ch
==
this
.
fghbChoosedList
[
0
].
ch
;
});
let
hhIsSame
=
this
.
fghbChoosedList
.
every
((
item
)
=>
{
return
item
.
hh
==
this
.
fghbChoosedList
[
0
].
hh
;
});
this
.
$nextTick
(()
=>
{
if
(
chIsSame
){
this
.
canHb
=
'zyhb'
}
else
if
(
hhIsSame
){
this
.
canHb
=
'sxhb'
}
else
{
this
.
canHb
=
''
}
})
}
else
{
//分割
this
.
lpbChVisible
=
true
;
this
.
fgData
.
oldbsm
=
item
.
bsm
;
console
.
log
(
item
,
'item'
);
//判断户的实际sjcs为1,只能水平分割
this
.
fgData
.
fgfx
=
item
.
sjcs
==
1
?
0
:
1
;
if
(
item
.
sjcs
==
1
){
//判断户的实际sjcs为1,只能水平分割
this
.
fgData
.
fgfx
=
0
;
this
.
fgData
.
fghs
=
''
;
}
else
{
this
.
canHb
=
''
this
.
fgData
.
fgfx
=
1
;
//判断户的实际sjhs不为1,分割户数为sjhs的值
this
.
fgData
.
fghs
=
item
.
sjcs
;
}
})
}
else
{
//分割
this
.
lpbChVisible
=
true
;
this
.
fgData
.
oldbsm
=
item
.
bsm
;
console
.
log
(
item
,
'item'
);
//判断户的实际sjcs为1,只能水平分割
this
.
fgData
.
fgfx
=
item
.
sjcs
==
1
?
0
:
1
;
if
(
item
.
sjcs
==
1
){
//判断户的实际sjcs为1,只能水平分割
this
.
fgData
.
fgfx
=
0
;
this
.
fgData
.
fghs
=
''
;
}
else
{
this
.
fgData
.
fgfx
=
1
;
//判断户的实际sjhs不为1,分割户数为sjhs的值
this
.
fgData
.
fghs
=
item
.
sjcs
;
}
}
}
else
{
console
.
log
(
e
,
"e"
);
this
.
chData
=
item
;
this
.
rightClickFlag
=
type
;
this
.
lpbChVisible
=
true
;
break
;
case
'isFwsxbg'
:
console
.
log
(
item
,
'item'
);
this
.
rightClickFlag
=
'fwsxbg'
;
this
.
lpbChVisible
=
true
;
break
;
case
'isLpb'
:
this
.
rightClickFlag
=
type
;
this
.
lpbChVisible
=
true
;
break
;
default
:
break
;
}
},
// 户单元状态点击事件
...
...
@@ -851,6 +877,33 @@ export default {
}
})
.
catch
(()
=>
{});
},
//范围属性变更
handleFwsxbg
(){
let
params
=
{
bsm
:
this
.
chData
.
bsm
,
type
:
'h'
};
this
.
$confirm
(
'是否确定范围属性变更?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
fwsxbgbl
(
params
)
.
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
console
.
log
(
'成功'
);
this
.
getLpb
(
this
.
zrzbsm
,
this
.
scyclx
);
this
.
dbclick
(
this
.
chData
.
bsm
);
}
else
{
this
.
$message
({
message
:
res
.
message
,
type
:
"warning"
,
});
}
}).
catch
((
error
)
=>
{
});
}).
catch
(()
=>
{
});
}
},
computed
:
{
...
...
Please
register
or
sign in
to post a comment