Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
7849453d by weimo934
Options

feat(fg):添加分割后表单

1 parent e26089d2
Inline Side-by-side
Showing 2 changed files with 208 additions and 20 deletions
...@@ -18,13 +18,14 @@ export function savemjft(data) { ...@@ -18,13 +18,14 @@ export function savemjft(data) {
18 */ 18 */
19 export function getMjftInfo(zdBsm) { 19 export function getMjftInfo(zdBsm) {
20 return request({ 20 return request({
21 url:"/zd/qjGygyzdmjft/getQjGygyzdmjftDetailById", 21 url: "/zd/qjGygyzdmjft/getQjGygyzdmjftDetailById",
22 method:"get", 22 method: "get",
23 params:{ 23 params: {
24 zdBsm 24 zdBsm
25 } 25 }
26 }) 26 })
27 } 27 }
28
28 /** 29 /**
29 * 新增宗地基本信息 30 * 新增宗地基本信息
30 */ 31 */
...@@ -35,6 +36,7 @@ export function insertQjZdjbxx(data) { ...@@ -35,6 +36,7 @@ export function insertQjZdjbxx(data) {
35 data: data, 36 data: data,
36 }); 37 });
37 } 38 }
39
38 /** 40 /**
39 * 修改宗地基本信息 41 * 修改宗地基本信息
40 */ 42 */
...@@ -85,6 +87,7 @@ export function queryjzx(glBsm) { ...@@ -85,6 +87,7 @@ export function queryjzx(glBsm) {
85 } 87 }
86 }) 88 })
87 } 89 }
90
88 /** 91 /**
89 * 根据zdbsm查询宗地基本信息 92 * 根据zdbsm查询宗地基本信息
90 */ 93 */
...@@ -108,6 +111,7 @@ export function jzdsingleModify(data) { ...@@ -108,6 +111,7 @@ export function jzdsingleModify(data) {
108 data: data 111 data: data
109 }) 112 })
110 } 113 }
114
111 /** 115 /**
112 * 界址点批量修改 116 * 界址点批量修改
113 */ 117 */
...@@ -142,9 +146,9 @@ export function jzxsbatchModify(data) { ...@@ -142,9 +146,9 @@ export function jzxsbatchModify(data) {
142 } 146 }
143 147
144 /**x 148 /**x
145 *根据宗地Bsm删除宗地信息 149 *根据宗地Bsm删除宗地信息
146 */ 150 */
147 export function deleteZdInfoByBsm(data){ 151 export function deleteZdInfoByBsm(data) {
148 return request({ 152 return request({
149 url: '/zd/qjZdjbxx/deleteZdjbxxByBsm', 153 url: '/zd/qjZdjbxx/deleteZdjbxxByBsm',
150 method: 'delete', 154 method: 'delete',
...@@ -152,4 +156,15 @@ export function deleteZdInfoByBsm(data){ ...@@ -152,4 +156,15 @@ export function deleteZdInfoByBsm(data){
152 }) 156 })
153 } 157 }
154 158
159 /**
160 * 宗地分割
161 */
162 export function zdfg(data) {
163 return request({
164 url: '/fg/zdFg',
165 method: 'post',
166 data: data
167 })
168 }
169
155 170
......
...@@ -20,7 +20,6 @@ ...@@ -20,7 +20,6 @@
20 </td> 20 </td>
21 </tr> 21 </tr>
22 <tr v-else> 22 <tr v-else>
23 <!--<tr v-else v-for="(item,index) in bgqData" :key="index">-->
24 <td>1</td> 23 <td>1</td>
25 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/></td> 24 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/></td>
26 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/></td> 25 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/></td>
...@@ -39,11 +38,12 @@ ...@@ -39,11 +38,12 @@
39 <td>行政区</td> 38 <td>行政区</td>
40 <td>地籍区</td> 39 <td>地籍区</td>
41 <td>地籍子区</td> 40 <td>地籍子区</td>
41 <td>所有权类型</td>
42 <td>土地特征码</td> 42 <td>土地特征码</td>
43 <td>项目名称</td> 43 <td>项目名称</td>
44 <td>幢信息</td> 44 <td>幢信息</td>
45 </tr> 45 </tr>
46 <tr v-for="(item,index) in fghData" :key="index"> 46 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
47 <td @click="delRow(index)">-</td> 47 <td @click="delRow(index)">-</td>
48 <td> 48 <td>
49 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm)"> 49 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm)">
...@@ -76,6 +76,16 @@ ...@@ -76,6 +76,16 @@
76 </el-select> 76 </el-select>
77 </td> 77 </td>
78 <td> 78 <td>
79 <el-select v-model="item.syqlxbsm">
80 <el-option
81 v-for="i in syq"
82 :key="i.value"
83 :label="i.label"
84 :value="i.value"
85 ></el-option>
86 </el-select>
87 </td>
88 <td>
79 <el-select v-model="item.zdtzmbsm"> 89 <el-select v-model="item.zdtzmbsm">
80 <el-option 90 <el-option
81 v-for="i in tdtzm" 91 v-for="i in tdtzm"
...@@ -89,7 +99,8 @@ ...@@ -89,7 +99,8 @@
89 <input type="text" v-model="item.xmmc" class="formInput"/> 99 <input type="text" v-model="item.xmmc" class="formInput"/>
90 </td> 100 </td>
91 <td> 101 <td>
92 <input type="text" v-model="item.zxx" class="formInput"/> 102 <!-- {{item.fwlist.zbsm}}-->
103 <span @click="xzzrz(index)" class="xz">选择</span>
93 </td> 104 </td>
94 </tr> 105 </tr>
95 <tr> 106 <tr>
...@@ -100,10 +111,50 @@ ...@@ -100,10 +111,50 @@
100 <td></td> 111 <td></td>
101 <td></td> 112 <td></td>
102 <td></td> 113 <td></td>
114 <td></td>
103 </tr> 115 </tr>
104 </table> 116 </table>
105 </div> 117 </div>
106 118
119 <el-dialog
120 v-if="fghData.newZdlist.length>0"
121 title="提示"
122 :visible.sync="isopenXz"
123 width="50%"
124 center>
125 <div class="xz-container">
126 <div class="xz-main">
127 <table border="1">
128 <tr>
129 <td>幢类型</td>
130 <td>幢信息</td>
131 </tr>
132 <tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
133 <td>
134 <el-select v-model="item.ztype"
135 >
136 <el-option
137 v-for="i in ztypes"
138 :key="i.value"
139 :label="i.label"
140 :value="i.value"
141 ></el-option>
142 </el-select>
143 </td>
144 <td>
145 <input type="text" class="formInput"
146 v-model="item.zbsm"/>
147 </td>
148 </tr>
149 </table>
150 </div>
151 <div class="xz-sidebar">
152 <el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
153 :default-expand-all="true"></el-tree>
154 </div>
155 </div>
156 </el-dialog>
157
107 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data> 158 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data>
108 <div class="header-button"> 159 <div class="header-button">
109 <el-button type="primary" @click="save">保存</el-button> 160 <el-button type="primary" @click="save">保存</el-button>
...@@ -120,6 +171,8 @@ ...@@ -120,6 +171,8 @@
120 } from "./../../../../api/common"; 171 } from "./../../../../api/common";
121 import {getQjZdjbxxDetailById} from './../../../../api/zd' 172 import {getQjZdjbxxDetailById} from './../../../../api/zd'
122 import QueryData from './../../../../components/queryData/queryData' 173 import QueryData from './../../../../components/queryData/queryData'
174 import {zdfg} from './../../../../api/zd'
175 import {Message} from 'element-ui'
123 176
124 export default { 177 export default {
125 name: "", 178 name: "",
...@@ -127,21 +180,90 @@ ...@@ -127,21 +180,90 @@
127 props: {}, 180 props: {},
128 data() { 181 data() {
129 return { 182 return {
183 isopenXz: false,
130 centerDialogVisible: false, 184 centerDialogVisible: false,
185 selectIndex: 0,// 当前选中序号
131 bgqData: {}, 186 bgqData: {},
132 xzq: [], 187 xzq: [],
133 djq: [], 188 djq: [],
134 djzq: [], 189 djzq: [],
135 tdtzm: [], 190 tdtzm: [],
191 defaultProps: {
192 children: 'children',
193 label: 'label'
194 },
195 zrzData: [{
196 label: '一级 1',
197 children: [{
198 label: '二级 1-1',
199 children: [{
200 label: '三级 1-1-1'
201 }]
202 }]
203 }, {
204 label: '一级 2',
205 children: [{
206 label: '二级 2-1',
207 children: [{
208 label: '三级 2-1-1'
209 }]
210 }, {
211 label: '二级 2-2',
212 children: [{
213 label: '三级 2-2-1'
214 }]
215 }]
216 }, {
217 label: '一级 3',
218 children: [{
219 label: '二级 3-1',
220 children: [{
221 label: '三级 3-1-1'
222 }]
223 }, {
224 label: '二级 3-2',
225 children: [{
226 label: '三级 3-2-1'
227 }]
228 }]
229 }],
230 ztypes: [
231 {
232 label: '多幢',
233 value: '多幢'
234 }, {
235 label: '自然幢',
236 value: '自然幢'
237 }
238 ],
239 syq: [
240 {
241 label: "国家所有",
242 value: "G",
243 },
244 {
245 label: "集体所有",
246 value: "J",
247 },
248 {
249 label: "土地所有权未确定或有争议",
250 value: "Z",
251 }
252 ],
136 Data: { 253 Data: {
137 xzqbsm: '', 254 xzqbsm: "",
138 djqbsm: '', 255 djqbsm: "",
139 djzqbsm: '', 256 djzqbsm: "",
140 zdtzmbsm: '', 257 xmmc: "",
141 zmmc: '', 258 syqlxbsm: "",
142 zxx: '' 259 zdtzmbsm: "",
260 userbsm: "",
261 fwlist: []
262 },
263 fghData: {
264 oldZdbsm: "",
265 newZdlist: []
143 }, 266 },
144 fghData: [],
145 267
146 } 268 }
147 }, 269 },
...@@ -152,12 +274,32 @@ ...@@ -152,12 +274,32 @@
152 this.getzdtzm(); 274 this.getzdtzm();
153 }, 275 },
154 methods: { 276 methods: {
277 handleNodeClick(data) {
278 console.log(data);
279 },
280 xzzrz(index) {
281 this.isopenXz = true
282 this.selectIndex = index
283 },
155 save() { 284 save() {
156 console.log("save........") 285 console.log("save........")
286 console.log(this.fghData)
287 zdfg(this.fghData).then(res => {
288 console.log(res)
289 if (res.success) {
290 Message.success('保存成功')
291 } else {
292 Message.error(res.message)
293 }
294 })
157 }, 295 },
158 getJbxx(id) { 296 getJbxx(id) {
159 getQjZdjbxxDetailById(id).then(res => { 297 getQjZdjbxxDetailById(id).then(res => {
160 this.Data = res.result 298 this.Data = res.result
299 // 用户bsm暂时传空
300 this.Data.userbsm = ''
301 // fwlist 暂时传空
302 this.Data.fwlist = [{zdbsm: '', ztype: ''}]
161 }) 303 })
162 }, 304 },
163 getzdtzm() { 305 getzdtzm() {
...@@ -168,7 +310,6 @@ ...@@ -168,7 +310,6 @@
168 getXzqList() { 310 getXzqList() {
169 getAllList() 311 getAllList()
170 .then((res) => { 312 .then((res) => {
171 console.log(res)
172 this.xzq = res.result; 313 this.xzq = res.result;
173 }) 314 })
174 .catch((error) => { 315 .catch((error) => {
...@@ -206,10 +347,26 @@ ...@@ -206,10 +347,26 @@
206 } 347 }
207 }, 348 },
208 addRow() { 349 addRow() {
209 this.fghData.push(this.Data) 350 this.fghData.newZdlist.push({
351 xzqbsm: "",
352 djqbsm: "",
353 djzqbsm: "",
354 xmmc: "",
355 syqlxbsm: "",
356 zdtzmbsm: "",
357 userbsm: "",
358 fwlist: [
359 {
360 zbsm: "",
361 ztype: ""
362 }
363 ]
364 });
365 this.fghData.newZdlist[this.fghData.newZdlist.length - 1] = JSON.parse(JSON.stringify(this.Data));
366
210 }, 367 },
211 delRow(index) { 368 delRow(index) {
212 this.fghData.splice(index, 1) 369 this.fghData.newZdlist.splice(index, 1)
213 }, 370 },
214 close: function () { 371 close: function () {
215 this.centerDialogVisible = false; 372 this.centerDialogVisible = false;
...@@ -229,9 +386,17 @@ ...@@ -229,9 +386,17 @@
229 watch: { 386 watch: {
230 bgqData: { 387 bgqData: {
231 handler: function (item) { 388 handler: function (item) {
389 this.fghData.oldZdbsm = item.glbsm
232 this.getJbxx(item.glbsm) 390 this.getJbxx(item.glbsm)
233 }, 391 },
234 deep: true 392 deep: true
393 },
394 Data: {
395 handler: function (item) {
396 this.changeXzq(item.xzqbsm)
397 this.changeDjq(item.djqbsm)
398 },
399 deep: true
235 } 400 }
236 }, 401 },
237 } 402 }
...@@ -270,16 +435,24 @@ ...@@ -270,16 +435,24 @@
270 table:hover { 435 table:hover {
271 cursor: pointer; 436 cursor: pointer;
272 } 437 }
273 438 .xz {
439 color: blue;
440 }
274 .noData { 441 .noData {
275 color: #b2b2b2; 442 color: #b2b2b2;
276 } 443 }
277 .fgh{ 444 .fgh {
278 margin-top: 20px; 445 margin-top: 20px;
279 } 446 }
280 .header-button { 447 .header-button {
281 margin-top: 20px; 448 margin-top: 20px;
282 text-align: center; 449 text-align: center;
283 } 450 }
451 .xz-container {
452 border: 1px solid #000;
453 display: grid;
454 grid-template-columns: 70% 30%;
455 grid-template-rows: 1fr;
456 }
284 } 457 }
285 </style> 458 </style>
......