前端增加数据比对功能
Showing
4 changed files
with
251 additions
and
62 deletions
... | @@ -106,3 +106,11 @@ export function getCfdjList(data) { | ... | @@ -106,3 +106,11 @@ export function getCfdjList(data) { |
106 | data | 106 | data |
107 | }) | 107 | }) |
108 | } | 108 | } |
109 | // 获取数据比对集合 | ||
110 | export function getFdcqLSInfo(data) { | ||
111 | return request({ | ||
112 | url: '/djbDetail/getFdcqLSInfo', | ||
113 | method: 'post', | ||
114 | data | ||
115 | }) | ||
116 | } | ... | ... |
... | @@ -83,12 +83,12 @@ | ... | @@ -83,12 +83,12 @@ |
83 | </el-col> | 83 | </el-col> |
84 | <el-col :span="8"> | 84 | <el-col :span="8"> |
85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | 85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> |
86 | <el-input disabled v-model="ruleForm.fdcq2.fwxz"></el-input> | 86 | <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> |
87 | </el-form-item> | 87 | </el-form-item> |
88 | </el-col> | 88 | </el-col> |
89 | <el-col :span="8"> | 89 | <el-col :span="8"> |
90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | 90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> |
91 | <el-input disabled v-model="ruleForm.fdcq2.fwjg"></el-input> | 91 | <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input> |
92 | </el-form-item> | 92 | </el-form-item> |
93 | </el-col> | 93 | </el-col> |
94 | </el-row> | 94 | </el-row> |
... | @@ -117,12 +117,12 @@ | ... | @@ -117,12 +117,12 @@ |
117 | </el-col> | 117 | </el-col> |
118 | <el-col :span="8"> | 118 | <el-col :span="8"> |
119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> | 119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> |
120 | <el-input disabled v-model="ruleForm.fdcq2.zyjjmj"></el-input> | 120 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
121 | </el-form-item> | 121 | </el-form-item> |
122 | </el-col> | 122 | </el-col> |
123 | <el-col :span="8"> | 123 | <el-col :span="8"> |
124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> |
125 | <el-input disabled v-model="ruleForm.fdcq2.ftjjmj"></el-input> | 125 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
126 | </el-form-item> | 126 | </el-form-item> |
127 | </el-col> | 127 | </el-col> |
128 | </el-row> | 128 | </el-row> | ... | ... |
... | @@ -8,43 +8,37 @@ | ... | @@ -8,43 +8,37 @@ |
8 | 受理信息 | 8 | 受理信息 |
9 | <div class="triangle"></div> | 9 | <div class="triangle"></div> |
10 | </div> | 10 | </div> |
11 | <el-row :gutter="10"> | 11 | <el-row :gutter="10" v-if="ruleForm.slywxx"> |
12 | <el-col :span="8"> | 12 | <el-col :span="8"> |
13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> |
14 | <el-input disabled v-model="ruleForm.ywh"></el-input> | 14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:"> |
19 | <el-input disabled v-model="ruleForm.slry"></el-input> | 19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:"> |
24 | <el-input disabled v-model="ruleForm.slsj"></el-input> | 24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> |
27 | </el-row> | 27 | </el-row> |
28 | <el-row :gutter="10"> | 28 | <el-row :gutter="10" v-if="ruleForm.slywxx"> |
29 | <el-col :span="8"> | 29 | <el-col :span="8"> |
30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> |
31 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | 31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> |
32 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
33 | </el-option> | ||
34 | </el-select> | ||
35 | </el-form-item> | 32 | </el-form-item> |
36 | </el-col> | 33 | </el-col> |
37 | <el-col :span="8"> | 34 | <el-col :span="8"> |
38 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | 35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:"> |
39 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | 36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> |
40 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
41 | </el-option> | ||
42 | </el-select> | ||
43 | </el-form-item> | 37 | </el-form-item> |
44 | </el-col> | 38 | </el-col> |
45 | <el-col :span="8"> | 39 | <el-col :span="8"> |
46 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | 40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:"> |
47 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> |
48 | </el-form-item> | 42 | </el-form-item> |
49 | </el-col> | 43 | </el-col> |
50 | </el-row> | 44 | </el-row> |
... | @@ -52,70 +46,88 @@ | ... | @@ -52,70 +46,88 @@ |
52 | 不动产单元情况 | 46 | 不动产单元情况 |
53 | <div class="triangle"></div> | 47 | <div class="triangle"></div> |
54 | </div> | 48 | </div> |
55 | <el-row :gutter="10"> | 49 | |
50 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
51 | <el-button type="primary" @click="onClick">数据查看</el-button> | ||
52 | </el-form-item> | ||
53 | |||
54 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
56 | <el-col :span="8"> | 55 | <el-col :span="8"> |
57 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> | 56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:"> |
58 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | 57 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | <el-col :span="16"> | ||
61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> | ||
62 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | </el-row> | ||
66 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途:"> | ||
69 | <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input> | ||
59 | </el-form-item> | 70 | </el-form-item> |
60 | </el-col> | 71 | </el-col> |
61 | <el-col :span="8"> | 72 | <el-col :span="8"> |
62 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | 73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间:"> |
63 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | 74 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input> |
64 | </el-form-item> | 75 | </el-form-item> |
65 | </el-col> | 76 | </el-col> |
66 | <el-col :span="8"> | 77 | <el-col :span="8"> |
67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> | 78 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限:"> |
68 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | 79 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> |
69 | </el-form-item> | 80 | </el-form-item> |
70 | </el-col> | 81 | </el-col> |
71 | </el-row> | 82 | </el-row> |
72 | <el-row :gutter="10"> | 83 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
73 | <el-col :span="8"> | 84 | <el-col :span="8"> |
74 | <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号:" prop="zrzh"> | 85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> |
75 | <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input> | 86 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> |
76 | </el-form-item> | 87 | </el-form-item> |
77 | </el-col> | 88 | </el-col> |
78 | <el-col :span="8"> | 89 | <el-col :span="8"> |
79 | <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号:" prop="hbdcdyh"> | 90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> |
80 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | 91 | <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> |
81 | </el-form-item> | 92 | </el-form-item> |
82 | </el-col> | 93 | </el-col> |
83 | <el-col :span="8"> | 94 | <el-col :span="8"> |
84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态:" prop="djzt"> | 95 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> |
85 | <el-select disabled v-model="ruleForm.djzt" filterable clearable> | 96 | <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input> |
86 | <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> | ||
87 | </el-option> | ||
88 | </el-select> | ||
89 | </el-form-item> | 97 | </el-form-item> |
90 | </el-col> | 98 | </el-col> |
91 | </el-row> | 99 | </el-row> |
92 | <el-row :gutter="10"> | 100 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> |
93 | <el-col :span="8"> | 101 | <el-col :span="8"> |
94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号:" prop="tfqzh"> | 102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层:"> |
95 | <el-input disabled v-model="ruleForm.tfqzh"></el-input> | 103 | <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input> |
96 | </el-form-item> | 104 | </el-form-item> |
97 | </el-col> | 105 | </el-col> |
98 | 106 | <el-col :span="8"> | |
99 | <el-col :span="16"> | 107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数:"> |
100 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | 108 | <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input> |
101 | <el-input disabled v-model="ruleForm.zl"></el-input> | 109 | </el-form-item> |
110 | </el-col> | ||
111 | <el-col :span="8"> | ||
112 | <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间:"> | ||
113 | <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
102 | </el-form-item> | 114 | </el-form-item> |
103 | </el-col> | 115 | </el-col> |
104 | </el-row> | 116 | </el-row> |
105 | <el-row :gutter="10"> | 117 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
106 | <el-col :span="8"> | 118 | <el-col :span="8"> |
107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | 119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积:"> |
108 | <el-input disabled v-model="ruleForm.fwyt"></el-input> | 120 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> |
109 | </el-form-item> | 121 | </el-form-item> |
110 | </el-col> | 122 | </el-col> |
111 | <el-col :span="8"> | 123 | <el-col :span="8"> |
112 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> |
113 | <el-input disabled v-model="ruleForm.fwxz"></el-input> | 125 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
114 | </el-form-item> | 126 | </el-form-item> |
115 | </el-col> | 127 | </el-col> |
116 | <el-col :span="8"> | 128 | <el-col :span="8"> |
117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | 129 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> |
118 | <el-input disabled v-model="ruleForm.fwjg"></el-input> | 130 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
119 | </el-form-item> | 131 | </el-form-item> |
120 | </el-col> | 132 | </el-col> |
121 | </el-row> | 133 | </el-row> |
... | @@ -124,16 +136,16 @@ | ... | @@ -124,16 +136,16 @@ |
124 | <div class="triangle"></div> | 136 | <div class="triangle"></div> |
125 | </div> | 137 | </div> |
126 | <el-row :gutter="10"> | 138 | <el-row :gutter="10"> |
127 | <el-col :span="14"> | 139 | <el-col :span="14" v-if="ruleForm.qlxx"> |
128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | 140 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> |
129 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs"> | 141 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> |
130 | <el-radio label="1">单独所有</el-radio> | 142 | <el-radio label="1">单独所有</el-radio> |
131 | <el-radio label="2">共同共有</el-radio> | 143 | <el-radio label="2">共同共有</el-radio> |
132 | <el-radio label="3">按份所有</el-radio> | 144 | <el-radio label="3">按份所有</el-radio> |
133 | </el-radio-group> | 145 | </el-radio-group> |
134 | </el-form-item> | 146 | </el-form-item> |
135 | </el-col> | 147 | </el-col> |
136 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 148 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> |
137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | 149 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> |
138 | <el-radio-group v-model="ruleForm.sffbcz"> | 150 | <el-radio-group v-model="ruleForm.sffbcz"> |
139 | <el-radio label="1">是</el-radio> | 151 | <el-radio label="1">是</el-radio> |
... | @@ -141,7 +153,7 @@ | ... | @@ -141,7 +153,7 @@ |
141 | </el-radio-group> | 153 | </el-radio-group> |
142 | </el-form-item> | 154 | </el-form-item> |
143 | </el-col> | 155 | </el-col> |
144 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 156 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> |
145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | 157 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> |
146 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 158 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
147 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 159 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
... | @@ -150,15 +162,17 @@ | ... | @@ -150,15 +162,17 @@ |
150 | </el-form-item> | 162 | </el-form-item> |
151 | </el-col> | 163 | </el-col> |
152 | </el-row> | 164 | </el-row> |
153 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | 165 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
166 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
154 | <div class="slxx_title title-block"> | 167 | <div class="slxx_title title-block"> |
155 | 登记原因 | 168 | 登记原因 |
156 | <div class="triangle"></div> | 169 | <div class="triangle"></div> |
157 | </div> | 170 | </div> |
158 | <el-row :gutter="10"> | 171 | <el-row :gutter="10"> |
159 | <el-col> | 172 | <el-col> |
160 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | 173 | <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> |
161 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy"> | 174 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" |
175 | v-model="ruleForm.fdcq2.djyy"> | ||
162 | </el-input> | 176 | </el-input> |
163 | </el-form-item> | 177 | </el-form-item> |
164 | </el-col> | 178 | </el-col> |
... | @@ -181,6 +195,7 @@ export default { | ... | @@ -181,6 +195,7 @@ export default { |
181 | this.propsParam = this.$attrs; | 195 | this.propsParam = this.$attrs; |
182 | var formdata = new FormData(); | 196 | var formdata = new FormData(); |
183 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 197 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
198 | formdata.append("djlx", this.propsParam.djlx); | ||
184 | Init(formdata).then((res) => { | 199 | Init(formdata).then((res) => { |
185 | if (res.code === 200 && res.result) { | 200 | if (res.code === 200 && res.result) { |
186 | this.ruleForm = { | 201 | this.ruleForm = { |
... | @@ -239,6 +254,35 @@ export default { | ... | @@ -239,6 +254,35 @@ export default { |
239 | }; | 254 | }; |
240 | }, | 255 | }, |
241 | methods: { | 256 | methods: { |
257 | onClick(){ | ||
258 | this.$popup({ | ||
259 | titleStyle: "left", | ||
260 | title: "登记簿详情", // 弹窗标题 | ||
261 | editItem: "ywbl/fdcq2/slxx900", // 弹窗内容 | ||
262 | formData: { | ||
263 | bsmSlsq: this.propsParam.bsmSldy, | ||
264 | qllx: this.propsParam.qllx | ||
265 | }, | ||
266 | width: "1220px", | ||
267 | height: "790px", | ||
268 | // cancelText: '取消摆烂', // 右边按钮文本 | ||
269 | // confirmText: '确定点击', //左边按钮文本 | ||
270 | cancel: () => { | ||
271 | console.log("取消回调"); | ||
272 | }, | ||
273 | confirm: () => { | ||
274 | console.log("确认回调"); | ||
275 | }, | ||
276 | }); | ||
277 | }, | ||
278 | // 更新权利人信息 | ||
279 | upDateQlrxxList (val) { | ||
280 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
281 | }, | ||
282 | // 更新权利人信息 | ||
283 | upDateYwrxxList (val) { | ||
284 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
285 | }, | ||
242 | list (bsmSldy) { | 286 | list (bsmSldy) { |
243 | var formdata = new FormData(); | 287 | var formdata = new FormData(); |
244 | formdata.append("bsmSldy", bsmSldy); | 288 | formdata.append("bsmSldy", bsmSldy); | ... | ... |
src/views/ywbl/fdcq2/slxx900.vue
0 → 100644
1 | <template> | ||
2 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | ||
3 | style="overflow-y:scroll;"> | ||
4 | <div class="tableBox" > | ||
5 | <div class="title"> | ||
6 | <span v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'">{{ title }}</span> | ||
7 | <span v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'">{{ ydTitile }}</span> | ||
8 | </div> | ||
9 | <div class="xxTableBox"> | ||
10 | <table class="xxTable"> | ||
11 | <tr> | ||
12 | <td></td> | ||
13 | <td>变更前</td> | ||
14 | <td>变更后</td> | ||
15 | </tr> | ||
16 | <tr v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'" v-for="(item, colindex) in columns" :key="colindex"> | ||
17 | <td> | ||
18 | {{ item.label }} | ||
19 | </td> | ||
20 | <td | ||
21 | v-for="(row, index) in tableData" | ||
22 | :key="index" | ||
23 | :class="[ | ||
24 | row.qszt == '2' ? 'lishi' : '', | ||
25 | row.qszt == '0' ? 'linshi' : '', | ||
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
27 | ]" | ||
28 | > | ||
29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
30 | 正在办理 | ||
31 | </div> | ||
32 | <span v-if="item.prop == 'qszt'"> | ||
33 | {{ getQsztName(row[item.prop]) }} | ||
34 | </span> | ||
35 | |||
36 | <span v-else> {{ row[item.prop] }}</span> | ||
37 | </td> | ||
38 | </tr> | ||
39 | <tr v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'" v-for="(item, colindex) in tdColumns" :key="colindex"> | ||
40 | <td> | ||
41 | {{ item.label }} | ||
42 | </td> | ||
43 | <td | ||
44 | v-for="(row, index) in tableData" | ||
45 | :key="index" | ||
46 | :class="[ | ||
47 | row.qszt == '2' ? 'lishi' : '', | ||
48 | row.qszt == '0' ? 'linshi' : '', | ||
49 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
50 | ]" | ||
51 | > | ||
52 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
53 | 正在办理 | ||
54 | </div> | ||
55 | <span v-if="item.prop == 'qszt'"> | ||
56 | {{ getQsztName(row[item.prop]) }} | ||
57 | </span> | ||
58 | |||
59 | <span v-else> {{ row[item.prop] }}</span> | ||
60 | </td> | ||
61 | </tr> | ||
62 | </table> | ||
63 | </div> | ||
64 | </div> | ||
65 | </div> | ||
66 | </template> | ||
67 | |||
68 | <script> | ||
69 | import {getFdcqLSInfo} from "@/api/registerBook.js"; | ||
70 | import { datas } from "@/views/registerBook/qlxxFormData.js"; | ||
71 | export default { | ||
72 | data() { | ||
73 | return { | ||
74 | title: "房地产权登记信息(独幢、层、套、间房屋)", | ||
75 | ydTitile: "土地使用权登记信息", | ||
76 | qsztList: datas.columns().qsztList, | ||
77 | checkList: datas.columns().checkList, | ||
78 | //传递参数 | ||
79 | propsParam: this.$attrs, | ||
80 | //列表数据 | ||
81 | tableData: [], | ||
82 | //空列值个数 | ||
83 | emptycolNum: 1, | ||
84 | //列名称对象 | ||
85 | columns: datas.columns().FDCQ2, | ||
86 | tdColumns: datas.columns().JSYDSYQ | ||
87 | |||
88 | }; | ||
89 | }, | ||
90 | created() { | ||
91 | this.loadData(); | ||
92 | }, | ||
93 | mounted() { | ||
94 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
95 | window.onresize = () => { | ||
96 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
97 | }; | ||
98 | }, | ||
99 | methods: { | ||
100 | loadData() { | ||
101 | getFdcqLSInfo(this.propsParam.formData).then((res) => { | ||
102 | if (res.code === 200) { | ||
103 | this.tableData = res.result; | ||
104 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
105 | this.emptycolNum = | ||
106 | datas.columns().emptycolNum - this.tableData.length; | ||
107 | } else { | ||
108 | this.emptycolNum = 0; | ||
109 | } | ||
110 | } | ||
111 | }); | ||
112 | }, | ||
113 | checkChange() { | ||
114 | if (this.checkList.length === 0) { | ||
115 | this.tableData = []; | ||
116 | this.emptycolNum = datas.columns().emptycolNum; | ||
117 | } else { | ||
118 | this.loadData(); | ||
119 | } | ||
120 | }, | ||
121 | getQsztName(code) { | ||
122 | let name = ""; | ||
123 | for (let item of this.qsztList) { | ||
124 | if (item.value == code) { | ||
125 | name = item.label; | ||
126 | break; | ||
127 | } | ||
128 | } | ||
129 | return name; | ||
130 | }, | ||
131 | }, | ||
132 | }; | ||
133 | </script> | ||
134 | |||
135 | <style lang="scss" scoped> | ||
136 | @import "~@/views/registerBook/qlxxCommon.scss"; | ||
137 | </style> |
-
Please register or sign in to post a comment