Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
20 changed files
with
620 additions
and
158 deletions
... | @@ -36,7 +36,7 @@ export function Init (data) { | ... | @@ -36,7 +36,7 @@ export function Init (data) { |
36 | // 初始化内容 | 36 | // 初始化内容 |
37 | export function saveData (data) { | 37 | export function saveData (data) { |
38 | return request({ | 38 | return request({ |
39 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/saveData', | 39 | url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData', |
40 | method: 'post', | 40 | method: 'post', |
41 | data | 41 | data |
42 | }) | 42 | }) | ... | ... |
... | @@ -114,3 +114,11 @@ export function getFdcqLSInfo (data) { | ... | @@ -114,3 +114,11 @@ export function getFdcqLSInfo (data) { |
114 | data | 114 | data |
115 | }) | 115 | }) |
116 | } | 116 | } |
117 | // 获取土地经营权、农用地使用权 | ||
118 | export function getNydsyqList (data) { | ||
119 | return request({ | ||
120 | url: SERVER.SERVERAPI + '/rest/djbDetail/getNydsyqList', | ||
121 | method: 'post', | ||
122 | data | ||
123 | }) | ||
124 | } | ... | ... |
... | @@ -118,9 +118,9 @@ export function choiceBdcdy (data) { | ... | @@ -118,9 +118,9 @@ export function choiceBdcdy (data) { |
118 | } | 118 | } |
119 | 119 | ||
120 | // 业务办理-选择农用地信息-根据条件进行列表查询 | 120 | // 业务办理-选择农用地信息-根据条件进行列表查询 |
121 | export function selectNydjbxx (data) { | 121 | export function selectNydsyqQlxx (data) { |
122 | return request({ | 122 | return request({ |
123 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectNydjbxx', | 123 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectNydsyqQlxx', |
124 | method: 'post', | 124 | method: 'post', |
125 | data | 125 | data |
126 | }) | 126 | }) | ... | ... |
... | @@ -36,19 +36,19 @@ | ... | @@ -36,19 +36,19 @@ |
36 | import { getDjbfm } from "@/api/registerBook.js"; | 36 | import { getDjbfm } from "@/api/registerBook.js"; |
37 | 37 | ||
38 | export default { | 38 | export default { |
39 | data() { | 39 | data () { |
40 | return { | 40 | return { |
41 | //传递参数 | 41 | //传递参数 |
42 | propsParam: this.$attrs, | 42 | propsParam: this.$attrs, |
43 | info: {}, | 43 | info: {}, |
44 | }; | 44 | }; |
45 | }, | 45 | }, |
46 | mounted() { | 46 | mounted () { |
47 | this.loadData(); | 47 | this.loadData(); |
48 | }, | 48 | }, |
49 | methods: { | 49 | methods: { |
50 | loadData() { | 50 | loadData () { |
51 | getDjbfm({ bdcdyid: this.propsParam.bdcdyid}).then((res) => { | 51 | getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
52 | if (res.code === 200) { | 52 | if (res.code === 200) { |
53 | this.info = res.result; | 53 | this.info = res.result; |
54 | } | 54 | } |
... | @@ -69,12 +69,14 @@ export default { | ... | @@ -69,12 +69,14 @@ export default { |
69 | font-size: 18px; | 69 | font-size: 18px; |
70 | font-family: serif; | 70 | font-family: serif; |
71 | position: relative; | 71 | position: relative; |
72 | |||
72 | font { | 73 | font { |
73 | border-bottom: 1px solid #000; | 74 | border-bottom: 1px solid #000; |
74 | display: inline-block; | 75 | display: inline-block; |
75 | padding: 0 15px; | 76 | padding: 0 15px; |
76 | line-height: 16px; | 77 | line-height: 16px; |
77 | } | 78 | } |
79 | |||
78 | .title { | 80 | .title { |
79 | height: 40%; | 81 | height: 40%; |
80 | display: flex; | 82 | display: flex; |
... | @@ -83,6 +85,7 @@ export default { | ... | @@ -83,6 +85,7 @@ export default { |
83 | justify-content: center; | 85 | justify-content: center; |
84 | align-items: center; | 86 | align-items: center; |
85 | } | 87 | } |
88 | |||
86 | .bottom { | 89 | .bottom { |
87 | position: absolute; | 90 | position: absolute; |
88 | bottom: 0px; | 91 | bottom: 0px; |
... | @@ -91,9 +94,11 @@ export default { | ... | @@ -91,9 +94,11 @@ export default { |
91 | left: 0; | 94 | left: 0; |
92 | height: 100px; | 95 | height: 100px; |
93 | line-height: 100px; | 96 | line-height: 100px; |
97 | |||
94 | p { | 98 | p { |
95 | font-size: 28px; | 99 | font-size: 28px; |
96 | } | 100 | } |
101 | |||
97 | font { | 102 | font { |
98 | font-size: 24px; | 103 | font-size: 24px; |
99 | line-height: 24px; | 104 | line-height: 24px; | ... | ... |
... | @@ -9,33 +9,10 @@ | ... | @@ -9,33 +9,10 @@ |
9 | </el-checkbox-group> | 9 | </el-checkbox-group> |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox rollTable"> |
13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
15 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
16 | <td> | ||
17 | {{ item.label }} | ||
18 | </td> | ||
19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
20 | row.qszt == '2' ? 'lishi' : '', | ||
21 | row.qszt == '0' ? 'linshi' : '', | ||
22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
23 | ]"> | ||
24 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
25 | 正在办理 | ||
26 | </div> | ||
27 | <span v-if="item.prop == 'qszt'"> | ||
28 | {{ getQsztName(row[item.prop]) }} | ||
29 | </span> | ||
30 | |||
31 | <span v-else> {{ row[item.prop] }}</span> | ||
32 | </td> | ||
33 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
34 | </tr> | ||
35 | </table> | ||
36 | |||
37 | <table class="xxTable rollTable"> | ||
38 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
39 | <td> | 16 | <td> |
40 | {{ item.label }} | 17 | {{ item.label }} |
41 | </td> | 18 | </td> | ... | ... |
... | @@ -9,10 +9,10 @@ | ... | @@ -9,10 +9,10 @@ |
9 | </el-checkbox-group> | 9 | </el-checkbox-group> |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox rollTable"> |
13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
15 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
16 | <td> | 16 | <td> |
17 | {{ item.label }} | 17 | {{ item.label }} |
18 | </td> | 18 | </td> |
... | @@ -33,30 +33,6 @@ | ... | @@ -33,30 +33,6 @@ |
33 | <td v-for="count in emptycolNum" :key="~count"></td> | 33 | <td v-for="count in emptycolNum" :key="~count"></td> |
34 | </tr> | 34 | </tr> |
35 | </table> | 35 | </table> |
36 | |||
37 | <table class="xxTable rollTable"> | ||
38 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
39 | <td> | ||
40 | {{ item.label }} | ||
41 | </td> | ||
42 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
43 | row.qszt == '2' ? 'lishi' : '', | ||
44 | row.qszt == '0' ? 'linshi' : '', | ||
45 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
46 | ]"> | ||
47 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
48 | 正在办理 | ||
49 | </div> | ||
50 | <span v-if="item.prop == 'qszt'"> | ||
51 | {{ getQsztName(row[item.prop]) }} | ||
52 | </span> | ||
53 | |||
54 | <span v-else> {{ row[item.prop] }}</span> | ||
55 | </td> | ||
56 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
57 | </tr> | ||
58 | </table> | ||
59 | |||
60 | </div> | 36 | </div> |
61 | </div> | 37 | </div> |
62 | </div> | 38 | </div> | ... | ... |
... | @@ -9,33 +9,10 @@ | ... | @@ -9,33 +9,10 @@ |
9 | </el-checkbox-group> | 9 | </el-checkbox-group> |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox rollTable"> |
13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
15 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
16 | <td> | ||
17 | {{ item.label }} | ||
18 | </td> | ||
19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
20 | row.qszt == '2' ? 'lishi' : '', | ||
21 | row.qszt == '0' ? 'linshi' : '', | ||
22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
23 | ]"> | ||
24 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
25 | 正在办理 | ||
26 | </div> | ||
27 | <span v-if="item.prop == 'qszt'"> | ||
28 | {{ getQsztName(row[item.prop]) }} | ||
29 | </span> | ||
30 | |||
31 | <span v-else> {{ row[item.prop] }}</span> | ||
32 | </td> | ||
33 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
34 | </tr> | ||
35 | </table> | ||
36 | |||
37 | <table class="xxTable rollTable"> | ||
38 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
39 | <td> | 16 | <td> |
40 | {{ item.label }} | 17 | {{ item.label }} |
41 | </td> | 18 | </td> | ... | ... |
... | @@ -62,12 +62,12 @@ | ... | @@ -62,12 +62,12 @@ |
62 | </template> | 62 | </template> |
63 | 63 | ||
64 | <script> | 64 | <script> |
65 | import { getJsydsyqList } from "@/api/registerBook.js"; | 65 | import { getNydsyqList } from "@/api/registerBook.js"; |
66 | import { datas } from "./qlxxFormData.js"; | 66 | import { datas } from "./qlxxFormData.js"; |
67 | export default { | 67 | export default { |
68 | data () { | 68 | data () { |
69 | return { | 69 | return { |
70 | title: "建设用地使用权、宅基地使用权登记信息", | 70 | title: "农用地使用权登记信息", |
71 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
72 | checkList: datas.columns().checkList, | 72 | checkList: datas.columns().checkList, |
73 | //传递参数 | 73 | //传递参数 |
... | @@ -77,7 +77,7 @@ export default { | ... | @@ -77,7 +77,7 @@ export default { |
77 | //空列值个数 | 77 | //空列值个数 |
78 | emptycolNum: datas.columns().emptycolNum, | 78 | emptycolNum: datas.columns().emptycolNum, |
79 | //列名称对象 | 79 | //列名称对象 |
80 | columns: datas.columns().JSYDSYQ, | 80 | columns: datas.columns().NYDSYQ, |
81 | }; | 81 | }; |
82 | }, | 82 | }, |
83 | created () { | 83 | created () { |
... | @@ -85,7 +85,7 @@ export default { | ... | @@ -85,7 +85,7 @@ export default { |
85 | }, | 85 | }, |
86 | methods: { | 86 | methods: { |
87 | loadData () { | 87 | loadData () { |
88 | getJsydsyqList({ | 88 | getNydsyqList({ |
89 | bdcdyid: this.propsParam.bdcdyid, | 89 | bdcdyid: this.propsParam.bdcdyid, |
90 | qllx: this.propsParam.qllx, | 90 | qllx: this.propsParam.qllx, |
91 | qszt: this.checkList, | 91 | qszt: this.checkList, | ... | ... |
... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
18 | height: 62px; | 18 | height: 62px; |
19 | line-height: 62px; | 19 | line-height: 62px; |
20 | position: relative; | 20 | position: relative; |
21 | margin: 1px 0; | 21 | margin: 0 3px; |
22 | 22 | ||
23 | .checkbox { | 23 | .checkbox { |
24 | position: absolute; | 24 | position: absolute; |
... | @@ -29,9 +29,8 @@ | ... | @@ -29,9 +29,8 @@ |
29 | } | 29 | } |
30 | 30 | ||
31 | .xxTableBox { | 31 | .xxTableBox { |
32 | overflow-x: scroll; | 32 | overflow: scroll; |
33 | width: 100%; | 33 | width: 100%; |
34 | padding-bottom: 35px; | ||
35 | } | 34 | } |
36 | 35 | ||
37 | .xxTable>tr:first-child th { | 36 | .xxTable>tr:first-child th { |
... | @@ -41,6 +40,11 @@ | ... | @@ -41,6 +40,11 @@ |
41 | .xxTable { | 40 | .xxTable { |
42 | //border-spacing: 1px; | 41 | //border-spacing: 1px; |
43 | width: 100%; | 42 | width: 100%; |
43 | // table-layout: fixed; | ||
44 | |||
45 | tr { | ||
46 | box-sizing: border-box; | ||
47 | } | ||
44 | 48 | ||
45 | tr>th { | 49 | tr>th { |
46 | border: 1px solid #ccc; | 50 | border: 1px solid #ccc; |
... | @@ -50,6 +54,32 @@ | ... | @@ -50,6 +54,32 @@ |
50 | height: 40px; | 54 | height: 40px; |
51 | } | 55 | } |
52 | 56 | ||
57 | tr:nth-child(1) { | ||
58 | position: sticky; | ||
59 | top: 0px; | ||
60 | z-index: 3; | ||
61 | margin-top: -2px; | ||
62 | } | ||
63 | |||
64 | tr:nth-child(2) { | ||
65 | position: sticky; | ||
66 | top: 40px; | ||
67 | z-index: 3; | ||
68 | } | ||
69 | |||
70 | tr:nth-child(3) { | ||
71 | position: sticky; | ||
72 | top: 80px; | ||
73 | z-index: 3; | ||
74 | } | ||
75 | |||
76 | tr td:first-child { | ||
77 | position: sticky; | ||
78 | left: 0; | ||
79 | z-index: 2; | ||
80 | margin-left: -2px; | ||
81 | } | ||
82 | |||
53 | th.linshi, | 83 | th.linshi, |
54 | th.xianshi { | 84 | th.xianshi { |
55 | background: #464c5b; | 85 | background: #464c5b; |
... | @@ -96,8 +126,8 @@ | ... | @@ -96,8 +126,8 @@ |
96 | 126 | ||
97 | .icon { | 127 | .icon { |
98 | position: absolute; | 128 | position: absolute; |
99 | top: 13px; | 129 | top: 12px; |
100 | right: -4px; | 130 | right: -5px; |
101 | transform: rotate(45deg); | 131 | transform: rotate(45deg); |
102 | color: #fff; | 132 | color: #fff; |
103 | font-size: 12px; | 133 | font-size: 12px; |
... | @@ -119,6 +149,8 @@ | ... | @@ -119,6 +149,8 @@ |
119 | display: flex; | 149 | display: flex; |
120 | align-items: center; | 150 | align-items: center; |
121 | justify-content: center; | 151 | justify-content: center; |
152 | min-width: 280px; | ||
153 | z-index: 1; | ||
122 | } | 154 | } |
123 | 155 | ||
124 | >tr:nth-child(odd) td { | 156 | >tr:nth-child(odd) td { |
... | @@ -141,9 +173,9 @@ | ... | @@ -141,9 +173,9 @@ |
141 | .rollTable { | 173 | .rollTable { |
142 | margin-top: -2px; | 174 | margin-top: -2px; |
143 | display: block; | 175 | display: block; |
144 | height: calc(100vh - 300px); | 176 | height: calc(100vh - 185px); |
145 | overflow-y: scroll; | 177 | overflow-y: scroll; |
146 | margin-left: 2px; | 178 | margin-left: 2px; |
147 | } | 179 | } |
148 | } | 180 | } |
149 | } | 181 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -265,6 +265,132 @@ class data extends filter { | ... | @@ -265,6 +265,132 @@ class data extends filter { |
265 | label: "附记", | 265 | label: "附记", |
266 | }, | 266 | }, |
267 | ], | 267 | ], |
268 | NYDSYQ: [ | ||
269 | { | ||
270 | prop: "qszt", | ||
271 | label: "权属状态", | ||
272 | }, | ||
273 | { | ||
274 | prop: "qllxmc", | ||
275 | label: "权利类型", | ||
276 | }, | ||
277 | { | ||
278 | prop: "djlxmc", | ||
279 | label: "登记类型", | ||
280 | }, | ||
281 | { | ||
282 | prop: "ssywh", | ||
283 | label: "上手业务号", | ||
284 | }, | ||
285 | { | ||
286 | prop: "dah", | ||
287 | label: "档案号", | ||
288 | }, | ||
289 | { | ||
290 | prop: "ywh", | ||
291 | label: "业务号", | ||
292 | }, | ||
293 | { | ||
294 | prop: "bdcdyh", | ||
295 | label: "不动产单元号", | ||
296 | }, | ||
297 | { | ||
298 | prop: "zl", | ||
299 | label: "坐落", | ||
300 | }, | ||
301 | { | ||
302 | prop: "gyqk", | ||
303 | label: "共有情况", | ||
304 | }, | ||
305 | { | ||
306 | prop: "qlrlx", | ||
307 | label: "权利人类型", | ||
308 | }, | ||
309 | { | ||
310 | prop: "qlrmc", | ||
311 | label: "权利人", | ||
312 | }, | ||
313 | { | ||
314 | prop: "qlrzjzl", | ||
315 | label: "证件种类", | ||
316 | }, | ||
317 | { | ||
318 | prop: "qlrzjhm", | ||
319 | label: "证件号", | ||
320 | }, | ||
321 | { | ||
322 | prop: "mj", | ||
323 | label: "使用权面积(m²)", | ||
324 | }, | ||
325 | { | ||
326 | prop: "qlxzmc", | ||
327 | label: "权利性质", | ||
328 | }, | ||
329 | { | ||
330 | prop: "ytmc", | ||
331 | label: "土地用途", | ||
332 | }, | ||
333 | { | ||
334 | prop: "fbfdm", | ||
335 | label: "发包方代码", | ||
336 | }, | ||
337 | { | ||
338 | prop: "fbfmc", | ||
339 | label: "发包方名称", | ||
340 | }, | ||
341 | { | ||
342 | prop: "cbqzsj", | ||
343 | label: "承包起止时间", | ||
344 | }, | ||
345 | { | ||
346 | prop: "cbqx", | ||
347 | label: "承包期限", | ||
348 | }, | ||
349 | { | ||
350 | prop: "tdsyqxzmc", | ||
351 | label: "土地所有权性质", | ||
352 | }, | ||
353 | { | ||
354 | prop: "syttlxmc", | ||
355 | label: "水域滩涂类型", | ||
356 | }, | ||
357 | { | ||
358 | prop: "yzyfsmc", | ||
359 | label: "养殖业方式", | ||
360 | }, | ||
361 | { | ||
362 | prop: "cyzl", | ||
363 | label: "草原质量", | ||
364 | }, | ||
365 | { | ||
366 | prop: "syzcl", | ||
367 | label: "适宜载畜量", | ||
368 | }, | ||
369 | { | ||
370 | prop: "ydyhflmc", | ||
371 | label: "用地用海分类", | ||
372 | }, | ||
373 | { | ||
374 | prop: "djyy", | ||
375 | label: "登记原因", | ||
376 | }, | ||
377 | { | ||
378 | prop: "bdcqzh", | ||
379 | label: "不动产权证号", | ||
380 | }, | ||
381 | { | ||
382 | prop: "djsj", | ||
383 | label: "登记时间", | ||
384 | }, | ||
385 | { | ||
386 | prop: "dbr", | ||
387 | label: "登簿人", | ||
388 | }, | ||
389 | { | ||
390 | prop: "fj", | ||
391 | label: "附记", | ||
392 | }, | ||
393 | ], | ||
268 | DYAQ: [ | 394 | DYAQ: [ |
269 | { | 395 | { |
270 | prop: "qszt", | 396 | prop: "qszt", | ... | ... |
... | @@ -10,30 +10,8 @@ | ... | @@ -10,30 +10,8 @@ |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox"> |
13 | <table class="xxTable"> | ||
14 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | ||
15 | <td> | ||
16 | {{ item.label }} | ||
17 | </td> | ||
18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
19 | row.qszt == '2' ? 'lishi' : '', | ||
20 | row.qszt == '0' ? 'linshi' : '', | ||
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
22 | ]"> | ||
23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
24 | 正在办理 | ||
25 | </div> | ||
26 | <span v-if="item.prop == 'qszt'"> | ||
27 | {{ getQsztName(row[item.prop]) }} | ||
28 | </span> | ||
29 | |||
30 | <span v-else> {{ row[item.prop] }}</span> | ||
31 | </td> | ||
32 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
33 | </tr> | ||
34 | </table> | ||
35 | <table class="xxTable rollTable"> | 13 | <table class="xxTable rollTable"> |
36 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | 14 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
37 | <td> | 15 | <td> |
38 | {{ item.label }} | 16 | {{ item.label }} |
39 | </td> | 17 | </td> | ... | ... |
... | @@ -10,30 +10,8 @@ | ... | @@ -10,30 +10,8 @@ |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox"> |
13 | <table class="xxTable"> | ||
14 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | ||
15 | <td> | ||
16 | {{ item.label }} | ||
17 | </td> | ||
18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
19 | row.qszt == '2' ? 'lishi' : '', | ||
20 | row.qszt == '0' ? 'linshi' : '', | ||
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
22 | ]"> | ||
23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
24 | 正在办理 | ||
25 | </div> | ||
26 | <span v-if="item.prop == 'qszt'"> | ||
27 | {{ getQsztName(row[item.prop]) }} | ||
28 | </span> | ||
29 | |||
30 | <span v-else> {{ row[item.prop] }}</span> | ||
31 | </td> | ||
32 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
33 | </tr> | ||
34 | </table> | ||
35 | <table class="xxTable rollTable"> | 13 | <table class="xxTable rollTable"> |
36 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | 14 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
37 | <td> | 15 | <td> |
38 | {{ item.label }} | 16 | {{ item.label }} |
39 | </td> | 17 | </td> | ... | ... |
... | @@ -2,15 +2,15 @@ | ... | @@ -2,15 +2,15 @@ |
2 | <div> | 2 | <div> |
3 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | 3 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> |
4 | </lb-table> | 4 | </lb-table> |
5 | <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" /> | 5 | <addJtcy v-model="dialog" :details="details" @updateDetail="updateDetail" /> |
6 | </div> | 6 | </div> |
7 | </template> | 7 | </template> |
8 | <script> | 8 | <script> |
9 | import addQlr from './addQlr.vue' | 9 | import addJtcy from './addJtcy.vue' |
10 | import { mapGetters } from 'vuex' | 10 | import { mapGetters } from 'vuex' |
11 | export default { | 11 | export default { |
12 | components: { | 12 | components: { |
13 | addQlr | 13 | addJtcy |
14 | }, | 14 | }, |
15 | computed: { | 15 | computed: { |
16 | ...mapGetters(["dictData"]), | 16 | ...mapGetters(["dictData"]), |
... | @@ -129,7 +129,7 @@ export default { | ... | @@ -129,7 +129,7 @@ export default { |
129 | updateDetail (value) { | 129 | updateDetail (value) { |
130 | this.tableDataList[this.dataIndex] = value | 130 | this.tableDataList[this.dataIndex] = value |
131 | this.key++ | 131 | this.key++ |
132 | this.$emit('upDateQlrxxList', this.tableDataList) | 132 | this.$emit('upDateJtcyList', this.tableDataList) |
133 | }, | 133 | }, |
134 | 134 | ||
135 | // 新增 | 135 | // 新增 | ... | ... |
src/views/workflow/components/addJtcy.vue
0 → 100644
1 | <template> | ||
2 | <dialogBox title="家庭成员信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | ||
3 | @closeDialog="closeDialog"> | ||
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
5 | <el-row> | ||
6 | <el-col :span="8"> | ||
7 | <el-form-item label="姓名/名称" prop="cyxm"> | ||
8 | <el-input v-model="ruleForm.cyxm" maxlegth="15"></el-input> | ||
9 | </el-form-item> | ||
10 | </el-col> | ||
11 | <el-col :span="8"> | ||
12 | <el-form-item label="家庭关系" prop="jtgxdm"> | ||
13 | <el-select clearable v-model="ruleForm.jtgxdm" class="width100" placeholder="请选择"> | ||
14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="承包方代码" prop="cbfdm"> | ||
21 | <el-input v-model="ruleForm.cbfdm" maxlegth="15"></el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | </el-row> | ||
25 | <el-row> | ||
26 | <el-col :span="8"> | ||
27 | <el-form-item label="身份证号码" prop="zjh"> | ||
28 | <el-input v-model="ruleForm.sfzhm" maxlength="15"></el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | <el-col :span="8"> | ||
32 | <el-form-item label="联系电话" prop="dh"> | ||
33 | <el-input v-model="ruleForm.dh" maxlength="11"></el-input> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | <el-col :span="8"> | ||
37 | <el-form-item label="性别"> | ||
38 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | ||
39 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
40 | </el-option> | ||
41 | </el-select> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | </el-row> | ||
45 | <el-row> | ||
46 | <el-col :span="8"> | ||
47 | <el-form-item label="发证机关"> | ||
48 | <el-input v-model="ruleForm.fzjg"></el-input> | ||
49 | </el-form-item> | ||
50 | </el-col> | ||
51 | <el-col :span="8"> | ||
52 | <el-form-item label="所属行业"> | ||
53 | <el-input v-model="ruleForm.sshy"></el-input> | ||
54 | </el-form-item> | ||
55 | </el-col> | ||
56 | <el-col :span="8"> | ||
57 | <el-form-item label="国家/地区"> | ||
58 | <el-input v-model="ruleForm.gj"></el-input> | ||
59 | </el-form-item> | ||
60 | </el-col> | ||
61 | </el-row> | ||
62 | |||
63 | <el-row> | ||
64 | <el-col :span="8"> | ||
65 | <el-form-item label="户籍所在省市"> | ||
66 | <el-input v-model="ruleForm.hjszss"></el-input> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
69 | <el-col :span="16"> | ||
70 | <el-form-item label="地址"> | ||
71 | <el-input v-model="ruleForm.dz"></el-input> | ||
72 | </el-form-item> | ||
73 | </el-col> | ||
74 | </el-row> | ||
75 | |||
76 | <el-row> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item label="邮编"> | ||
79 | <el-input v-model="ruleForm.yb"></el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | <el-col :span="16"> | ||
83 | <el-form-item label="工作单位"> | ||
84 | <el-input v-model="ruleForm.gzdw"></el-input> | ||
85 | </el-form-item> | ||
86 | </el-col> | ||
87 | </el-row> | ||
88 | <el-row> | ||
89 | <el-col :span="8"> | ||
90 | <el-form-item label="电子邮件"> | ||
91 | <el-input v-model="ruleForm.dzyj"></el-input> | ||
92 | </el-form-item> | ||
93 | </el-col> | ||
94 | <el-col :span="8"> | ||
95 | <el-form-item label="是否共有人"> | ||
96 | <el-input v-model="ruleForm.gzdw"></el-input> | ||
97 | </el-form-item> | ||
98 | </el-col> | ||
99 | </el-row> | ||
100 | </el-form> | ||
101 | </dialogBox> | ||
102 | </template> | ||
103 | <script> | ||
104 | import { mapGetters } from 'vuex' | ||
105 | export default { | ||
106 | props: { | ||
107 | value: { type: Boolean, default: false }, | ||
108 | details: { type: Object, default: {} } | ||
109 | }, | ||
110 | computed: { | ||
111 | ...mapGetters(["dictData"]), | ||
112 | }, | ||
113 | data () { | ||
114 | return { | ||
115 | myValue: this.value, | ||
116 | ruleForm: { | ||
117 | qlrlx: '', | ||
118 | sqrmc: '', | ||
119 | zjzl: '', | ||
120 | zjh: '', | ||
121 | dh: '', | ||
122 | xb: '', | ||
123 | frmc: '', | ||
124 | gjdq: '', | ||
125 | szss: '', | ||
126 | dz: '', | ||
127 | yb: '', | ||
128 | fzjg: '', | ||
129 | dzyj: '', | ||
130 | qlbl: '', | ||
131 | gzdw: '', | ||
132 | dljg: '', | ||
133 | dlrxm: '', | ||
134 | dlrzjlx: '', | ||
135 | dlrzjh: '' | ||
136 | }, | ||
137 | rules: { | ||
138 | qlrlx: [ | ||
139 | { required: true, message: '权利人类型', trigger: 'change' } | ||
140 | ], | ||
141 | sqrmc: [ | ||
142 | { required: true, message: '姓名/名称', trigger: 'blur' } | ||
143 | ], | ||
144 | zjzl: [ | ||
145 | { required: true, message: '证件种类', trigger: 'change' } | ||
146 | ], | ||
147 | zjh: [ | ||
148 | { required: true, message: '证件号', trigger: 'blur' } | ||
149 | ] | ||
150 | } | ||
151 | } | ||
152 | }, | ||
153 | watch: { | ||
154 | value (val) { | ||
155 | this.myValue = _.cloneDeep(val) | ||
156 | }, | ||
157 | details: { | ||
158 | handler: function (val, oldVal) { | ||
159 | this.ruleForm = val | ||
160 | }, | ||
161 | deep: true | ||
162 | } | ||
163 | }, | ||
164 | methods: { | ||
165 | closeDialog () { | ||
166 | this.$emit("input", false); | ||
167 | this.$refs['ruleForm'].resetFields(); | ||
168 | }, | ||
169 | submitForm () { | ||
170 | this.$emit("input", false); | ||
171 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
172 | // this.$refs['ruleForm'].validate((valid) => { | ||
173 | // if (valid) { | ||
174 | // this.$message({ | ||
175 | // message: '修改成功!', | ||
176 | // type: 'success' | ||
177 | // }) | ||
178 | |||
179 | // } else { | ||
180 | // this.$message.error('请完善必填项'); | ||
181 | // } | ||
182 | // }) | ||
183 | } | ||
184 | } | ||
185 | } | ||
186 | </script> | ||
187 | <style scoped lang="scss"> | ||
188 | .submit-button { | ||
189 | text-align: center; | ||
190 | height: 52px; | ||
191 | padding-top: 10px; | ||
192 | background-color: #fff; | ||
193 | } | ||
194 | </style> |
... | @@ -50,6 +50,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -50,6 +50,9 @@ export function getForm(tabName, djywbm) { |
50 | case "jsydsyqQlxx": | 50 | case "jsydsyqQlxx": |
51 | form = require("@/views/registerBook/jsydsyq.vue"); | 51 | form = require("@/views/registerBook/jsydsyq.vue"); |
52 | break; | 52 | break; |
53 | case "nydsyqQlxx": | ||
54 | form = require("@/views/registerBook/nydsyq.vue"); | ||
55 | break; | ||
53 | case "fdcq2Qlxx": | 56 | case "fdcq2Qlxx": |
54 | form = require("@/views/registerBook/fdcq2.vue"); | 57 | form = require("@/views/registerBook/fdcq2.vue"); |
55 | break; | 58 | break; | ... | ... |
... | @@ -100,8 +100,8 @@ | ... | @@ -100,8 +100,8 @@ |
100 | </el-col> | 100 | </el-col> |
101 | <el-col :span="8"> | 101 | <el-col :span="8"> |
102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地所有权性质:"> | 102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地所有权性质:"> |
103 | <el-select v-model="ruleForm.nydsyq.tdsyqxz" class="width100" filterable clearable> | 103 | <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" filterable clearable> |
104 | <el-option v-for="item in dictData['A45']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 104 | <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> |
105 | </el-option> | 105 | </el-option> |
106 | </el-select> | 106 | </el-select> |
107 | </el-form-item> | 107 | </el-form-item> |
... | @@ -122,7 +122,7 @@ | ... | @@ -122,7 +122,7 @@ |
122 | <el-row :gutter="10"> | 122 | <el-row :gutter="10"> |
123 | <el-col :span="8"> | 123 | <el-col :span="8"> |
124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="水域滩涂类型:"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="水域滩涂类型:"> |
125 | <el-select v-model="ruleForm.nydsyq.syttlx" class="width100" filterable clearable> | 125 | <el-select v-model="ruleForm.nydsyq.syttlx" class="width100" filterable clearable @change="changeSyttlx"> |
126 | <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 126 | <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
127 | </el-option> | 127 | </el-option> |
128 | </el-select> | 128 | </el-select> |
... | @@ -130,7 +130,7 @@ | ... | @@ -130,7 +130,7 @@ |
130 | </el-col> | 130 | </el-col> |
131 | <el-col :span="8"> | 131 | <el-col :span="8"> |
132 | <el-form-item :class="flag ? 'marginBot0' : ''" label="养殖业方式:"> | 132 | <el-form-item :class="flag ? 'marginBot0' : ''" label="养殖业方式:"> |
133 | <el-select v-model="ruleForm.nydsyq.yzyfs" class="width100" filterable clearable> | 133 | <el-select v-model="ruleForm.nydsyq.yzyfs" class="width100" filterable clearable @change="changeYzyfs"> |
134 | <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 134 | <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
135 | </el-option> | 135 | </el-option> |
136 | </el-select> | 136 | </el-select> |
... | @@ -145,12 +145,12 @@ | ... | @@ -145,12 +145,12 @@ |
145 | <el-row :gutter="10"> | 145 | <el-row :gutter="10"> |
146 | <el-col :span="8"> | 146 | <el-col :span="8"> |
147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="适宜载畜量:"> | 147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="适宜载畜量:"> |
148 | <el-input v-model="ruleForm.nydsyq.syzxl"></el-input> | 148 | <el-input v-model="ruleForm.nydsyq.syzcl"></el-input> |
149 | </el-form-item> | 149 | </el-form-item> |
150 | </el-col> | 150 | </el-col> |
151 | <el-col :span="8"> | 151 | <el-col :span="8"> |
152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用地用海分类:"> | 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用地用海分类:"> |
153 | <el-select v-model="ruleForm.nydsyq.yhydfl" class="width100" filterable clearable> | 153 | <el-select v-model="ruleForm.nydsyq.ydyhfl" class="width100" filterable clearable @change="changeYdyhfl"> |
154 | <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 154 | <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
155 | </el-option> | 155 | </el-option> |
156 | </el-select> | 156 | </el-select> |
... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
165 | <el-row :gutter="10"> | 165 | <el-row :gutter="10"> |
166 | <el-col> | 166 | <el-col> |
167 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> | 167 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> |
168 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype==1"></el-input> | 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="$route.query.viewtype==1"></el-input> |
169 | </el-form-item> | 169 | </el-form-item> |
170 | </el-col> | 170 | </el-col> |
171 | </el-row> | 171 | </el-row> |
... | @@ -206,7 +206,7 @@ | ... | @@ -206,7 +206,7 @@ |
206 | 家庭成员 | 206 | 家庭成员 |
207 | <div class="triangle"></div> | 207 | <div class="triangle"></div> |
208 | </div> | 208 | </div> |
209 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateQlrxxList="upDateQlrxxList" | 209 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" |
210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
211 | <div class="slxx_title title-block"> | 211 | <div class="slxx_title title-block"> |
212 | 登记原因 | 212 | 登记原因 |
... | @@ -215,7 +215,7 @@ | ... | @@ -215,7 +215,7 @@ |
215 | <el-row :gutter="10"> | 215 | <el-row :gutter="10"> |
216 | <el-col> | 216 | <el-col> |
217 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | 217 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> |
218 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.jsydsyq.djyy"> | 218 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.nydsyq.djyy"> |
219 | </el-input> | 219 | </el-input> |
220 | </el-form-item> | 220 | </el-form-item> |
221 | </el-col> | 221 | </el-col> |
... | @@ -267,7 +267,56 @@ export default { | ... | @@ -267,7 +267,56 @@ export default { |
267 | } | 267 | } |
268 | }, | 268 | }, |
269 | methods: { | 269 | methods: { |
270 | 270 | onSubmit () { | |
271 | saveData(this.ruleForm).then((res) => { | ||
272 | if (res.code === 200) { | ||
273 | this.$message({ | ||
274 | showClose: true, | ||
275 | message: "保存成功!", | ||
276 | type: "success", | ||
277 | }); | ||
278 | } else { | ||
279 | this.$message({ | ||
280 | showClose: true, | ||
281 | message: res.message, | ||
282 | type: "error", | ||
283 | }); | ||
284 | } | ||
285 | }); | ||
286 | }, | ||
287 | upDateQlrxxList (val) { | ||
288 | this.ruleForm.qlrList = _.cloneDeep(val) | ||
289 | // this.$store.dispatch('slxx/setQlrxxNew', { | ||
290 | // qlrxx: this.ruleForm.qlrxx, | ||
291 | // fj: this.ruleForm.fj, | ||
292 | // gyfs: this.ruleForm.gyfs, | ||
293 | // djyy: this.ruleForm.djyy | ||
294 | // }) | ||
295 | }, | ||
296 | upDateJtcyList (val) { | ||
297 | this.ruleForm.jtcyList = _.cloneDeep(val) | ||
298 | }, | ||
299 | changeSyttlx(e){ | ||
300 | let itemLx = {} | ||
301 | itemLx = this.dictData['A23'].find((item) => { | ||
302 | return item.dcode == e | ||
303 | }) | ||
304 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; | ||
305 | }, | ||
306 | changeYzyfs(e){ | ||
307 | let itemLx = {} | ||
308 | itemLx = this.dictData['A24'].find((item) => { | ||
309 | return item.dcode == e | ||
310 | }) | ||
311 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; | ||
312 | }, | ||
313 | changeYdyhfl(e){ | ||
314 | let itemLx = {} | ||
315 | itemLx = this.dictData['A51'].find((item) => { | ||
316 | return item.dcode == e | ||
317 | }) | ||
318 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; | ||
319 | } | ||
271 | }, | 320 | }, |
272 | }; | 321 | }; |
273 | </script> | 322 | </script> | ... | ... |
... | @@ -45,7 +45,7 @@ import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ... | @@ -45,7 +45,7 @@ import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
45 | import table from "@/utils/mixin/table"; | 45 | import table from "@/utils/mixin/table"; |
46 | import jump from "../components/mixin/jump"; | 46 | import jump from "../components/mixin/jump"; |
47 | import { startBusinessFlow } from "@/api/ywbl.js"; | 47 | import { startBusinessFlow } from "@/api/ywbl.js"; |
48 | import { selectNydjbxx } from "@/api/selectQlxx.js"; | 48 | import { selectZdjbxx } from "@/api/selectQlxx.js"; |
49 | export default { | 49 | export default { |
50 | mixins: [table, jump], | 50 | mixins: [table, jump], |
51 | props: { | 51 | props: { |
... | @@ -84,7 +84,7 @@ export default { | ... | @@ -84,7 +84,7 @@ export default { |
84 | }, | 84 | }, |
85 | fetchData () { | 85 | fetchData () { |
86 | this.queryForm.sqywbm = this.djywbm; | 86 | this.queryForm.sqywbm = this.djywbm; |
87 | selectNydjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 87 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
88 | if (res.code === 200) { | 88 | if (res.code === 200) { |
89 | let { total, records } = res.result; | 89 | let { total, records } = res.result; |
90 | this.tableData.total = total; | 90 | this.tableData.total = total; | ... | ... |
src/views/ywbl/ywsq/components/nydsyq200.vue
0 → 100644
1 | <template> | ||
2 | <div class="from-clues"> | ||
3 | <!-- 表单部分 --> | ||
4 | <div class="from-clues-header"> | ||
5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> | ||
6 | <el-row> | ||
7 | <el-col :span="8"> | ||
8 | <el-form-item label="不动产单元号"> | ||
9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> | ||
10 | </el-input> | ||
11 | </el-form-item> | ||
12 | </el-col> | ||
13 | <el-col :span="8"> | ||
14 | <el-form-item label="不动产权证号"> | ||
15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px"> | ||
16 | </el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="权利人"> | ||
21 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | ||
22 | </el-input> | ||
23 | </el-form-item> | ||
24 | </el-col> | ||
25 | </el-row> | ||
26 | <el-row> | ||
27 | <el-col :span="8"> | ||
28 | <el-form-item label="坐落"> | ||
29 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="2" class="btnColRight"> | ||
34 | <el-form-item> | ||
35 | <el-button type="primary" @click="fetchData">查询</el-button> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | </el-row> | ||
39 | </el-form> | ||
40 | </div> | ||
41 | <!-- 表格 --> | ||
42 | <div class="from-clues-content"> | ||
43 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" | ||
44 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | ||
45 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
46 | :data="tableData.data"> | ||
47 | </lb-table> | ||
48 | </div> | ||
49 | <div class="submit_button"> | ||
50 | <el-button @click="closeDialog">取消</el-button> | ||
51 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
52 | </div> | ||
53 | </div> | ||
54 | </template> | ||
55 | <script> | ||
56 | //首次登记 | ||
57 | import { datas, sendThis } from "../javascript/jsydsyq200.js"; | ||
58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
59 | import table from "@/utils/mixin/table"; | ||
60 | import jump from "../components/mixin/jump"; | ||
61 | import { startBusinessFlow } from "@/api/ywbl.js"; | ||
62 | import { selectNydsyqQlxx } from "@/api/selectQlxx.js"; | ||
63 | export default { | ||
64 | mixins: [table, jump], | ||
65 | props: { | ||
66 | isJump: { type: Boolean, default: false }, | ||
67 | djywbm: { type: String, default: '' }, | ||
68 | djqxObj: { | ||
69 | type: Object, | ||
70 | default: {} | ||
71 | }, | ||
72 | bsmSqyw: { type: String, default: '' }, | ||
73 | }, | ||
74 | data () { | ||
75 | return { | ||
76 | queryForm: defaultParameters.defaultParameters(), | ||
77 | qllxs: [], | ||
78 | tableData: { | ||
79 | total: 0, | ||
80 | columns: datas.columns(), | ||
81 | data: [], | ||
82 | }, | ||
83 | bdcdysz: [] | ||
84 | }; | ||
85 | }, | ||
86 | mounted () { | ||
87 | sendThis(this); | ||
88 | }, | ||
89 | methods: { | ||
90 | //点击行选中或取消复选框 | ||
91 | handleRowClick (row, column, event) { | ||
92 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
93 | this.$refs.table.toggleRowSelection(row); | ||
94 | }, | ||
95 | closeDialog () { | ||
96 | this.$emit("closeDialog"); | ||
97 | }, | ||
98 | fetchData () { | ||
99 | this.queryForm.sqywbm = this.djywbm; | ||
100 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
101 | if (res.code === 200) { | ||
102 | let { total, records } = res.result; | ||
103 | this.tableData.total = total; | ||
104 | this.tableData.data = records; | ||
105 | } | ||
106 | }) | ||
107 | }, | ||
108 | submitForm () { | ||
109 | if (this.bdcdysz.length == 0) { | ||
110 | this.$message.error("请至少选择一条数据"); | ||
111 | return; | ||
112 | } | ||
113 | startBusinessFlow({ | ||
114 | bsmSqyw: this.bsmSqyw, | ||
115 | bdcdysz: this.bdcdysz, | ||
116 | djqxbm: this.djqxObj?.djqxbm, | ||
117 | djqxmc: this.djqxObj?.djqxmc | ||
118 | }).then((res) => { | ||
119 | if (res.code == 200) { | ||
120 | this.$message({ | ||
121 | showClose: true, | ||
122 | message: '发起申请成功', | ||
123 | type: 'success' | ||
124 | }) | ||
125 | if (!this.isJump) { | ||
126 | this.jump(res.result, this.djywbm) | ||
127 | } else { | ||
128 | this.$emit('updateDialog', true) | ||
129 | } | ||
130 | } else { | ||
131 | this.$message.error(res.message); | ||
132 | } | ||
133 | }) | ||
134 | }, | ||
135 | handleSelectionChange (val) { | ||
136 | val.forEach((item, index) => { | ||
137 | item.bsmSsql = item.bsmQlxx | ||
138 | item.ybdcqzsh = item.bdcqzh | ||
139 | }) | ||
140 | this.bdcdysz = val; | ||
141 | }, | ||
142 | openBook (row) { | ||
143 | var param = { bdcdyid: row.bdcdyid, qllx: row.qllx, bdcdyh: row.bdcdyh, bsmQlxx: row.bsmQlxx }; | ||
144 | this.$popup('登记簿详情', 'registerBook/djbFrame', { | ||
145 | formData: param | ||
146 | }) | ||
147 | } | ||
148 | } | ||
149 | } | ||
150 | </script> | ||
151 | <style scoped lang="scss"> | ||
152 | @import "~@/styles/mixin.scss"; | ||
153 | @import "~@/styles/public.scss"; | ||
154 | </style> |
... | @@ -16,7 +16,12 @@ export function queueDjywmc (djywbm) { | ... | @@ -16,7 +16,12 @@ export function queueDjywmc (djywbm) { |
16 | break; | 16 | break; |
17 | case "A23100"://农用地使用权(首次登记) | 17 | case "A23100"://农用地使用权(首次登记) |
18 | vm = "nydsyq100"; | 18 | vm = "nydsyq100"; |
19 | break; | 19 | break; |
20 | case "A23200": | ||
21 | case "A23300": | ||
22 | case "A23400": | ||
23 | vm = "nydsyq200"; | ||
24 | break; | ||
20 | case "A05200": | 25 | case "A05200": |
21 | case "A05300": | 26 | case "A05300": |
22 | case "A05400": | 27 | case "A05400": | ... | ... |
-
Please register or sign in to post a comment