Merge branch 'dev'
Showing
12 changed files
with
985 additions
and
163 deletions
... | @@ -145,7 +145,7 @@ | ... | @@ -145,7 +145,7 @@ |
145 | </el-col> | 145 | </el-col> |
146 | <el-col :span="8"> | 146 | <el-col :span="8"> |
147 | <el-form-item label="面积:"> | 147 | <el-form-item label="面积:"> |
148 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> | 148 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
149 | </el-form-item> | 149 | </el-form-item> |
150 | </el-col> | 150 | </el-col> |
151 | <el-col :span="8"> | 151 | <el-col :span="8"> | ... | ... |
... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
46 | </div> | 46 | </div> |
47 | <el-row :gutter="10"> | 47 | <el-row :gutter="10"> |
48 | <el-col :span="8"> | 48 | <el-col :span="8"> |
49 | <el-form-item label="抵押不动产信息:"> | 49 | <el-form-item label="抵押不动产信息:" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> |
50 | <select-table | 50 | <select-table |
51 | v-model="ruleForm.ztQlxx" | 51 | v-model="ruleForm.ztQlxx" |
52 | :table-width="550" | 52 | :table-width="550" |
... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
142 | </el-col> | 142 | </el-col> |
143 | <el-col :span="8"> | 143 | <el-col :span="8"> |
144 | <el-form-item label="面积:"> | 144 | <el-form-item label="面积:"> |
145 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> | 145 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
146 | </el-form-item> | 146 | </el-form-item> |
147 | </el-col> | 147 | </el-col> |
148 | <el-col :span="8"> | 148 | <el-col :span="8"> |
... | @@ -263,23 +263,25 @@ | ... | @@ -263,23 +263,25 @@ |
263 | <el-row :gutter="10"> | 263 | <el-row :gutter="10"> |
264 | <el-col :span="8"> | 264 | <el-col :span="8"> |
265 | <el-form-item label="抵押面积:"> | 265 | <el-form-item label="抵押面积:"> |
266 | <div style="display: flex"> | 266 | <div class="flex"> |
267 | <el-input | 267 | <el-input |
268 | v-model="ruleForm.diyaq.dymj" | 268 | v-model="ruleForm.diyaq.dymj" |
269 | style="width: 500%" | 269 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
270 | oninput="value=value.replace(/[^\d.]/g,'')" | 270 | <el-select |
271 | ></el-input> | 271 | v-model="ruleForm.diyaq.jedw" |
272 | <el-select v-model="ruleForm.diyaq.mjdw"> | 272 | :disabled="!ableOperation" |
273 | <el-option | 273 | style="width: 20%"> |
274 | v-for="item in dictData['A7']" | 274 | <el-option |
275 | :key="item.dcode" | 275 | v-for="item in dictData['A7']" |
276 | :label="item.dname" | 276 | :key="item.dcode" |
277 | :value="item.dcode" | 277 | :label="item.dname" |
278 | ></el-option> | 278 | :value="item.dcode"> |
279 | </el-select> | 279 | </el-option> |
280 | </div> | 280 | </el-select> |
281 | </div> | ||
281 | </el-form-item> | 282 | </el-form-item> |
282 | </el-col> | 283 | </el-col> |
284 | |||
283 | <el-col :span="8"> | 285 | <el-col :span="8"> |
284 | <el-form-item | 286 | <el-form-item |
285 | label="债务履行起始时间:" | 287 | label="债务履行起始时间:" |
... | @@ -553,6 +555,7 @@ export default { | ... | @@ -553,6 +555,7 @@ export default { |
553 | }, | 555 | }, |
554 | data() { | 556 | data() { |
555 | return { | 557 | return { |
558 | mjdw:"1", | ||
556 | props: { | 559 | props: { |
557 | label: "bdcqzh", | 560 | label: "bdcqzh", |
558 | value: "bdcdyid", | 561 | value: "bdcdyid", |
... | @@ -608,6 +611,9 @@ export default { | ... | @@ -608,6 +611,9 @@ export default { |
608 | ztQlxxList: [], | 611 | ztQlxxList: [], |
609 | ableOperation: false, | 612 | ableOperation: false, |
610 | rules: { | 613 | rules: { |
614 | ztQlxxrules: [ | ||
615 | { required: true, message: "抵押不动产信息", trigger: "change" }, | ||
616 | ], | ||
611 | bdcqzhrules: [ | 617 | bdcqzhrules: [ |
612 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 618 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
613 | ], | 619 | ], |
... | @@ -626,10 +632,10 @@ export default { | ... | @@ -626,10 +632,10 @@ export default { |
626 | zxdbrrules: [ | 632 | zxdbrrules: [ |
627 | { required: true, message: "注销登簿人", trigger: "blur" }, | 633 | { required: true, message: "注销登簿人", trigger: "blur" }, |
628 | ], | 634 | ], |
629 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 635 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
630 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 636 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
631 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 637 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
632 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 638 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
633 | }, | 639 | }, |
634 | }; | 640 | }; |
635 | }, | 641 | }, | ... | ... |
... | @@ -198,7 +198,7 @@ | ... | @@ -198,7 +198,7 @@ |
198 | <el-input | 198 | <el-input |
199 | v-model="ruleForm.tdsyq.cdmj" | 199 | v-model="ruleForm.tdsyq.cdmj" |
200 | :disabled="!ableOperation" | 200 | :disabled="!ableOperation" |
201 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 201 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
202 | ></el-input> | 202 | ></el-input> |
203 | </el-form-item> | 203 | </el-form-item> |
204 | </el-col> | 204 | </el-col> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-25 15:52:42 | ||
5 | :show-message="false" | ||
6 | --> | ||
7 | <template> | ||
8 | <!-- 受理信息 --> | ||
9 | <div class="slxx"> | ||
10 | <el-form | ||
11 | :model="ruleForm" | ||
12 | :rules="rules" | ||
13 | :class="{readonly: editDisabled }" | ||
14 | class="loadingtext" | ||
15 | ref="ruleForm" | ||
16 | :label-position="flag ? 'top' : ''" | ||
17 | :show-message="false" | ||
18 | :inline="flag" | ||
19 | inline-message | ||
20 | label-width="145px" | ||
21 | > | ||
22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
23 | <div class="slxx_title title-block"> | ||
24 | 补录信息 | ||
25 | <div class="triangle"></div> | ||
26 | </div> | ||
27 | <el-row :gutter="10"> | ||
28 | <el-col :span="8"> | ||
29 | <el-form-item label="补录编号:"> | ||
30 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="8"> | ||
34 | <el-form-item label="补录人员:"> | ||
35 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | <el-col :span="8"> | ||
39 | <el-form-item label="补录时间:"> | ||
40 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
41 | </el-form-item> | ||
42 | </el-col> | ||
43 | </el-row> | ||
44 | <div class="slxx_title title-block"> | ||
45 | 抵押不动产情况 | ||
46 | <div class="triangle"></div> | ||
47 | </div> | ||
48 | <el-row :gutter="10"> | ||
49 | <el-col :span="8"> | ||
50 | <el-form-item label="抵押不动产信息:" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> | ||
51 | <select-table | ||
52 | v-model="ruleForm.ztQlxx" | ||
53 | :table-width="550" | ||
54 | :tableData="ztQlxxList" | ||
55 | :props="props" | ||
56 | @change="ztQlxxchange" | ||
57 | > | ||
58 | <el-table-column | ||
59 | prop="qllxmc" | ||
60 | width="130" | ||
61 | label="权利类型" | ||
62 | ></el-table-column> | ||
63 | <el-table-column | ||
64 | prop="bdcqzh" | ||
65 | width="160" | ||
66 | label="不动产权证书" | ||
67 | ></el-table-column> | ||
68 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | ||
69 | <el-table-column prop="mjmc" label="面积"></el-table-column> | ||
70 | <el-table-column prop="ytmc" label="用途"></el-table-column> | ||
71 | <el-table-column prop="zl" label="坐落"></el-table-column> | ||
72 | </select-table> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | |||
76 | <el-col :span="8" v-if="ssqlxxshow"> | ||
77 | <el-form-item label="上手权利信息:"> | ||
78 | <select-table | ||
79 | v-model="ruleForm.ssQlxx" | ||
80 | :table-width="550" | ||
81 | :tableData="ssQlxxList" | ||
82 | :props="props" | ||
83 | @change="ssQlxxchange" | ||
84 | > | ||
85 | <el-table-column | ||
86 | prop="qllxmc" | ||
87 | width="130" | ||
88 | label="权利类型" | ||
89 | ></el-table-column> | ||
90 | <el-table-column | ||
91 | prop="bdcqzh" | ||
92 | width="160" | ||
93 | label="不动产权证书" | ||
94 | ></el-table-column> | ||
95 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | ||
96 | <el-table-column prop="mjmc" label="面积"></el-table-column> | ||
97 | <el-table-column prop="ytmc" label="用途"></el-table-column> | ||
98 | <el-table-column prop="zl" label="坐落"></el-table-column> | ||
99 | </select-table> | ||
100 | </el-form-item> | ||
101 | </el-col> | ||
102 | </el-row> | ||
103 | |||
104 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="权利人:"> | ||
107 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="证件种类:"> | ||
112 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="证件号:"> | ||
117 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input> | ||
118 | </el-form-item> | ||
119 | </el-col> | ||
120 | </el-row> | ||
121 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> | ||
122 | <el-col :span="8"> | ||
123 | <el-form-item label="权利类型:"> | ||
124 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> | ||
125 | </el-form-item> | ||
126 | </el-col> | ||
127 | <el-col :span="8"> | ||
128 | <el-form-item label="不动产权证号:"> | ||
129 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="坐落:"> | ||
134 | <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | </el-row> | ||
138 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> | ||
139 | <el-col :span="8"> | ||
140 | <el-form-item label="不动产单元号:"> | ||
141 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> | ||
142 | </el-form-item> | ||
143 | </el-col> | ||
144 | <el-col :span="8"> | ||
145 | <el-form-item label="面积:"> | ||
146 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> | ||
147 | </el-form-item> | ||
148 | </el-col> | ||
149 | <el-col :span="8"> | ||
150 | <el-form-item label="用途:"> | ||
151 | <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input> | ||
152 | </el-form-item> | ||
153 | </el-col> | ||
154 | </el-row> | ||
155 | <div class="slxx_title title-block"> | ||
156 | 预告登记信息 | ||
157 | <div class="triangle"></div> | ||
158 | </div> | ||
159 | <el-row :gutter="10"> | ||
160 | <el-col :span="8"> | ||
161 | <el-form-item label="不动产单元号:"> | ||
162 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
163 | </el-form-item> | ||
164 | </el-col> | ||
165 | <el-col :span="8"> | ||
166 | <el-form-item label="业务号:"> | ||
167 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
168 | </el-form-item> | ||
169 | </el-col> | ||
170 | <el-col :span="8"> | ||
171 | <el-form-item label="上手业务号:"> | ||
172 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> | ||
173 | </el-form-item> | ||
174 | </el-col> | ||
175 | </el-row> | ||
176 | <el-row :gutter="10"> | ||
177 | <el-col :span="8"> | ||
178 | <el-form-item label="权利类型:"> | ||
179 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
180 | </el-form-item> | ||
181 | </el-col> | ||
182 | <el-col :span="8"> | ||
183 | <el-form-item label="登记原因:"> | ||
184 | <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input> | ||
185 | </el-form-item> | ||
186 | </el-col> | ||
187 | <el-col :span="8"> | ||
188 | <el-form-item label="登记类型:" prop="qlxx.djlx" :rules="rules.djlxrules"> | ||
189 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | ||
190 | <el-option | ||
191 | v-for="item in djlxlist" | ||
192 | :key="item.dcode" | ||
193 | :label="item.dname" | ||
194 | :value="item.dcode" | ||
195 | > | ||
196 | </el-option> | ||
197 | </el-select> | ||
198 | </el-form-item> | ||
199 | </el-col> | ||
200 | <el-col :span="8"> | ||
201 | <el-form-item label="不动产坐落:"> | ||
202 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
203 | </el-form-item> | ||
204 | </el-col> | ||
205 | <el-col :span="8"> | ||
206 | <el-form-item label="不动产权证号:" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | ||
207 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
208 | </el-form-item> | ||
209 | </el-col> | ||
210 | <!-- <el-col :span="8"> | ||
211 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> | ||
212 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
213 | </el-form-item> | ||
214 | </el-col> --> | ||
215 | <el-col :span="8"> | ||
216 | <el-form-item label="登记机构:" prop="qlxx.djjg" :rules="rules.djjgrules"> | ||
217 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
218 | </el-form-item> | ||
219 | </el-col> | ||
220 | <el-col :span="8"> | ||
221 | <el-form-item label="登簿人:" prop="qlxx.dbr" :rules="rules.dbrrules"> | ||
222 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
223 | </el-form-item> | ||
224 | </el-col> | ||
225 | <el-col :span="8"> | ||
226 | <el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules"> | ||
227 | <el-date-picker | ||
228 | v-model="ruleForm.qlxx.djsj" | ||
229 | type="date" | ||
230 | placeholder="选择日期" | ||
231 | value-format="yyyy-MM-dd HH:mm:ss" | ||
232 | format="yyyy-MM-dd" | ||
233 | > | ||
234 | </el-date-picker> | ||
235 | </el-form-item> | ||
236 | </el-col> | ||
237 | <el-col :span="8"> | ||
238 | <el-form-item label="权属状态:"> | ||
239 | <el-select v-model="ruleForm.qlxx.qszt"> | ||
240 | <el-option | ||
241 | v-for="item in qsztlist" | ||
242 | :key="item.dcode" | ||
243 | :label="item.dname" | ||
244 | :value="item.dcode" | ||
245 | > | ||
246 | </el-option> | ||
247 | </el-select> | ||
248 | </el-form-item> | ||
249 | </el-col> | ||
250 | |||
251 | <el-col :span="8"> | ||
252 | <el-form-item label="预告登记种类" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> | ||
253 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | ||
254 | <el-option | ||
255 | v-for="item in dictData['A29']" | ||
256 | :key="item.dcode" | ||
257 | :label="item.dname" | ||
258 | :value="item.dcode" | ||
259 | > | ||
260 | </el-option> | ||
261 | </el-select> | ||
262 | </el-form-item> | ||
263 | </el-col> | ||
264 | <el-col :span="8"> | ||
265 | <el-form-item label="土地使用权人"> | ||
266 | <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> | ||
267 | </el-form-item> | ||
268 | </el-col> | ||
269 | <el-col :span="8"> | ||
270 | <el-form-item label="规划用途"> | ||
271 | <el-select v-model="ruleForm.ygdj.ghyt"> | ||
272 | <el-option | ||
273 | v-for="item in dictData['A17']" | ||
274 | :key="item.dcode" | ||
275 | :label="item.dname" | ||
276 | :value="item.dcode" | ||
277 | > | ||
278 | </el-option> | ||
279 | </el-select> | ||
280 | </el-form-item> | ||
281 | </el-col> | ||
282 | <el-col :span="8"> | ||
283 | <el-form-item label="用途名称"> | ||
284 | <el-input v-model="ruleForm.ygdj.ytmc"></el-input> | ||
285 | </el-form-item> | ||
286 | </el-col> | ||
287 | <el-col :span="8"> | ||
288 | <el-form-item label="房屋性质"> | ||
289 | <el-select v-model="ruleForm.ygdj.fwxz"> | ||
290 | <el-option | ||
291 | v-for="item in dictData['A19']" | ||
292 | :key="item.dcode" | ||
293 | :label="item.dname" | ||
294 | :value="item.dcode" | ||
295 | > | ||
296 | </el-option> | ||
297 | </el-select> | ||
298 | </el-form-item> | ||
299 | </el-col> | ||
300 | <el-col :span="8"> | ||
301 | <el-form-item label="房屋性质名称"> | ||
302 | <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> | ||
303 | </el-form-item> | ||
304 | </el-col> | ||
305 | <el-col :span="8"> | ||
306 | <el-form-item label="房屋结构"> | ||
307 | <el-select v-model="ruleForm.ygdj.fwjg"> | ||
308 | <el-option | ||
309 | v-for="item in dictData['A46']" | ||
310 | :key="item.dcode" | ||
311 | :label="item.dname" | ||
312 | :value="item.dcode" | ||
313 | > | ||
314 | </el-option> | ||
315 | </el-select> | ||
316 | </el-form-item> | ||
317 | </el-col> | ||
318 | <el-col :span="8"> | ||
319 | <el-form-item label="所在层"> | ||
320 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | ||
321 | </el-form-item> | ||
322 | </el-col> | ||
323 | <el-col :span="8"> | ||
324 | <el-form-item label="总层数"> | ||
325 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> | ||
326 | </el-form-item> | ||
327 | </el-col> | ||
328 | <el-col :span="8"> | ||
329 | <el-form-item label="建筑面积"> | ||
330 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> | ||
331 | </el-form-item> | ||
332 | </el-col> | ||
333 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | ||
334 | <el-form-item label="注销预告业务号"> | ||
335 | <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> | ||
336 | </el-form-item> | ||
337 | </el-col> | ||
338 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | ||
339 | <el-form-item label="注销预告原因"> | ||
340 | <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> | ||
341 | </el-form-item> | ||
342 | </el-col> | ||
343 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | ||
344 | <el-form-item label="注销时间"> | ||
345 | <el-input v-model="ruleForm.ygdj.zxsj"></el-input> | ||
346 | </el-form-item> | ||
347 | </el-col> | ||
348 | <el-col :span="8"> | ||
349 | <el-form-item label="取得价格/被担保主债权数额"> | ||
350 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> | ||
351 | </el-form-item> | ||
352 | </el-col> | ||
353 | <el-col :span="8"> | ||
354 | <el-form-item label="金额单位"> | ||
355 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | ||
356 | </el-form-item> | ||
357 | </el-col> | ||
358 | <el-col :span="8"> | ||
359 | <el-form-item label="担保范围"> | ||
360 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | ||
361 | </el-form-item> | ||
362 | </el-col> | ||
363 | <el-col :span="8"> | ||
364 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> | ||
365 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | ||
366 | </el-form-item> | ||
367 | </el-col> | ||
368 | <el-col :span="8"> | ||
369 | <el-form-item label="不动产登记证明号"> | ||
370 | <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> | ||
371 | </el-form-item> | ||
372 | </el-col> | ||
373 | <el-col :span="24"> | ||
374 | <el-form-item label="附记:"> | ||
375 | <el-input v-model="ruleForm.ygdj.fj"></el-input> | ||
376 | </el-form-item> | ||
377 | </el-col> | ||
378 | </el-row> | ||
379 | <div class="slxx_title title-block"> | ||
380 | 权利人信息 | ||
381 | <div class="triangle"></div> | ||
382 | </div> | ||
383 | <el-row :gutter="10"> | ||
384 | <el-col :span="12"> | ||
385 | <el-form-item label="共有方式:"> | ||
386 | <el-radio-group | ||
387 | :disabled="!ableOperation" | ||
388 | v-model="ruleForm.qlxx.gyfs" | ||
389 | > | ||
390 | <el-radio label="0">单独所有</el-radio> | ||
391 | <el-radio label="1">共同共有</el-radio> | ||
392 | <el-radio label="2">按份所有</el-radio> | ||
393 | <el-radio label="3">其它共有</el-radio> | ||
394 | </el-radio-group> | ||
395 | </el-form-item> | ||
396 | </el-col> | ||
397 | </el-row> | ||
398 | <qlrCommonTable | ||
399 | :tableData="ruleForm.qlrData" | ||
400 | @upDateQlrxxList="upDateQlrxxList" | ||
401 | :key="key" | ||
402 | :ableOperation="ableOperation" | ||
403 | :gyfs="ruleForm.qlxx.gyfs" | ||
404 | /> | ||
405 | |||
406 | <div v-if="ruleForm.ywrData"> | ||
407 | <div class="slxx_title title-block"> | ||
408 | 义务人信息 | ||
409 | <div class="triangle"></div> | ||
410 | </div> | ||
411 | <ywrCommonTable | ||
412 | v-if="ruleForm.ywrData" | ||
413 | :tableData="ruleForm.ywrData" | ||
414 | :key="key" | ||
415 | :ableOperation="ableOperation" | ||
416 | @upDateQlrxxList="upDateYwrxxList" | ||
417 | /> | ||
418 | </div> | ||
419 | </div> | ||
420 | <el-row class="btn" v-if="ableOperation"> | ||
421 | <el-form-item> | ||
422 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
423 | </el-form-item> | ||
424 | </el-row> | ||
425 | </el-form> | ||
426 | </div> | ||
427 | </template> | ||
428 | <script> | ||
429 | import { mapGetters } from "vuex"; | ||
430 | import { init,getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | ||
431 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | ||
432 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | ||
433 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
434 | import selectTable from "@/components/selectTable/index.vue"; | ||
435 | export default { | ||
436 | components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, | ||
437 | computed: { | ||
438 | ...mapGetters(["dictData", "flag"]), | ||
439 | // 根据流程判断表单是否为只读 | ||
440 | editDisabled() { | ||
441 | if (!this.ableOperation) { | ||
442 | //只读状态 | ||
443 | return true; | ||
444 | } | ||
445 | return false; | ||
446 | }, | ||
447 | }, | ||
448 | data() { | ||
449 | return { | ||
450 | ssqlxxshow:true, | ||
451 | props: { | ||
452 | label: "bdcqzh", | ||
453 | value: "bdcdyid", | ||
454 | }, | ||
455 | //表单是否可操作 | ||
456 | propsParam: this.$attrs, | ||
457 | key: 0, | ||
458 | isShow: false, | ||
459 | disabled: true, | ||
460 | czrOptions: [], | ||
461 | ssQlxxList: [], | ||
462 | ztQlxxList: [], | ||
463 | ruleForm: {}, | ||
464 | // 登记类型 | ||
465 | djlxlist: [ | ||
466 | { | ||
467 | dcode: "100", | ||
468 | dname: "首次登记", | ||
469 | }, | ||
470 | { | ||
471 | dcode: "200", | ||
472 | dname: "转移登记", | ||
473 | }, | ||
474 | { | ||
475 | dcode: "300", | ||
476 | dname: "变更登记", | ||
477 | }, | ||
478 | { | ||
479 | dcode: "500", | ||
480 | dname: "更正登记", | ||
481 | }, | ||
482 | |||
483 | { | ||
484 | dcode: "901", | ||
485 | dname: "补证", | ||
486 | }, | ||
487 | { | ||
488 | dcode: "902", | ||
489 | dname: "换证", | ||
490 | }, | ||
491 | ], | ||
492 | // 权属状态 | ||
493 | qsztlist: [ | ||
494 | { | ||
495 | dcode: "1", | ||
496 | dname: "现势", | ||
497 | }, | ||
498 | { | ||
499 | dcode: "2", | ||
500 | dname: "历史", | ||
501 | }, | ||
502 | ], | ||
503 | //传递参数\ | ||
504 | rules: { | ||
505 | bdcqzhrules:[ | ||
506 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
507 | ], | ||
508 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
509 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
510 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
511 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
512 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }], | ||
513 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | ||
514 | }, | ||
515 | ableOperation:false, | ||
516 | }; | ||
517 | }, | ||
518 | created() { | ||
519 | this.loadData(); | ||
520 | }, | ||
521 | mounted() { | ||
522 | this.ableOperation=this.$parent.ableOperation | ||
523 | }, | ||
524 | methods: { | ||
525 | /** | ||
526 | * @description: ztQlxxchange | ||
527 | * @param {*} val | ||
528 | * @author: renchao | ||
529 | */ | ||
530 | ztQlxxchange(val) { | ||
531 | this.ruleForm.ztQlxx = val; | ||
532 | }, | ||
533 | /** | ||
534 | * @description: ssQlxxchange | ||
535 | * @param {*} val | ||
536 | * @author: renchao | ||
537 | */ | ||
538 | ssQlxxchange(val) { | ||
539 | this.ruleForm.ssQlxx = val; | ||
540 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
541 | }, | ||
542 | /** | ||
543 | * @description: djlxchange | ||
544 | * @param {*} val | ||
545 | * @author: renchao | ||
546 | */ | ||
547 | djlxchange(val) { | ||
548 | console.log("val",val); | ||
549 | if (val == null || val == 100) { | ||
550 | this.ssqlxxshow = false; | ||
551 | } else { | ||
552 | this.ssqlxxshow = true; | ||
553 | } | ||
554 | }, | ||
555 | /** | ||
556 | * @description: loadData | ||
557 | * @author: renchao | ||
558 | */ | ||
559 | loadData() { | ||
560 | this.$startLoading(); | ||
561 | this.propsParam.isEdit=this.$parent.isEdit | ||
562 | init(this.propsParam).then((res) => { | ||
563 | if (res.code == 200) { | ||
564 | this.ruleForm = res.result; | ||
565 | let djlx = this.ruleForm.qlxx.djlx; | ||
566 | if (djlx == null || djlx == 100) { | ||
567 | this.ssqlxxshow = false; | ||
568 | } | ||
569 | this.$endLoading(); | ||
570 | this.isShow = true; | ||
571 | } | ||
572 | }); | ||
573 | //获取主体信息 | ||
574 | getSsQlxx({ | ||
575 | bdcdyid: this.propsParam.bdcdyid, | ||
576 | qllx: this.propsParam.qllx, | ||
577 | }).then((res) => { | ||
578 | if (res.code == 200) { | ||
579 | this.ssQlxxList = res.result; | ||
580 | } | ||
581 | }); | ||
582 | |||
583 | //获取上手信息 | ||
584 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
585 | if (res.code == 200) { | ||
586 | this.ztQlxxList = res.result; | ||
587 | } | ||
588 | }); | ||
589 | |||
590 | }, | ||
591 | // 更新土地用途信息 | ||
592 | /** | ||
593 | * @description: 更新土地用途信息 | ||
594 | * @param {*} val | ||
595 | * @author: renchao | ||
596 | */ | ||
597 | upDateTdytxxList(val) { | ||
598 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
599 | this.key++; | ||
600 | }, | ||
601 | // 更新权利人信息 | ||
602 | /** | ||
603 | * @description: 更新权利人信息 | ||
604 | * @param {*} val | ||
605 | * @author: renchao | ||
606 | */ | ||
607 | upDateQlrxxList(val) { | ||
608 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
609 | this.czrOptions = this.ruleForm.qlrData; | ||
610 | this.key++; | ||
611 | }, | ||
612 | // 更新义务人信息 | ||
613 | /** | ||
614 | * @description: 更新义务人信息 | ||
615 | * @param {*} val | ||
616 | * @author: renchao | ||
617 | */ | ||
618 | upDateYwrxxList(val) { | ||
619 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
620 | this.key++; | ||
621 | }, | ||
622 | /** | ||
623 | * @description: onSubmit | ||
624 | * @author: renchao | ||
625 | */ | ||
626 | onSubmit() { | ||
627 | this.$refs.ruleForm.validate((valid) => { | ||
628 | if (valid) { | ||
629 | if (this.ruleForm.qlrData.length == 0) { | ||
630 | this.$message({ | ||
631 | showClose: true, | ||
632 | message: "请确认权利人信息", | ||
633 | type: "error", | ||
634 | }); | ||
635 | return false; | ||
636 | } | ||
637 | if (this.ruleForm.ywrData.length == 0) { | ||
638 | this.$message({ | ||
639 | showClose: true, | ||
640 | message: "请确认义务人信息", | ||
641 | type: "error", | ||
642 | }); | ||
643 | return false; | ||
644 | } | ||
645 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
646 | if (this.ruleForm.qlrData.length > 1) { | ||
647 | this.$message({ | ||
648 | showClose: true, | ||
649 | message: "共有方式:单独所有,权利人只能是一个人", | ||
650 | type: "error", | ||
651 | }); | ||
652 | return false; | ||
653 | } | ||
654 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
655 | } | ||
656 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
657 | //是否分别持证 | ||
658 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
659 | //是 | ||
660 | this.ruleForm.qlrData.forEach((item, index) => { | ||
661 | item.sfczr = "1"; | ||
662 | }); | ||
663 | } else { | ||
664 | this.ruleForm.qlrData.forEach((item, index) => { | ||
665 | if (item.zjh == this.ruleForm.czr) { | ||
666 | item.sfczr = "1"; | ||
667 | } else { | ||
668 | item.sfczr = "0"; | ||
669 | } | ||
670 | }); | ||
671 | } | ||
672 | } | ||
673 | save(this.ruleForm).then((res) => { | ||
674 | if (res.code === 200) { | ||
675 | this.$message({ | ||
676 | showClose: true, | ||
677 | message: "保存成功!", | ||
678 | type: "success", | ||
679 | }); | ||
680 | this.$store.dispatch("user/refreshPage", true); | ||
681 | } else { | ||
682 | this.$message({ | ||
683 | showClose: true, | ||
684 | message: res.message, | ||
685 | type: "error", | ||
686 | }); | ||
687 | } | ||
688 | }); | ||
689 | } else { | ||
690 | return false; | ||
691 | } | ||
692 | }); | ||
693 | }, | ||
694 | }, | ||
695 | }; | ||
696 | </script> | ||
697 | <style scoped lang="scss"> | ||
698 | @import "~@/styles/public.scss"; | ||
699 | @import "~@/styles/slxx/slxx.scss"; | ||
700 | </style> |
... | @@ -45,7 +45,7 @@ | ... | @@ -45,7 +45,7 @@ |
45 | 预告登记信息 | 45 | 预告登记信息 |
46 | <div class="triangle"></div> | 46 | <div class="triangle"></div> |
47 | </div> | 47 | </div> |
48 | <el-row :gutter="10" class="ssqlxx"> | 48 | <el-row :gutter="10" class="ssqlxx"> |
49 | <el-col :span="24" v-if="ssqlxxshow"> | 49 | <el-col :span="24" v-if="ssqlxxshow"> |
50 | <el-form-item label="上手权利信息:"> | 50 | <el-form-item label="上手权利信息:"> |
51 | <select-table | 51 | <select-table | ... | ... |
... | @@ -16,9 +16,9 @@ export function getForm(tabName) { | ... | @@ -16,9 +16,9 @@ export function getForm(tabName) { |
16 | case "jsydsyq": | 16 | case "jsydsyq": |
17 | form = require("@/views/registerBook/jsydsyq.vue"); | 17 | form = require("@/views/registerBook/jsydsyq.vue"); |
18 | break; | 18 | break; |
19 | case "tdsyq": | 19 | case "tdsyq": |
20 | form = require("@/views/registerBook/tdsyq.vue"); | 20 | form = require("@/views/registerBook/tdsyq.vue"); |
21 | break; | 21 | break; |
22 | case "nydsyq": | 22 | case "nydsyq": |
23 | form = require("@/views/registerBook/nydsyq.vue"); | 23 | form = require("@/views/registerBook/nydsyq.vue"); |
24 | break; | 24 | break; |
... | @@ -46,17 +46,20 @@ export function getForm(tabName) { | ... | @@ -46,17 +46,20 @@ export function getForm(tabName) { |
46 | case "slxxjsydsyq": | 46 | case "slxxjsydsyq": |
47 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); | 47 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); |
48 | break; | 48 | break; |
49 | case "slxxtdsyq": | 49 | case "slxxtdsyq": |
50 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/tdsyq.vue"); | 50 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/tdsyq.vue"); |
51 | break; | 51 | break; |
52 | case "slxxfdcq": | 52 | case "slxxfdcq": |
53 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue"); | 53 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue"); |
54 | break; | 54 | break; |
55 | case "slxxdyaq": | 55 | case "slxxdyaq": |
56 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/dyaq.vue"); | 56 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/dyaq.vue"); |
57 | break; | 57 | break; |
58 | case "slxxygdj": | 58 | case "slxxygdydj": |
59 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/ygdj.vue"); | 59 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/ygdydj.vue"); |
60 | break; | ||
61 | case "slxxygmmdj": | ||
62 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/ygmmdj.vue"); | ||
60 | break; | 63 | break; |
61 | case "slxxyydj": | 64 | case "slxxyydj": |
62 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/yydj.vue"); | 65 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/yydj.vue"); | ... | ... |
src/views/registerBook/comparison.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 09:52:37 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="djxxTable"> | ||
8 | <div class="tableBox"> | ||
9 | <div class="title"> | ||
10 | {{ title }} | ||
11 | <div class="checkbox"> | ||
12 | <el-radio-group v-model="radio" :change="checkChange()"> | ||
13 | <el-radio :label="1">所有数据</el-radio> | ||
14 | <el-radio :label="2">只展示变化数据</el-radio> | ||
15 | </el-radio-group> | ||
16 | </div> | ||
17 | </div> | ||
18 | <div class="xxTableBox rollTable"> | ||
19 | <table class="xxTable"> | ||
20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
21 | <td> | ||
22 | {{ item.label }} | ||
23 | </td> | ||
24 | <td></td> | ||
25 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
26 | </tr> | ||
27 | </table> | ||
28 | </div> | ||
29 | </div> | ||
30 | </div> | ||
31 | </template> | ||
32 | |||
33 | <script> | ||
34 | import { datas } from "./qlxxFormData.js"; | ||
35 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | ||
36 | import { getDiyiqList } from "@/api/djbDetail.js"; | ||
37 | export default { | ||
38 | props: { | ||
39 | formData: { | ||
40 | type: Object, | ||
41 | default: {}, | ||
42 | }, | ||
43 | }, | ||
44 | data() { | ||
45 | return { | ||
46 | radio: 1, | ||
47 | title: "变化情况对比", | ||
48 | //列表数据 | ||
49 | tableData: [], | ||
50 | //空列值个数 | ||
51 | emptycolNum: 1, | ||
52 | //列名称对象 | ||
53 | columns: datas.columns().DYIQ, | ||
54 | }; | ||
55 | }, | ||
56 | created() { | ||
57 | console.log("this.formData", this.formData); | ||
58 | }, | ||
59 | methods: { | ||
60 | /** | ||
61 | * @description: checkChange | ||
62 | * @author: renchao | ||
63 | */ | ||
64 | checkChange() { | ||
65 | console.log("ssss",this.radio); | ||
66 | }, | ||
67 | }, | ||
68 | }; | ||
69 | </script> | ||
70 | |||
71 | <style lang="scss" scoped> | ||
72 | @import "./qlxxCommon.scss"; | ||
73 | </style> |
... | @@ -79,6 +79,7 @@ | ... | @@ -79,6 +79,7 @@ |
79 | ywly: "" | 79 | ywly: "" |
80 | } | 80 | } |
81 | if (this.queryForm) { | 81 | if (this.queryForm) { |
82 | this.$startLoading(); | ||
82 | searchTaskToDo({ | 83 | searchTaskToDo({ |
83 | ...this.queryForm, | 84 | ...this.queryForm, |
84 | }).then((res) => { | 85 | }).then((res) => { |
... | @@ -86,6 +87,7 @@ | ... | @@ -86,6 +87,7 @@ |
86 | let { records } = res.result; | 87 | let { records } = res.result; |
87 | 88 | ||
88 | this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid); | 89 | this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid); |
90 | this.$endLoading(); | ||
89 | } | 91 | } |
90 | }); | 92 | }); |
91 | } | 93 | } | ... | ... |
... | @@ -94,7 +94,7 @@ | ... | @@ -94,7 +94,7 @@ |
94 | </el-col> | 94 | </el-col> |
95 | <el-col :span="8"> | 95 | <el-col :span="8"> |
96 | <el-form-item label="面积:"> | 96 | <el-form-item label="面积:"> |
97 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> | 97 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
98 | </el-form-item> | 98 | </el-form-item> |
99 | </el-col> | 99 | </el-col> |
100 | <el-col :span="8"> | 100 | <el-col :span="8"> | ... | ... |
1 | 0<!-- | 1 | 0 |
2 | <!-- | ||
2 | * @Description: | 3 | * @Description: |
3 | * @Autor: renchao | 4 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:49 | 5 | * @LastEditTime: 2023-05-25 08:59:49 |
... | @@ -6,8 +7,14 @@ | ... | @@ -6,8 +7,14 @@ |
6 | <template> | 7 | <template> |
7 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
8 | <div class="slxx loadingtext"> | 9 | <div class="slxx loadingtext"> |
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" | 10 | <el-form |
10 | :inline="flag" label-width="120px"> | 11 | :model="ruleForm" |
12 | :rules="rules" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px" | ||
17 | > | ||
11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
12 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
13 | 受理信息 | 20 | 受理信息 |
... | @@ -47,7 +54,10 @@ | ... | @@ -47,7 +54,10 @@ |
47 | </el-form-item> | 54 | </el-form-item> |
48 | </el-col> | 55 | </el-col> |
49 | </el-row> | 56 | </el-row> |
50 | <div class="slxx_title title-block flex" style="justify-content: space-between;"> | 57 | <div |
58 | class="slxx_title title-block flex" | ||
59 | style="justify-content: space-between" | ||
60 | > | ||
51 | 不动产单元情况 | 61 | 不动产单元情况 |
52 | <el-button @click="compare">变化情况对比+</el-button> | 62 | <el-button @click="compare">变化情况对比+</el-button> |
53 | </div> | 63 | </div> |
... | @@ -88,11 +98,20 @@ | ... | @@ -88,11 +98,20 @@ |
88 | <el-row :gutter="10"> | 98 | <el-row :gutter="10"> |
89 | <el-col :span="8"> | 99 | <el-col :span="8"> |
90 | <el-form-item label="取得价格:"> | 100 | <el-form-item label="取得价格:"> |
91 | <div style="display:flex"> | 101 | <div style="display: flex"> |
92 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value=value.replace(/[^\d.]/g,'')" | 102 | <el-input |
93 | disabled></el-input> | 103 | v-model="ruleForm.jsydsyq.qdjg" |
104 | style="width: 500%" | ||
105 | oninput="value=value.replace(/[^\d.]/g,'')" | ||
106 | disabled | ||
107 | ></el-input> | ||
94 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> | 108 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> |
95 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 109 | <el-option |
110 | v-for="item in dictData['A57']" | ||
111 | :key="item.dcode" | ||
112 | :label="item.dname" | ||
113 | :value="item.dcode" | ||
114 | > | ||
96 | </el-option> | 115 | </el-option> |
97 | </el-select> | 116 | </el-select> |
98 | </div> | 117 | </div> |
... | @@ -121,7 +140,11 @@ | ... | @@ -121,7 +140,11 @@ |
121 | <el-row :gutter="10"> | 140 | <el-row :gutter="10"> |
122 | <el-col> | 141 | <el-col> |
123 | <el-form-item label="附记:" prop="fj"> | 142 | <el-form-item label="附记:" prop="fj"> |
124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="!ableOperation"></el-input> | 143 | <el-input |
144 | type="textarea" | ||
145 | v-model="ruleForm.jsydsyq.fj" | ||
146 | :disabled="!ableOperation" | ||
147 | ></el-input> | ||
125 | </el-form-item> | 148 | </el-form-item> |
126 | </el-col> | 149 | </el-col> |
127 | </el-row> | 150 | </el-row> |
... | @@ -132,7 +155,8 @@ | ... | @@ -132,7 +155,8 @@ |
132 | <tdytTable | 155 | <tdytTable |
133 | :tableData="ruleForm.tdytqxList" | 156 | :tableData="ruleForm.tdytqxList" |
134 | :ableOperation="ableOperation" | 157 | :ableOperation="ableOperation" |
135 | @upDateTdytxxList="upDateTdytxxList" /> | 158 | @upDateTdytxxList="upDateTdytxxList" |
159 | /> | ||
136 | <div class="slxx_title title-block"> | 160 | <div class="slxx_title title-block"> |
137 | 权利人信息 | 161 | 权利人信息 |
138 | <div class="triangle"></div> | 162 | <div class="triangle"></div> |
... | @@ -143,7 +167,10 @@ | ... | @@ -143,7 +167,10 @@ |
143 | <el-row :gutter="10"> | 167 | <el-row :gutter="10"> |
144 | <el-col :span="14"> | 168 | <el-col :span="14"> |
145 | <el-form-item label="共有方式:"> | 169 | <el-form-item label="共有方式:"> |
146 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> | 170 | <el-radio-group |
171 | :disabled="!ableOperation" | ||
172 | v-model="ruleForm.sldy.gyfs" | ||
173 | > | ||
147 | <el-radio label="0">单独所有</el-radio> | 174 | <el-radio label="0">单独所有</el-radio> |
148 | <el-radio label="1">共同共有</el-radio> | 175 | <el-radio label="1">共同共有</el-radio> |
149 | <el-radio label="2">按份所有</el-radio> | 176 | <el-radio label="2">按份所有</el-radio> |
... | @@ -153,7 +180,10 @@ | ... | @@ -153,7 +180,10 @@ |
153 | </el-col> | 180 | </el-col> |
154 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 181 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> |
155 | <el-form-item label="是否分别持证:"> | 182 | <el-form-item label="是否分别持证:"> |
156 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> | 183 | <el-radio-group |
184 | v-model="ruleForm.sldy.sqfbcz" | ||
185 | :disabled="!ableOperation" | ||
186 | > | ||
157 | <el-radio label="1">是</el-radio> | 187 | <el-radio label="1">是</el-radio> |
158 | <el-radio label="0">否</el-radio> | 188 | <el-radio label="0">否</el-radio> |
159 | </el-radio-group> | 189 | </el-radio-group> |
... | @@ -161,14 +191,28 @@ | ... | @@ -161,14 +191,28 @@ |
161 | </el-col> | 191 | </el-col> |
162 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 192 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> |
163 | <el-form-item label="持证人:"> | 193 | <el-form-item label="持证人:"> |
164 | <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> | 194 | <el-select |
165 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 195 | v-model="ruleForm.czr" |
196 | placeholder="持证人" | ||
197 | :disabled="!ableOperation" | ||
198 | > | ||
199 | <el-option | ||
200 | v-for="item in czrOptions" | ||
201 | :key="item.value" | ||
202 | :label="item.label" | ||
203 | :value="item.value" | ||
204 | > | ||
166 | </el-option> | 205 | </el-option> |
167 | </el-select> | 206 | </el-select> |
168 | </el-form-item> | 207 | </el-form-item> |
169 | </el-col> | 208 | </el-col> |
170 | </el-row> | 209 | </el-row> |
171 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList='upDateQlrxxList' :gyfs="ruleForm.sldy.gyfs" /> | 210 | <qlrCommonTable |
211 | :tableData="ruleForm.qlrList" | ||
212 | :disabled="!ableOperation" | ||
213 | @upDateQlrxxList="upDateQlrxxList" | ||
214 | :gyfs="ruleForm.sldy.gyfs" | ||
215 | /> | ||
172 | <div class="slxx_title title-block"> | 216 | <div class="slxx_title title-block"> |
173 | 登记原因 | 217 | 登记原因 |
174 | <div class="triangle"></div> | 218 | <div class="triangle"></div> |
... | @@ -176,8 +220,12 @@ | ... | @@ -176,8 +220,12 @@ |
176 | <el-row :gutter="10"> | 220 | <el-row :gutter="10"> |
177 | <el-col> | 221 | <el-col> |
178 | <el-form-item label="登记原因:" prop="djyy"> | 222 | <el-form-item label="登记原因:" prop="djyy"> |
179 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" | 223 | <el-input |
180 | v-model="ruleForm.jsydsyq.djyy"> | 224 | class="textArea" |
225 | type="textarea" | ||
226 | :disabled="!ableOperation" | ||
227 | v-model="ruleForm.jsydsyq.djyy" | ||
228 | > | ||
181 | </el-input> | 229 | </el-input> |
182 | </el-form-item> | 230 | </el-form-item> |
183 | </el-col> | 231 | </el-col> |
... | @@ -192,116 +240,106 @@ | ... | @@ -192,116 +240,106 @@ |
192 | </div> | 240 | </div> |
193 | </template> | 241 | </template> |
194 | <script> | 242 | <script> |
195 | import { mapGetters } from "vuex"; | 243 | import { mapGetters } from "vuex"; |
196 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 244 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
197 | import tdytTable from "@/views/workflow/components/tdytTable"; | 245 | import tdytTable from "@/views/workflow/components/tdytTable"; |
198 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 246 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
199 | export default { | 247 | export default { |
200 | mounted () { | 248 | mounted() { |
201 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 249 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; |
202 | this.propsParam = this.$attrs; | 250 | this.propsParam = this.$attrs; |
203 | var formdata = new FormData(); | 251 | var formdata = new FormData(); |
204 | this.$startLoading(); | 252 | this.$startLoading(); |
205 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 253 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
206 | formdata.append("djlx", this.propsParam.djlx); | 254 | formdata.append("djlx", this.propsParam.djlx); |
207 | formdata.append("isEdit", this.ableOperation); | 255 | formdata.append("isEdit", this.ableOperation); |
208 | Init(formdata).then((res) => { | 256 | Init(formdata).then((res) => { |
209 | if (res.code === 200 && res.result) { | 257 | if (res.code === 200 && res.result) { |
210 | this.ruleForm = res.result; | 258 | this.ruleForm = res.result; |
259 | } | ||
260 | this.$endLoading(); | ||
261 | }); | ||
262 | }, | ||
263 | components: { qlrCommonTable, tdytTable }, | ||
264 | computed: { | ||
265 | ...mapGetters(["dictData", "flag"]), | ||
266 | }, | ||
267 | data() { | ||
268 | return { | ||
269 | //表单是否可操作 | ||
270 | ableOperation: true, | ||
271 | disabled: true, | ||
272 | czrOptions: [], | ||
273 | ruleForm: { | ||
274 | slywxx: {}, | ||
275 | qlxx: {}, | ||
276 | zdjbxx: {}, | ||
277 | jsydsyq: {}, | ||
278 | }, | ||
279 | //传递参数 | ||
280 | propsParam: {}, | ||
281 | rules: {}, | ||
282 | }; | ||
283 | }, | ||
284 | methods: { | ||
285 | // 更新土地用途信息 | ||
286 | /** | ||
287 | * @description: 更新土地用途信息 | ||
288 | * @param {*} val | ||
289 | * @author: renchao | ||
290 | */ | ||
291 | upDateTdytxxList(val) { | ||
292 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
293 | this.key++; | ||
294 | }, | ||
295 | // 更新权利人信息 | ||
296 | /** | ||
297 | * @description: 更新权利人信息 | ||
298 | * @param {*} val | ||
299 | * @author: renchao | ||
300 | */ | ||
301 | upDateQlrxxList(val) { | ||
302 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
303 | }, | ||
304 | /** | ||
305 | * @description: onSubmit | ||
306 | * @author: renchao | ||
307 | */ | ||
308 | onSubmit() { | ||
309 | saveData(this.ruleForm).then((res) => { | ||
310 | if (res.code === 200) { | ||
311 | this.$message({ | ||
312 | showClose: true, | ||
313 | message: "保存成功!", | ||
314 | type: "success", | ||
315 | }); | ||
316 | this.$store.dispatch("user/refreshPage", true); | ||
317 | } else { | ||
318 | this.$message({ | ||
319 | showClose: true, | ||
320 | message: res.message, | ||
321 | type: "error", | ||
322 | }); | ||
211 | } | 323 | } |
212 | this.$endLoading(); | ||
213 | }); | 324 | }); |
214 | }, | 325 | }, |
215 | components: { qlrCommonTable, tdytTable }, | 326 | /** |
216 | computed: { | 327 | * @description: compare |
217 | ...mapGetters(["dictData", "flag"]) | 328 | * @author: renchao |
218 | }, | 329 | */ |
219 | data () { | 330 | compare() { |
220 | return { | 331 | this.$popupDialog( |
221 | //表单是否可操作 | 332 | "国有建设用地使用权", |
222 | ableOperation: true, | 333 | "registerBook/comparison", |
223 | disabled: true, | 334 | { propsParam: this.propsParam }, |
224 | czrOptions: [], | 335 | "80%", |
225 | ruleForm: { | 336 | true |
226 | slywxx: {}, | 337 | ); |
227 | qlxx: {}, | ||
228 | zdjbxx: {}, | ||
229 | jsydsyq: {} | ||
230 | }, | ||
231 | //传递参数 | ||
232 | propsParam: {}, | ||
233 | rules: {}, | ||
234 | }; | ||
235 | }, | 338 | }, |
236 | methods: { | 339 | }, |
237 | // 更新土地用途信息 | 340 | }; |
238 | /** | ||
239 | * @description: 更新土地用途信息 | ||
240 | * @param {*} val | ||
241 | * @author: renchao | ||
242 | */ | ||
243 | upDateTdytxxList (val) { | ||
244 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
245 | this.key++; | ||
246 | }, | ||
247 | // 更新权利人信息 | ||
248 | /** | ||
249 | * @description: 更新权利人信息 | ||
250 | * @param {*} val | ||
251 | * @author: renchao | ||
252 | */ | ||
253 | upDateQlrxxList (val) { | ||
254 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
255 | }, | ||
256 | /** | ||
257 | * @description: onSubmit | ||
258 | * @author: renchao | ||
259 | */ | ||
260 | onSubmit () { | ||
261 | saveData(this.ruleForm).then((res) => { | ||
262 | if (res.code === 200) { | ||
263 | this.$message({ | ||
264 | showClose: true, | ||
265 | message: "保存成功!", | ||
266 | type: "success", | ||
267 | }) | ||
268 | this.$store.dispatch('user/refreshPage', true); | ||
269 | } else { | ||
270 | this.$message({ | ||
271 | showClose: true, | ||
272 | message: res.message, | ||
273 | type: "error", | ||
274 | }); | ||
275 | } | ||
276 | }); | ||
277 | }, | ||
278 | /** | ||
279 | * @description: compare | ||
280 | * @author: renchao | ||
281 | */ | ||
282 | compare () { | ||
283 | this.$popup({ | ||
284 | titleStyle: "left", | ||
285 | title: "土地变化情况比对", // 弹窗标题 | ||
286 | editItem: "registerBook/jsydsyq", // 弹窗内容 | ||
287 | formData: this.propsParam, | ||
288 | width: "1220px", | ||
289 | height: "790px", | ||
290 | // cancelText: '取消摆烂', // 右边按钮文本 | ||
291 | // confirmText: '确定点击', //左边按钮文本 | ||
292 | cancel: () => { | ||
293 | console.log("取消回调"); | ||
294 | }, | ||
295 | confirm: () => { | ||
296 | console.log("确认回调"); | ||
297 | }, | ||
298 | }); | ||
299 | } | ||
300 | }, | ||
301 | |||
302 | }; | ||
303 | </script> | 341 | </script> |
304 | <style scoped lang='scss'> | 342 | <style scoped lang="scss"> |
305 | @import "~@/styles/public.scss"; | 343 | @import "~@/styles/public.scss"; |
306 | @import "~@/styles/slxx/slxx.scss"; | 344 | @import "~@/styles/slxx/slxx.scss"; |
307 | </style> | 345 | </style> | ... | ... |
... | @@ -100,7 +100,7 @@ | ... | @@ -100,7 +100,7 @@ |
100 | <el-input | 100 | <el-input |
101 | v-model="ruleForm.tdsyq.nydmj" | 101 | v-model="ruleForm.tdsyq.nydmj" |
102 | :disabled="!ableOperation" | 102 | :disabled="!ableOperation" |
103 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 103 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
104 | <el-select | 104 | <el-select |
105 | v-model="mjdw" | 105 | v-model="mjdw" |
106 | :disabled="!ableOperation" | 106 | :disabled="!ableOperation" |
... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
121 | <el-input | 121 | <el-input |
122 | v-model="ruleForm.tdsyq.gdmj" | 122 | v-model="ruleForm.tdsyq.gdmj" |
123 | :disabled="!ableOperation" | 123 | :disabled="!ableOperation" |
124 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 124 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
125 | <el-select | 125 | <el-select |
126 | v-model="mjdw" | 126 | v-model="mjdw" |
127 | :disabled="!ableOperation" | 127 | :disabled="!ableOperation" |
... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
142 | <el-input | 142 | <el-input |
143 | v-model="ruleForm.tdsyq.ldmj" | 143 | v-model="ruleForm.tdsyq.ldmj" |
144 | :disabled="!ableOperation" | 144 | :disabled="!ableOperation" |
145 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 145 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
146 | <el-select | 146 | <el-select |
147 | v-model="mjdw" | 147 | v-model="mjdw" |
148 | :disabled="!ableOperation" | 148 | :disabled="!ableOperation" |
... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
165 | <el-input | 165 | <el-input |
166 | v-model="ruleForm.tdsyq.cdmj" | 166 | v-model="ruleForm.tdsyq.cdmj" |
167 | :disabled="!ableOperation" | 167 | :disabled="!ableOperation" |
168 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 168 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
169 | <el-select | 169 | <el-select |
170 | v-model="mjdw" | 170 | v-model="mjdw" |
171 | :disabled="!ableOperation" | 171 | :disabled="!ableOperation" |
... | @@ -186,7 +186,7 @@ | ... | @@ -186,7 +186,7 @@ |
186 | <el-input | 186 | <el-input |
187 | v-model="ruleForm.tdsyq.qtnydmj" | 187 | v-model="ruleForm.tdsyq.qtnydmj" |
188 | :disabled="!ableOperation" | 188 | :disabled="!ableOperation" |
189 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 189 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
190 | <el-select | 190 | <el-select |
191 | v-model="mjdw" | 191 | v-model="mjdw" |
192 | :disabled="!ableOperation" | 192 | :disabled="!ableOperation" |
... | @@ -207,7 +207,7 @@ | ... | @@ -207,7 +207,7 @@ |
207 | <el-input | 207 | <el-input |
208 | v-model="ruleForm.tdsyq.jsydmj" | 208 | v-model="ruleForm.tdsyq.jsydmj" |
209 | :disabled="!ableOperation" | 209 | :disabled="!ableOperation" |
210 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 210 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
211 | <el-select | 211 | <el-select |
212 | v-model="mjdw" | 212 | v-model="mjdw" |
213 | :disabled="!ableOperation" | 213 | :disabled="!ableOperation" |
... | @@ -230,7 +230,7 @@ | ... | @@ -230,7 +230,7 @@ |
230 | <el-input | 230 | <el-input |
231 | v-model="ruleForm.tdsyq.wlydmj" | 231 | v-model="ruleForm.tdsyq.wlydmj" |
232 | :disabled="!ableOperation" | 232 | :disabled="!ableOperation" |
233 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 233 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
234 | <el-select | 234 | <el-select |
235 | v-model="mjdw" | 235 | v-model="mjdw" |
236 | :disabled="!ableOperation" | 236 | :disabled="!ableOperation" | ... | ... |
-
Please register or sign in to post a comment