Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
4a16a083 by weimo934
Options

feat(fg):更改多幢分割选择列表

1 parent aa4e2e55
Inline Side-by-side
Showing 5 changed files with 305 additions and 80 deletions
...@@ -10,6 +10,10 @@ export function getSearchList(data) { ...@@ -10,6 +10,10 @@ export function getSearchList(data) {
10 }) 10 })
11 } 11 }
12 12
13 /**
14 * 宗地分割选择宗地列表
15 * @param data
16 */
13 export function zdlist(data) { 17 export function zdlist(data) {
14 return request({ 18 return request({
15 url: '/zd/qjZdjbxx/zdlist', 19 url: '/zd/qjZdjbxx/zdlist',
...@@ -17,3 +21,15 @@ export function zdlist(data) { ...@@ -17,3 +21,15 @@ export function zdlist(data) {
17 data:data 21 data:data
18 }) 22 })
19 } 23 }
24
25 /**
26 * 多幢分割选择多幢列表
27 * @param data
28 */
29 export function dzList(data) {
30 return request({
31 url:'/fw/qjDz/dzlist',
32 method:'post',
33 data:data
34 })
35 }
......
1 <template>
2 <div>
3 <el-dialog
4 title="新增"
5 :visible.sync="isVisible"
6 width="70%"
7 @close="close"
8 :modal-append-to-body="false"
9 center>
10 <div class="search">
11 <el-row>
12 <el-col :span="24">
13 <el-form :inline="true" class="demo-form-inline">
14 <el-form-item label="宗地编码">
15 <el-input
16 v-model="queryData.zddm"
17 placeholder="输入宗地编码"
18 ></el-input>
19 </el-form-item>
20 <el-form-item label="不动产权证号">
21 <el-input
22 v-model="queryData.bdcqzh"
23 placeholder="输入不动产权证号"
24 ></el-input>
25 </el-form-item>
26 <el-form-item label="不动产单元号">
27 <el-input
28 maxlength="28"
29 v-model="queryData.bdcdyh"
30 placeholder="输入不动产单元号"
31 ></el-input>
32 </el-form-item>
33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
34 <el-button type="warning" @click="reset">重置</el-button>
35 </el-form>
36 </el-col>
37 </el-row>
38 <el-row>
39 <el-col :span="24">
40 <el-form :inline="true" class="demo-form-inline">
41 <el-form-item label="权利人">
42 <el-input
43 v-model="queryData.qlrmc"
44 placeholder="输入权利人"
45 ></el-input>
46 </el-form-item>
47 <el-form-item label="坐落">
48 <el-input
49 v-model="queryData.zl"
50 placeholder="输入坐落"
51 ></el-input>
52 </el-form-item>
53 </el-form>
54 </el-col>
55 </el-row>
56 <div class="table-bode">
57 <table border="1">
58 <tr>
59 <td>序号</td>
60 <td>操作</td>
61 <td>宗地代码</td>
62 <td>不动产单元号</td>
63 <td>项目名称</td>
64 <td>不动产权证号</td>
65 <td>权利人</td>
66 <td>坐落</td>
67 </tr>
68 <tr v-if="Data.length==0">
69 <td colspan="8">
70 <span class="noData">暂无数据</span>
71 </td>
72 </tr>
73 <tr v-else v-for="(item,index) in Data" :key="index">
74 <td>{{index+1}}</td>
75 <td @click="addData(item)" class="xz">
76 <span>选择</span>
77 </td>
78 <td>{{item.zddm}}</td>
79 <td>{{item.bdcdyh}}</td>
80 <td>{{item.xmmc}}</td>
81 <td>{{item.bdcqzh}}</td>
82 <td>{{item.qlr}}</td>
83 <td>{{item.zl}}</td>
84 </tr>
85 </table>
86 </div>
87 </div>
88 <div class="page">
89 <el-pagination
90 background
91 layout="prev, pager, next,total"
92 :page-size="queryData.pageSize"
93 :total="total"
94 @current-change="currentChange"
95 >
96 </el-pagination>
97 </div>
98 </el-dialog>
99
100 </div>
101 </template>
102
103 <script>
104 import {dzList} from './../../api/search'
105
106 export default {
107 name: "zdQueryData",
108 data() {
109 return {
110 total: 1,
111 queryData: {
112 bdcdyh: "",
113 bdcqzh: "",
114 qlrmc: "",
115 xmmc: "",
116 zddm: "",
117 zl: "",
118 pageNo: 1,
119 pageSize: 10,
120 },
121 Data: [],
122 isVisible: false
123 }
124 },
125 props: {
126 centerDialogVisible: {
127 type: Boolean,
128 default: function () {
129 return false
130 }
131 },
132 isClose: {
133 type: Boolean,
134 default: false
135 }
136 },
137 mounted() {
138 this.getData(this.queryData)
139 },
140 created() {
141 },
142 methods: {
143 currentChange: function (val) {
144 this.queryData.pageNo = val;
145 this.getData(this.queryData);
146 },
147 reset: function () {
148 this.queryData = {
149 bdcdyh: "",
150 bdcqzh: "",
151 qlrmc: "",
152 xmmc: "",
153 zddm: "",
154 zl: "",
155 pageNo: 1,
156 pageSize: 10
157 };
158 this.getData(this.queryData)
159 },
160 getData: function (data) {
161 dzList(data).then(res => {
162 this.Data = res.result.records
163 this.total = res.result.total;
164 })
165 },
166 search: function () {
167 this.getData(this.queryData)
168 },
169 addData: function (val) {
170 this.$emit("getData", val)
171 if (this.isClose) {
172 this.close();
173 }
174 },
175 close: function () {
176 this.$emit('close')
177 this.reset();
178 }
179 },
180 watch: {
181 centerDialogVisible(val) {
182 this.isVisible = val
183 }
184 }
185 }
186 </script>
187
188 <style scoped lang="less">
189
190 .main {
191 box-sizing: border-box;
192 padding: 18px;
193 height: auto;
194 width: 80%;
195 }
196
197 /deep/ .el-form-item__label {
198 width: 96px;
199 text-align: right;
200 }
201
202 table {
203 margin-top: 10px;
204 background-color: #fff;
205 font-size: 14px;
206 width: 100%;
207 tr:hover {
208 background-color: #F5F7FA;
209 }
210 }
211
212 td {
213 text-align: center;
214 height: 36px;
215 min-width: 50px;
216 }
217
218 table:hover {
219 cursor: pointer;
220 }
221
222 .inputtitle {
223 line-height: 40px;
224 }
225
226 .shop {
227 margin-top: 20px;
228 }
229
230 .xz {
231 color: blue;
232 }
233
234 .noData {
235 color: #b2b2b2;
236 }
237 .table-bode{
238 height: 450px;
239 }
240 .page {
241 margin-top: 20px;
242 }
243
244 </style>
...@@ -56,42 +56,7 @@ ...@@ -56,42 +56,7 @@
56 </el-form> 56 </el-form>
57 </el-col> 57 </el-col>
58 </el-row> 58 </el-row>
59 <!-- <el-row :gutter="10" class="shop"> 59 <div class="table-data">
60 <el-col :span="4" class="inputtitle">
61 宗地编码:
62 </el-col>
63 <el-col :span="8" class="">
64 <el-input v-model="queryData.zddm"></el-input>
65 </el-col>
66 <el-col :span="4" class="inputtitle">
67 不动产权证号:
68 </el-col>
69 <el-col :span="8" class="">
70 <el-input v-model="queryData.bdcqzh"></el-input>
71 </el-col>
72 </el-row> -->
73 <!-- <el-row :gutter="10">
74 <el-col :span="4" class="inputtitle">
75 不动产单元号:
76 </el-col>
77 <el-col :span="8">
78 <el-input v-model="queryData.bdcdyh"></el-input>
79 </el-col>
80 <el-col :span="4" class="inputtitle">
81 权利人:
82 </el-col>
83 <el-col :span="8">
84 <el-input v-model="queryData.qlrmc"></el-input>
85 </el-col>
86 </el-row>
87 <el-row :gutter="10">
88 <el-col :span="4" class="inputtitle">
89 坐落:
90 </el-col>
91 <el-col :span="8">
92 <el-input v-model="queryData.zl"></el-input>
93 </el-col>
94 </el-row> -->
95 <table border="1"> 60 <table border="1">
96 <tr> 61 <tr>
97 <td>序号</td> 62 <td>序号</td>
...@@ -120,9 +85,9 @@ ...@@ -120,9 +85,9 @@
120 <td>{{item.qlr}}</td> 85 <td>{{item.qlr}}</td>
121 <td>{{item.zl}}</td> 86 <td>{{item.zl}}</td>
122 </tr> 87 </tr>
123
124 </table> 88 </table>
125 </div> 89 </div>
90 </div>
126 <div class="page"> 91 <div class="page">
127 <el-pagination 92 <el-pagination
128 background 93 background
...@@ -145,7 +110,7 @@ ...@@ -145,7 +110,7 @@
145 name: "queryData", 110 name: "queryData",
146 data() { 111 data() {
147 return { 112 return {
148 total:1, 113 total: 1,
149 queryData: { 114 queryData: {
150 bdcdyh: "", 115 bdcdyh: "",
151 bdcqzh: "", 116 bdcqzh: "",
...@@ -175,9 +140,9 @@ ...@@ -175,9 +140,9 @@
175 return ['zd'] 140 return ['zd']
176 } 141 }
177 }, 142 },
178 isZdClose:{ 143 isZdClose: {
179 type:Boolean, 144 type: Boolean,
180 default:false 145 default: false
181 } 146 }
182 }, 147 },
183 mounted() { 148 mounted() {
...@@ -190,7 +155,7 @@ ...@@ -190,7 +155,7 @@
190 this.queryData.pageNo = val; 155 this.queryData.pageNo = val;
191 this.getData(this.queryData); 156 this.getData(this.queryData);
192 }, 157 },
193 reset(){ 158 reset() {
194 this.queryData = { 159 this.queryData = {
195 bdcdyh: "", 160 bdcdyh: "",
196 bdcqzh: "", 161 bdcqzh: "",
...@@ -204,23 +169,23 @@ ...@@ -204,23 +169,23 @@
204 }; 169 };
205 this.getData(this.queryData) 170 this.getData(this.queryData)
206 }, 171 },
207 getData(data){ 172 getData(data) {
208 data['dylxs'] = this.dylxs; 173 data['dylxs'] = this.dylxs;
209 getSearchList(data).then(res => { 174 getSearchList(data).then(res => {
210 this.Data = res.result.records 175 this.Data = res.result.records
211 this.total = res.result.total; 176 this.total = res.result.total;
212 }) 177 })
213 }, 178 },
214 search(){ 179 search() {
215 this.getData(this.queryData) 180 this.getData(this.queryData)
216 }, 181 },
217 addData(val){ 182 addData(val) {
218 this.$emit("getData", val) 183 this.$emit("getData", val)
219 if (this.isZdClose) { 184 if (this.isZdClose) {
220 this.close(); 185 this.close();
221 } 186 }
222 }, 187 },
223 close(){ 188 close() {
224 this.$emit('close') 189 this.$emit('close')
225 this.reset(); 190 this.reset();
226 } 191 }
...@@ -241,7 +206,8 @@ ...@@ -241,7 +206,8 @@
241 height: auto; 206 height: auto;
242 width: 80%; 207 width: 80%;
243 } 208 }
244 /deep/ .el-form-item__label{ 209
210 /deep/ .el-form-item__label {
245 width: 96px; 211 width: 96px;
246 text-align: right; 212 text-align: right;
247 } 213 }
...@@ -251,7 +217,7 @@ ...@@ -251,7 +217,7 @@
251 background-color: #fff; 217 background-color: #fff;
252 font-size: 14px; 218 font-size: 14px;
253 width: 100%; 219 width: 100%;
254 tr:hover{ 220 tr:hover {
255 background-color: #F5F7FA; 221 background-color: #F5F7FA;
256 } 222 }
257 } 223 }
...@@ -281,7 +247,10 @@ ...@@ -281,7 +247,10 @@
281 .noData { 247 .noData {
282 color: #b2b2b2; 248 color: #b2b2b2;
283 } 249 }
284 .page{ 250 .table-data{
251 height: 450px;
252 }
253 .page {
285 margin-top: 20px; 254 margin-top: 20px;
286 } 255 }
287 256
......
...@@ -53,6 +53,7 @@ ...@@ -53,6 +53,7 @@
53 </el-form> 53 </el-form>
54 </el-col> 54 </el-col>
55 </el-row> 55 </el-row>
56 <div class="table-bode">
56 <table border="1"> 57 <table border="1">
57 <tr> 58 <tr>
58 <td>序号</td> 59 <td>序号</td>
...@@ -81,9 +82,9 @@ ...@@ -81,9 +82,9 @@
81 <td>{{item.qlr}}</td> 82 <td>{{item.qlr}}</td>
82 <td>{{item.zl}}</td> 83 <td>{{item.zl}}</td>
83 </tr> 84 </tr>
84
85 </table> 85 </table>
86 </div> 86 </div>
87 </div>
87 <div class="page"> 88 <div class="page">
88 <el-pagination 89 <el-pagination
89 background 90 background
...@@ -106,13 +107,11 @@ ...@@ -106,13 +107,11 @@
106 name: "zdQueryData", 107 name: "zdQueryData",
107 data() { 108 data() {
108 return { 109 return {
109 total:1, 110 total: 1,
110 queryData: { 111 queryData: {
111 bdcdyh: "", 112 bdcdyh: "",
112 bdcqzh: "", 113 bdcqzh: "",
113 dylxs: ['zd'],
114 qlrmc: "", 114 qlrmc: "",
115 qszt: ["2"],
116 xmmc: "", 115 xmmc: "",
117 zddm: "", 116 zddm: "",
118 zl: "", 117 zl: "",
...@@ -130,15 +129,9 @@ ...@@ -130,15 +129,9 @@
130 return false 129 return false
131 } 130 }
132 }, 131 },
133 qszt:{ 132 isZdClose: {
134 type:Array, 133 type: Boolean,
135 default:function () { 134 default: false
136 return ['2']
137 }
138 },
139 isZdClose:{
140 type:Boolean,
141 default:false
142 } 135 }
143 }, 136 },
144 mounted() { 137 mounted() {
...@@ -156,7 +149,6 @@ ...@@ -156,7 +149,6 @@
156 bdcdyh: "", 149 bdcdyh: "",
157 bdcqzh: "", 150 bdcqzh: "",
158 qlrmc: "", 151 qlrmc: "",
159 qszt: ["2"],
160 xmmc: "", 152 xmmc: "",
161 zddm: "", 153 zddm: "",
162 zl: "", 154 zl: "",
...@@ -166,7 +158,6 @@ ...@@ -166,7 +158,6 @@
166 this.getData(this.queryData) 158 this.getData(this.queryData)
167 }, 159 },
168 getData: function (data) { 160 getData: function (data) {
169 data['dylxs'] = this.dylxs;
170 zdlist(data).then(res => { 161 zdlist(data).then(res => {
171 this.Data = res.result.records 162 this.Data = res.result.records
172 this.total = res.result.total; 163 this.total = res.result.total;
...@@ -202,18 +193,18 @@ ...@@ -202,18 +193,18 @@
202 height: auto; 193 height: auto;
203 width: 80%; 194 width: 80%;
204 } 195 }
205 /deep/ .el-form-item__label{ 196
197 /deep/ .el-form-item__label {
206 width: 96px; 198 width: 96px;
207 text-align: right; 199 text-align: right;
208 } 200 }
209 201
210
211 table { 202 table {
212 margin-top: 10px; 203 margin-top: 10px;
213 background-color: #fff; 204 background-color: #fff;
214 font-size: 14px; 205 font-size: 14px;
215 width: 100%; 206 width: 100%;
216 tr:hover{ 207 tr:hover {
217 background-color: #F5F7FA; 208 background-color: #F5F7FA;
218 } 209 }
219 } 210 }
...@@ -243,7 +234,10 @@ ...@@ -243,7 +234,10 @@
243 .noData { 234 .noData {
244 color: #b2b2b2; 235 color: #b2b2b2;
245 } 236 }
246 .page{ 237 .table-bode{
238 height: 450px;
239 }
240 .page {
247 margin-top: 20px; 241 margin-top: 20px;
248 } 242 }
249 243
......
...@@ -293,9 +293,10 @@ ...@@ -293,9 +293,10 @@
293 </tr> 293 </tr>
294 </table> 294 </table>
295 </div> 295 </div>
296 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" 296 <dz-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
297 :isZdClose="true" 297 :isClose="true"
298 @close="close"></query-data> 298 @close="close">
299 </dz-query-data>
299 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 300 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
300 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 301 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
301 </div> 302 </div>
...@@ -310,7 +311,7 @@ ...@@ -310,7 +311,7 @@
310 <ul> 311 <ul>
311 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li> 312 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li>
312 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li> 313 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li>
313 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>s's's's's's's's's's's's's's's's's's's 314 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>
314 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li> 315 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li>
315 <li><span>权利人:</span>{{hFgqData.qlr}}</li> 316 <li><span>权利人:</span>{{hFgqData.qlr}}</li>
316 <li><span>坐落:</span>{{hFgqData.zl}}</li> 317 <li><span>坐落:</span>{{hFgqData.zl}}</li>
...@@ -331,7 +332,7 @@ ...@@ -331,7 +332,7 @@
331 </div> 332 </div>
332 <ul> 333 <ul>
333 <li v-for="(item,index) in zdZxx.dzList" :key="index" 334 <li v-for="(item,index) in zdZxx.dzList" :key="index"
334 :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} 335 :class="(index+1)%2===0?'':'oddborder'">{{item.xmmc}}
335 </li> 336 </li>
336 </ul> 337 </ul>
337 </div> 338 </div>
...@@ -455,11 +456,12 @@ ...@@ -455,11 +456,12 @@
455 import {getHZdxx} from './../../../../api/h' 456 import {getHZdxx} from './../../../../api/h'
456 import QueryData from './../../../../components/queryData/queryData' 457 import QueryData from './../../../../components/queryData/queryData'
457 import zdQueryData from './../../../../components/zdQueryData/zdQueryData' 458 import zdQueryData from './../../../../components/zdQueryData/zdQueryData'
459 import dzQueryData from './../../../../components/dzQueryData/dzQueryData'
458 import {Message} from 'element-ui' 460 import {Message} from 'element-ui'
459 461
460 export default { 462 export default {
461 name: "", 463 name: "",
462 components: {QueryData, zdQueryData}, 464 components: {QueryData, zdQueryData,dzQueryData},
463 props: {}, 465 props: {},
464 data() { 466 data() {
465 return { 467 return {
...@@ -557,7 +559,7 @@ ...@@ -557,7 +559,7 @@
557 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1); 559 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1);
558 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm); 560 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm);
559 this.dzFgqZrzData.forEach(i=>{ 561 this.dzFgqZrzData.forEach(i=>{
560 if (i.bsm == bsm) { 562 if (i.bsm === bsm) {
561 i.hasChoosed = "" 563 i.hasChoosed = ""
562 } 564 }
563 }) 565 })
...@@ -667,7 +669,7 @@ ...@@ -667,7 +669,7 @@
667 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){ 669 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){
668 // this.zdZrzList[childIndex].hasChoosed = index; 670 // this.zdZrzList[childIndex].hasChoosed = index;
669 if(fwlist.zrzlist.indexOf(bsm) < 0){ 671 if(fwlist.zrzlist.indexOf(bsm) < 0){
670 if(fwlist.ztype == 'zrz' && fwlist.zrzlist.length>0){ 672 if(fwlist.ztype === 'zrz' && fwlist.zrzlist.length>0){
671 Message.warning("当前幢类型只能选择一个自然幢") 673 Message.warning("当前幢类型只能选择一个自然幢")
672 }else{ 674 }else{
673 //存入当前选择幢信息的bsm 675 //存入当前选择幢信息的bsm
...@@ -744,7 +746,7 @@ ...@@ -744,7 +746,7 @@
744 } 746 }
745 }, 747 },
746 saveZd() { 748 saveZd() {
747 if(this.tempBsmList.length == (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){ 749 if(this.tempBsmList.length === (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){
748 zdfg(this.zdFghData).then(res => { 750 zdfg(this.zdFghData).then(res => {
749 if (res.success) { 751 if (res.success) {
750 this.$store.state.zdbsms = res.result; 752 this.$store.state.zdbsms = res.result;
...@@ -973,9 +975,9 @@ ...@@ -973,9 +975,9 @@
973 }, 975 },
974 dzFgqData: { 976 dzFgqData: {
975 handler: function (item) { 977 handler: function (item) {
976 this.dzFgqData.oldZdbsm = item.glbsm; 978 this.dzFgqData.oldZdbsm = item.bsm;
977 this.getDzZdjbxx(item.glbsm); 979 this.getDzZdjbxx(item.bsm);
978 this.dzfgGetZrzxx(item.glbsm) 980 this.dzfgGetZrzxx(item.bsm)
979 }, 981 },
980 deep: true 982 deep: true
981 }, 983 },
......