Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
26ec19af by renchao@pashanhoo.com
Options

style:房屋明细详情修改

1 parent 5865588c
Inline Side-by-side
Showing 1 changed file with 103 additions and 102 deletions
1 <template> 1 <template>
2 <div class="jtfccx-edit"> 2 <div class="jtfccx-edit-con">
3 <div class="jtfccx-edit-con"> 3 <b class="title"></b>
4 <b class="title"></b> 4 <b class="title">房屋状况</b>
5 <b class="title">房屋状况</b> 5 <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting
6 <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting 6 :pagination="false">
7 :pagination="false"> 7 </lb-table>
8 </lb-table> 8 <b class="title">土地状况</b>
9 <b class="title">土地状况</b> 9 <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting
10 <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting 10 :pagination="false">
11 :pagination="false"> 11 </lb-table>
12 </lb-table> 12 <b class="title">权属状况</b>
13 <b class="title">权属状况</b> 13 <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting
14 <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting 14 :pagination="false">
15 :pagination="false"> 15 </lb-table>
16 </lb-table> 16 <b class="title">抵押登记</b>
17 <b class="title">抵押登记</b> 17 <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting
18 <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting 18 :pagination="false">
19 :pagination="false"> 19 </lb-table>
20 </lb-table> 20 <b class="title">预告登记</b>
21 <b class="title">预告登记</b> 21 <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting
22 <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting 22 :pagination="false">
23 :pagination="false"> 23 </lb-table>
24 </lb-table> 24 <b class="title">查封状况</b>
25 <b class="title">查封状况</b> 25 <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting
26 <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting 26 :pagination="false">
27 :pagination="false"> 27 </lb-table>
28 </lb-table> 28 <b class="title">异议登记</b>
29 <b class="title">异议登记</b> 29 <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting
30 <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting 30 :pagination="false">
31 :pagination="false"> 31 </lb-table>
32 </lb-table> 32 </div>
33 </div>
34 </div>
35 </template> 33 </template>
36 34
37 <script> 35 <script>
38 import { datas, sendThis } from "./infodata"; 36 import { datas, sendThis } from "./infodata";
39 import { getFwmxInfo } from "@/api/jtfc.js"; 37 import { getFwmxInfo } from "@/api/jtfc.js";
40 export default { 38 export default {
41 props: { 39 props: {
42 formData: { 40 formData: {
43 type: Object, 41 type: Object,
44 default: () => {}, 42 default: () => { },
45 },
46 },
47 data () {
48 return {
49 ruleForm: {
50 cxsj: "",
51 bdcdyh: "",
52 }, 43 },
53 //房屋列表字段
54 fwColumns: datas.fwCol(),
55 //土地列表字段
56 tdColumns: datas.tdCol(),
57 //权属状况列表字段
58 qszkColumns: datas.columns(),
59 //抵押登记列表字段
60 diyaColumns: datas.diyaCol(),
61 //预告登记列表字段
62 ygdjColumns: datas.ygdjCol(),
63 //查封登记列表字段
64 cfdjColumns: datas.cfdjCol(),
65 //异议登记列表字段
66 yydjColumns: datas.yydjCol(),
67 form: {},
68 resultData: {},
69 };
70 },
71 mounted () {
72 if(this.formData){
73 this.getDetailInfo()
74 }
75 },
76 methods: {
77 /**
78 * @description: setResult
79 * @param {*} data
80 * @author: renchao
81 */
82 setResult(data){
83 this.resultData = data
84 }, 44 },
85 /** 45 data () {
86 * @description: getDetailInfo 46 return {
87 * @author: renchao 47 ruleForm: {
88 */ 48 cxsj: "",
89 getDetailInfo(){ 49 bdcdyh: "",
90 this.$startLoading(); 50 },
91 getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => { 51 //房屋列表字段
92 this.$endLoading(); 52 fwColumns: datas.fwCol(),
93 if (res.code == 200) { 53 //土地列表字段
54 tdColumns: datas.tdCol(),
55 //权属状况列表字段
56 qszkColumns: datas.columns(),
57 //抵押登记列表字段
58 diyaColumns: datas.diyaCol(),
59 //预告登记列表字段
60 ygdjColumns: datas.ygdjCol(),
61 //查封登记列表字段
62 cfdjColumns: datas.cfdjCol(),
63 //异议登记列表字段
64 yydjColumns: datas.yydjCol(),
65 form: {},
66 resultData: {},
67 };
68 },
69 mounted () {
70 if (this.formData) {
71 this.getDetailInfo()
72 }
73 },
74 methods: {
75 /**
76 * @description: setResult
77 * @param {*} data
78 * @author: renchao
79 */
80 setResult (data) {
81 this.resultData = data
82 },
83 /**
84 * @description: getDetailInfo
85 * @author: renchao
86 */
87 getDetailInfo () {
88 this.$startLoading();
89 getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => {
90 this.$endLoading();
91 if (res.code == 200) {
94 this.resultData = res.result 92 this.resultData = res.result
95 } 93 }
96 }) 94 })
95 }
97 } 96 }
98 } 97 };
99 };
100 </script> 98 </script>
101 <style scoped lang="scss"> 99 <style scoped lang="scss">
102 @import "~@/styles/mixin.scss"; 100 @import "~@/styles/mixin.scss";
103 101 .jtfccx-edit-con {
104 .table1 { 102 max-height: 85vh;
105 border-spacing: 0; 103 overflow-y: scroll;
106 border-collapse: collapse; 104 }
107 width: 100%; 105 .table1 {
108 } 106 border-spacing: 0;
107 border-collapse: collapse;
108 width: 100%;
109 }
109 110
110 .table1 td { 111 .table1 td {
111 border: 1px solid #acbed1; 112 border: 1px solid #acbed1;
112 height: 30px; 113 height: 30px;
113 } 114 }
114 </style> 115 </style>
......