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
1020f21b
authored
2020-11-11 16:48:56 +0800
by
zhaoqian
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
单户编辑保存以及数据得回显
1 parent
11f3c79f
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
400 additions
and
174 deletions
src/api/h.js
src/components/plh/plH.vue
src/store/index.js
src/views/Home.vue
src/views/systemZRZ/lpb/bjlp/hbj/index.vue
src/api/h.js
0 → 100644
View file @
1020f21
import
request
from
'@/plugin/axios'
/**
* 获取户的基本信息
*/
export
function
getQjHDetailByBsm
(
data
)
{
return
request
({
url
:
'/system/qjH/getQjHDetailById'
,
method
:
'get'
,
params
:
{
id
:
data
}
})
}
/**
* 修改户的基本信息
*/
export
function
updateQjH
(
data
)
{
return
request
({
url
:
'/system/qjH/updateQjH'
,
method
:
'put'
,
data
:
data
})
}
\ No newline at end of file
src/components/plh/plH.vue
View file @
1020f21
...
...
@@ -10,163 +10,193 @@
<div>
<table
border=
"1"
>
<tr>
<td
rowspan=
"6"
>
预测
</td>
<td>
建筑面积(㎡)
</td>
<td
colspan=
"2"
><input
type=
"text"
class=
"inputtitle"
/></td>
<td
rowspan=
"6"
>
实测
</td>
<td>
建筑面积(㎡)
</td>
<td><input
type=
"text"
class=
"inputtitle"
/></td>
<td
colspan=
"2"
>
建筑面积(㎡)
</td>
<td
colspan=
"4"
><input
type=
"text"
v-model=
"form.jzmj"
class=
"inputtitle"
/></td>
<td
colspan=
"2"
>
套内建筑面积(㎡)
</td>
<td
colspan=
"4"
><input
type=
"text"
v-model=
"form.tnjzmj"
class=
"inputtitle"
/></td>
</tr>
<tr>
<td
>
套内
建筑面积(㎡)
</td>
<td
colspan=
"
2"
><input
type=
"text
"
class=
"inputtitle"
/></td>
<td
>
套内
建筑面积(㎡)
</td>
<td
><input
type=
"text
"
class=
"inputtitle"
/></td>
<td
colspan=
"2"
>
分摊
建筑面积(㎡)
</td>
<td
colspan=
"
4"
><input
type=
"text"
v-model=
"form.ftjzmj
"
class=
"inputtitle"
/></td>
<td
colspan=
"2"
>
地下部分
建筑面积(㎡)
</td>
<td
colspan=
"4"
><input
type=
"text"
v-model=
"form.dxbfjzmj
"
class=
"inputtitle"
/></td>
</tr>
<tr>
<td>
分摊建筑面积(㎡)
</td>
<td
colspan=
"2"
><input
type=
"text"
class=
"inputtitle"
/></td>
<td>
分摊建筑面积(㎡)
</td>
<td><input
type=
"text"
class=
"inputtitle"
/></td>
</tr>
<tr>
<td>
地下部分建筑面积(㎡)
</td>
<td
colspan=
"2"
><input
type=
"text"
class=
"inputtitle"
/></td>
<td>
地下部分建筑面积(㎡)
</td>
<td><input
type=
"text"
class=
"inputtitle"
/></td>
</tr>
<tr>
<td>
其他建筑面积(㎡)
</td>
<td
colspan=
"2"
><input
type=
"text"
class=
"inputtitle"
/></td>
<td>
其他建筑面积(㎡)
</td>
<td><input
type=
"text"
class=
"inputtitle"
/></td>
</tr>
<tr>
<td>
分摊系数
</td>
<td
colspan=
"2"
><input
type=
"text"
class=
"inputtitle"
/></td>
<td>
分摊系数
</td>
<td><input
type=
"text"
class=
"inputtitle"
/></td>
<td
colspan=
"2"
>
其他建筑面积(㎡)
</td>
<td
colspan=
"4"
><input
type=
"text"
v-model=
"form.qtjzmj"
class=
"inputtitle"
/></td>
<td
colspan=
"2"
>
分摊系数
</td>
<td
colspan=
"4"
><input
type=
"text"
v-model=
"form.ftxs"
class=
"inputtitle"
/></td>
</tr>
<tr>
<td
colspan=
"2"
>
户型
</td>
<td
colspan=
"
2
"
>
<el-select
class=
"selectTitle"
>
<td
colspan=
"
4
"
>
<el-select
class=
"selectTitle"
v-model=
"form.hxbsm"
>
<el-option
v-for=
"i in
hx
"
:key=
"i.
key
"
:label=
"i.
label
"
:value=
"i.
value
"
v-for=
"i in
$store.state.hxList
"
:key=
"i.
bsm
"
:label=
"i.
mc
"
:value=
"i.
bsm
"
></el-option>
</el-select>
</td>
<td
colspan=
"2"
>
户型结构
</td>
<td>
<el-select
class=
"selectTitle"
>
<td
colspan=
"4"
>
<el-select
class=
"selectTitle"
v-model=
"form.hxjgbsm"
>
<el-option
v-for=
"i in
hx
"
:key=
"i.
key
"
:label=
"i.
label
"
:value=
"i.
value
"
v-for=
"i in
$store.state.hxjgList
"
:key=
"i.
bsm
"
:label=
"i.
mc
"
:value=
"i.
bsm
"
></el-option>
</el-select>
</td>
</tr>
<tr>
<td
colspan=
"2"
>
共有土地面积(㎡)
</td>
<td
colspan=
"
2"
><input
type=
"text"
class=
"inputtitle
"
/></td>
<td
colspan=
"
4"
><input
type=
"text"
class=
"inputtitle"
v-model=
"form.gytdmj
"
/></td>
<td
colspan=
"2"
>
分摊土地面积(㎡)
</td>
<td
><input
type=
"text"
class=
"inputtitle
"
/></td>
<td
colspan=
"4"
><input
type=
"text"
class=
"inputtitle"
v-model=
"form.fttdmj
"
/></td>
</tr>
<tr>
<td
colspan=
"2"
>
独有土地面积(㎡)
</td>
<td
colspan=
"
2"
><input
type=
"text"
class=
"inputtitle
"
/></td>
<td
colspan=
"
4"
><input
type=
"text"
class=
"inputtitle"
v-model=
"form.dytdmj
"
/></td>
<td
colspan=
"2"
>
房屋类型
</td>
<td>
<el-select
class=
"selectTitle"
>
<td
colspan=
"4"
>
<el-select
class=
"selectTitle"
v-model=
"form.fwlxbsm"
>
<el-option
v-for=
"i in
hx
"
:key=
"i.
key
"
:label=
"i.
label
"
:value=
"i.
value
"
v-for=
"i in
$store.state.fwlxList
"
:key=
"i.
bsm
"
:label=
"i.
mc
"
:value=
"i.
bsm
"
></el-option>
</el-select>
</td>
</tr>
<tr>
<td
colspan=
"2"
>
产别
</td>
<td
colspan=
"
2
"
>
<el-select
class=
"selectTitle"
>
<td
colspan=
"
4
"
>
<el-select
class=
"selectTitle"
v-model=
"form.fwcbbsm"
>
<el-option
v-for=
"i in
hx
"
:key=
"i.
key
"
:label=
"i.
label
"
:value=
"i.
value
"
v-for=
"i in
$store.state.cbOptions
"
:key=
"i.
bsm
"
:label=
"i.
mc
"
:value=
"i.
bsm
"
></el-option>
</el-select>
</td>
<td
colspan=
"2"
>
产权来源
</td>
<td>
<input
type=
"text"
class=
"inputtitle"
/>
<td
colspan=
"4"
>
<el-select
class=
"selectTitle"
v-model=
"form.fwcqlybsm"
>
<el-option
v-for=
"i in $store.state.cqlyOptions"
:key=
"i.bsm"
:label=
"i.mc"
:value=
"i.bsm"
></el-option>
</el-select>
</td>
</tr>
<tr>
<td
colspan=
"2"
>
房屋性质
</td>
<td
colspan=
"
2
"
>
<el-select
class=
"selectTitle"
>
<td
colspan=
"
4
"
>
<el-select
class=
"selectTitle"
v-model=
"form.fwxzbsm"
>
<el-option
v-for=
"i in
hx
"
:key=
"i.
key
"
:label=
"i.
label
"
:value=
"i.
value
"
v-for=
"i in
$store.state.fwxzOptions
"
:key=
"i.
bsm
"
:label=
"i.
mc
"
:value=
"i.
bsm
"
></el-option>
</el-select>
</td>
<td
colspan=
"2"
></td>
<td></td>
<td
colspan=
"4"
></td>
</tr>
<tr>
<td
colspan=
"2"
>
房屋结构
</td>
<td
colspan=
"5"
>
<el-select
class=
"selectTitle"
>
<el-select
class=
"selectTitle"
v-model=
"form.fwjgbsm"
>
<el-option
v-for=
"i in
hx
"
:key=
"i.
key
"
:label=
"i.
label
"
:value=
"i.
value
"
v-for=
"i in
$store.state.fwjgList
"
:key=
"i.
bsm
"
:label=
"i.
mc
"
:value=
"i.
bsm
"
></el-option>
</el-select>
</td>
</tr>
<tr>
<td
colspan=
"2"
>
房屋用途
</td>
<td>
规划用途
</td>
<td><input
type=
"text"
class=
"inputtitle"
/></td>
<td
colspan=
"2"
>
用途
</td>
<td><input
type=
"text"
class=
"inputtitle"
/></td>
<tr
height=
"30"
v-for=
"(item1,index) in form.fwytList"
:key=
"index"
>
<td
v-if=
"index===0"
colspan=
"2"
:rowspan=
"ytTitleRowspan"
align=
"center"
id=
"ytTitle"
>
<el-button
type=
"primary"
size=
"mini"
style=
"margin-right: 10px"
@
click=
"addYtInfo"
>
添加
</el-button>
<span>
用途
</span>
</td>
<td
width=
"30"
colspan=
"1"
align=
"center"
>
<el-button
type=
"info"
size=
"mini"
style=
""
@
click=
"deleteYtInfo(index)"
circle
>
删除
</el-button>
规划用途
</td>
<td
width=
"30"
colspan=
"4"
align=
"center"
>
<el-select
v-model=
"item1.fwytzdbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in $store.state.fwytList"
:key=
"item.bsm"
:label=
"item.mc"
:value=
"item.bsm"
>
</el-option>
</el-select>
</td>
<td
width=
"30"
colspan=
"1"
align=
"center"
>
用途
</td>
<td
width=
"30"
colspan=
"4"
align=
"center"
>
<el-select
v-model=
"item1.fwsjytbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in $store.state.fwytList"
:key=
"item.bsm"
:label=
"item.mc"
:value=
"item.bsm"
>
</el-option>
</el-select>
</td>
</tr>
<tr>
<td
colspan=
"2"
>
权利性质
<tr
height=
"30"
v-for=
"(item1,index) in form.fwjgList"
:key=
"'jg'+index"
>
<td
colspan=
"2"
v-if=
"index===0"
:rowspan=
"fwjgTitleRowspan"
align=
"center"
>
<el-button
type=
"primary"
size=
"mini"
style=
"margin-right: 10px"
@
click=
"addFwjgInfo"
>
添加
</el-button>
<span>
房屋结构
</span>
</td>
<td
colspan=
"1"
align=
"center"
>
<span
@
click=
"deleteFwjgInfo(index)"
>
删除
</span>
</td>
<td
colspan=
"2"
>
<input
type=
"text"
class=
"inputtitle"
/>
<td
colspan=
"9"
>
<el-select
v-model=
"item1.fwjgzdbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in $store.state.fwjgList"
:key=
"item.bsm"
:label=
"item.mc"
:value=
"item.bsm"
>
</el-option>
</el-select>
</td>
<td
colspan=
"2"
>
</tr
>
<tr>
<td
colspan=
"12"
rowspan=
"4"
align=
"center"
>
<Qlxz
ref=
"qlxzModule"
></Qlxz>
</td>
<td></td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
<td
colspan=
"2"
>
东墙体归属
</td>
<td
colspan=
"
2"
><input
type=
"text"
class=
"inputtitle
"
/></td>
<td
colspan=
"
4"
><input
type=
"text"
class=
"inputtitle"
v-model=
"form.dqtgs
"
/></td>
<td
colspan=
"2"
>
南墙体归属
</td>
<td
><input
type=
"text"
class=
"inputtitle
"
/></td>
<td
colspan=
"4"
><input
type=
"text"
class=
"inputtitle"
v-model=
"form.nqtgs
"
/></td>
</tr>
<tr>
<td
colspan=
"2"
>
西墙体归属
</td>
<td
colspan=
"
2"
><input
type=
"text"
class=
"inputtitle
"
/></td>
<td
colspan=
"
4"
><input
type=
"text"
class=
"inputtitle"
v-model=
"form.xqtgs
"
/></td>
<td
colspan=
"2"
>
北墙体归属
</td>
<td
><input
type=
"text"
class=
"inputtitle
"
/></td>
<td
colspan=
"4"
><input
type=
"text"
class=
"inputtitle"
v-model=
"form.bqtgs
"
/></td>
</tr>
</table>
</div>
...
...
@@ -180,8 +210,12 @@
</
template
>
<
script
>
import
Qlxz
from
"./../../components/formMenu/qlxz_simple"
;
export
default
{
name
:
"plH"
,
components
:{
Qlxz
},
props
:
{
bsms
:
{
type
:
Array
...
...
@@ -193,6 +227,48 @@
},
data
()
{
return
{
form
:{
jzmj
:
''
,
tnjzmj
:
''
,
ftjzmj
:
''
,
dxbfjzmj
:
''
,
qtjzmj
:
''
,
ftxs
:
''
,
hxbsm
:
''
,
hxjgbsm
:
''
,
gytdmj
:
''
,
fttdmj
:
''
,
dytdmj
:
''
,
fwlxbsm
:
''
,
fwcbbsm
:
''
,
fwcqlybsm
:
''
,
fwxzbsm
:
''
,
dqtgs
:
''
,
nqtgs
:
''
,
xqtgs
:
''
,
bqtgs
:
''
,
fwjgbsm
:
''
,
fwytList
:[{
glbsm
:
''
,
//关联标识码
fwytzdbsm
:
''
,
//房屋用途字典标识码
sx
:
''
,
//顺序
fwsjytbsm
:
''
,
//房屋实际用途字典标识码
}],
fwjgList
:[{
fwjgzdbsm
:
''
,
//房屋结构字典标识码
glbsm
:
''
,
//关联标识码
sx
:
''
,
//顺序
}],
qlxzList
:[{
qlxzdm
:
''
,
//权利性质代码
glbsm
:
''
,
//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
qlxzzdbsm
:
''
,
//权利性质字典表标识码
qlxzmc
:
''
,
//权利名称名称
zhqlxzlx
:
''
,
//除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质
addQjTdytRequestList
:[{
}],
//土地用途新增实体列表
}]
},
isVisible
:
false
,
hx
:
[{
label
:
'一居室'
,
...
...
@@ -207,10 +283,51 @@
key
:
'3'
,
value
:
'三居室'
}
]
],
ytTitleRowspan
:
1
,
//用途的单元格垂直合并数量
fwjgTitleRowspan
:
1
,
//房屋结构的单元格垂直合并数量
}
},
methods
:
{
addYtInfo
(){
this
.
form
.
fwytList
.
push
({
glbsm
:
''
,
fwytzdbsm
:
''
,
fwsjytbsm
:
''
,
sx
:
''
,
});
this
.
ytTitleRowspan
=
this
.
form
.
fwytList
.
length
;
},
deleteYtInfo
(
index
){
if
(
this
.
form
.
fwytList
.
length
<=
1
){
this
.
$message
({
message
:
'不能删除,最少含有一条用途信息'
,
type
:
'warning'
});
}
else
{
this
.
form
.
fwytList
.
splice
(
index
,
1
);
this
.
ytTitleRowspan
=
this
.
form
.
fwytList
.
length
;
}
},
addFwjgInfo
(){
this
.
form
.
fwjgList
.
push
({
fwjgzdbsm
:
''
,
//房屋结构字典标识码
glbsm
:
''
,
//关联标识码
sx
:
''
,
//顺序
});
this
.
fwjgTitleRowspan
=
this
.
form
.
fwjgList
.
length
;
},
deleteFwjgInfo
(
index
){
if
(
this
.
form
.
fwjgList
.
length
<=
1
){
this
.
$message
({
message
:
'不能删除,最少含有一条房屋结构信息'
,
type
:
'warning'
});
}
else
{
this
.
form
.
fwjgList
.
splice
(
index
,
1
);
this
.
fwjgTitleRowspan
=
this
.
form
.
fwjgList
.
length
;
}
},
close
:
function
()
{
this
.
$emit
(
'close'
)
this
.
isVisible
=
false
...
...
@@ -220,7 +337,9 @@
},
save
:
function
()
{
this
.
form
.
qlxzList
=
this
.
$refs
.
qlxzModule
.
getQlxzDataList
();
console
.
log
(
"批量户信息"
)
console
.
log
(
this
.
form
)
},
cancel
:
function
()
{
this
.
close
()
...
...
@@ -276,4 +395,8 @@
text-align
:
center
;
margin-top
:
20px
;
}
/
deep
/
.el-input__inner
{
width
:
100%
;
border
:
0
;
}
</
style
>
...
...
src/store/index.js
View file @
1020f21
...
...
@@ -29,6 +29,10 @@ const store = new Vuex.Store({
xzqList
:
[],
djqList
:
[],
djzqList
:
[],
fwlxList
:[],
hxList
:[],
hxjgList
:[],
fwjgList
:[],
fwxzOptions
:[],
cbOptions
:[],
cqlyOptions
:[],
...
...
src/views/Home.vue
View file @
1020f21
...
...
@@ -212,6 +212,10 @@ export default {
s
.
tdytList
=
s
.
tdytList
.
length
==
0
?
await
this
.
getDicData
(
"土地用途"
)
:
s
.
tdytList
;
s
.
fwytList
=
s
.
fwytList
.
length
==
0
?
await
this
.
getDicData
(
"房屋用途"
)
:
s
.
fwytList
;
s
.
tddjList
=
s
.
tddjList
.
length
==
0
?
await
this
.
getDicData
(
"土地等级"
)
:
s
.
tddjList
;
s
.
fwlxList
=
s
.
fwlxList
.
length
==
0
?
await
this
.
getDicData
(
"房屋类型"
)
:
s
.
fwlxList
;
s
.
hxList
=
s
.
hxList
.
length
==
0
?
await
this
.
getDicData
(
"户型"
)
:
s
.
hxList
;
s
.
hxjgList
=
s
.
hxjgList
.
length
==
0
?
await
this
.
getDicData
(
"户型结构"
)
:
s
.
hxjgList
;
s
.
fwjgList
=
s
.
fwjgList
.
length
==
0
?
await
this
.
getDicData
(
"户型结构"
)
:
s
.
fwjgList
;
s
.
fwxzOptions
=
s
.
fwxzOptions
.
length
==
0
?
await
this
.
getDicData
(
"房屋性质"
)
:
s
.
fwxzOptions
;
s
.
cbOptions
=
s
.
cbOptions
.
length
==
0
?
await
this
.
getDicData
(
"房屋产别"
)
:
s
.
cbOptions
;
...
...
src/views/systemZRZ/lpb/bjlp/hbj/index.vue
View file @
1020f21
...
...
@@ -10,52 +10,52 @@
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
宗地代码
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.zd
bsm"
></el-input>
<el-input
v-model=
"form.zd
dm"
disabled
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
自然幢号
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.zrzh"
></el-input>
<el-input
v-model=
"form.zrzh"
disabled
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
不动产单元号
</td>
<!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号-->
<td
colspan=
"4"
>
<el-input
v-model=
"form.bdcdyh"
style=
"width: 70%"
></el-input>
<el-input
v-model=
"form.bdcdyh"
style=
"width: 70%"
disabled
></el-input>
<el-button
@
click
.
prevent=
""
size=
"mini"
type=
"primary"
style=
"width:25%;margin-left:3%"
>
生成
</el-button>
</td>
<td
colspan=
"2"
align=
"center"
>
原不动产单元
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.ydybsm"
></el-input>
<el-input
v-model=
"form.ydybsm"
disabled
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
逻辑幢号
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.ljzh"
></el-input>
<el-input
v-model=
"form.ljzh"
disabled
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
层号
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.ch"
></el-input>
<el-input
v-model=
"form.ch"
disabled
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
实际层数
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.sjcs"
></el-input>
<el-input
v-model=
"form.sjcs"
disabled
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
实际层
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.sjc"
></el-input>
<el-input
v-model=
"form.sjc"
disabled
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
所在单元
</td>
<td
colspan=
"4"
>
<el-input
v-model=
"form.
dyhbsm"
></el-input>
<el-input
v-model=
"form.
zdymc"
disabled
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
房屋编号
</td>
<td
colspan=
"4"
>
...
...
@@ -68,10 +68,10 @@
<td
colspan=
"4"
>
<el-select
v-model=
"form.fwlxbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
options
"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.fwlxList
"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -79,10 +79,10 @@
<td
colspan=
"4"
>
<el-select
v-model=
"form.fwxzbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
o
ptions"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.fwxzO
ptions"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -104,21 +104,21 @@
<td
colspan=
"4"
>
<el-select
v-model=
"form.hxbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
options
"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.hxList
"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
<td
colspan=
"2"
align=
"center"
>
户型结构
</td>
<td
colspan=
"4"
>
<el-select
v-model=
"form.hxbsm"
placeholder=
"请选择"
>
<el-select
v-model=
"form.hx
jg
bsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
options
"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.hxjgList
"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -129,10 +129,10 @@
<td
colspan=
"4"
>
<el-select
v-model=
"form.fwcbbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
o
ptions"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.cbO
ptions"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -140,10 +140,10 @@
<td
colspan=
"4"
>
<el-select
v-model=
"form.fwcqlybsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
o
ptions"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.cqlyO
ptions"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -153,67 +153,67 @@
<td
colspan=
"2"
rowspan=
"6"
align=
"center"
>
预测
</td>
<td
colspan=
"2"
align=
"center"
>
建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.jzmj"
></el-input>
<el-input
v-model=
"form.jzmj"
:disabled=
"form.scyclx==='1'"
></el-input>
</td>
<td
colspan=
"2"
rowspan=
"6"
align=
"center"
>
实测
</td>
<td
colspan=
"2"
align=
"center"
>
建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.jzmj"
></el-input>
<el-input
v-model=
"form.jzmj"
:disabled=
"form.scyclx==='0'"
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
套内建筑面积(㎡))
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.tnjzmj"
></el-input>
<el-input
v-model=
"form.tnjzmj"
:disabled=
"form.scyclx==='1'"
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
套内建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.tnjzmj"
></el-input>
<el-input
v-model=
"form.tnjzmj"
:disabled=
"form.scyclx==='0'"
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
分摊建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.ftjzmj"
></el-input>
<el-input
v-model=
"form.ftjzmj"
:disabled=
"form.scyclx==='1'"
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
分摊建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.ftjzmj"
></el-input>
<el-input
v-model=
"form.ftjzmj"
:disabled=
"form.scyclx==='0'"
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
地下部分建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.dxbfjzmj"
></el-input>
<el-input
v-model=
"form.dxbfjzmj"
:disabled=
"form.scyclx==='1'"
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
地下部分建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.dxbfjzmj"
></el-input>
<el-input
v-model=
"form.dxbfjzmj"
:disabled=
"form.scyclx==='0'"
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
其它建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.qtjzmj"
></el-input>
<el-input
v-model=
"form.qtjzmj"
:disabled=
"form.scyclx==='1'"
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
其它建筑面积(㎡)
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.qtjzmj"
></el-input>
<el-input
v-model=
"form.qtjzmj"
:disabled=
"form.scyclx==='0'"
></el-input>
</td>
</tr>
<tr
height=
"30"
>
<td
colspan=
"2"
align=
"center"
>
分摊系数
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.ftxs"
></el-input>
<el-input
v-model=
"form.ftxs"
:disabled=
"form.scyclx==='1'"
></el-input>
</td>
<td
colspan=
"2"
align=
"center"
>
分摊系数
</td>
<td
colspan=
"2"
align=
"center"
>
<el-input
v-model=
"form.ftxs"
></el-input>
<el-input
v-model=
"form.ftxs"
:disabled=
"form.scyclx==='0'"
></el-input>
</td>
</tr>
<tr
height=
"30"
v-for=
"(item1,index) in form.ytList"
:key=
"index"
>
<tr
height=
"30"
v-for=
"(item1,index) in form.
fw
ytList"
:key=
"index"
>
<td
v-if=
"index===0"
colspan=
"2"
:rowspan=
"ytTitleRowspan"
align=
"center"
id=
"ytTitle"
>
<el-button
type=
"primary"
size=
"mini"
style=
"margin-right: 10px"
@
click=
"addYtInfo"
>
添加
</el-button>
<span>
用途
</span>
...
...
@@ -226,10 +226,10 @@
<td
width=
"30"
colspan=
"4"
align=
"center"
>
<el-select
v-model=
"item1.fwytzdbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
options
"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.fwytList
"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -237,10 +237,10 @@
<td
width=
"30"
colspan=
"4"
align=
"center"
>
<el-select
v-model=
"item1.fwsjytbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
options
"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.fwytList
"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -257,10 +257,10 @@
<td
colspan=
"9"
>
<el-select
v-model=
"item1.fwjgzdbsm"
placeholder=
"请选择"
>
<el-option
v-for=
"item in
options
"
:key=
"item.
value
"
:label=
"item.
label
"
:value=
"item.
value
"
>
v-for=
"item in
$store.state.fwjgList
"
:key=
"item.
bsm
"
:label=
"item.
mc
"
:value=
"item.
bsm
"
>
</el-option>
</el-select>
</td>
...
...
@@ -376,6 +376,7 @@
<
script
>
import
Qlr
from
"./../../../../../components/formMenu/qlr"
;
import
Qlxz
from
"./../../../../../components/formMenu/qlxz_simple"
;
import
{
getQjHDetailByBsm
,
updateQjH
}
from
"./../../../../../api/h"
export
default
{
name
:
'zrz'
,
components
:{
...
...
@@ -388,6 +389,7 @@
data
()
{
return
{
form
:{
bsm
:
''
,
//户标识码
zrzbsm
:
''
,
//自然幢标识码
ljzbsm
:
''
,
//逻辑幢标识码
ljzh
:
''
,
//逻辑幢号
...
...
@@ -402,6 +404,7 @@
sjcs
:
''
,
//实际层数
hh
:
''
,
//户号
hxbsm
:
''
,
//户型标识码
hxjgbsm
:
''
,
//户型结构标识码
dltdmj
:
''
,
//独立使用土地面积
fttdmj
:
''
,
//分摊土地使用面积
gytdmj
:
''
,
//共有土地面积
...
...
@@ -426,12 +429,12 @@
dxbfjzmj
:
''
,
//地下部分建筑面积
qtjzmj
:
''
,
//其它建筑面积
ftxs
:
''
,
//分摊系数
scyclx
:
''
,
//实预测类型(0:预测,1:实测;),区别户是实测还是预测数据
scyclx
:
'
0
'
,
//实预测类型(0:预测,1:实测;),区别户是实测还是预测数据
scycglbsm
:
''
,
//实测预测关联标识码
bz
:
''
,
//备注
name
:
''
,
date
:
''
,
ytList
:[{
fw
ytList
:[{
glbsm
:
''
,
//关联标识码
fwytzdbsm
:
''
,
//房屋用途字典标识码
sx
:
''
,
//顺序
...
...
@@ -452,22 +455,6 @@
}],
//土地用途新增实体列表
}]
},
options
:
[{
value
:
'选项1'
,
label
:
'黄金糕'
},
{
value
:
'选项2'
,
label
:
'双皮奶'
},
{
value
:
'选项3'
,
label
:
'蚵仔煎'
},
{
value
:
'选项4'
,
label
:
'龙须面'
},
{
value
:
'选项5'
,
label
:
'北京烤鸭'
}],
value
:
''
,
ytTitleRowspan
:
1
,
//用途的单元格垂直合并数量
fwjgTitleRowspan
:
1
,
//房屋结构的单元格垂直合并数量
...
...
@@ -475,23 +462,23 @@
},
methods
:
{
addYtInfo
(){
this
.
form
.
ytList
.
push
({
this
.
form
.
fw
ytList
.
push
({
glbsm
:
''
,
fwytzdbsm
:
''
,
fwsjytbsm
:
''
,
sx
:
''
,
});
this
.
ytTitleRowspan
=
this
.
form
.
ytList
.
length
;
this
.
ytTitleRowspan
=
this
.
form
.
fw
ytList
.
length
;
},
deleteYtInfo
(
index
){
if
(
this
.
form
.
ytList
.
length
<=
1
){
if
(
this
.
form
.
fw
ytList
.
length
<=
1
){
this
.
$message
({
message
:
'不能删除,最少含有一条用途信息'
,
type
:
'warning'
});
}
else
{
this
.
form
.
ytList
.
splice
(
index
,
1
);
this
.
ytTitleRowspan
=
this
.
form
.
ytList
.
length
;
this
.
form
.
fw
ytList
.
splice
(
index
,
1
);
this
.
ytTitleRowspan
=
this
.
form
.
fw
ytList
.
length
;
}
},
addFwjgInfo
(){
...
...
@@ -517,11 +504,94 @@
getHInfo
(
hbsm
){
this
.
bsm
=
hbsm
;
console
.
log
(
hbsm
);
getQjHDetailByBsm
(
hbsm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
){
this
.
form
=
res
.
result
;
if
(
res
.
result
.
fwytList
.
length
===
0
){
this
.
form
.
fwytList
.
push
({
glbsm
:
''
,
//关联标识码
fwytzdbsm
:
''
,
//房屋用途字典标识码
sx
:
''
,
//顺序
fwsjytbsm
:
''
,
//房屋实际用途字典标识码
})
}
if
(
res
.
result
.
fwjgList
.
length
===
0
){
this
.
form
.
fwjgList
.
push
({
fwjgzdbsm
:
''
,
//房屋结构字典标识码
glbsm
:
''
,
//关联标识码
sx
:
''
,
//顺序
})
}
this
.
fwjgTitleRowspan
=
this
.
form
.
fwjgList
.
length
;
this
.
ytTitleRowspan
=
this
.
form
.
fwytList
.
length
;
if
(
res
.
result
.
qjQlxzListVOS
.
length
>
0
){
if
(
res
.
result
.
qjQlxzListVOS
[
0
].
list
.
length
<
1
){
res
.
result
.
qjQlxzListVOS
[
0
].
list
.
push
({
"pzdjbsm"
:
""
,
"pzdjmc"
:
""
,
"pzytdm"
:
""
,
"pzytmc"
:
""
,
"pzytmj"
:
0
,
"qlxzbsm"
:
""
,
"sjdjbsm"
:
""
,
"sjdjmc"
:
""
,
"sjytdm"
:
""
,
"sjytmc"
:
""
,
"sjytmj"
:
0
,
"syqx"
:
""
,
"tdsyjssj"
:
""
,
"tdsyqssj"
:
""
,
"tdzh"
:
""
})
}
//权利性质数据传给子组件
this
.
$refs
.
qlxzModule
.
countList
=
res
.
result
.
qjQlxzListVOS
}
else
{
this
.
$refs
.
qlxzModule
.
countList
=
[
{
id
:
Math
.
random
(),
isInside
:
false
,
hasNotBorder
:
false
,
"bsm"
:
""
,
//权利性质标识码
"glbsm"
:
""
,
//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
"qlxzdm"
:
""
,
"zhqlxzlx"
:
""
,
//除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质
list
:[
{
"pzdjbsm"
:
""
,
"pzdjmc"
:
""
,
"pzytdm"
:
""
,
"pzytmc"
:
""
,
"pzytmj"
:
0
,
"qlxzbsm"
:
""
,
"sjdjbsm"
:
""
,
"sjdjmc"
:
""
,
"sjytdm"
:
""
,
"sjytmc"
:
""
,
"sjytmj"
:
0
,
"syqx"
:
""
,
"tdsyjssj"
:
""
,
"tdsyqssj"
:
""
,
"tdzh"
:
""
}
]
},
]
}
}
})
},
//保存户信息
onSave
(
bsm
,
yclx
){
console
.
log
(
bsm
);
console
.
log
(
yclx
)
this
.
form
.
bsm
=
bsm
;
this
.
form
.
qlxzList
=
this
.
$refs
.
qlxzModule
.
getQlxzDataList
();
updateQjH
(
this
.
form
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
){
this
.
$message
.
success
(
"保存成功!"
)
}
})
},
onReset
(){
...
...
Please
register
or
sign in
to post a comment