bf7ab6a5 by weimo934

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

1 parent 3d70a516
...@@ -167,4 +167,26 @@ export function zdfg(data) { ...@@ -167,4 +167,26 @@ export function zdfg(data) {
167 }) 167 })
168 } 168 }
169 169
170 /**
171 * 获取宗地下的自然幢、逻辑幢、幢单元
172 */
173 export function zdXlcd(bsm) {
174 return request({
175 url:'/zd/qjZdjbxx/parcels',
176 method:'get',
177 params:{
178 bsm
179 }
180 })
181 }
170 182
183 /**
184 * 户落宗
185 */
186 export function hzl(data) {
187 return request({
188 url:'/system/qjH/hcxlz',
189 method:'put',
190 data:data
191 })
192 }
......
...@@ -11,29 +11,29 @@ ...@@ -11,29 +11,29 @@
11 <div class="input-suffix"> 11 <div class="input-suffix">
12 宗 地: 12 宗 地:
13 <input 13 <input
14 placeholder="请选择宗地" v-model="hcxlzData.zdbsm" readonly="readonly" 14 placeholder="请选择宗地" v-model="zdxx" readonly="readonly"
15 /> 15 />
16 <el-button type="primary" @click="drawer = true">选择宗地</el-button> 16 <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>
17 </div> 17 </div>
18 <div class="input-suffix"> 18 <div class="input-suffix">
19 自然幢: 19 自然幢:
20 <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择"> 20 <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange">
21 <el-option 21 <el-option
22 v-for="item in zrzList" 22 v-for="item in zrzList"
23 :key="item.value" 23 :key="item.xmmc"
24 :label="item.label" 24 :label="item.label"
25 :value="item.value"> 25 :value="item.bsm">
26 </el-option> 26 </el-option>
27 </el-select> 27 </el-select>
28 </div> 28 </div>
29 <div class="input-suffix"> 29 <div class="input-suffix">
30 逻辑幢: 30 逻辑幢:
31 <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择"> 31 <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange">
32 <el-option 32 <el-option
33 v-for="item in ljzList" 33 v-for="item in ljzList"
34 :key="item.value" 34 :key="item.bsm"
35 :label="item.label" 35 :label="item.ljzmc"
36 :value="item.value"> 36 :value="item.bsm">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
39 </div> 39 </div>
...@@ -42,9 +42,9 @@ ...@@ -42,9 +42,9 @@
42 <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择"> 42 <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
43 <el-option 43 <el-option
44 v-for="item in zdyList" 44 v-for="item in zdyList"
45 :key="item.value" 45 :key="item.bsm"
46 :label="item.label" 46 :label="item.zdymc"
47 :value="item.value"> 47 :value="item.bsm">
48 </el-option> 48 </el-option>
49 </el-select> 49 </el-select>
50 </div> 50 </div>
...@@ -53,126 +53,34 @@ ...@@ -53,126 +53,34 @@
53 <el-button type="primary" @click="save">保存</el-button> 53 <el-button type="primary" @click="save">保存</el-button>
54 <el-button type="primary" @click="cancel">取消</el-button> 54 <el-button type="primary" @click="cancel">取消</el-button>
55 </div> 55 </div>
56 <el-drawer 56 <query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"></query-data>
57 title="选择宗地"
58 :visible.sync="drawer"
59 direction="rtl"
60 size="25%"
61 :before-close="drawerClose">
62 <div>
63 <div class="search">
64 <el-button type="primary" @click="search">查询</el-button>
65 <el-button type="primary" @click="result">重置</el-button>
66 <el-row :gutter="10" class="shop">
67 <el-col :span="4" class="inputtitle">
68 宗地编码:
69 </el-col>
70 <el-col :span="8" class="">
71 <el-input v-model="queryData.zddm"></el-input>
72 </el-col>
73 <el-col :span="4" class="inputtitle">
74 不动产权证号:
75 </el-col>
76 <el-col :span="8" class="">
77 <el-input v-model="queryData.bdcqzh"></el-input>
78 </el-col>
79 </el-row>
80 <el-row :gutter="10">
81 <el-col :span="4" class="inputtitle">
82 不动产权单元号:
83 </el-col>
84 <el-col :span="8">
85 <el-input v-model="queryData.bdcdyh"></el-input>
86 </el-col>
87 <el-col :span="4" class="inputtitle">
88 权利人:
89 </el-col>
90 <el-col :span="8">
91 <el-input v-model="queryData.qlrmc"></el-input>
92 </el-col>
93 </el-row>
94 <el-row :gutter="10">
95 <el-col :span="4" class="inputtitle">
96 坐落:
97 </el-col>
98 <el-col :span="8">
99 <el-input v-model="queryData.zl"></el-input>
100 </el-col>
101 </el-row>
102 <table border="1">
103 <tr>
104 <td class="xh">序号</td>
105 <td class="zddm">宗地代码</td>
106 <td class="bdcdyh">不动产单元号</td>
107 <td class="xmmc">项目名称</td>
108 <td class="bdcqzh">不动产权证号</td>
109 <td class="qlr">权利人</td>
110 <td class="zl">坐落</td>
111 <td class="cz">操作</td>
112 </tr>
113 <tr v-if="Data.length==0">
114 <td colspan="8">
115 <span class="noData">暂无数据</span>
116 </td>
117 </tr>
118 <tr v-else v-for="(item,index) in Data" :key="index">
119 <td class="xh">{{index+1}}</td>
120 <td class="zddm" :title="item.zddm">{{item.zddm}}</td>
121 <td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td>
122 <td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td>
123 <td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td>
124 <td class="qlr" :title="item.qlr">{{item.qlr}}</td>
125 <td class="zl" :title="item.zl">{{item.zl}}</td>
126 <td @click="saveNotarize(item)" class="cz">
127 <span>落宗</span>
128 </td>
129 </tr>
130 </table>
131 </div>
132 <div class="page">
133 <el-pagination
134 background
135 layout="prev, pager, next,total"
136 :page-size="queryData.pageSize"
137 :total="total"
138 @current-change="currentChange"
139 >
140 </el-pagination>
141 </div>
142 </div>
143 </el-drawer>
144 </el-dialog> 57 </el-dialog>
145 </div> 58 </div>
146 </template> 59 </template>
147 60
148 <script> 61 <script>
62 import queryData from './../../components/queryData/queryData'
63 import {zdXlcd, hzl} from './../../api/zd'
64 import {Message} from 'element-ui'
149 export default { 65 export default {
150 name: "hCxlz", 66 name: "hCxlz",
67 components: {queryData},
151 data() { 68 data() {
152 return { 69 return {
153 drawer: false, 70 zd: {},
71 zrz: {},
72 ljz: {},
73 zdy: {},
74 xzzdVisible: false,
154 isVisible: false, 75 isVisible: false,
76 zdxx: '', // 宗地信息
155 hcxlzData: { 77 hcxlzData: {
156 bsms: [], 78 bsms: [],
157 zdbsm: '',
158 zrzbsm: '', 79 zrzbsm: '',
159 ljzbsm: '', 80 ljzbsm: '',
160 zdybsm: '' 81 zdybsm: ''
161 }, 82 },
162 total: 1, 83 total: 1,
163 queryData: {
164 bdcdyh: "",
165 bdcqzh: "",
166 dylxs: ['zd'],
167 qlrmc: "",
168 qszt: "2",
169 xmmc: "",
170 zddm: "",
171 zl: "",
172 pageNo: 1,
173 pageSize: 10,
174 },
175 Data: [],
176 zrzList: [], 84 zrzList: [],
177 ljzList: [], 85 ljzList: [],
178 zdyList: [] 86 zdyList: []
...@@ -190,52 +98,81 @@ ...@@ -190,52 +98,81 @@
190 mounted() { 98 mounted() {
191 }, 99 },
192 methods: { 100 methods: {
193 result: function () { 101 ljzChange: function () {
194 this.queryData = { 102 const item = this.ljzList.find(i => i.bsm == this.hcxlzData.ljzbsm)
195 bdcdyh: "", 103 this.hcxlzData.zdybsm = ''
196 bdcqzh: "", 104 this.zdyList = item.list;
197 qlrmc: "", 105 this.zdyList.push({
198 qszt: "2", 106 zdymc: '空',
199 xmmc: "", 107 bsm: ''
200 zddm: "",
201 zl: "",
202 pageNo: 1,
203 pageSize: 10,
204 };
205 this.getData(this.queryData)
206 },
207 getData: function (data) {
208 data['dylxs'] = this.dylxs;
209 getSearchList(data).then(res => {
210 this.Data = res.result.records
211 this.total = res.result.total;
212 }) 108 })
213 }, 109 },
214 search: function () { 110 zrzChange: function () {
215 this.getData(this.queryData) 111 const item = this.zrzList.find(i => i.bsm == this.hcxlzData.zrzbsm);
112 this.hcxlzData.ljzbsm = ''
113 this.hcxlzData.zdybsm = ''
114 this.ljzList = item.ljzList;
115 this.ljzList.push({
116 ljzmc: '空',
117 bsm: ''
118 })
119 this.zdyList = item.zdyList;
120 this.zdyList.push({
121 zdymc: '空',
122 bsm: ''
123 })
216 }, 124 },
217 drawerClose(done) { 125 getZrz: function (bsm) {
218 this.$confirm('确认关闭?') 126 zdXlcd(bsm).then(res => {
219 .then(_ => { 127 this.zrzList = res.result;
220 done();
221 }) 128 })
222 .catch(_ => { 129 },
223 }); 130 getZdxx: function (val) {
131 console.log(val, "宗地信息")
132 this.zd = val
133 this.zdxx = val.xmmc + "(" + val.zddm + ")";
134 },
135 xzzdClose: function () {
136 this.xzzdVisible = false;
137 },
138 result: function () {
139 this.hcxlzData = {
140 bsms: [],
141 zrzbsm: '',
142 ljzbsm: '',
143 zdybsm: ''
144 };
224 }, 145 },
225 cancel() { 146 cancel() {
226 console.log("cancel......") 147 console.log("cancel......")
148 this.close();
227 }, 149 },
228 save() { 150 save() {
229 console.log("save.......") 151 console.log("save.......")
152 if (this.hcxlzData.zrzbsm == '') {
153 Message.error("请选择自然幢")
154 return;
155 }
156 hzl(this.hcxlzData).then(res => {
157 if (res.success) {
158 this.close();
159 } else {
160 Message.error(res.message)
161 }
162 });
230 }, 163 },
231 close() { 164 close() {
232 this.$emit('close', false); 165 this.$emit('close', false);
233 this.isVisible = false; 166 this.result();
234 }, 167 },
235 }, 168 },
236 watch: { 169 watch: {
237 hCxlzVisble: function (val) { 170 hCxlzVisble: function (val) {
238 this.isVisible = val 171 this.isVisible = val
172 },
173 zd: function (val) {
174 //this.getZrz(val.glbsm)
175 this.getZrz('815c80d0d5b35968432fdd9c654dd134')
239 } 176 }
240 } 177 }
241 } 178 }
......
...@@ -79,6 +79,16 @@ ...@@ -79,6 +79,16 @@
79 </div> 79 </div>
80 <span slot="footer" class="dialog-footer"> 80 <span slot="footer" class="dialog-footer">
81 </span> 81 </span>
82 <div class="page">
83 <el-pagination
84 background
85 layout="prev, pager, next,total"
86 :page-size="queryData.pageSize"
87 :total="total"
88 @current-change="currentChange"
89 >
90 </el-pagination>
91 </div>
82 </el-dialog> 92 </el-dialog>
83 93
84 </div> 94 </div>
...@@ -91,6 +101,7 @@ ...@@ -91,6 +101,7 @@
91 name: "queryData", 101 name: "queryData",
92 data() { 102 data() {
93 return { 103 return {
104 total:1,
94 queryData: { 105 queryData: {
95 bdcdyh: "", 106 bdcdyh: "",
96 bdcqzh: "", 107 bdcqzh: "",
...@@ -99,7 +110,9 @@ ...@@ -99,7 +110,9 @@
99 qszt: "2", 110 qszt: "2",
100 xmmc: "", 111 xmmc: "",
101 zddm: "", 112 zddm: "",
102 zl: "" 113 zl: "",
114 pageNo: 1,
115 pageSize: 10,
103 }, 116 },
104 Data: [], 117 Data: [],
105 isVisible: false 118 isVisible: false
...@@ -125,6 +138,10 @@ ...@@ -125,6 +138,10 @@
125 created() { 138 created() {
126 }, 139 },
127 methods: { 140 methods: {
141 currentChange: function (val) {
142 this.queryData.pageNo = val;
143 this.getData(this.queryData);
144 },
128 result: function () { 145 result: function () {
129 this.queryData = { 146 this.queryData = {
130 bdcdyh: "", 147 bdcdyh: "",
...@@ -133,7 +150,9 @@ ...@@ -133,7 +150,9 @@
133 qszt: "2", 150 qszt: "2",
134 xmmc: "", 151 xmmc: "",
135 zddm: "", 152 zddm: "",
136 zl: "" 153 zl: "",
154 pageNo: 1,
155 pageSize: 10
137 }; 156 };
138 this.getData(this.queryData) 157 this.getData(this.queryData)
139 }, 158 },
...@@ -141,6 +160,7 @@ ...@@ -141,6 +160,7 @@
141 data['dylxs'] = this.dylxs; 160 data['dylxs'] = this.dylxs;
142 getSearchList(data).then(res => { 161 getSearchList(data).then(res => {
143 this.Data = res.result.records 162 this.Data = res.result.records
163 this.total = res.result.total;
144 }) 164 })
145 }, 165 },
146 search: function () { 166 search: function () {
...@@ -151,7 +171,7 @@ ...@@ -151,7 +171,7 @@
151 }, 171 },
152 close: function () { 172 close: function () {
153 this.$emit('close') 173 this.$emit('close')
154 this.isVisible = false 174 this.result();
155 } 175 }
156 }, 176 },
157 watch: { 177 watch: {
......