Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
f3156a6b by cheliming
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents 2d4de8e0 475c68b3
Inline Side-by-side
Showing 18 changed files with 91 additions and 2205 deletions
......@@ -96,3 +96,16 @@ export function updateQsztByBsm(data){
data: data
})
}
/**
* 提交表单信息
* glbsm 关联标识码，自然幢，多幢等标识码 ,
* status 状态
* type 类型，zrz，dz，zd等信息，首字母缩写
*/
export function submit (data) {
return request({
url: '/system/submit/submitInfo',
method: 'post',
data:data
})
}
\ No newline at end of file
......
......@@ -47,3 +47,5 @@ export function getZrzDetailByBsm (data) {
}
})
}
......
......@@ -23,7 +23,12 @@
.fr{
float: right;
}
table{
border-width: 0;
}
table,td,tr,.el-col,.title{
border-color: #E6E6E6 !important;
}
.formInput {
height: 20px;
width: 96%;
......
......@@ -6,7 +6,7 @@
<td colspan="2">共有方式</td>
<td colspan="8">
<el-row>
<el-col :span="12" class="fl">
<el-col :span="16" class="fl">
<el-radio-group v-model="gyfs">
<el-radio :label="item.bsm" :key="item.bsm" v-for="item in $store.state.gyfsList">{{item.mc}}</el-radio>
</el-radio-group>
......@@ -560,14 +560,14 @@
.el-table--border::after,
.el-table--group::after,
.el-table::before {
background-color: black;
background-color: #E6E6E6;
}
.el-table--border td,
.el-table--border th,
.el-table__body-wrapper
.el-table--border.is-scrolling-left
~ .el-table__fixed {
border-right: 1px solid #000;
border-right: 1px solid#E6E6E6;
}
.el-table td,
.el-table th {
......@@ -577,9 +577,13 @@
}
.el-table td,
.el-table th.is-leaf {
border-bottom: 1px solid #000;
border-bottom: 1px solid#E6E6E6;
border-color: #E6E6E6 !important;
}
.qlrTable {
border-color: #E6E6E6 !important;
position: relative;
top: -1px;
.el-input__inner {
height: 20px;
margin: 0;
......
......@@ -95,13 +95,13 @@
<el-col :span="3" :key="childIndex+'4'" :class="childIndex>0 ? 'childYT':''">
<ul>
<li>
<input type="text" v-model="childItem.pzytdm" class="formInput" />
<input type="text" placeholder="请输入" v-model="childItem.pzytdm" class="formInput" />
</li>
<li>
<input type="text" v-model="childItem.sjytdm" class="formInput" />
<input type="text" placeholder="请输入" v-model="childItem.sjytdm" class="formInput" />
</li>
<li>
<input type="text" v-model="childItem.syqx " class="formInput" />
<input type="text" placeholder="请输入" v-model="childItem.syqx " class="formInput" />
</li>
</ul>
</el-col>
......@@ -319,7 +319,7 @@ export default {
height: 37px;
line-height: 37px;
text-decoration: none;
border-bottom: 1px solid grey;
border-bottom: 1px solid #E6E6E6;
.el-select{
width: 100%;
}
......
......@@ -83,12 +83,6 @@ const constantRoutes = [
code: "1-5",
component: () => import("@/views/systemZD/index"),
},
{
path: "/ljz",
name: "宗地1",
code: "1-6",
component: () => import("@/views/basic/ljz/index"),
},
],
},
];
......
......@@ -121,59 +121,7 @@ export default {
"/announcement_template": "PSH019",
"/business_management": "PSH020",
},
pd: [
{
mc: "行政区(1)",
children: [],
},
{
mc: "行政区(2)",
children: [
{
mc: "地籍区1",
children: [],
},
{
mc: "地籍区2",
children: [
{
mc: "国有",
children: [
{
mc: "宗地代码1933",
isZD: true,
},
{
mc: "自然幢2100",
isZD: false,
},
],
},
],
},
{
label: "地籍区3",
children: [],
},
{
label: "地籍区4",
children: [],
},
],
},
{
mc: "行政区(3)",
children: [],
},
{
mc: "行政区(4)",
children: [],
},
{
mc: "行政区(5)",
children: [],
},
],
pd: [],
dialogVisible: false,
};
},
......
.dz {
min-height: 200px;
width: 80%;
margin-top: 10px;
float: left;
/deep/.el-input__inner{
width: 100%;
border: 0;
}
/deep/textarea{
width: 100%;
border: 0;
}
.el-form-item{
font-weight: bold;
font-size: xx-large
}
table{
background: #fff;
}
td{
//bgcolor:#F1F4FC;
bgcolor:#fff;
width:8.33%
}
.el-select{
display:block;
}
table{
font-size: 14px;
}
.dzTable{
margin-top: 10px;
}
}
\ No newline at end of file
<template>
<div class="dz content-form">
<el-form ref="form" :model="form" label-width="160px">
<Qlr ref="qlrxxModule"></Qlr>
<table border="1" width="100%" cellspacing="1" cellpadding="2" class="dzTable">
<tbody>
<tr>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
</tr>
<tr height="30">
<td colspan="12" align="center" ><font size="4">多幢基本信息</font></td>
</tr>
<tr height="30">
<td colspan="2" align="center" >宗地代码</td>
<td colspan="4" >
<el-input v-model="form.zdbsm"></el-input>
</td>
<td colspan="2" align="center" >不动产单元号</td>
<td colspan="4" >
<el-input v-model="form.dyhbsm" style="width: 70%"></el-input>
<el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >项目名称</td>
<td colspan="4" >
<el-input v-model="form.xmmc"></el-input>
</td>
<td colspan="2" align="center" >房屋性质</td>
<td colspan="4" >
<el-select v-model="form.fwxzbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >房屋类型</td>
<td colspan="4" >
<el-select v-model="form.fwxzbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" >竣工日期</td>
<td colspan="4" >
<el-date-picker
v-model="form.jgrq"
type="date"
placeholder="选择日期">
</el-date-picker>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >产别</td>
<td colspan="4" >
<el-select v-model="form.fwcbbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" >产权来源</td>
<td colspan="4" >
<el-select v-model="form.fwcqlybsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<tr height="30" v-for="(item1,index) in form.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>
</td>
<td colspan="1" align="center" >
<el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
规划用途
</td>
<td 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">
</el-option>
</el-select>
</td>
<td colspan="1" align="center" >用途</td>
<td 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">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >共有土地面积（㎡）</td>
<td colspan="2" >
<el-input v-model="form.zdmj"></el-input>
</td>
<td colspan="2" align="center" >分摊土地面积（㎡）</td>
<td colspan="2" >
<el-input v-model="form.fttdsymj"></el-input>
</td>
<td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
<td colspan="2" >
<el-input v-model="form.dlsytdmj"></el-input>
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr height="30">
<td colspan="2" align="center" >
<span>坐落</span>
</td>
<td colspan="10" >
<el-input v-model="form.zl"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" >
<span>附加说明</span>
</td>
<td colspan="10" rowspan="2" >
<el-input v-model="form.bz" type="textarea"></el-input>
</td>
</tr>
<tr height="30">
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" >
<span>调查意见</span>
</td>
<td colspan="10" >
<el-input v-model="form.name"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
<span>审查员</span>
</td>
<td colspan="2" >
<el-input v-model="form.name"></el-input>
</td>
<td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
<span>审查日期</span>
</td>
<td colspan="2" >
<el-date-picker
v-model="form.date"
type="date"
placeholder="选择日期">
</el-date-picker>
</td>
</tr>
</tbody>
</table>
</el-form>
<div style="min-height: 40px;text-align: center;margin-top: 10px">
<el-button type="success" @click="onSave">保存</el-button>
<el-button type="primary" @click="onSubmit">提交</el-button>
</div>
</div>
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name:'zrz',
components:{
Qlr,
Qlxz,
},
data () {
return {
form:{
dzbsm:'', //多幢标识码
zdbsm:'', //宗地标识码
dyhbsm:'', //不动产单元号标识码
zl:'', //坐落
xmmc:'', //项目名称
jgrq:'', //竣工日期
bz:'', //备注
fwxzbsm:'', //房屋性质ID
fwcbbsm:'', //房屋产别ID
fwcqlybsm:'', //房屋产权来源ID
dlsytdmj:'', //独立使用土地面积
fttdsymj:'', //分摊土地使用面积
zdmj:'', //占地面积
name:'',
date:'',
ytList:[{
glbsm:'', //关联标识码
fwytzdbsm:'', //房屋用途字典标识码
sx:'', //顺序
fwsjytbsm:'', //房屋实际用途字典标识码
}],
qlxzList:[{
qlxzdm:'', //权利性质代码
glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
qlxzzdbsm:'', //权利性质字典表标识码
qlxzmc:'', //权利名称名称
zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
addQjTdytRequestList:[{
}], //土地用途新增实体列表
}]
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
ytTitleRowspan:1, //用途的单元格垂直合并数量
fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
qlxzGroupTitleRowspan:1, //房屋结构的单元格垂直合并数量
qlxzItemTitleRowspan:1, //房屋结构的单元格垂直合并数量
}
},
methods: {
addYtInfo(){
this.form.ytList.push({
glbsm:'',
fwytzdbsm:'',
fwsjytbsm:'',
sx:'',
});
this.ytTitleRowspan=this.form.ytList.length;
},
deleteYtInfo(index){
if(this.form.ytList.length<=1){
this.$message({
message: '不能删除，最少含有一条用途信息',
type: 'warning'
});
}else{
this.form.ytList.splice(index,1);
this.ytTitleRowspan=this.form.ytList.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;
}
},
addQlxzGroup(){
this.form.qlxzList.push({
qlxzdm: '', //权利性质代码
glbsm: '', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
qlxzzdbsm: '', //权利性质字典表标识码
qlxzmc: '', //权利名称名称
zhqlxzlx: '', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
addQjTdytRequestList: [{}]
});
},
deleteQlxzGroup(index){
if(this.form.qlxzList.length<=1){
this.$message({
message: '不能删除，最少含有一条权利性质信息',
type: 'warning'
});
}else{
this.form.qlxzList.splice(index,1);
}
},
addQlxzItem(index){
this.form.qlxzList
},
deleteQlxzItem(index){
},
onSave(){
console.log(this.form)
},
onSubmit(){
console.log(this.form)
}
}
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
@import 'index.less';
</style>
\ No newline at end of file
.h {
min-height: 200px;
width: 80%;
margin-top: 10px;
float: left;
/deep/.el-input__inner{
width: 100%;
border: 0;
}
/deep/textarea{
width: 100%;
border: 0;
}
.el-form-item{
font-weight: bold;
font-size: xx-large
}
table{
background: #fff;
}
td{
//bgcolor:#F1F4FC;
bgcolor:#fff;
width:8.33%
}
.el-select{
display:block;
}
}
table{
font-size: 14px;
}
.hTable{
margin-top: 10px;
}
\ No newline at end of file
<template>
<div class="h content-form">
<el-form ref="form" :model="form" label-width="160px">
<Qlr ref="qlrxxModule"></Qlr>
<table border="1" width="100%" cellspacing="1" cellpadding="2" class="hTable">
<tbody>
<tr>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
</tr>
<tr height="30">
<td colspan="12" align="center" ><font size="4">户基本信息</font></td>
</tr>
<tr height="30">
<td colspan="2" align="center" >宗地代码</td>
<td colspan="4" >
<el-input v-model="form.zdbsm"></el-input>
</td>
<td colspan="2" align="center" >自然幢号</td>
<td colspan="4" >
<el-input v-model="form.zrzh"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >不动产单元号</td>
<!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
<td colspan="4" >
<el-input v-model="form.dyhbsm" style="width: 70%"></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>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >逻辑幢号</td>
<td colspan="4" >
<el-input v-model="form.ljzbsm"></el-input>
</td>
<td colspan="2" align="center" >层号</td>
<td colspan="4" >
<el-input v-model="form.cbsm"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >实际层数</td>
<td colspan="4" >
<el-input v-model="form.sjcs"></el-input>
</td>
<td colspan="2" align="center" >实际层</td>
<td colspan="4" >
<el-input v-model="form.sjc"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >所在单元</td>
<td colspan="4" >
<el-input v-model="form.dyhbsm"></el-input>
</td>
<td colspan="2" align="center" >房屋编号</td>
<td colspan="4" >
<el-input v-model="form.fwbh"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >房屋类型</td>
<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">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" >房屋性质</td>
<td colspan="4" >
<el-select v-model="form.fwxzbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >户号</td>
<td colspan="4" >
<el-input v-model="form.hh"></el-input>
</td>
<td colspan="2" align="center" >室号</td>
<td colspan="4" >
<el-input v-model="form.shbw"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >户型</td>
<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">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" >户型结构</td>
<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">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >产别</td>
<td colspan="4" >
<el-select v-model="form.fwcbbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" >产权来源</td>
<td colspan="4" >
<el-select v-model="form.fwcqlybsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<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>
</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>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >套内建筑面积（㎡））</td>
<td colspan="2" align="center" >
<el-input v-model="form.tnjzmj"></el-input>
</td>
<td colspan="2" align="center" >套内建筑面积（㎡）</td>
<td colspan="2" align="center" >
<el-input v-model="form.tnjzmj"></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>
</td>
<td colspan="2" align="center" >分摊建筑面积（㎡）</td>
<td colspan="2" align="center" >
<el-input v-model="form.ftjzmj"></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>
</td>
<td colspan="2" align="center" >地下部分建筑面积（㎡）</td>
<td colspan="2" align="center" >
<el-input v-model="form.dxbfjzmj"></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>
</td>
<td colspan="2" align="center" >其它建筑面积（㎡）</td>
<td colspan="2" align="center" >
<el-input v-model="form.qtjzmj"></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>
</td>
<td colspan="2" align="center" >分摊系数</td>
<td colspan="2" align="center" >
<el-input v-model="form.ftxs"></el-input>
</td>
</tr>
<tr height="30" v-for="(item1,index) in form.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>
</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 options"
:key="item.value"
:label="item.label"
:value="item.value">
</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 options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<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="9" >
<el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >共有土地面积（㎡）</td>
<td colspan="2" >
<el-input v-model="form.zdmj"></el-input>
</td>
<td colspan="2" align="center" >分摊土地面积（㎡）</td>
<td colspan="2" >
<el-input v-model="form.fttdsymj"></el-input>
</td>
<td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
<td colspan="2" >
<el-input v-model="form.dlsytdmj"></el-input>
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr height="30">
<td colspan="2" align="center" >
<span>坐落</span>
</td>
<td colspan="10" >
<el-input v-model="form.zl"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >东墙体归属</td>
<td colspan="4" >
<el-input v-model="form.dqtgs"></el-input>
</td>
<td colspan="2" align="center" >南墙体归属</td>
<td colspan="4" >
<el-input v-model="form.nqtgs"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >西墙体归属</td>
<td colspan="4" >
<el-input v-model="form.xqtgs"></el-input>
</td>
<td colspan="2" align="center" >北墙体归属</td>
<td colspan="4" >
<el-input v-model="form.bqtgs"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" >
<span>附加说明</span>
</td>
<td colspan="10" rowspan="2" >
<el-input v-model="form.bz" type="textarea"></el-input>
</td>
</tr>
<tr height="30">
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" >
<span>调查意见</span>
</td>
<td colspan="10" >
<el-input v-model="form.name"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
<span>审查员</span>
</td>
<td colspan="2" >
<el-input v-model="form.name"></el-input>
</td>
<td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
<span>审查日期</span>
</td>
<td colspan="2" >
<el-date-picker
v-model="form.date"
type="date"
placeholder="选择日期">
</el-date-picker>
</td>
</tr>
</tbody>
</table>
</el-form>
<div style="min-height: 40px;text-align: center;margin-top: 10px">
<el-button type="success" @click="onSave">保存</el-button>
<el-button type="primary" @click="onSubmit">提交</el-button>
</div>
</div>
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name:'zrz',
components:{
Qlr,
Qlxz,
},
data () {
return {
form:{
zrzbsm:'', //自然幢标识码
ljzbsm:'', //逻辑幢标识码
zdybsm:'', //幢单元标识码
cbsm:'', //层标识码
zdbsm:'', //宗地标识码
dyhbsm:'', //不动产单元号标识码
ydybsm:'', //原单元标识码
zrzh:'', //自然幢号
mjdwbsm:'', //面积单位编号
sjcs:'', //实际层数
hh:'', //户号
hxbsm:'', //户型标识码
dltdmj:'', //独立使用土地面积
fttdmj:'', //分摊土地使用面积
gytdmj:'', //共有土地面积
fwlxbsm:'', //房屋类型标识码
fwxzbsm:'', //房屋性质标识码
sjc:'', //实际层
dqtgs:'', //东墙体归属
nqtgs:'', //南墙体归属
xqtgs:'', //西墙体归属
bqtgs:'', //北墙体归属
fwbh:'', //房屋编号
fjsm:'', //附加说明
fwcbbsm:'', //房屋产别标识码
sjhs:'', //实际户数
shbw:'', //室号部位
fwcqlybsm:'', //房屋产权来源标识码
myc:'', //名义层
qszt:'', //权属状态
jzmj:'', //建筑面积
tnjzmj:'', //套内建筑面积
ftjzmj:'', //分摊建筑面积
dxbfjzmj:'', //地下部分建筑面积
qtjzmj:'', //其它建筑面积
ftxs:'', //分摊系数
scyclx:'', //实预测类型(0:预测，1:实测;),区别户是实测还是预测数据
scycglbsm:'', //实测预测关联标识码
ch:'', //层号
bz:'', //备注
name:'',
date:'',
ytList:[{
glbsm:'', //关联标识码
fwytzdbsm:'', //房屋用途字典标识码
sx:'', //顺序
fwsjytbsm:'', //房屋实际用途字典标识码
}],
fwjgList:[{
fwjgzdbsm:'', //房屋结构字典标识码
glbsm:'', //关联标识码
sx:'', //顺序
}],
qlxzList:[{
qlxzdm:'', //权利性质代码
glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
qlxzzdbsm:'', //权利性质字典表标识码
qlxzmc:'', //权利名称名称
zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
addQjTdytRequestList:[{
}], //土地用途新增实体列表
}]
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
ytTitleRowspan:1, //用途的单元格垂直合并数量
fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
}
},
methods: {
addYtInfo(){
this.form.ytList.push({
glbsm:'',
fwytzdbsm:'',
fwsjytbsm:'',
sx:'',
});
this.ytTitleRowspan=this.form.ytList.length;
},
deleteYtInfo(index){
if(this.form.ytList.length<=1){
this.$message({
message: '不能删除，最少含有一条用途信息',
type: 'warning'
});
}else{
this.form.ytList.splice(index,1);
this.ytTitleRowspan=this.form.ytList.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;
}
},
onSave(){
console.log(this.form)
},
onSubmit(){
console.log(this.form)
}
}
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
@import 'index.less';
</style>
\ No newline at end of file
<template>
<div class="main">
<div class="formMenu">
<el-form ref="form" :model="form" label-width="160px">
<table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
<tr>
<th colspan="12">逻辑幢基本信息</th>
</tr>
<tr>
<td colspan="2">逻辑幢号</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">自然幢号</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">逻辑幢顺序号</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">不动产单元号</td>
<td colspan="4" class="psr">
<input type="text" class="formInput percent78" />
<el-button type="primary" class="createBtn">生成</el-button>
</td>
</tr>
<tr>
<td colspan="2">门牌号</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2" align="center">竣工日期</td>
<td colspan="4" >
<!-- <el-date-picker-->
<!-- v-model="jgrq"-->
<!-- type="date"-->
<!-- placeholder="选择日期"-->
<!-- >-->
<!-- </el-date-picker>-->
</td>
</tr>
<tr>
<td colspan="2">预测建筑面积（㎡）</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">实测建筑面积（㎡）</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">预测地下面积（㎡）</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">实测地下面积（㎡）</td>
<td colspan="4" class="psr">
<input type="text" class="formInput " />
</td>
</tr>
<tr>
<td colspan="2">预测其他面积（㎡）</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">实测其他面积（㎡）</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr height="30" v-for="(item1,index) in form.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>
</td>
<td width="30" colspan="2" 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 options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td width="30" colspan="2" align="center" >用途</td>
<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">
</el-option>
</el-select>
</td>
</tr>
<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="2" align="center" >
<span @click="deleteFwjgInfo(index)">删除</span>
</td>
<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">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2">地下层数</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">地上层数</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">总层数</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">建筑物状态</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">备注</td>
<td colspan="10">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<th colspan="12" class="save">
<el-button type="primary" >保存</el-button>
</th>
</tr>
</table>
</el-form>
</div>
</div>
</template>
<script>
export default {
name:"",
components:{},
props:{},
data(){
return {
jgrq:'',
form: {
ytList: [{
glbsm: '', //关联标识码
fwytzdbsm: '', //房屋用途字典标识码
sx: '', //顺序
fwsjytbsm: '', //房屋实际用途字典标识码
}],
fwjgList: [{
fwjgzdbsm: '', //房屋结构字典标识码
glbsm: '', //关联标识码
sx: '', //顺序
}],
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
ytTitleRowspan:1, //用途的单元格垂直合并数量
fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
}
},
created(){},
mounted(){},
methods:{
addYtInfo(){
this.form.ytList.push({
glbsm:'',
fwytzdbsm:'',
fwsjytbsm:'',
sx:'',
});
this.ytTitleRowspan=this.form.ytList.length;
},
deleteYtInfo(index){
if(this.form.ytList.length<=1){
this.$message({
message: '不能删除，最少含有一条用途信息',
type: 'warning'
});
}else{
this.form.ytList.splice(index,1);
this.ytTitleRowspan=this.form.ytList.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;
}
},
},
computed: {},
watch: {},
}
</script>
<style lang="less" scoped>
.main {
box-sizing: border-box;
padding: 18px;
height: auto;
.formMenu {
width: 1000px;
}
.zdjbxxTable {
margin-top: 10px;
background-color: #fff;
font-size: 14px;
width: 100%;
th {
height: 36px;
line-height: 36px;
font-size: 16px;
}
td {
width: 60px;
text-align: center;
height: 36px;
}
/deep/.el-input__inner {
margin: 0;
height: 36px;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
.percent78 {
width: 78%;
float: left;
}
.percent68 {
width: 68%;
float: left;
position: relative;
top: 7px;
}
.percent30 {
width: 30%;
float: left;
}
.createBtn {
position: absolute;
width: 50px;
padding: 6px 4px;
right: 4px;
top: 4px;
}
.el-input__icon {
line-height: 37px;
}
.save{
height:80px
}
}
}
</style>
<template>
<div class="main">
<div class="formMenu">
<Qlr ref="qlrxxModule"></Qlr>
<!-- <el-button
type="primary"
class="changeBtn"
@click="getQlrxxData"
>获取权利人信息数据</el-button
>
<el-button
type="primary"
class="changeBtn"
@click="getQlxzData"
>获取权利性质组件数据</el-button
> -->
<table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
<tr>
<th colspan="12">宗地基本信息</th>
</tr>
<tr>
<td colspan="2">行政区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">地籍区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">地籍子区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">权利类型</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in qllxList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
<td colspan="2">权利设定方式</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in qlsdfsList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2">宗地代码</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">不动产单元号</td>
<td colspan="4" class="psr">
<input type="text" class="formInput percent78" />
<el-button type="primary" class="createBtn">生成</el-button>
</td>
</tr>
<tr>
<td colspan="2">地籍号</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">土地权属来源证明材料</td>
<td colspan="4" class="psr">
<input type="text" class="formInput " />
</td>
</tr>
<tr>
<td colspan="2">坐落</td>
<td colspan="10">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">国民经济行业分类</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in jjhyflList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
<td colspan="2">价格(元)</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">所在图幅号</td>
<td colspan="2">比例尺</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">图幅号</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">容积率</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">容积说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑密度</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">建筑密度说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑限高</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">建筑限高说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="4">宗地四至</td>
<td colspan="2">北至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">东至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">南至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">西至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="12">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">批准面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2" rowspan="2">宗地面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">建筑占地宗面积</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑面积(㎡)</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">共有/共用权利人情况</td>
<td colspan="10">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">说明</td>
<td colspan="10" rowspan="2">
<input type="text" class="formInput" />
</td>
</tr>
</table>
</div>
</div>
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name: "",
components: {
Qlr,
Qlxz,
},
props: {},
data() {
return {
qllxList: [{ label: "国有建设用地使用权", value: "1" }],
qlsdfsList: [{ label: "地上", value: "1" }],
jjhyflList: [{ label: "制造业", value: "1" }],
compareList: [
{ label: "=", value: "=" },
{ label: "<=", value: "<=" },
{ label: ">=", value: ">=" },
],
value: "",
};
},
created() {},
mounted() {},
methods: {
getQlrxxData(){
console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
},
getQlxzData(){
console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
},
},
computed: {},
watch: {},
};
</script>
<style lang="less" scoped>
.main {
box-sizing: border-box;
padding: 18px;
height: auto;
.formMenu {
width: 80%;
margin: 0 auto;
}
.zdjbxxTable {
margin: 10px 0;
background-color: #fff;
font-size: 14px;
width: 100%;
th {
height: 36px;
line-height: 36px;
font-size: 16px;
}
td {
width: 60px;
text-align: center;
height: 36px;
}
/deep/.el-input__inner {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
.percent78 {
width: 78%;
float: left;
}
.percent68 {
width: 68%;
float: left;
position: relative;
top: 7px;
}
.percent30 {
width: 30%;
float: left;
}
.createBtn {
position: absolute;
width: 50px;
padding: 6px 4px;
right: 4px;
top: 4px;
}
.el-input__icon {
line-height: 37px;
}
}
}
</style>
.zrz {
min-height: 200px;
width: 80%;
margin-top: 10px;
float: left;
/deep/.el-input__inner{
width: 100%;
border: 0;
}
/deep/textarea{
width: 100%;
border: 0;
}
.el-form-item{
font-weight: bold;
font-size: xx-large
}
table{
background: #fff;
}
td{
//bgcolor:#F1F4FC;
bgcolor:#fff;
width:8.33%
}
.el-select{
display:block;
}
table{
font-size: 14px;
}
.zrzTable{
margin-top: 10px;
}
}
\ No newline at end of file
<template>
<div class="zrz content-form">
<el-form ref="form" :model="form" label-width="160px">
<Qlr ref="qlrxxModule"></Qlr>
<table border="1" width="100%" cellspacing="1" cellpadding="2" class="zrzTable">
<tbody>
<tr>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
</tr>
<tr height="30">
<td colspan="12" align="center" ><font size="4">自然幢基本信息</font></td>
</tr>
<tr height="30">
<td colspan="2" align="center" >宗地代码</td>
<td colspan="4" >
<el-input v-model="form.zdbsm"></el-input>
</td>
<td colspan="2" align="center" >自然幢号</td>
<td colspan="4" >
<el-input v-model="form.zrzh" style="width: 70%"></el-input>
<el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >项目名称</td>
<td colspan="4" >
<el-input v-model="form.xmmc"></el-input>
</td>
<td colspan="2" align="center" >不动产单元号</td>
<!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
<td colspan="4" >
<el-input v-model="form.dyhbsm" style="width: 70%"></el-input>
<el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >建筑物名称</td>
<td colspan="4" >
<el-input v-model="form.jzwmc"></el-input>
</td>
<td colspan="2" align="center" >建筑物基本用途</td>
<td colspan="4" >
<el-input v-model="form.jzwjbyt"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >房屋性质</td>
<td colspan="4" >
<el-select v-model="form.fwxzbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" >竣工日期</td>
<td colspan="4" >
<el-date-picker
v-model="form.jgrq"
type="date"
placeholder="选择日期">
</el-date-picker>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >建筑物高度(m)</td>
<td colspan="4" >
<el-input v-model="form.jzwgd"></el-input>
</td>
<td colspan="2" align="center" >总套数</td>
<td colspan="4" >
<el-input v-model="form.zts"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >幢用地面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.zydmj"></el-input>
</td>
<td colspan="2" align="center" >幢占用地面积（㎡）</td>
<td colspan="4" >
<el-input v-model="form.zzdmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >预测建筑面积（㎡）</td>
<td colspan="4" >
<el-input v-model="form.ycjzmj"></el-input>
</td>
<td colspan="2" align="center" >实测建筑面积（㎡）</td>
<td colspan="4" >
<el-input v-model="form.scjzmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >地下层数</td>
<td colspan="4" >
<el-input v-model="form.dxcs"></el-input>
</td>
<td colspan="2" align="center" >地上层数</td>
<td colspan="4" >
<el-input v-model="form.dscs"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >总层数</td>
<td colspan="4" >
<el-input v-model="form.zcs"></el-input>
</td>
<td colspan="2" align="center" >地下深度（m）</td>
<td colspan="4" >
<el-input v-model="form.dxsd"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >产别</td>
<td colspan="4" >
<el-select v-model="form.fwcbbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" >产权来源</td>
<td colspan="4" >
<el-select v-model="form.fwcqlybsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<tr height="30" v-for="(item1,index) in form.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>
</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 options"
:key="item.value"
:label="item.label"
:value="item.value">
</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 options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<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="9" >
<el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr height="30">
<td colspan="2" align="center" >
<span>坐落</span>
</td>
<td colspan="10" >
<el-input v-model="form.zl"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" >
<span>附加说明</span>
</td>
<td colspan="10" rowspan="2" >
<el-input v-model="form.bz" type="textarea"></el-input>
</td>
</tr>
<tr height="30">
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" >
<span>调查意见</span>
</td>
<td colspan="10" >
<el-input v-model="form.name"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
<span>审查员</span>
</td>
<td colspan="2" >
<el-input v-model="form.name"></el-input>
</td>
<td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
<span>审查日期</span>
</td>
<td colspan="2" >
<el-date-picker
v-model="form.date"
type="date"
placeholder="选择日期">
</el-date-picker>
</td>
</tr>
</tbody>
</table>
</el-form>
<div style="min-height: 40px;text-align: center;margin-top: 10px">
<el-button type="success" @click="onSave">保存</el-button>
<el-button type="primary" @click="onSubmit">提交</el-button>
</div>
</div>
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name:'zrz',
components:{
Qlr,
Qlxz,
},
data () {
return {
form:{
zrzbsm:'', //自然幢标识码
zdbsm:'', //宗地标识码
dzbsm:'', //多幢标识码
dyhbsm:'', //不动产单元号标识码
zrzh:'', //自然幢号
jzwgd:'', //建筑物高度
zzdmj:'', //幢占地面积
zydmj:'', //幢用地面积
ycjzmj:'', //预测建筑面积
scjzmj:'', //实测建筑面积
zcs:'', //总层数
dscs:'', //地上层数
dxcs:'', //地下层数
dxsd:'', //地下深度
zts:'', //总套数
zl:'', //坐落
jzwjbyt:'', //建筑物基本用途
jzwmc:'', //建筑物名称
xmmc:'', //项目名称
jgrq:'', //竣工日期
tfh:'', //图幅号
bz:'', //备注
fwxzbsm:'', //房屋性质ID
fwcbbsm:'', //房屋产别ID
fwcqlybsm:'', //房屋产权来源ID
ydybsm:'', //原单元标识码
name:'',
date:'',
ytList:[{
glbsm:'', //关联标识码
fwytzdbsm:'', //房屋用途字典标识码
sx:'', //顺序
fwsjytbsm:'', //房屋实际用途字典标识码
}],
fwjgList:[{
fwjgzdbsm:'', //房屋结构字典标识码
glbsm:'', //关联标识码
sx:'', //顺序
}],
qlxzList:[{
qlxzdm:'', //权利性质代码
glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
qlxzzdbsm:'', //权利性质字典表标识码
qlxzmc:'', //权利名称名称
zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
addQjTdytRequestList:[{
}], //土地用途新增实体列表
}]
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
ytTitleRowspan:1, //用途的单元格垂直合并数量
fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
}
},
methods: {
addYtInfo(){
this.form.ytList.push({
glbsm:'',
fwytzdbsm:'',
fwsjytbsm:'',
sx:'',
});
this.ytTitleRowspan=this.form.ytList.length;
},
deleteYtInfo(index){
if(this.form.ytList.length<=1){
this.$message({
message: '不能删除，最少含有一条用途信息',
type: 'warning'
});
}else{
this.form.ytList.splice(index,1);
this.ytTitleRowspan=this.form.ytList.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;
}
},
onSave(){
console.log(this.form)
},
onSubmit(){
console.log(this.form)
}
}
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
@import 'index.less';
</style>
\ No newline at end of file
......@@ -212,7 +212,7 @@ export default {
this.getXzqList();
},
mounted() {
console.log(this,'this');
//判断是新建流程还是添加定着物唤起的弹框
this.activeName = this.auth ? 'zrz':'zd'
},
methods: {
......
......@@ -106,7 +106,7 @@
<td colspan="2">宗地代码<i class="requisite">*</i></td>
<td colspan="4" class="psr">
<input
type="text"
type="text" placeholder="请输入"
class="formInput percent78"
v-model="formData.zddm"
/>
......@@ -118,7 +118,7 @@
<tr>
<td colspan="2">地籍号</td>
<td colspan="4">
<input type="text" class="formInput" v-model="formData.djh" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.djh" />
</td>
<td colspan="2">不动产单元号<i class="requisite">*</i></td>
......@@ -134,12 +134,12 @@
<tr>
<td colspan="2">坐落<i class="requisite">*</i></td>
<td colspan="4">
<input type="text" class="formInput" v-model="formData.zl" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.zl" />
</td>
<td colspan="2">项目名称</td>
<td colspan="4" class="psr">
<input
type="text"
type="text" placeholder="请输入"
class="formInput "
v-model="formData.xmmc"
/>
......@@ -160,20 +160,20 @@
</td>
<td colspan="2">价格(元)</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" v-model="formData.jg" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.jg" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">所在图幅号</td>
<td colspan="2">比例尺</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" v-model="formData.blc" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.blc" />
</td>
</tr>
<tr>
<td colspan="2">图幅号</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" v-model="formData.tfh" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.tfh" />
</td>
</tr>
<tr>
......@@ -191,21 +191,21 @@
</td>
<td colspan="2">
<input
type="text"
type="text" placeholder="请输入"
v-model="rjl"
v-show="isInterval(formData.jyrjl)"
class="formInput percent47"
/>
<span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
<input
type="text"
type="text" placeholder="请输入"
v-model="formData.rjl"
:class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2">容积说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" v-model="formData.rjsm" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.rjsm" />
</td>
</tr>
<tr>
......@@ -223,21 +223,21 @@
</td>
<td colspan="2">
<input
type="text"
type="text" placeholder="请输入"
v-model="jzmd"
v-show="isInterval(formData.jyjzmd)"
class="formInput percent47"
/>
<span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
<input
type="text"
type="text" placeholder="请输入"
v-model="formData.jzmd"
:class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2">建筑密度说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" v-model="formData.jzmdsm" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzmdsm" />
</td>
</tr>
<tr>
......@@ -255,46 +255,46 @@
</td>
<td colspan="2">
<input
type="text"
type="text" placeholder="请输入"
v-model="jzxg"
v-show="isInterval(formData.jyjzxg)"
class="formInput percent47"
/>
<span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
<input
type="text"
type="text" placeholder="请输入"
v-model="formData.jzxg"
:class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2">建筑限高说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" v-model="formData.jzxgsm" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzxgsm" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="4">宗地四至</td>
<td colspan="2">北至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" class="formInput" v-model="formData.zdszb" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszb" />
</td>
</tr>
<tr>
<td colspan="2">东至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" class="formInput" v-model="formData.zdszd" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszd" />
</td>
</tr>
<tr>
<td colspan="2">南至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" class="formInput" v-model="formData.zdszn" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszn" />
</td>
</tr>
<tr>
<td colspan="2">西至<i class="requisite">*</i></td>
<td colspan="8" class="psr">
<input type="text" class="formInput" v-model="formData.zdszx" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszx" />
</td>
</tr>
<tr>
......@@ -305,39 +305,40 @@
<tr>
<td colspan="2" rowspan="2">批准面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" v-model="formData.pzmj" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.pzmj" />
</td>
<td colspan="2" rowspan="2">宗地面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" v-model="formData.zdmj" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdmj" />
</td>
<td colspan="2">建筑占地总面积</td>
<td colspan="2">
<input type="text" class="formInput" v-model="formData.jzzdzmj" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzdzmj" />
</td>
</tr>
<tr>
<td colspan="2">建筑面积(㎡)</td>
<td colspan="2">
<input type="text" class="formInput" v-model="formData.jzzmj" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzmj" />
</td>
</tr>
<tr>
<td colspan="2">共有/共用权利人情况</td>
<td colspan="10">
<input type="text" class="formInput" v-model="formData.gygyqlrqk" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.gygyqlrqk" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">说明</td>
<td colspan="10" rowspan="2">
<input type="text" class="formInput" v-model="formData.sm" />
<input type="text" placeholder="请输入" class="formInput" v-model="formData.sm" />
</td>
</tr>
</table>
<div style="min-height: 40px;text-align: center;margin-top: 10px">
<el-button type="primary" @click="updateZDxx">保存</el-button>
<el-button type="success" @click="updateZDxx">保存</el-button>
<el-button type="primary" @click="submitZDxx">提交</el-button>
</div>
</div>
</div>
......@@ -346,6 +347,7 @@
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
import {submit} from "../../../api/common"
import {
getAllList,
getDdicByMC,
......@@ -466,6 +468,19 @@ export default {
})
.catch((error) => {});
},
//提交宗地基本信息
submitZDxx(){
let data={
glbsm:this.$store.state.zdbsm,
status:1,
type:"zd"
}
submit(data).then((res)=>{
if(res.code===200){
this.$message.success("提交完成！")
}
})
},
getQlrxxData() {
console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
......@@ -556,7 +571,7 @@ export default {
padding: 18px;
height: auto;
.formMenu {
width: 80%;
width: 100%;
margin: 0 auto;
}
.zdjbxxTable {
......
......@@ -272,6 +272,7 @@
import Qlxz from "../../../components/formMenu/qlxz";
import {getBdcdyh,saveZrzInfo,getZrzDetailByBsm} from "../../../api/zrz"
import {getQjZdjbxxDetailById} from "../../../api/zd"
import {submit} from "../../../api/common"
export default {
name:'zrz',
components:{
......@@ -412,6 +413,16 @@
}
},
onSubmit(){
let data={
glbsm:this.bsm,
status:1,
type:"zrz"
}
submit(data).then((res)=>{
if(res.code===200){
this.$message.success("提交完成！")
}
})
},
generatorCode(){
getBdcdyh(this.form.zddm,"zrz")
......@@ -514,12 +525,11 @@
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
.zrz {
.zrz {
min-height: 200px;
width: 80%;
width: 100%;
margin-top: 10px;
float: left;
margin-left: 10%;
/deep/.el-input__inner{
width: 100%;
......