Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
396758de by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 74098d96 1cdf13b8
Inline Side-by-side
Showing 19 changed files with 251 additions and 329 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
......
1 <svg t="1661331027101" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1627" width="200" height="200"><path d="M921.6 845.451636a41.890909 41.890909 0 1 1 0 83.781819 41.890909 41.890909 0 0 1 0-83.781819zM809.890909 111.709091a139.729455 139.729455 0 0 1 138.845091 125.114182l0.651636 8.285091 0.139637 6.237091v480.814545a27.927273 27.927273 0 0 1-55.482182 4.514909l-0.372364-4.561454V252.043636l-0.093091-4.887272a83.781818 83.781818 0 0 0-76.706909-79.313455L809.890909 167.563636H252.043636l-4.887272 0.093091A83.781818 83.781818 0 0 0 167.842909 244.363636L167.563636 251.345455v529.92l0.093091 4.887272A83.781818 83.781818 0 0 0 251.345455 865.745455l560.174545-0.139637a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372364L251.345455 921.6a139.729455 139.729455 0 0 1-138.845091-125.114182l-0.651637-8.285091L111.709091 781.963636V251.345455a139.729455 139.729455 0 0 1 125.114182-138.845091l8.285091-0.651637L251.345455 111.709091h558.545454z m15.127273 256.698182a27.927273 27.927273 0 0 1 2.327273 36.864l-2.327273 2.653091-156.253091 166.539636a111.802182 111.802182 0 0 1-153.553455 4.235636l-4.421818-4.189091-46.964363-46.871272a55.854545 55.854545 0 0 0-74.891637-3.723637l-3.537454 3.211637-119.901091 120.878545a27.927273 27.927273 0 0 1-41.332364-37.422545l2.327273-2.606546 119.901091-120.878545a111.709091 111.709091 0 0 1 152.529454-3.165091l4.421818 4.189091 46.917819 46.871273c20.666182 20.619636 53.527273 21.736727 75.450181 3.258181l3.537455-3.258181 156.253091-166.539637a27.927273 27.927273 0 0 1 39.517091 0z" fill="#ffffff" p-id="1628"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331046587" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1762" width="200" height="200"><path d="M828.509091 158.254545a111.709091 111.709091 0 0 1 111.709091 111.709091V744.727273a111.709091 111.709091 0 0 1-111.709091 111.709091h-698.181818A111.709091 111.709091 0 0 1 18.618182 744.727273V269.963636a111.709091 111.709091 0 0 1 111.709091-111.709091z m0 55.854546h-698.181818a55.854545 55.854545 0 0 0-55.854546 55.854545V744.727273a55.854545 55.854545 0 0 0 55.854546 55.854545h698.181818A55.854545 55.854545 0 0 0 884.363636 744.727273V269.963636a55.854545 55.854545 0 0 0-55.854545-55.854545z m-349.090909 377.018182a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372363H256a27.927273 27.927273 0 0 1-4.514909-55.482182L256 591.127273h223.418182z m223.418182-223.418182a27.927273 27.927273 0 0 1 4.514909 55.482182L702.836364 423.563636H256a27.927273 27.927273 0 0 1-4.514909-55.482181L256 367.709091h446.836364z" fill="#ffffff" p-id="1763"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331066901" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1897" width="200" height="200"><path d="M839.68 295.237818a27.927273 27.927273 0 0 1 27.554909 23.412364l0.372364 4.514909v466.664727a139.636364 139.636364 0 0 1-131.444364 139.403637l-8.192 0.232727H366.871273a27.927273 27.927273 0 0 1-4.561455-55.482182l4.561455-0.372364h361.099636a83.781818 83.781818 0 0 0 83.502546-76.893091l0.279272-6.888727V323.165091a27.927273 27.927273 0 0 1 27.927273-27.927273zM614.4 111.709091a111.709091 111.709091 0 0 1 111.709091 111.709091v446.836363a111.709091 111.709091 0 0 1-111.709091 111.709091H167.563636a55.854545 55.854545 0 0 1-55.854545-55.854545v-558.545455a55.854545 55.854545 0 0 1 55.854545-55.854545z m0 55.854545H167.563636v558.545455h446.836364a55.854545 55.854545 0 0 0 55.854545-55.854546V223.418182a55.854545 55.854545 0 0 0-55.854545-55.854546z" fill="#ffffff" p-id="1898"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331302938" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2032" width="200" height="200"><path d="M344.808727 93.090909a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372364H251.345455a55.854545 55.854545 0 0 0-55.575273 50.129454L195.490909 204.8v530.618182a55.854545 55.854545 0 0 0 50.129455 55.575273L251.345455 791.272727h181.527272a55.854545 55.854545 0 0 0 55.575273-50.129454l0.279273-5.725091V204.8a111.709091 111.709091 0 0 1 104.075636-111.429818L600.436364 93.090909h181.527272a111.709091 111.709091 0 0 1 111.429819 104.075636l0.279272 7.633455v530.618182a111.709091 111.709091 0 0 1-104.075636 111.429818l-7.633455 0.279273h-115.898181a27.927273 27.927273 0 0 1-4.51491-55.482182L666.065455 791.272727h115.898181a55.854545 55.854545 0 0 0 55.575273-50.129454L837.818182 735.418182V204.8a55.854545 55.854545 0 0 0-50.129455-55.575273L781.963636 148.945455h-181.527272a55.854545 55.854545 0 0 0-55.575273 50.129454L544.581818 204.8v530.618182a111.709091 111.709091 0 0 1-104.075636 111.429818L432.872727 847.127273H251.345455a111.709091 111.709091 0 0 1-111.429819-104.075637L139.636364 735.418182V204.8a111.709091 111.709091 0 0 1 104.075636-111.429818L251.345455 93.090909h93.463272z" fill="#ffffff" p-id="2033"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331325273" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2167" width="200" height="200"><path d="M521.309091 158.254545a27.927273 27.927273 0 0 1 27.927273 27.927273v586.472727a27.927273 27.927273 0 0 1-27.927273 27.927273h-372.363636a83.781818 83.781818 0 0 1-83.781819-83.781818V242.036364a83.781818 83.781818 0 0 1 83.781819-83.781819z m400.290909 0a83.781818 83.781818 0 0 1 83.502545 76.893091l0.279273 6.888728v474.763636a83.781818 83.781818 0 0 1-76.893091 83.502545l-6.888727 0.279273h-260.654545a27.927273 27.927273 0 0 1-4.51491-55.482182L660.945455 744.727273h260.654545a27.927273 27.927273 0 0 0 27.554909-23.412364l0.372364-4.514909V242.036364a27.927273 27.927273 0 0 0-23.412364-27.554909L921.6 214.109091h-260.654545a27.927273 27.927273 0 0 1-4.51491-55.482182L660.945455 158.254545h260.654545z m-428.218182 55.854546H148.945455a27.927273 27.927273 0 0 0-27.55491 23.412364L121.018182 242.036364v474.763636a27.927273 27.927273 0 0 0 27.927273 27.927273h344.436363V214.109091z" fill="#ffffff" p-id="2168"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331355369" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2302" width="200" height="200"><path d="M345.925818 204.8a27.927273 27.927273 0 0 1 4.514909 55.482182l-4.514909 0.372363H148.945455a27.927273 27.927273 0 0 0-27.55491 23.412364L121.018182 288.581818v498.594909a27.927273 27.927273 0 0 0 23.412363 27.554909l4.51491 0.372364h700.369454a27.927273 27.927273 0 0 0 27.601455-23.412364l0.325818-4.514909V288.581818a27.927273 27.927273 0 0 0-23.365818-27.554909l-4.561455-0.372364h-168.029091a27.927273 27.927273 0 0 1-4.561454-55.482181l4.561454-0.372364h168.029091a83.781818 83.781818 0 0 1 83.502546 76.893091l0.279272 6.888727v498.594909a83.781818 83.781818 0 0 1-76.893091 83.502546l-6.888727 0.279272H148.945455a83.781818 83.781818 0 0 1-83.502546-76.939636l-0.279273-6.842182V288.581818a83.781818 83.781818 0 0 1 76.893091-83.502545L148.945455 204.8h196.980363z m167.563637-111.709091a27.927273 27.927273 0 0 1 27.927272 27.927273l-0.046545 477.277091 114.455273-114.408728a27.927273 27.927273 0 0 1 35.607272-3.211636l3.863273 3.258182a27.927273 27.927273 0 0 1 0 39.470545l-138.24 138.24c-11.915636 11.915636-27.927273 17.314909-43.566545 16.197819a55.714909 55.714909 0 0 1-43.613091-16.197819l-138.24-138.24a27.927273 27.927273 0 0 1 39.563636-39.517091l114.315636 114.362182V121.018182a27.927273 27.927273 0 0 1 27.927273-27.927273z" fill="#ffffff" p-id="2303"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331372274" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2437" width="200" height="200"><path d="M902.981818 260.654545a55.854545 55.854545 0 0 1 55.575273 50.129455l0.279273 5.725091V651.636364a55.854545 55.854545 0 0 1-50.129455 55.575272l-5.725091 0.279273-139.636363-0.046545V875.054545a83.781818 83.781818 0 0 1-76.893091 83.502546l-6.888728 0.279273H344.436364a83.781818 83.781818 0 0 1-83.781819-83.781819v-167.610181l-139.636363 0.046545a55.854545 55.854545 0 0 1-55.575273-50.129454L65.163636 651.636364V316.509091a55.854545 55.854545 0 0 1 50.129455-55.575273L121.018182 260.654545h781.963636z m-223.418182 223.418182H344.436364a27.927273 27.927273 0 0 0-27.927273 27.927273v363.054545a27.927273 27.927273 0 0 0 27.927273 27.927273h335.127272a27.927273 27.927273 0 0 0 27.927273-27.927273V512a27.927273 27.927273 0 0 0-27.927273-27.927273z m223.418182-167.563636H121.018182V651.636364l139.636363-0.046546V512a83.781818 83.781818 0 0 1 76.893091-83.502545L344.436364 428.218182h335.127272a83.781818 83.781818 0 0 1 83.781819 83.781818v139.589818l139.636363 0.046546V316.509091z m-195.490909-251.345455a83.781818 83.781818 0 0 1 83.502546 76.893091L791.272727 148.945455v72.098909h-55.854545V148.945455a27.927273 27.927273 0 0 0-23.412364-27.55491L707.490909 121.018182H316.509091a27.927273 27.927273 0 0 0-27.554909 23.412363L288.581818 148.945455v72.098909H232.727273V148.945455a83.781818 83.781818 0 0 1 76.893091-83.502546L316.509091 65.163636h390.981818z" fill="#ffffff" p-id="2438"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331415143" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2833" width="200" height="200"><path d="M419.328 73.774545L28.904727 412.625455a27.927273 27.927273 0 0 0 0 42.170181l390.423273 338.850909 3.490909 2.606546a27.927273 27.927273 0 0 0 42.728727-23.738182v-206.894545l-6.144 1.629091c11.031273-3.025455 23.505455-6.050909 37.143273-8.843637 54.458182-11.310545 110.126545-16.104727 161.326546-10.798545 157.928727 16.477091 232.448 120.738909 183.994181 362.821818-6.330182 31.650909 37.096727 47.010909 52.130909 18.478545l3.258182-6.423272 6.795637-14.429091 2.746181-6.004364c9.355636-20.852364 18.711273-44.125091 27.461819-69.259636 26.763636-77.218909 42.123636-154.903273 39.889454-228.352l-0.465454-11.124364c-11.310545-209.314909-164.864-332.613818-491.473455-326.423273l-22.481454 0.651637 5.818181-171.752728a27.927273 27.927273 0 0 0-46.219636-22.016zM89.832727 433.710545l317.719273-275.781818-4.654545 138.007273a27.927273 27.927273 0 0 0 29.556363 28.811636c339.688727-19.688727 480.116364 87.970909 485.888 281.367273l0.139637 18.059636c-0.325818 24.203636-2.699636 49.152-6.888728 74.472728l-3.863272 20.712727-0.279273-2.466909c-20.247273-138.519273-108.311273-210.711273-243.805091-224.814546-57.716364-6.050909-118.784-0.744727-178.455273 11.636364-9.867636 2.001455-19.223273 4.189091-27.927273 6.330182l-17.687272 4.747636-10.565818 3.165091-4.189091 1.722182a27.927273 27.927273 0 0 0-15.127273 24.808727v166.818909L89.832727 433.710545z" fill="#ffffff" p-id="2834"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg t="1661331436522" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2968" width="200" height="200"><path d="M260.654545 491.892364a27.927273 27.927273 0 0 1 27.927273-27.927273l561.058909 0.046545-114.408727-114.455272a27.927273 27.927273 0 0 1-3.211636-35.607273l3.258181-3.863273a27.927273 27.927273 0 0 1 39.470546 0l138.24 138.24c11.915636 11.915636 17.314909 27.927273 16.197818 43.566546 1.163636 15.592727-4.235636 31.650909-16.197818 43.613091l-138.24 138.24a27.927273 27.927273 0 1 1-39.517091-39.563637l114.362182-114.315636H288.581818a27.927273 27.927273 0 0 1-27.927273-27.927273zM65.163636 183.994182l0.279273-6.888727A83.781818 83.781818 0 0 1 148.945455 100.212364H512l6.888727 0.279272A83.781818 83.781818 0 0 1 595.781818 183.994182v112.174545l-0.372363 4.561455a27.927273 27.927273 0 0 1-55.482182-4.561455v-112.174545l-0.372364-4.561455A27.927273 27.927273 0 0 0 512 156.066909H148.945455l-4.51491 0.325818a27.927273 27.927273 0 0 0-23.412363 27.601455V828.509091l0.372363 4.514909a27.927273 27.927273 0 0 0 27.55491 23.412364H512l4.514909-0.372364a27.927273 27.927273 0 0 0 23.412364-27.554909v-141.125818l0.372363-4.514909a27.927273 27.927273 0 0 1 55.482182 4.514909V828.509091l-0.279273 6.888727A83.781818 83.781818 0 0 1 512 912.290909H148.945455l-6.888728-0.279273A83.781818 83.781818 0 0 1 65.163636 828.509091V183.994182z" fill="#ffffff" p-id="2969"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
...@@ -20,8 +20,17 @@ class data extends filter { ...@@ -20,8 +20,17 @@ class data extends filter {
20 label: "业务来源", 20 label: "业务来源",
21 }, 21 },
22 { 22 {
23 prop: "lczt",
24 label: "流程状态", 23 label: "流程状态",
24 render: (h, scope) => {
25 switch (scope.row.lczt) {
26 case '1':
27 return <span>进行中</span>
28 case '2':
29 return <span>进行中</span>
30 case '3':
31 return <span>进行中</span>
32 }
33 }
25 }, 34 },
26 { 35 {
27 prop: "zbhj", 36 prop: "zbhj",
......
1 <template> 1 <template>
2 <div class='slxx'> 2 <div class='slxx'>
3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px"> 3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="180px">
4 <div class="slxx_title">受理信息</div> 4 <div class="slxx_title">受理信息</div>
5 <el-row> 5 <el-row>
6 <el-col :span="8"> 6 <el-col :span="8">
7 <el-form-item label="业务号：" prop="ywh"> 7 <el-form-item label="业务号：" prop="ywh">
8 <el-input class="width200px" v-model="ruleForm.ywh"></el-input> 8 <el-input v-model="ruleForm.ywh"></el-input>
9 </el-form-item> 9 </el-form-item>
10 </el-col> 10 </el-col>
11 <el-col :span="8"> 11 <el-col :span="8">
12 <el-form-item label="受理人员：" prop="slry"> 12 <el-form-item label="受理人员：" prop="slry">
13 <el-input class="width200px" v-model="ruleForm.slry"></el-input> 13 <el-input v-model="ruleForm.slry"></el-input>
14 </el-form-item> 14 </el-form-item>
15 </el-col> 15 </el-col>
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="使用权结束时间：" prop="slsj"> 17 <el-form-item label="使用权结束时间：" prop="slsj">
18 <el-date-picker class="width200px" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" 18 <el-date-picker class="Inputclass" v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间"
19 value-format="yyyy-MM-dd" > 19 value-format="yyyy-MM-dd" >
20 </el-date-picker> 20 </el-date-picker>
21 </el-form-item> 21 </el-form-item>
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 <el-row> 24 <el-row>
25 <el-col :span="8"> 25 <el-col :span="8">
26 <el-form-item label="权利类型：" prop="qllx"> 26 <el-form-item label="权利类型：" prop="qllx">
27 <el-select class="width200px" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 27 <el-select class="Inputclass" v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
28 <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value"> 28 <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
29 </el-option> 29 </el-option>
30 </el-select> 30 </el-select>
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 </el-col> 32 </el-col>
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="登记类型：" prop="djlx"> 34 <el-form-item label="登记类型：" prop="djlx">
35 <el-select class="width200px" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 35 <el-select class="Inputclass" v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
36 <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value"> 36 <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 </el-col> 40 </el-col>
41 <el-col :span="8"> 41 <el-col :span="8">
42 <el-form-item label="登记情形：" prop="djqx"> 42 <el-form-item label="登记情形：" prop="djqx">
43 <el-select class="width200px" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形"> 43 <el-select class="Inputclass" v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
44 <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value"> 44 <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value">
45 </el-option> 45 </el-option>
46 </el-select> 46 </el-select>
...@@ -51,17 +51,17 @@ ...@@ -51,17 +51,17 @@
51 <el-row> 51 <el-row>
52 <el-col :span="8"> 52 <el-col :span="8">
53 <el-form-item label="宗地代码：" prop="zddm"> 53 <el-form-item label="宗地代码：" prop="zddm">
54 <el-input class="width200px" v-model="ruleForm.zddm"></el-input> 54 <el-input v-model="ruleForm.zddm"></el-input>
55 </el-form-item> 55 </el-form-item>
56 </el-col> 56 </el-col>
57 <el-col :span="8"> 57 <el-col :span="8">
58 <el-form-item label="不动产单元号：" prop="bdcdyh"> 58 <el-form-item label="不动产单元号：" prop="bdcdyh">
59 <el-input class="width200px" v-model="ruleForm.bdcdyh"></el-input> 59 <el-input v-model="ruleForm.bdcdyh"></el-input>
60 </el-form-item> 60 </el-form-item>
61 </el-col> 61 </el-col>
62 <el-col :span="8"> 62 <el-col :span="8">
63 <el-form-item label="权利性质：" prop="qlxz"> 63 <el-form-item label="权利性质：" prop="qlxz">
64 <el-select class="width200px" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形"> 64 <el-select class="Inputclass" v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
65 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value"> 65 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
66 </el-option> 66 </el-option>
67 </el-select> 67 </el-select>
...@@ -71,19 +71,19 @@ ...@@ -71,19 +71,19 @@
71 <el-row> 71 <el-row>
72 <el-col :span="8"> 72 <el-col :span="8">
73 <el-form-item label="宗地面积：" prop="zdmj"> 73 <el-form-item label="宗地面积：" prop="zdmj">
74 <el-input class="width200px" v-model="ruleForm.zdmj"></el-input> 74 <el-input v-model="ruleForm.zdmj"></el-input>
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
77 <el-col :span="16"> 77 <el-col :span="16">
78 <el-form-item label="坐落：" prop="zl"> 78 <el-form-item label="坐落：" prop="zl">
79 <el-input v-model="ruleForm.zl"></el-input> 79 <el-input style="width: 100%" v-model="ruleForm.zl"></el-input>
80 </el-form-item> 80 </el-form-item>
81 </el-col> 81 </el-col>
82 </el-row> 82 </el-row>
83 <el-row> 83 <el-row>
84 <el-col :span="8"> 84 <el-col :span="8">
85 <el-form-item label="土地用途：" prop="tdyt"> 85 <el-form-item label="土地用途：" prop="tdyt">
86 <el-select class="width200px" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形"> 86 <el-select class="Inputclass" v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
87 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value"> 87 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
88 </el-option> 88 </el-option>
89 </el-select> 89 </el-select>
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
91 </el-col> 91 </el-col>
92 <el-col :span="8"> 92 <el-col :span="8">
93 <el-form-item label="权利设定方式：" prop="qlsdfs"> 93 <el-form-item label="权利设定方式：" prop="qlsdfs">
94 <el-select class="width200px" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形"> 94 <el-select class="Inputclass" v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
95 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> 95 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
96 </el-option> 96 </el-option>
97 </el-select> 97 </el-select>
...@@ -99,28 +99,28 @@ ...@@ -99,28 +99,28 @@
99 </el-col> 99 </el-col>
100 <el-col :span="8"> 100 <el-col :span="8">
101 <el-form-item label="取得价格：" prop="qdjg"> 101 <el-form-item label="取得价格：" prop="qdjg">
102 <el-input class="width200px" v-model="ruleForm.qdjg"></el-input> 102 <el-input v-model="ruleForm.qdjg"></el-input>
103 </el-form-item> 103 </el-form-item>
104 </el-col> 104 </el-col>
105 </el-row> 105 </el-row>
106 <el-row> 106 <el-row>
107 <el-col :span="8"> 107 <el-col :span="8">
108 <el-form-item label="使用权起始时间：" prop="syqqssj"> 108 <el-form-item label="使用权起始时间：" prop="syqqssj">
109 <el-date-picker class="width200px" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" 109 <el-date-picker class="Inputclass" v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间"
110 value-format="yyyy-MM-dd" > 110 value-format="yyyy-MM-dd" >
111 </el-date-picker> 111 </el-date-picker>
112 </el-form-item> 112 </el-form-item>
113 </el-col> 113 </el-col>
114 <el-col :span="8"> 114 <el-col :span="8">
115 <el-form-item label="使用权结束时间：" prop="syqjssj"> 115 <el-form-item label="使用权结束时间：" prop="syqjssj">
116 <el-date-picker class="width200px" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" 116 <el-date-picker class="Inputclass" v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间"
117 value-format="yyyy-MM-dd" > 117 value-format="yyyy-MM-dd" >
118 </el-date-picker> 118 </el-date-picker>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 <el-col :span="8"> 121 <el-col :span="8">
122 <el-form-item label="使用期限：" prop="syqx"> 122 <el-form-item label="使用期限：" prop="syqx">
123 <el-date-picker class="width200px" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" 123 <el-date-picker class="Inputclass" v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限"
124 value-format="yyyy-MM-dd" > 124 value-format="yyyy-MM-dd" >
125 </el-date-picker> 125 </el-date-picker>
126 </el-form-item> 126 </el-form-item>
...@@ -236,4 +236,7 @@ export default { ...@@ -236,4 +236,7 @@ export default {
236 min-height: 90px!important; 236 min-height: 90px!important;
237 } 237 }
238 } 238 }
239 .Inputclass{
240 width: 100%;
241 }
239 </style> 242 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,13 +5,13 @@ ...@@ -5,13 +5,13 @@
5 <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)" 5 <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)"
6 :key="index"> 6 :key="index">
7 <svg-icon :icon-class="item.icon" /> 7 <svg-icon :icon-class="item.icon" />
8 {{ item.name }} 8 <span class="iconName">{{ item.name }}</span>
9 </li> 9 </li>
10 </ul> 10 </ul>
11 <ul> 11 <ul>
12 <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(-4)" :key="index"> 12 <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
13 <svg-icon :icon-class="item.icon" /> 13 <svg-icon :icon-class="item.icon" />
14 {{ item.name }} 14 <span class="iconName">{{ item.name }}</span>
15 </li> 15 </li>
16 </ul> 16 </ul>
17 </div> 17 </div>
...@@ -32,43 +32,43 @@ export default { ...@@ -32,43 +32,43 @@ export default {
32 headerleftList: [ 32 headerleftList: [
33 { 33 {
34 name: '图形定位', 34 name: '图形定位',
35 icon: '' 35 icon: 'fqsq1'
36 }, 36 },
37 { 37 {
38 name: '登记簿', 38 name: '登记簿',
39 icon: '' 39 icon: 'fqsq2'
40 }, 40 },
41 { 41 {
42 name: '证书预览', 42 name: '证书预览',
43 icon: '' 43 icon: 'fqsq3'
44 }, 44 },
45 { 45 {
46 name: '流程图', 46 name: '流程图',
47 icon: '' 47 icon: 'fqsq4'
48 }, 48 },
49 { 49 {
50 name: '材料分屏', 50 name: '材料分屏',
51 icon: '' 51 icon: 'fqsq5'
52 }, 52 },
53 { 53 {
54 name: '材料导入', 54 name: '材料导入',
55 icon: '' 55 icon: 'fqsq6'
56 }, 56 },
57 { 57 {
58 name: '打印申请书', 58 name: '打印申请书',
59 icon: '' 59 icon: 'fqsq7'
60 }, 60 },
61 { 61 {
62 name: '登簿', 62 name: '登簿',
63 icon: '' 63 icon: 'fqsq2'
64 }, 64 },
65 { 65 {
66 name: '退回', 66 name: '退回',
67 icon: '' 67 icon: 'fqsq8'
68 }, 68 },
69 { 69 {
70 name: '转出', 70 name: '转出',
71 icon: '' 71 icon: 'fqsq9'
72 }, 72 },
73 { 73 {
74 name: '退出', 74 name: '退出',
...@@ -119,7 +119,10 @@ export default { ...@@ -119,7 +119,10 @@ export default {
119 </script> 119 </script>
120 <style scoped lang='scss'> 120 <style scoped lang='scss'>
121 @import "~@/styles/mixin.scss"; 121 @import "~@/styles/mixin.scss";
122 122 /deep/.svg-icon{
123 width: 1.5em;
124 height: 1.5em;
125 }
123 /deep/.el-tabs__nav-wrap { 126 /deep/.el-tabs__nav-wrap {
124 padding: 5px 0 0 15px; 127 padding: 5px 0 0 15px;
125 } 128 }
...@@ -127,7 +130,9 @@ export default { ...@@ -127,7 +130,9 @@ export default {
127 /deep/.el-tabs__nav-wrap::after { 130 /deep/.el-tabs__nav-wrap::after {
128 height: 1px; 131 height: 1px;
129 } 132 }
130 133 .iconName{
134 line-height: 30px;
135 }
131 .fqsq { 136 .fqsq {
132 width: 100%; 137 width: 100%;
133 height: 100%; 138 height: 100%;
......
...@@ -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 == "预告买卖登记") {
......