Skip to content

任超 / js.CadastralSystem

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

feat(hcxlz):户重新落宗功能实现

1 parent 3d70a516
Inline Side-by-side
Showing 3 changed files with 125 additions and 146 deletions
......@@ -167,4 +167,26 @@ export function zdfg(data) {
})
}
/**
* 获取宗地下的自然幢、逻辑幢、幢单元
*/
export function zdXlcd(bsm) {
return request({
url:'/zd/qjZdjbxx/parcels',
method:'get',
params:{
bsm
}
})
}
/**
* 户落宗
*/
export function hzl(data) {
return request({
url:'/system/qjH/hcxlz',
method:'put',
data:data
})
}
......
......@@ -11,29 +11,29 @@
<div class="input-suffix">
宗 地：
<input
placeholder="请选择宗地" v-model="hcxlzData.zdbsm" readonly="readonly"
placeholder="请选择宗地" v-model="zdxx" readonly="readonly"
/>
<el-button type="primary" @click="drawer = true">选择宗地</el-button>
<el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>
</div>
<div class="input-suffix">
自然幢：
<el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择">
<el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange">
<el-option
v-for="item in zrzList"
:key="item.value"
:key="item.xmmc"
:label="item.label"
:value="item.value">
:value="item.bsm">
</el-option>
</el-select>
</div>
<div class="input-suffix">
逻辑幢：
<el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择">
<el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange">
<el-option
v-for="item in ljzList"
:key="item.value"
:label="item.label"
:value="item.value">
:key="item.bsm"
:label="item.ljzmc"
:value="item.bsm">
</el-option>
</el-select>
</div>
......@@ -42,9 +42,9 @@
<el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
<el-option
v-for="item in zdyList"
:key="item.value"
:label="item.label"
:value="item.value">
:key="item.bsm"
:label="item.zdymc"
:value="item.bsm">
</el-option>
</el-select>
</div>
......@@ -53,126 +53,34 @@
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="cancel">取消</el-button>
</div>
<el-drawer
title="选择宗地"
:visible.sync="drawer"
direction="rtl"
size="25%"
:before-close="drawerClose">
<div>
<div class="search">
<el-button type="primary" @click="search">查询</el-button>
<el-button type="primary" @click="result">重置</el-button>
<el-row :gutter="10" class="shop">
<el-col :span="4" class="inputtitle">
宗地编码:
</el-col>
<el-col :span="8" class="">
<el-input v-model="queryData.zddm"></el-input>
</el-col>
<el-col :span="4" class="inputtitle">
不动产权证号:
</el-col>
<el-col :span="8" class="">
<el-input v-model="queryData.bdcqzh"></el-input>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="4" class="inputtitle">
不动产权单元号:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.bdcdyh"></el-input>
</el-col>
<el-col :span="4" class="inputtitle">
权利人:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.qlrmc"></el-input>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="4" class="inputtitle">
坐落:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.zl"></el-input>
</el-col>
</el-row>
<table border="1">
<tr>
<td class="xh">序号</td>
<td class="zddm">宗地代码</td>
<td class="bdcdyh">不动产单元号</td>
<td class="xmmc">项目名称</td>
<td class="bdcqzh">不动产权证号</td>
<td class="qlr">权利人</td>
<td class="zl">坐落</td>
<td class="cz">操作</td>
</tr>
<tr v-if="Data.length==0">
<td colspan="8">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in Data" :key="index">
<td class="xh">{{index+1}}</td>
<td class="zddm" :title="item.zddm">{{item.zddm}}</td>
<td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td>
<td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td>
<td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td>
<td class="qlr" :title="item.qlr">{{item.qlr}}</td>
<td class="zl" :title="item.zl">{{item.zl}}</td>
<td @click="saveNotarize(item)" class="cz">
<span>落宗</span>
</td>
</tr>
</table>
</div>
<div class="page">
<el-pagination
background
layout="prev, pager, next,total"
:page-size="queryData.pageSize"
:total="total"
@current-change="currentChange"
>
</el-pagination>
</div>
</div>
</el-drawer>
<query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"></query-data>
</el-dialog>
</div>
</template>
<script>
import queryData from './../../components/queryData/queryData'
import {zdXlcd, hzl} from './../../api/zd'
import {Message} from 'element-ui'
export default {
name: "hCxlz",
components: {queryData},
data() {
return {
drawer: false,
zd: {},
zrz: {},
ljz: {},
zdy: {},
xzzdVisible: false,
isVisible: false,
zdxx: '', // 宗地信息
hcxlzData: {
bsms: [],
zdbsm: '',
zrzbsm: '',
ljzbsm: '',
zdybsm: ''
},
total: 1,
queryData: {
bdcdyh: "",
bdcqzh: "",
dylxs: ['zd'],
qlrmc: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
pageNo: 1,
pageSize: 10,
},
Data: [],
zrzList: [],
ljzList: [],
zdyList: []
......@@ -190,52 +98,81 @@
mounted() {
},
methods: {
result: function () {
this.queryData = {
bdcdyh: "",
bdcqzh: "",
qlrmc: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
pageNo: 1,
pageSize: 10,
};
this.getData(this.queryData)
ljzChange: function () {
const item = this.ljzList.find(i => i.bsm == this.hcxlzData.ljzbsm)
this.hcxlzData.zdybsm = ''
this.zdyList = item.list;
this.zdyList.push({
zdymc: '空',
bsm: ''
})
},
zrzChange: function () {
const item = this.zrzList.find(i => i.bsm == this.hcxlzData.zrzbsm);
this.hcxlzData.ljzbsm = ''
this.hcxlzData.zdybsm = ''
this.ljzList = item.ljzList;
this.ljzList.push({
ljzmc: '空',
bsm: ''
})
this.zdyList = item.zdyList;
this.zdyList.push({
zdymc: '空',
bsm: ''
})
},
getData: function (data) {
data['dylxs'] = this.dylxs;
getSearchList(data).then(res => {
this.Data = res.result.records
this.total = res.result.total;
getZrz: function (bsm) {
zdXlcd(bsm).then(res => {
this.zrzList = res.result;
})
},
search: function () {
this.getData(this.queryData)
getZdxx: function (val) {
console.log(val, "宗地信息")
this.zd = val
this.zdxx = val.xmmc + "(" + val.zddm + ")";
},
drawerClose(done) {
this.$confirm('确认关闭？')
.then(_ => {
done();
})
.catch(_ => {
});
xzzdClose: function () {
this.xzzdVisible = false;
},
result: function () {
this.hcxlzData = {
bsms: [],
zrzbsm: '',
ljzbsm: '',
zdybsm: ''
};
},
cancel() {
console.log("cancel......")
this.close();
},
save() {
console.log("save.......")
if (this.hcxlzData.zrzbsm == '') {
Message.error("请选择自然幢")
return;
}
hzl(this.hcxlzData).then(res => {
if (res.success) {
this.close();
} else {
Message.error(res.message)
}
});
},
close() {
this.$emit('close', false);
this.isVisible = false;
this.result();
},
},
watch: {
hCxlzVisble: function (val) {
this.isVisible = val
},
zd: function (val) {
//this.getZrz(val.glbsm)
this.getZrz('815c80d0d5b35968432fdd9c654dd134')
}
}
}
......
......@@ -79,6 +79,16 @@
</div>
<span slot="footer" class="dialog-footer">
</span>
<div class="page">
<el-pagination
background
layout="prev, pager, next,total"
:page-size="queryData.pageSize"
:total="total"
@current-change="currentChange"
>
</el-pagination>
</div>
</el-dialog>
</div>
......@@ -91,6 +101,7 @@
name: "queryData",
data() {
return {
total:1,
queryData: {
bdcdyh: "",
bdcqzh: "",
......@@ -99,7 +110,9 @@
qszt: "2",
xmmc: "",
zddm: "",
zl: ""
zl: "",
pageNo: 1,
pageSize: 10,
},
Data: [],
isVisible: false
......@@ -125,6 +138,10 @@
created() {
},
methods: {
currentChange: function (val) {
this.queryData.pageNo = val;
this.getData(this.queryData);
},
result: function () {
this.queryData = {
bdcdyh: "",
......@@ -133,7 +150,9 @@
qszt: "2",
xmmc: "",
zddm: "",
zl: ""
zl: "",
pageNo: 1,
pageSize: 10
};
this.getData(this.queryData)
},
......@@ -141,6 +160,7 @@
data['dylxs'] = this.dylxs;
getSearchList(data).then(res => {
this.Data = res.result.records
this.total = res.result.total;
})
},
search: function () {
......@@ -151,7 +171,7 @@
},
close: function () {
this.$emit('close')
this.isVisible = false
this.result();
}
},
watch: {
......