Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
e738fd2d by weimo934
Options

feat(fg,hb):分割合并分类

1 parent 39c59c75
Inline Side-by-side
Showing 2 changed files with 640 additions and 195 deletions
<template>
<div class="main">
<div class="button">
<el-button type="primary" @click="newAdd">新增</el-button>
</div>
<div class="table">
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="Object.keys(bgqData)==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else>
<td>1</td>
<td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
</tr>
</table>
</div>
<div class="fgh">
<span>分割后宗地:</span>
<table border="1">
<tr>
<td>操作</td>
<td>行政区</td>
<td>地籍区</td>
<td>地籍子区</td>
<td>所有权类型</td>
<td>土地特征码</td>
<td>项目名称</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist" :key="index">
<td @click="delRow(index)">-</td>
<td>
<el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm)">
<el-option
v-for="i in xzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm)">
<el-option
v-for="i in djq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djzqbsm">
<el-option
v-for="i in djzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.syqlxbsm">
<el-option
v-for="i in syq"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.zdtzmbsm">
<el-option
v-for="i in tdtzm"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<input type="text" v-model="item.xmmc" class="formInput"/>
</td>
<td>
<!-- {{item.fwlist.zbsm}}-->
<span @click="xzzrz(index)" class="xz">选择</span>
</td>
</tr>
<tr>
<td @click="addRow">+</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div>
<el-tabs v-model="tabName">
<el-tab-pane label="宗地分割" name="zd">
<div class="main">
<div class="button">
<el-button type="primary" @click="newAdd">新增</el-button>
</div>
<div class="table">
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="Object.keys(bgqData)==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else>
<td>1</td>
<td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
</tr>
</table>
</div>
<div class="fgh">
<span>分割后宗地:</span>
<table border="1">
<tr>
<td>操作</td>
<td>行政区</td>
<td>地籍区</td>
<td>地籍子区</td>
<td>所有权类型</td>
<td>土地特征码</td>
<td>项目名称</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist" :key="index">
<td @click="delRow(index)">-</td>
<td>
<el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
<el-option
v-for="i in xzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
<el-option
v-for="i in djq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djzqbsm">
<el-option
v-for="i in djzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.syqlxbsm">
<el-option
v-for="i in syq"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.zdtzmbsm">
<el-option
v-for="i in tdtzm"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<input type="text" v-model="item.xmmc" class="formInput"/>
</td>
<td>
<!-- {{item.fwlist.zbsm}}-->
<span @click="xzzrz(index)" class="xz">选择</span>
</td>
</tr>
<tr>
<td @click="addRow">+</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<el-dialog
v-if="fghData.newZdlist.length>0"
title="提示"
:visible.sync="isopenXz"
width="50%"
center>
<div class="xz-container">
<div class="xz-main">
<table border="1">
<tr>
<td>幢类型</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
<td>
<el-select v-model="item.ztype"
>
<el-option
v-for="i in ztypes"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<input type="text" class="formInput"
v-model="item.zbsm"/>
</td>
</tr>
</table>
<el-dialog
v-if="fghData.newZdlist.length>0"
title="提示"
:visible.sync="isopenXz"
width="50%"
center>
<div class="xz-container">
<div class="xz-main">
<table border="1">
<tr>
<td>幢类型</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
<td>
<el-select v-model="item.ztype"
>
<el-option
v-for="i in ztypes"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<input type="text" class="formInput"
v-model="item.zbsm"/>
</td>
</tr>
</table>
</div>
<div class="xz-sidebar">
<el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
:default-expand-all="true"></el-tree>
</div>
</div>
</el-dialog>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
<div class="header-button">
<el-button type="primary" @click="save">保存</el-button>
</div>
</div>
<div class="xz-sidebar">
<el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
:default-expand-all="true"></el-tree>
</el-tab-pane>
<el-tab-pane label="多幢分割" name="dz">
<div class="main">
<div class="button">
<el-button type="primary" @click="newAdd">新增</el-button>
</div>
<div class="table">
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="Object.keys(bgqData)==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else>
<td>1</td>
<td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
</tr>
</table>
</div>
<div class="fgh">
<span>分割后宗地:</span>
<table border="1">
<tr>
<td>操作</td>
<td>行政区</td>
<td>地籍区</td>
<td>地籍子区</td>
<td>所有权类型</td>
<td>土地特征码</td>
<td>项目名称</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist" :key="index">
<td @click="delRow(index)">-</td>
<td>
<el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
<el-option
v-for="i in xzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
<el-option
v-for="i in djq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djzqbsm">
<el-option
v-for="i in djzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.syqlxbsm">
<el-option
v-for="i in syq"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.zdtzmbsm">
<el-option
v-for="i in tdtzm"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<input type="text" v-model="item.xmmc" class="formInput"/>
</td>
<td>
<!-- {{item.fwlist.zbsm}}-->
<span @click="xzzrz(index)" class="xz">选择</span>
</td>
</tr>
<tr>
<td @click="addRow">+</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<el-dialog
v-if="fghData.newZdlist.length>0"
title="提示"
:visible.sync="isopenXz"
width="50%"
center>
<div class="xz-container">
<div class="xz-main">
<table border="1">
<tr>
<td>幢类型</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
<td>
<el-select v-model="item.ztype"
>
<el-option
v-for="i in ztypes"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<input type="text" class="formInput"
v-model="item.zbsm"/>
</td>
</tr>
</table>
</div>
<div class="xz-sidebar">
<el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
:default-expand-all="true"></el-tree>
</div>
</div>
</el-dialog>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
<div class="header-button">
<el-button type="primary" @click="save">保存</el-button>
</div>
</div>
</div>
</el-dialog>
</el-tab-pane>
<el-tab-pane label="户分割" name="h">
<div class="main">
<div class="button">
<el-button type="primary" @click="newAdd">新增</el-button>
</div>
<div class="table">
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="Object.keys(bgqData)==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else>
<td>1</td>
<td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/>
</td>
<td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
</tr>
</table>
</div>
<div class="fgh">
<span>分割后宗地:</span>
<table border="1">
<tr>
<td>操作</td>
<td>行政区</td>
<td>地籍区</td>
<td>地籍子区</td>
<td>所有权类型</td>
<td>土地特征码</td>
<td>项目名称</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist" :key="index">
<td @click="delRow(index)">-</td>
<td>
<el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
<el-option
v-for="i in xzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
<el-option
v-for="i in djq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.djzqbsm">
<el-option
v-for="i in djzq"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.syqlxbsm">
<el-option
v-for="i in syq"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<el-select v-model="item.zdtzmbsm">
<el-option
v-for="i in tdtzm"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
</el-select>
</td>
<td>
<input type="text" v-model="item.xmmc" class="formInput"/>
</td>
<td>
<!-- {{item.fwlist.zbsm}}-->
<span @click="xzzrz(index)" class="xz">选择</span>
</td>
</tr>
<tr>
<td @click="addRow">+</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data>
<div class="header-button">
<el-button type="primary" @click="save">保存</el-button>
</div>
<el-dialog
v-if="fghData.newZdlist.length>0"
title="提示"
:visible.sync="isopenXz"
width="50%"
center>
<div class="xz-container">
<div class="xz-main">
<table border="1">
<tr>
<td>幢类型</td>
<td>幢信息</td>
</tr>
<tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
<td>
<el-select v-model="item.ztype"
>
<el-option
v-for="i in ztypes"
:key="i.value"
:label="i.label"
:value="i.value"
></el-option>
</el-select>
</td>
<td>
<input type="text" class="formInput"
v-model="item.zbsm"/>
</td>
</tr>
</table>
</div>
<div class="xz-sidebar">
<el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
:default-expand-all="true"></el-tree>
</div>
</div>
</el-dialog>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
<div class="header-button">
<el-button type="primary" @click="save">保存</el-button>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
......@@ -180,6 +530,7 @@
props: {},
data() {
return {
tabName:'zd',
isopenXz: false,
centerDialogVisible: false,
selectIndex: 0,// 当前选中序号
......@@ -315,9 +666,11 @@
.catch((error) => {
});
},
changeXzq(id) {
changeXzq(id, index) {
this.djq = [];
this.djzq = [];
this.fghData.newZdlist[index].djqbsm = ''
this.fghData.newZdlist[index].djzqbsm = ''
getListByXzqbsm(id)
.then((res) => {
if (res.result == null) {
......@@ -329,8 +682,9 @@
.catch((error) => {
});
},
changeDjq(item) {
changeDjq(item, index) {
this.djzq = [];
this.fghData.newZdlist[index].djzqbsm = ''
if (item == null) {
} else {
console.log(item);
......@@ -393,7 +747,7 @@
},
Data: {
handler: function (item) {
this.changeXzq(item.xzqbsm)
this.changeXzq(item.xzqbsm)
this.changeDjq(item.djqbsm)
},
deep: true
......
<template>
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data>
<div>
<el-tabs v-model="tabName" @tab-click="handleClick">
<el-tab-pane label="宗地合并" name="zd">
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
</div>
</el-tab-pane>
<el-tab-pane label="多幢合并" name="dz">
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
</div>
</el-tab-pane>
<el-tab-pane label="户合并" name="h">
<div class="main">
<div class="header">
<span>合并后项目名称:</span>
<el-input></el-input>
<el-button type="primary" @click="newAdd">新增</el-button>
<el-button type="primary">保存</el-button>
</div>
<table border="1">
<tr>
<td>序号</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="bgqData.length==0">
<td colspan="7">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in bgqData" :key="index">
<td>{{index+1}}</td>
<td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
<td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
</tr>
</table>
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
......@@ -47,6 +134,7 @@
props: {},
data() {
return {
tabName: 'zd',
centerDialogVisible: false,
bgqData: []
}
......@@ -56,6 +144,9 @@
mounted() {
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
},
close: function () {
this.centerDialogVisible = false;
},
......