feat(hcxlz):户重新落宗功能实现
Showing
3 changed files
with
125 additions
and
146 deletions
... | @@ -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: "", | 108 | }) |
201 | zl: "", | 109 | }, |
202 | pageNo: 1, | 110 | zrzChange: function () { |
203 | pageSize: 10, | 111 | const item = this.zrzList.find(i => i.bsm == this.hcxlzData.zrzbsm); |
204 | }; | 112 | this.hcxlzData.ljzbsm = '' |
205 | this.getData(this.queryData) | 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 | }) | ||
206 | }, | 124 | }, |
207 | getData: function (data) { | 125 | getZrz: function (bsm) { |
208 | data['dylxs'] = this.dylxs; | 126 | zdXlcd(bsm).then(res => { |
209 | getSearchList(data).then(res => { | 127 | this.zrzList = res.result; |
210 | this.Data = res.result.records | ||
211 | this.total = res.result.total; | ||
212 | }) | 128 | }) |
213 | }, | 129 | }, |
214 | search: function () { | 130 | getZdxx: function (val) { |
215 | this.getData(this.queryData) | 131 | console.log(val, "宗地信息") |
132 | this.zd = val | ||
133 | this.zdxx = val.xmmc + "(" + val.zddm + ")"; | ||
216 | }, | 134 | }, |
217 | drawerClose(done) { | 135 | xzzdClose: function () { |
218 | this.$confirm('确认关闭?') | 136 | this.xzzdVisible = false; |
219 | .then(_ => { | 137 | }, |
220 | done(); | 138 | result: function () { |
221 | }) | 139 | this.hcxlzData = { |
222 | .catch(_ => { | 140 | bsms: [], |
223 | }); | 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: { | ... | ... |
-
Please register or sign in to post a comment