Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
287254e7 by 杨威
Options

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

2 parents 33f07147 aa533247
Inline Side-by-side
Showing 10 changed files with 754 additions and 39 deletions
......@@ -48,4 +48,46 @@ export function getZrzDetailByBsm (data) {
})
}
/**
* 新增权籍_建筑物区分所有权业主共有部分调查表
*/
export function saveYzgy(data) {
return request({
url: '/system/qjJzwqfsyqyzgybfdc/insertQjJzwqfsyqyzgybfdc',
method: 'post',
data: data
})
}
/**
* 查询权籍_建筑物区分所有权业主共有部分调查表
*/
export function queryYzgy(id) {
return request({
url: '/system/qjJzwqfsyqyzgybfdc/getQjJzwqfsyqyzgybfdcDetailById',
method: 'get',
params: {id}
})
}
/**
* 新增逻辑幢信息接口
*/
export function insertLjzInfo (data) {
return request({
url: '/system/qjLjz/insertQjLjz',
method: 'post',
data:data
})
}
/**
* 新增逻辑幢信息接口
*/
export function insertCInfo (data) {
return request({
url: '/system/qjC/insertQjC',
method: 'post',
data:data
})
}
......
......@@ -83,6 +83,18 @@ const constantRoutes = [
code: "1-5",
component: () => import("@/views/systemZD/index"),
},
{
path: "/ljz",
name: "逻辑幢",
code: "1-6",
component: () => import("@/views/systemZRZ/ljz/index"),
},
{
path: "/c",
name: "层",
code: "1-7",
component: () => import("@/views/systemZRZ/c/index"),
},
],
},
];
......
......@@ -34,10 +34,12 @@ const store = new Vuex.Store({
cqlyOptions:[],
jgOptions:[],
gmjjhyflbsmList:[],
fwytList:[],
//创建自然幢时需要用到的临时存储信息
zrzbsm: '',
zjlxList: [],
gyfsList: [],
hbsm:''
},
modules: {
user,
......
......@@ -210,6 +210,7 @@ export default {
s.gyfsList = s.gyfsList.length == 0 ?await this.getDicData("共有方式") : s.gyfsList;
s.qlxzList = s.qlxzList.length == 0 ?await this.getDicData("权利性质") : s.qlxzList;
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.fwxzOptions = s.fwxzOptions.length == 0 ?await this.getDicData("房屋性质") : s.fwxzOptions;
......
......@@ -116,13 +116,20 @@
//点击办理
handleClick(row) {
let path = "";
switch (row.lx) {
case "自然幢":
console.log(row)
switch (row.dylx) {
case "zrz":
path = "/zrz";
this.$store.state.zrzbsm = row.glbsm;
break;
case "宗地":
case "zd":
path = "/zd";
this.$store.state.zdbsm = row.glbsm
break;
case "h":
path = "h";
this.$store.state.hbsm = row.glbsm
type = "2";
default:
break;
}
......
......@@ -122,31 +122,34 @@
case "自然幢":
path = "/zrz";
type = "1";
this.$store.state.zrzbsm = row.glbsm;
break;
case "zd":
path = "/zd";
type = "0";
this.$store.state.zdbsm = row.glbsm
break;
case "户":
path = "h";
this.$store.state.hbsm = row.glbsm
type = "2";
default:
break;
}
var data={"id":id,"type":type};
var data = {"id": id, "type": type};
updateQsztByBsm(data)
.then((res =>{
if(res.code==200){
.then((res => {
if (res.code == 200) {
this.$message({
message: res.message,
type: "success",
});
});
} else {
this.$message({
message: res.message,
type: "warning",
});
}
this.$message({
message: res.message,
type: "warning",
});
}
}))
this.$router.push(path);
},
......
......@@ -50,7 +50,7 @@
</template>
<script>
import {getMjftInfo,savemjft} from '../../../api/zd'
import {getMjftInfo, savemjft} from '../../../api/zd'
import {Message} from 'element-ui'
export default {
......@@ -59,14 +59,14 @@
return {
tdzl: '', // 土地坐落 继承获取
zdmj: '', // 宗地面积 继承获取
zddm:'',
zddm: '',
mjftData: {
zdbsm: '', // 宗地标识码 继承获取
tdsyqsyqmjhj: '',// 土地所有权/使用权面积合计
fttdmjhj: '', // 分摊土地面积合计
dzwdys: '', // 表示同一宗地内所有的定着物单元数
dydytdmjhj: '', // 根据该宗地下共有/共用定着物量自动计算。 ,
bz: '' , // 备注
bz: '', // 备注
list: [
{
dydytdmj: '', // 独有独用土地面积
......@@ -81,10 +81,10 @@
},
methods: {
getData(bsm){
getMjftInfo(bsm).then(res=>{
if (res.success){
this.mjftData=res.result
getData(bsm) {
getMjftInfo(bsm).then(res => {
if (res.success) {
this.mjftData = res.result
}
})
},
......@@ -96,7 +96,7 @@
return
}
}
this.mjftData['zdbsm'] = this.$store.state.zdbsm
savemjft(this.mjftData).then(res => {
console.log(res)
if (res.success) {
......@@ -170,7 +170,7 @@
},
dzwdsl: function () {
let self = this
let num = this.mjftData.list.length?this.mjftData.list.length:0
let num = this.mjftData.list.length ? this.mjftData.list.length : 0
self.mjftData.dzwdys = num
return num;
}
......@@ -180,7 +180,7 @@
},
mounted() {
console.log("mounted init...")
if (this.mjftData.zdbsm){
if (this.mjftData.zdbsm) {
this.getData()
}
},
......@@ -219,6 +219,7 @@
td {
text-align: center;
height: 36px;
min-width: 50px;
}
table .formInput {
......
<template>
<div class="h content-form">
<el-form ref="form" :model="form" label-width="160px">
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
<tbody>
<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.ch"></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>
<td colspan="4" >
<el-input v-model="form.sjc"></el-input>
</td>
<td colspan="2" align="center" >名义层</td>
<td colspan="4" >
<el-input v-model="form.myc"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cjzmj"></el-input>
</td>
<td colspan="2" align="center" >层套内建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.ctnjzmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层阳台面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cytmj"></el-input>
</td>
<td colspan="2" align="center" >层半墙面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cbqmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层共有建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cgyjzmj"></el-input>
</td>
<td colspan="2" align="center" >层分摊建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cftjzmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层高</td>
<td colspan="4" >
<el-input v-model="form.cg"></el-input>
</td>
<td colspan="2" align="center" >水平投影面积</td>
<td colspan="4" >
<el-input v-model="form.sptymj"></el-input>
</td>
</tr>
<tr height="30">
</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 {insertCInfo} from "../../../api/zrz";
export default {
name:'c',
components:{},
data () {
return {
form:{
zrzbsm:'',
ch:'', //层号
zrzh:'', //自然幢号
sjc:'', //实际层
myc:'', //名义层
cjzmj:'', //层建筑面积
ctnjzmj:'', //层套内建筑面积
cytmj:'', //层阳台面积
cbqmj:'', //层半墙面积
cgyjzmj:'', //层共有建筑面积
cftjzmj:'', //层分摊建筑面积
cg:'', //层高
sptymj:'', //水平投影面积
},
value: '',
}
},
methods: {
onSave(){
this.form.zrzbsm=this.$router.query.bsm;
insertCInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存成功")
}
})
console.log(this.form)
},
onSubmit(){
console.log(this.form)
}
}
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
.h {
min-height: 200px;
width: 80%;
margin-top: 10px;
margin-left: 10%;
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;
table-layout: fixed;
}
td{
//bgcolor:#F1F4FC;
bgcolor:#fff;
width:8.33%
}
.el-select{
display:block;
}
}
table{
font-size: 14px;
}
.hTable{
margin-top: 10px;
}
</style>
\ No newline at end of file
<template>
<div class="h content-form">
<el-form ref="form" :model="form" label-width="160px">
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
<tbody>
<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.ljzh"></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>
<td colspan="4" >
<el-input v-model="form.ljzsxh"></el-input>
</td>
<td colspan="2" align="center" >不动产单元号</td>
<td colspan="4" >
<el-input v-model="form.bdcdyh" 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.mph"></el-input>
</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-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.ycdxmj"></el-input>
</td>
<td colspan="2" align="center" >实测地下面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.scdxmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >预测其他面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.ycqtmj"></el-input>
</td>
<td colspan="2" align="center" >实测其他面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.scqymj"></el-input>
</td>
</tr>
<tr height="30" v-for="(item1,index) in form.ytList" :key="'yt'+index">
<td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" align="center" >
<el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
<span>用途</span>
</td>
<td colspan="1" align="center" >
<span @click="deleteYtInfo(index)">删除</span>
</td>
<td colspan="9" >
<el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.tdytList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</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 $store.state.jgOptions"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</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" >建筑物状态</td>
<td colspan="4" >
<el-input v-model="form.jzwzt"></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>
</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 {insertLjzInfo} from "../../../api/zrz";
export default {
name:'ljz',
components:{},
data () {
return {
form:{
zrzbsm:'',
ljzh:'', //逻辑幢号
zrzh:'', //自然幢号
ljzsxh:'', //逻辑幢顺序号
bdcdyh:'', //不动产单元号
mph:'', //门牌号
jgrq:'', //竣工日期
ycjzmj:'', //预测建筑面积
scjzmj:'', //实测建筑面积
ycdxmj:'', //预测地下面积
scdxmj:'', //实测地下面积
ycqtmj:'', //预测其他面积
scqymj:'', //实测其他面积
ytList:[{
glbsm:'', //关联标识码
fwytzdbsm:'', //房屋用途字典标识码
sx:'', //顺序
}],
fwjgList:[{
fwjgzdbsm:'', //房屋结构字典标识码
glbsm:'', //关联标识码
sx:'', //顺序
}],
dxcs:'', //地下层数
dscs:'', //地上层数
zcs:'', //总层数
jzwzt:'', //建筑物状态
},
value: '',
ytTitleRowspan:1, //用途的单元格垂直合并数量
fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
}
},
methods: {
addYtInfo(){
this.form.ytList.push({
glbsm:'',
fwytzdbsm:'',
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)
//自然幢标识码
this.form.zrzbsm=this.$router.query.bsm;
insertLjzInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存成功")
}
})
},
onSubmit(){
console.log(this.form)
}
},
created() {
},
mounted() {
}
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
.h {
min-height: 200px;
width: 80%;
margin-top: 10px;
margin-left: 10%;
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;
table-layout: fixed;
}
td{
//bgcolor:#F1F4FC;
bgcolor:#fff;
width:8.33%
}
.el-select{
display:block;
}
}
table{
font-size: 14px;
}
.hTable{
margin-top: 10px;
}
</style>
\ No newline at end of file
<template>
<div class="">业主共有</div>
<div class="">
<div class="main">
<table border="1">
<tr>
<td colspan="3">宗地代码</td>
<td colspan="4"><input type="text" class="formInput" v-model="zddm " disabled/></td>
</tr>
<tr>
<td colspan="3">建筑物区分所有权业主共有部分权利人</td>
<td colspan="4"><input type="text" class="formInput" v-model="Data.qlr" disabled/></td>
</tr>
</table>
<table border="1">
<tr>
<td @click="addRow">+</td>
<td>建(构)筑物编号</td>
<td>建(构)筑物数量</td>
<td>建(构)筑物面积(㎡)</td>
<td>占地面积(㎡)</td>
<td>分摊土地面积(㎡)</td>
<td>附记</td>
</tr>
<tr v-for="(item,i) in Data.list" :key="i">
<td @click="delRow(i)">-</td>
<td><input type="text" class="formInput" v-model="item.jgzwbh"/></td>
<td><input type="number" class="formInput" v-model="item.jgzsl" @keydown="oninput"/></td>
<td><input type="number" class="formInput" v-model.number="item.jgzmj" @keydown="oninput"/></td>
<td><input type="number" class="formInput" v-model.number="item.zdmj" @keydown="oninput"/></td>
<td><input type="number" class="formInput" v-model.number="item.fttdmj" @keydown="oninput"/></td>
<td><input type="text" class="formInput" v-model="item.fj" @keydown="oninput"/></td>
</tr>
<!-- <tr>
<td>统计</td>
<td>{{sumTdsyqsyqmj}}</td>
<td>{{sumDydytdmj}}</td>
<td>{{sumFttdmj}}</td>
<td>{{sumFttdmj}}</td>
<td>{{sumFttdmj}}</td>
<td>{{sumFttdmj}}</td>
</tr>-->
</table>
<div class="pers">
<el-button @click="save" type="primary">保存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name:"",
components:{},
props:{},
data(){
return {
}
},
created(){},
mounted(){},
methods:{},
computed: {},
watch: {},
}
import {saveYzgy, queryYzgy} from './../../../api/zrz'
import {Message} from 'element-ui'
export default {
name: "",
data() {
return {
tdzl: '', // 土地坐落 继承获取
zdmj: '', // 宗地面积 继承获取
zddm: '',
Data: {
glbsm: '', // 宗地标识码
qlr: '业主共有', //权利人
list: [{
jgzwbh: '', // 建(构)筑物编号
jgzsl: '', // 建筑物数量
jgzmj: '', // 建构筑物面积
zdmj: '', //占地面积
fttdmj: '', //分摊土地面积
fj: ''
}]
}
}
},
methods: {
getData(id) {
queryYzgy(id).then(res => {
console.log(res)
if (res.result != null) {
this.Data = res.result
}
})
},
save() {
console.log(this.Data);
saveYzgy(this.Data).then(res => {
console.log(res)
if (res.success) {
Message.success("新增成功")
} else {
Message.error(res.message)
}
})
},
oninput(e) {
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
},
addRow() {
this.Data.list.push({
jgzwbh: '', // 建(构)筑物编号
jgzsl: '', // 建筑物数量
jgzmj: '', // 建构筑物面积
zdmj: '', //占地面积
fttdmj: '', //分摊土地面积
fj: ''
})
},
delRow(index) {
this.Data.list.splice(index, 1)
}
},
computed: {},
created() {
console.log("create init...")
},
mounted() {
console.log("mounted init...")
this.Data.glbsm = this.$store.state.zrzbsm
this.zddm = this.$store.state.zddm
this.getData(this.Data.glbsm)
},
watch: {
"$store.state.zdbsm": function (bsm) {
this.Data.glbsm = bsm
},
"$store.state.zddm": function (zddm) {
this.zddm = zddm
}
}
}
</script>
<style scoped lang="less">
</style>
\ No newline at end of file
<style scoped lang="less">
.main {
box-sizing: border-box;
padding: 18px;
height: auto;
width: 80%;
}
table {
margin-top: 10px;
background-color: #fff;
font-size: 14px;
width: 100%;
}
td {
text-align: center;
height: 36px;
min-width: 50px;
}
table .formInput {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
.pers {
text-align: center;
margin-top: 10px;
}
.pers .el-button {
width: 150px;
}
.dzwsl {
width: 200px;
}
</style>
......