Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
Showing
9 changed files
with
601 additions
and
546 deletions
... | @@ -5,31 +5,14 @@ | ... | @@ -5,31 +5,14 @@ |
5 | </template> | 5 | </template> |
6 | 6 | ||
7 | <script> | 7 | <script> |
8 | import { getDdicByMC } from "../src/api/common"; | ||
9 | export default { | 8 | export default { |
10 | mounted() { | 9 | mounted() { |
11 | this.getDic(); | ||
12 | window.addEventListener("unload", this.saveState); | 10 | window.addEventListener("unload", this.saveState); |
13 | }, | 11 | }, |
14 | methods: { | 12 | methods: { |
15 | saveState() { | 13 | saveState() { |
16 | sessionStorage.setItem("state", JSON.stringify(this.$store.state)); | 14 | sessionStorage.setItem("state", JSON.stringify(this.$store.state)); |
17 | }, | 15 | }, |
18 | //请求字典数据 | ||
19 | getDic() { | ||
20 | let s = this.$store.state; | ||
21 | s.zjzlList = s.zjzlList.length == 0 ? this.getDicData("证件种类") : s.zjzlList; | ||
22 | s.gjList = s.gjList.length == 0 ? this.getDicData("国家和地区") : s.gjList; | ||
23 | s.ssList = s.ssList.length == 0 ? this.getDicData("省市") : s.ssList; | ||
24 | s.qlrlxList = s.qlrlxList.length == 0 ? this.getDicData("权利人类型") : s.qlrlxList; | ||
25 | s.xbList = s.xbList.length == 0 ? this.getDicData("性别") : s.xbList; | ||
26 | s.sshyList = s.sshyList.length == 0 ? this.getDicData("国民经济行业分类代码") : s.sshyList; | ||
27 | }, | ||
28 | getDicData(name) { | ||
29 | getDdicByMC(name).then((res) => { | ||
30 | return res.result; | ||
31 | }); | ||
32 | }, | ||
33 | }, | 16 | }, |
34 | }; | 17 | }; |
35 | </script> | 18 | </script> | ... | ... |
src/api/qlr.js
0 → 100644
1 | import request from '@/plugin/axios' | ||
2 | /** | ||
3 | * 新增权利人法人代理人 | ||
4 | */ | ||
5 | export function insertQlrDlrFr(data) { | ||
6 | return request({ | ||
7 | url: '/system/Qlr/insertQlrDlrFr', | ||
8 | method: 'post', | ||
9 | data: data, | ||
10 | }) | ||
11 | } | ||
12 | |||
13 | /** | ||
14 | * 根据glbsm查询qlr信息 | ||
15 | */ | ||
16 | export function getQlrInfoByGlbsm(data) { | ||
17 | return request({ | ||
18 | url: '/system/Qlr/getQlrByGlbsm', | ||
19 | method: 'get', | ||
20 | params: { | ||
21 | glbsm:data | ||
22 | }, | ||
23 | }) | ||
24 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -61,7 +61,7 @@ | ... | @@ -61,7 +61,7 @@ |
61 | <td colspan="3"> | 61 | <td colspan="3"> |
62 | <el-select class="formSelect" v-model="formData.qlrlxbsm"> | 62 | <el-select class="formSelect" v-model="formData.qlrlxbsm"> |
63 | <el-option | 63 | <el-option |
64 | v-for="item in qlrlxList" | 64 | v-for="item in $store.state.qlrlxList" |
65 | :key="item.bsm" | 65 | :key="item.bsm" |
66 | :label="item.mc" | 66 | :label="item.mc" |
67 | :value="item.bsm" | 67 | :value="item.bsm" |
... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
75 | <td colspan="3"> | 75 | <td colspan="3"> |
76 | <el-select class="formSelect" v-model="formData.zjzlbsm"> | 76 | <el-select class="formSelect" v-model="formData.zjzlbsm"> |
77 | <el-option | 77 | <el-option |
78 | v-for="item in zlzlList" | 78 | v-for="item in $store.state.zjzlList" |
79 | :key="item.bsm" | 79 | :key="item.bsm" |
80 | :label="item.mc" | 80 | :label="item.mc" |
81 | :value="item.bsm" | 81 | :value="item.bsm" |
... | @@ -103,7 +103,7 @@ | ... | @@ -103,7 +103,7 @@ |
103 | <td colspan="3"> | 103 | <td colspan="3"> |
104 | <el-select class="formSelect" v-model="formData.gjbsm"> | 104 | <el-select class="formSelect" v-model="formData.gjbsm"> |
105 | <el-option | 105 | <el-option |
106 | v-for="item in gjList" | 106 | v-for="item in $store.state.gjList" |
107 | :key="item.bsm" | 107 | :key="item.bsm" |
108 | :label="item.mc" | 108 | :label="item.mc" |
109 | :value="item.bsm" | 109 | :value="item.bsm" |
... | @@ -115,7 +115,7 @@ | ... | @@ -115,7 +115,7 @@ |
115 | <td colspan="3"> | 115 | <td colspan="3"> |
116 | <el-select class="formSelect" v-model="formData.hjszssbsm"> | 116 | <el-select class="formSelect" v-model="formData.hjszssbsm"> |
117 | <el-option | 117 | <el-option |
118 | v-for="item in ssList" | 118 | v-for="item in $store.state.ssList" |
119 | :key="item.bsm" | 119 | :key="item.bsm" |
120 | :label="item.mc" | 120 | :label="item.mc" |
121 | :value="item.bsm" | 121 | :value="item.bsm" |
... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
129 | <td colspan="3"> | 129 | <td colspan="3"> |
130 | <el-select class="formSelect" v-model="formData.xbbsm"> | 130 | <el-select class="formSelect" v-model="formData.xbbsm"> |
131 | <el-option | 131 | <el-option |
132 | v-for="item in xbList" | 132 | v-for="item in $store.state.xbList" |
133 | :key="item.bsm" | 133 | :key="item.bsm" |
134 | :label="item.mc" | 134 | :label="item.mc" |
135 | :value="item.bsm" | 135 | :value="item.bsm" |
... | @@ -147,7 +147,7 @@ | ... | @@ -147,7 +147,7 @@ |
147 | <td colspan="3"> | 147 | <td colspan="3"> |
148 | <el-select class="formSelect" v-model="formData.sshy"> | 148 | <el-select class="formSelect" v-model="formData.sshy"> |
149 | <el-option | 149 | <el-option |
150 | v-for="item in sshyList" | 150 | v-for="item in $store.state.sshyList" |
151 | :key="item.bsm" | 151 | :key="item.bsm" |
152 | :label="item.mc" | 152 | :label="item.mc" |
153 | :value="item.bsm" | 153 | :value="item.bsm" |
... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
176 | <td colspan="3"> | 176 | <td colspan="3"> |
177 | <el-select class="formSelect" v-model="formData.fr.zjzlbsm"> | 177 | <el-select class="formSelect" v-model="formData.fr.zjzlbsm"> |
178 | <el-option | 178 | <el-option |
179 | v-for="item in zjzlList" | 179 | v-for="item in $store.state.zjzlList" |
180 | :key="item.bsm" | 180 | :key="item.bsm" |
181 | :label="item.mc" | 181 | :label="item.mc" |
182 | :value="item.bsm" | 182 | :value="item.bsm" |
... | @@ -199,7 +199,7 @@ | ... | @@ -199,7 +199,7 @@ |
199 | <td colspan="10">代理人信息</td> | 199 | <td colspan="10">代理人信息</td> |
200 | </tr> | 200 | </tr> |
201 | <template v-for="(item, index) in formData.dlr"> | 201 | <template v-for="(item, index) in formData.dlr"> |
202 | <tr :key="item.zjh"> | 202 | <tr :key="item.index"> |
203 | <td rowspan="2" class="btnCol"> | 203 | <td rowspan="2" class="btnCol"> |
204 | <el-button | 204 | <el-button |
205 | type="primary" | 205 | type="primary" |
... | @@ -222,7 +222,7 @@ | ... | @@ -222,7 +222,7 @@ |
222 | <td colspan="3"> | 222 | <td colspan="3"> |
223 | <el-select class="formSelect" v-model="item.zjzlbsm"> | 223 | <el-select class="formSelect" v-model="item.zjzlbsm"> |
224 | <el-option | 224 | <el-option |
225 | v-for="item in zjzlList" | 225 | v-for="item in $store.state.zjzlList" |
226 | :key="item.bsm" | 226 | :key="item.bsm" |
227 | :label="item.mc" | 227 | :label="item.mc" |
228 | :value="item.bsm" | 228 | :value="item.bsm" |
... | @@ -231,7 +231,8 @@ | ... | @@ -231,7 +231,8 @@ |
231 | </el-select> | 231 | </el-select> |
232 | </td> | 232 | </td> |
233 | </tr> | 233 | </tr> |
234 | <tr :key="item.dh"> | 234 | <!-- <tr :key="item.dh">--> |
235 | <tr :key="'dh'+item.index"> | ||
235 | <td>证件号码</td> | 236 | <td>证件号码</td> |
236 | <td colspan="3"> | 237 | <td colspan="3"> |
237 | <input type="text" class="formInput" v-model="item.zjh" /> | 238 | <input type="text" class="formInput" v-model="item.zjh" /> |
... | @@ -251,7 +252,7 @@ | ... | @@ -251,7 +252,7 @@ |
251 | <td colspan="3"> | 252 | <td colspan="3"> |
252 | <el-select class="formSelect" v-model="formData.gyfsbsm"> | 253 | <el-select class="formSelect" v-model="formData.gyfsbsm"> |
253 | <el-option | 254 | <el-option |
254 | v-for="item in qlrlxList" | 255 | v-for="item in $store.state.gyfsList" |
255 | :key="item.bsm" | 256 | :key="item.bsm" |
256 | :label="item.mc" | 257 | :label="item.mc" |
257 | :value="item.bsm" | 258 | :value="item.bsm" |
... | @@ -283,7 +284,7 @@ | ... | @@ -283,7 +284,7 @@ |
283 | </table> | 284 | </table> |
284 | </el-form> | 285 | </el-form> |
285 | <span slot="footer" class="dialog-footer"> | 286 | <span slot="footer" class="dialog-footer"> |
286 | <el-button type="primary" @click="dialogVisible = false" | 287 | <el-button type="primary" @click="addNewQlrInfo" |
287 | >确 定</el-button | 288 | >确 定</el-button |
288 | > | 289 | > |
289 | <el-button @click="dialogVisible = false">取 消</el-button> | 290 | <el-button @click="dialogVisible = false">取 消</el-button> |
... | @@ -293,20 +294,30 @@ | ... | @@ -293,20 +294,30 @@ |
293 | </template> | 294 | </template> |
294 | 295 | ||
295 | <script> | 296 | <script> |
296 | export default { | 297 | import {getDdicByMC} from "../../api/common"; |
298 | import {insertQlrDlrFr,getQlrInfoByGlbsm} from "../../api/qlr"; | ||
299 | |||
300 | export default { | ||
297 | props: { | 301 | props: { |
298 | widtd: { | 302 | // widtd: { |
299 | type: String, | 303 | // type: String, |
300 | default: "70%", | 304 | // default: "70%", |
301 | }, | 305 | // }, |
302 | title: { | 306 | // title: { |
303 | type: String, | 307 | // type: String, |
304 | default: "", | 308 | // default: "", |
305 | }, | 309 | // }, |
306 | topHeight: { | 310 | // topHeight: { |
307 | type: String, | 311 | // type: String, |
308 | default: "15vh", | 312 | // default: "15vh", |
313 | // }, | ||
314 | lx: { | ||
315 | type:String, | ||
309 | }, | 316 | }, |
317 | bsm: { | ||
318 | type:String, | ||
319 | required:true | ||
320 | } | ||
310 | }, | 321 | }, |
311 | data() { | 322 | data() { |
312 | return { | 323 | return { |
... | @@ -316,6 +327,7 @@ export default { | ... | @@ -316,6 +327,7 @@ export default { |
316 | multipleSelection: {}, | 327 | multipleSelection: {}, |
317 | dialogVisible: false, | 328 | dialogVisible: false, |
318 | formData: { | 329 | formData: { |
330 | addQjDlrFrRequest:[], | ||
319 | dlr: [ | 331 | dlr: [ |
320 | { | 332 | { |
321 | dh: "", | 333 | dh: "", |
... | @@ -356,12 +368,13 @@ export default { | ... | @@ -356,12 +368,13 @@ export default { |
356 | zjh: "", | 368 | zjh: "", |
357 | zjzlbsm: "", | 369 | zjzlbsm: "", |
358 | }, | 370 | }, |
359 | qlrlxList: this.$store.state.qlrlxList, | 371 | // qlrlxList: [], |
360 | zjzlList: this.$store.state.zjzlList, | 372 | // zjzlList: [], |
361 | xbList: this.$store.state.xbList, | 373 | // gjList: [], |
362 | gjList: this.$store.state.gjList, | 374 | // ssList: [], |
363 | ssList: this.$store.state.ssList, | 375 | // xbList: [], |
364 | sshyList: this.$store.state.sshyList, | 376 | // sshyList: [], |
377 | // gyfsList: [], | ||
365 | }; | 378 | }; |
366 | }, | 379 | }, |
367 | methods: { | 380 | methods: { |
... | @@ -376,6 +389,25 @@ export default { | ... | @@ -376,6 +389,25 @@ export default { |
376 | this.dialogVisible = true; | 389 | this.dialogVisible = true; |
377 | } | 390 | } |
378 | }, | 391 | }, |
392 | addNewQlrInfo(){ | ||
393 | //todo 权利人页面调整 | ||
394 | this.formData.glbsm=this.bsm; | ||
395 | //将代理人,法人数据合在一起,名称为addQjDlrFrRequest; | ||
396 | //法人的type字段类型为0 | ||
397 | this.formData.fr.type=0; | ||
398 | this.formData.addQjDlrFrRequest.push(this.formData.fr); | ||
399 | for(let k=0;k<this.formData.dlr.length;k++){ | ||
400 | this.formData.dlr[k].type=1; | ||
401 | this.formData.addQjDlrFrRequest.push(this.formData.dlr[k]); | ||
402 | } | ||
403 | insertQlrDlrFr(this.formData).then((res)=>{ | ||
404 | if(res.code===200){ | ||
405 | this.tableData.push(this.formData); | ||
406 | Object.assign(this.$data, this.$options.data()) | ||
407 | this.dialogVisible = false; | ||
408 | } | ||
409 | }) | ||
410 | }, | ||
379 | //修改行数据 | 411 | //修改行数据 |
380 | changeRow() { | 412 | changeRow() { |
381 | if (this.multipleSelection.length == 1) { | 413 | if (this.multipleSelection.length == 1) { |
... | @@ -442,8 +474,27 @@ export default { | ... | @@ -442,8 +474,27 @@ export default { |
442 | }); | 474 | }); |
443 | } | 475 | } |
444 | }, | 476 | }, |
477 | getQlrInfo(){ | ||
478 | console.log("===========================") | ||
479 | console.log(this.bsm) | ||
480 | getQlrInfoByGlbsm(this.bsm).then((res)=>{ | ||
481 | if(res.code){ | ||
482 | if(res.result!=null){ | ||
483 | this.tableData=res.result; | ||
484 | } | ||
485 | } | ||
486 | }) | ||
487 | } | ||
445 | }, | 488 | }, |
446 | }; | 489 | created(){ |
490 | console.log("===========================cres") | ||
491 | console.log(this.bsm) | ||
492 | |||
493 | this.getQlrInfo(); | ||
494 | }, | ||
495 | mounted() { | ||
496 | } | ||
497 | }; | ||
447 | </script> | 498 | </script> |
448 | <style lang="less"> | 499 | <style lang="less"> |
449 | .temp { | 500 | .temp { | ... | ... |
... | @@ -211,14 +211,12 @@ export default { | ... | @@ -211,14 +211,12 @@ export default { |
211 | getDicData(){ | 211 | getDicData(){ |
212 | getDdicByMC("土地用途") | 212 | getDdicByMC("土地用途") |
213 | .then((res) => { | 213 | .then((res) => { |
214 | console.log(res.result); | ||
215 | this.pzytList = res.result; | 214 | this.pzytList = res.result; |
216 | this.sjytList = res.result; | 215 | this.sjytList = res.result; |
217 | }) | 216 | }) |
218 | .catch((error) => {}); | 217 | .catch((error) => {}); |
219 | getDdicByMC("土地等级") | 218 | getDdicByMC("土地等级") |
220 | .then((res) => { | 219 | .then((res) => { |
221 | console.log(res.result); | ||
222 | this.djList = res.result; | 220 | this.djList = res.result; |
223 | }) | 221 | }) |
224 | .catch((error) => {}); | 222 | .catch((error) => {}); | ... | ... |
... | @@ -5,25 +5,29 @@ import user from './modules/user' | ... | @@ -5,25 +5,29 @@ import user from './modules/user' |
5 | import permission_routes from './modules/permission_routes' | 5 | import permission_routes from './modules/permission_routes' |
6 | import setTabs from './modules/setTabs' | 6 | import setTabs from './modules/setTabs' |
7 | 7 | ||
8 | Vue.use(Vuex) | 8 | Vue.use(Vuex); |
9 | |||
10 | const store = new Vuex.Store({ | 9 | const store = new Vuex.Store({ |
11 | state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')) : { | 10 | state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')) : { |
12 | zdbsm: '', | 11 | zdbsm: '', |
13 | xzqList: [], | 12 | qllxList:[], |
14 | djqList: [], | 13 | zdtzmList:[], |
15 | djzqList: [], | 14 | qlsdfsList:[], |
16 | zjzlList:[], | 15 | zjzlList:[], |
17 | gjList:[], | 16 | gjList:[], |
18 | ssList:[], | 17 | ssList:[], |
19 | qlrlxList:[], | 18 | qlrlxList:[], |
20 | xbList:[], | 19 | xbList:[], |
21 | sshyList:[], | 20 | sshyList:[], |
21 | xzqList: [], | ||
22 | djqList: [], | ||
23 | djzqList: [], | ||
22 | //创建自然幢时需要用到的临时存储信息 | 24 | //创建自然幢时需要用到的临时存储信息 |
23 | zrzbsm: '', | 25 | zrzbsm: '', |
24 | xmmc: '', | 26 | xmmc: '', |
25 | zdmj: '', | 27 | zdmj: '', |
26 | zdzl: '' | 28 | zdzl: '', |
29 | zjlxList: [], | ||
30 | gyfsList: [], | ||
27 | }, | 31 | }, |
28 | modules: { | 32 | modules: { |
29 | user, | 33 | user, | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="home-box"> | 2 | <div class="home-box"> |
3 | <el-container> | 3 | <el-container> |
4 | <el-aside :class="{ 'aside-show': isActive }"> | 4 | <el-aside :class="{ 'aside-show': isActive }"> |
5 | <div class="logo-box" :class="{ 'logo-box-show': isActive }"> | 5 | <div class="logo-box" :class="{ 'logo-box-show': isActive }"> |
6 | <img | 6 | <img |
7 | class="logo-img" | 7 | class="logo-img" |
8 | src="@/assets/images/logo-realestate.png" | 8 | src="@/assets/images/logo-realestate.png" |
9 | alt="" | 9 | alt="" |
10 | /> | 10 | /> |
11 | <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span> | 11 | <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span> |
12 | </div> | 12 | </div> |
13 | <div class="treeModule"> | 13 | <div class="treeModule"> |
14 | <LineTree :pd="pd" @itemClick="itemClick"></LineTree> | 14 | <LineTree :pd="pd" @itemClick="itemClick"></LineTree> |
15 | </div> | 15 | </div> |
16 | </el-aside> | 16 | </el-aside> |
17 | <el-container> | 17 | <el-container> |
18 | <el-header height="100px"> | 18 | <el-header> |
19 | <div class="header-top"> | 19 | <div class="header-top"> |
20 | <div class="top-items" @click="toggleClick"> | 20 | <div class="top-items" @click="toggleClick"> |
21 | <i class="fa fa-outdent hamburger" v-show="!isActive"></i> | 21 | <i class="fa fa-outdent hamburger" v-show="!isActive"></i> |
22 | <i class="fa fa-indent hamburger" v-show="isActive"></i> | 22 | <i class="fa fa-indent hamburger" v-show="isActive"></i> |
23 | </div> | 23 | </div> |
24 | <div | 24 | <div |
25 | class="top-items" | 25 | class="top-items" |
26 | v-for="(item, index) in headTop" | 26 | v-for="(item, index) in headTop" |
27 | :key="index + '1'" | 27 | :key="index + '1'" |
28 | :class="{ 'is-active': item.select }" | 28 | :class="{ 'is-active': item.select }" |
29 | @click="selectTopItems(index)" | 29 | @click="selectTopItems(index)" |
30 | > | 30 | > |
31 | <i :class="item.icon"></i> | 31 | <i :class="item.icon"></i> |
32 | <span>{{ item.name }}</span> | 32 | <span>{{ item.name }}</span> |
33 | </div> | 33 | </div> |
34 | </div> | 34 | </div> |
35 | <div class="header-bottom"> | 35 | <!-- <div class="header-bottom"> |
36 | <Navigation ref="navigation"></Navigation> | 36 | <Navigation ref="navigation"></Navigation> |
37 | </div> | 37 | </div> --> |
38 | <el-dialog | 38 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> |
39 | title="新建" | 39 | <Create @closeDialog="closeDialog"></Create> |
40 | :visible.sync="dialogVisible" | 40 | </el-dialog> |
41 | width="40%" | 41 | </el-header> |
42 | > | 42 | <el-main> |
43 | <Create @closeDialog="closeDialog"></Create> | 43 | <router-view /> |
44 | </el-dialog> | 44 | </el-main> |
45 | </el-header> | 45 | </el-container> |
46 | <el-main> | 46 | </el-container> |
47 | <router-view/> | 47 | </div> |
48 | </el-main> | ||
49 | </el-container> | ||
50 | </el-container> | ||
51 | </div> | ||
52 | </template> | 48 | </template> |
53 | <script> | 49 | <script> |
54 | import util from "@/libs/util.js"; | 50 | import util from "@/libs/util.js"; |
55 | import Navigation from "../components/IvyElement/navigation"; | 51 | import Navigation from "../components/IvyElement/navigation"; |
56 | import Create from "./panel/create/index"; | 52 | import Create from "./panel/create/index"; |
57 | import LineTree from "../components/lineTree/lineTree"; | 53 | import LineTree from "../components/lineTree/lineTree"; |
58 | import {setTimeout} from "timers"; | 54 | import { setTimeout } from "timers"; |
59 | import {getTree} from "../api/common" | 55 | import { getTree,getDdicByMC } from "../api/common"; |
60 | 56 | ||
61 | export default { | 57 | export default { |
62 | components: { | 58 | components: { |
63 | Navigation, | 59 | // Navigation, |
64 | LineTree, | 60 | LineTree, |
65 | Create, | 61 | Create, |
66 | }, | 62 | }, |
67 | data() { | 63 | data() { |
68 | return { | 64 | return { |
69 | navigationList: [], | 65 | navigationList: [], |
70 | isActive: false, | 66 | isActive: false, |
71 | textLogo: false, | 67 | textLogo: false, |
72 | activePath: "", | 68 | activePath: "", |
73 | defaultActive: "", | 69 | defaultActive: "", |
74 | headTop: [ | 70 | headTop: [ |
75 | { | 71 | { |
76 | path: "/create", | 72 | path: "/create", |
77 | select: false, | 73 | select: false, |
78 | }, | 74 | }, |
79 | { | 75 | { |
80 | path: "/add", | 76 | path: "/add", |
81 | select: false, | 77 | select: false, |
82 | }, | 78 | }, |
83 | { | 79 | { |
84 | path: "/modify", | 80 | path: "/modify", |
85 | select: false, | 81 | select: false, |
86 | }, | 82 | }, |
87 | { | 83 | { |
88 | path: "/change", | 84 | path: "/change", |
89 | select: false, | 85 | select: false, |
90 | }, | 86 | }, |
91 | { | 87 | { |
92 | path: "/search", | 88 | path: "/search", |
93 | select: false, | 89 | select: false, |
94 | }, | 90 | }, |
95 | ], | 91 | ], |
96 | tempTab: [ | 92 | tempTab: [ |
97 | { | 93 | { |
98 | path: "/zrz", | 94 | path: "/zrz", |
99 | name: "自然幢", | 95 | name: "自然幢", |
100 | }, | 96 | }, |
101 | { | 97 | { |
102 | path: "/dz", | 98 | path: "/dz", |
103 | name: "多幢", | 99 | name: "多幢", |
104 | }, | 100 | }, |
105 | { | 101 | { |
106 | path: "/h", | 102 | path: "/h", |
107 | name: "户", | 103 | name: "户", |
108 | }, | 104 | }, |
109 | { | 105 | { |
110 | path: "/zd", | 106 | path: "/zd", |
111 | name: "宗地", | 107 | name: "宗地", |
112 | }, | 108 | }, |
113 | ], | 109 | ], |
114 | // 上导航选中id | 110 | // 上导航选中id |
115 | indId: undefined, | 111 | indId: undefined, |
116 | menuList: [], | 112 | menuList: [], |
117 | pathAndCodeObj: { | 113 | pathAndCodeObj: { |
118 | "/article-draft": "PSH004", | 114 | "/article-draft": "PSH004", |
119 | "/article-publish": "PSH005", | 115 | "/article-publish": "PSH005", |
120 | "/article-recycle": "PSH006", | 116 | "/article-recycle": "PSH006", |
121 | "/notice-draft": "PSH007", | 117 | "/notice-draft": "PSH007", |
122 | "/notice-publish": "PSH008", | 118 | "/notice-publish": "PSH008", |
123 | "/notice-recycle": "PSH009", | 119 | "/notice-recycle": "PSH009", |
124 | "/column_management": "PSH018", | 120 | "/column_management": "PSH018", |
125 | "/announcement_template": "PSH019", | 121 | "/announcement_template": "PSH019", |
126 | "/business_management": "PSH020", | 122 | "/business_management": "PSH020", |
127 | }, | 123 | }, |
128 | pd: [ | 124 | pd: [ |
129 | { | 125 | { |
130 | mc: "行政区(1)", | 126 | mc: "行政区(1)", |
131 | children: [], | 127 | children: [], |
132 | }, | 128 | }, |
133 | { | 129 | { |
134 | mc: "行政区(2)", | 130 | mc: "行政区(2)", |
135 | children: [ | 131 | children: [ |
136 | { | 132 | { |
137 | mc: "地籍区1", | 133 | mc: "地籍区1", |
138 | children: [], | 134 | children: [], |
139 | }, | 135 | }, |
140 | { | 136 | { |
141 | mc: "地籍区2", | 137 | mc: "地籍区2", |
142 | children: [ | 138 | children: [ |
143 | { | 139 | { |
144 | mc: "国有", | 140 | mc: "国有", |
145 | children: [ | 141 | children: [ |
146 | { | 142 | { |
147 | mc: "宗地代码1933", | 143 | mc: "宗地代码1933", |
148 | isZD: true, | 144 | isZD: true, |
149 | }, | 145 | }, |
150 | { | 146 | { |
151 | mc: "自然幢2100", | 147 | mc: "自然幢2100", |
152 | isZD: false, | 148 | isZD: false, |
153 | }, | 149 | }, |
154 | ], | 150 | ], |
155 | }, | 151 | }, |
156 | ], | 152 | ], |
157 | }, | 153 | }, |
158 | { | 154 | { |
159 | label: "地籍区3", | 155 | label: "地籍区3", |
160 | children: [], | 156 | children: [], |
161 | }, | 157 | }, |
162 | { | 158 | { |
163 | label: "地籍区4", | 159 | label: "地籍区4", |
164 | children: [], | 160 | children: [], |
165 | }, | 161 | }, |
166 | ], | 162 | ], |
167 | }, | 163 | }, |
168 | { | 164 | { |
169 | mc: "行政区(3)", | 165 | mc: "行政区(3)", |
170 | children: [], | 166 | children: [], |
171 | }, | 167 | }, |
172 | { | 168 | { |
173 | mc: "行政区(4)", | 169 | mc: "行政区(4)", |
174 | children: [], | 170 | children: [], |
175 | }, | 171 | }, |
176 | { | 172 | { |
177 | mc: "行政区(5)", | 173 | mc: "行政区(5)", |
178 | children: [], | 174 | children: [], |
179 | }, | 175 | }, |
180 | ], | 176 | ], |
181 | dialogVisible: false, | 177 | dialogVisible: false, |
182 | }; | 178 | }; |
183 | }, | 179 | }, |
184 | computed: { | 180 | computed: { |
185 | permission_routes() { | 181 | permission_routes() { |
186 | return this.$store.state.permission_routes.navigation; | 182 | return this.$store.state.permission_routes.navigation; |
187 | }, | 183 | }, |
188 | }, | 184 | }, |
189 | watch: { | 185 | watch: { |
190 | "$route.path": function (newPath) { | 186 | "$route.path": function(newPath) { |
191 | //监测路由变化,高亮顶部导航 | 187 | //监测路由变化,高亮顶部导航 |
192 | this.headTop.forEach((item, index) => { | 188 | this.headTop.forEach((item, index) => { |
193 | item.select = false; | 189 | item.select = false; |
194 | if (item.path == newPath) { | 190 | if (item.path == newPath) { |
195 | item.select = true; | 191 | item.select = true; |
196 | } | 192 | } |
197 | }); | 193 | }); |
198 | if(newPath == '/zd'){ | 194 | if (newPath == "/zd") { |
199 | this.getRightTree(this.$store.state.zdbsm) | 195 | this.getRightTree(this.$store.state.zdbsm); |
200 | } | 196 | } |
201 | }, | 197 | }, |
202 | "$store.state.zdbsm": function (bsm) { | 198 | "$store.state.zdbsm": function(bsm) { |
203 | this.getRightTree(bsm) | 199 | this.getRightTree(bsm); |
204 | } | 200 | }, |
205 | }, | 201 | }, |
206 | created() { | 202 | created() { |
207 | if (this.$route.meta) { | 203 | if (this.$route.meta) { |
208 | this.defaultActive = this.$route.meta.code; | 204 | this.defaultActive = this.$route.meta.code; |
209 | } | 205 | } |
210 | if (this.permission_routes.length !== 0) { | 206 | if (this.permission_routes.length !== 0) { |
211 | this.navigationList = this.permission_routes; | 207 | this.navigationList = this.permission_routes; |
212 | } else { | 208 | } else { |
213 | // let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation'))) | 209 | // let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation'))) |
214 | //mock数据 | 210 | //mock数据 |
215 | let list = [ | 211 | let list = [ |
216 | { | 212 | { |
217 | name: "新建", | 213 | name: "新建", |
218 | icon: "fa fa-address-card-o", | 214 | icon: "fa fa-address-card-o", |
219 | path: "/create", | 215 | path: "/create", |
220 | }, | 216 | }, |
221 | { | 217 | { |
222 | name: "添加", | 218 | name: "添加", |
223 | icon: "fa fa-address-card-o", | 219 | icon: "fa fa-address-card-o", |
224 | path: "/add", | 220 | path: "/add", |
225 | }, | 221 | }, |
226 | {name: "更正", icon: "fa fa-address-card-o", path: "/modify"}, | 222 | { name: "更正", icon: "fa fa-address-card-o", path: "/modify" }, |
227 | { | 223 | { |
228 | name: "变更", | 224 | name: "变更", |
229 | icon: "fa fa-address-card-o", | 225 | icon: "fa fa-address-card-o", |
230 | path: "/change", | 226 | path: "/change", |
231 | }, | 227 | }, |
232 | { | 228 | { |
233 | name: "综合查询", | 229 | name: "综合查询", |
234 | icon: "fa fa-address-card-o", | 230 | icon: "fa fa-address-card-o", |
235 | path: "/search", | 231 | path: "/search", |
236 | }, | 232 | }, |
237 | ]; | 233 | ]; |
238 | this.navigationList = list; | 234 | this.navigationList = list; |
239 | } | 235 | } |
240 | this.sortNavigation(this.navigationList, 0); | 236 | this.sortNavigation(this.navigationList, 0); |
241 | // if (util.cookies.get("indId")) { | 237 | // if (util.cookies.get("indId")) { |
242 | // let indId = util.cookies.get("indId") - 0; | 238 | // let indId = util.cookies.get("indId") - 0; |
243 | // this.navSelect(indId); | 239 | // this.navSelect(indId); |
244 | // this.sortNavigation(this.navigationList, indId); | 240 | // this.sortNavigation(this.navigationList, indId); |
245 | // } | 241 | // } |
246 | }, | 242 | this.getDic(); |
247 | methods: { | 243 | }, |
248 | getRightTree(bsm) { | 244 | methods: { |
249 | getTree(bsm).then(res => { | 245 | //请求字典数据 |
250 | if (res.success) { | 246 | async getDic() { |
251 | this.pd=res.result | 247 | let s = this.$store.state; |
252 | } | 248 | s.zjzlList = s.zjzlList.length == 0 ?await this.getDicData("证件种类") : s.zjzlList; |
253 | }) | 249 | s.gjList = s.gjList.length == 0 ?await this.getDicData("国家和地区") : s.gjList; |
254 | }, | 250 | s.ssList = s.ssList.length == 0 ?await this.getDicData("省市") : s.ssList; |
255 | sortNavigation(data, selectId) { | 251 | s.qlrlxList = s.qlrlxList.length == 0 ?await this.getDicData("权利人类型") : s.qlrlxList; |
256 | let headTop = this.headTop; | 252 | s.xbList = s.xbList.length == 0 ? await this.getDicData("性别") : s.xbList; |
257 | data.forEach((item, index) => { | 253 | s.sshyList = s.sshyList.length == 0 ?await this.getDicData("所属行业") : s.sshyList; |
258 | headTop[index].name = item.name; | 254 | s.qllxList = s.qllxList.length == 0 ?await this.getDicData("权利类型") : s.qllxList; |
259 | headTop[index].icon = item.icon; | 255 | s.zdtzmList = s.zdtzmList.length == 0 ?await this.getDicData("宗地(宗海)特征码") : s.sshyList; |
260 | }); | 256 | s.qlsdfsList = s.qlsdfsList.length == 0 ?await this.getDicData("权利设定方式") : s.qlsdfsList; |
261 | }, | 257 | s.gyfsList = s.gyfsList.length == 0 ?await this.getDicData("共有方式") : s.gyfsList; |
262 | // menuSelect(data, selectId) { | 258 | }, |
263 | // this.menuList = data[selectId].children; | 259 | async getDicData(name) { |
264 | // }, | 260 | return await getDdicByMC(name).then((res)=> { |
265 | handleOpen(key, keyPath) { | 261 | return res.result |
266 | console.log(key, keyPath); | 262 | }); |
267 | }, | 263 | }, |
268 | handleClose(key, keyPath) { | 264 | getRightTree(bsm) { |
269 | console.log(key, keyPath); | 265 | getTree(bsm).then((res) => { |
270 | }, | 266 | if (res.success) { |
271 | toggleClick() { | 267 | this.pd = res.result; |
272 | this.isActive = !this.isActive; | 268 | } |
273 | if (!this.isActive) { | 269 | }); |
274 | setTimeout(() => { | 270 | }, |
275 | this.textLogo = this.isActive; | 271 | sortNavigation(data, selectId) { |
276 | }, 200); | 272 | let headTop = this.headTop; |
277 | } else { | 273 | data.forEach((item, index) => { |
278 | this.textLogo = this.isActive; | 274 | headTop[index].name = item.name; |
279 | } | 275 | headTop[index].icon = item.icon; |
280 | }, | 276 | }); |
281 | selectTopItems(ind) { | 277 | }, |
282 | if (ind == 0) { | 278 | // menuSelect(data, selectId) { |
283 | //点击新建,弹框 | 279 | // this.menuList = data[selectId].children; |
284 | this.dialogVisible = true; | 280 | // }, |
285 | } else { | 281 | handleOpen(key, keyPath) { |
286 | this.dialogVisible = false; | 282 | console.log(key, keyPath); |
287 | this.indId = ind; | 283 | }, |
288 | // this.menuSelect(this.navigationList, ind); | 284 | handleClose(key, keyPath) { |
289 | // this.$store.dispatch("setTabs/init_tabs"); | 285 | console.log(key, keyPath); |
290 | // this.$store.dispatch("setTabs/set_active_index", "/panel"); | 286 | }, |
291 | this.$router.push(this.headTop[ind].path); | 287 | toggleClick() { |
292 | this.navSelect(ind); | 288 | this.isActive = !this.isActive; |
293 | // util.cookies.set("indId", ind); | 289 | if (!this.isActive) { |
294 | } | 290 | setTimeout(() => { |
295 | }, | 291 | this.textLogo = this.isActive; |
296 | // 上导航选中id | 292 | }, 200); |
297 | navSelect(id) { | 293 | } else { |
298 | this.headTop.forEach((item, index) => { | 294 | this.textLogo = this.isActive; |
299 | item.select = false; | 295 | } |
300 | if (index == id) { | 296 | }, |
301 | item.select = true; | 297 | selectTopItems(ind) { |
302 | } | 298 | if (ind == 0) { |
303 | }); | 299 | //点击新建,弹框 |
304 | }, | 300 | this.dialogVisible = true; |
305 | //树控件点击事件 | 301 | } else { |
306 | itemClick(data) { | 302 | this.dialogVisible = false; |
307 | console.log(data); | 303 | this.indId = ind; |
308 | }, | 304 | // this.menuSelect(this.navigationList, ind); |
309 | //关闭新建子组件弹框 | 305 | // this.$store.dispatch("setTabs/init_tabs"); |
310 | closeDialog() { | 306 | // this.$store.dispatch("setTabs/set_active_index", "/panel"); |
311 | this.dialogVisible = false; | 307 | this.$router.push(this.headTop[ind].path); |
312 | } | 308 | this.navSelect(ind); |
313 | }, | 309 | // util.cookies.set("indId", ind); |
314 | }; | 310 | } |
311 | }, | ||
312 | // 上导航选中id | ||
313 | navSelect(id) { | ||
314 | this.headTop.forEach((item, index) => { | ||
315 | item.select = false; | ||
316 | if (index == id) { | ||
317 | item.select = true; | ||
318 | } | ||
319 | }); | ||
320 | }, | ||
321 | //树控件点击事件 | ||
322 | itemClick(data) { | ||
323 | console.log(data); | ||
324 | }, | ||
325 | //关闭新建子组件弹框 | ||
326 | closeDialog() { | ||
327 | this.dialogVisible = false; | ||
328 | }, | ||
329 | }, | ||
330 | }; | ||
315 | </script> | 331 | </script> |
316 | <style lang="less" scoped> | 332 | <style lang="less" scoped> |
317 | .home-box { | 333 | .home-box { |
318 | width: 100%; | 334 | width: 100%; |
319 | height: 100vh; | 335 | height: 100vh; |
320 | .el-container { | 336 | .el-container { |
321 | height: 100%; | 337 | height: 100%; |
322 | } | 338 | } |
323 | .el-header { | 339 | .el-header { |
324 | background-color: #fff; | 340 | background-color: #fff; |
325 | padding: 0 !important; | 341 | padding: 0 !important; |
326 | .header-top { | 342 | .header-top { |
327 | height: 60px; | 343 | height: 60px; |
328 | border-bottom: 1px solid rgba(242, 242, 242, 1); | 344 | border-bottom: 1px solid rgba(242, 242, 242, 1); |
329 | box-sizing: border-box; | 345 | box-sizing: border-box; |
330 | .top-items { | 346 | .top-items { |
331 | cursor: pointer; | 347 | cursor: pointer; |
332 | height: 60px; | 348 | height: 60px; |
333 | padding: 0 30px; | 349 | padding: 0 30px; |
334 | font-size: 16px; | 350 | font-size: 16px; |
335 | line-height: 60px; | 351 | line-height: 60px; |
336 | float: left; | 352 | float: left; |
337 | position: relative; | 353 | position: relative; |
338 | color: #4a4a4a; | 354 | color: #4a4a4a; |
339 | i { | 355 | i { |
340 | margin-right: 6px; | 356 | margin-right: 6px; |
341 | } | 357 | } |
342 | .hamburger { | 358 | .hamburger { |
343 | font-size: 16px; | 359 | font-size: 16px; |
344 | line-height: 60px; | 360 | line-height: 60px; |
345 | color: #000; | 361 | color: #000; |
346 | } | 362 | } |
347 | } | 363 | } |
348 | .top-items:not(:last-child)::after { | 364 | .top-items:not(:last-child)::after { |
349 | content: ""; | 365 | content: ""; |
350 | width: 1px; | 366 | width: 1px; |
351 | height: 14px; | 367 | height: 14px; |
352 | background: #eaeaea; | 368 | background: #eaeaea; |
353 | position: absolute; | 369 | position: absolute; |
354 | right: -1px; | 370 | right: -1px; |
355 | top: 24px; | 371 | top: 24px; |
356 | } | 372 | } |
357 | .top-items.is-active { | 373 | .top-items.is-active { |
358 | color: #006cff; | 374 | color: #006cff; |
359 | } | 375 | } |
360 | } | 376 | } |
361 | .header-bottom { | 377 | .header-bottom { |
362 | height: 50px; | 378 | height: 50px; |
363 | box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7); | 379 | box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7); |
364 | border-bottom: 1px solid rgba(234, 234, 234, 1); | 380 | border-bottom: 1px solid rgba(234, 234, 234, 1); |
365 | box-sizing: border-box; | 381 | box-sizing: border-box; |
366 | } | 382 | } |
367 | } | 383 | } |
368 | .el-aside { | 384 | .el-aside { |
369 | width: 290px !important; | 385 | width: 290px !important; |
370 | background-color: #1d50dd; | 386 | background-color: #1d50dd; |
371 | color: #333; | 387 | color: #333; |
372 | // text-align: center; | 388 | // text-align: center; |
373 | overflow: hidden; | 389 | overflow: hidden; |
374 | transition: width 0.3s; | 390 | transition: width 0.3s; |
375 | .logo-box { | 391 | .logo-box { |
376 | width: 100%; | 392 | width: 100%; |
377 | height: 120px; | 393 | height: 120px; |
378 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); | 394 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); |
379 | padding: 30px 0 28px 0; | 395 | padding: 30px 0 28px 0; |
380 | box-sizing: border-box; | 396 | box-sizing: border-box; |
381 | display: flex; | 397 | display: flex; |
382 | flex-direction: column; | 398 | flex-direction: column; |
383 | justify-content: space-between; | 399 | justify-content: space-between; |
384 | align-items: center; | 400 | align-items: center; |
385 | transition: width 0.3s; | 401 | transition: width 0.3s; |
386 | .logo-img { | 402 | .logo-img { |
387 | width: 38px; | 403 | width: 38px; |
388 | height: 38px; | 404 | height: 38px; |
389 | } | 405 | } |
390 | .logo-text { | 406 | .logo-text { |
391 | font-size: 14px; | 407 | font-size: 14px; |
392 | color: rgba(255, 255, 255, 1); | 408 | color: rgba(255, 255, 255, 1); |
393 | line-height: 14px; | 409 | line-height: 14px; |
394 | } | 410 | } |
395 | } | 411 | } |
396 | .treeModule { | 412 | .treeModule { |
397 | box-sizing: border-box; | 413 | box-sizing: border-box; |
398 | padding: 20px 20px; | 414 | padding: 20px 20px; |
399 | } | 415 | } |
400 | .logo-box-show { | 416 | .logo-box-show { |
401 | width: 64px; | 417 | width: 64px; |
402 | } | 418 | } |
403 | .el-menu { | 419 | .el-menu { |
404 | border-right: 0; | 420 | border-right: 0; |
405 | } | 421 | } |
406 | .el-submenu .el-menu-item { | 422 | .el-submenu .el-menu-item { |
407 | text-align: left; | 423 | text-align: left; |
408 | text-indent: 15px; | 424 | text-indent: 15px; |
409 | } | 425 | } |
410 | } | 426 | } |
411 | .aside-show { | 427 | .aside-show { |
412 | width: 64px !important; | 428 | width: 64px !important; |
413 | } | 429 | } |
414 | 430 | ||
415 | .el-main { | 431 | .el-main { |
416 | background-color: #f1f4fc; | 432 | background-color: #f1f4fc; |
417 | color: #333; | 433 | color: #333; |
418 | // text-align: center; | 434 | // text-align: center; |
419 | // line-height: 160px; | 435 | // line-height: 160px; |
420 | padding: 0; | 436 | padding: 0; |
421 | } | 437 | } |
422 | } | 438 | } |
423 | </style> | 439 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <SearchHead @getSearchCondition="getData"></SearchHead> | 3 | <SearchHead @getSearchCondition="geQuerytData"></SearchHead> |
4 | <div class="dataGrid" ref="dataGrid"> | 4 | <div class="dataGrid" ref="dataGrid"> |
5 | <el-table | 5 | <el-table |
6 | :data="tableData" | 6 | :data="tableData" |
... | @@ -36,8 +36,7 @@ | ... | @@ -36,8 +36,7 @@ |
36 | </el-table> | 36 | </el-table> |
37 | <div class="pagination"> | 37 | <div class="pagination"> |
38 | <el-pagination background layout="prev, pager, next" :total="total" | 38 | <el-pagination background layout="prev, pager, next" :total="total" |
39 | @current-change="handleCurrentChange" | 39 | :current-page="pageNo" @current-change="handleCurrentChange"> |
40 | :current-page.sync="currentPage"> | ||
41 | </el-pagination> | 40 | </el-pagination> |
42 | </div> | 41 | </div> |
43 | </div> | 42 | </div> |
... | @@ -54,11 +53,12 @@ | ... | @@ -54,11 +53,12 @@ |
54 | props: {}, | 53 | props: {}, |
55 | data() { | 54 | data() { |
56 | return { | 55 | return { |
57 | total:0, | 56 | total: 0, |
58 | pageNo: 1, | 57 | pageNo: 1, |
59 | pageSize: 10, | 58 | pageSize: 10, |
60 | tableData: [], | 59 | tableData: [], |
61 | tableHeight: "", | 60 | tableHeight: "", |
61 | queryData: {} | ||
62 | }; | 62 | }; |
63 | }, | 63 | }, |
64 | created() { | 64 | created() { |
... | @@ -80,19 +80,24 @@ | ... | @@ -80,19 +80,24 @@ |
80 | handleCurrentChange(val) { | 80 | handleCurrentChange(val) { |
81 | console.log(`当前页: ${val}`); | 81 | console.log(`当前页: ${val}`); |
82 | this.pageNo = val; | 82 | this.pageNo = val; |
83 | this.getData({}); | 83 | this.queryData.pageNo = val; |
84 | this.getData(this.queryData); | ||
84 | }, | 85 | }, |
85 | //获取子组件点击查询触发的事件 | 86 | getData(data) { |
86 | getData(obj) { | 87 | getSearchList(data).then(res => { |
87 | console.log(obj); | ||
88 | //将obj作为参数调用接口查询表格数据 | ||
89 | obj['pageNo'] = this.pageNo | ||
90 | obj['pageSize'] = this.pageSize | ||
91 | getSearchList(obj).then(res => { | ||
92 | this.tableData = res.result.records | 88 | this.tableData = res.result.records |
93 | this.total=res.result.total | 89 | this.total = res.result.total |
94 | }) | 90 | }) |
95 | }, | 91 | }, |
92 | //获取子组件点击查询触发的事件 | ||
93 | geQuerytData(obj) { | ||
94 | this.queryData = obj | ||
95 | //将obj作为参数调用接口查询表格数据 | ||
96 | this.queryData['pageSize'] = this.pageSize | ||
97 | this.pageNo = 1 | ||
98 | this.queryData['pageNo'] = 1 | ||
99 | this.getData(this.queryData) | ||
100 | }, | ||
96 | //点击办理 | 101 | //点击办理 |
97 | handleClick(row) { | 102 | handleClick(row) { |
98 | let path = ""; | 103 | let path = ""; | ... | ... |
... | @@ -2,7 +2,6 @@ | ... | @@ -2,7 +2,6 @@ |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div class="formMenu"> | 3 | <div class="formMenu"> |
4 | <Qlr ref="qlrxxModule"></Qlr> | 4 | <Qlr ref="qlrxxModule"></Qlr> |
5 | |||
6 | <!-- <el-button | 5 | <!-- <el-button |
7 | type="primary" | 6 | type="primary" |
8 | class="changeBtn" | 7 | class="changeBtn" |
... | @@ -28,7 +27,7 @@ | ... | @@ -28,7 +27,7 @@ |
28 | @change="changeXzq(formData.xzqbsm)" | 27 | @change="changeXzq(formData.xzqbsm)" |
29 | > | 28 | > |
30 | <el-option | 29 | <el-option |
31 | v-for="item in xzqList" | 30 | v-for="item in $store.state.xzqList" |
32 | :key="item.xzqbsm" | 31 | :key="item.xzqbsm" |
33 | :label="item.xzqmc" | 32 | :label="item.xzqmc" |
34 | :value="item.xzqbsm" | 33 | :value="item.xzqbsm" |
... | @@ -44,7 +43,7 @@ | ... | @@ -44,7 +43,7 @@ |
44 | @change="changeDjq(formData.djqbsm)" | 43 | @change="changeDjq(formData.djqbsm)" |
45 | > | 44 | > |
46 | <el-option | 45 | <el-option |
47 | v-for="item in djqList" | 46 | v-for="item in $store.state.djqList" |
48 | :key="item.bsm" | 47 | :key="item.bsm" |
49 | :label="item.mc" | 48 | :label="item.mc" |
50 | :value="item.bsm" | 49 | :value="item.bsm" |
... | @@ -56,7 +55,7 @@ | ... | @@ -56,7 +55,7 @@ |
56 | <td colspan="2"> | 55 | <td colspan="2"> |
57 | <el-select class="formSelect" v-model="formData.djzqbsm"> | 56 | <el-select class="formSelect" v-model="formData.djzqbsm"> |
58 | <el-option | 57 | <el-option |
59 | v-for="item in djzqList" | 58 | v-for="item in $store.state.djzqList" |
60 | :key="item.bsm" | 59 | :key="item.bsm" |
61 | :label="item.mc" | 60 | :label="item.mc" |
62 | :value="item.bsm" | 61 | :value="item.bsm" |
... | @@ -70,7 +69,7 @@ | ... | @@ -70,7 +69,7 @@ |
70 | <td colspan="4"> | 69 | <td colspan="4"> |
71 | <el-select class="formSelect" v-model="formData.qllxbsm"> | 70 | <el-select class="formSelect" v-model="formData.qllxbsm"> |
72 | <el-option | 71 | <el-option |
73 | v-for="item in qllxList" | 72 | v-for="item in $store.state.qllxList" |
74 | :key="item.bsm" | 73 | :key="item.bsm" |
75 | :label="item.mc" | 74 | :label="item.mc" |
76 | :value="item.bsm" | 75 | :value="item.bsm" |
... | @@ -82,7 +81,7 @@ | ... | @@ -82,7 +81,7 @@ |
82 | <td colspan="4"> | 81 | <td colspan="4"> |
83 | <el-select class="formSelect" v-model="formData.zdtzmbsm"> | 82 | <el-select class="formSelect" v-model="formData.zdtzmbsm"> |
84 | <el-option | 83 | <el-option |
85 | v-for="item in zdtzmList" | 84 | v-for="item in $store.state.zdtzmList" |
86 | :key="item.bsm" | 85 | :key="item.bsm" |
87 | :label="item.mc" | 86 | :label="item.mc" |
88 | :value="item.bsm" | 87 | :value="item.bsm" |
... | @@ -96,7 +95,7 @@ | ... | @@ -96,7 +95,7 @@ |
96 | <td colspan="4"> | 95 | <td colspan="4"> |
97 | <el-select class="formSelect" v-model="formData.qlsdfs"> | 96 | <el-select class="formSelect" v-model="formData.qlsdfs"> |
98 | <el-option | 97 | <el-option |
99 | v-for="item in qlsdfsList" | 98 | v-for="item in $store.state.qlsdfsList" |
100 | :key="item.bsm" | 99 | :key="item.bsm" |
101 | :label="item.mc" | 100 | :label="item.mc" |
102 | :value="item.bsm" | 101 | :value="item.bsm" |
... | @@ -152,7 +151,7 @@ | ... | @@ -152,7 +151,7 @@ |
152 | <td colspan="4"> | 151 | <td colspan="4"> |
153 | <el-select class="formSelect" v-model="formData.gmjjhyfl"> | 152 | <el-select class="formSelect" v-model="formData.gmjjhyfl"> |
154 | <el-option | 153 | <el-option |
155 | v-for="item in gmjjhyflList" | 154 | v-for="item in $store.state.sshyList" |
156 | :key="item.value" | 155 | :key="item.value" |
157 | :label="item.label" | 156 | :label="item.label" |
158 | :value="item.value" | 157 | :value="item.value" |
... | @@ -180,8 +179,8 @@ | ... | @@ -180,8 +179,8 @@ |
180 | </tr> | 179 | </tr> |
181 | <tr> | 180 | <tr> |
182 | <td colspan="2">容积率</td> | 181 | <td colspan="2">容积率</td> |
183 | <td colspan="4"> | 182 | <td colspan="2"> |
184 | <el-select class="formSelect percent30" v-model="formData.rjl"> | 183 | <el-select class="formSelect" v-model="formData.rjl"> |
185 | <el-option | 184 | <el-option |
186 | v-for="item in compareList" | 185 | v-for="item in compareList" |
187 | :key="item.value" | 186 | :key="item.value" |
... | @@ -190,7 +189,9 @@ | ... | @@ -190,7 +189,9 @@ |
190 | > | 189 | > |
191 | </el-option> | 190 | </el-option> |
192 | </el-select> | 191 | </el-select> |
193 | <input type="text" class="formInput percent68"/> | 192 | </td> |
193 | <td colspan="2"> | ||
194 | <input type="text" class="formInput"/> | ||
194 | </td> | 195 | </td> |
195 | <td colspan="2">容积说明</td> | 196 | <td colspan="2">容积说明</td> |
196 | <td colspan="4" class="psr"> | 197 | <td colspan="4" class="psr"> |
... | @@ -199,8 +200,8 @@ | ... | @@ -199,8 +200,8 @@ |
199 | </tr> | 200 | </tr> |
200 | <tr> | 201 | <tr> |
201 | <td colspan="2">建筑密度</td> | 202 | <td colspan="2">建筑密度</td> |
202 | <td colspan="4"> | 203 | <td colspan="2"> |
203 | <el-select class="formSelect percent30" v-model="formData.jzmd"> | 204 | <el-select class="formSelect" v-model="formData.jzmd"> |
204 | <el-option | 205 | <el-option |
205 | v-for="item in compareList" | 206 | v-for="item in compareList" |
206 | :key="item.value" | 207 | :key="item.value" |
... | @@ -209,7 +210,9 @@ | ... | @@ -209,7 +210,9 @@ |
209 | > | 210 | > |
210 | </el-option> | 211 | </el-option> |
211 | </el-select> | 212 | </el-select> |
212 | <input type="text" class="formInput percent68"/> | 213 | </td> |
214 | <td colspan="2"> | ||
215 | <input type="text" class="formInput"/> | ||
213 | </td> | 216 | </td> |
214 | <td colspan="2">建筑密度说明</td> | 217 | <td colspan="2">建筑密度说明</td> |
215 | <td colspan="4" class="psr"> | 218 | <td colspan="4" class="psr"> |
... | @@ -218,8 +221,8 @@ | ... | @@ -218,8 +221,8 @@ |
218 | </tr> | 221 | </tr> |
219 | <tr> | 222 | <tr> |
220 | <td colspan="2">建筑限高</td> | 223 | <td colspan="2">建筑限高</td> |
221 | <td colspan="4"> | 224 | <td colspan="2"> |
222 | <el-select class="formSelect percent30" v-model="formData.jzxg"> | 225 | <el-select class="formSelect" v-model="formData.jzxg"> |
223 | <el-option | 226 | <el-option |
224 | v-for="item in compareList" | 227 | v-for="item in compareList" |
225 | :key="item.value" | 228 | :key="item.value" |
... | @@ -228,6 +231,8 @@ | ... | @@ -228,6 +231,8 @@ |
228 | > | 231 | > |
229 | </el-option> | 232 | </el-option> |
230 | </el-select> | 233 | </el-select> |
234 | </td> | ||
235 | <td colspan="2"> | ||
231 | <input type="text" class="formInput percent68"/> | 236 | <input type="text" class="formInput percent68"/> |
232 | </td> | 237 | </td> |
233 | <td colspan="2">建筑限高说明</td> | 238 | <td colspan="2">建筑限高说明</td> |
... | @@ -321,14 +326,9 @@ | ... | @@ -321,14 +326,9 @@ |
321 | props: {}, | 326 | props: {}, |
322 | data() { | 327 | data() { |
323 | return { | 328 | return { |
324 | qllxList: [], | ||
325 | zdtzmList: [], | ||
326 | qlsdfsList: [], | ||
327 | gmjjhyflList: [], | ||
328 | xzqList: this.$store.state.xzqList, | ||
329 | djqList: this.$store.state.djqList, | ||
330 | djzqList: this.$store.state.djzqList, | ||
331 | compareList: [ | 329 | compareList: [ |
330 | {label: "<", value: "<"}, | ||
331 | {label: ">", value: ">"}, | ||
332 | {label: "=", value: "="}, | 332 | {label: "=", value: "="}, |
333 | {label: "<=", value: "<="}, | 333 | {label: "<=", value: "<="}, |
334 | {label: ">=", value: ">="}, | 334 | {label: ">=", value: ">="}, |
... | @@ -369,7 +369,6 @@ | ... | @@ -369,7 +369,6 @@ |
369 | }; | 369 | }; |
370 | }, | 370 | }, |
371 | created() { | 371 | created() { |
372 | this.getDicData(); | ||
373 | this.getZdjbxxData(); | 372 | this.getZdjbxxData(); |
374 | }, | 373 | }, |
375 | mounted() { | 374 | mounted() { |
... | @@ -407,37 +406,6 @@ | ... | @@ -407,37 +406,6 @@ |
407 | getQlxzData() { | 406 | getQlxzData() { |
408 | console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 | 407 | console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 |
409 | }, | 408 | }, |
410 | //获取字典数据信息 | ||
411 | getDicData() { | ||
412 | getDdicByMC("权利类型") | ||
413 | .then((res) => { | ||
414 | console.log(res.result); | ||
415 | this.qllxList = res.result; | ||
416 | }) | ||
417 | .catch((error) => { | ||
418 | }); | ||
419 | getDdicByMC("宗地(宗海)特征码") | ||
420 | .then((res) => { | ||
421 | console.log(res.result); | ||
422 | this.zdtzmList = res.result; | ||
423 | }) | ||
424 | .catch((error) => { | ||
425 | }); | ||
426 | getDdicByMC("权利设定方式") | ||
427 | .then((res) => { | ||
428 | console.log(res.result); | ||
429 | this.qlsdfsList = res.result; | ||
430 | }) | ||
431 | .catch((error) => { | ||
432 | }); | ||
433 | getDdicByMC("国民经济行业分类代码") | ||
434 | .then((res) => { | ||
435 | console.log(res.result); | ||
436 | this.gmjjhyflList = res.result; | ||
437 | }) | ||
438 | .catch((error) => { | ||
439 | }); | ||
440 | }, | ||
441 | //行政区划选择 | 409 | //行政区划选择 |
442 | changeXzq(id) { | 410 | changeXzq(id) { |
443 | getListByXzqbsm(id) | 411 | getListByXzqbsm(id) | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="zrz content-form" v-loading="loading"> | 2 | <div class="zrz content-form" v-loading="loading"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <el-form ref="form" :model="form" label-width="160px"> |
4 | <Qlr ref="qlrxxModule"></Qlr> | 4 | <Qlr ref="qlrxxModule" :lx="lx" :bsm="zrzbsm"></Qlr> |
5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> |
6 | <tbody> | 6 | <tbody> |
7 | <tr height="30"> | 7 | <tr height="30"> |
... | @@ -280,6 +280,8 @@ | ... | @@ -280,6 +280,8 @@ |
280 | }, | 280 | }, |
281 | data () { | 281 | data () { |
282 | return { | 282 | return { |
283 | lx:"zrz", | ||
284 | zrzbsm:'', | ||
283 | form:{ | 285 | form:{ |
284 | zrzbsm:'', //自然幢标识码 | 286 | zrzbsm:'', //自然幢标识码 |
285 | zdbsm:'', //宗地标识码 | 287 | zdbsm:'', //宗地标识码 |
... | @@ -395,7 +397,6 @@ | ... | @@ -395,7 +397,6 @@ |
395 | } | 397 | } |
396 | }, | 398 | }, |
397 | onSave(){ | 399 | onSave(){ |
398 | console.log(this.form) | ||
399 | this.loading=true; | 400 | this.loading=true; |
400 | // this.form.qlxzList=this.$refs.qlxzModule.getQlxzDataList(); | 401 | // this.form.qlxzList=this.$refs.qlxzModule.getQlxzDataList(); |
401 | this.form.qlxzList= | 402 | this.form.qlxzList= |
... | @@ -532,16 +533,17 @@ | ... | @@ -532,16 +533,17 @@ |
532 | getZrzDetailByBsm(data){ | 533 | getZrzDetailByBsm(data){ |
533 | getZrzDetailByBsm(data).then((res)=>{ | 534 | getZrzDetailByBsm(data).then((res)=>{ |
534 | if(res.code===200){ | 535 | if(res.code===200){ |
535 | console.log(res.result) | ||
536 | this.form=res.result; | 536 | this.form=res.result; |
537 | } | 537 | } |
538 | }) | 538 | }) |
539 | }, | ||
540 | consoleLog(data){ | ||
541 | console.log("============================") | ||
542 | console.log(data) | ||
539 | } | 543 | } |
540 | }, | ||
541 | created(){ | ||
542 | 544 | ||
543 | }, | 545 | }, |
544 | mounted() { | 546 | created(){ |
545 | this.getDDic(); | 547 | this.getDDic(); |
546 | //todo 怎么判断进入到该页面是从新建处进来的,还是从右键宗地进来的!如果是从新建进来的就需要把虚拟宗标识码带过来; | 548 | //todo 怎么判断进入到该页面是从新建处进来的,还是从右键宗地进来的!如果是从新建进来的就需要把虚拟宗标识码带过来; |
547 | this.source = this.$route.query.source; | 549 | this.source = this.$route.query.source; |
... | @@ -551,10 +553,14 @@ | ... | @@ -551,10 +553,14 @@ |
551 | this.getZddm(this.$store.zdbsm); | 553 | this.getZddm(this.$store.zdbsm); |
552 | this.form.xmmc=this.$store.xmmc; | 554 | this.form.xmmc=this.$store.xmmc; |
553 | this.form.zrzbsm=this.$store.zrzbsm; | 555 | this.form.zrzbsm=this.$store.zrzbsm; |
556 | |||
554 | }else { | 557 | }else { |
558 | this.zrzbsm=this.$route.query.bsm; | ||
555 | this.getZrzDetailByBsm(this.$route.query.bsm) | 559 | this.getZrzDetailByBsm(this.$route.query.bsm) |
560 | this.consoleLog(this.zrzbsm) | ||
556 | } | 561 | } |
557 | 562 | }, | |
563 | mounted() { | ||
558 | } | 564 | } |
559 | } | 565 | } |
560 | </script> | 566 | </script> | ... | ... |
-
Please register or sign in to post a comment