登记簿接口调试
Showing
7 changed files
with
192 additions
and
296 deletions
1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
2 | /* | 2 | /* |
3 | 登记簿查询 | 3 | 综合查询 |
4 | */ | 4 | */ |
5 | 5 | ||
6 | /* | ||
7 | 登记簿查询 | ||
8 | */ | ||
6 | // 根据条件进行列表查询 | 9 | // 根据条件进行列表查询 |
7 | export function getDjbBysearch(data) { | 10 | export function getDjbBysearch(data) { |
8 | return request({ | 11 | return request({ |
... | @@ -29,18 +32,26 @@ export function getDjml(qlbsm) { | ... | @@ -29,18 +32,26 @@ export function getDjml(qlbsm) { |
29 | } | 32 | } |
30 | 33 | ||
31 | // 获取宗地信息 | 34 | // 获取宗地信息 |
32 | export function getZdxx(qlbsm) { | 35 | export function getZdjbxx(qlbsm) { |
33 | return request({ | 36 | return request({ |
34 | url: '/zhcx/djbcx/zdjbxx/' + qlbsm, | 37 | url: '/zhcx/djbcx/zdjbxx/' + qlbsm, |
35 | method: 'get' | 38 | method: 'get' |
36 | }) | 39 | }) |
37 | } | 40 | } |
38 | 41 | ||
39 | // 获取封面权利名称 | 42 | // 获取不动产权利及其他事项页面信息 |
40 | export function getQlmc(qlbsm) { | 43 | export function getQlname(qlbsm) { |
41 | return request({ | 44 | return request({ |
42 | url: '/zhcx/djbcx/qlname/' + qlbsm, | 45 | url: '/zhcx/djbcx/qlname/' + qlbsm, |
43 | method: 'get' | 46 | method: 'get' |
44 | }) | 47 | }) |
45 | } | 48 | } |
46 | 49 | ||
50 | // 获取权利详细信息 | ||
51 | export function getDetail(qlbsm) { | ||
52 | return request({ | ||
53 | url: '/zhcx/djbcx/detail/' + qlbsm, | ||
54 | method: 'get' | ||
55 | }) | ||
56 | } | ||
57 | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | <td>备注</td> | 15 | <td>备注</td> |
16 | </tr> | 16 | </tr> |
17 | <tr v-for="(item, index) in data" :key="index"> | 17 | <tr v-for="(item, index) in data" :key="index"> |
18 | <td>{{ index + 1 }}</td> | 18 | <td>{{ item.xh }}</td> |
19 | <td>{{ item.bdcdyh }}</td> | 19 | <td>{{ item.bdcdyh }}</td> |
20 | <td>{{ item.bdclx }}</td> | 20 | <td>{{ item.bdclx }}</td> |
21 | <td>{{ item.szbs }}</td> | 21 | <td>{{ item.szbs }}</td> |
... | @@ -26,110 +26,21 @@ | ... | @@ -26,110 +26,21 @@ |
26 | </template> | 26 | </template> |
27 | 27 | ||
28 | <script> | 28 | <script> |
29 | import { mapGetters } from "vuex"; | ||
30 | |||
29 | export default { | 31 | export default { |
30 | name: "bdcqldjml", | 32 | name: "bdcqldjml", |
31 | data() { | 33 | data() { |
32 | return { | 34 | return { |
33 | data: [ | 35 | data: [], |
34 | { | ||
35 | bdcdyh: "370205004005GB10030W00000000", | ||
36 | bdclx: "土地", | ||
37 | szbs: "1", | ||
38 | bz: "", | ||
39 | }, | ||
40 | { | ||
41 | bdcdyh: "370205004005GB10030W00000000", | ||
42 | bdclx: "土地", | ||
43 | szbs: "1", | ||
44 | bz: "", | ||
45 | }, | ||
46 | { | ||
47 | bdcdyh: "370205004005GB10030W00000000", | ||
48 | bdclx: "土地", | ||
49 | szbs: "1", | ||
50 | bz: "", | ||
51 | }, | ||
52 | { | ||
53 | bdcdyh: "370205004005GB10030W00000000", | ||
54 | bdclx: "土地", | ||
55 | szbs: "1", | ||
56 | bz: "", | ||
57 | }, | ||
58 | { | ||
59 | bdcdyh: "370205004005GB10030W00000000", | ||
60 | bdclx: "土地", | ||
61 | szbs: "1", | ||
62 | bz: "", | ||
63 | }, | ||
64 | { | ||
65 | bdcdyh: "370205004005GB10030W00000000", | ||
66 | bdclx: "土地", | ||
67 | szbs: "1", | ||
68 | bz: "", | ||
69 | }, | ||
70 | { | ||
71 | bdcdyh: "370205004005GB10030W00000000", | ||
72 | bdclx: "土地", | ||
73 | szbs: "1", | ||
74 | bz: "", | ||
75 | }, | ||
76 | { | ||
77 | bdcdyh: "370205004005GB10030W00000000", | ||
78 | bdclx: "土地", | ||
79 | szbs: "1", | ||
80 | bz: "", | ||
81 | }, | ||
82 | { | ||
83 | bdcdyh: "370205004005GB10030W00000000", | ||
84 | bdclx: "土地", | ||
85 | szbs: "1", | ||
86 | bz: "", | ||
87 | }, | ||
88 | { | ||
89 | bdcdyh: "370205004005GB10030W00000000", | ||
90 | bdclx: "土地", | ||
91 | szbs: "1", | ||
92 | bz: "", | ||
93 | }, | ||
94 | { | ||
95 | bdcdyh: "370205004005GB10030W00000000", | ||
96 | bdclx: "土地", | ||
97 | szbs: "1", | ||
98 | bz: "", | ||
99 | }, | ||
100 | { | ||
101 | bdcdyh: "370205004005GB10030W00000000", | ||
102 | bdclx: "土地", | ||
103 | szbs: "1", | ||
104 | bz: "", | ||
105 | }, | ||
106 | { | ||
107 | bdcdyh: "370205004005GB10030W00000000", | ||
108 | bdclx: "土地", | ||
109 | szbs: "1", | ||
110 | bz: "", | ||
111 | }, | ||
112 | { | ||
113 | bdcdyh: "370205004005GB10030W00000000", | ||
114 | bdclx: "土地", | ||
115 | szbs: "1", | ||
116 | bz: "", | ||
117 | }, | ||
118 | { | ||
119 | bdcdyh: "370205004005GB10030W00000000", | ||
120 | bdclx: "土地", | ||
121 | szbs: "1", | ||
122 | bz: "", | ||
123 | }, | ||
124 | { | ||
125 | bdcdyh: "370205004005GB10030W00000000", | ||
126 | bdclx: "土地", | ||
127 | szbs: "1", | ||
128 | bz: "", | ||
129 | }, | ||
130 | ], | ||
131 | }; | 36 | }; |
132 | }, | 37 | }, |
38 | computed: { | ||
39 | ...mapGetters(["djbxx"]), | ||
40 | }, | ||
41 | mounted() { | ||
42 | this.data = this.djbxx.djml; | ||
43 | }, | ||
133 | }; | 44 | }; |
134 | </script> | 45 | </script> |
135 | 46 | ||
... | @@ -143,7 +54,7 @@ export default { | ... | @@ -143,7 +54,7 @@ export default { |
143 | width: 640px; | 54 | width: 640px; |
144 | margin: 0 auto; | 55 | margin: 0 auto; |
145 | color: #333; | 56 | color: #333; |
146 | border-spacing: 2px; | 57 | border-spacing: 1px; |
147 | background-color: #333; | 58 | background-color: #333; |
148 | 59 | ||
149 | .title { | 60 | .title { | ... | ... |
... | @@ -4,38 +4,43 @@ | ... | @@ -4,38 +4,43 @@ |
4 | <div class="title">不动产权利及其他事项<br />登记信息</div> | 4 | <div class="title">不动产权利及其他事项<br />登记信息</div> |
5 | <div> | 5 | <div> |
6 | 不动产单元号: | 6 | 不动产单元号: |
7 | <div class="underline">440300 002109 GB00004 F00020001</div> | 7 | <div class="underline">{{ info.bdcdyh }}</div> |
8 | </div> | 8 | </div> |
9 | <br /><br /><br /> | 9 | <br /><br /><br /> |
10 | <div> | 10 | <div> |
11 | <div class="underline">国有建设用地使用权和房屋所有权</div> | 11 | <div class="underline">{{ info.qllx }}</div> |
12 | 登记 共 | 12 | 登记 共 |
13 | <div class="underline">9</div> | 13 | <div class="underline">{{ info.total }}</div> |
14 | 条 | 14 | 条 |
15 | </div><br /><br /> | 15 | </div> |
16 | <br /><br /> | ||
16 | <div> | 17 | <div> |
17 | 抵押权登记 共 | 18 | 抵押权登记 共 |
18 | <div class="underline">3</div> | 19 | <div class="underline">{{ info.dyaq }}</div> |
19 | 条 | 20 | 条 |
20 | </div><br /> | 21 | </div> |
22 | <br /> | ||
21 | <div> | 23 | <div> |
22 | 地役权登记 共 | 24 | 地役权登记 共 |
23 | <div class="underline">3</div> | 25 | <div class="underline">{{ info.dyiq }}</div> |
24 | 条 | 26 | 条 |
25 | </div><br /> | 27 | </div> |
28 | <br /> | ||
26 | <div> | 29 | <div> |
27 | 预告登记 共 | 30 | 预告登记 共 |
28 | <div class="underline">3</div> | 31 | <div class="underline">{{ info.ygdj }}</div> |
29 | 条 | 32 | 条 |
30 | </div><br /> | 33 | </div> |
34 | <br /> | ||
31 | <div> | 35 | <div> |
32 | 异议登记 共 | 36 | 异议登记 共 |
33 | <div class="underline">3</div> | 37 | <div class="underline">{{ info.yydj }}</div> |
34 | 条 | 38 | 条 |
35 | </div><br /> | 39 | </div> |
40 | <br /> | ||
36 | <div> | 41 | <div> |
37 | 查封登记 共 | 42 | 查封登记 共 |
38 | <div class="underline">3</div> | 43 | <div class="underline">{{ info.cfdj }}</div> |
39 | 条 | 44 | 条 |
40 | </div> | 45 | </div> |
41 | <br /> | 46 | <br /> |
... | @@ -44,10 +49,46 @@ | ... | @@ -44,10 +49,46 @@ |
44 | </template> | 49 | </template> |
45 | 50 | ||
46 | <script> | 51 | <script> |
52 | import { mapGetters } from "vuex"; | ||
53 | |||
47 | export default { | 54 | export default { |
48 | name: "bdcqljqtsx", | 55 | name: "bdcqljqtsx", |
49 | data() { | 56 | data() { |
50 | return {}; | 57 | return { |
58 | info: { | ||
59 | bdcdyh: "", | ||
60 | qllx: "", | ||
61 | dyaq: 0, | ||
62 | dyiq: 0, | ||
63 | ygdj: 0, | ||
64 | yydj: 0, | ||
65 | cfdj: 0, | ||
66 | total: 0, | ||
67 | }, | ||
68 | }; | ||
69 | }, | ||
70 | computed: { | ||
71 | ...mapGetters(["djbxx"]), | ||
72 | }, | ||
73 | mounted() { | ||
74 | this.info.bdcdyh = this.djbxx.qlname.bdcdyh; | ||
75 | this.info.qllx = this.djbxx.qlname.qllx; | ||
76 | |||
77 | this.djbxx.qlname.djbPrintModelList.forEach((item) => { | ||
78 | console.log("this.info.total", this.info.total); | ||
79 | this.info.total += Number(item.xh); | ||
80 | if (item.djlxPrint == "抵押权") { | ||
81 | this.info.dyaq = Number(item.xh); | ||
82 | } else if (item.djlxPrint == "地役权") { | ||
83 | this.info.dyiq = Number(item.xh); | ||
84 | } else if (item.djlxPrint == "预告") { | ||
85 | this.info.ygdj = Number(item.xh); | ||
86 | } else if (item.djlxPrint == "异议") { | ||
87 | this.info.yydj = Number(item.xh); | ||
88 | } else if (item.djlxPrint == "查封") { | ||
89 | this.info.cfdj = Number(item.xh); | ||
90 | } | ||
91 | }); | ||
51 | }, | 92 | }, |
52 | }; | 93 | }; |
53 | </script> | 94 | </script> | ... | ... |
... | @@ -2,56 +2,52 @@ | ... | @@ -2,56 +2,52 @@ |
2 | <div class="djbfm"> | 2 | <div class="djbfm"> |
3 | <br /><br /> | 3 | <br /><br /> |
4 | <p> | 4 | <p> |
5 | <font>{{ data.province }}</font> | 5 | <font>{{ info.sheng }}</font> |
6 | 省 (区、市) | 6 | 省 (区、市) |
7 | <font>{{ data.city }}</font> | 7 | <font>{{ info.shi }}</font> |
8 | 市 (区) | 8 | 市 (区) |
9 | <font>{{ data.area }}</font> | 9 | <font>{{ info.xian }}</font> |
10 | 区 (县、市) | 10 | 区 (县、市) |
11 | </p> | 11 | </p> |
12 | <p> | 12 | <p> |
13 | <font>{{ data.street }}</font> | 13 | <font>{{ info.zhen }}</font> |
14 | 街道 (乡、镇) | 14 | 街道 (乡、镇) |
15 | <font>{{ data.village }}</font> | 15 | <font>{{ info.cun }}</font> |
16 | 街坊 (村) | 16 | 街坊 (村) |
17 | <font style="width: 100px">{{ data.group }}</font> | 17 | <font>{{ info.zu }}</font> |
18 | 组 | 18 | 组 |
19 | </p> | 19 | </p> |
20 | <div class="title">不动产登记簿</div> | 20 | <div class="title">不动产登记簿</div> |
21 | <br /> | 21 | <br /> |
22 | <p> | 22 | <p> |
23 | 宗地/宗海号: | 23 | 宗地/宗海号: |
24 | <font>{{ data.zdzhh }}</font> | 24 | <font>{{ info.zddm }}</font> |
25 | </p> | 25 | </p> |
26 | <div class="bottom"> | 26 | <div class="bottom"> |
27 | <p> | 27 | <p> |
28 | 登记机构: | 28 | 登记机构: |
29 | <font>{{ data.registration }}</font> | 29 | <font>{{ info.djjg }}</font> |
30 | </p> | 30 | </p> |
31 | </div> | 31 | </div> |
32 | </div> | 32 | </div> |
33 | </template> | 33 | </template> |
34 | 34 | ||
35 | <script> | 35 | <script> |
36 | import { mapGetters } from "vuex"; | ||
37 | |||
36 | export default { | 38 | export default { |
37 | name: "djbfm", | 39 | name: "djbfm", |
38 | props: { | ||
39 | djbxxData: {}, | ||
40 | }, | ||
41 | data() { | 40 | data() { |
42 | return { | 41 | return { |
43 | data: { | 42 | info: {}, |
44 | province: "A", | ||
45 | city: "B", | ||
46 | area: "C", | ||
47 | street: "兴隆路", | ||
48 | village: "兴隆", | ||
49 | group: "", | ||
50 | zdzhh: "370205004005GB10030", | ||
51 | registration: "B市国土资源局", | ||
52 | }, | ||
53 | }; | 43 | }; |
54 | }, | 44 | }, |
45 | computed: { | ||
46 | ...mapGetters(["djbxx"]), | ||
47 | }, | ||
48 | mounted() { | ||
49 | this.info = this.djbxx.djbfm; | ||
50 | }, | ||
55 | }; | 51 | }; |
56 | </script> | 52 | </script> |
57 | 53 | ||
... | @@ -66,8 +62,6 @@ export default { | ... | @@ -66,8 +62,6 @@ export default { |
66 | font-size: 18px; | 62 | font-size: 18px; |
67 | font-family: serif; | 63 | font-family: serif; |
68 | position: relative; | 64 | position: relative; |
69 | p { | ||
70 | } | ||
71 | font { | 65 | font { |
72 | border-bottom: 1px solid #000; | 66 | border-bottom: 1px solid #000; |
73 | display: inline-block; | 67 | display: inline-block; | ... | ... |
... | @@ -108,17 +108,14 @@ export default { | ... | @@ -108,17 +108,14 @@ export default { |
108 | children: "children", | 108 | children: "children", |
109 | label: "label", | 109 | label: "label", |
110 | }, | 110 | }, |
111 | showTab: "djbfm", // 选中状态,根据表格中权利类型判断 | 111 | showTab: "gyjsydsyq", // 选中状态,根据表格中权利类型判断 |
112 | }; | 112 | }; |
113 | }, | 113 | }, |
114 | mounted() { | ||
115 | }, | ||
116 | methods: { | 114 | methods: { |
117 | submitForm() { | ||
118 | this.$emit("input", false); | ||
119 | }, | ||
120 | closeDialog() { | 115 | closeDialog() { |
121 | this.$emit("input", false); | 116 | this.$emit("input", false); |
117 | // 关闭时清空值 | ||
118 | this.$store.dispatch("djbxx/setDjbxx", null); | ||
122 | }, | 119 | }, |
123 | handleNodeClick(data) { | 120 | handleNodeClick(data) { |
124 | this.showTab = data.id; | 121 | this.showTab = data.id; |
... | @@ -141,7 +138,8 @@ export default { | ... | @@ -141,7 +138,8 @@ export default { |
141 | .right { | 138 | .right { |
142 | width: calc(100% - 256px); | 139 | width: calc(100% - 256px); |
143 | height: 704px; | 140 | height: 704px; |
144 | overflow-y: scroll; | 141 | // overflow-y: scroll; |
142 | overflow: auto; | ||
145 | background-color: #f5f5f5; | 143 | background-color: #f5f5f5; |
146 | } | 144 | } |
147 | } | 145 | } | ... | ... |
... | @@ -11,7 +11,12 @@ | ... | @@ -11,7 +11,12 @@ |
11 | <td colspan="6" class="title">宗地基本信息</td> | 11 | <td colspan="6" class="title">宗地基本信息</td> |
12 | </tr> | 12 | </tr> |
13 | <tr> | 13 | <tr> |
14 | <td colspan="6" class="unit">单位:■平方米 □公顷(□亩)、万元</td> | 14 | <td colspan="6" class="unit" v-if="djzd.mjdw == '1'"> |
15 | 单位:■平方米 □公顷(□亩)、万元 | ||
16 | </td> | ||
17 | <td colspan="6" class="unit" v-else> | ||
18 | 单位:□平方米 ■公顷(■亩)、万元 | ||
19 | </td> | ||
15 | </tr> | 20 | </tr> |
16 | <tr> | 21 | <tr> |
17 | <td colspan="2">不动产类型</td> | 22 | <td colspan="2">不动产类型</td> |
... | @@ -19,151 +24,93 @@ | ... | @@ -19,151 +24,93 @@ |
19 | </tr> | 24 | </tr> |
20 | <tr> | 25 | <tr> |
21 | <td colspan="2">坐落</td> | 26 | <td colspan="2">坐落</td> |
22 | <td colspan="4"></td> | 27 | <td colspan="4">{{ djzd.zl }}</td> |
23 | </tr> | 28 | </tr> |
24 | <tr> | 29 | <tr> |
25 | <td rowspan="8" class="title2">土地状况</td> | 30 | <td rowspan="8" class="title2">土地状况</td> |
26 | </tr> | 31 | </tr> |
27 | <tr> | 32 | <tr> |
28 | <td colspan="2">宗地面积</td> | 33 | <td colspan="2">宗地面积</td> |
29 | <td></td> | 34 | <td>{{ djzd.zdmj }}</td> |
30 | <td>用途</td> | 35 | <td>用途</td> |
31 | <td></td> | 36 | <td>{{ djzd.yt }}</td> |
32 | </tr> | 37 | </tr> |
33 | <tr> | 38 | <tr> |
34 | <td colspan="2">等级</td> | 39 | <td colspan="2">等级</td> |
35 | <td></td> | 40 | <td>{{ djzd.dj }}</td> |
36 | <td>价格</td> | 41 | <td>价格</td> |
37 | <td></td> | 42 | <td>{{ djzd.jg }}</td> |
38 | </tr> | 43 | </tr> |
39 | <tr> | 44 | <tr> |
40 | <td colspan="2">权利类型</td> | 45 | <td colspan="2">权利类型</td> |
41 | <td></td> | 46 | <td>{{ djzd.qllx }}</td> |
42 | <td>权利性质</td> | 47 | <td>权利性质</td> |
43 | <td></td> | 48 | <td>{{ djzd.qlxz }}</td> |
44 | </tr> | 49 | </tr> |
45 | <tr> | 50 | <tr> |
46 | <td colspan="2">权利设定方式</td> | 51 | <td colspan="2">权利设定方式</td> |
47 | <td></td> | 52 | <td>{{ djzd.qlsdfs }}</td> |
48 | <td>容积率</td> | 53 | <td>容积率</td> |
49 | <td></td> | 54 | <td>{{ djzd.rjl }}</td> |
50 | </tr> | 55 | </tr> |
51 | <tr> | 56 | <tr> |
52 | <td colspan="2">建筑密度</td> | 57 | <td colspan="2">建筑密度</td> |
53 | <td></td> | 58 | <td>{{ djzd.jzmd }}</td> |
54 | <td>建筑限高</td> | 59 | <td>建筑限高</td> |
55 | <td></td> | 60 | <td>{{ djzd.jzxg }}</td> |
56 | </tr> | 61 | </tr> |
57 | <tr> | 62 | <tr> |
58 | <td colspan="2">图幅号</td> | 63 | <td colspan="2">图幅号</td> |
59 | <td></td> | 64 | <td>{{ djzd.tfh }}</td> |
60 | <td>地籍号</td> | 65 | <td>地籍号</td> |
61 | <td></td> | 66 | <td>{{ djzd.djh }}</td> |
62 | </tr> | 67 | </tr> |
63 | <tr> | 68 | <tr> |
64 | <td colspan="2">档案号</td> | 69 | <td colspan="2">档案号</td> |
65 | <td></td> | 70 | <td>{{ djzd.dah }}</td> |
66 | <td>地块代码</td> | 71 | <td>地块代码</td> |
67 | <td></td> | 72 | <td>{{ djzd.dkdm }}</td> |
68 | </tr> | 73 | </tr> |
69 | <tr> | 74 | <tr> |
70 | <td colspan="2">宗地四至-东</td> | 75 | <td colspan="2">宗地四至-东</td> |
71 | <td colspan="4"></td> | 76 | <td colspan="4">{{ djzd.zdszd }}</td> |
72 | </tr> | 77 | </tr> |
73 | <tr> | 78 | <tr> |
74 | <td colspan="2">宗地四至-南</td> | 79 | <td colspan="2">宗地四至-南</td> |
75 | <td colspan="4"></td> | 80 | <td colspan="4">{{ djzd.zdszn }}</td> |
76 | </tr> | 81 | </tr> |
77 | <tr> | 82 | <tr> |
78 | <td colspan="2">宗地四至-西</td> | 83 | <td colspan="2">宗地四至-西</td> |
79 | <td colspan="4"></td> | 84 | <td colspan="4">{{ djzd.zdszx }}</td> |
80 | </tr> | 85 | </tr> |
81 | <tr> | 86 | <tr> |
82 | <td colspan="2">宗地四至-北</td> | 87 | <td colspan="2">宗地四至-北</td> |
83 | <td colspan="4"></td> | 88 | <td colspan="4">{{ djzd.zdszb }}</td> |
84 | </tr> | 89 | </tr> |
85 | <tr> | 90 | <tr> |
86 | <td class="title2" height="96">备注</td> | 91 | <td class="title2" height="96">备注</td> |
87 | <td colspan="5"></td> | 92 | <td colspan="5">{{ djzd.bz }}</td> |
88 | </tr> | 93 | </tr> |
89 | <tr> | 94 | <tr> |
90 | <td class="title2" height="96">附记</td> | 95 | <td class="title2" height="96">附记</td> |
91 | <td colspan="5"></td> | 96 | <td colspan="5">{{ djzd.fj }}</td> |
92 | </tr> | 97 | </tr> |
93 | <tr> | 98 | <tr> |
94 | <td colspan="2">状态</td> | 99 | <td colspan="2">状态</td> |
95 | <td colspan="2"></td> | 100 | <td colspan="2">{{ djzd.zt }}</td> |
96 | <td>区县代码</td> | 101 | <td>区县代码</td> |
97 | <td></td> | 102 | <td>{{ djzd.qxdm }}</td> |
98 | </tr> | 103 | </tr> |
99 | <tr> | 104 | <tr> |
100 | <td class="title2">变化情况</td> | 105 | <td class="title2">变化情况</td> |
101 | <td colspan="5" class="bhqk"> | 106 | <td colspan="5" class="bhqk"> |
102 | <div class="box"> | 107 | <div class="box"> |
103 | <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> | 108 | <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> |
104 | <tr> | 109 | <tr v-for="(item, index) in bhqkColumns" :key="index"> |
105 | <td class="bhqkTh">上手业务号</td> | 110 | <td class="bhqkTh">{{ item.label }}</td> |
106 | <td>20191230048</td> | 111 | <td v-for="(item2, index2) in zdbhqks" :key="index2"> |
107 | <td>20191230048</td> | 112 | {{ item2[item.prop] }} |
108 | <td>20191230048</td> | 113 | </td> |
109 | <td>20191230048</td> | ||
110 | <td>20191230048</td> | ||
111 | </tr> | ||
112 | <tr> | ||
113 | <td class="bhqkTh">宗地代码</td> | ||
114 | <td>610100008004GB00001</td> | ||
115 | <td>610100008004GB00001</td> | ||
116 | <td>610100008004GB00001</td> | ||
117 | <td>610100008004GB00001</td> | ||
118 | <td>610100008004GB00001</td> | ||
119 | </tr> | ||
120 | <tr> | ||
121 | <td class="bhqkTh">变化前宗地代码</td> | ||
122 | <td>610100008004GB00001</td> | ||
123 | <td>610100008004GB00001</td> | ||
124 | <td>610100008004GB00001</td> | ||
125 | <td>610100008004GB00001</td> | ||
126 | <td>610100008004GB00001</td> | ||
127 | </tr> | ||
128 | <tr> | ||
129 | <td class="bhqkTh">变化内容</td> | ||
130 | <td>土地面积1000改为2000</td> | ||
131 | <td>土地面积1000改为2000</td> | ||
132 | <td>土地面积1000改为2000</td> | ||
133 | <td>土地面积1000改为2000</td> | ||
134 | <td>土地面积1000改为2000</td> | ||
135 | </tr> | ||
136 | <tr> | ||
137 | <td class="bhqkTh">变化原因</td> | ||
138 | <td>因某某原因</td> | ||
139 | <td>因某某原因</td> | ||
140 | <td>因某某原因</td> | ||
141 | <td>因某某原因</td> | ||
142 | <td>因某某原因</td> | ||
143 | </tr> | ||
144 | <tr> | ||
145 | <td class="bhqkTh">登记时间</td> | ||
146 | <td>2008年3月11日</td> | ||
147 | <td>2008年3月11日</td> | ||
148 | <td>2008年3月11日</td> | ||
149 | <td>2008年3月11日</td> | ||
150 | <td>2008年3月11日</td> | ||
151 | </tr> | ||
152 | <tr> | ||
153 | <td class="bhqkTh">登簿人</td> | ||
154 | <td>路**</td> | ||
155 | <td>路**</td> | ||
156 | <td>路**</td> | ||
157 | <td>路**</td> | ||
158 | <td>路**</td> | ||
159 | </tr> | ||
160 | <tr> | ||
161 | <td class="bhqkTh">附记</td> | ||
162 | <td>2014年10月21日办理房屋首次登记"</td> | ||
163 | <td>2014年10月21日办理房屋首次登记"</td> | ||
164 | <td>2014年10月21日办理房屋首次登记"</td> | ||
165 | <td>2014年10月21日办理房屋首次登记"</td> | ||
166 | <td>2014年10月21日办理房屋首次登记"</td> | ||
167 | </tr> | 114 | </tr> |
168 | </table> | 115 | </table> |
169 | </div> | 116 | </div> |
... | @@ -175,67 +122,62 @@ | ... | @@ -175,67 +122,62 @@ |
175 | </template> | 122 | </template> |
176 | 123 | ||
177 | <script> | 124 | <script> |
125 | import { mapGetters } from "vuex"; | ||
126 | |||
178 | export default { | 127 | export default { |
179 | name: "zdxx", | 128 | name: "zdxx", |
180 | data() { | 129 | data() { |
181 | return { | 130 | return { |
182 | bhqkColumns: [ | 131 | bhqkColumns: [ |
183 | "上手业务号", | ||
184 | "宗地代码", | ||
185 | "变化前宗地代码", | ||
186 | "变化内容", | ||
187 | "变化原因", | ||
188 | "登记时间", | ||
189 | "登簿人", | ||
190 | "附记", | ||
191 | ], | ||
192 | bhqkData: [ | ||
193 | { | 132 | { |
194 | ssywh: "20191230048", | 133 | prop: "ssywh", |
195 | zddm: "610100008004GB00001", | 134 | label: "上手业务号", |
196 | bhqzddm: "610100008004GB00001", | ||
197 | bhnr: "土地面积1000改为2000", | ||
198 | bhyy: "因某某原因", | ||
199 | djsj: "2008年3月11日", | ||
200 | dbr: "路**", | ||
201 | fj: "2014年10月21日办理房屋首次登记", | ||
202 | }, | 135 | }, |
203 | { | 136 | { |
204 | ssywh: "20191230048", | 137 | prop: "zddm", |
205 | zddm: "610100008004GB00001", | 138 | label: "宗地代码", |
206 | bhqzddm: "610100008004GB00001", | ||
207 | bhnr: "土地面积1000改为2000", | ||
208 | bhyy: "因某某原因", | ||
209 | djsj: "2008年3月11日", | ||
210 | dbr: "路**", | ||
211 | fj: "2014年10月21日办理房屋首次登记", | ||
212 | }, | 139 | }, |
213 | { | 140 | { |
214 | ssywh: "20191230048", | 141 | prop: "bhqzddm", |
215 | zddm: "610100008004GB00001", | 142 | label: "变化前宗地代码", |
216 | bhqzddm: "610100008004GB00001", | ||
217 | bhnr: "土地面积1000改为2000", | ||
218 | bhyy: "因某某原因", | ||
219 | djsj: "2008年3月11日", | ||
220 | dbr: "路**", | ||
221 | fj: "2014年10月21日办理房屋首次登记", | ||
222 | }, | 143 | }, |
223 | { | 144 | { |
224 | ssywh: "20191230048", | 145 | prop: "bhnr", |
225 | zddm: "610100008004GB00001", | 146 | label: "变化内容", |
226 | bhqzddm: "610100008004GB00001", | 147 | }, |
227 | bhnr: "土地面积1000改为2000", | 148 | { |
228 | bhyy: "因某某原因", | 149 | prop: "bhyy", |
229 | djsj: "2008年3月11日", | 150 | label: "变化原因", |
230 | dbr: "路**", | 151 | }, |
231 | fj: "2014年10月21日办理房屋首次登记", | 152 | { |
153 | prop: "djsj", | ||
154 | label: "登记时间", | ||
155 | }, | ||
156 | { | ||
157 | prop: "dbr", | ||
158 | label: "登簿人", | ||
159 | }, | ||
160 | { | ||
161 | prop: "fj", | ||
162 | label: "附记", | ||
232 | }, | 163 | }, |
233 | ], | 164 | ], |
234 | bhqkTableWidth: 744, | 165 | bhqkTableWidth: 745, |
166 | djzd: {}, | ||
167 | zdbhqks: [], | ||
235 | }; | 168 | }; |
236 | }, | 169 | }, |
170 | computed: { | ||
171 | ...mapGetters(["djbxx"]), | ||
172 | }, | ||
237 | mounted() { | 173 | mounted() { |
238 | this.bhqkTableWidth = (this.bhqkData.length + 1) * 180 + 110; | 174 | this.info = this.djbxx.zdjbxx; |
175 | this.djzd = this.djbxx.zdjbxx.djzd; | ||
176 | this.zdbhqks = this.djbxx.zdjbxx.zdbhqks; | ||
177 | |||
178 | |||
179 | let widths = (this.zdbhqks.length + 1) * 180 + 110; | ||
180 | this.bhqkTableWidth = widths > 745 ? widths : 745; | ||
239 | }, | 181 | }, |
240 | }; | 182 | }; |
241 | </script> | 183 | </script> |
... | @@ -276,8 +218,8 @@ export default { | ... | @@ -276,8 +218,8 @@ export default { |
276 | .bhqk { | 218 | .bhqk { |
277 | padding: 0; | 219 | padding: 0; |
278 | .box { | 220 | .box { |
279 | width: 744px; | 221 | width: 745px; |
280 | overflow-x: scroll; | 222 | overflow: auto; |
281 | } | 223 | } |
282 | .test { | 224 | .test { |
283 | } | 225 | } | ... | ... |
... | @@ -72,7 +72,6 @@ | ... | @@ -72,7 +72,6 @@ |
72 | @sort-change="handleSort" | 72 | @sort-change="handleSort" |
73 | :current-page.sync="pageData.current" | 73 | :current-page.sync="pageData.current" |
74 | :total="pageData.total" | 74 | :total="pageData.total" |
75 | @selection-change="handleSelectionChange" | ||
76 | @size-change="handleSizeChange" | 75 | @size-change="handleSizeChange" |
77 | @p-current-change="handleCurrentChange" | 76 | @p-current-change="handleCurrentChange" |
78 | :column="tableData.columns" | 77 | :column="tableData.columns" |
... | @@ -91,10 +90,11 @@ import { | ... | @@ -91,10 +90,11 @@ import { |
91 | getDjbBysearch, | 90 | getDjbBysearch, |
92 | getDjbfm, | 91 | getDjbfm, |
93 | getDjml, | 92 | getDjml, |
94 | getZdxx, | 93 | getZdjbxx, |
95 | getQlmc, | 94 | getQlname, |
96 | } from "@/api/djbcx.js"; | 95 | getDetail |
97 | import { mapGetters, mapMutations } from "vuex"; | 96 | } from "@/api/zhcx.js"; |
97 | import { mapGetters } from "vuex"; | ||
98 | import axios from "axios"; | 98 | import axios from "axios"; |
99 | 99 | ||
100 | export default { | 100 | export default { |
... | @@ -157,20 +157,19 @@ export default { | ... | @@ -157,20 +157,19 @@ export default { |
157 | openDialog(scope) { | 157 | openDialog(scope) { |
158 | let _this = this; | 158 | let _this = this; |
159 | let bsm = scope.row.bsmQlxx; | 159 | let bsm = scope.row.bsmQlxx; |
160 | bsm="b1394eedd8387347684d358da80da62c" | ||
160 | this.bsm = bsm; | 161 | this.bsm = bsm; |
161 | axios | 162 | axios |
162 | .all([getDjbfm(bsm), getDjml(bsm), getZdxx(bsm), getQlmc(bsm)]) | 163 | // .all([getDjbfm(bsm), getDjml(bsm), getZdjbxx(bsm), getQlname(bsm), getDetail(bsm)]) |
163 | .then(([fm, ml, zdxx, qlmc]) => { | 164 | .all([getDjbfm(bsm), getDjml(bsm), getZdjbxx(bsm), getQlname(bsm)]) |
164 | console.log("fm:", fm.result); | 165 | .then(([djbfm, djml, zdjbxx, qlname]) => { |
165 | console.log("ml:", ml.result); | ||
166 | console.log("zdxx:", zdxx.result); | ||
167 | console.log("qlmc:", qlmc.result); | ||
168 | let obj = { | 166 | let obj = { |
169 | fm:fm.result, | 167 | djbfm:djbfm.result,// |
170 | ml:ml.result, | 168 | djml:djml.result,// |
171 | zdxx:zdxx.result, | 169 | zdjbxx:zdjbxx.result, |
172 | qlmc:qlmc.result | 170 | qlname:qlname.result// |
173 | } | 171 | } |
172 | this.$store.dispatch('djbxx/setDjbxx', obj) | ||
174 | _this.isDialog = true; | 173 | _this.isDialog = true; |
175 | 174 | ||
176 | // if (scope.row.qllx == "预告买卖登记") { | 175 | // if (scope.row.qllx == "预告买卖登记") { | ... | ... |
-
Please register or sign in to post a comment