登记簿接口调试
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