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