Merge branch 'dev'
Showing
11 changed files
with
2706 additions
and
2905 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 10:59:22 | 4 | * @LastEditTime: 2023-08-04 10:59:01 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | label-width="169px" | 17 | label-width="169px" |
| 18 | inline-message | 18 | inline-message |
| 19 | :show-message="false" | 19 | :show-message="false"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -49,25 +48,21 @@ | ... | @@ -49,25 +48,21 @@ |
| 49 | <el-form-item | 48 | <el-form-item |
| 50 | label="抵押不动产信息：" | 49 | label="抵押不动产信息：" |
| 51 | prop="ztQlxx.bdcqzh" | 50 | prop="ztQlxx.bdcqzh" |
| 52 | :rules="rules.ztQlxxrules" | 51 | :rules="rules.ztQlxxrules"> |
| 53 | > | ||
| 54 | <select-table | 52 | <select-table |
| 55 | v-model="ruleForm.ztQlxx" | 53 | v-model="ruleForm.ztQlxx" |
| 56 | :table-width="550" | 54 | :table-width="550" |
| 57 | :tableData="ztQlxxList" | 55 | :tableData="ztQlxxList" |
| 58 | :props="props" | 56 | :props="props" |
| 59 | @change="ztQlxxchange" | 57 | @change="ztQlxxchange"> |
| 60 | > | ||
| 61 | <el-table-column | 58 | <el-table-column |
| 62 | prop="qllxmc" | 59 | prop="qllxmc" |
| 63 | width="130" | 60 | width="130" |
| 64 | label="权利类型" | 61 | label="权利类型"></el-table-column> |
| 65 | ></el-table-column> | ||
| 66 | <el-table-column | 62 | <el-table-column |
| 67 | prop="bdcqzh" | 63 | prop="bdcqzh" |
| 68 | width="160" | 64 | width="160" |
| 69 | label="不动产权证书" | 65 | label="不动产权证书"></el-table-column> |
| 70 | ></el-table-column> | ||
| 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 66 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 67 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 68 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -80,25 +75,21 @@ | ... | @@ -80,25 +75,21 @@ |
| 80 | <el-form-item | 75 | <el-form-item |
| 81 | label="上手权利信息：" | 76 | label="上手权利信息：" |
| 82 | prop="ssQlxx.bdcqzh" | 77 | prop="ssQlxx.bdcqzh" |
| 83 | :rules="rules.ssQlxxrules" | 78 | :rules="rules.ssQlxxrules"> |
| 84 | > | ||
| 85 | <select-table | 79 | <select-table |
| 86 | v-model="ruleForm.ssQlxx" | 80 | v-model="ruleForm.ssQlxx" |
| 87 | :table-width="550" | 81 | :table-width="550" |
| 88 | :tableData="ssQlxxList" | 82 | :tableData="ssQlxxList" |
| 89 | :props="props" | 83 | :props="props" |
| 90 | @change="ssQlxxchange" | 84 | @change="ssQlxxchange"> |
| 91 | > | ||
| 92 | <el-table-column | 85 | <el-table-column |
| 93 | prop="qllxmc" | 86 | prop="qllxmc" |
| 94 | width="130" | 87 | width="130" |
| 95 | label="权利类型" | 88 | label="权利类型"></el-table-column> |
| 96 | ></el-table-column> | ||
| 97 | <el-table-column | 89 | <el-table-column |
| 98 | prop="bdcqzh" | 90 | prop="bdcqzh" |
| 99 | width="160" | 91 | width="160" |
| 100 | label="不动产权证书" | 92 | label="不动产权证书"></el-table-column> |
| 101 | ></el-table-column> | ||
| 102 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 93 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 103 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 94 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 104 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 95 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -179,15 +170,13 @@ | ... | @@ -179,15 +170,13 @@ |
| 179 | <el-form-item | 170 | <el-form-item |
| 180 | label="登记类型：" | 171 | label="登记类型：" |
| 181 | prop="qlxx.djlx" | 172 | prop="qlxx.djlx" |
| 182 | :rules="rules.djlxrules" | 173 | :rules="rules.djlxrules"> |
| 183 | > | ||
| 184 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 174 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 185 | <el-option | 175 | <el-option |
| 186 | v-for="item in djlxlist" | 176 | v-for="item in djlxlist" |
| 187 | :key="item.dcode" | 177 | :key="item.dcode" |
| 188 | :label="item.dname" | 178 | :label="item.dname" |
| 189 | :value="item.dcode" | 179 | :value="item.dcode"></el-option> |
| 190 | ></el-option> | ||
| 191 | </el-select> | 180 | </el-select> |
| 192 | </el-form-item> | 181 | </el-form-item> |
| 193 | </el-col> | 182 | </el-col> |
| ... | @@ -200,8 +189,7 @@ | ... | @@ -200,8 +189,7 @@ |
| 200 | v-for="item in qsztlist" | 189 | v-for="item in qsztlist" |
| 201 | :key="item.dcode" | 190 | :key="item.dcode" |
| 202 | :label="item.dname" | 191 | :label="item.dname" |
| 203 | :value="item.dcode" | 192 | :value="item.dcode"></el-option> |
| 204 | ></el-option> | ||
| 205 | </el-select> | 193 | </el-select> |
| 206 | </el-form-item> | 194 | </el-form-item> |
| 207 | </el-col> | 195 | </el-col> |
| ... | @@ -209,8 +197,7 @@ | ... | @@ -209,8 +197,7 @@ |
| 209 | <el-form-item | 197 | <el-form-item |
| 210 | label="业务号：" | 198 | label="业务号：" |
| 211 | prop="qlxx.ywh" | 199 | prop="qlxx.ywh" |
| 212 | :rules="rules.ywhrules" | 200 | :rules="rules.ywhrules"> |
| 213 | > | ||
| 214 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 201 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 215 | </el-form-item> | 202 | </el-form-item> |
| 216 | </el-col> | 203 | </el-col> |
| ... | @@ -243,15 +230,13 @@ | ... | @@ -243,15 +230,13 @@ |
| 243 | <el-input | 230 | <el-input |
| 244 | v-model="ruleForm.diyaq.zgzqse" | 231 | v-model="ruleForm.diyaq.zgzqse" |
| 245 | style="width: 500%" | 232 | style="width: 500%" |
| 246 | oninput="value=value.replace(/[^\d.]/g,'')" | 233 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 247 | ></el-input> | ||
| 248 | <el-select v-model="ruleForm.diyaq.jedw"> | 234 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 249 | <el-option | 235 | <el-option |
| 250 | v-for="item in dictData['A57']" | 236 | v-for="item in dictData['A57']" |
| 251 | :key="item.dcode" | 237 | :key="item.dcode" |
| 252 | :label="item.dname" | 238 | :label="item.dname" |
| 253 | :value="item.dcode" | 239 | :value="item.dcode"></el-option> |
| 254 | ></el-option> | ||
| 255 | </el-select> | 240 | </el-select> |
| 256 | </div> | 241 | </div> |
| 257 | </el-form-item> | 242 | </el-form-item> |
| ... | @@ -262,15 +247,13 @@ | ... | @@ -262,15 +247,13 @@ |
| 262 | <el-input | 247 | <el-input |
| 263 | v-model="ruleForm.diyaq.bdbzzqse" | 248 | v-model="ruleForm.diyaq.bdbzzqse" |
| 264 | style="width: 500%" | 249 | style="width: 500%" |
| 265 | oninput="value=value.replace(/[^\d.]/g,'')" | 250 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 266 | ></el-input> | ||
| 267 | <el-select v-model="ruleForm.diyaq.jedw"> | 251 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 268 | <el-option | 252 | <el-option |
| 269 | v-for="item in dictData['A57']" | 253 | v-for="item in dictData['A57']" |
| 270 | :key="item.dcode" | 254 | :key="item.dcode" |
| 271 | :label="item.dname" | 255 | :label="item.dname" |
| 272 | :value="item.dcode" | 256 | :value="item.dcode"></el-option> |
| 273 | ></el-option> | ||
| 274 | </el-select> | 257 | </el-select> |
| 275 | </div> | 258 | </div> |
| 276 | </el-form-item> | 259 | </el-form-item> |
| ... | @@ -282,15 +265,13 @@ | ... | @@ -282,15 +265,13 @@ |
| 282 | <div class="flex"> | 265 | <div class="flex"> |
| 283 | <el-input | 266 | <el-input |
| 284 | v-model="ruleForm.diyaq.dymj" | 267 | v-model="ruleForm.diyaq.dymj" |
| 285 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 286 | ></el-input> | ||
| 287 | <el-select v-model="ruleForm.diyaq.jedw" style="width: 20%"> | 269 | <el-select v-model="ruleForm.diyaq.jedw" style="width: 20%"> |
| 288 | <el-option | 270 | <el-option |
| 289 | v-for="item in dictData['A7']" | 271 | v-for="item in dictData['A7']" |
| 290 | :key="item.dcode" | 272 | :key="item.dcode" |
| 291 | :label="item.dname" | 273 | :label="item.dname" |
| 292 | :value="item.dcode" | 274 | :value="item.dcode"> |
| 293 | > | ||
| 294 | </el-option> | 275 | </el-option> |
| 295 | </el-select> | 276 | </el-select> |
| 296 | </div> | 277 | </div> |
| ... | @@ -301,15 +282,13 @@ | ... | @@ -301,15 +282,13 @@ |
| 301 | <el-form-item | 282 | <el-form-item |
| 302 | label="债务履行起始时间：" | 283 | label="债务履行起始时间：" |
| 303 | prop="diyaq.zwlxqssj" | 284 | prop="diyaq.zwlxqssj" |
| 304 | :rules="rules.zwlxqssjrules" | 285 | :rules="rules.zwlxqssjrules"> |
| 305 | > | ||
| 306 | <el-date-picker | 286 | <el-date-picker |
| 307 | v-model="ruleForm.diyaq.zwlxqssj" | 287 | v-model="ruleForm.diyaq.zwlxqssj" |
| 308 | type="date" | 288 | type="date" |
| 309 | placeholder="选择日期" | 289 | placeholder="选择日期" |
| 310 | value-format="yyyy-MM-dd HH:mm:ss" | 290 | value-format="yyyy-MM-dd HH:mm:ss" |
| 311 | format="yyyy-MM-dd" | 291 | format="yyyy-MM-dd"> |
| 312 | > | ||
| 313 | </el-date-picker> | 292 | </el-date-picker> |
| 314 | </el-form-item> | 293 | </el-form-item> |
| 315 | </el-col> | 294 | </el-col> |
| ... | @@ -317,15 +296,13 @@ | ... | @@ -317,15 +296,13 @@ |
| 317 | <el-form-item | 296 | <el-form-item |
| 318 | label="债务履行结束时间：" | 297 | label="债务履行结束时间：" |
| 319 | prop="diyaq.zwlxjssj" | 298 | prop="diyaq.zwlxjssj" |
| 320 | :rules="rules.zwlxjssjrules" | 299 | :rules="rules.zwlxjssjrules"> |
| 321 | > | ||
| 322 | <el-date-picker | 300 | <el-date-picker |
| 323 | v-model="ruleForm.diyaq.zwlxjssj" | 301 | v-model="ruleForm.diyaq.zwlxjssj" |
| 324 | type="date" | 302 | type="date" |
| 325 | placeholder="选择日期" | 303 | placeholder="选择日期" |
| 326 | value-format="yyyy-MM-dd HH:mm:ss" | 304 | value-format="yyyy-MM-dd HH:mm:ss" |
| 327 | format="yyyy-MM-dd" | 305 | format="yyyy-MM-dd"> |
| 328 | > | ||
| 329 | </el-date-picker> | 306 | </el-date-picker> |
| 330 | </el-form-item> | 307 | </el-form-item> |
| 331 | </el-col> | 308 | </el-col> |
| ... | @@ -379,8 +356,7 @@ | ... | @@ -379,8 +356,7 @@ |
| 379 | v-for="item in dictData['A6']" | 356 | v-for="item in dictData['A6']" |
| 380 | :key="item.dcode" | 357 | :key="item.dcode" |
| 381 | :label="item.dname" | 358 | :label="item.dname" |
| 382 | :value="item.dcode" | 359 | :value="item.dcode"> |
| 383 | > | ||
| 384 | </el-option> | 360 | </el-option> |
| 385 | </el-select> | 361 | </el-select> |
| 386 | </el-form-item> | 362 | </el-form-item> |
| ... | @@ -389,8 +365,7 @@ | ... | @@ -389,8 +365,7 @@ |
| 389 | <el-form-item | 365 | <el-form-item |
| 390 | label="不动产登记证明号：" | 366 | label="不动产登记证明号：" |
| 391 | prop="qlxx.bdcqzh" | 367 | prop="qlxx.bdcqzh" |
| 392 | :rules="rules.bdcqzhrules" | 368 | :rules="rules.bdcqzhrules"> |
| 393 | > | ||
| 394 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 369 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 395 | </el-form-item> | 370 | </el-form-item> |
| 396 | </el-col> | 371 | </el-col> |
| ... | @@ -399,8 +374,7 @@ | ... | @@ -399,8 +374,7 @@ |
| 399 | <el-form-item | 374 | <el-form-item |
| 400 | label="登记机构：" | 375 | label="登记机构：" |
| 401 | prop="qlxx.djjg" | 376 | prop="qlxx.djjg" |
| 402 | :rules="rules.djjgrules" | 377 | :rules="rules.djjgrules"> |
| 403 | > | ||
| 404 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 378 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 405 | </el-form-item> | 379 | </el-form-item> |
| 406 | </el-col> | 380 | </el-col> |
| ... | @@ -408,8 +382,7 @@ | ... | @@ -408,8 +382,7 @@ |
| 408 | <el-form-item | 382 | <el-form-item |
| 409 | label="登簿人：" | 383 | label="登簿人：" |
| 410 | prop="qlxx.dbr" | 384 | prop="qlxx.dbr" |
| 411 | :rules="rules.dbrrules" | 385 | :rules="rules.dbrrules"> |
| 412 | > | ||
| 413 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 386 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 414 | </el-form-item> | 387 | </el-form-item> |
| 415 | </el-col> | 388 | </el-col> |
| ... | @@ -417,16 +390,14 @@ | ... | @@ -417,16 +390,14 @@ |
| 417 | <el-form-item | 390 | <el-form-item |
| 418 | label="登记时间：" | 391 | label="登记时间：" |
| 419 | prop="qlxx.djsj" | 392 | prop="qlxx.djsj" |
| 420 | :rules="rules.djsjrules" | 393 | :rules="rules.djsjrules"> |
| 421 | > | ||
| 422 | <el-date-picker | 394 | <el-date-picker |
| 423 | v-model="ruleForm.qlxx.djsj" | 395 | v-model="ruleForm.qlxx.djsj" |
| 424 | type="date" | 396 | type="date" |
| 425 | class="width100" | 397 | class="width100" |
| 426 | placeholder="选择日期" | 398 | placeholder="选择日期" |
| 427 | value-format="yyyy-MM-dd HH:mm:ss" | 399 | value-format="yyyy-MM-dd HH:mm:ss" |
| 428 | format="yyyy-MM-dd" | 400 | format="yyyy-MM-dd"> |
| 429 | > | ||
| 430 | </el-date-picker> | 401 | </el-date-picker> |
| 431 | </el-form-item> | 402 | </el-form-item> |
| 432 | </el-col> | 403 | </el-col> |
| ... | @@ -468,15 +439,13 @@ | ... | @@ -468,15 +439,13 @@ |
| 468 | <el-form-item | 439 | <el-form-item |
| 469 | label="注销时间：" | 440 | label="注销时间：" |
| 470 | prop="qlxx.zxsj" | 441 | prop="qlxx.zxsj" |
| 471 | :rules="rules.zxsjrules" | 442 | :rules="rules.zxsjrules"> |
| 472 | > | ||
| 473 | <el-date-picker | 443 | <el-date-picker |
| 474 | v-model="ruleForm.qlxx.zxsj" | 444 | v-model="ruleForm.qlxx.zxsj" |
| 475 | type="date" | 445 | type="date" |
| 476 | placeholder="选择日期" | 446 | placeholder="选择日期" |
| 477 | value-format="yyyy-MM-dd HH:mm:ss" | 447 | value-format="yyyy-MM-dd HH:mm:ss" |
| 478 | format="yyyy-MM-dd" | 448 | format="yyyy-MM-dd"> |
| 479 | > | ||
| 480 | </el-date-picker> | 449 | </el-date-picker> |
| 481 | </el-form-item> | 450 | </el-form-item> |
| 482 | </el-col> | 451 | </el-col> |
| ... | @@ -484,8 +453,7 @@ | ... | @@ -484,8 +453,7 @@ |
| 484 | <el-form-item | 453 | <el-form-item |
| 485 | label="注销登簿人：" | 454 | label="注销登簿人：" |
| 486 | prop="qlxx.zxdbr" | 455 | prop="qlxx.zxdbr" |
| 487 | :rules="rules.zxdbrrules" | 456 | :rules="rules.zxdbrrules"> |
| 488 | > | ||
| 489 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> | 457 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> |
| 490 | </el-form-item> | 458 | </el-form-item> |
| 491 | </el-col> | 459 | </el-col> |
| ... | @@ -493,8 +461,7 @@ | ... | @@ -493,8 +461,7 @@ |
| 493 | <el-form-item | 461 | <el-form-item |
| 494 | label="注销抵押原因：" | 462 | label="注销抵押原因：" |
| 495 | prop="diyaq.zxdyyy" | 463 | prop="diyaq.zxdyyy" |
| 496 | :rules="rules.zxdyyyrules" | 464 | :rules="rules.zxdyyyrules"> |
| 497 | > | ||
| 498 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> | 465 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> |
| 499 | </el-form-item> | 466 | </el-form-item> |
| 500 | </el-col> | 467 | </el-col> |
| ... | @@ -508,8 +475,7 @@ | ... | @@ -508,8 +475,7 @@ |
| 508 | <el-form-item label="共有方式："> | 475 | <el-form-item label="共有方式："> |
| 509 | <el-radio-group | 476 | <el-radio-group |
| 510 | :disabled="!ableOperation" | 477 | :disabled="!ableOperation" |
| 511 | v-model="ruleForm.qlxx.gyfs" | 478 | v-model="ruleForm.sldy.gyfs"> |
| 512 | > | ||
| 513 | <el-radio label="0">单独所有</el-radio> | 479 | <el-radio label="0">单独所有</el-radio> |
| 514 | <el-radio label="1">共同共有</el-radio> | 480 | <el-radio label="1">共同共有</el-radio> |
| 515 | <el-radio label="2">按份所有</el-radio> | 481 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -517,12 +483,11 @@ | ... | @@ -517,12 +483,11 @@ |
| 517 | </el-radio-group> | 483 | </el-radio-group> |
| 518 | </el-form-item> | 484 | </el-form-item> |
| 519 | </el-col> | 485 | </el-col> |
| 520 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 486 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 521 | <el-form-item label="是否分别持证："> | 487 | <el-form-item label="是否分别持证："> |
| 522 | <el-radio-group | 488 | <el-radio-group |
| 523 | v-model="ruleForm.qlxx.sqfbcz" | 489 | v-model="ruleForm.sldy.sqfbcz" |
| 524 | :disabled="!ableOperation" | 490 | :disabled="!ableOperation"> |
| 525 | > | ||
| 526 | <el-radio :label="1">是</el-radio> | 491 | <el-radio :label="1">是</el-radio> |
| 527 | <el-radio :label="0">否</el-radio> | 492 | <el-radio :label="0">否</el-radio> |
| 528 | </el-radio-group> | 493 | </el-radio-group> |
| ... | @@ -530,20 +495,17 @@ | ... | @@ -530,20 +495,17 @@ |
| 530 | </el-col> | 495 | </el-col> |
| 531 | <el-col | 496 | <el-col |
| 532 | :span="6" | 497 | :span="6" |
| 533 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | 498 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 534 | > | ||
| 535 | <el-form-item label="持证人："> | 499 | <el-form-item label="持证人："> |
| 536 | <el-select | 500 | <el-select |
| 537 | v-model="ruleForm.czr" | 501 | v-model="ruleForm.czr" |
| 538 | placeholder="持证人" | 502 | placeholder="持证人" |
| 539 | :disabled="!ableOperation" | 503 | :disabled="!ableOperation"> |
| 540 | > | ||
| 541 | <el-option | 504 | <el-option |
| 542 | v-for="item in czrOptions" | 505 | v-for="item in czrOptions" |
| 543 | :key="item.zjh" | 506 | :key="item.zjh" |
| 544 | :label="item.sqrmc" | 507 | :label="item.sqrmc" |
| 545 | :value="item.zjh" | 508 | :value="item.zjh"> |
| 546 | > | ||
| 547 | </el-option> | 509 | </el-option> |
| 548 | </el-select> | 510 | </el-select> |
| 549 | </el-form-item> | 511 | </el-form-item> |
| ... | @@ -554,8 +516,7 @@ | ... | @@ -554,8 +516,7 @@ |
| 554 | @upDateQlrxxList="upDateQlrxxList" | 516 | @upDateQlrxxList="upDateQlrxxList" |
| 555 | :key="key" | 517 | :key="key" |
| 556 | :ableOperation="ableOperation" | 518 | :ableOperation="ableOperation" |
| 557 | :gyfs="ruleForm.qlxx.gyfs" | 519 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 558 | /> | ||
| 559 | 520 | ||
| 560 | <div v-if="ruleForm.ywrData"> | 521 | <div v-if="ruleForm.ywrData"> |
| 561 | <div class="slxx_title title-block"> | 522 | <div class="slxx_title title-block"> |
| ... | @@ -567,8 +528,7 @@ | ... | @@ -567,8 +528,7 @@ |
| 567 | :tableData="ruleForm.ywrData" | 528 | :tableData="ruleForm.ywrData" |
| 568 | :key="key" | 529 | :key="key" |
| 569 | :ableOperation="ableOperation" | 530 | :ableOperation="ableOperation" |
| 570 | @upDateQlrxxList="upDateYwrxxList" | 531 | @upDateQlrxxList="upDateYwrxxList" /> |
| 571 | /> | ||
| 572 | </div> | 532 | </div> |
| 573 | </div> | 533 | </div> |
| 574 | <el-row class="btn" v-if="ableOperation"> | 534 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -580,359 +540,359 @@ | ... | @@ -580,359 +540,359 @@ |
| 580 | </div> | 540 | </div> |
| 581 | </template> | 541 | </template> |
| 582 | <script> | 542 | <script> |
| 583 | import { mapGetters } from "vuex"; | 543 | import { mapGetters } from "vuex"; |
| 584 | import ywmix from "@/views/ywbl/mixin/index"; | 544 | import ywmix from "@/views/ywbl/mixin/index"; |
| 585 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 545 | import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 586 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 546 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 587 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 547 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 588 | import selectTable from "@/components/selectTable/index.vue"; | 548 | import selectTable from "@/components/selectTable/index.vue"; |
| 589 | import tdytTable from "@/views/workflow/components/tdytTable"; | 549 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 590 | export default { | 550 | export default { |
| 591 | mixins: [ywmix], | 551 | mixins: [ywmix], |
| 592 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 552 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 593 | computed: { | 553 | computed: { |
| 594 | ...mapGetters(["dictData", "flag"]), | 554 | ...mapGetters(["dictData", "flag"]), |
| 595 | // 根据流程判断表单是否为只读 | 555 | // 根据流程判断表单是否为只读 |
| 596 | editDisabled() { | 556 | editDisabled () { |
| 597 | if (!this.ableOperation) { | 557 | if (!this.ableOperation) { |
| 598 | //只读状态 | 558 | //只读状态 |
| 599 | return true; | 559 | return true; |
| 600 | } | 560 | } |
| 601 | return false; | 561 | return false; |
| 602 | }, | ||
| 603 | }, | ||
| 604 | data() { | ||
| 605 | return { | ||
| 606 | mjdw: "1", | ||
| 607 | props: { | ||
| 608 | label: "bdcqzh", | ||
| 609 | value: "bdcdyid", | ||
| 610 | }, | 562 | }, |
| 611 | //表单是否可操作 | 563 | }, |
| 612 | propsParam: this.$attrs, | 564 | data () { |
| 613 | key: 0, | 565 | return { |
| 614 | isShow: false, | 566 | mjdw: "1", |
| 615 | disabled: true, | 567 | props: { |
| 616 | ssqlxxshow: true, | 568 | label: "bdcqzh", |
| 617 | czrOptions: [], | 569 | value: "bdcdyid", |
| 618 | ruleForm: {}, | ||
| 619 | // 权属状态 | ||
| 620 | qsztlist: [ | ||
| 621 | { | ||
| 622 | dcode: "1", | ||
| 623 | dname: "现势", | ||
| 624 | }, | ||
| 625 | { | ||
| 626 | dcode: "2", | ||
| 627 | dname: "历史", | ||
| 628 | }, | ||
| 629 | ], | ||
| 630 | // 登记类型 | ||
| 631 | djlxlist: [ | ||
| 632 | { | ||
| 633 | dcode: "100", | ||
| 634 | dname: "首次登记", | ||
| 635 | }, | ||
| 636 | { | ||
| 637 | dcode: "200", | ||
| 638 | dname: "转移登记", | ||
| 639 | }, | ||
| 640 | { | ||
| 641 | dcode: "300", | ||
| 642 | dname: "变更登记", | ||
| 643 | }, | ||
| 644 | { | ||
| 645 | dcode: "500", | ||
| 646 | dname: "更正登记", | ||
| 647 | }, | ||
| 648 | |||
| 649 | { | ||
| 650 | dcode: "901", | ||
| 651 | dname: "补证", | ||
| 652 | }, | ||
| 653 | { | ||
| 654 | dcode: "902", | ||
| 655 | dname: "换证", | ||
| 656 | }, | 570 | }, |
| 657 | ], | 571 | //表单是否可操作 |
| 658 | ssQlxxList: [], | 572 | propsParam: this.$attrs, |
| 659 | ztQlxxList: [], | 573 | key: 0, |
| 660 | ableOperation: false, | 574 | isShow: false, |
| 661 | rules: { | 575 | disabled: true, |
| 662 | ssQlxxrules: [ | 576 | ssqlxxshow: true, |
| 663 | { required: true, message: "上手权利信息", trigger: "blur" }, | 577 | czrOptions: [], |
| 664 | ], | 578 | ruleForm: {}, |
| 665 | ztQlxxrules: [ | 579 | // 权属状态 |
| 666 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 580 | qsztlist: [ |
| 667 | ], | 581 | { |
| 668 | bdcqzhrules: [ | 582 | dcode: "1", |
| 669 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 583 | dname: "现势", |
| 670 | ], | 584 | }, |
| 671 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 585 | { |
| 672 | zwlxqssjrules: [ | 586 | dcode: "2", |
| 673 | { required: true, message: "债务履行起始时间", trigger: "blur" }, | 587 | dname: "历史", |
| 674 | ], | 588 | }, |
| 675 | zwlxjssjrules: [ | ||
| 676 | { required: true, message: "债务履行结束时间", trigger: "blur" }, | ||
| 677 | ], | 589 | ], |
| 590 | // 登记类型 | ||
| 591 | djlxlist: [ | ||
| 592 | { | ||
| 593 | dcode: "100", | ||
| 594 | dname: "首次登记", | ||
| 595 | }, | ||
| 596 | { | ||
| 597 | dcode: "200", | ||
| 598 | dname: "转移登记", | ||
| 599 | }, | ||
| 600 | { | ||
| 601 | dcode: "300", | ||
| 602 | dname: "变更登记", | ||
| 603 | }, | ||
| 604 | { | ||
| 605 | dcode: "500", | ||
| 606 | dname: "更正登记", | ||
| 607 | }, | ||
| 678 | 608 | ||
| 679 | zxdyyyrules: [ | 609 | { |
| 680 | { required: true, message: "注销抵押原因", trigger: "blur" }, | 610 | dcode: "901", |
| 681 | ], | 611 | dname: "补证", |
| 682 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], | 612 | }, |
| 683 | zxdbrrules: [ | 613 | { |
| 684 | { required: true, message: "注销登簿人", trigger: "blur" }, | 614 | dcode: "902", |
| 615 | dname: "换证", | ||
| 616 | }, | ||
| 685 | ], | 617 | ], |
| 686 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 618 | ssQlxxList: [], |
| 687 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 619 | ztQlxxList: [], |
| 688 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 620 | ableOperation: false, |
| 689 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 621 | rules: { |
| 690 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 622 | ssQlxxrules: [ |
| 691 | }, | 623 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 692 | }; | 624 | ], |
| 693 | }, | 625 | ztQlxxrules: [ |
| 694 | created() {}, | 626 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 695 | mounted() { | 627 | ], |
| 696 | this.loadData(); | 628 | bdcqzhrules: [ |
| 697 | this.ableOperation = this.$parent.ableOperation; | 629 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 698 | }, | 630 | ], |
| 699 | methods: { | 631 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 700 | /** | 632 | zwlxqssjrules: [ |
| 701 | * @description: ztQlxxchange | 633 | { required: true, message: "债务履行起始时间", trigger: "blur" }, |
| 702 | * @param {*} val | 634 | ], |
| 703 | * @author: renchao | 635 | zwlxjssjrules: [ |
| 704 | */ | 636 | { required: true, message: "债务履行结束时间", trigger: "blur" }, |
| 705 | ztQlxxchange(val) { | 637 | ], |
| 706 | this.ruleForm.ztQlxx = val; | 638 | |
| 639 | zxdyyyrules: [ | ||
| 640 | { required: true, message: "注销抵押原因", trigger: "blur" }, | ||
| 641 | ], | ||
| 642 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], | ||
| 643 | zxdbrrules: [ | ||
| 644 | { required: true, message: "注销登簿人", trigger: "blur" }, | ||
| 645 | ], | ||
| 646 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | ||
| 647 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 648 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 649 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 650 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | ||
| 651 | } | ||
| 652 | } | ||
| 707 | }, | 653 | }, |
| 708 | /** | 654 | mounted () { |
| 709 | * @description: ssQlxxchange | 655 | this.loadData(); |
| 710 | * @param {*} val | 656 | this.ableOperation = this.$parent.ableOperation; |
| 711 | * @author: renchao | ||
| 712 | */ | ||
| 713 | ssQlxxchange(val) { | ||
| 714 | this.ruleForm.ssQlxx = val; | ||
| 715 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 716 | this.ssQlxxchangediolog(val); | ||
| 717 | }, | 657 | }, |
| 718 | // 弹框事件 | 658 | methods: { |
| 719 | ssQlxxchangediolog(val) { | 659 | /** |
| 720 | console.log("确定了", this.ruleForm); | 660 | * @description: ztQlxxchange |
| 721 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 661 | * @param {*} val |
| 722 | iconClass: "el-icon-question", //自定义图标样式 | 662 | * @author: renchao |
| 723 | confirmButtonText: "确认", //确认按钮文字更换 | 663 | */ |
| 724 | cancelButtonText: "取消", //取消按钮文字更换 | 664 | ztQlxxchange (val) { |
| 725 | showClose: true, //是否显示右上角关闭按钮 | 665 | this.ruleForm.ztQlxx = val; |
| 726 | type: "warning", | 666 | }, |
| 667 | /** | ||
| 668 | * @description: ssQlxxchange | ||
| 669 | * @param {*} val | ||
| 670 | * @author: renchao | ||
| 671 | */ | ||
| 672 | ssQlxxchange (val) { | ||
| 673 | this.ruleForm.ssQlxx = val; | ||
| 674 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 675 | this.ssQlxxchangediolog(val); | ||
| 676 | }, | ||
| 677 | // 弹框事件 | ||
| 678 | ssQlxxchangediolog (val) { | ||
| 679 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 680 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 681 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 682 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 683 | showClose: true, //是否显示右上角关闭按钮 | ||
| 684 | type: "warning", | ||
| 727 | }).then(() => { | 685 | }).then(() => { |
| 728 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 686 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 729 | if (res.code == 200) { | 687 | if (res.code == 200) { |
| 730 | this.nowlist = res.result; | 688 | this.nowlist = res.result; |
| 731 | console.log("his.nowlist", this.nowlist); | 689 | for (var key in this.ruleForm.diyaq) { |
| 732 | console.log("this.ruleForm", this.ruleForm); | 690 | if ( |
| 733 | for (var key in this.ruleForm.diyaq) { | 691 | this.ruleForm.diyaq[key] == "" || |
| 734 | if ( | 692 | this.ruleForm.diyaq[key] == null |
| 735 | this.ruleForm.diyaq[key] == "" || | 693 | ) { |
| 736 | this.ruleForm.diyaq[key] == null | 694 | this.ruleForm.diyaq[key] = this.nowlist.diyaq[key]; |
| 737 | ) { | 695 | } |
| 738 | this.ruleForm.diyaq[key] = this.nowlist.diyaq[key]; | ||
| 739 | } | 696 | } |
| 740 | } | 697 | for (var key in this.ruleForm.qlxx) { |
| 741 | for (var key in this.ruleForm.qlxx) { | 698 | if ( |
| 742 | if ( | 699 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 743 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | 700 | this.ruleForm.qlxx[key] == null |
| 744 | this.ruleForm.qlxx[key] == null | 701 | ) { |
| 745 | ) { | 702 | console.log("this.ruleForm.qlxx[key]", key); |
| 746 | console.log("this.ruleForm.qlxx[key]", key); | 703 | if (key != "ywh") { |
| 747 | if (key != "ywh") { | 704 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 748 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 705 | } |
| 749 | } | 706 | } |
| 750 | } | 707 | } |
| 708 | if (!this.ruleForm.tdytqxList.length) { | ||
| 709 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 710 | } | ||
| 711 | if (!this.ruleForm.qlrData.length) { | ||
| 712 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 713 | } | ||
| 714 | if (!this.ruleForm.ywrData.length) { | ||
| 715 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 716 | } | ||
| 717 | console.log("this.ruleForm", this.ruleForm); | ||
| 718 | this.$message({ | ||
| 719 | type: "success", | ||
| 720 | message: "同步成功!", | ||
| 721 | }); | ||
| 751 | } | 722 | } |
| 752 | if (!this.ruleForm.tdytqxList.length) { | 723 | }); |
| 753 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 724 | }).catch(() => { |
| 754 | } | ||
| 755 | if (!this.ruleForm.qlrData.length) { | ||
| 756 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 757 | } | ||
| 758 | if (!this.ruleForm.ywrData.length) { | ||
| 759 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 760 | } | ||
| 761 | console.log("this.ruleForm", this.ruleForm); | ||
| 762 | this.$message({ | ||
| 763 | type: "success", | ||
| 764 | message: "同步成功!", | ||
| 765 | }); | ||
| 766 | } | ||
| 767 | }); | ||
| 768 | }).catch(() => { | ||
| 769 | this.$message({ | 725 | this.$message({ |
| 770 | type: "info", | 726 | type: "info", |
| 771 | message: "已取消同步", | 727 | message: "已取消同步", |
| 772 | }); | 728 | }); |
| 773 | }); | 729 | }); |
| 774 | }, | 730 | }, |
| 775 | |||
| 776 | djlxchange(val) { | ||
| 777 | if (val == null || val == 100) { | ||
| 778 | this.ssqlxxshow = false; | ||
| 779 | } else { | ||
| 780 | this.ssqlxxshow = true; | ||
| 781 | } | ||
| 782 | }, | ||
| 783 | /** | ||
| 784 | * @description: loadData | ||
| 785 | * @author: renchao | ||
| 786 | */ | ||
| 787 | loadData() { | ||
| 788 | this.$startLoading(); | ||
| 789 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 790 | init(this.propsParam).then((res) => { | ||
| 791 | if (res.code == 200) { | ||
| 792 | this.ruleForm = res.result; | ||
| 793 | this.$endLoading(); | ||
| 794 | this.isShow = true; | ||
| 795 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 796 | if (djlx == null || djlx == 100) { | ||
| 797 | this.ssqlxxshow = false; | ||
| 798 | } | ||
| 799 | 731 | ||
| 800 | //获取主体信息 | 732 | djlxchange (val) { |
| 801 | getSsQlxx({ | 733 | if (val == null || val == 100) { |
| 802 | bdcdyid: this.propsParam.bdcdyid, | 734 | this.ssqlxxshow = false; |
| 803 | qllx: this.propsParam.qllx, | 735 | } else { |
| 804 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 736 | this.ssqlxxshow = true; |
| 805 | }).then((res) => { | ||
| 806 | if (res.code == 200) { | ||
| 807 | this.ssQlxxList = res.result; | ||
| 808 | } | ||
| 809 | }); | ||
| 810 | //获取上手信息 | ||
| 811 | getZtQlxx({ | ||
| 812 | bdcdyid: this.propsParam.bdcdyid, | ||
| 813 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 814 | }).then((res) => { | ||
| 815 | if (res.code == 200) { | ||
| 816 | this.ztQlxxList = res.result; | ||
| 817 | } | ||
| 818 | }); | ||
| 819 | } | 737 | } |
| 820 | }); | 738 | }, |
| 821 | }, | 739 | /** |
| 822 | // 更新土地用途信息 | 740 | * @description: loadData |
| 823 | /** | 741 | * @author: renchao |
| 824 | * @description: 更新土地用途信息 | 742 | */ |
| 825 | * @param {*} val | 743 | loadData () { |
| 826 | * @author: renchao | 744 | this.$startLoading(); |
| 827 | */ | 745 | this.propsParam.isEdit = this.$parent.isEdit; |
| 828 | upDateTdytxxList(val) { | 746 | init(this.propsParam).then((res) => { |
| 829 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 747 | if (res.code == 200) { |
| 830 | this.key++; | 748 | this.ruleForm = res.result; |
| 831 | }, | 749 | this.$endLoading(); |
| 832 | // 更新权利人信息 | 750 | this.isShow = true; |
| 833 | /** | 751 | let djlx = this.ruleForm.qlxx.djlx; |
| 834 | * @description: 更新权利人信息 | 752 | if (djlx == null || djlx == 100) { |
| 835 | * @param {*} val | 753 | this.ssqlxxshow = false; |
| 836 | * @author: renchao | 754 | } |
| 837 | */ | 755 | |
| 838 | upDateQlrxxList(val) { | 756 | //获取主体信息 |
| 839 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 757 | getSsQlxx({ |
| 840 | this.czrOptions = this.ruleForm.qlrData; | 758 | bdcdyid: this.propsParam.bdcdyid, |
| 841 | this.key++; | 759 | qllx: this.propsParam.qllx, |
| 842 | }, | 760 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 843 | // 更新义务人信息 | 761 | }).then((res) => { |
| 844 | /** | 762 | if (res.code == 200) { |
| 845 | * @description: 更新义务人信息 | 763 | this.ssQlxxList = res.result; |
| 846 | * @param {*} val | 764 | } |
| 847 | * @author: renchao | ||
| 848 | */ | ||
| 849 | upDateYwrxxList(val) { | ||
| 850 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 851 | this.key++; | ||
| 852 | }, | ||
| 853 | /** | ||
| 854 | * @description: onSubmit | ||
| 855 | * @author: renchao | ||
| 856 | */ | ||
| 857 | onSubmit() { | ||
| 858 | this.$refs.ruleForm.validate((valid) => { | ||
| 859 | if (valid) { | ||
| 860 | if (this.ruleForm.qlrData.length == 0) { | ||
| 861 | this.$message({ | ||
| 862 | showClose: true, | ||
| 863 | message: "请确认权利人信息", | ||
| 864 | type: "error", | ||
| 865 | }); | 765 | }); |
| 866 | return false; | 766 | //获取上手信息 |
| 867 | } | 767 | getZtQlxx({ |
| 868 | if (this.ruleForm.ywrData.length == 0) { | 768 | bdcdyid: this.propsParam.bdcdyid, |
| 869 | this.$message({ | 769 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 870 | showClose: true, | 770 | }).then((res) => { |
| 871 | message: "请确认义务人信息", | 771 | if (res.code == 200) { |
| 872 | type: "error", | 772 | this.ztQlxxList = res.result; |
| 773 | } | ||
| 873 | }); | 774 | }); |
| 874 | return false; | ||
| 875 | } | 775 | } |
| 876 | if (this.ruleForm.qlxx.gyfs == "0") { | 776 | }); |
| 877 | if (this.ruleForm.qlrData.length > 1) { | 777 | }, |
| 778 | /** | ||
| 779 | * @description: 更新土地用途信息 | ||
| 780 | * @param {*} val | ||
| 781 | * @author: renchao | ||
| 782 | */ | ||
| 783 | upDateTdytxxList (val) { | ||
| 784 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 785 | this.key++; | ||
| 786 | }, | ||
| 787 | /** | ||
| 788 | * @description: 更新权利人信息 | ||
| 789 | * @param {*} val | ||
| 790 | * @author: renchao | ||
| 791 | */ | ||
| 792 | upDateQlrxxList (val) { | ||
| 793 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 794 | this.czrOptions = this.ruleForm.qlrData; | ||
| 795 | this.key++; | ||
| 796 | }, | ||
| 797 | /** | ||
| 798 | * @description: 更新义务人信息 | ||
| 799 | * @param {*} val | ||
| 800 | * @author: renchao | ||
| 801 | */ | ||
| 802 | upDateYwrxxList (val) { | ||
| 803 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 804 | this.key++; | ||
| 805 | }, | ||
| 806 | /** | ||
| 807 | * @description: onSubmit | ||
| 808 | * @author: renchao | ||
| 809 | */ | ||
| 810 | onSubmit () { | ||
| 811 | this.$refs.ruleForm.validate((valid) => { | ||
| 812 | if (valid) { | ||
| 813 | if (this.ruleForm.qlrData.length == 0) { | ||
| 878 | this.$message({ | 814 | this.$message({ |
| 879 | showClose: true, | 815 | showClose: true, |
| 880 | message: "共有方式：单独所有，权利人只能是一个人", | 816 | message: "请确认权利人信息", |
| 881 | type: "error", | 817 | type: "error", |
| 882 | }); | 818 | }); |
| 883 | return false; | 819 | return false; |
| 884 | } | 820 | } |
| 885 | this.ruleForm.qlrData[0].sfczr = "1"; | 821 | if (this.ruleForm.ywrData.length == 0) { |
| 886 | } | 822 | this.$message({ |
| 887 | if (this.ruleForm.qlxx.gyfs == "1") { | 823 | showClose: true, |
| 888 | //是否分别持证 | 824 | message: "请确认义务人信息", |
| 889 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 825 | type: "error", |
| 890 | //是 | ||
| 891 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 892 | item.sfczr = "1"; | ||
| 893 | }); | 826 | }); |
| 827 | return false; | ||
| 828 | } | ||
| 829 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 830 | if (this.ruleForm.qlrData.length > 1) { | ||
| 831 | this.$message({ | ||
| 832 | showClose: true, | ||
| 833 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 834 | type: "error", | ||
| 835 | }); | ||
| 836 | return false; | ||
| 837 | } | ||
| 838 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 894 | } else { | 839 | } else { |
| 895 | this.ruleForm.qlrData.forEach((item, index) => { | 840 | //是否分别持证 |
| 896 | if (item.zjh == this.ruleForm.czr) { | 841 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 842 | //是 | ||
| 843 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 897 | item.sfczr = "1"; | 844 | item.sfczr = "1"; |
| 898 | } else { | 845 | }); |
| 899 | item.sfczr = "0"; | 846 | } else { |
| 847 | if (!that.ruleForm.czr) { | ||
| 848 | that.$message({ | ||
| 849 | showClose: true, | ||
| 850 | message: "请选择持证人", | ||
| 851 | type: "error", | ||
| 852 | }); | ||
| 853 | return false; | ||
| 900 | } | 854 | } |
| 901 | }); | 855 | this.ruleForm.qlrList.forEach((item, index) => { |
| 856 | if (item.zjh == this.ruleForm.czr) { | ||
| 857 | item.sfczr = "1"; | ||
| 858 | } else { | ||
| 859 | item.sfczr = "0"; | ||
| 860 | } | ||
| 861 | }); | ||
| 862 | } | ||
| 902 | } | 863 | } |
| 864 | save(this.ruleForm).then((res) => { | ||
| 865 | if (res.code === 200) { | ||
| 866 | this.$message({ | ||
| 867 | showClose: true, | ||
| 868 | message: "保存成功！", | ||
| 869 | type: "success", | ||
| 870 | }); | ||
| 871 | this.$parent.changeywh(); | ||
| 872 | this.$store.dispatch("user/refreshPage", true); | ||
| 873 | } else { | ||
| 874 | this.$message({ | ||
| 875 | showClose: true, | ||
| 876 | message: res.message, | ||
| 877 | type: "error", | ||
| 878 | }); | ||
| 879 | } | ||
| 880 | }); | ||
| 881 | } else { | ||
| 882 | return false; | ||
| 903 | } | 883 | } |
| 904 | save(this.ruleForm).then((res) => { | 884 | }) |
| 905 | if (res.code === 200) { | 885 | } |
| 906 | this.$message({ | 886 | } |
| 907 | showClose: true, | 887 | }; |
| 908 | message: "保存成功！", | ||
| 909 | type: "success", | ||
| 910 | }); | ||
| 911 | this.$parent.changeywh(); | ||
| 912 | this.$store.dispatch("user/refreshPage", true); | ||
| 913 | } else { | ||
| 914 | this.$message({ | ||
| 915 | showClose: true, | ||
| 916 | message: res.message, | ||
| 917 | type: "error", | ||
| 918 | }); | ||
| 919 | } | ||
| 920 | }); | ||
| 921 | } else { | ||
| 922 | return false; | ||
| 923 | } | ||
| 924 | }); | ||
| 925 | }, | ||
| 926 | }, | ||
| 927 | }; | ||
| 928 | </script> | 888 | </script> |
| 929 | <style scoped lang="scss"> | 889 | <style scoped lang="scss"> |
| 930 | @import "~@/styles/public.scss"; | 890 | @import "~@/styles/public.scss"; |
| 931 | @import "~@/styles/slxx/slxx.scss"; | 891 | @import "~@/styles/slxx/slxx.scss"; |
| 932 | .el-date-editor.el-input { | 892 | .el-date-editor.el-input { |
| 933 | width: 100%; | 893 | width: 100%; |
| 934 | } | 894 | } |
| 935 | .el-table__row { | 895 | .el-table__row { |
| 936 | height: 30px !important; | 896 | height: 30px !important; |
| 937 | } | 897 | } |
| 938 | </style> | 898 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 11:00:09 | 4 | * @LastEditTime: 2023-08-04 10:59:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | </el-col> | 71 | </el-col> |
| 72 | 72 | ||
| 73 | <el-col :span="8" v-if="ssqlxxshow"> | 73 | <el-col :span="8" v-if="ssqlxxshow"> |
| 74 | <el-form-item label="上手权利信息：" prop="ssQlxx.bdcqzh" :rules="rules.ssQlxxrules"> | 74 | <el-form-item label="上手权利信息：" prop="ssQlxx.bdcqzh" :rules="rules.ssQlxxrules"> |
| 75 | <select-table | 75 | <select-table |
| 76 | v-model="ruleForm.ssQlxx" | 76 | v-model="ruleForm.ssQlxx" |
| 77 | :table-width="550" | 77 | :table-width="550" |
| ... | @@ -366,7 +366,7 @@ | ... | @@ -366,7 +366,7 @@ |
| 366 | <el-form-item label="共有方式："> | 366 | <el-form-item label="共有方式："> |
| 367 | <el-radio-group | 367 | <el-radio-group |
| 368 | :disabled="!ableOperation" | 368 | :disabled="!ableOperation" |
| 369 | v-model="ruleForm.qlxx.gyfs"> | 369 | v-model="ruleForm.sldy.gyfs"> |
| 370 | <el-radio label="0">单独所有</el-radio> | 370 | <el-radio label="0">单独所有</el-radio> |
| 371 | <el-radio label="1">共同共有</el-radio> | 371 | <el-radio label="1">共同共有</el-radio> |
| 372 | <el-radio label="2">按份所有</el-radio> | 372 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -374,10 +374,10 @@ | ... | @@ -374,10 +374,10 @@ |
| 374 | </el-radio-group> | 374 | </el-radio-group> |
| 375 | </el-form-item> | 375 | </el-form-item> |
| 376 | </el-col> | 376 | </el-col> |
| 377 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 377 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 378 | <el-form-item label="是否分别持证："> | 378 | <el-form-item label="是否分别持证："> |
| 379 | <el-radio-group | 379 | <el-radio-group |
| 380 | v-model="ruleForm.qlxx.sqfbcz" | 380 | v-model="ruleForm.sldy.sqfbcz" |
| 381 | :disabled="!ableOperation"> | 381 | :disabled="!ableOperation"> |
| 382 | <el-radio :label="1">是</el-radio> | 382 | <el-radio :label="1">是</el-radio> |
| 383 | <el-radio :label="0">否</el-radio> | 383 | <el-radio :label="0">否</el-radio> |
| ... | @@ -386,7 +386,7 @@ | ... | @@ -386,7 +386,7 @@ |
| 386 | </el-col> | 386 | </el-col> |
| 387 | <el-col | 387 | <el-col |
| 388 | :span="6" | 388 | :span="6" |
| 389 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 389 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 390 | <el-form-item label="持证人："> | 390 | <el-form-item label="持证人："> |
| 391 | <el-select | 391 | <el-select |
| 392 | v-model="ruleForm.czr" | 392 | v-model="ruleForm.czr" |
| ... | @@ -433,7 +433,7 @@ | ... | @@ -433,7 +433,7 @@ |
| 433 | <script> | 433 | <script> |
| 434 | import { mapGetters } from "vuex"; | 434 | import { mapGetters } from "vuex"; |
| 435 | import ywmix from "@/views/ywbl/mixin/index" | 435 | import ywmix from "@/views/ywbl/mixin/index" |
| 436 | import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm,save } from "@/api/djbRepair.js"; | 436 | import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 437 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 437 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 438 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 438 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 439 | import tdytTable from "@/views/workflow/components/tdytTable"; | 439 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| ... | @@ -549,65 +549,65 @@ | ... | @@ -549,65 +549,65 @@ |
| 549 | ssQlxxchange (val) { | 549 | ssQlxxchange (val) { |
| 550 | this.ruleForm.ssQlxx = val; | 550 | this.ruleForm.ssQlxx = val; |
| 551 | this.ruleForm.qlxx.ssywh = val.ywh; | 551 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 552 | this.ssQlxxchangediolog (val) | 552 | this.ssQlxxchangediolog(val) |
| 553 | }, | 553 | }, |
| 554 | // 弹框事件 | 554 | // 弹框事件 |
| 555 | ssQlxxchangediolog (val) { | 555 | ssQlxxchangediolog (val) { |
| 556 | console.log("确定了",this.ruleForm) | 556 | console.log("确定了", this.ruleForm) |
| 557 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 557 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 558 | iconClass: "el-icon-question", //自定义图标样式 | 558 | iconClass: "el-icon-question", //自定义图标样式 |
| 559 | confirmButtonText: "确认", //确认按钮文字更换 | 559 | confirmButtonText: "确认", //确认按钮文字更换 |
| 560 | cancelButtonText: "取消", //取消按钮文字更换 | 560 | cancelButtonText: "取消", //取消按钮文字更换 |
| 561 | showClose: true, //是否显示右上角关闭按钮 | 561 | showClose: true, //是否显示右上角关闭按钮 |
| 562 | type: "warning", | 562 | type: "warning", |
| 563 | }).then(() => { | 563 | }).then(() => { |
| 564 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 564 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 565 | if (res.code == 200) { | 565 | if (res.code == 200) { |
| 566 | this.nowlist = res.result; | 566 | this.nowlist = res.result; |
| 567 | console.log("his.nowlist", this.nowlist); | 567 | console.log("his.nowlist", this.nowlist); |
| 568 | console.log("this.ruleForm", this.ruleForm); | 568 | console.log("this.ruleForm", this.ruleForm); |
| 569 | for (var key in this.ruleForm.dyiq) { | 569 | for (var key in this.ruleForm.dyiq) { |
| 570 | if ( | 570 | if ( |
| 571 | this.ruleForm.dyiq[key] == "" || | 571 | this.ruleForm.dyiq[key] == "" || |
| 572 | this.ruleForm.dyiq[key] == null | 572 | this.ruleForm.dyiq[key] == null |
| 573 | ) { | 573 | ) { |
| 574 | this.ruleForm.dyiq[key] = this.nowlist.dyiq[key]; | 574 | this.ruleForm.dyiq[key] = this.nowlist.dyiq[key]; |
| 575 | } | ||
| 575 | } | 576 | } |
| 576 | } | 577 | for (var key in this.ruleForm.qlxx) { |
| 577 | for (var key in this.ruleForm.qlxx) { | 578 | if ( |
| 578 | if ( | 579 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 579 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | 580 | this.ruleForm.qlxx[key] == null |
| 580 | this.ruleForm.qlxx[key] == null | 581 | ) { |
| 581 | ) { | 582 | console.log("this.ruleForm.qlxx[key]", key); |
| 582 | console.log("this.ruleForm.qlxx[key]", key); | 583 | if (key != "ywh") { |
| 583 | if (key != "ywh") { | 584 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 584 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 585 | } |
| 585 | } | 586 | } |
| 586 | } | 587 | } |
| 588 | if (!this.ruleForm.tdytqxList.length) { | ||
| 589 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 590 | } | ||
| 591 | if (!this.ruleForm.qlrData.length) { | ||
| 592 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 593 | } | ||
| 594 | if (!this.ruleForm.ywrData.length) { | ||
| 595 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 596 | } | ||
| 597 | console.log("this.ruleForm", this.ruleForm); | ||
| 598 | this.$message({ | ||
| 599 | type: "success", | ||
| 600 | message: "同步成功!", | ||
| 601 | }); | ||
| 587 | } | 602 | } |
| 588 | if (!this.ruleForm.tdytqxList.length) { | 603 | }); |
| 589 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 604 | }).catch(() => { |
| 590 | } | ||
| 591 | if (!this.ruleForm.qlrData.length) { | ||
| 592 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 593 | } | ||
| 594 | if (!this.ruleForm.ywrData.length) { | ||
| 595 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 596 | } | ||
| 597 | console.log("this.ruleForm", this.ruleForm); | ||
| 598 | this.$message({ | ||
| 599 | type: "success", | ||
| 600 | message: "同步成功!", | ||
| 601 | }); | ||
| 602 | } | ||
| 603 | }); | ||
| 604 | }).catch(() => { | ||
| 605 | this.$message({ | 605 | this.$message({ |
| 606 | type: "info", | 606 | type: "info", |
| 607 | message: "已取消同步", | 607 | message: "已取消同步", |
| 608 | }); | 608 | }); |
| 609 | }); | 609 | }); |
| 610 | }, | 610 | }, |
| 611 | /** | 611 | /** |
| 612 | * @description: djlxchange | 612 | * @description: djlxchange |
| 613 | * @param {*} val | 613 | * @param {*} val |
| ... | @@ -638,28 +638,28 @@ | ... | @@ -638,28 +638,28 @@ |
| 638 | this.$endLoading(); | 638 | this.$endLoading(); |
| 639 | this.isShow = true; | 639 | this.isShow = true; |
| 640 | 640 | ||
| 641 | //获取主体信息 | 641 | //获取主体信息 |
| 642 | getSsQlxx({ | 642 | getSsQlxx({ |
| 643 | bdcdyid: this.propsParam.bdcdyid, | 643 | bdcdyid: this.propsParam.bdcdyid, |
| 644 | qllx: this.propsParam.qllx, | 644 | qllx: this.propsParam.qllx, |
| 645 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 645 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 646 | }).then((res) => { | 646 | }).then((res) => { |
| 647 | if (res.code == 200) { | 647 | if (res.code == 200) { |
| 648 | this.ssQlxxList = res.result; | 648 | this.ssQlxxList = res.result; |
| 649 | } | 649 | } |
| 650 | }); | 650 | }); |
| 651 | //获取上手信息 | 651 | //获取上手信息 |
| 652 | getZtQlxx({ | 652 | getZtQlxx({ |
| 653 | bdcdyid: this.propsParam.bdcdyid, | 653 | bdcdyid: this.propsParam.bdcdyid, |
| 654 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 654 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 655 | }).then((res) => { | 655 | }).then((res) => { |
| 656 | if (res.code == 200) { | 656 | if (res.code == 200) { |
| 657 | this.ztQlxxList = res.result; | 657 | this.ztQlxxList = res.result; |
| 658 | } | 658 | } |
| 659 | }); | 659 | }); |
| 660 | } | 660 | } |
| 661 | }); | 661 | }); |
| 662 | }, | 662 | }, |
| 663 | // 更新土地用途信息 | 663 | // 更新土地用途信息 |
| 664 | /** | 664 | /** |
| 665 | * @description: 更新土地用途信息 | 665 | * @description: 更新土地用途信息 |
| ... | @@ -714,7 +714,7 @@ | ... | @@ -714,7 +714,7 @@ |
| 714 | }); | 714 | }); |
| 715 | return false; | 715 | return false; |
| 716 | } | 716 | } |
| 717 | if (this.ruleForm.qlxx.gyfs == "0") { | 717 | if (this.ruleForm.sldy.gyfs == "0") { |
| 718 | if (this.ruleForm.qlrData.length > 1) { | 718 | if (this.ruleForm.qlrData.length > 1) { |
| 719 | this.$message({ | 719 | this.$message({ |
| 720 | showClose: true, | 720 | showClose: true, |
| ... | @@ -724,16 +724,23 @@ | ... | @@ -724,16 +724,23 @@ |
| 724 | return false; | 724 | return false; |
| 725 | } | 725 | } |
| 726 | this.ruleForm.qlrData[0].sfczr = "1"; | 726 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 727 | } | 727 | } else { |
| 728 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 729 | //是否分别持证 | 728 | //是否分别持证 |
| 730 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 729 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 731 | //是 | 730 | //是 |
| 732 | this.ruleForm.qlrData.forEach((item, index) => { | 731 | this.ruleForm.qlrList.forEach((item, index) => { |
| 733 | item.sfczr = "1"; | 732 | item.sfczr = "1"; |
| 734 | }); | 733 | }); |
| 735 | } else { | 734 | } else { |
| 736 | this.ruleForm.qlrData.forEach((item, index) => { | 735 | if (!that.ruleForm.czr) { |
| 736 | that.$message({ | ||
| 737 | showClose: true, | ||
| 738 | message: "请选择持证人", | ||
| 739 | type: "error", | ||
| 740 | }); | ||
| 741 | return false; | ||
| 742 | } | ||
| 743 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 737 | if (item.zjh == this.ruleForm.czr) { | 744 | if (item.zjh == this.ruleForm.czr) { |
| 738 | item.sfczr = "1"; | 745 | item.sfczr = "1"; |
| 739 | } else { | 746 | } else { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-03 14:57:02 | 4 | * @LastEditTime: 2023-08-04 11:00:33 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | inline-message | 18 | inline-message |
| 19 | label-width="145px" | 19 | label-width="145px"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -49,25 +48,21 @@ | ... | @@ -49,25 +48,21 @@ |
| 49 | <el-form-item | 48 | <el-form-item |
| 50 | label="上手权利信息：" | 49 | label="上手权利信息：" |
| 51 | prop="ssQlxx.bdcqzh" | 50 | prop="ssQlxx.bdcqzh" |
| 52 | :rules="rules.ssQlxxrules" | 51 | :rules="rules.ssQlxxrules"> |
| 53 | > | ||
| 54 | <select-table | 52 | <select-table |
| 55 | v-model="ruleForm.ssQlxx" | 53 | v-model="ruleForm.ssQlxx" |
| 56 | :table-width="550" | 54 | :table-width="550" |
| 57 | :tableData="ssQlxxList" | 55 | :tableData="ssQlxxList" |
| 58 | :props="props" | 56 | :props="props" |
| 59 | @change="ssQlxxchange" | 57 | @change="ssQlxxchange"> |
| 60 | > | ||
| 61 | <el-table-column | 58 | <el-table-column |
| 62 | prop="qllxmc" | 59 | prop="qllxmc" |
| 63 | width="130" | 60 | width="130" |
| 64 | label="权利类型" | 61 | label="权利类型"></el-table-column> |
| 65 | ></el-table-column> | ||
| 66 | <el-table-column | 62 | <el-table-column |
| 67 | prop="bdcqzh" | 63 | prop="bdcqzh" |
| 68 | width="160" | 64 | width="160" |
| 69 | label="不动产权证书" | 65 | label="不动产权证书"></el-table-column> |
| 70 | ></el-table-column> | ||
| 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 66 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 67 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 68 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -86,8 +81,7 @@ | ... | @@ -86,8 +81,7 @@ |
| 86 | <el-form-item | 81 | <el-form-item |
| 87 | label="业务号：" | 82 | label="业务号：" |
| 88 | prop="qlxx.ywh" | 83 | prop="qlxx.ywh" |
| 89 | :rules="rules.ywhrules" | 84 | :rules="rules.ywhrules"> |
| 90 | > | ||
| 91 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 85 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 92 | </el-form-item> | 86 | </el-form-item> |
| 93 | </el-col> | 87 | </el-col> |
| ... | @@ -107,15 +101,13 @@ | ... | @@ -107,15 +101,13 @@ |
| 107 | <el-form-item | 101 | <el-form-item |
| 108 | label="登记类型：" | 102 | label="登记类型：" |
| 109 | prop="qlxx.djlx" | 103 | prop="qlxx.djlx" |
| 110 | :rules="rules.djlxrules" | 104 | :rules="rules.djlxrules"> |
| 111 | > | ||
| 112 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 105 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 113 | <el-option | 106 | <el-option |
| 114 | v-for="item in djlxlist" | 107 | v-for="item in djlxlist" |
| 115 | :key="item.dcode" | 108 | :key="item.dcode" |
| 116 | :label="item.dname" | 109 | :label="item.dname" |
| 117 | :value="item.dcode" | 110 | :value="item.dcode"> |
| 118 | > | ||
| 119 | </el-option> | 111 | </el-option> |
| 120 | </el-select> | 112 | </el-select> |
| 121 | </el-form-item> | 113 | </el-form-item> |
| ... | @@ -135,15 +127,13 @@ | ... | @@ -135,15 +127,13 @@ |
| 135 | <div class="flex"> | 127 | <div class="flex"> |
| 136 | <el-input | 128 | <el-input |
| 137 | v-model="ruleForm.fdcq2.dytdmj" | 129 | v-model="ruleForm.fdcq2.dytdmj" |
| 138 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 130 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 139 | ></el-input> | ||
| 140 | <el-select disabled v-model="mjdw" style="width: 20%"> | 131 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 141 | <el-option | 132 | <el-option |
| 142 | v-for="item in dictData['A7']" | 133 | v-for="item in dictData['A7']" |
| 143 | :key="item.dcode" | 134 | :key="item.dcode" |
| 144 | :label="item.dname" | 135 | :label="item.dname" |
| 145 | :value="item.dcode" | 136 | :value="item.dcode"> |
| 146 | > | ||
| 147 | </el-option> | 137 | </el-option> |
| 148 | </el-select> | 138 | </el-select> |
| 149 | </div> | 139 | </div> |
| ... | @@ -154,15 +144,13 @@ | ... | @@ -154,15 +144,13 @@ |
| 154 | <div class="flex"> | 144 | <div class="flex"> |
| 155 | <el-input | 145 | <el-input |
| 156 | v-model="ruleForm.fdcq2.fttdmj" | 146 | v-model="ruleForm.fdcq2.fttdmj" |
| 157 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 158 | ></el-input> | ||
| 159 | <el-select disabled v-model="mjdw" style="width: 20%"> | 148 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 160 | <el-option | 149 | <el-option |
| 161 | v-for="item in dictData['A7']" | 150 | v-for="item in dictData['A7']" |
| 162 | :key="item.dcode" | 151 | :key="item.dcode" |
| 163 | :label="item.dname" | 152 | :label="item.dname" |
| 164 | :value="item.dcode" | 153 | :value="item.dcode"> |
| 165 | > | ||
| 166 | </el-option> | 154 | </el-option> |
| 167 | </el-select> | 155 | </el-select> |
| 168 | </div> | 156 | </div> |
| ... | @@ -177,8 +165,7 @@ | ... | @@ -177,8 +165,7 @@ |
| 177 | placeholder="" | 165 | placeholder="" |
| 178 | :normalizer="normalizer" | 166 | :normalizer="normalizer" |
| 179 | :show-count="true" | 167 | :show-count="true" |
| 180 | :options="dictData['A9']" | 168 | :options="dictData['A9']" /> |
| 181 | /> | ||
| 182 | </el-form-item> | 169 | </el-form-item> |
| 183 | </el-col> | 170 | </el-col> |
| 184 | <el-col :span="8"> | 171 | <el-col :span="8"> |
| ... | @@ -187,15 +174,13 @@ | ... | @@ -187,15 +174,13 @@ |
| 187 | <el-input | 174 | <el-input |
| 188 | v-model="ruleForm.fdcq2.qjjg" | 175 | v-model="ruleForm.fdcq2.qjjg" |
| 189 | style="width: 500%" | 176 | style="width: 500%" |
| 190 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 177 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 191 | ></el-input> | ||
| 192 | <el-select v-model="ruleForm.fdcq2.jedw"> | 178 | <el-select v-model="ruleForm.fdcq2.jedw"> |
| 193 | <el-option | 179 | <el-option |
| 194 | v-for="item in dictData['A57']" | 180 | v-for="item in dictData['A57']" |
| 195 | :key="item.dcode" | 181 | :key="item.dcode" |
| 196 | :label="item.dname" | 182 | :label="item.dname" |
| 197 | :value="item.dcode" | 183 | :value="item.dcode"> |
| 198 | > | ||
| 199 | </el-option> | 184 | </el-option> |
| 200 | </el-select> | 185 | </el-select> |
| 201 | </div> | 186 | </div> |
| ... | @@ -208,8 +193,7 @@ | ... | @@ -208,8 +193,7 @@ |
| 208 | v-for="item in qsztlist" | 193 | v-for="item in qsztlist" |
| 209 | :key="item.dcode" | 194 | :key="item.dcode" |
| 210 | :label="item.dname" | 195 | :label="item.dname" |
| 211 | :value="item.dcode" | 196 | :value="item.dcode"> |
| 212 | > | ||
| 213 | </el-option> | 197 | </el-option> |
| 214 | </el-select> | 198 | </el-select> |
| 215 | </el-form-item> | 199 | </el-form-item> |
| ... | @@ -221,8 +205,7 @@ | ... | @@ -221,8 +205,7 @@ |
| 221 | v-for="item in dictData['A17']" | 205 | v-for="item in dictData['A17']" |
| 222 | :key="item.dcode" | 206 | :key="item.dcode" |
| 223 | :label="item.dname" | 207 | :label="item.dname" |
| 224 | :value="item.dcode" | 208 | :value="item.dcode"> |
| 225 | > | ||
| 226 | </el-option> | 209 | </el-option> |
| 227 | </el-select> | 210 | </el-select> |
| 228 | </el-form-item> | 211 | </el-form-item> |
| ... | @@ -244,8 +227,7 @@ | ... | @@ -244,8 +227,7 @@ |
| 244 | v-for="item in dictData['A19']" | 227 | v-for="item in dictData['A19']" |
| 245 | :key="item.dcode" | 228 | :key="item.dcode" |
| 246 | :label="item.dname" | 229 | :label="item.dname" |
| 247 | :value="item.dcode" | 230 | :value="item.dcode"> |
| 248 | > | ||
| 249 | </el-option> | 231 | </el-option> |
| 250 | </el-select> | 232 | </el-select> |
| 251 | </el-form-item> | 233 | </el-form-item> |
| ... | @@ -254,15 +236,13 @@ | ... | @@ -254,15 +236,13 @@ |
| 254 | <el-form-item | 236 | <el-form-item |
| 255 | label="房屋结构：" | 237 | label="房屋结构：" |
| 256 | prop="fdcq2.fwjg" | 238 | prop="fdcq2.fwjg" |
| 257 | :rules="rules.fwjgrules" | 239 | :rules="rules.fwjgrules"> |
| 258 | > | ||
| 259 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 240 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
| 260 | <el-option | 241 | <el-option |
| 261 | v-for="item in dictData['A46']" | 242 | v-for="item in dictData['A46']" |
| 262 | :key="item.dcode" | 243 | :key="item.dcode" |
| 263 | :label="item.dname" | 244 | :label="item.dname" |
| 264 | :value="item.dcode" | 245 | :value="item.dcode"> |
| 265 | > | ||
| 266 | </el-option> | 246 | </el-option> |
| 267 | </el-select> | 247 | </el-select> |
| 268 | </el-form-item> | 248 | </el-form-item> |
| ... | @@ -282,15 +262,13 @@ | ... | @@ -282,15 +262,13 @@ |
| 282 | <div class="flex"> | 262 | <div class="flex"> |
| 283 | <el-input | 263 | <el-input |
| 284 | v-model="ruleForm.fdcq2.jzmj" | 264 | v-model="ruleForm.fdcq2.jzmj" |
| 285 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 265 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 286 | ></el-input> | ||
| 287 | <el-select disabled v-model="mjdw" style="width: 20%"> | 266 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 288 | <el-option | 267 | <el-option |
| 289 | v-for="item in dictData['A7']" | 268 | v-for="item in dictData['A7']" |
| 290 | :key="item.dcode" | 269 | :key="item.dcode" |
| 291 | :label="item.dname" | 270 | :label="item.dname" |
| 292 | :value="item.dcode" | 271 | :value="item.dcode"> |
| 293 | > | ||
| 294 | </el-option> | 272 | </el-option> |
| 295 | </el-select> | 273 | </el-select> |
| 296 | </div> | 274 | </div> |
| ... | @@ -301,15 +279,13 @@ | ... | @@ -301,15 +279,13 @@ |
| 301 | <div class="flex"> | 279 | <div class="flex"> |
| 302 | <el-input | 280 | <el-input |
| 303 | v-model="ruleForm.fdcq2.zyjzmj" | 281 | v-model="ruleForm.fdcq2.zyjzmj" |
| 304 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 282 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 305 | ></el-input> | ||
| 306 | <el-select disabled v-model="mjdw" style="width: 20%"> | 283 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 307 | <el-option | 284 | <el-option |
| 308 | v-for="item in dictData['A7']" | 285 | v-for="item in dictData['A7']" |
| 309 | :key="item.dcode" | 286 | :key="item.dcode" |
| 310 | :label="item.dname" | 287 | :label="item.dname" |
| 311 | :value="item.dcode" | 288 | :value="item.dcode"> |
| 312 | > | ||
| 313 | </el-option> | 289 | </el-option> |
| 314 | </el-select> | 290 | </el-select> |
| 315 | </div> | 291 | </div> |
| ... | @@ -320,15 +296,13 @@ | ... | @@ -320,15 +296,13 @@ |
| 320 | <div class="flex"> | 296 | <div class="flex"> |
| 321 | <el-input | 297 | <el-input |
| 322 | v-model="ruleForm.fdcq2.ftjzmj" | 298 | v-model="ruleForm.fdcq2.ftjzmj" |
| 323 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 299 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 324 | ></el-input> | ||
| 325 | <el-select disabled v-model="mjdw" style="width: 20%"> | 300 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 326 | <el-option | 301 | <el-option |
| 327 | v-for="item in dictData['A7']" | 302 | v-for="item in dictData['A7']" |
| 328 | :key="item.dcode" | 303 | :key="item.dcode" |
| 329 | :label="item.dname" | 304 | :label="item.dname" |
| 330 | :value="item.dcode" | 305 | :value="item.dcode"> |
| 331 | > | ||
| 332 | </el-option> | 306 | </el-option> |
| 333 | </el-select> | 307 | </el-select> |
| 334 | </div> | 308 | </div> |
| ... | @@ -342,8 +316,7 @@ | ... | @@ -342,8 +316,7 @@ |
| 342 | type="date" | 316 | type="date" |
| 343 | placeholder="选择日期" | 317 | placeholder="选择日期" |
| 344 | value-format="yyyy-MM-dd HH:mm:ss" | 318 | value-format="yyyy-MM-dd HH:mm:ss" |
| 345 | format="yyyy-MM-dd" | 319 | format="yyyy-MM-dd"> |
| 346 | > | ||
| 347 | </el-date-picker> | 320 | </el-date-picker> |
| 348 | </el-form-item> | 321 | </el-form-item> |
| 349 | </el-col> | 322 | </el-col> |
| ... | @@ -352,8 +325,7 @@ | ... | @@ -352,8 +325,7 @@ |
| 352 | <el-form-item | 325 | <el-form-item |
| 353 | label="不动产权证号：" | 326 | label="不动产权证号：" |
| 354 | prop="qlxx.bdcqzh" | 327 | prop="qlxx.bdcqzh" |
| 355 | :rules="rules.bdcqzhrules" | 328 | :rules="rules.bdcqzhrules"> |
| 356 | > | ||
| 357 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 329 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 358 | </el-form-item> | 330 | </el-form-item> |
| 359 | </el-col> | 331 | </el-col> |
| ... | @@ -370,8 +342,7 @@ | ... | @@ -370,8 +342,7 @@ |
| 370 | <el-form-item | 342 | <el-form-item |
| 371 | label="登记机构：" | 343 | label="登记机构：" |
| 372 | prop="qlxx.djjg" | 344 | prop="qlxx.djjg" |
| 373 | :rules="rules.djjgrules" | 345 | :rules="rules.djjgrules"> |
| 374 | > | ||
| 375 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 346 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 376 | </el-form-item> | 347 | </el-form-item> |
| 377 | </el-col> | 348 | </el-col> |
| ... | @@ -379,8 +350,7 @@ | ... | @@ -379,8 +350,7 @@ |
| 379 | <el-form-item | 350 | <el-form-item |
| 380 | label="登簿人：" | 351 | label="登簿人：" |
| 381 | prop="qlxx.dbr" | 352 | prop="qlxx.dbr" |
| 382 | :rules="rules.dbrrules" | 353 | :rules="rules.dbrrules"> |
| 383 | > | ||
| 384 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 354 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 385 | </el-form-item> | 355 | </el-form-item> |
| 386 | </el-col> | 356 | </el-col> |
| ... | @@ -388,16 +358,14 @@ | ... | @@ -388,16 +358,14 @@ |
| 388 | <el-form-item | 358 | <el-form-item |
| 389 | label="登记时间：" | 359 | label="登记时间：" |
| 390 | prop="qlxx.djsj" | 360 | prop="qlxx.djsj" |
| 391 | :rules="rules.djsjrules" | 361 | :rules="rules.djsjrules"> |
| 392 | > | ||
| 393 | <el-date-picker | 362 | <el-date-picker |
| 394 | v-model="ruleForm.qlxx.djsj" | 363 | v-model="ruleForm.qlxx.djsj" |
| 395 | type="date" | 364 | type="date" |
| 396 | class="width100" | 365 | class="width100" |
| 397 | placeholder="选择日期" | 366 | placeholder="选择日期" |
| 398 | value-format="yyyy-MM-dd HH:mm:ss" | 367 | value-format="yyyy-MM-dd HH:mm:ss" |
| 399 | format="yyyy-MM-dd" | 368 | format="yyyy-MM-dd"> |
| 400 | > | ||
| 401 | </el-date-picker> | 369 | </el-date-picker> |
| 402 | </el-form-item> | 370 | </el-form-item> |
| 403 | </el-col> | 371 | </el-col> |
| ... | @@ -423,8 +391,7 @@ | ... | @@ -423,8 +391,7 @@ |
| 423 | <tdytTable | 391 | <tdytTable |
| 424 | :tableData="ruleForm.tdytqxList" | 392 | :tableData="ruleForm.tdytqxList" |
| 425 | @upDateTdytxxList="upDateTdytxxList" | 393 | @upDateTdytxxList="upDateTdytxxList" |
| 426 | :ableOperation="ableOperation" | 394 | :ableOperation="ableOperation" /> |
| 427 | /> | ||
| 428 | <div class="slxx_title title-block"> | 395 | <div class="slxx_title title-block"> |
| 429 | 权利人信息 | 396 | 权利人信息 |
| 430 | <div class="triangle"></div> | 397 | <div class="triangle"></div> |
| ... | @@ -434,8 +401,7 @@ | ... | @@ -434,8 +401,7 @@ |
| 434 | <el-form-item label="共有方式："> | 401 | <el-form-item label="共有方式："> |
| 435 | <el-radio-group | 402 | <el-radio-group |
| 436 | :disabled="!ableOperation" | 403 | :disabled="!ableOperation" |
| 437 | v-model="ruleForm.qlxx.gyfs" | 404 | v-model="ruleForm.sldy.gyfs"> |
| 438 | > | ||
| 439 | <el-radio label="0">单独所有</el-radio> | 405 | <el-radio label="0">单独所有</el-radio> |
| 440 | <el-radio label="1">共同共有</el-radio> | 406 | <el-radio label="1">共同共有</el-radio> |
| 441 | <el-radio label="2">按份所有</el-radio> | 407 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -443,12 +409,11 @@ | ... | @@ -443,12 +409,11 @@ |
| 443 | </el-radio-group> | 409 | </el-radio-group> |
| 444 | </el-form-item> | 410 | </el-form-item> |
| 445 | </el-col> | 411 | </el-col> |
| 446 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 412 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 447 | <el-form-item label="是否分别持证："> | 413 | <el-form-item label="是否分别持证："> |
| 448 | <el-radio-group | 414 | <el-radio-group |
| 449 | v-model="ruleForm.qlxx.sqfbcz" | 415 | v-model="ruleForm.sldy.sqfbcz" |
| 450 | :disabled="!ableOperation" | 416 | :disabled="!ableOperation"> |
| 451 | > | ||
| 452 | <el-radio :label="1">是</el-radio> | 417 | <el-radio :label="1">是</el-radio> |
| 453 | <el-radio :label="0">否</el-radio> | 418 | <el-radio :label="0">否</el-radio> |
| 454 | </el-radio-group> | 419 | </el-radio-group> |
| ... | @@ -456,20 +421,17 @@ | ... | @@ -456,20 +421,17 @@ |
| 456 | </el-col> | 421 | </el-col> |
| 457 | <el-col | 422 | <el-col |
| 458 | :span="6" | 423 | :span="6" |
| 459 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | 424 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 460 | > | ||
| 461 | <el-form-item label="持证人："> | 425 | <el-form-item label="持证人："> |
| 462 | <el-select | 426 | <el-select |
| 463 | v-model="ruleForm.czr" | 427 | v-model="ruleForm.czr" |
| 464 | placeholder="持证人" | 428 | placeholder="持证人" |
| 465 | :disabled="!ableOperation" | 429 | :disabled="!ableOperation"> |
| 466 | > | ||
| 467 | <el-option | 430 | <el-option |
| 468 | v-for="item in czrOptions" | 431 | v-for="item in czrOptions" |
| 469 | :key="item.zjh" | 432 | :key="item.zjh" |
| 470 | :label="item.sqrmc" | 433 | :label="item.sqrmc" |
| 471 | :value="item.zjh" | 434 | :value="item.zjh"> |
| 472 | > | ||
| 473 | </el-option> | 435 | </el-option> |
| 474 | </el-select> | 436 | </el-select> |
| 475 | </el-form-item> | 437 | </el-form-item> |
| ... | @@ -480,8 +442,7 @@ | ... | @@ -480,8 +442,7 @@ |
| 480 | @upDateQlrxxList="upDateQlrxxList" | 442 | @upDateQlrxxList="upDateQlrxxList" |
| 481 | :ableOperation="ableOperation" | 443 | :ableOperation="ableOperation" |
| 482 | :key="key" | 444 | :key="key" |
| 483 | :gyfs="ruleForm.qlxx.gyfs" | 445 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 484 | /> | ||
| 485 | </div> | 446 | </div> |
| 486 | <el-row class="btn" v-if="ableOperation"> | 447 | <el-row class="btn" v-if="ableOperation"> |
| 487 | <el-form-item> | 448 | <el-form-item> |
| ... | @@ -492,367 +453,374 @@ | ... | @@ -492,367 +453,374 @@ |
| 492 | </div> | 453 | </div> |
| 493 | </template> | 454 | </template> |
| 494 | <script> | 455 | <script> |
| 495 | import { mapGetters } from "vuex"; | 456 | import { mapGetters } from "vuex"; |
| 496 | import ywmix from "@/views/ywbl/mixin/index"; | 457 | import ywmix from "@/views/ywbl/mixin/index"; |
| 497 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 458 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 498 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 459 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 499 | import selectTable from "@/components/selectTable/index.vue"; | 460 | import selectTable from "@/components/selectTable/index.vue"; |
| 500 | import tdytTable from "@/views/workflow/components/tdytTable"; | 461 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 501 | export default { | 462 | export default { |
| 502 | mixins: [ywmix], | 463 | mixins: [ywmix], |
| 503 | components: { qlrCommonTable, tdytTable, selectTable }, | 464 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 504 | computed: { | 465 | computed: { |
| 505 | ...mapGetters(["dictData", "flag"]), | 466 | ...mapGetters(["dictData", "flag"]), |
| 506 | // 根据流程判断表单是否为只读 | 467 | // 根据流程判断表单是否为只读 |
| 507 | editDisabled() { | 468 | editDisabled () { |
| 508 | if (!this.ableOperation) { | 469 | if (!this.ableOperation) { |
| 509 | //只读状态 | 470 | //只读状态 |
| 510 | return true; | 471 | return true; |
| 511 | } | ||
| 512 | return false; | ||
| 513 | }, | ||
| 514 | }, | ||
| 515 | data() { | ||
| 516 | return { | ||
| 517 | mjdw: "1", | ||
| 518 | ssqlxxshow: true, | ||
| 519 | props: { | ||
| 520 | label: "bdcqzh", | ||
| 521 | value: "bdcdyid", | ||
| 522 | }, | ||
| 523 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 524 | normalizer(node) { | ||
| 525 | //方法 | ||
| 526 | if (node.children == null || node.children == "null") { | ||
| 527 | delete node.children; | ||
| 528 | } | 472 | } |
| 529 | return { | 473 | return false; |
| 530 | id: node.dcode, | ||
| 531 | label: node.dname, | ||
| 532 | }; | ||
| 533 | }, | 474 | }, |
| 534 | 475 | }, | |
| 535 | //表单是否可操作 | 476 | data () { |
| 536 | propsParam: this.$attrs, | 477 | return { |
| 537 | // 登记类型 | 478 | mjdw: "1", |
| 538 | djlxlist: [ | 479 | ssqlxxshow: true, |
| 539 | { | 480 | props: { |
| 540 | dcode: "100", | 481 | label: "bdcqzh", |
| 541 | dname: "首次登记", | 482 | value: "bdcdyid", |
| 542 | }, | ||
| 543 | { | ||
| 544 | dcode: "200", | ||
| 545 | dname: "转移登记", | ||
| 546 | }, | ||
| 547 | { | ||
| 548 | dcode: "300", | ||
| 549 | dname: "变更登记", | ||
| 550 | }, | 483 | }, |
| 551 | { | 484 | // 键名转换，方法默认是label和children进行树状渲染 |
| 552 | dcode: "500", | 485 | normalizer (node) { |
| 553 | dname: "更正登记", | 486 | //方法 |
| 487 | if (node.children == null || node.children == "null") { | ||
| 488 | delete node.children; | ||
| 489 | } | ||
| 490 | return { | ||
| 491 | id: node.dcode, | ||
| 492 | label: node.dname, | ||
| 493 | }; | ||
| 554 | }, | 494 | }, |
| 555 | 495 | ||
| 556 | { | 496 | //表单是否可操作 |
| 557 | dcode: "901", | 497 | propsParam: this.$attrs, |
| 558 | dname: "补证", | 498 | // 登记类型 |
| 559 | }, | 499 | djlxlist: [ |
| 560 | { | 500 | { |
| 561 | dcode: "902", | 501 | dcode: "100", |
| 562 | dname: "换证", | 502 | dname: "首次登记", |
| 563 | }, | 503 | }, |
| 564 | ], | 504 | { |
| 565 | // 权属状态 | 505 | dcode: "200", |
| 566 | qsztlist: [ | 506 | dname: "转移登记", |
| 567 | { | 507 | }, |
| 568 | dcode: "1", | 508 | { |
| 569 | dname: "现势", | 509 | dcode: "300", |
| 570 | }, | 510 | dname: "变更登记", |
| 571 | { | 511 | }, |
| 572 | dcode: "2", | 512 | { |
| 573 | dname: "历史", | 513 | dcode: "500", |
| 574 | }, | 514 | dname: "更正登记", |
| 575 | ], | 515 | }, |
| 576 | key: 0, | 516 | |
| 577 | tdxz: null, | 517 | { |
| 578 | isShow: false, | 518 | dcode: "901", |
| 579 | disabled: true, | 519 | dname: "补证", |
| 580 | czrOptions: [], | 520 | }, |
| 581 | ssQlxxList: [], | 521 | { |
| 582 | ruleForm: { | 522 | dcode: "902", |
| 583 | fdcq2: { | 523 | dname: "换证", |
| 584 | ftjzmj: "", | 524 | }, |
| 585 | }, | ||
| 586 | }, | ||
| 587 | ableOperation: false, | ||
| 588 | //传递参数\ | ||
| 589 | rules: { | ||
| 590 | ssQlxxrules: [ | ||
| 591 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 592 | ], | 525 | ], |
| 593 | bdcqzhrules: [ | 526 | // 权属状态 |
| 594 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 527 | qsztlist: [ |
| 528 | { | ||
| 529 | dcode: "1", | ||
| 530 | dname: "现势", | ||
| 531 | }, | ||
| 532 | { | ||
| 533 | dcode: "2", | ||
| 534 | dname: "历史", | ||
| 535 | }, | ||
| 595 | ], | 536 | ], |
| 596 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 537 | key: 0, |
| 597 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 538 | tdxz: null, |
| 598 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 539 | isShow: false, |
| 599 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 540 | disabled: true, |
| 600 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | 541 | czrOptions: [], |
| 601 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 542 | ssQlxxList: [], |
| 602 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 543 | ruleForm: { |
| 603 | }, | 544 | fdcq2: { |
| 604 | }; | 545 | ftjzmj: "", |
| 605 | }, | 546 | }, |
| 606 | created() {}, | 547 | }, |
| 607 | mounted() { | 548 | ableOperation: false, |
| 608 | this.loadData(); | 549 | //传递参数\ |
| 609 | this.ableOperation = this.$parent.ableOperation; | 550 | rules: { |
| 610 | }, | 551 | ssQlxxrules: [ |
| 611 | methods: { | 552 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 612 | /** | 553 | ], |
| 613 | * @description: ssQlxxchange | 554 | bdcqzhrules: [ |
| 614 | * @param {*} val | 555 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 615 | * @author: renchao | 556 | ], |
| 616 | */ | 557 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 617 | ssQlxxchange(val) { | 558 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 618 | this.ruleForm.ssQlxx = val; | 559 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 619 | this.ruleForm.qlxx.ssywh = val.ywh; | 560 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 620 | this.ssQlxxchangediolog(val); | 561 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], |
| 562 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 563 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | ||
| 564 | }, | ||
| 565 | }; | ||
| 621 | }, | 566 | }, |
| 622 | // 弹框事件 | 567 | created () { }, |
| 623 | ssQlxxchangediolog(val) { | 568 | mounted () { |
| 624 | console.log("确定了", this.ruleForm, val); | 569 | this.loadData(); |
| 625 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 570 | this.ableOperation = this.$parent.ableOperation; |
| 626 | iconClass: "el-icon-question", //自定义图标样式 | 571 | }, |
| 627 | confirmButtonText: "确认", //确认按钮文字更换 | 572 | methods: { |
| 628 | cancelButtonText: "取消", //取消按钮文字更换 | 573 | /** |
| 629 | showClose: true, //是否显示右上角关闭按钮 | 574 | * @description: ssQlxxchange |
| 630 | type: "warning", | 575 | * @param {*} val |
| 576 | * @author: renchao | ||
| 577 | */ | ||
| 578 | ssQlxxchange (val) { | ||
| 579 | this.ruleForm.ssQlxx = val; | ||
| 580 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 581 | this.ssQlxxchangediolog(val); | ||
| 582 | }, | ||
| 583 | // 弹框事件 | ||
| 584 | ssQlxxchangediolog (val) { | ||
| 585 | console.log("确定了", this.ruleForm, val); | ||
| 586 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 587 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 588 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 589 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 590 | showClose: true, //是否显示右上角关闭按钮 | ||
| 591 | type: "warning", | ||
| 631 | 592 | ||
| 632 | 593 | ||
| 633 | }).then(() => { | 594 | }).then(() => { |
| 634 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 595 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 635 | if (res.code == 200) { | 596 | if (res.code == 200) { |
| 636 | this.nowlist = res.result; | 597 | this.nowlist = res.result; |
| 637 | console.log("his.nowlist", this.nowlist); | 598 | console.log("his.nowlist", this.nowlist); |
| 638 | console.log("this.ruleForm", this.ruleForm); | 599 | console.log("this.ruleForm", this.ruleForm); |
| 639 | for (var key in this.ruleForm.fdcq2) { | 600 | for (var key in this.ruleForm.fdcq2) { |
| 640 | if ( | 601 | if ( |
| 641 | this.ruleForm.fdcq2[key] == "" || | 602 | this.ruleForm.fdcq2[key] == "" || |
| 642 | this.ruleForm.fdcq2[key] == null | 603 | this.ruleForm.fdcq2[key] == null |
| 643 | ) { | 604 | ) { |
| 644 | this.ruleForm.fdcq2[key] = this.nowlist.fdcq2[key]; | 605 | this.ruleForm.fdcq2[key] = this.nowlist.fdcq2[key]; |
| 606 | } | ||
| 645 | } | 607 | } |
| 646 | } | 608 | for (var key in this.ruleForm.qlxx) { |
| 647 | for (var key in this.ruleForm.qlxx) { | 609 | if ( |
| 648 | if ( | 610 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 649 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | 611 | this.ruleForm.qlxx[key] == null |
| 650 | this.ruleForm.qlxx[key] == null | 612 | ) { |
| 651 | ) { | 613 | console.log("this.ruleForm.qlxx[key]", key); |
| 652 | console.log("this.ruleForm.qlxx[key]", key); | 614 | if (key != "ywh") { |
| 653 | if (key != "ywh") { | 615 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 654 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 616 | } |
| 655 | } | 617 | } |
| 656 | } | 618 | } |
| 619 | if (!this.ruleForm.tdytqxList.length) { | ||
| 620 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 621 | } | ||
| 622 | if (!this.ruleForm.qlrData.length) { | ||
| 623 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 624 | } | ||
| 625 | if (!this.ruleForm.ywrData.length) { | ||
| 626 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 627 | } | ||
| 628 | console.log("this.ruleForm", this.ruleForm); | ||
| 629 | this.$message({ | ||
| 630 | type: "success", | ||
| 631 | message: "同步成功!", | ||
| 632 | }); | ||
| 657 | } | 633 | } |
| 658 | if (!this.ruleForm.tdytqxList.length) { | 634 | }); |
| 659 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 635 | }).catch(() => { |
| 660 | } | ||
| 661 | if (!this.ruleForm.qlrData.length) { | ||
| 662 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 663 | } | ||
| 664 | if (!this.ruleForm.ywrData.length) { | ||
| 665 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 666 | } | ||
| 667 | console.log("this.ruleForm", this.ruleForm); | ||
| 668 | this.$message({ | ||
| 669 | type: "success", | ||
| 670 | message: "同步成功!", | ||
| 671 | }); | ||
| 672 | } | ||
| 673 | }); | ||
| 674 | }).catch(() => { | ||
| 675 | this.$message({ | 636 | this.$message({ |
| 676 | type: "info", | 637 | type: "info", |
| 677 | message: "已取消同步", | 638 | message: "已取消同步", |
| 678 | }); | 639 | }); |
| 679 | }); | 640 | }); |
| 680 | }, | 641 | }, |
| 681 | /** | 642 | /** |
| 682 | * @description: djlxchange | 643 | * @description: djlxchange |
| 683 | * @param {*} val | 644 | * @param {*} val |
| 684 | * @author: renchao | 645 | * @author: renchao |
| 685 | */ | 646 | */ |
| 686 | djlxchange(val) { | 647 | djlxchange (val) { |
| 687 | if (val == null || val == 100) { | 648 | if (val == null || val == 100) { |
| 688 | this.ssqlxxshow = false; | 649 | this.ssqlxxshow = false; |
| 689 | } else { | 650 | } else { |
| 690 | this.ssqlxxshow = true; | 651 | this.ssqlxxshow = true; |
| 691 | } | ||
| 692 | }, | ||
| 693 | /** | ||
| 694 | * @description: loadData | ||
| 695 | * @author: renchao | ||
| 696 | */ | ||
| 697 | loadData() { | ||
| 698 | this.$startLoading(); | ||
| 699 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 700 | init(this.propsParam).then((res) => { | ||
| 701 | if (res.code == 200) { | ||
| 702 | this.ruleForm = res.result; | ||
| 703 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 704 | if (djlx == null || djlx == 100) { | ||
| 705 | this.ssqlxxshow = false; | ||
| 706 | } | ||
| 707 | this.ruleForm.fdcq2.jedw = "1"; | ||
| 708 | this.$endLoading(); | ||
| 709 | if (this.ruleForm.tdytqxList.length > 0) { | ||
| 710 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | ||
| 711 | } else { | ||
| 712 | this.tdxz = null; | ||
| 713 | } | ||
| 714 | this.isShow = true; | ||
| 715 | //获取主体信息 | ||
| 716 | getSsQlxx({ | ||
| 717 | bdcdyid: this.propsParam.bdcdyid, | ||
| 718 | qllx: this.propsParam.qllx, | ||
| 719 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 720 | }).then((res) => { | ||
| 721 | if (res.code == 200) { | ||
| 722 | this.ssQlxxList = res.result; | ||
| 723 | } | ||
| 724 | }); | ||
| 725 | } | 652 | } |
| 726 | }); | 653 | }, |
| 727 | }, | 654 | /** |
| 728 | // 更新土地用途信息 | 655 | * @description: loadData |
| 729 | /** | 656 | * @author: renchao |
| 730 | * @description: 更新土地用途信息 | 657 | */ |
| 731 | * @param {*} val | 658 | loadData () { |
| 732 | * @author: renchao | 659 | this.$startLoading(); |
| 733 | */ | 660 | this.propsParam.isEdit = this.$parent.isEdit; |
| 734 | upDateTdytxxList(val) { | 661 | init(this.propsParam).then((res) => { |
| 735 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 662 | if (res.code == 200) { |
| 736 | this.key++; | 663 | this.ruleForm = res.result; |
| 737 | }, | 664 | let djlx = this.ruleForm.qlxx.djlx; |
| 738 | // 更新权利人信息 | 665 | if (djlx == null || djlx == 100) { |
| 739 | /** | 666 | this.ssqlxxshow = false; |
| 740 | * @description: 更新权利人信息 | 667 | } |
| 741 | * @param {*} val | 668 | this.ruleForm.fdcq2.jedw = "1"; |
| 742 | * @author: renchao | 669 | this.$endLoading(); |
| 743 | */ | 670 | if (this.ruleForm.tdytqxList.length > 0) { |
| 744 | upDateQlrxxList(val) { | 671 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 745 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 672 | } else { |
| 746 | this.czrOptions = this.ruleForm.qlrData; | 673 | this.tdxz = null; |
| 747 | this.key++; | 674 | } |
| 748 | }, | 675 | this.isShow = true; |
| 749 | // 更新义务人信息 | 676 | //获取主体信息 |
| 750 | /** | 677 | getSsQlxx({ |
| 751 | * @description: 更新义务人信息 | 678 | bdcdyid: this.propsParam.bdcdyid, |
| 752 | * @param {*} val | 679 | qllx: this.propsParam.qllx, |
| 753 | * @author: renchao | 680 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 754 | */ | 681 | }).then((res) => { |
| 755 | upDateYwrxxList(val) { | 682 | if (res.code == 200) { |
| 756 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 683 | this.ssQlxxList = res.result; |
| 757 | this.key++; | 684 | } |
| 758 | }, | ||
| 759 | /** | ||
| 760 | * @description: onSubmit | ||
| 761 | * @author: renchao | ||
| 762 | */ | ||
| 763 | onSubmit() { | ||
| 764 | this.$refs.ruleForm.validate((valid) => { | ||
| 765 | if (valid) { | ||
| 766 | if (this.ruleForm.qlrData.length == 0) { | ||
| 767 | this.$message({ | ||
| 768 | showClose: true, | ||
| 769 | message: "请确认权利人信息", | ||
| 770 | type: "error", | ||
| 771 | }); | ||
| 772 | return false; | ||
| 773 | } | ||
| 774 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | ||
| 775 | this.$message({ | ||
| 776 | showClose: true, | ||
| 777 | message: "请补充土地用途信息", | ||
| 778 | type: "error", | ||
| 779 | }); | ||
| 780 | return false; | ||
| 781 | } | ||
| 782 | if (!this.tdxz) { | ||
| 783 | this.$message({ | ||
| 784 | showClose: true, | ||
| 785 | message: "请补充土地性质", | ||
| 786 | type: "error", | ||
| 787 | }); | 685 | }); |
| 788 | return false; | ||
| 789 | } | 686 | } |
| 790 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { | 687 | }); |
| 791 | return { | 688 | }, |
| 792 | ...item, | 689 | // 更新土地用途信息 |
| 793 | qlxzbm: this.tdxz, | 690 | /** |
| 794 | }; | 691 | * @description: 更新土地用途信息 |
| 795 | }); | 692 | * @param {*} val |
| 796 | if (this.ruleForm.qlxx.gyfs == "0") { | 693 | * @author: renchao |
| 797 | if (this.ruleForm.qlrData.length > 1) { | 694 | */ |
| 695 | upDateTdytxxList (val) { | ||
| 696 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 697 | this.key++; | ||
| 698 | }, | ||
| 699 | // 更新权利人信息 | ||
| 700 | /** | ||
| 701 | * @description: 更新权利人信息 | ||
| 702 | * @param {*} val | ||
| 703 | * @author: renchao | ||
| 704 | */ | ||
| 705 | upDateQlrxxList (val) { | ||
| 706 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 707 | this.czrOptions = this.ruleForm.qlrData; | ||
| 708 | this.key++; | ||
| 709 | }, | ||
| 710 | // 更新义务人信息 | ||
| 711 | /** | ||
| 712 | * @description: 更新义务人信息 | ||
| 713 | * @param {*} val | ||
| 714 | * @author: renchao | ||
| 715 | */ | ||
| 716 | upDateYwrxxList (val) { | ||
| 717 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 718 | this.key++; | ||
| 719 | }, | ||
| 720 | /** | ||
| 721 | * @description: onSubmit | ||
| 722 | * @author: renchao | ||
| 723 | */ | ||
| 724 | onSubmit () { | ||
| 725 | this.$refs.ruleForm.validate((valid) => { | ||
| 726 | if (valid) { | ||
| 727 | if (this.ruleForm.qlrData.length == 0) { | ||
| 798 | this.$message({ | 728 | this.$message({ |
| 799 | showClose: true, | 729 | showClose: true, |
| 800 | message: "共有方式：单独所有，权利人只能是一个人", | 730 | message: "请确认权利人信息", |
| 801 | type: "error", | 731 | type: "error", |
| 802 | }); | 732 | }); |
| 803 | return false; | 733 | return false; |
| 804 | } | 734 | } |
| 805 | this.ruleForm.qlrData[0].sfczr = "1"; | 735 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { |
| 806 | } | ||
| 807 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 808 | // //是否分别持证 | ||
| 809 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 810 | // //是 | ||
| 811 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 812 | // item.sfczr = "1"; | ||
| 813 | // }); | ||
| 814 | // } else { | ||
| 815 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 816 | // if (item.zjh == this.ruleForm.czr) { | ||
| 817 | // item.sfczr = "1"; | ||
| 818 | // } else { | ||
| 819 | // item.sfczr = "0"; | ||
| 820 | // } | ||
| 821 | // }); | ||
| 822 | // } | ||
| 823 | // } | ||
| 824 | save(this.ruleForm).then((res) => { | ||
| 825 | if (res.code === 200) { | ||
| 826 | this.$message({ | 736 | this.$message({ |
| 827 | showClose: true, | 737 | showClose: true, |
| 828 | message: "保存成功！", | 738 | message: "请补充土地用途信息", |
| 829 | type: "success", | 739 | type: "error", |
| 830 | }); | 740 | }); |
| 831 | this.$parent.changeywh(); | 741 | return false; |
| 832 | this.$store.dispatch("user/refreshPage", true); | 742 | } |
| 833 | } else { | 743 | if (!this.tdxz) { |
| 834 | this.$message({ | 744 | this.$message({ |
| 835 | showClose: true, | 745 | showClose: true, |
| 836 | message: res.message, | 746 | message: "请补充土地性质", |
| 837 | type: "error", | 747 | type: "error", |
| 838 | }); | 748 | }); |
| 749 | return false; | ||
| 839 | } | 750 | } |
| 840 | }); | 751 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { |
| 841 | } else { | 752 | return { |
| 842 | return false; | 753 | ...item, |
| 843 | } | 754 | qlxzbm: this.tdxz, |
| 844 | }); | 755 | }; |
| 756 | }); | ||
| 757 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 758 | if (this.ruleForm.qlrData.length > 1) { | ||
| 759 | this.$message({ | ||
| 760 | showClose: true, | ||
| 761 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 762 | type: "error", | ||
| 763 | }); | ||
| 764 | return false; | ||
| 765 | } | ||
| 766 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 767 | } else { | ||
| 768 | //是否分别持证 | ||
| 769 | if (this.ruleForm.sldy.sqfbcz == "1") { | ||
| 770 | //是 | ||
| 771 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 772 | item.sfczr = "1"; | ||
| 773 | }); | ||
| 774 | } else { | ||
| 775 | if (!that.ruleForm.czr) { | ||
| 776 | that.$message({ | ||
| 777 | showClose: true, | ||
| 778 | message: "请选择持证人", | ||
| 779 | type: "error", | ||
| 780 | }); | ||
| 781 | return false; | ||
| 782 | } | ||
| 783 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 784 | if (item.zjh == this.ruleForm.czr) { | ||
| 785 | item.sfczr = "1"; | ||
| 786 | } else { | ||
| 787 | item.sfczr = "0"; | ||
| 788 | } | ||
| 789 | }); | ||
| 790 | } | ||
| 791 | } | ||
| 792 | save(this.ruleForm).then((res) => { | ||
| 793 | if (res.code === 200) { | ||
| 794 | this.$message({ | ||
| 795 | showClose: true, | ||
| 796 | message: "保存成功！", | ||
| 797 | type: "success", | ||
| 798 | }); | ||
| 799 | this.$parent.changeywh(); | ||
| 800 | this.$store.dispatch("user/refreshPage", true); | ||
| 801 | } else { | ||
| 802 | this.$message({ | ||
| 803 | showClose: true, | ||
| 804 | message: res.message, | ||
| 805 | type: "error", | ||
| 806 | }); | ||
| 807 | } | ||
| 808 | }); | ||
| 809 | } else { | ||
| 810 | return false; | ||
| 811 | } | ||
| 812 | }); | ||
| 813 | }, | ||
| 845 | }, | 814 | }, |
| 846 | }, | 815 | }; |
| 847 | }; | ||
| 848 | </script> | 816 | </script> |
| 849 | <style scoped lang="scss"> | 817 | <style scoped lang="scss"> |
| 850 | @import "~@/styles/public.scss"; | 818 | @import "~@/styles/public.scss"; |
| 851 | @import "~@/styles/slxx/slxx.scss"; | 819 | @import "~@/styles/slxx/slxx.scss"; |
| 852 | .el-date-editor.el-input { | 820 | .el-date-editor.el-input { |
| 853 | width: 100%; | 821 | width: 100%; |
| 854 | } | 822 | } |
| 855 | .el-table__row { | 823 | .el-table__row { |
| 856 | height: 30px !important; | 824 | height: 30px !important; |
| 857 | } | 825 | } |
| 858 | </style> | 826 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 11:01:16 | 4 | * @LastEditTime: 2023-08-04 10:59:24 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -14,8 +14,7 @@ | ... | @@ -14,8 +14,7 @@ |
| 14 | ref="ruleForm" | 14 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | label-width="145px" | 17 | label-width="145px"> |
| 18 | > | ||
| 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 20 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
| 21 | 补录信息 | 20 | 补录信息 |
| ... | @@ -47,25 +46,21 @@ | ... | @@ -47,25 +46,21 @@ |
| 47 | <el-form-item | 46 | <el-form-item |
| 48 | label="上手权利信息：" | 47 | label="上手权利信息：" |
| 49 | prop="ssQlxx.bdcqzh" | 48 | prop="ssQlxx.bdcqzh" |
| 50 | :rules="rules.ssQlxxrules" | 49 | :rules="rules.ssQlxxrules"> |
| 51 | > | ||
| 52 | <select-table | 50 | <select-table |
| 53 | v-model="ruleForm.ssQlxx" | 51 | v-model="ruleForm.ssQlxx" |
| 54 | :table-width="550" | 52 | :table-width="550" |
| 55 | :tableData="ssQlxxList" | 53 | :tableData="ssQlxxList" |
| 56 | :props="props" | 54 | :props="props" |
| 57 | @change="ssQlxxchange" | 55 | @change="ssQlxxchange"> |
| 58 | > | ||
| 59 | <el-table-column | 56 | <el-table-column |
| 60 | prop="qllxmc" | 57 | prop="qllxmc" |
| 61 | width="130" | 58 | width="130" |
| 62 | label="权利类型" | 59 | label="权利类型"></el-table-column> |
| 63 | ></el-table-column> | ||
| 64 | <el-table-column | 60 | <el-table-column |
| 65 | prop="bdcqzh" | 61 | prop="bdcqzh" |
| 66 | width="160" | 62 | width="160" |
| 67 | label="不动产权证书" | 63 | label="不动产权证书"></el-table-column> |
| 68 | ></el-table-column> | ||
| 69 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 64 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 70 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 71 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -99,15 +94,13 @@ | ... | @@ -99,15 +94,13 @@ |
| 99 | <el-form-item | 94 | <el-form-item |
| 100 | label="登记类型：" | 95 | label="登记类型：" |
| 101 | prop="qlxx.djlx" | 96 | prop="qlxx.djlx" |
| 102 | :rules="rules.djlxrules" | 97 | :rules="rules.djlxrules"> |
| 103 | > | ||
| 104 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 98 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 105 | <el-option | 99 | <el-option |
| 106 | v-for="item in djlxlist" | 100 | v-for="item in djlxlist" |
| 107 | :key="item.dcode" | 101 | :key="item.dcode" |
| 108 | :label="item.dname" | 102 | :label="item.dname" |
| 109 | :value="item.dcode" | 103 | :value="item.dcode"> |
| 110 | > | ||
| 111 | </el-option> | 104 | </el-option> |
| 112 | </el-select> | 105 | </el-select> |
| 113 | </el-form-item> | 106 | </el-form-item> |
| ... | @@ -119,8 +112,7 @@ | ... | @@ -119,8 +112,7 @@ |
| 119 | v-for="item in qsztlist" | 112 | v-for="item in qsztlist" |
| 120 | :key="item.dcode" | 113 | :key="item.dcode" |
| 121 | :label="item.dname" | 114 | :label="item.dname" |
| 122 | :value="item.dcode" | 115 | :value="item.dcode"> |
| 123 | > | ||
| 124 | </el-option> | 116 | </el-option> |
| 125 | </el-select> | 117 | </el-select> |
| 126 | </el-form-item> | 118 | </el-form-item> |
| ... | @@ -141,15 +133,13 @@ | ... | @@ -141,15 +133,13 @@ |
| 141 | <div class="flex"> | 133 | <div class="flex"> |
| 142 | <el-input | 134 | <el-input |
| 143 | v-model="ruleForm.jsydsyq.syqmj" | 135 | v-model="ruleForm.jsydsyq.syqmj" |
| 144 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 136 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 145 | ></el-input> | ||
| 146 | <el-select disabled v-model="mjdw" style="width: 20%"> | 137 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 147 | <el-option | 138 | <el-option |
| 148 | v-for="item in dictData['A7']" | 139 | v-for="item in dictData['A7']" |
| 149 | :key="item.dcode" | 140 | :key="item.dcode" |
| 150 | :label="item.dname" | 141 | :label="item.dname" |
| 151 | :value="item.dcode" | 142 | :value="item.dcode"> |
| 152 | > | ||
| 153 | </el-option> | 143 | </el-option> |
| 154 | </el-select> | 144 | </el-select> |
| 155 | </div> | 145 | </div> |
| ... | @@ -180,15 +170,13 @@ | ... | @@ -180,15 +170,13 @@ |
| 180 | <div style="display: flex"> | 170 | <div style="display: flex"> |
| 181 | <el-input | 171 | <el-input |
| 182 | v-model="ruleForm.jsydsyq.qdjg" | 172 | v-model="ruleForm.jsydsyq.qdjg" |
| 183 | style="width: 500%" | 173 | style="width: 500%"></el-input> |
| 184 | ></el-input> | ||
| 185 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 174 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
| 186 | <el-option | 175 | <el-option |
| 187 | v-for="item in dictData['A57']" | 176 | v-for="item in dictData['A57']" |
| 188 | :key="item.dcode" | 177 | :key="item.dcode" |
| 189 | :label="item.dname" | 178 | :label="item.dname" |
| 190 | :value="item.dcode" | 179 | :value="item.dcode"> |
| 191 | > | ||
| 192 | </el-option> | 180 | </el-option> |
| 193 | </el-select> | 181 | </el-select> |
| 194 | </div> | 182 | </div> |
| ... | @@ -199,8 +187,7 @@ | ... | @@ -199,8 +187,7 @@ |
| 199 | <el-form-item | 187 | <el-form-item |
| 200 | label="不动产权证号：" | 188 | label="不动产权证号：" |
| 201 | prop="qlxx.bdcqzh" | 189 | prop="qlxx.bdcqzh" |
| 202 | :rules="rules.bdcqzhrules" | 190 | :rules="rules.bdcqzhrules"> |
| 203 | > | ||
| 204 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 205 | </el-form-item> | 192 | </el-form-item> |
| 206 | </el-col> | 193 | </el-col> |
| ... | @@ -217,8 +204,7 @@ | ... | @@ -217,8 +204,7 @@ |
| 217 | <el-form-item | 204 | <el-form-item |
| 218 | label="登记机构：" | 205 | label="登记机构：" |
| 219 | prop="qlxx.djjg" | 206 | prop="qlxx.djjg" |
| 220 | :rules="rules.djjgrules" | 207 | :rules="rules.djjgrules"> |
| 221 | > | ||
| 222 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 208 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 223 | </el-form-item> | 209 | </el-form-item> |
| 224 | </el-col> | 210 | </el-col> |
| ... | @@ -226,8 +212,7 @@ | ... | @@ -226,8 +212,7 @@ |
| 226 | <el-form-item | 212 | <el-form-item |
| 227 | label="登簿人：" | 213 | label="登簿人：" |
| 228 | prop="qlxx.dbr" | 214 | prop="qlxx.dbr" |
| 229 | :rules="rules.dbrrules" | 215 | :rules="rules.dbrrules"> |
| 230 | > | ||
| 231 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 216 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 232 | </el-form-item> | 217 | </el-form-item> |
| 233 | </el-col> | 218 | </el-col> |
| ... | @@ -235,16 +220,14 @@ | ... | @@ -235,16 +220,14 @@ |
| 235 | <el-form-item | 220 | <el-form-item |
| 236 | label="登记时间：" | 221 | label="登记时间：" |
| 237 | prop="qlxx.djsj" | 222 | prop="qlxx.djsj" |
| 238 | :rules="rules.djsjrules" | 223 | :rules="rules.djsjrules"> |
| 239 | > | ||
| 240 | <el-date-picker | 224 | <el-date-picker |
| 241 | v-model="ruleForm.qlxx.djsj" | 225 | v-model="ruleForm.qlxx.djsj" |
| 242 | type="date" | 226 | type="date" |
| 243 | class="width100" | 227 | class="width100" |
| 244 | placeholder="选择日期" | 228 | placeholder="选择日期" |
| 245 | value-format="yyyy-MM-dd HH:mm:ss" | 229 | value-format="yyyy-MM-dd HH:mm:ss" |
| 246 | format="yyyy-MM-dd" | 230 | format="yyyy-MM-dd"> |
| 247 | > | ||
| 248 | </el-date-picker> | 231 | </el-date-picker> |
| 249 | </el-form-item> | 232 | </el-form-item> |
| 250 | </el-col> | 233 | </el-col> |
| ... | @@ -263,8 +246,7 @@ | ... | @@ -263,8 +246,7 @@ |
| 263 | <tdytTable | 246 | <tdytTable |
| 264 | :tableData="ruleForm.tdytqxList" | 247 | :tableData="ruleForm.tdytqxList" |
| 265 | @upDateTdytxxList="upDateTdytxxList" | 248 | @upDateTdytxxList="upDateTdytxxList" |
| 266 | :ableOperation="ableOperation" | 249 | :ableOperation="ableOperation" /> |
| 267 | /> | ||
| 268 | <div class="slxx_title title-block"> | 250 | <div class="slxx_title title-block"> |
| 269 | 权利人信息 | 251 | 权利人信息 |
| 270 | <div class="triangle"></div> | 252 | <div class="triangle"></div> |
| ... | @@ -274,8 +256,7 @@ | ... | @@ -274,8 +256,7 @@ |
| 274 | <el-form-item label="共有方式："> | 256 | <el-form-item label="共有方式："> |
| 275 | <el-radio-group | 257 | <el-radio-group |
| 276 | :disabled="!ableOperation" | 258 | :disabled="!ableOperation" |
| 277 | v-model="ruleForm.qlxx.gyfs" | 259 | v-model="ruleForm.sldy.gyfs"> |
| 278 | > | ||
| 279 | <el-radio label="0">单独所有</el-radio> | 260 | <el-radio label="0">单独所有</el-radio> |
| 280 | <el-radio label="1">共同共有</el-radio> | 261 | <el-radio label="1">共同共有</el-radio> |
| 281 | <el-radio label="2">按份所有</el-radio> | 262 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -283,12 +264,11 @@ | ... | @@ -283,12 +264,11 @@ |
| 283 | </el-radio-group> | 264 | </el-radio-group> |
| 284 | </el-form-item> | 265 | </el-form-item> |
| 285 | </el-col> | 266 | </el-col> |
| 286 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 267 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 287 | <el-form-item label="是否分别持证："> | 268 | <el-form-item label="是否分别持证："> |
| 288 | <el-radio-group | 269 | <el-radio-group |
| 289 | v-model="ruleForm.qlxx.sqfbcz" | 270 | v-model="ruleForm.sldy.sqfbcz" |
| 290 | :disabled="!ableOperation" | 271 | :disabled="!ableOperation"> |
| 291 | > | ||
| 292 | <el-radio :label="1">是</el-radio> | 272 | <el-radio :label="1">是</el-radio> |
| 293 | <el-radio :label="0">否</el-radio> | 273 | <el-radio :label="0">否</el-radio> |
| 294 | </el-radio-group> | 274 | </el-radio-group> |
| ... | @@ -296,20 +276,17 @@ | ... | @@ -296,20 +276,17 @@ |
| 296 | </el-col> | 276 | </el-col> |
| 297 | <el-col | 277 | <el-col |
| 298 | :span="6" | 278 | :span="6" |
| 299 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | 279 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 300 | > | ||
| 301 | <el-form-item label="持证人："> | 280 | <el-form-item label="持证人："> |
| 302 | <el-select | 281 | <el-select |
| 303 | v-model="ruleForm.czr" | 282 | v-model="ruleForm.czr" |
| 304 | placeholder="持证人" | 283 | placeholder="持证人" |
| 305 | :disabled="!ableOperation" | 284 | :disabled="!ableOperation"> |
| 306 | > | ||
| 307 | <el-option | 285 | <el-option |
| 308 | v-for="item in czrOptions" | 286 | v-for="item in czrOptions" |
| 309 | :key="item.zjh" | 287 | :key="item.zjh" |
| 310 | :label="item.sqrmc" | 288 | :label="item.sqrmc" |
| 311 | :value="item.zjh" | 289 | :value="item.zjh"> |
| 312 | > | ||
| 313 | </el-option> | 290 | </el-option> |
| 314 | </el-select> | 291 | </el-select> |
| 315 | </el-form-item> | 292 | </el-form-item> |
| ... | @@ -320,8 +297,7 @@ | ... | @@ -320,8 +297,7 @@ |
| 320 | @upDateQlrxxList="upDateQlrxxList" | 297 | @upDateQlrxxList="upDateQlrxxList" |
| 321 | :key="key" | 298 | :key="key" |
| 322 | :ableOperation="ableOperation" | 299 | :ableOperation="ableOperation" |
| 323 | :gyfs="ruleForm.qlxx.gyfs" | 300 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 324 | /> | ||
| 325 | </div> | 301 | </div> |
| 326 | <el-row class="btn" v-if="ableOperation"> | 302 | <el-row class="btn" v-if="ableOperation"> |
| 327 | <el-form-item> | 303 | <el-form-item> |
| ... | @@ -332,332 +308,346 @@ | ... | @@ -332,332 +308,346 @@ |
| 332 | </div> | 308 | </div> |
| 333 | </template> | 309 | </template> |
| 334 | <script> | 310 | <script> |
| 335 | import { mapGetters } from "vuex"; | 311 | import { mapGetters } from "vuex"; |
| 336 | import store from "@/store/index.js"; | 312 | import store from "@/store/index.js"; |
| 337 | import ywmix from "@/views/ywbl/mixin/index"; | 313 | import ywmix from "@/views/ywbl/mixin/index"; |
| 338 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 314 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 339 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 315 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 340 | import tdytTable from "@/views/workflow/components/tdytTable"; | 316 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 341 | import selectTable from "@/components/selectTable/index.vue"; | 317 | import selectTable from "@/components/selectTable/index.vue"; |
| 342 | export default { | 318 | export default { |
| 343 | mixins: [ywmix], | 319 | mixins: [ywmix], |
| 344 | components: { qlrCommonTable, tdytTable, selectTable }, | 320 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 345 | computed: { | 321 | computed: { |
| 346 | ...mapGetters(["dictData", "flag"]), | 322 | ...mapGetters(["dictData", "flag"]), |
| 347 | // 根据流程判断表单是否为只读 | 323 | // 根据流程判断表单是否为只读 |
| 348 | editDisabled() { | 324 | editDisabled () { |
| 349 | if (!this.ableOperation) { | 325 | if (!this.ableOperation) { |
| 350 | //只读状态 | 326 | //只读状态 |
| 351 | return true; | 327 | return true; |
| 352 | } | ||
| 353 | return false; | ||
| 354 | }, | ||
| 355 | }, | ||
| 356 | data() { | ||
| 357 | return { | ||
| 358 | mjdw: "1", | ||
| 359 | ssqlxxshow: true, | ||
| 360 | props: { | ||
| 361 | label: "bdcqzh", | ||
| 362 | value: "bdcdyid", | ||
| 363 | }, | ||
| 364 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 365 | normalizer(node) { | ||
| 366 | //方法 | ||
| 367 | if (node.children == null || node.children == "null") { | ||
| 368 | delete node.children; | ||
| 369 | } | 328 | } |
| 370 | return { | 329 | return false; |
| 371 | id: node.dcode, | ||
| 372 | label: node.dname, | ||
| 373 | }; | ||
| 374 | }, | 330 | }, |
| 375 | //表单是否可操作 | 331 | }, |
| 376 | propsParam: this.$attrs, | 332 | data () { |
| 377 | ableOperation: false, | 333 | return { |
| 378 | key: 0, | 334 | mjdw: "1", |
| 379 | ssQlxxList: [], | 335 | ssqlxxshow: true, |
| 380 | // 登记类型 | 336 | props: { |
| 381 | djlxlist: [ | 337 | label: "bdcqzh", |
| 382 | { | 338 | value: "bdcdyid", |
| 383 | dcode: "100", | ||
| 384 | dname: "首次登记", | ||
| 385 | }, | ||
| 386 | { | ||
| 387 | dcode: "200", | ||
| 388 | dname: "转移登记", | ||
| 389 | }, | ||
| 390 | { | ||
| 391 | dcode: "300", | ||
| 392 | dname: "变更登记", | ||
| 393 | }, | 339 | }, |
| 394 | { | 340 | // 键名转换，方法默认是label和children进行树状渲染 |
| 395 | dcode: "500", | 341 | normalizer (node) { |
| 396 | dname: "更正登记", | 342 | //方法 |
| 343 | if (node.children == null || node.children == "null") { | ||
| 344 | delete node.children; | ||
| 345 | } | ||
| 346 | return { | ||
| 347 | id: node.dcode, | ||
| 348 | label: node.dname, | ||
| 349 | }; | ||
| 397 | }, | 350 | }, |
| 351 | //表单是否可操作 | ||
| 352 | propsParam: this.$attrs, | ||
| 353 | ableOperation: false, | ||
| 354 | key: 0, | ||
| 355 | ssQlxxList: [], | ||
| 356 | // 登记类型 | ||
| 357 | djlxlist: [ | ||
| 358 | { | ||
| 359 | dcode: "100", | ||
| 360 | dname: "首次登记", | ||
| 361 | }, | ||
| 362 | { | ||
| 363 | dcode: "200", | ||
| 364 | dname: "转移登记", | ||
| 365 | }, | ||
| 366 | { | ||
| 367 | dcode: "300", | ||
| 368 | dname: "变更登记", | ||
| 369 | }, | ||
| 370 | { | ||
| 371 | dcode: "500", | ||
| 372 | dname: "更正登记", | ||
| 373 | }, | ||
| 398 | 374 | ||
| 399 | { | 375 | { |
| 400 | dcode: "901", | 376 | dcode: "901", |
| 401 | dname: "补证", | 377 | dname: "补证", |
| 402 | }, | 378 | }, |
| 403 | { | 379 | { |
| 404 | dcode: "902", | 380 | dcode: "902", |
| 405 | dname: "换证", | 381 | dname: "换证", |
| 406 | }, | 382 | }, |
| 407 | ], | ||
| 408 | // 权属状态 | ||
| 409 | qsztlist: [ | ||
| 410 | { | ||
| 411 | dcode: "1", | ||
| 412 | dname: "现势", | ||
| 413 | }, | ||
| 414 | { | ||
| 415 | dcode: "2", | ||
| 416 | dname: "历史", | ||
| 417 | }, | ||
| 418 | ], | ||
| 419 | tdxz: null, | ||
| 420 | isShow: false, | ||
| 421 | disabled: true, | ||
| 422 | czrOptions: [], | ||
| 423 | ruleForm: {}, | ||
| 424 | //传递参数\ | ||
| 425 | rules: { | ||
| 426 | ssQlxxrules: [ | ||
| 427 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 428 | ], | 383 | ], |
| 429 | bdcqzhrules: [ | 384 | // 权属状态 |
| 430 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 385 | qsztlist: [ |
| 386 | { | ||
| 387 | dcode: "1", | ||
| 388 | dname: "现势", | ||
| 389 | }, | ||
| 390 | { | ||
| 391 | dcode: "2", | ||
| 392 | dname: "历史", | ||
| 393 | }, | ||
| 431 | ], | 394 | ], |
| 432 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 395 | tdxz: null, |
| 433 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 396 | isShow: false, |
| 434 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 397 | disabled: true, |
| 435 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 398 | czrOptions: [], |
| 436 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 399 | ruleForm: {}, |
| 437 | }, | 400 | //传递参数\ |
| 438 | }; | 401 | rules: { |
| 439 | }, | 402 | ssQlxxrules: [ |
| 440 | created() { | 403 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 441 | this.loadData(); | 404 | ], |
| 442 | }, | 405 | bdcqzhrules: [ |
| 443 | mounted() { | 406 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 444 | this.ableOperation = this.$parent.ableOperation; | 407 | ], |
| 445 | }, | 408 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 446 | methods: { | 409 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 447 | /** | 410 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 448 | * @description: ssQlxxchange | 411 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 449 | * @param {*} val | 412 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], |
| 450 | * @author: renchao | 413 | }, |
| 451 | */ | 414 | }; |
| 452 | ssQlxxchange(val) { | ||
| 453 | this.ruleForm.ssQlxx = val; | ||
| 454 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 455 | this.ssQlxxchangediolog(val); | ||
| 456 | }, | 415 | }, |
| 457 | // 弹框事件 | 416 | created () { |
| 458 | ssQlxxchangediolog(val) { | 417 | this.loadData(); |
| 459 | console.log("确定了", this.ruleForm); | 418 | }, |
| 460 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 419 | mounted () { |
| 461 | iconClass: "el-icon-question", //自定义图标样式 | 420 | this.ableOperation = this.$parent.ableOperation; |
| 462 | confirmButtonText: "确认", //确认按钮文字更换 | 421 | }, |
| 463 | cancelButtonText: "取消", //取消按钮文字更换 | 422 | methods: { |
| 464 | showClose: true, //是否显示右上角关闭按钮 | 423 | /** |
| 465 | type: "warning", | 424 | * @description: ssQlxxchange |
| 466 | }).then(() => { | 425 | * @param {*} val |
| 467 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 426 | * @author: renchao |
| 468 | if (res.code == 200) { | 427 | */ |
| 469 | this.nowlist = res.result; | 428 | ssQlxxchange (val) { |
| 470 | console.log("his.nowlist", this.nowlist); | 429 | this.ruleForm.ssQlxx = val; |
| 471 | console.log("this.ruleForm", this.ruleForm); | 430 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 472 | for (var key in this.ruleForm.jsydsyq) { | 431 | this.ssQlxxchangediolog(val); |
| 473 | if ( | 432 | }, |
| 474 | this.ruleForm.jsydsyq[key] == "" || | 433 | // 弹框事件 |
| 475 | this.ruleForm.jsydsyq[key] == null | 434 | ssQlxxchangediolog (val) { |
| 476 | ) { | 435 | console.log("确定了", this.ruleForm); |
| 477 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | 436 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 437 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 438 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 439 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 440 | showClose: true, //是否显示右上角关闭按钮 | ||
| 441 | type: "warning", | ||
| 442 | }).then(() => { | ||
| 443 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 444 | if (res.code == 200) { | ||
| 445 | this.nowlist = res.result; | ||
| 446 | console.log("his.nowlist", this.nowlist); | ||
| 447 | console.log("this.ruleForm", this.ruleForm); | ||
| 448 | for (var key in this.ruleForm.jsydsyq) { | ||
| 449 | if ( | ||
| 450 | this.ruleForm.jsydsyq[key] == "" || | ||
| 451 | this.ruleForm.jsydsyq[key] == null | ||
| 452 | ) { | ||
| 453 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | ||
| 454 | } | ||
| 478 | } | 455 | } |
| 479 | } | 456 | for (var key in this.ruleForm.qlxx) { |
| 480 | for (var key in this.ruleForm.qlxx) { | 457 | if ( |
| 481 | if ( | 458 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 482 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | 459 | this.ruleForm.qlxx[key] == null |
| 483 | this.ruleForm.qlxx[key] == null | 460 | ) { |
| 484 | ) { | 461 | console.log("this.ruleForm.qlxx[key]", key); |
| 485 | console.log("this.ruleForm.qlxx[key]", key); | 462 | if (key != "ywh") { |
| 486 | if (key != "ywh") { | 463 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 487 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 464 | } |
| 488 | } | 465 | } |
| 489 | } | 466 | } |
| 467 | if (!this.ruleForm.tdytqxList.length) { | ||
| 468 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 469 | } | ||
| 470 | if (!this.ruleForm.qlrData.length) { | ||
| 471 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 472 | } | ||
| 473 | if (!this.ruleForm.ywrData.length) { | ||
| 474 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 475 | } | ||
| 476 | console.log("this.ruleForm", this.ruleForm); | ||
| 477 | this.$message({ | ||
| 478 | type: "success", | ||
| 479 | message: "同步成功!", | ||
| 480 | }); | ||
| 490 | } | 481 | } |
| 491 | if (!this.ruleForm.tdytqxList.length) { | 482 | }); |
| 492 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 483 | }).catch(() => { |
| 493 | } | ||
| 494 | if (!this.ruleForm.qlrData.length) { | ||
| 495 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 496 | } | ||
| 497 | if (!this.ruleForm.ywrData.length) { | ||
| 498 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 499 | } | ||
| 500 | console.log("this.ruleForm", this.ruleForm); | ||
| 501 | this.$message({ | ||
| 502 | type: "success", | ||
| 503 | message: "同步成功!", | ||
| 504 | }); | ||
| 505 | } | ||
| 506 | }); | ||
| 507 | }).catch(() => { | ||
| 508 | this.$message({ | 484 | this.$message({ |
| 509 | type: "info", | 485 | type: "info", |
| 510 | message: "已取消同步", | 486 | message: "已取消同步", |
| 511 | }); | 487 | }); |
| 512 | }); | 488 | }); |
| 513 | }, | 489 | }, |
| 514 | /** | 490 | /** |
| 515 | * @description: djlxchange | 491 | * @description: djlxchange |
| 516 | * @param {*} val | 492 | * @param {*} val |
| 517 | * @author: renchao | 493 | * @author: renchao |
| 518 | */ | 494 | */ |
| 519 | djlxchange(val) { | 495 | djlxchange (val) { |
| 520 | if (val == null || val == 100) { | 496 | if (val == null || val == 100) { |
| 521 | this.ssqlxxshow = false; | 497 | this.ssqlxxshow = false; |
| 522 | } else { | 498 | } else { |
| 523 | this.ssqlxxshow = true; | 499 | this.ssqlxxshow = true; |
| 524 | } | ||
| 525 | }, | ||
| 526 | // 字典 | ||
| 527 | /** | ||
| 528 | * @description: 字典 | ||
| 529 | * @param {*} val | ||
| 530 | * @author: renchao | ||
| 531 | */ | ||
| 532 | getDictData(val) { | ||
| 533 | return store.getters.dictData[val]; | ||
| 534 | }, | ||
| 535 | /** | ||
| 536 | * @description: loadData | ||
| 537 | * @author: renchao | ||
| 538 | */ | ||
| 539 | loadData() { | ||
| 540 | this.$startLoading(); | ||
| 541 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 542 | init(this.propsParam).then((res) => { | ||
| 543 | if (res.code == 200) { | ||
| 544 | this.ruleForm = res.result; | ||
| 545 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 546 | if (djlx == null || djlx == 100) { | ||
| 547 | this.ssqlxxshow = false; | ||
| 548 | } | ||
| 549 | this.$endLoading(); | ||
| 550 | if (this.ruleForm.tdytqxList.length > 0) { | ||
| 551 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | ||
| 552 | } else { | ||
| 553 | this.tdxz = null; | ||
| 554 | } | ||
| 555 | this.isShow = true; | ||
| 556 | //获取主体信息 | ||
| 557 | getSsQlxx({ | ||
| 558 | bdcdyid: this.propsParam.bdcdyid, | ||
| 559 | qllx: this.propsParam.qllx, | ||
| 560 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 561 | }).then((res) => { | ||
| 562 | if (res.code == 200) { | ||
| 563 | this.ssQlxxList = res.result; | ||
| 564 | } | ||
| 565 | }); | ||
| 566 | } | 500 | } |
| 567 | }); | 501 | }, |
| 568 | }, | 502 | // 字典 |
| 569 | // 更新土地用途信息 | 503 | /** |
| 570 | /** | 504 | * @description: 字典 |
| 571 | * @description: 更新土地用途信息 | 505 | * @param {*} val |
| 572 | * @param {*} val | 506 | * @author: renchao |
| 573 | * @author: renchao | 507 | */ |
| 574 | */ | 508 | getDictData (val) { |
| 575 | upDateTdytxxList(val) { | 509 | return store.getters.dictData[val]; |
| 576 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 510 | }, |
| 577 | this.key++; | 511 | /** |
| 578 | }, | 512 | * @description: loadData |
| 579 | // 更新权利人信息 | 513 | * @author: renchao |
| 580 | /** | 514 | */ |
| 581 | * @description: 更新权利人信息 | 515 | loadData () { |
| 582 | * @param {*} val | 516 | this.$startLoading(); |
| 583 | * @author: renchao | 517 | this.propsParam.isEdit = this.$parent.isEdit; |
| 584 | */ | 518 | init(this.propsParam).then((res) => { |
| 585 | upDateQlrxxList(val) { | 519 | if (res.code == 200) { |
| 586 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 520 | this.ruleForm = res.result; |
| 587 | this.czrOptions = this.ruleForm.qlrData; | 521 | let djlx = this.ruleForm.qlxx.djlx; |
| 588 | this.key++; | 522 | if (djlx == null || djlx == 100) { |
| 589 | }, | 523 | this.ssqlxxshow = false; |
| 590 | // 保存 | 524 | } |
| 591 | /** | 525 | this.$endLoading(); |
| 592 | * @description: onSubmit | 526 | if (this.ruleForm.tdytqxList.length > 0) { |
| 593 | * @author: renchao | 527 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 594 | */ | 528 | } else { |
| 595 | onSubmit() { | 529 | this.tdxz = null; |
| 596 | this.$refs.ruleForm.validate((valid) => { | 530 | } |
| 597 | if (valid) { | 531 | this.isShow = true; |
| 598 | if (this.ruleForm.qlrData.length == 0) { | 532 | //获取主体信息 |
| 599 | this.$message({ | 533 | getSsQlxx({ |
| 600 | showClose: true, | 534 | bdcdyid: this.propsParam.bdcdyid, |
| 601 | message: "请确认权利人信息", | 535 | qllx: this.propsParam.qllx, |
| 602 | type: "error", | 536 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 537 | }).then((res) => { | ||
| 538 | if (res.code == 200) { | ||
| 539 | this.ssQlxxList = res.result; | ||
| 540 | } | ||
| 603 | }); | 541 | }); |
| 604 | return false; | ||
| 605 | } | 542 | } |
| 606 | 543 | }); | |
| 607 | if (this.ruleForm.qlxx.gyfs == "0") { | 544 | }, |
| 608 | if (this.ruleForm.qlrData.length > 1) { | 545 | // 更新土地用途信息 |
| 546 | /** | ||
| 547 | * @description: 更新土地用途信息 | ||
| 548 | * @param {*} val | ||
| 549 | * @author: renchao | ||
| 550 | */ | ||
| 551 | upDateTdytxxList (val) { | ||
| 552 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 553 | this.key++; | ||
| 554 | }, | ||
| 555 | // 更新权利人信息 | ||
| 556 | /** | ||
| 557 | * @description: 更新权利人信息 | ||
| 558 | * @param {*} val | ||
| 559 | * @author: renchao | ||
| 560 | */ | ||
| 561 | upDateQlrxxList (val) { | ||
| 562 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 563 | this.czrOptions = this.ruleForm.qlrData; | ||
| 564 | this.key++; | ||
| 565 | }, | ||
| 566 | // 保存 | ||
| 567 | /** | ||
| 568 | * @description: onSubmit | ||
| 569 | * @author: renchao | ||
| 570 | */ | ||
| 571 | onSubmit () { | ||
| 572 | this.$refs.ruleForm.validate((valid) => { | ||
| 573 | if (valid) { | ||
| 574 | if (this.ruleForm.qlrData.length == 0) { | ||
| 609 | this.$message({ | 575 | this.$message({ |
| 610 | showClose: true, | 576 | showClose: true, |
| 611 | message: "共有方式：单独所有，权利人只能是一个人", | 577 | message: "请确认权利人信息", |
| 612 | type: "error", | 578 | type: "error", |
| 613 | }); | 579 | }); |
| 614 | return false; | 580 | return false; |
| 615 | } | 581 | } |
| 616 | this.ruleForm.qlrData[0].sfczr = "1"; | 582 | if (this.ruleForm.qlrData.length != 0 && this.ruleForm.sldy.sqfbcz == 0 && this.ruleForm.czr == '') { |
| 617 | } | 583 | this.$message({ |
| 618 | if (this.ruleForm.qlxx.gyfs == "1") { | 584 | showClose: true, |
| 619 | //是否分别持证 | 585 | message: "请选择持证人信息", |
| 620 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 586 | type: "error", |
| 621 | //是 | ||
| 622 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 623 | item.sfczr = "1"; | ||
| 624 | }); | 587 | }); |
| 588 | return false; | ||
| 589 | } | ||
| 590 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 591 | if (this.ruleForm.qlrData.length > 1) { | ||
| 592 | this.$message({ | ||
| 593 | showClose: true, | ||
| 594 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 595 | type: "error", | ||
| 596 | }); | ||
| 597 | return false; | ||
| 598 | } | ||
| 599 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 625 | } else { | 600 | } else { |
| 626 | this.ruleForm.qlrData.forEach((item, index) => { | 601 | //是否分别持证 |
| 627 | if (item.zjh == this.ruleForm.czr) { | 602 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 603 | //是 | ||
| 604 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 628 | item.sfczr = "1"; | 605 | item.sfczr = "1"; |
| 629 | } else { | 606 | }); |
| 630 | item.sfczr = "0"; | 607 | } else { |
| 608 | if (!that.ruleForm.czr) { | ||
| 609 | that.$message({ | ||
| 610 | showClose: true, | ||
| 611 | message: "请选择持证人", | ||
| 612 | type: "error", | ||
| 613 | }); | ||
| 614 | return false; | ||
| 631 | } | 615 | } |
| 632 | }); | 616 | this.ruleForm.qlrList.forEach((item, index) => { |
| 617 | if (item.zjh == this.ruleForm.czr) { | ||
| 618 | item.sfczr = "1"; | ||
| 619 | } else { | ||
| 620 | item.sfczr = "0"; | ||
| 621 | } | ||
| 622 | }); | ||
| 623 | } | ||
| 633 | } | 624 | } |
| 625 | save(this.ruleForm).then((res) => { | ||
| 626 | if (res.code === 200) { | ||
| 627 | this.$message({ | ||
| 628 | showClose: true, | ||
| 629 | message: "保存成功！", | ||
| 630 | type: "success", | ||
| 631 | }); | ||
| 632 | this.$parent.changeywh(); | ||
| 633 | this.$store.dispatch("user/refreshPage", true); | ||
| 634 | } else { | ||
| 635 | this.$message({ | ||
| 636 | showClose: true, | ||
| 637 | message: res.message, | ||
| 638 | type: "error", | ||
| 639 | }); | ||
| 640 | } | ||
| 641 | }); | ||
| 642 | } else { | ||
| 643 | return false; | ||
| 634 | } | 644 | } |
| 635 | save(this.ruleForm).then((res) => { | 645 | }); |
| 636 | if (res.code === 200) { | 646 | } |
| 637 | this.$message({ | 647 | } |
| 638 | showClose: true, | 648 | } |
| 639 | message: "保存成功！", | ||
| 640 | type: "success", | ||
| 641 | }); | ||
| 642 | this.$parent.changeywh(); | ||
| 643 | this.$store.dispatch("user/refreshPage", true); | ||
| 644 | } else { | ||
| 645 | this.$message({ | ||
| 646 | showClose: true, | ||
| 647 | message: res.message, | ||
| 648 | type: "error", | ||
| 649 | }); | ||
| 650 | } | ||
| 651 | }); | ||
| 652 | } else { | ||
| 653 | return false; | ||
| 654 | } | ||
| 655 | }); | ||
| 656 | }, | ||
| 657 | }, | ||
| 658 | }; | ||
| 659 | </script> | 649 | </script> |
| 660 | <style scoped lang="scss"> | 650 | <style scoped lang="scss"> |
| 661 | @import "~@/styles/public.scss"; | 651 | @import "~@/styles/public.scss"; |
| 662 | @import "~@/styles/slxx/slxx.scss"; | 652 | @import "~@/styles/slxx/slxx.scss"; |
| 663 | </style> | 653 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-03 14:57:11 | 4 | * @LastEditTime: 2023-08-04 11:00:39 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -15,8 +15,7 @@ | ... | @@ -15,8 +15,7 @@ |
| 15 | :show-message="false" | 15 | :show-message="false" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :inline="flag" | 17 | :inline="flag" |
| 18 | label-width="120px" | 18 | label-width="120px"> |
| 19 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 21 | 补录信息 |
| ... | @@ -48,25 +47,21 @@ | ... | @@ -48,25 +47,21 @@ |
| 48 | <el-form-item | 47 | <el-form-item |
| 49 | label="上手权利信息：" | 48 | label="上手权利信息：" |
| 50 | prop="ssQlxx.bdcqzh" | 49 | prop="ssQlxx.bdcqzh" |
| 51 | :rules="rules.ssQlxxrules" | 50 | :rules="rules.ssQlxxrules"> |
| 52 | > | ||
| 53 | <select-table | 51 | <select-table |
| 54 | v-model="ruleForm.ssQlxx" | 52 | v-model="ruleForm.ssQlxx" |
| 55 | :table-width="550" | 53 | :table-width="550" |
| 56 | :tableData="ssQlxxList" | 54 | :tableData="ssQlxxList" |
| 57 | :props="props" | 55 | :props="props" |
| 58 | @change="ssQlxxchange" | 56 | @change="ssQlxxchange"> |
| 59 | > | ||
| 60 | <el-table-column | 57 | <el-table-column |
| 61 | prop="qllxmc" | 58 | prop="qllxmc" |
| 62 | width="130" | 59 | width="130" |
| 63 | label="权利类型" | 60 | label="权利类型"></el-table-column> |
| 64 | ></el-table-column> | ||
| 65 | <el-table-column | 61 | <el-table-column |
| 66 | prop="bdcqzh" | 62 | prop="bdcqzh" |
| 67 | width="160" | 63 | width="160" |
| 68 | label="不动产权证书" | 64 | label="不动产权证书"></el-table-column> |
| 69 | ></el-table-column> | ||
| 70 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 65 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 71 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 66 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 72 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 67 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -83,15 +78,13 @@ | ... | @@ -83,15 +78,13 @@ |
| 83 | <el-form-item | 78 | <el-form-item |
| 84 | label="登记类型：" | 79 | label="登记类型：" |
| 85 | prop="qlxx.djlx" | 80 | prop="qlxx.djlx" |
| 86 | :rules="rules.djlxrules" | 81 | :rules="rules.djlxrules"> |
| 87 | > | ||
| 88 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 82 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 89 | <el-option | 83 | <el-option |
| 90 | v-for="item in djlxlist" | 84 | v-for="item in djlxlist" |
| 91 | :key="item.dcode" | 85 | :key="item.dcode" |
| 92 | :label="item.dname" | 86 | :label="item.dname" |
| 93 | :value="item.dcode" | 87 | :value="item.dcode"> |
| 94 | > | ||
| 95 | </el-option> | 88 | </el-option> |
| 96 | </el-select> | 89 | </el-select> |
| 97 | </el-form-item> | 90 | </el-form-item> |
| ... | @@ -118,8 +111,7 @@ | ... | @@ -118,8 +111,7 @@ |
| 118 | <el-form-item | 111 | <el-form-item |
| 119 | label="登簿人：" | 112 | label="登簿人：" |
| 120 | prop="qlxx.dbr" | 113 | prop="qlxx.dbr" |
| 121 | :rules="rules.dbrrules" | 114 | :rules="rules.dbrrules"> |
| 122 | > | ||
| 123 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 115 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 124 | </el-form-item> | 116 | </el-form-item> |
| 125 | </el-col> | 117 | </el-col> |
| ... | @@ -127,8 +119,7 @@ | ... | @@ -127,8 +119,7 @@ |
| 127 | <el-form-item | 119 | <el-form-item |
| 128 | label="登记机构：" | 120 | label="登记机构：" |
| 129 | prop="qlxx.djjg" | 121 | prop="qlxx.djjg" |
| 130 | :rules="rules.djjgrules" | 122 | :rules="rules.djjgrules"> |
| 131 | > | ||
| 132 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 123 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 133 | </el-form-item> | 124 | </el-form-item> |
| 134 | </el-col> | 125 | </el-col> |
| ... | @@ -145,8 +136,7 @@ | ... | @@ -145,8 +136,7 @@ |
| 145 | <el-form-item | 136 | <el-form-item |
| 146 | label="不动产权证号：" | 137 | label="不动产权证号：" |
| 147 | prop="qlxx.bdcqzh" | 138 | prop="qlxx.bdcqzh" |
| 148 | :rules="rules.bdcqzhrules" | 139 | :rules="rules.bdcqzhrules"> |
| 149 | > | ||
| 150 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 140 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 151 | </el-form-item> | 141 | </el-form-item> |
| 152 | </el-col> | 142 | </el-col> |
| ... | @@ -157,8 +147,7 @@ | ... | @@ -157,8 +147,7 @@ |
| 157 | v-for="item in qsztlist" | 147 | v-for="item in qsztlist" |
| 158 | :key="item.dcode" | 148 | :key="item.dcode" |
| 159 | :label="item.dname" | 149 | :label="item.dname" |
| 160 | :value="item.dcode" | 150 | :value="item.dcode"> |
| 161 | > | ||
| 162 | </el-option> | 151 | </el-option> |
| 163 | </el-select> | 152 | </el-select> |
| 164 | </el-form-item> | 153 | </el-form-item> |
| ... | @@ -177,19 +166,16 @@ | ... | @@ -177,19 +166,16 @@ |
| 177 | <el-input | 166 | <el-input |
| 178 | v-model="ruleForm.tdsyq.nydmj" | 167 | v-model="ruleForm.tdsyq.nydmj" |
| 179 | :disabled="!ableOperation" | 168 | :disabled="!ableOperation" |
| 180 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 169 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 181 | ></el-input> | ||
| 182 | <el-select | 170 | <el-select |
| 183 | v-model="ruleForm.tdsyq.mjdw" | 171 | v-model="ruleForm.tdsyq.mjdw" |
| 184 | :disabled="!ableOperation" | 172 | :disabled="!ableOperation" |
| 185 | style="width: 20%" | 173 | style="width: 20%"> |
| 186 | > | ||
| 187 | <el-option | 174 | <el-option |
| 188 | v-for="item in dictData['A7']" | 175 | v-for="item in dictData['A7']" |
| 189 | :key="item.dcode" | 176 | :key="item.dcode" |
| 190 | :label="item.dname" | 177 | :label="item.dname" |
| 191 | :value="item.dcode" | 178 | :value="item.dcode"> |
| 192 | > | ||
| 193 | </el-option> | 179 | </el-option> |
| 194 | </el-select> | 180 | </el-select> |
| 195 | </div> | 181 | </div> |
| ... | @@ -201,19 +187,16 @@ | ... | @@ -201,19 +187,16 @@ |
| 201 | <el-input | 187 | <el-input |
| 202 | v-model="ruleForm.tdsyq.gdmj" | 188 | v-model="ruleForm.tdsyq.gdmj" |
| 203 | :disabled="!ableOperation" | 189 | :disabled="!ableOperation" |
| 204 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 190 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 205 | ></el-input> | ||
| 206 | <el-select | 191 | <el-select |
| 207 | v-model="ruleForm.tdsyq.mjdw" | 192 | v-model="ruleForm.tdsyq.mjdw" |
| 208 | :disabled="!ableOperation" | 193 | :disabled="!ableOperation" |
| 209 | style="width: 20%" | 194 | style="width: 20%"> |
| 210 | > | ||
| 211 | <el-option | 195 | <el-option |
| 212 | v-for="item in dictData['A7']" | 196 | v-for="item in dictData['A7']" |
| 213 | :key="item.dcode" | 197 | :key="item.dcode" |
| 214 | :label="item.dname" | 198 | :label="item.dname" |
| 215 | :value="item.dcode" | 199 | :value="item.dcode"> |
| 216 | > | ||
| 217 | </el-option> | 200 | </el-option> |
| 218 | </el-select> | 201 | </el-select> |
| 219 | </div> | 202 | </div> |
| ... | @@ -225,19 +208,16 @@ | ... | @@ -225,19 +208,16 @@ |
| 225 | <el-input | 208 | <el-input |
| 226 | v-model="ruleForm.tdsyq.ldmj" | 209 | v-model="ruleForm.tdsyq.ldmj" |
| 227 | :disabled="!ableOperation" | 210 | :disabled="!ableOperation" |
| 228 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 211 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 229 | ></el-input> | ||
| 230 | <el-select | 212 | <el-select |
| 231 | v-model="ruleForm.tdsyq.mjdw" | 213 | v-model="ruleForm.tdsyq.mjdw" |
| 232 | :disabled="!ableOperation" | 214 | :disabled="!ableOperation" |
| 233 | style="width: 20%" | 215 | style="width: 20%"> |
| 234 | > | ||
| 235 | <el-option | 216 | <el-option |
| 236 | v-for="item in dictData['A7']" | 217 | v-for="item in dictData['A7']" |
| 237 | :key="item.dcode" | 218 | :key="item.dcode" |
| 238 | :label="item.dname" | 219 | :label="item.dname" |
| 239 | :value="item.dcode" | 220 | :value="item.dcode"> |
| 240 | > | ||
| 241 | </el-option> | 221 | </el-option> |
| 242 | </el-select> | 222 | </el-select> |
| 243 | </div> | 223 | </div> |
| ... | @@ -251,19 +231,16 @@ | ... | @@ -251,19 +231,16 @@ |
| 251 | <el-input | 231 | <el-input |
| 252 | v-model="ruleForm.tdsyq.cdmj" | 232 | v-model="ruleForm.tdsyq.cdmj" |
| 253 | :disabled="!ableOperation" | 233 | :disabled="!ableOperation" |
| 254 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 234 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 255 | ></el-input> | ||
| 256 | <el-select | 235 | <el-select |
| 257 | v-model="ruleForm.tdsyq.mjdw" | 236 | v-model="ruleForm.tdsyq.mjdw" |
| 258 | :disabled="!ableOperation" | 237 | :disabled="!ableOperation" |
| 259 | style="width: 20%" | 238 | style="width: 20%"> |
| 260 | > | ||
| 261 | <el-option | 239 | <el-option |
| 262 | v-for="item in dictData['A7']" | 240 | v-for="item in dictData['A7']" |
| 263 | :key="item.dcode" | 241 | :key="item.dcode" |
| 264 | :label="item.dname" | 242 | :label="item.dname" |
| 265 | :value="item.dcode" | 243 | :value="item.dcode"> |
| 266 | > | ||
| 267 | </el-option> | 244 | </el-option> |
| 268 | </el-select> | 245 | </el-select> |
| 269 | </div> | 246 | </div> |
| ... | @@ -275,19 +252,16 @@ | ... | @@ -275,19 +252,16 @@ |
| 275 | <el-input | 252 | <el-input |
| 276 | v-model="ruleForm.tdsyq.qtnydmj" | 253 | v-model="ruleForm.tdsyq.qtnydmj" |
| 277 | :disabled="!ableOperation" | 254 | :disabled="!ableOperation" |
| 278 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 255 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 279 | ></el-input> | ||
| 280 | <el-select | 256 | <el-select |
| 281 | v-model="ruleForm.tdsyq.mjdw" | 257 | v-model="ruleForm.tdsyq.mjdw" |
| 282 | :disabled="!ableOperation" | 258 | :disabled="!ableOperation" |
| 283 | style="width: 20%" | 259 | style="width: 20%"> |
| 284 | > | ||
| 285 | <el-option | 260 | <el-option |
| 286 | v-for="item in dictData['A7']" | 261 | v-for="item in dictData['A7']" |
| 287 | :key="item.dcode" | 262 | :key="item.dcode" |
| 288 | :label="item.dname" | 263 | :label="item.dname" |
| 289 | :value="item.dcode" | 264 | :value="item.dcode"> |
| 290 | > | ||
| 291 | </el-option> | 265 | </el-option> |
| 292 | </el-select> | 266 | </el-select> |
| 293 | </div> | 267 | </div> |
| ... | @@ -299,19 +273,16 @@ | ... | @@ -299,19 +273,16 @@ |
| 299 | <el-input | 273 | <el-input |
| 300 | v-model="ruleForm.tdsyq.jsydmj" | 274 | v-model="ruleForm.tdsyq.jsydmj" |
| 301 | :disabled="!ableOperation" | 275 | :disabled="!ableOperation" |
| 302 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 276 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 303 | ></el-input> | ||
| 304 | <el-select | 277 | <el-select |
| 305 | v-model="ruleForm.tdsyq.mjdw" | 278 | v-model="ruleForm.tdsyq.mjdw" |
| 306 | :disabled="!ableOperation" | 279 | :disabled="!ableOperation" |
| 307 | style="width: 20%" | 280 | style="width: 20%"> |
| 308 | > | ||
| 309 | <el-option | 281 | <el-option |
| 310 | v-for="item in dictData['A7']" | 282 | v-for="item in dictData['A7']" |
| 311 | :key="item.dcode" | 283 | :key="item.dcode" |
| 312 | :label="item.dname" | 284 | :label="item.dname" |
| 313 | :value="item.dcode" | 285 | :value="item.dcode"> |
| 314 | > | ||
| 315 | </el-option> | 286 | </el-option> |
| 316 | </el-select> | 287 | </el-select> |
| 317 | </div> | 288 | </div> |
| ... | @@ -325,19 +296,16 @@ | ... | @@ -325,19 +296,16 @@ |
| 325 | <el-input | 296 | <el-input |
| 326 | v-model="ruleForm.tdsyq.wlydmj" | 297 | v-model="ruleForm.tdsyq.wlydmj" |
| 327 | :disabled="!ableOperation" | 298 | :disabled="!ableOperation" |
| 328 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 299 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 329 | ></el-input> | ||
| 330 | <el-select | 300 | <el-select |
| 331 | v-model="ruleForm.tdsyq.mjdw" | 301 | v-model="ruleForm.tdsyq.mjdw" |
| 332 | :disabled="!ableOperation" | 302 | :disabled="!ableOperation" |
| 333 | style="width: 20%" | 303 | style="width: 20%"> |
| 334 | > | ||
| 335 | <el-option | 304 | <el-option |
| 336 | v-for="item in dictData['A7']" | 305 | v-for="item in dictData['A7']" |
| 337 | :key="item.dcode" | 306 | :key="item.dcode" |
| 338 | :label="item.dname" | 307 | :label="item.dname" |
| 339 | :value="item.dcode" | 308 | :value="item.dcode"> |
| 340 | > | ||
| 341 | </el-option> | 309 | </el-option> |
| 342 | </el-select> | 310 | </el-select> |
| 343 | </div> | 311 | </div> |
| ... | @@ -347,16 +315,14 @@ | ... | @@ -347,16 +315,14 @@ |
| 347 | <el-form-item | 315 | <el-form-item |
| 348 | label="登记时间：" | 316 | label="登记时间：" |
| 349 | prop="qlxx.djsj" | 317 | prop="qlxx.djsj" |
| 350 | :rules="rules.djsjrules" | 318 | :rules="rules.djsjrules"> |
| 351 | > | ||
| 352 | <el-date-picker | 319 | <el-date-picker |
| 353 | v-model="ruleForm.qlxx.djsj" | 320 | v-model="ruleForm.qlxx.djsj" |
| 354 | type="date" | 321 | type="date" |
| 355 | class="width100" | 322 | class="width100" |
| 356 | placeholder="选择日期" | 323 | placeholder="选择日期" |
| 357 | value-format="yyyy-MM-dd HH:mm:ss" | 324 | value-format="yyyy-MM-dd HH:mm:ss" |
| 358 | format="yyyy-MM-dd" | 325 | format="yyyy-MM-dd"> |
| 359 | > | ||
| 360 | </el-date-picker> | 326 | </el-date-picker> |
| 361 | </el-form-item> | 327 | </el-form-item> |
| 362 | </el-col> | 328 | </el-col> |
| ... | @@ -375,8 +341,7 @@ | ... | @@ -375,8 +341,7 @@ |
| 375 | <tdytTable | 341 | <tdytTable |
| 376 | :tableData="ruleForm.tdytqxList" | 342 | :tableData="ruleForm.tdytqxList" |
| 377 | @upDateTdytxxList="upDateTdytxxList" | 343 | @upDateTdytxxList="upDateTdytxxList" |
| 378 | :ableOperation="ableOperation" | 344 | :ableOperation="ableOperation" /> |
| 379 | /> | ||
| 380 | <div class="slxx_title title-block"> | 345 | <div class="slxx_title title-block"> |
| 381 | 权利人信息 | 346 | 权利人信息 |
| 382 | <div class="triangle"></div> | 347 | <div class="triangle"></div> |
| ... | @@ -386,8 +351,7 @@ | ... | @@ -386,8 +351,7 @@ |
| 386 | <el-form-item label="共有方式："> | 351 | <el-form-item label="共有方式："> |
| 387 | <el-radio-group | 352 | <el-radio-group |
| 388 | :disabled="!ableOperation" | 353 | :disabled="!ableOperation" |
| 389 | v-model="ruleForm.qlxx.gyfs" | 354 | v-model="ruleForm.sldy.gyfs"> |
| 390 | > | ||
| 391 | <el-radio label="0">单独所有</el-radio> | 355 | <el-radio label="0">单独所有</el-radio> |
| 392 | <el-radio label="1">共同共有</el-radio> | 356 | <el-radio label="1">共同共有</el-radio> |
| 393 | <el-radio label="2">按份所有</el-radio> | 357 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -395,12 +359,11 @@ | ... | @@ -395,12 +359,11 @@ |
| 395 | </el-radio-group> | 359 | </el-radio-group> |
| 396 | </el-form-item> | 360 | </el-form-item> |
| 397 | </el-col> | 361 | </el-col> |
| 398 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 362 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 399 | <el-form-item label="是否分别持证："> | 363 | <el-form-item label="是否分别持证："> |
| 400 | <el-radio-group | 364 | <el-radio-group |
| 401 | v-model="ruleForm.qlxx.sqfbcz" | 365 | v-model="ruleForm.sldy.sqfbcz" |
| 402 | :disabled="!ableOperation" | 366 | :disabled="!ableOperation"> |
| 403 | > | ||
| 404 | <el-radio :label="1">是</el-radio> | 367 | <el-radio :label="1">是</el-radio> |
| 405 | <el-radio :label="0">否</el-radio> | 368 | <el-radio :label="0">否</el-radio> |
| 406 | </el-radio-group> | 369 | </el-radio-group> |
| ... | @@ -408,20 +371,17 @@ | ... | @@ -408,20 +371,17 @@ |
| 408 | </el-col> | 371 | </el-col> |
| 409 | <el-col | 372 | <el-col |
| 410 | :span="6" | 373 | :span="6" |
| 411 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | 374 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 412 | > | ||
| 413 | <el-form-item label="持证人："> | 375 | <el-form-item label="持证人："> |
| 414 | <el-select | 376 | <el-select |
| 415 | v-model="ruleForm.czr" | 377 | v-model="ruleForm.czr" |
| 416 | placeholder="持证人" | 378 | placeholder="持证人" |
| 417 | :disabled="!ableOperation" | 379 | :disabled="!ableOperation"> |
| 418 | > | ||
| 419 | <el-option | 380 | <el-option |
| 420 | v-for="item in czrOptions" | 381 | v-for="item in czrOptions" |
| 421 | :key="item.zjh" | 382 | :key="item.zjh" |
| 422 | :label="item.sqrmc" | 383 | :label="item.sqrmc" |
| 423 | :value="item.zjh" | 384 | :value="item.zjh"> |
| 424 | > | ||
| 425 | </el-option> | 385 | </el-option> |
| 426 | </el-select> | 386 | </el-select> |
| 427 | </el-form-item> | 387 | </el-form-item> |
| ... | @@ -432,8 +392,7 @@ | ... | @@ -432,8 +392,7 @@ |
| 432 | @upDateQlrxxList="upDateQlrxxList" | 392 | @upDateQlrxxList="upDateQlrxxList" |
| 433 | :key="key" | 393 | :key="key" |
| 434 | :ableOperation="ableOperation" | 394 | :ableOperation="ableOperation" |
| 435 | :gyfs="ruleForm.qlxx.gyfs" | 395 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 436 | /> | ||
| 437 | </div> | 396 | </div> |
| 438 | <el-row class="btn" v-if="ableOperation"> | 397 | <el-row class="btn" v-if="ableOperation"> |
| 439 | <el-form-item> | 398 | <el-form-item> |
| ... | @@ -444,396 +403,402 @@ | ... | @@ -444,396 +403,402 @@ |
| 444 | </div> | 403 | </div> |
| 445 | </template> | 404 | </template> |
| 446 | <script> | 405 | <script> |
| 447 | import { mapGetters } from "vuex"; | 406 | import { mapGetters } from "vuex"; |
| 448 | import store from "@/store/index.js"; | 407 | import store from "@/store/index.js"; |
| 449 | import ywmix from "@/views/ywbl/mixin/index"; | 408 | import ywmix from "@/views/ywbl/mixin/index"; |
| 450 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 409 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 451 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 410 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 452 | import selectTable from "@/components/selectTable/index.vue"; | 411 | import selectTable from "@/components/selectTable/index.vue"; |
| 453 | import tdytTable from "@/views/workflow/components/tdytTable"; | 412 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 454 | export default { | 413 | export default { |
| 455 | mixins: [ywmix], | 414 | mixins: [ywmix], |
| 456 | components: { qlrCommonTable, tdytTable, selectTable }, | 415 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 457 | computed: { | 416 | computed: { |
| 458 | ...mapGetters(["dictData", "flag"]), | 417 | ...mapGetters(["dictData", "flag"]), |
| 459 | // 根据流程判断表单是否为只读 | 418 | // 根据流程判断表单是否为只读 |
| 460 | editDisabled() { | 419 | editDisabled () { |
| 461 | if (!this.ableOperation) { | 420 | if (!this.ableOperation) { |
| 462 | //只读状态 | 421 | //只读状态 |
| 463 | return true; | 422 | return true; |
| 464 | } | ||
| 465 | return false; | ||
| 466 | }, | ||
| 467 | }, | ||
| 468 | data() { | ||
| 469 | return { | ||
| 470 | ssqlxxshow: true, | ||
| 471 | props: { | ||
| 472 | label: "bdcqzh", | ||
| 473 | value: "bdcdyid", | ||
| 474 | }, | ||
| 475 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 476 | normalizer(node) { | ||
| 477 | //方法 | ||
| 478 | if (node.children == null || node.children == "null") { | ||
| 479 | delete node.children; | ||
| 480 | } | 423 | } |
| 481 | return { | 424 | return false; |
| 482 | id: node.dcode, | ||
| 483 | label: node.dname, | ||
| 484 | }; | ||
| 485 | }, | 425 | }, |
| 486 | //表单是否可操作 | 426 | }, |
| 487 | propsParam: this.$attrs, | 427 | data () { |
| 488 | key: 0, | 428 | return { |
| 489 | // 登记类型 | 429 | ssqlxxshow: true, |
| 490 | djlxlist: [ | 430 | props: { |
| 491 | { | 431 | label: "bdcqzh", |
| 492 | dcode: "100", | 432 | value: "bdcdyid", |
| 493 | dname: "首次登记", | ||
| 494 | }, | ||
| 495 | { | ||
| 496 | dcode: "200", | ||
| 497 | dname: "转移登记", | ||
| 498 | }, | ||
| 499 | { | ||
| 500 | dcode: "300", | ||
| 501 | dname: "变更登记", | ||
| 502 | }, | 433 | }, |
| 503 | { | 434 | // 键名转换，方法默认是label和children进行树状渲染 |
| 504 | dcode: "500", | 435 | normalizer (node) { |
| 505 | dname: "更正登记", | 436 | //方法 |
| 437 | if (node.children == null || node.children == "null") { | ||
| 438 | delete node.children; | ||
| 439 | } | ||
| 440 | return { | ||
| 441 | id: node.dcode, | ||
| 442 | label: node.dname, | ||
| 443 | }; | ||
| 506 | }, | 444 | }, |
| 445 | //表单是否可操作 | ||
| 446 | propsParam: this.$attrs, | ||
| 447 | key: 0, | ||
| 448 | // 登记类型 | ||
| 449 | djlxlist: [ | ||
| 450 | { | ||
| 451 | dcode: "100", | ||
| 452 | dname: "首次登记", | ||
| 453 | }, | ||
| 454 | { | ||
| 455 | dcode: "200", | ||
| 456 | dname: "转移登记", | ||
| 457 | }, | ||
| 458 | { | ||
| 459 | dcode: "300", | ||
| 460 | dname: "变更登记", | ||
| 461 | }, | ||
| 462 | { | ||
| 463 | dcode: "500", | ||
| 464 | dname: "更正登记", | ||
| 465 | }, | ||
| 507 | 466 | ||
| 508 | { | 467 | { |
| 509 | dcode: "901", | 468 | dcode: "901", |
| 510 | dname: "补证", | 469 | dname: "补证", |
| 511 | }, | 470 | }, |
| 512 | { | 471 | { |
| 513 | dcode: "902", | 472 | dcode: "902", |
| 514 | dname: "换证", | 473 | dname: "换证", |
| 515 | }, | 474 | }, |
| 516 | ], | ||
| 517 | // 权属状态 | ||
| 518 | qsztlist: [ | ||
| 519 | { | ||
| 520 | dcode: "1", | ||
| 521 | dname: "现势", | ||
| 522 | }, | ||
| 523 | { | ||
| 524 | dcode: "2", | ||
| 525 | dname: "历史", | ||
| 526 | }, | ||
| 527 | ], | ||
| 528 | isShow: false, | ||
| 529 | disabled: true, | ||
| 530 | czrOptions: [], | ||
| 531 | ssQlxxList: [], | ||
| 532 | ruleForm: {}, | ||
| 533 | ableOperation: false, | ||
| 534 | //传递参数\ | ||
| 535 | rules: { | ||
| 536 | ssQlxxrules: [ | ||
| 537 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 538 | ], | 475 | ], |
| 539 | bdcqzhrules: [ | 476 | // 权属状态 |
| 540 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 477 | qsztlist: [ |
| 478 | { | ||
| 479 | dcode: "1", | ||
| 480 | dname: "现势", | ||
| 481 | }, | ||
| 482 | { | ||
| 483 | dcode: "2", | ||
| 484 | dname: "历史", | ||
| 485 | }, | ||
| 541 | ], | 486 | ], |
| 542 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 487 | isShow: false, |
| 543 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 488 | disabled: true, |
| 544 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 489 | czrOptions: [], |
| 545 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 490 | ssQlxxList: [], |
| 546 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 491 | ruleForm: {}, |
| 547 | }, | 492 | ableOperation: false, |
| 548 | }; | 493 | //传递参数\ |
| 549 | }, | 494 | rules: { |
| 550 | created() {}, | 495 | ssQlxxrules: [ |
| 551 | mounted() { | 496 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 552 | this.loadData(); | 497 | ], |
| 553 | this.ableOperation = this.$parent.ableOperation; | 498 | bdcqzhrules: [ |
| 554 | }, | 499 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 555 | methods: { | 500 | ], |
| 556 | /** | 501 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 557 | * @description: ssQlxxchange | 502 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 558 | * @param {*} val | 503 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 559 | * @author: renchao | 504 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 560 | */ | 505 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 561 | ssQlxxchange(val) { | 506 | }, |
| 562 | this.ruleForm.ssQlxx = val; | 507 | }; |
| 563 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 564 | this.ssQlxxchangediolog(val); | ||
| 565 | }, | 508 | }, |
| 566 | // 弹框事件 | 509 | created () { }, |
| 567 | ssQlxxchangediolog(val) { | 510 | mounted () { |
| 568 | console.log("确定了", this.ruleForm); | 511 | this.loadData(); |
| 569 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 512 | this.ableOperation = this.$parent.ableOperation; |
| 570 | iconClass: "el-icon-question", //自定义图标样式 | 513 | }, |
| 571 | confirmButtonText: "确认", //确认按钮文字更换 | 514 | methods: { |
| 572 | cancelButtonText: "取消", //取消按钮文字更换 | 515 | /** |
| 573 | showClose: true, //是否显示右上角关闭按钮 | 516 | * @description: ssQlxxchange |
| 574 | type: "warning", | 517 | * @param {*} val |
| 575 | }).then(() => { | 518 | * @author: renchao |
| 576 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 519 | */ |
| 577 | if (res.code == 200) { | 520 | ssQlxxchange (val) { |
| 578 | this.nowlist = res.result; | 521 | this.ruleForm.ssQlxx = val; |
| 579 | console.log("his.nowlist", this.nowlist); | 522 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 580 | console.log("this.ruleForm", this.ruleForm); | 523 | this.ssQlxxchangediolog(val); |
| 581 | for (var key in this.ruleForm.tdsyq) { | 524 | }, |
| 582 | if ( | 525 | // 弹框事件 |
| 583 | this.ruleForm.tdsyq[key] == "" || | 526 | ssQlxxchangediolog (val) { |
| 584 | this.ruleForm.tdsyq[key] == null | 527 | console.log("确定了", this.ruleForm); |
| 585 | ) { | 528 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 586 | this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key]; | 529 | iconClass: "el-icon-question", //自定义图标样式 |
| 530 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 531 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 532 | showClose: true, //是否显示右上角关闭按钮 | ||
| 533 | type: "warning", | ||
| 534 | }).then(() => { | ||
| 535 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 536 | if (res.code == 200) { | ||
| 537 | this.nowlist = res.result; | ||
| 538 | console.log("his.nowlist", this.nowlist); | ||
| 539 | console.log("this.ruleForm", this.ruleForm); | ||
| 540 | for (var key in this.ruleForm.tdsyq) { | ||
| 541 | if ( | ||
| 542 | this.ruleForm.tdsyq[key] == "" || | ||
| 543 | this.ruleForm.tdsyq[key] == null | ||
| 544 | ) { | ||
| 545 | this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key]; | ||
| 546 | } | ||
| 587 | } | 547 | } |
| 588 | } | 548 | for (var key in this.ruleForm.qlxx) { |
| 589 | for (var key in this.ruleForm.qlxx) { | 549 | if ( |
| 590 | if ( | 550 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 591 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | 551 | this.ruleForm.qlxx[key] == null |
| 592 | this.ruleForm.qlxx[key] == null | 552 | ) { |
| 593 | ) { | 553 | console.log("this.ruleForm.qlxx[key]", key); |
| 594 | console.log("this.ruleForm.qlxx[key]", key); | 554 | if (key != "ywh") { |
| 595 | if (key != "ywh") { | 555 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 596 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 556 | } |
| 597 | } | 557 | } |
| 598 | } | 558 | } |
| 559 | if (!this.ruleForm.tdytqxList.length) { | ||
| 560 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 561 | } | ||
| 562 | if (!this.ruleForm.qlrData.length) { | ||
| 563 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 564 | } | ||
| 565 | if (!this.ruleForm.ywrData.length) { | ||
| 566 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 567 | } | ||
| 568 | console.log("this.ruleForm", this.ruleForm); | ||
| 569 | this.$message({ | ||
| 570 | type: "success", | ||
| 571 | message: "同步成功!", | ||
| 572 | }); | ||
| 599 | } | 573 | } |
| 600 | if (!this.ruleForm.tdytqxList.length) { | 574 | }); |
| 601 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 575 | }).catch(() => { |
| 602 | } | ||
| 603 | if (!this.ruleForm.qlrData.length) { | ||
| 604 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 605 | } | ||
| 606 | if (!this.ruleForm.ywrData.length) { | ||
| 607 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 608 | } | ||
| 609 | console.log("this.ruleForm", this.ruleForm); | ||
| 610 | this.$message({ | ||
| 611 | type: "success", | ||
| 612 | message: "同步成功!", | ||
| 613 | }); | ||
| 614 | } | ||
| 615 | }); | ||
| 616 | }).catch(() => { | ||
| 617 | this.$message({ | 576 | this.$message({ |
| 618 | type: "info", | 577 | type: "info", |
| 619 | message: "已取消同步", | 578 | message: "已取消同步", |
| 620 | }); | 579 | }); |
| 621 | }); | 580 | }); |
| 622 | }, | 581 | }, |
| 623 | /** | 582 | /** |
| 624 | * @description: djlxchange | 583 | * @description: djlxchange |
| 625 | * @param {*} val | 584 | * @param {*} val |
| 626 | * @author: renchao | 585 | * @author: renchao |
| 627 | */ | 586 | */ |
| 628 | djlxchange(val) { | 587 | djlxchange (val) { |
| 629 | console.log("val", val); | 588 | console.log("val", val); |
| 630 | if (val == null || val == 100) { | 589 | if (val == null || val == 100) { |
| 631 | this.ssqlxxshow = false; | 590 | this.ssqlxxshow = false; |
| 632 | } else { | 591 | } else { |
| 633 | this.ssqlxxshow = true; | 592 | this.ssqlxxshow = true; |
| 634 | } | 593 | } |
| 635 | }, | 594 | }, |
| 636 | 595 | ||
| 637 | // 字典 | 596 | // 字典 |
| 638 | /** | 597 | /** |
| 639 | * @description: 字典 | 598 | * @description: 字典 |
| 640 | * @param {*} val | 599 | * @param {*} val |
| 641 | * @author: renchao | 600 | * @author: renchao |
| 642 | */ | 601 | */ |
| 643 | getDictData(val) { | 602 | getDictData (val) { |
| 644 | return store.getters.dictData[val]; | 603 | return store.getters.dictData[val]; |
| 645 | }, | 604 | }, |
| 646 | /** | 605 | /** |
| 647 | * @description: loadData | 606 | * @description: loadData |
| 648 | * @author: renchao | 607 | * @author: renchao |
| 649 | */ | 608 | */ |
| 650 | loadData() { | 609 | loadData () { |
| 651 | this.$startLoading(); | 610 | this.$startLoading(); |
| 652 | this.propsParam.isEdit = this.$parent.isEdit; | 611 | this.propsParam.isEdit = this.$parent.isEdit; |
| 653 | init(this.propsParam).then((res) => { | 612 | init(this.propsParam).then((res) => { |
| 654 | if (res.code == 200) { | 613 | if (res.code == 200) { |
| 655 | this.ruleForm = res.result; | 614 | this.ruleForm = res.result; |
| 656 | let djlx = this.ruleForm.qlxx.djlx; | 615 | let djlx = this.ruleForm.qlxx.djlx; |
| 657 | if (djlx == null || djlx == 100) { | 616 | if (djlx == null || djlx == 100) { |
| 658 | this.ssqlxxshow = false; | 617 | this.ssqlxxshow = false; |
| 659 | } | ||
| 660 | this.$endLoading(); | ||
| 661 | this.isShow = true; | ||
| 662 | //获取主体信息 | ||
| 663 | getSsQlxx({ | ||
| 664 | bdcdyid: this.propsParam.bdcdyid, | ||
| 665 | qllx: this.propsParam.qllx, | ||
| 666 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 667 | }).then((res) => { | ||
| 668 | if (res.code == 200) { | ||
| 669 | this.ssQlxxList = res.result; | ||
| 670 | } | 618 | } |
| 671 | }); | 619 | this.$endLoading(); |
| 672 | } | 620 | this.isShow = true; |
| 673 | }); | 621 | //获取主体信息 |
| 674 | }, | 622 | getSsQlxx({ |
| 675 | // 更新土地用途信息 | 623 | bdcdyid: this.propsParam.bdcdyid, |
| 676 | /** | 624 | qllx: this.propsParam.qllx, |
| 677 | * @description: 更新土地用途信息 | 625 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 678 | * @param {*} val | 626 | }).then((res) => { |
| 679 | * @author: renchao | 627 | if (res.code == 200) { |
| 680 | */ | 628 | this.ssQlxxList = res.result; |
| 681 | upDateTdytxxList(val) { | 629 | } |
| 682 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 683 | this.key++; | ||
| 684 | }, | ||
| 685 | // 更新权利人信息 | ||
| 686 | /** | ||
| 687 | * @description: 更新权利人信息 | ||
| 688 | * @param {*} val | ||
| 689 | * @author: renchao | ||
| 690 | */ | ||
| 691 | upDateQlrxxList(val) { | ||
| 692 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 693 | this.czrOptions = this.ruleForm.qlrData; | ||
| 694 | this.key++; | ||
| 695 | }, | ||
| 696 | /** | ||
| 697 | * @description: onSubmit | ||
| 698 | * @author: renchao | ||
| 699 | */ | ||
| 700 | onSubmit() { | ||
| 701 | this.$refs.ruleForm.validate((valid) => { | ||
| 702 | if (valid) { | ||
| 703 | if (this.ruleForm.qlrData.length == 0) { | ||
| 704 | this.$message({ | ||
| 705 | showClose: true, | ||
| 706 | message: "请确认权利人信息", | ||
| 707 | type: "error", | ||
| 708 | }); | 630 | }); |
| 709 | return false; | ||
| 710 | } | 631 | } |
| 711 | 632 | }); | |
| 712 | if (this.ruleForm.qlxx.gyfs == "0") { | 633 | }, |
| 713 | if (this.ruleForm.qlrData.length > 1) { | 634 | // 更新土地用途信息 |
| 635 | /** | ||
| 636 | * @description: 更新土地用途信息 | ||
| 637 | * @param {*} val | ||
| 638 | * @author: renchao | ||
| 639 | */ | ||
| 640 | upDateTdytxxList (val) { | ||
| 641 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 642 | this.key++; | ||
| 643 | }, | ||
| 644 | // 更新权利人信息 | ||
| 645 | /** | ||
| 646 | * @description: 更新权利人信息 | ||
| 647 | * @param {*} val | ||
| 648 | * @author: renchao | ||
| 649 | */ | ||
| 650 | upDateQlrxxList (val) { | ||
| 651 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 652 | this.czrOptions = this.ruleForm.qlrData; | ||
| 653 | this.key++; | ||
| 654 | }, | ||
| 655 | /** | ||
| 656 | * @description: onSubmit | ||
| 657 | * @author: renchao | ||
| 658 | */ | ||
| 659 | onSubmit () { | ||
| 660 | this.$refs.ruleForm.validate((valid) => { | ||
| 661 | if (valid) { | ||
| 662 | if (this.ruleForm.qlrData.length == 0) { | ||
| 714 | this.$message({ | 663 | this.$message({ |
| 715 | showClose: true, | 664 | showClose: true, |
| 716 | message: "共有方式：单独所有，权利人只能是一个人", | 665 | message: "请确认权利人信息", |
| 717 | type: "error", | 666 | type: "error", |
| 718 | }); | 667 | }); |
| 719 | return false; | 668 | return false; |
| 720 | } | 669 | } |
| 721 | this.ruleForm.qlrData[0].sfczr = "1"; | 670 | if (this.ruleForm.sldy.gyfs == "0") { |
| 722 | } | 671 | if (this.ruleForm.qlrData.length > 1) { |
| 723 | if (this.ruleForm.qlxx.gyfs == "1") { | 672 | this.$message({ |
| 724 | //是否分别持证 | 673 | showClose: true, |
| 725 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 674 | message: "共有方式：单独所有，权利人只能是一个人", |
| 726 | //是 | 675 | type: "error", |
| 727 | this.ruleForm.qlrData.forEach((item, index) => { | 676 | }); |
| 728 | item.sfczr = "1"; | 677 | return false; |
| 729 | }); | 678 | } |
| 679 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 730 | } else { | 680 | } else { |
| 731 | this.ruleForm.qlrData.forEach((item, index) => { | 681 | //是否分别持证 |
| 732 | if (item.zjh == this.ruleForm.czr) { | 682 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 683 | //是 | ||
| 684 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 733 | item.sfczr = "1"; | 685 | item.sfczr = "1"; |
| 734 | } else { | 686 | }); |
| 735 | item.sfczr = "0"; | 687 | } else { |
| 688 | if (!that.ruleForm.czr) { | ||
| 689 | that.$message({ | ||
| 690 | showClose: true, | ||
| 691 | message: "请选择持证人", | ||
| 692 | type: "error", | ||
| 693 | }); | ||
| 694 | return false; | ||
| 736 | } | 695 | } |
| 737 | }); | 696 | this.ruleForm.qlrList.forEach((item, index) => { |
| 697 | if (item.zjh == this.ruleForm.czr) { | ||
| 698 | item.sfczr = "1"; | ||
| 699 | } else { | ||
| 700 | item.sfczr = "0"; | ||
| 701 | } | ||
| 702 | }); | ||
| 703 | } | ||
| 738 | } | 704 | } |
| 705 | save(this.ruleForm).then((res) => { | ||
| 706 | if (res.code === 200) { | ||
| 707 | this.$message({ | ||
| 708 | showClose: true, | ||
| 709 | message: "保存成功！", | ||
| 710 | type: "success", | ||
| 711 | }); | ||
| 712 | this.$parent.changeywh(); | ||
| 713 | this.$store.dispatch("user/refreshPage", true); | ||
| 714 | } else { | ||
| 715 | this.$message({ | ||
| 716 | showClose: true, | ||
| 717 | message: res.message, | ||
| 718 | type: "error", | ||
| 719 | }); | ||
| 720 | } | ||
| 721 | }); | ||
| 722 | } else { | ||
| 723 | return false; | ||
| 739 | } | 724 | } |
| 740 | save(this.ruleForm).then((res) => { | 725 | }); |
| 741 | if (res.code === 200) { | 726 | }, |
| 742 | this.$message({ | ||
| 743 | showClose: true, | ||
| 744 | message: "保存成功！", | ||
| 745 | type: "success", | ||
| 746 | }); | ||
| 747 | this.$parent.changeywh(); | ||
| 748 | this.$store.dispatch("user/refreshPage", true); | ||
| 749 | } else { | ||
| 750 | this.$message({ | ||
| 751 | showClose: true, | ||
| 752 | message: res.message, | ||
| 753 | type: "error", | ||
| 754 | }); | ||
| 755 | } | ||
| 756 | }); | ||
| 757 | } else { | ||
| 758 | return false; | ||
| 759 | } | ||
| 760 | }); | ||
| 761 | }, | 727 | }, |
| 762 | }, | 728 | }; |
| 763 | }; | ||
| 764 | </script> | 729 | </script> |
| 765 | <style scoped lang="scss"> | 730 | <style scoped lang="scss"> |
| 766 | @import "~@/styles/public.scss"; | 731 | @import "~@/styles/public.scss"; |
| 767 | @import "~@/styles/slxx/slxx.scss"; | 732 | @import "~@/styles/slxx/slxx.scss"; |
| 768 | /deep/.el-form { | 733 | /deep/.el-form { |
| 769 | display: flex; | 734 | display: flex; |
| 770 | flex-direction: column; | 735 | flex-direction: column; |
| 771 | height: calc(100vh - 130px); | 736 | height: calc(100vh - 130px); |
| 772 | } | 737 | } |
| 773 | 738 | ||
| 774 | /deep/.el-form-item__label { | 739 | /deep/.el-form-item__label { |
| 775 | padding: 0; | 740 | padding: 0; |
| 776 | } | 741 | } |
| 777 | 742 | ||
| 778 | /deep/.el-radio { | 743 | /deep/.el-radio { |
| 779 | margin-right: 10px; | 744 | margin-right: 10px; |
| 780 | } | 745 | } |
| 781 | 746 | ||
| 782 | /deep/.el-select { | 747 | /deep/.el-select { |
| 783 | width: 100%; | 748 | width: 100%; |
| 784 | } | 749 | } |
| 785 | 750 | ||
| 786 | /deep/.el-form-item { | 751 | /deep/.el-form-item { |
| 787 | margin-bottom: 8px; | 752 | margin-bottom: 8px; |
| 788 | } | 753 | } |
| 789 | 754 | ||
| 790 | .marginBot0 { | 755 | .marginBot0 { |
| 791 | margin-bottom: 0 !important; | 756 | margin-bottom: 0 !important; |
| 792 | } | 757 | } |
| 793 | 758 | ||
| 794 | .slxx { | 759 | .slxx { |
| 795 | box-sizing: border-box; | 760 | box-sizing: border-box; |
| 796 | } | 761 | } |
| 797 | 762 | ||
| 798 | .slxx_con { | 763 | .slxx_con { |
| 799 | flex: 1; | 764 | flex: 1; |
| 800 | height: 100%; | 765 | height: 100%; |
| 801 | background-color: #ffffff; | 766 | background-color: #ffffff; |
| 802 | overflow-y: auto; | 767 | overflow-y: auto; |
| 803 | padding-right: 3px; | 768 | padding-right: 3px; |
| 804 | overflow-x: hidden; | 769 | overflow-x: hidden; |
| 805 | } | 770 | } |
| 806 | 771 | ||
| 807 | .submit_btn { | 772 | .submit_btn { |
| 808 | height: 50px; | 773 | height: 50px; |
| 809 | } | 774 | } |
| 810 | 775 | ||
| 811 | .slxx_title { | 776 | .slxx_title { |
| 812 | border-bottom: 1px solid $borderColor; | 777 | border-bottom: 1px solid $borderColor; |
| 813 | padding-left: 10px; | 778 | padding-left: 10px; |
| 814 | padding-bottom: 5px; | 779 | padding-bottom: 5px; |
| 815 | margin-bottom: 10px; | 780 | margin-bottom: 10px; |
| 816 | margin-top: 5px; | 781 | margin-top: 5px; |
| 817 | font-size: 16px; | 782 | font-size: 16px; |
| 818 | font-weight: 500; | 783 | font-weight: 500; |
| 819 | color: #4a4a4a; | 784 | color: #4a4a4a; |
| 820 | } | 785 | } |
| 821 | 786 | ||
| 822 | .btn { | 787 | .btn { |
| 823 | text-align: center; | 788 | text-align: center; |
| 824 | padding-top: 10px; | 789 | padding-top: 10px; |
| 825 | height: 36px; | 790 | height: 36px; |
| 826 | background-color: #ffffff; | 791 | background-color: #ffffff; |
| 827 | padding: 5px 0; | 792 | padding: 5px 0; |
| 828 | } | 793 | } |
| 829 | 794 | ||
| 830 | .textArea { | 795 | .textArea { |
| 831 | /deep/.el-textarea__inner { | 796 | /deep/.el-textarea__inner { |
| 832 | min-height: 90px !important; | 797 | min-height: 90px !important; |
| 798 | } | ||
| 833 | } | 799 | } |
| 834 | } | ||
| 835 | 800 | ||
| 836 | /deep/.el-form-item__label { | 801 | /deep/.el-form-item__label { |
| 837 | padding-bottom: 0px; | 802 | padding-bottom: 0px; |
| 838 | } | 803 | } |
| 839 | </style> | 804 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 11:00:54 | 4 | * @LastEditTime: 2023-08-04 10:59:33 |
| 5 | :show-message="false" | 5 | :show-message="false" |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| ... | @@ -17,8 +17,7 @@ | ... | @@ -17,8 +17,7 @@ |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | :inline="flag" | 18 | :inline="flag" |
| 19 | inline-message | 19 | inline-message |
| 20 | label-width="145px" | 20 | label-width="145px"> |
| 21 | > | ||
| 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 23 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 24 | 补录信息 | 23 | 补录信息 |
| ... | @@ -50,25 +49,21 @@ | ... | @@ -50,25 +49,21 @@ |
| 50 | <el-form-item | 49 | <el-form-item |
| 51 | label="抵押不动产信息：" | 50 | label="抵押不动产信息：" |
| 52 | prop="ztQlxx" | 51 | prop="ztQlxx" |
| 53 | :rules="rules.ztQlxxrules" | 52 | :rules="rules.ztQlxxrules"> |
| 54 | > | ||
| 55 | <select-table | 53 | <select-table |
| 56 | v-model="ruleForm.ztQlxx" | 54 | v-model="ruleForm.ztQlxx" |
| 57 | :table-width="550" | 55 | :table-width="550" |
| 58 | :tableData="ztQlxxList" | 56 | :tableData="ztQlxxList" |
| 59 | :props="props" | 57 | :props="props" |
| 60 | @change="ztQlxxchange" | 58 | @change="ztQlxxchange"> |
| 61 | > | ||
| 62 | <el-table-column | 59 | <el-table-column |
| 63 | prop="qllxmc" | 60 | prop="qllxmc" |
| 64 | width="130" | 61 | width="130" |
| 65 | label="权利类型" | 62 | label="权利类型"></el-table-column> |
| 66 | ></el-table-column> | ||
| 67 | <el-table-column | 63 | <el-table-column |
| 68 | prop="bdcqzh" | 64 | prop="bdcqzh" |
| 69 | width="160" | 65 | width="160" |
| 70 | label="不动产权证书" | 66 | label="不动产权证书"></el-table-column> |
| 71 | ></el-table-column> | ||
| 72 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 73 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 74 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -81,25 +76,21 @@ | ... | @@ -81,25 +76,21 @@ |
| 81 | <el-form-item | 76 | <el-form-item |
| 82 | label="上手权利信息：" | 77 | label="上手权利信息：" |
| 83 | prop="ssQlxx.bdcqzh" | 78 | prop="ssQlxx.bdcqzh" |
| 84 | :rules="rules.ssQlxxrules" | 79 | :rules="rules.ssQlxxrules"> |
| 85 | > | ||
| 86 | <select-table | 80 | <select-table |
| 87 | v-model="ruleForm.ssQlxx" | 81 | v-model="ruleForm.ssQlxx" |
| 88 | :table-width="550" | 82 | :table-width="550" |
| 89 | :tableData="ssQlxxList" | 83 | :tableData="ssQlxxList" |
| 90 | :props="props" | 84 | :props="props" |
| 91 | @change="ssQlxxchange" | 85 | @change="ssQlxxchange"> |
| 92 | > | ||
| 93 | <el-table-column | 86 | <el-table-column |
| 94 | prop="qllxmc" | 87 | prop="qllxmc" |
| 95 | width="130" | 88 | width="130" |
| 96 | label="权利类型" | 89 | label="权利类型"></el-table-column> |
| 97 | ></el-table-column> | ||
| 98 | <el-table-column | 90 | <el-table-column |
| 99 | prop="bdcqzh" | 91 | prop="bdcqzh" |
| 100 | width="160" | 92 | width="160" |
| 101 | label="不动产权证书" | 93 | label="不动产权证书"></el-table-column> |
| 102 | ></el-table-column> | ||
| 103 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 94 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 104 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 95 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 105 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 96 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -174,8 +165,7 @@ | ... | @@ -174,8 +165,7 @@ |
| 174 | <el-form-item | 165 | <el-form-item |
| 175 | label="业务号：" | 166 | label="业务号：" |
| 176 | prop="qlxx.ywh" | 167 | prop="qlxx.ywh" |
| 177 | :rules="rules.ywhrules" | 168 | :rules="rules.ywhrules"> |
| 178 | > | ||
| 179 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 169 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 180 | </el-form-item> | 170 | </el-form-item> |
| 181 | </el-col> | 171 | </el-col> |
| ... | @@ -200,15 +190,13 @@ | ... | @@ -200,15 +190,13 @@ |
| 200 | <el-form-item | 190 | <el-form-item |
| 201 | label="登记类型：" | 191 | label="登记类型：" |
| 202 | prop="qlxx.djlx" | 192 | prop="qlxx.djlx" |
| 203 | :rules="rules.djlxrules" | 193 | :rules="rules.djlxrules"> |
| 204 | > | ||
| 205 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 194 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 206 | <el-option | 195 | <el-option |
| 207 | v-for="item in djlxlist" | 196 | v-for="item in djlxlist" |
| 208 | :key="item.dcode" | 197 | :key="item.dcode" |
| 209 | :label="item.dname" | 198 | :label="item.dname" |
| 210 | :value="item.dcode" | 199 | :value="item.dcode"> |
| 211 | > | ||
| 212 | </el-option> | 200 | </el-option> |
| 213 | </el-select> | 201 | </el-select> |
| 214 | </el-form-item> | 202 | </el-form-item> |
| ... | @@ -222,8 +210,7 @@ | ... | @@ -222,8 +210,7 @@ |
| 222 | <el-form-item | 210 | <el-form-item |
| 223 | label="不动产权证号：" | 211 | label="不动产权证号：" |
| 224 | prop="qlxx.bdcqzh" | 212 | prop="qlxx.bdcqzh" |
| 225 | :rules="rules.bdcqzhrules" | 213 | :rules="rules.bdcqzhrules"> |
| 226 | > | ||
| 227 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 214 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 228 | </el-form-item> | 215 | </el-form-item> |
| 229 | </el-col> | 216 | </el-col> |
| ... | @@ -236,8 +223,7 @@ | ... | @@ -236,8 +223,7 @@ |
| 236 | <el-form-item | 223 | <el-form-item |
| 237 | label="登记机构：" | 224 | label="登记机构：" |
| 238 | prop="qlxx.djjg" | 225 | prop="qlxx.djjg" |
| 239 | :rules="rules.djjgrules" | 226 | :rules="rules.djjgrules"> |
| 240 | > | ||
| 241 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 227 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 242 | </el-form-item> | 228 | </el-form-item> |
| 243 | </el-col> | 229 | </el-col> |
| ... | @@ -245,8 +231,7 @@ | ... | @@ -245,8 +231,7 @@ |
| 245 | <el-form-item | 231 | <el-form-item |
| 246 | label="登簿人：" | 232 | label="登簿人：" |
| 247 | prop="qlxx.dbr" | 233 | prop="qlxx.dbr" |
| 248 | :rules="rules.dbrrules" | 234 | :rules="rules.dbrrules"> |
| 249 | > | ||
| 250 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 235 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 251 | </el-form-item> | 236 | </el-form-item> |
| 252 | </el-col> | 237 | </el-col> |
| ... | @@ -254,16 +239,14 @@ | ... | @@ -254,16 +239,14 @@ |
| 254 | <el-form-item | 239 | <el-form-item |
| 255 | label="登记时间：" | 240 | label="登记时间：" |
| 256 | prop="qlxx.djsj" | 241 | prop="qlxx.djsj" |
| 257 | :rules="rules.djsjrules" | 242 | :rules="rules.djsjrules"> |
| 258 | > | ||
| 259 | <el-date-picker | 243 | <el-date-picker |
| 260 | v-model="ruleForm.qlxx.djsj" | 244 | v-model="ruleForm.qlxx.djsj" |
| 261 | type="date" | 245 | type="date" |
| 262 | class="width100" | 246 | class="width100" |
| 263 | placeholder="选择日期" | 247 | placeholder="选择日期" |
| 264 | value-format="yyyy-MM-dd HH:mm:ss" | 248 | value-format="yyyy-MM-dd HH:mm:ss" |
| 265 | format="yyyy-MM-dd" | 249 | format="yyyy-MM-dd"> |
| 266 | > | ||
| 267 | </el-date-picker> | 250 | </el-date-picker> |
| 268 | </el-form-item> | 251 | </el-form-item> |
| 269 | </el-col> | 252 | </el-col> |
| ... | @@ -274,8 +257,7 @@ | ... | @@ -274,8 +257,7 @@ |
| 274 | v-for="item in qsztlist" | 257 | v-for="item in qsztlist" |
| 275 | :key="item.dcode" | 258 | :key="item.dcode" |
| 276 | :label="item.dname" | 259 | :label="item.dname" |
| 277 | :value="item.dcode" | 260 | :value="item.dcode"> |
| 278 | > | ||
| 279 | </el-option> | 261 | </el-option> |
| 280 | </el-select> | 262 | </el-select> |
| 281 | </el-form-item> | 263 | </el-form-item> |
| ... | @@ -285,15 +267,13 @@ | ... | @@ -285,15 +267,13 @@ |
| 285 | <el-form-item | 267 | <el-form-item |
| 286 | label="预告登记种类：" | 268 | label="预告登记种类：" |
| 287 | prop="ygdj.ygdjzl" | 269 | prop="ygdj.ygdjzl" |
| 288 | :rules="rules.ygdjzlrules" | 270 | :rules="rules.ygdjzlrules"> |
| 289 | > | ||
| 290 | <el-select v-model="ruleForm.ygdj.ygdjzl"> | 271 | <el-select v-model="ruleForm.ygdj.ygdjzl"> |
| 291 | <el-option | 272 | <el-option |
| 292 | v-for="item in dictData['A29']" | 273 | v-for="item in dictData['A29']" |
| 293 | :key="item.dcode" | 274 | :key="item.dcode" |
| 294 | :label="item.dname" | 275 | :label="item.dname" |
| 295 | :value="item.dcode" | 276 | :value="item.dcode"> |
| 296 | > | ||
| 297 | </el-option> | 277 | </el-option> |
| 298 | </el-select> | 278 | </el-select> |
| 299 | </el-form-item> | 279 | </el-form-item> |
| ... | @@ -310,8 +290,7 @@ | ... | @@ -310,8 +290,7 @@ |
| 310 | v-for="item in dictData['A17']" | 290 | v-for="item in dictData['A17']" |
| 311 | :key="item.dcode" | 291 | :key="item.dcode" |
| 312 | :label="item.dname" | 292 | :label="item.dname" |
| 313 | :value="item.dcode" | 293 | :value="item.dcode"> |
| 314 | > | ||
| 315 | </el-option> | 294 | </el-option> |
| 316 | </el-select> | 295 | </el-select> |
| 317 | </el-form-item> | 296 | </el-form-item> |
| ... | @@ -328,8 +307,7 @@ | ... | @@ -328,8 +307,7 @@ |
| 328 | v-for="item in dictData['A19']" | 307 | v-for="item in dictData['A19']" |
| 329 | :key="item.dcode" | 308 | :key="item.dcode" |
| 330 | :label="item.dname" | 309 | :label="item.dname" |
| 331 | :value="item.dcode" | 310 | :value="item.dcode"> |
| 332 | > | ||
| 333 | </el-option> | 311 | </el-option> |
| 334 | </el-select> | 312 | </el-select> |
| 335 | </el-form-item> | 313 | </el-form-item> |
| ... | @@ -346,8 +324,7 @@ | ... | @@ -346,8 +324,7 @@ |
| 346 | v-for="item in dictData['A46']" | 324 | v-for="item in dictData['A46']" |
| 347 | :key="item.dcode" | 325 | :key="item.dcode" |
| 348 | :label="item.dname" | 326 | :label="item.dname" |
| 349 | :value="item.dcode" | 327 | :value="item.dcode"> |
| 350 | > | ||
| 351 | </el-option> | 328 | </el-option> |
| 352 | </el-select> | 329 | </el-select> |
| 353 | </el-form-item> | 330 | </el-form-item> |
| ... | @@ -367,19 +344,16 @@ | ... | @@ -367,19 +344,16 @@ |
| 367 | <div class="flex"> | 344 | <div class="flex"> |
| 368 | <el-input | 345 | <el-input |
| 369 | v-model="ruleForm.ygdj.jzmj" | 346 | v-model="ruleForm.ygdj.jzmj" |
| 370 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 347 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 371 | ></el-input> | ||
| 372 | <el-select | 348 | <el-select |
| 373 | v-model="mjdw" | 349 | v-model="mjdw" |
| 374 | :disabled="!ableOperation" | 350 | :disabled="!ableOperation" |
| 375 | style="width: 20%" | 351 | style="width: 20%"> |
| 376 | > | ||
| 377 | <el-option | 352 | <el-option |
| 378 | v-for="item in dictData['A7']" | 353 | v-for="item in dictData['A7']" |
| 379 | :key="item.dcode" | 354 | :key="item.dcode" |
| 380 | :label="item.dname" | 355 | :label="item.dname" |
| 381 | :value="item.dcode" | 356 | :value="item.dcode"> |
| 382 | > | ||
| 383 | </el-option> | 357 | </el-option> |
| 384 | </el-select> | 358 | </el-select> |
| 385 | </div> | 359 | </div> |
| ... | @@ -403,8 +377,7 @@ | ... | @@ -403,8 +377,7 @@ |
| 403 | class="width100" | 377 | class="width100" |
| 404 | placeholder="选择日期" | 378 | placeholder="选择日期" |
| 405 | value-format="yyyy-MM-dd HH:mm:ss" | 379 | value-format="yyyy-MM-dd HH:mm:ss" |
| 406 | format="yyyy-MM-dd" | 380 | format="yyyy-MM-dd"> |
| 407 | > | ||
| 408 | </el-date-picker> | 381 | </el-date-picker> |
| 409 | </el-form-item> | 382 | </el-form-item> |
| 410 | </el-col> | 383 | </el-col> |
| ... | @@ -414,29 +387,23 @@ | ... | @@ -414,29 +387,23 @@ |
| 414 | <el-tooltip | 387 | <el-tooltip |
| 415 | content="取得价格被担保主债权数额：" | 388 | content="取得价格被担保主债权数额：" |
| 416 | placement="top" | 389 | placement="top" |
| 417 | effect="light" | 390 | effect="light"> |
| 418 | > | 391 | <span type="text" style="color: #444" size="mini">取得价格被担保...</span> |
| 419 | <span type="text" style="color: #444" size="mini" | ||
| 420 | >取得价格被担保...</span | ||
| 421 | > | ||
| 422 | </el-tooltip> | 392 | </el-tooltip> |
| 423 | </span> | 393 | </span> |
| 424 | <div class="flex"> | 394 | <div class="flex"> |
| 425 | <el-input | 395 | <el-input |
| 426 | v-model="ruleForm.ygdj.qdjg" | 396 | v-model="ruleForm.ygdj.qdjg" |
| 427 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 397 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 428 | ></el-input> | ||
| 429 | <el-select | 398 | <el-select |
| 430 | v-model="ruleForm.ygdj.jedw" | 399 | v-model="ruleForm.ygdj.jedw" |
| 431 | :disabled="!ableOperation" | 400 | :disabled="!ableOperation" |
| 432 | style="width: 20%" | 401 | style="width: 20%"> |
| 433 | > | ||
| 434 | <el-option | 402 | <el-option |
| 435 | v-for="item in dictData['A57']" | 403 | v-for="item in dictData['A57']" |
| 436 | :key="item.dcode" | 404 | :key="item.dcode" |
| 437 | :label="item.dname" | 405 | :label="item.dname" |
| 438 | :value="item.dcode" | 406 | :value="item.dcode"> |
| 439 | > | ||
| 440 | </el-option> | 407 | </el-option> |
| 441 | </el-select> | 408 | </el-select> |
| 442 | </div> | 409 | </div> |
| ... | @@ -453,11 +420,8 @@ | ... | @@ -453,11 +420,8 @@ |
| 453 | <el-tooltip | 420 | <el-tooltip |
| 454 | content="是否存在禁止或限制转让抵押不动产的约定：" | 421 | content="是否存在禁止或限制转让抵押不动产的约定：" |
| 455 | placement="top" | 422 | placement="top" |
| 456 | effect="light" | 423 | effect="light"> |
| 457 | > | 424 | <span type="text" style="color: #444" size="mini">是否存在禁止或限制...</span> |
| 458 | <span type="text" style="color: #444" size="mini" | ||
| 459 | >是否存在禁止或限制...</span | ||
| 460 | > | ||
| 461 | </el-tooltip> | 425 | </el-tooltip> |
| 462 | </span> | 426 | </span> |
| 463 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 427 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
| ... | @@ -483,8 +447,7 @@ | ... | @@ -483,8 +447,7 @@ |
| 483 | <el-form-item label="共有方式："> | 447 | <el-form-item label="共有方式："> |
| 484 | <el-radio-group | 448 | <el-radio-group |
| 485 | :disabled="!ableOperation" | 449 | :disabled="!ableOperation" |
| 486 | v-model="ruleForm.qlxx.gyfs" | 450 | v-model="ruleForm.sldy.gyfs"> |
| 487 | > | ||
| 488 | <el-radio label="0">单独所有</el-radio> | 451 | <el-radio label="0">单独所有</el-radio> |
| 489 | <el-radio label="1">共同共有</el-radio> | 452 | <el-radio label="1">共同共有</el-radio> |
| 490 | <el-radio label="2">按份所有</el-radio> | 453 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -492,12 +455,11 @@ | ... | @@ -492,12 +455,11 @@ |
| 492 | </el-radio-group> | 455 | </el-radio-group> |
| 493 | </el-form-item> | 456 | </el-form-item> |
| 494 | </el-col> | 457 | </el-col> |
| 495 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 458 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 496 | <el-form-item label="是否分别持证："> | 459 | <el-form-item label="是否分别持证："> |
| 497 | <el-radio-group | 460 | <el-radio-group |
| 498 | v-model="ruleForm.qlxx.sqfbcz" | 461 | v-model="ruleForm.sldy.sqfbcz" |
| 499 | :disabled="!ableOperation" | 462 | :disabled="!ableOperation"> |
| 500 | > | ||
| 501 | <el-radio :label="1">是</el-radio> | 463 | <el-radio :label="1">是</el-radio> |
| 502 | <el-radio :label="0">否</el-radio> | 464 | <el-radio :label="0">否</el-radio> |
| 503 | </el-radio-group> | 465 | </el-radio-group> |
| ... | @@ -505,20 +467,17 @@ | ... | @@ -505,20 +467,17 @@ |
| 505 | </el-col> | 467 | </el-col> |
| 506 | <el-col | 468 | <el-col |
| 507 | :span="6" | 469 | :span="6" |
| 508 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | 470 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 509 | > | ||
| 510 | <el-form-item label="持证人："> | 471 | <el-form-item label="持证人："> |
| 511 | <el-select | 472 | <el-select |
| 512 | v-model="ruleForm.czr" | 473 | v-model="ruleForm.czr" |
| 513 | placeholder="持证人" | 474 | placeholder="持证人" |
| 514 | :disabled="!ableOperation" | 475 | :disabled="!ableOperation"> |
| 515 | > | ||
| 516 | <el-option | 476 | <el-option |
| 517 | v-for="item in czrOptions" | 477 | v-for="item in czrOptions" |
| 518 | :key="item.zjh" | 478 | :key="item.zjh" |
| 519 | :label="item.sqrmc" | 479 | :label="item.sqrmc" |
| 520 | :value="item.zjh" | 480 | :value="item.zjh"> |
| 521 | > | ||
| 522 | </el-option> | 481 | </el-option> |
| 523 | </el-select> | 482 | </el-select> |
| 524 | </el-form-item> | 483 | </el-form-item> |
| ... | @@ -529,8 +488,7 @@ | ... | @@ -529,8 +488,7 @@ |
| 529 | @upDateQlrxxList="upDateQlrxxList" | 488 | @upDateQlrxxList="upDateQlrxxList" |
| 530 | :key="key" | 489 | :key="key" |
| 531 | :ableOperation="ableOperation" | 490 | :ableOperation="ableOperation" |
| 532 | :gyfs="ruleForm.qlxx.gyfs" | 491 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 533 | /> | ||
| 534 | 492 | ||
| 535 | <div v-if="ruleForm.ywrData"> | 493 | <div v-if="ruleForm.ywrData"> |
| 536 | <div class="slxx_title title-block"> | 494 | <div class="slxx_title title-block"> |
| ... | @@ -542,8 +500,7 @@ | ... | @@ -542,8 +500,7 @@ |
| 542 | :tableData="ruleForm.ywrData" | 500 | :tableData="ruleForm.ywrData" |
| 543 | :key="key" | 501 | :key="key" |
| 544 | :ableOperation="ableOperation" | 502 | :ableOperation="ableOperation" |
| 545 | @upDateQlrxxList="upDateYwrxxList" | 503 | @upDateQlrxxList="upDateYwrxxList" /> |
| 546 | /> | ||
| 547 | </div> | 504 | </div> |
| 548 | </div> | 505 | </div> |
| 549 | <el-row class="btn" v-if="ableOperation"> | 506 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -555,350 +512,357 @@ | ... | @@ -555,350 +512,357 @@ |
| 555 | </div> | 512 | </div> |
| 556 | </template> | 513 | </template> |
| 557 | <script> | 514 | <script> |
| 558 | import { mapGetters } from "vuex"; | 515 | import { mapGetters } from "vuex"; |
| 559 | import ywmix from "@/views/ywbl/mixin/index"; | 516 | import ywmix from "@/views/ywbl/mixin/index"; |
| 560 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 517 | import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 561 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 518 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 562 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 519 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 563 | import tdytTable from "@/views/workflow/components/tdytTable"; | 520 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 564 | import selectTable from "@/components/selectTable/index.vue"; | 521 | import selectTable from "@/components/selectTable/index.vue"; |
| 565 | export default { | 522 | export default { |
| 566 | mixins: [ywmix], | 523 | mixins: [ywmix], |
| 567 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 524 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 568 | computed: { | 525 | computed: { |
| 569 | ...mapGetters(["dictData", "flag"]), | 526 | ...mapGetters(["dictData", "flag"]), |
| 570 | // 根据流程判断表单是否为只读 | 527 | // 根据流程判断表单是否为只读 |
| 571 | editDisabled() { | 528 | editDisabled () { |
| 572 | if (!this.ableOperation) { | 529 | if (!this.ableOperation) { |
| 573 | //只读状态 | 530 | //只读状态 |
| 574 | return true; | 531 | return true; |
| 575 | } | 532 | } |
| 576 | return false; | 533 | return false; |
| 577 | }, | ||
| 578 | }, | ||
| 579 | data() { | ||
| 580 | return { | ||
| 581 | ssqlxxshow: true, | ||
| 582 | props: { | ||
| 583 | label: "bdcqzh", | ||
| 584 | value: "bdcdyid", | ||
| 585 | }, | 534 | }, |
| 586 | mjdw: "1", | 535 | }, |
| 587 | //表单是否可操作 | 536 | data () { |
| 588 | propsParam: this.$attrs, | 537 | return { |
| 589 | key: 0, | 538 | ssqlxxshow: true, |
| 590 | isShow: false, | 539 | props: { |
| 591 | disabled: true, | 540 | label: "bdcqzh", |
| 592 | czrOptions: [], | 541 | value: "bdcdyid", |
| 593 | ssQlxxList: [], | ||
| 594 | ztQlxxList: [], | ||
| 595 | ruleForm: {}, | ||
| 596 | // 登记类型 | ||
| 597 | djlxlist: [ | ||
| 598 | { | ||
| 599 | dcode: "100", | ||
| 600 | dname: "首次登记", | ||
| 601 | }, | ||
| 602 | { | ||
| 603 | dcode: "200", | ||
| 604 | dname: "转移登记", | ||
| 605 | }, | ||
| 606 | { | ||
| 607 | dcode: "300", | ||
| 608 | dname: "变更登记", | ||
| 609 | }, | ||
| 610 | { | ||
| 611 | dcode: "500", | ||
| 612 | dname: "更正登记", | ||
| 613 | }, | 542 | }, |
| 543 | mjdw: "1", | ||
| 544 | //表单是否可操作 | ||
| 545 | propsParam: this.$attrs, | ||
| 546 | key: 0, | ||
| 547 | isShow: false, | ||
| 548 | disabled: true, | ||
| 549 | czrOptions: [], | ||
| 550 | ssQlxxList: [], | ||
| 551 | ztQlxxList: [], | ||
| 552 | ruleForm: {}, | ||
| 553 | // 登记类型 | ||
| 554 | djlxlist: [ | ||
| 555 | { | ||
| 556 | dcode: "100", | ||
| 557 | dname: "首次登记", | ||
| 558 | }, | ||
| 559 | { | ||
| 560 | dcode: "200", | ||
| 561 | dname: "转移登记", | ||
| 562 | }, | ||
| 563 | { | ||
| 564 | dcode: "300", | ||
| 565 | dname: "变更登记", | ||
| 566 | }, | ||
| 567 | { | ||
| 568 | dcode: "500", | ||
| 569 | dname: "更正登记", | ||
| 570 | }, | ||
| 614 | 571 | ||
| 615 | { | 572 | { |
| 616 | dcode: "901", | 573 | dcode: "901", |
| 617 | dname: "补证", | 574 | dname: "补证", |
| 618 | }, | 575 | }, |
| 619 | { | 576 | { |
| 620 | dcode: "902", | 577 | dcode: "902", |
| 621 | dname: "换证", | 578 | dname: "换证", |
| 622 | }, | 579 | }, |
| 623 | ], | ||
| 624 | // 权属状态 | ||
| 625 | qsztlist: [ | ||
| 626 | { | ||
| 627 | dcode: "1", | ||
| 628 | dname: "现势", | ||
| 629 | }, | ||
| 630 | { | ||
| 631 | dcode: "2", | ||
| 632 | dname: "历史", | ||
| 633 | }, | ||
| 634 | ], | ||
| 635 | //传递参数\ | ||
| 636 | rules: { | ||
| 637 | ztQlxxrules: [ | ||
| 638 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 639 | ], | 580 | ], |
| 640 | bdcqzhrules: [ | 581 | // 权属状态 |
| 641 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 582 | qsztlist: [ |
| 583 | { | ||
| 584 | dcode: "1", | ||
| 585 | dname: "现势", | ||
| 586 | }, | ||
| 587 | { | ||
| 588 | dcode: "2", | ||
| 589 | dname: "历史", | ||
| 590 | }, | ||
| 642 | ], | 591 | ], |
| 643 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 592 | //传递参数\ |
| 644 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 593 | rules: { |
| 645 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 594 | ztQlxxrules: [ |
| 646 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 595 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 647 | ygdjzlrules: [ | 596 | ], |
| 648 | { required: true, message: "预告登记种类", trigger: "change" }, | 597 | bdcqzhrules: [ |
| 649 | ], | 598 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 650 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 599 | ], |
| 651 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 600 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 652 | ssQlxxrules: [ | 601 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 653 | { required: true, message: "上手权利信息", trigger: "blur" }, | 602 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 654 | ], | 603 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 655 | }, | 604 | ygdjzlrules: [ |
| 656 | ableOperation: false, | 605 | { required: true, message: "预告登记种类", trigger: "change" }, |
| 657 | }; | 606 | ], |
| 658 | }, | 607 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 659 | created() { | 608 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 660 | this.loadData(); | 609 | ssQlxxrules: [ |
| 661 | }, | 610 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 662 | mounted() { | 611 | ], |
| 663 | this.ableOperation = this.$parent.ableOperation; | 612 | }, |
| 664 | }, | 613 | ableOperation: false, |
| 665 | methods: { | 614 | }; |
| 666 | /** | 615 | }, |
| 667 | * @description: ztQlxxchange | 616 | created () { |
| 668 | * @param {*} val | 617 | this.loadData(); |
| 669 | * @author: renchao | ||
| 670 | */ | ||
| 671 | ztQlxxchange(val) { | ||
| 672 | this.ruleForm.ztQlxx = val; | ||
| 673 | }, | 618 | }, |
| 674 | /** | 619 | mounted () { |
| 675 | * @description: ssQlxxchange | 620 | this.ableOperation = this.$parent.ableOperation; |
| 676 | * @param {*} val | ||
| 677 | * @author: renchao | ||
| 678 | */ | ||
| 679 | ssQlxxchange(val) { | ||
| 680 | this.ruleForm.ssQlxx = val; | ||
| 681 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 682 | this.ssQlxxchangediolog(val); | ||
| 683 | }, | 621 | }, |
| 684 | // 弹框事件 | 622 | methods: { |
| 685 | ssQlxxchangediolog(val) { | 623 | /** |
| 686 | console.log("确定了", this.ruleForm); | 624 | * @description: ztQlxxchange |
| 687 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 625 | * @param {*} val |
| 688 | iconClass: "el-icon-question", //自定义图标样式 | 626 | * @author: renchao |
| 689 | confirmButtonText: "确认", //确认按钮文字更换 | 627 | */ |
| 690 | cancelButtonText: "取消", //取消按钮文字更换 | 628 | ztQlxxchange (val) { |
| 691 | showClose: true, //是否显示右上角关闭按钮 | 629 | this.ruleForm.ztQlxx = val; |
| 692 | type: "warning", | 630 | }, |
| 693 | }) | 631 | /** |
| 694 | .then(() => { | 632 | * @description: ssQlxxchange |
| 695 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 633 | * @param {*} val |
| 696 | if (res.code == 200) { | 634 | * @author: renchao |
| 697 | this.nowlist = res.result; | 635 | */ |
| 698 | console.log("his.nowlist", this.nowlist); | 636 | ssQlxxchange (val) { |
| 699 | console.log("this.ruleForm", this.ruleForm); | 637 | this.ruleForm.ssQlxx = val; |
| 700 | for (var key in this.ruleForm.ygdj) { | 638 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 701 | if ( | 639 | this.ssQlxxchangediolog(val); |
| 702 | this.ruleForm.ygdj[key] == "" || | 640 | }, |
| 703 | this.ruleForm.ygdj[key] == null | 641 | // 弹框事件 |
| 704 | ) { | 642 | ssQlxxchangediolog (val) { |
| 705 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; | 643 | console.log("确定了", this.ruleForm); |
| 644 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 645 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 646 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 647 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 648 | showClose: true, //是否显示右上角关闭按钮 | ||
| 649 | type: "warning", | ||
| 650 | }) | ||
| 651 | .then(() => { | ||
| 652 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 653 | if (res.code == 200) { | ||
| 654 | this.nowlist = res.result; | ||
| 655 | console.log("his.nowlist", this.nowlist); | ||
| 656 | console.log("this.ruleForm", this.ruleForm); | ||
| 657 | for (var key in this.ruleForm.ygdj) { | ||
| 658 | if ( | ||
| 659 | this.ruleForm.ygdj[key] == "" || | ||
| 660 | this.ruleForm.ygdj[key] == null | ||
| 661 | ) { | ||
| 662 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; | ||
| 663 | } | ||
| 706 | } | 664 | } |
| 707 | } | 665 | for (var key in this.ruleForm.qlxx) { |
| 708 | for (var key in this.ruleForm.qlxx) { | 666 | if ( |
| 709 | if ( | 667 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 710 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | 668 | this.ruleForm.qlxx[key] == null |
| 711 | this.ruleForm.qlxx[key] == null | 669 | ) { |
| 712 | ) { | 670 | console.log("this.ruleForm.qlxx[key]", key); |
| 713 | console.log("this.ruleForm.qlxx[key]", key); | 671 | if (key != "ywh") { |
| 714 | if (key != "ywh") { | 672 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 715 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 673 | } |
| 716 | } | 674 | } |
| 717 | } | 675 | } |
| 676 | if (!this.ruleForm.tdytqxList.length) { | ||
| 677 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 678 | } | ||
| 679 | if (!this.ruleForm.qlrData.length) { | ||
| 680 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 681 | } | ||
| 682 | if (!this.ruleForm.ywrData.length) { | ||
| 683 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 684 | } | ||
| 685 | console.log("this.ruleForm", this.ruleForm); | ||
| 686 | this.$message({ | ||
| 687 | type: "success", | ||
| 688 | message: "同步成功!", | ||
| 689 | }); | ||
| 718 | } | 690 | } |
| 719 | if (!this.ruleForm.tdytqxList.length) { | 691 | }); |
| 720 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 692 | }) |
| 721 | } | 693 | .catch(() => { |
| 722 | if (!this.ruleForm.qlrData.length) { | 694 | this.$message({ |
| 723 | this.ruleForm.qlrData = this.nowlist.qlrData; | 695 | type: "info", |
| 724 | } | 696 | message: "已取消同步", |
| 725 | if (!this.ruleForm.ywrData.length) { | 697 | }); |
| 726 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 727 | } | ||
| 728 | console.log("this.ruleForm", this.ruleForm); | ||
| 729 | this.$message({ | ||
| 730 | type: "success", | ||
| 731 | message: "同步成功!", | ||
| 732 | }); | ||
| 733 | } | ||
| 734 | }); | ||
| 735 | }) | ||
| 736 | .catch(() => { | ||
| 737 | this.$message({ | ||
| 738 | type: "info", | ||
| 739 | message: "已取消同步", | ||
| 740 | }); | ||
| 741 | }); | ||
| 742 | }, | ||
| 743 | /** | ||
| 744 | * @description: djlxchange | ||
| 745 | * @param {*} val | ||
| 746 | * @author: renchao | ||
| 747 | */ | ||
| 748 | djlxchange(val) { | ||
| 749 | if (val == null || val == 100) { | ||
| 750 | this.ssqlxxshow = false; | ||
| 751 | } else { | ||
| 752 | this.ssqlxxshow = true; | ||
| 753 | } | ||
| 754 | }, | ||
| 755 | /** | ||
| 756 | * @description: loadData | ||
| 757 | * @author: renchao | ||
| 758 | */ | ||
| 759 | loadData() { | ||
| 760 | this.$startLoading(); | ||
| 761 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 762 | init(this.propsParam).then((res) => { | ||
| 763 | if (res.code == 200) { | ||
| 764 | this.ruleForm = res.result; | ||
| 765 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 766 | if (djlx == null || djlx == 100) { | ||
| 767 | this.ssqlxxshow = false; | ||
| 768 | } | ||
| 769 | this.ruleForm.ygdj.jedw = "1"; | ||
| 770 | this.$endLoading(); | ||
| 771 | this.isShow = true; | ||
| 772 | //获取主体信息 | ||
| 773 | getSsQlxx({ | ||
| 774 | bdcdyid: this.propsParam.bdcdyid, | ||
| 775 | qllx: this.propsParam.qllx, | ||
| 776 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 777 | }).then((res) => { | ||
| 778 | if (res.code == 200) { | ||
| 779 | this.ssQlxxList = res.result; | ||
| 780 | } | ||
| 781 | }); | ||
| 782 | //获取上手信息 | ||
| 783 | getZtQlxx({ | ||
| 784 | bdcdyid: this.propsParam.bdcdyid, | ||
| 785 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 786 | }).then((res) => { | ||
| 787 | if (res.code == 200) { | ||
| 788 | this.ztQlxxList = res.result; | ||
| 789 | } | ||
| 790 | }); | 698 | }); |
| 699 | }, | ||
| 700 | /** | ||
| 701 | * @description: djlxchange | ||
| 702 | * @param {*} val | ||
| 703 | * @author: renchao | ||
| 704 | */ | ||
| 705 | djlxchange (val) { | ||
| 706 | if (val == null || val == 100) { | ||
| 707 | this.ssqlxxshow = false; | ||
| 708 | } else { | ||
| 709 | this.ssqlxxshow = true; | ||
| 791 | } | 710 | } |
| 792 | }); | 711 | }, |
| 793 | }, | 712 | /** |
| 794 | // 更新土地用途信息 | 713 | * @description: loadData |
| 795 | /** | 714 | * @author: renchao |
| 796 | * @description: 更新土地用途信息 | 715 | */ |
| 797 | * @param {*} val | 716 | loadData () { |
| 798 | * @author: renchao | 717 | this.$startLoading(); |
| 799 | */ | 718 | this.propsParam.isEdit = this.$parent.isEdit; |
| 800 | upDateTdytxxList(val) { | 719 | init(this.propsParam).then((res) => { |
| 801 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 720 | if (res.code == 200) { |
| 802 | this.key++; | 721 | this.ruleForm = res.result; |
| 803 | }, | 722 | let djlx = this.ruleForm.qlxx.djlx; |
| 804 | // 更新权利人信息 | 723 | if (djlx == null || djlx == 100) { |
| 805 | /** | 724 | this.ssqlxxshow = false; |
| 806 | * @description: 更新权利人信息 | 725 | } |
| 807 | * @param {*} val | 726 | this.ruleForm.ygdj.jedw = "1"; |
| 808 | * @author: renchao | 727 | this.$endLoading(); |
| 809 | */ | 728 | this.isShow = true; |
| 810 | upDateQlrxxList(val) { | 729 | //获取主体信息 |
| 811 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 730 | getSsQlxx({ |
| 812 | this.czrOptions = this.ruleForm.qlrData; | 731 | bdcdyid: this.propsParam.bdcdyid, |
| 813 | this.key++; | 732 | qllx: this.propsParam.qllx, |
| 814 | }, | 733 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 815 | // 更新义务人信息 | 734 | }).then((res) => { |
| 816 | /** | 735 | if (res.code == 200) { |
| 817 | * @description: 更新义务人信息 | 736 | this.ssQlxxList = res.result; |
| 818 | * @param {*} val | 737 | } |
| 819 | * @author: renchao | ||
| 820 | */ | ||
| 821 | upDateYwrxxList(val) { | ||
| 822 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 823 | this.key++; | ||
| 824 | }, | ||
| 825 | /** | ||
| 826 | * @description: onSubmit | ||
| 827 | * @author: renchao | ||
| 828 | */ | ||
| 829 | onSubmit() { | ||
| 830 | this.$refs.ruleForm.validate((valid) => { | ||
| 831 | if (valid) { | ||
| 832 | if (this.ruleForm.qlrData.length == 0) { | ||
| 833 | this.$message({ | ||
| 834 | showClose: true, | ||
| 835 | message: "请确认权利人信息", | ||
| 836 | type: "error", | ||
| 837 | }); | 738 | }); |
| 838 | return false; | 739 | //获取上手信息 |
| 839 | } | 740 | getZtQlxx({ |
| 840 | if (this.ruleForm.ywrData.length == 0) { | 741 | bdcdyid: this.propsParam.bdcdyid, |
| 841 | this.$message({ | 742 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 842 | showClose: true, | 743 | }).then((res) => { |
| 843 | message: "请确认义务人信息", | 744 | if (res.code == 200) { |
| 844 | type: "error", | 745 | this.ztQlxxList = res.result; |
| 746 | } | ||
| 845 | }); | 747 | }); |
| 846 | return false; | ||
| 847 | } | 748 | } |
| 848 | if (this.ruleForm.qlxx.gyfs == "0") { | 749 | }); |
| 849 | if (this.ruleForm.qlrData.length > 1) { | 750 | }, |
| 751 | // 更新土地用途信息 | ||
| 752 | /** | ||
| 753 | * @description: 更新土地用途信息 | ||
| 754 | * @param {*} val | ||
| 755 | * @author: renchao | ||
| 756 | */ | ||
| 757 | upDateTdytxxList (val) { | ||
| 758 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 759 | this.key++; | ||
| 760 | }, | ||
| 761 | // 更新权利人信息 | ||
| 762 | /** | ||
| 763 | * @description: 更新权利人信息 | ||
| 764 | * @param {*} val | ||
| 765 | * @author: renchao | ||
| 766 | */ | ||
| 767 | upDateQlrxxList (val) { | ||
| 768 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 769 | this.czrOptions = this.ruleForm.qlrData; | ||
| 770 | this.key++; | ||
| 771 | }, | ||
| 772 | // 更新义务人信息 | ||
| 773 | /** | ||
| 774 | * @description: 更新义务人信息 | ||
| 775 | * @param {*} val | ||
| 776 | * @author: renchao | ||
| 777 | */ | ||
| 778 | upDateYwrxxList (val) { | ||
| 779 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 780 | this.key++; | ||
| 781 | }, | ||
| 782 | /** | ||
| 783 | * @description: onSubmit | ||
| 784 | * @author: renchao | ||
| 785 | */ | ||
| 786 | onSubmit () { | ||
| 787 | this.$refs.ruleForm.validate((valid) => { | ||
| 788 | if (valid) { | ||
| 789 | if (this.ruleForm.qlrData.length == 0) { | ||
| 850 | this.$message({ | 790 | this.$message({ |
| 851 | showClose: true, | 791 | showClose: true, |
| 852 | message: "共有方式：单独所有，权利人只能是一个人", | 792 | message: "请确认权利人信息", |
| 853 | type: "error", | 793 | type: "error", |
| 854 | }); | 794 | }); |
| 855 | return false; | 795 | return false; |
| 856 | } | 796 | } |
| 857 | this.ruleForm.qlrData[0].sfczr = "1"; | 797 | if (this.ruleForm.ywrData.length == 0) { |
| 858 | } | 798 | this.$message({ |
| 859 | if (this.ruleForm.qlxx.gyfs == "1") { | 799 | showClose: true, |
| 860 | //是否分别持证 | 800 | message: "请确认义务人信息", |
| 861 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 801 | type: "error", |
| 862 | //是 | ||
| 863 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 864 | item.sfczr = "1"; | ||
| 865 | }); | 802 | }); |
| 803 | return false; | ||
| 804 | } | ||
| 805 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 806 | if (this.ruleForm.qlrData.length > 1) { | ||
| 807 | this.$message({ | ||
| 808 | showClose: true, | ||
| 809 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 810 | type: "error", | ||
| 811 | }); | ||
| 812 | return false; | ||
| 813 | } | ||
| 814 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 866 | } else { | 815 | } else { |
| 867 | this.ruleForm.qlrData.forEach((item, index) => { | 816 | //是否分别持证 |
| 868 | if (item.zjh == this.ruleForm.czr) { | 817 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 818 | //是 | ||
| 819 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 869 | item.sfczr = "1"; | 820 | item.sfczr = "1"; |
| 870 | } else { | 821 | }); |
| 871 | item.sfczr = "0"; | 822 | } else { |
| 823 | if (!that.ruleForm.czr) { | ||
| 824 | that.$message({ | ||
| 825 | showClose: true, | ||
| 826 | message: "请选择持证人", | ||
| 827 | type: "error", | ||
| 828 | }); | ||
| 829 | return false; | ||
| 872 | } | 830 | } |
| 873 | }); | 831 | this.ruleForm.qlrList.forEach((item, index) => { |
| 832 | if (item.zjh == this.ruleForm.czr) { | ||
| 833 | item.sfczr = "1"; | ||
| 834 | } else { | ||
| 835 | item.sfczr = "0"; | ||
| 836 | } | ||
| 837 | }); | ||
| 838 | } | ||
| 874 | } | 839 | } |
| 840 | save(this.ruleForm).then((res) => { | ||
| 841 | if (res.code === 200) { | ||
| 842 | this.$message({ | ||
| 843 | showClose: true, | ||
| 844 | message: "保存成功！", | ||
| 845 | type: "success", | ||
| 846 | }); | ||
| 847 | this.$parent.changeywh(); | ||
| 848 | this.$store.dispatch("user/refreshPage", true); | ||
| 849 | } else { | ||
| 850 | this.$message({ | ||
| 851 | showClose: true, | ||
| 852 | message: res.message, | ||
| 853 | type: "error", | ||
| 854 | }); | ||
| 855 | } | ||
| 856 | }); | ||
| 857 | } else { | ||
| 858 | return false; | ||
| 875 | } | 859 | } |
| 876 | save(this.ruleForm).then((res) => { | 860 | }); |
| 877 | if (res.code === 200) { | 861 | }, |
| 878 | this.$message({ | ||
| 879 | showClose: true, | ||
| 880 | message: "保存成功！", | ||
| 881 | type: "success", | ||
| 882 | }); | ||
| 883 | this.$parent.changeywh(); | ||
| 884 | this.$store.dispatch("user/refreshPage", true); | ||
| 885 | } else { | ||
| 886 | this.$message({ | ||
| 887 | showClose: true, | ||
| 888 | message: res.message, | ||
| 889 | type: "error", | ||
| 890 | }); | ||
| 891 | } | ||
| 892 | }); | ||
| 893 | } else { | ||
| 894 | return false; | ||
| 895 | } | ||
| 896 | }); | ||
| 897 | }, | 862 | }, |
| 898 | }, | 863 | }; |
| 899 | }; | ||
| 900 | </script> | 864 | </script> |
| 901 | <style scoped lang="scss"> | 865 | <style scoped lang="scss"> |
| 902 | @import "~@/styles/public.scss"; | 866 | @import "~@/styles/public.scss"; |
| 903 | @import "~@/styles/slxx/slxx.scss"; | 867 | @import "~@/styles/slxx/slxx.scss"; |
| 904 | </style> | 868 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 11:00:48 | 4 | * @LastEditTime: 2023-08-04 10:59:42 |
| 5 | :show-message="false" | 5 | :show-message="false" |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| ... | @@ -17,8 +17,7 @@ | ... | @@ -17,8 +17,7 @@ |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | :inline="flag" | 18 | :inline="flag" |
| 19 | inline-message | 19 | inline-message |
| 20 | label-width="145px" | 20 | label-width="145px"> |
| 21 | > | ||
| 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 23 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 24 | 补录信息 | 23 | 补录信息 |
| ... | @@ -50,25 +49,21 @@ | ... | @@ -50,25 +49,21 @@ |
| 50 | <el-form-item | 49 | <el-form-item |
| 51 | label="上手权利信息：" | 50 | label="上手权利信息：" |
| 52 | prop="ssQlxx.bdcqzh" | 51 | prop="ssQlxx.bdcqzh" |
| 53 | :rules="rules.ssQlxxrules" | 52 | :rules="rules.ssQlxxrules"> |
| 54 | > | ||
| 55 | <select-table | 53 | <select-table |
| 56 | v-model="ruleForm.ssQlxx" | 54 | v-model="ruleForm.ssQlxx" |
| 57 | :table-width="550" | 55 | :table-width="550" |
| 58 | :tableData="ssQlxxList" | 56 | :tableData="ssQlxxList" |
| 59 | :props="props" | 57 | :props="props" |
| 60 | @change="ssQlxxchange" | 58 | @change="ssQlxxchange"> |
| 61 | > | ||
| 62 | <el-table-column | 59 | <el-table-column |
| 63 | prop="qllxmc" | 60 | prop="qllxmc" |
| 64 | width="130" | 61 | width="130" |
| 65 | label="权利类型" | 62 | label="权利类型"></el-table-column> |
| 66 | ></el-table-column> | ||
| 67 | <el-table-column | 63 | <el-table-column |
| 68 | prop="bdcqzh" | 64 | prop="bdcqzh" |
| 69 | width="160" | 65 | width="160" |
| 70 | label="不动产权证书" | 66 | label="不动产权证书"></el-table-column> |
| 71 | ></el-table-column> | ||
| 72 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 73 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 74 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -87,15 +82,13 @@ | ... | @@ -87,15 +82,13 @@ |
| 87 | <el-form-item | 82 | <el-form-item |
| 88 | label="登记类型：" | 83 | label="登记类型：" |
| 89 | prop="qlxx.djlx" | 84 | prop="qlxx.djlx" |
| 90 | :rules="rules.djlxrules" | 85 | :rules="rules.djlxrules"> |
| 91 | > | ||
| 92 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 86 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 93 | <el-option | 87 | <el-option |
| 94 | v-for="item in djlxlist" | 88 | v-for="item in djlxlist" |
| 95 | :key="item.dcode" | 89 | :key="item.dcode" |
| 96 | :label="item.dname" | 90 | :label="item.dname" |
| 97 | :value="item.dcode" | 91 | :value="item.dcode"> |
| 98 | > | ||
| 99 | </el-option> | 92 | </el-option> |
| 100 | </el-select> | 93 | </el-select> |
| 101 | </el-form-item> | 94 | </el-form-item> |
| ... | @@ -109,8 +102,7 @@ | ... | @@ -109,8 +102,7 @@ |
| 109 | <el-form-item | 102 | <el-form-item |
| 110 | label="业务号：" | 103 | label="业务号：" |
| 111 | prop="qlxx.ywh" | 104 | prop="qlxx.ywh" |
| 112 | :rules="rules.ywhrules" | 105 | :rules="rules.ywhrules"> |
| 113 | > | ||
| 114 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 106 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 115 | </el-form-item> | 107 | </el-form-item> |
| 116 | </el-col> | 108 | </el-col> |
| ... | @@ -133,8 +125,7 @@ | ... | @@ -133,8 +125,7 @@ |
| 133 | <el-form-item | 125 | <el-form-item |
| 134 | label="不动产权证号：" | 126 | label="不动产权证号：" |
| 135 | prop="qlxx.bdcqzh" | 127 | prop="qlxx.bdcqzh" |
| 136 | :rules="rules.bdcqzhrules" | 128 | :rules="rules.bdcqzhrules"> |
| 137 | > | ||
| 138 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 129 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 139 | </el-form-item> | 130 | </el-form-item> |
| 140 | </el-col> | 131 | </el-col> |
| ... | @@ -147,8 +138,7 @@ | ... | @@ -147,8 +138,7 @@ |
| 147 | <el-form-item | 138 | <el-form-item |
| 148 | label="登记机构：" | 139 | label="登记机构：" |
| 149 | prop="qlxx.djjg" | 140 | prop="qlxx.djjg" |
| 150 | :rules="rules.djjgrules" | 141 | :rules="rules.djjgrules"> |
| 151 | > | ||
| 152 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 142 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 153 | </el-form-item> | 143 | </el-form-item> |
| 154 | </el-col> | 144 | </el-col> |
| ... | @@ -156,8 +146,7 @@ | ... | @@ -156,8 +146,7 @@ |
| 156 | <el-form-item | 146 | <el-form-item |
| 157 | label="登簿人：" | 147 | label="登簿人：" |
| 158 | prop="qlxx.dbr" | 148 | prop="qlxx.dbr" |
| 159 | :rules="rules.dbrrules" | 149 | :rules="rules.dbrrules"> |
| 160 | > | ||
| 161 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 150 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 162 | </el-form-item> | 151 | </el-form-item> |
| 163 | </el-col> | 152 | </el-col> |
| ... | @@ -165,16 +154,14 @@ | ... | @@ -165,16 +154,14 @@ |
| 165 | <el-form-item | 154 | <el-form-item |
| 166 | label="登记时间：" | 155 | label="登记时间：" |
| 167 | prop="qlxx.djsj" | 156 | prop="qlxx.djsj" |
| 168 | :rules="rules.djsjrules" | 157 | :rules="rules.djsjrules"> |
| 169 | > | ||
| 170 | <el-date-picker | 158 | <el-date-picker |
| 171 | v-model="ruleForm.qlxx.djsj" | 159 | v-model="ruleForm.qlxx.djsj" |
| 172 | class="width100" | 160 | class="width100" |
| 173 | type="date" | 161 | type="date" |
| 174 | placeholder="选择日期" | 162 | placeholder="选择日期" |
| 175 | value-format="yyyy-MM-dd HH:mm:ss" | 163 | value-format="yyyy-MM-dd HH:mm:ss" |
| 176 | format="yyyy-MM-dd" | 164 | format="yyyy-MM-dd"> |
| 177 | > | ||
| 178 | </el-date-picker> | 165 | </el-date-picker> |
| 179 | </el-form-item> | 166 | </el-form-item> |
| 180 | </el-col> | 167 | </el-col> |
| ... | @@ -185,8 +172,7 @@ | ... | @@ -185,8 +172,7 @@ |
| 185 | v-for="item in qsztlist" | 172 | v-for="item in qsztlist" |
| 186 | :key="item.dcode" | 173 | :key="item.dcode" |
| 187 | :label="item.dname" | 174 | :label="item.dname" |
| 188 | :value="item.dcode" | 175 | :value="item.dcode"> |
| 189 | > | ||
| 190 | </el-option> | 176 | </el-option> |
| 191 | </el-select> | 177 | </el-select> |
| 192 | </el-form-item> | 178 | </el-form-item> |
| ... | @@ -196,15 +182,13 @@ | ... | @@ -196,15 +182,13 @@ |
| 196 | <el-form-item | 182 | <el-form-item |
| 197 | label="预告登记种类：" | 183 | label="预告登记种类：" |
| 198 | prop="ygdj.ygdjzl" | 184 | prop="ygdj.ygdjzl" |
| 199 | :rules="rules.ygdjzlrules" | 185 | :rules="rules.ygdjzlrules"> |
| 200 | > | ||
| 201 | <el-select v-model="ruleForm.ygdj.ygdjzl"> | 186 | <el-select v-model="ruleForm.ygdj.ygdjzl"> |
| 202 | <el-option | 187 | <el-option |
| 203 | v-for="item in dictData['A29']" | 188 | v-for="item in dictData['A29']" |
| 204 | :key="item.dcode" | 189 | :key="item.dcode" |
| 205 | :label="item.dname" | 190 | :label="item.dname" |
| 206 | :value="item.dcode" | 191 | :value="item.dcode"> |
| 207 | > | ||
| 208 | </el-option> | 192 | </el-option> |
| 209 | </el-select> | 193 | </el-select> |
| 210 | </el-form-item> | 194 | </el-form-item> |
| ... | @@ -221,8 +205,7 @@ | ... | @@ -221,8 +205,7 @@ |
| 221 | v-for="item in dictData['A17']" | 205 | v-for="item in dictData['A17']" |
| 222 | :key="item.dcode" | 206 | :key="item.dcode" |
| 223 | :label="item.dname" | 207 | :label="item.dname" |
| 224 | :value="item.dcode" | 208 | :value="item.dcode"> |
| 225 | > | ||
| 226 | </el-option> | 209 | </el-option> |
| 227 | </el-select> | 210 | </el-select> |
| 228 | </el-form-item> | 211 | </el-form-item> |
| ... | @@ -239,8 +222,7 @@ | ... | @@ -239,8 +222,7 @@ |
| 239 | v-for="item in dictData['A19']" | 222 | v-for="item in dictData['A19']" |
| 240 | :key="item.dcode" | 223 | :key="item.dcode" |
| 241 | :label="item.dname" | 224 | :label="item.dname" |
| 242 | :value="item.dcode" | 225 | :value="item.dcode"> |
| 243 | > | ||
| 244 | </el-option> | 226 | </el-option> |
| 245 | </el-select> | 227 | </el-select> |
| 246 | </el-form-item> | 228 | </el-form-item> |
| ... | @@ -257,8 +239,7 @@ | ... | @@ -257,8 +239,7 @@ |
| 257 | v-for="item in dictData['A46']" | 239 | v-for="item in dictData['A46']" |
| 258 | :key="item.dcode" | 240 | :key="item.dcode" |
| 259 | :label="item.dname" | 241 | :label="item.dname" |
| 260 | :value="item.dcode" | 242 | :value="item.dcode"> |
| 261 | > | ||
| 262 | </el-option> | 243 | </el-option> |
| 263 | </el-select> | 244 | </el-select> |
| 264 | </el-form-item> | 245 | </el-form-item> |
| ... | @@ -278,19 +259,16 @@ | ... | @@ -278,19 +259,16 @@ |
| 278 | <div class="flex"> | 259 | <div class="flex"> |
| 279 | <el-input | 260 | <el-input |
| 280 | v-model="ruleForm.ygdj.jzmj" | 261 | v-model="ruleForm.ygdj.jzmj" |
| 281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 262 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 282 | ></el-input> | ||
| 283 | <el-select | 263 | <el-select |
| 284 | v-model="mjdw" | 264 | v-model="mjdw" |
| 285 | :disabled="!ableOperation" | 265 | :disabled="!ableOperation" |
| 286 | style="width: 20%" | 266 | style="width: 20%"> |
| 287 | > | ||
| 288 | <el-option | 267 | <el-option |
| 289 | v-for="item in dictData['A7']" | 268 | v-for="item in dictData['A7']" |
| 290 | :key="item.dcode" | 269 | :key="item.dcode" |
| 291 | :label="item.dname" | 270 | :label="item.dname" |
| 292 | :value="item.dcode" | 271 | :value="item.dcode"> |
| 293 | > | ||
| 294 | </el-option> | 272 | </el-option> |
| 295 | </el-select> | 273 | </el-select> |
| 296 | </div> | 274 | </div> |
| ... | @@ -314,43 +292,37 @@ | ... | @@ -314,43 +292,37 @@ |
| 314 | type="date" | 292 | type="date" |
| 315 | placeholder="选择日期" | 293 | placeholder="选择日期" |
| 316 | value-format="yyyy-MM-dd HH:mm:ss" | 294 | value-format="yyyy-MM-dd HH:mm:ss" |
| 317 | format="yyyy-MM-dd" | 295 | format="yyyy-MM-dd"> |
| 318 | > | ||
| 319 | </el-date-picker> | 296 | </el-date-picker> |
| 320 | </el-form-item> | 297 | </el-form-item> |
| 321 | </el-col> | 298 | </el-col> |
| 322 | <el-col :span="8"> | 299 | <el-col :span="8"> |
| 323 | <el-form-item> | 300 | <el-form-item> |
| 324 | <span slot="label" style="display: inline-block"> | 301 | <span slot="label" style="display: inline-block"> |
| 325 | 302 | ||
| 326 | <el-tooltip | 303 | <el-tooltip |
| 327 | content="取得价格被担保主债权数额：" | 304 | content="取得价格被担保主债权数额：" |
| 328 | placement="top" | 305 | placement="top" |
| 329 | effect="light" | 306 | effect="light"> |
| 330 | > | ||
| 331 | <span | 307 | <span |
| 332 | type="text" | 308 | type="text" |
| 333 | style="color: #444" | 309 | style="color: #444" |
| 334 | size="mini" | 310 | size="mini">取得价格被担保...</span> |
| 335 | >取得价格被担保...</span> | ||
| 336 | </el-tooltip> | 311 | </el-tooltip> |
| 337 | </span> | 312 | </span> |
| 338 | <div class="flex"> | 313 | <div class="flex"> |
| 339 | <el-input | 314 | <el-input |
| 340 | v-model="ruleForm.ygdj.qdjg" | 315 | v-model="ruleForm.ygdj.qdjg" |
| 341 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 316 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 342 | ></el-input> | ||
| 343 | <el-select | 317 | <el-select |
| 344 | v-model="ruleForm.ygdj.jedw" | 318 | v-model="ruleForm.ygdj.jedw" |
| 345 | :disabled="!ableOperation" | 319 | :disabled="!ableOperation" |
| 346 | style="width: 20%" | 320 | style="width: 20%"> |
| 347 | > | ||
| 348 | <el-option | 321 | <el-option |
| 349 | v-for="item in dictData['A57']" | 322 | v-for="item in dictData['A57']" |
| 350 | :key="item.dcode" | 323 | :key="item.dcode" |
| 351 | :label="item.dname" | 324 | :label="item.dname" |
| 352 | :value="item.dcode" | 325 | :value="item.dcode"> |
| 353 | > | ||
| 354 | </el-option> | 326 | </el-option> |
| 355 | </el-select> | 327 | </el-select> |
| 356 | </div> | 328 | </div> |
| ... | @@ -368,13 +340,11 @@ | ... | @@ -368,13 +340,11 @@ |
| 368 | <el-tooltip | 340 | <el-tooltip |
| 369 | content="是否存在禁止或限制转让抵押不动产的约定：" | 341 | content="是否存在禁止或限制转让抵押不动产的约定：" |
| 370 | placement="top" | 342 | placement="top" |
| 371 | effect="light" | 343 | effect="light"> |
| 372 | > | ||
| 373 | <span | 344 | <span |
| 374 | type="text" | 345 | type="text" |
| 375 | style="color: #444" | 346 | style="color: #444" |
| 376 | size="mini" | 347 | size="mini">是否存在禁止或限制...</span> |
| 377 | >是否存在禁止或限制...</span> | ||
| 378 | </el-tooltip> | 348 | </el-tooltip> |
| 379 | </span> | 349 | </span> |
| 380 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 350 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
| ... | @@ -400,8 +370,7 @@ | ... | @@ -400,8 +370,7 @@ |
| 400 | <el-form-item label="共有方式："> | 370 | <el-form-item label="共有方式："> |
| 401 | <el-radio-group | 371 | <el-radio-group |
| 402 | :disabled="!ableOperation" | 372 | :disabled="!ableOperation" |
| 403 | v-model="ruleForm.qlxx.gyfs" | 373 | v-model="ruleForm.sldy.gyfs"> |
| 404 | > | ||
| 405 | <el-radio label="0">单独所有</el-radio> | 374 | <el-radio label="0">单独所有</el-radio> |
| 406 | <el-radio label="1">共同共有</el-radio> | 375 | <el-radio label="1">共同共有</el-radio> |
| 407 | <el-radio label="2">按份所有</el-radio> | 376 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -409,12 +378,11 @@ | ... | @@ -409,12 +378,11 @@ |
| 409 | </el-radio-group> | 378 | </el-radio-group> |
| 410 | </el-form-item> | 379 | </el-form-item> |
| 411 | </el-col> | 380 | </el-col> |
| 412 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 381 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 413 | <el-form-item label="是否分别持证："> | 382 | <el-form-item label="是否分别持证："> |
| 414 | <el-radio-group | 383 | <el-radio-group |
| 415 | v-model="ruleForm.qlxx.sqfbcz" | 384 | v-model="ruleForm.sldy.sqfbcz" |
| 416 | :disabled="!ableOperation" | 385 | :disabled="!ableOperation"> |
| 417 | > | ||
| 418 | <el-radio :label="1">是</el-radio> | 386 | <el-radio :label="1">是</el-radio> |
| 419 | <el-radio :label="0">否</el-radio> | 387 | <el-radio :label="0">否</el-radio> |
| 420 | </el-radio-group> | 388 | </el-radio-group> |
| ... | @@ -422,20 +390,17 @@ | ... | @@ -422,20 +390,17 @@ |
| 422 | </el-col> | 390 | </el-col> |
| 423 | <el-col | 391 | <el-col |
| 424 | :span="6" | 392 | :span="6" |
| 425 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | 393 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 426 | > | ||
| 427 | <el-form-item label="持证人："> | 394 | <el-form-item label="持证人："> |
| 428 | <el-select | 395 | <el-select |
| 429 | v-model="ruleForm.czr" | 396 | v-model="ruleForm.czr" |
| 430 | placeholder="持证人" | 397 | placeholder="持证人" |
| 431 | :disabled="!ableOperation" | 398 | :disabled="!ableOperation"> |
| 432 | > | ||
| 433 | <el-option | 399 | <el-option |
| 434 | v-for="item in czrOptions" | 400 | v-for="item in czrOptions" |
| 435 | :key="item.zjh" | 401 | :key="item.zjh" |
| 436 | :label="item.sqrmc" | 402 | :label="item.sqrmc" |
| 437 | :value="item.zjh" | 403 | :value="item.zjh"> |
| 438 | > | ||
| 439 | </el-option> | 404 | </el-option> |
| 440 | </el-select> | 405 | </el-select> |
| 441 | </el-form-item> | 406 | </el-form-item> |
| ... | @@ -446,8 +411,7 @@ | ... | @@ -446,8 +411,7 @@ |
| 446 | @upDateQlrxxList="upDateQlrxxList" | 411 | @upDateQlrxxList="upDateQlrxxList" |
| 447 | :key="key" | 412 | :key="key" |
| 448 | :ableOperation="ableOperation" | 413 | :ableOperation="ableOperation" |
| 449 | :gyfs="ruleForm.qlxx.gyfs" | 414 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 450 | /> | ||
| 451 | 415 | ||
| 452 | <div v-if="ruleForm.ywrData"> | 416 | <div v-if="ruleForm.ywrData"> |
| 453 | <div class="slxx_title title-block"> | 417 | <div class="slxx_title title-block"> |
| ... | @@ -459,8 +423,7 @@ | ... | @@ -459,8 +423,7 @@ |
| 459 | :tableData="ruleForm.ywrData" | 423 | :tableData="ruleForm.ywrData" |
| 460 | :key="key" | 424 | :key="key" |
| 461 | :ableOperation="ableOperation" | 425 | :ableOperation="ableOperation" |
| 462 | @upDateQlrxxList="upDateYwrxxList" | 426 | @upDateQlrxxList="upDateYwrxxList" /> |
| 463 | /> | ||
| 464 | </div> | 427 | </div> |
| 465 | </div> | 428 | </div> |
| 466 | <el-row class="btn" v-if="ableOperation"> | 429 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -472,335 +435,342 @@ | ... | @@ -472,335 +435,342 @@ |
| 472 | </div> | 435 | </div> |
| 473 | </template> | 436 | </template> |
| 474 | <script> | 437 | <script> |
| 475 | import { mapGetters } from "vuex"; | 438 | import { mapGetters } from "vuex"; |
| 476 | import ywmix from "@/views/ywbl/mixin/index"; | 439 | import ywmix from "@/views/ywbl/mixin/index"; |
| 477 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 440 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 478 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 441 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 479 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 442 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 480 | import tdytTable from "@/views/workflow/components/tdytTable"; | 443 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 481 | import selectTable from "@/components/selectTable/index.vue"; | 444 | import selectTable from "@/components/selectTable/index.vue"; |
| 482 | export default { | 445 | export default { |
| 483 | mixins: [ywmix], | 446 | mixins: [ywmix], |
| 484 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 447 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 485 | computed: { | 448 | computed: { |
| 486 | ...mapGetters(["dictData", "flag"]), | 449 | ...mapGetters(["dictData", "flag"]), |
| 487 | // 根据流程判断表单是否为只读 | 450 | // 根据流程判断表单是否为只读 |
| 488 | editDisabled() { | 451 | editDisabled () { |
| 489 | if (!this.ableOperation) { | 452 | if (!this.ableOperation) { |
| 490 | //只读状态 | 453 | //只读状态 |
| 491 | return true; | 454 | return true; |
| 492 | } | 455 | } |
| 493 | return false; | 456 | return false; |
| 494 | }, | ||
| 495 | }, | ||
| 496 | data() { | ||
| 497 | return { | ||
| 498 | ssqlxxshow: true, | ||
| 499 | props: { | ||
| 500 | label: "bdcqzh", | ||
| 501 | value: "bdcdyid", | ||
| 502 | }, | 457 | }, |
| 503 | mjdw: "1", | 458 | }, |
| 504 | //表单是否可操作 | 459 | data () { |
| 505 | propsParam: this.$attrs, | 460 | return { |
| 506 | key: 0, | 461 | ssqlxxshow: true, |
| 507 | isShow: false, | 462 | props: { |
| 508 | disabled: true, | 463 | label: "bdcqzh", |
| 509 | czrOptions: [], | 464 | value: "bdcdyid", |
| 510 | ssQlxxList: [], | ||
| 511 | ruleForm: {}, | ||
| 512 | // 登记类型 | ||
| 513 | djlxlist: [ | ||
| 514 | { | ||
| 515 | dcode: "100", | ||
| 516 | dname: "首次登记", | ||
| 517 | }, | ||
| 518 | { | ||
| 519 | dcode: "200", | ||
| 520 | dname: "转移登记", | ||
| 521 | }, | ||
| 522 | { | ||
| 523 | dcode: "300", | ||
| 524 | dname: "变更登记", | ||
| 525 | }, | ||
| 526 | { | ||
| 527 | dcode: "500", | ||
| 528 | dname: "更正登记", | ||
| 529 | }, | 465 | }, |
| 466 | mjdw: "1", | ||
| 467 | //表单是否可操作 | ||
| 468 | propsParam: this.$attrs, | ||
| 469 | key: 0, | ||
| 470 | isShow: false, | ||
| 471 | disabled: true, | ||
| 472 | czrOptions: [], | ||
| 473 | ssQlxxList: [], | ||
| 474 | ruleForm: {}, | ||
| 475 | // 登记类型 | ||
| 476 | djlxlist: [ | ||
| 477 | { | ||
| 478 | dcode: "100", | ||
| 479 | dname: "首次登记", | ||
| 480 | }, | ||
| 481 | { | ||
| 482 | dcode: "200", | ||
| 483 | dname: "转移登记", | ||
| 484 | }, | ||
| 485 | { | ||
| 486 | dcode: "300", | ||
| 487 | dname: "变更登记", | ||
| 488 | }, | ||
| 489 | { | ||
| 490 | dcode: "500", | ||
| 491 | dname: "更正登记", | ||
| 492 | }, | ||
| 530 | 493 | ||
| 531 | { | 494 | { |
| 532 | dcode: "901", | 495 | dcode: "901", |
| 533 | dname: "补证", | 496 | dname: "补证", |
| 534 | }, | 497 | }, |
| 535 | { | 498 | { |
| 536 | dcode: "902", | 499 | dcode: "902", |
| 537 | dname: "换证", | 500 | dname: "换证", |
| 538 | }, | 501 | }, |
| 539 | ], | ||
| 540 | // 权属状态 | ||
| 541 | qsztlist: [ | ||
| 542 | { | ||
| 543 | dcode: "1", | ||
| 544 | dname: "现势", | ||
| 545 | }, | ||
| 546 | { | ||
| 547 | dcode: "2", | ||
| 548 | dname: "历史", | ||
| 549 | }, | ||
| 550 | ], | ||
| 551 | //传递参数\ | ||
| 552 | rules: { | ||
| 553 | bdcqzhrules: [ | ||
| 554 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 555 | ], | ||
| 556 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 557 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 558 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 559 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 560 | ygdjzlrules: [ | ||
| 561 | { required: true, message: "预告登记种类", trigger: "change" }, | ||
| 562 | ], | 502 | ], |
| 563 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 503 | // 权属状态 |
| 564 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 504 | qsztlist: [ |
| 565 | ssQlxxrules: [ | 505 | { |
| 566 | { required: true, message: "上手权利信息", trigger: "blur" }, | 506 | dcode: "1", |
| 507 | dname: "现势", | ||
| 508 | }, | ||
| 509 | { | ||
| 510 | dcode: "2", | ||
| 511 | dname: "历史", | ||
| 512 | }, | ||
| 567 | ], | 513 | ], |
| 568 | }, | 514 | //传递参数\ |
| 569 | ableOperation: false, | 515 | rules: { |
| 570 | }; | 516 | bdcqzhrules: [ |
| 571 | }, | 517 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 572 | created() { | 518 | ], |
| 573 | this.loadData(); | 519 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 574 | }, | 520 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 575 | mounted() { | 521 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 576 | this.ableOperation = this.$parent.ableOperation; | 522 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 577 | }, | 523 | ygdjzlrules: [ |
| 578 | methods: { | 524 | { required: true, message: "预告登记种类", trigger: "change" }, |
| 579 | /** | 525 | ], |
| 580 | * @description: ssQlxxchange | 526 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 581 | * @param {*} val | 527 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 582 | * @author: renchao | 528 | ssQlxxrules: [ |
| 583 | */ | 529 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 584 | ssQlxxchange(val) { | 530 | ], |
| 585 | this.ruleForm.ssQlxx = val; | 531 | }, |
| 586 | this.ruleForm.qlxx.ssywh = val.ywh; | 532 | ableOperation: false, |
| 587 | this.ssQlxxchangediolog(val); | 533 | }; |
| 588 | }, | 534 | }, |
| 589 | // 弹框事件 | 535 | created () { |
| 590 | ssQlxxchangediolog(val) { | 536 | this.loadData(); |
| 591 | console.log("确定了", this.ruleForm); | 537 | }, |
| 592 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 538 | mounted () { |
| 593 | iconClass: "el-icon-question", //自定义图标样式 | 539 | this.ableOperation = this.$parent.ableOperation; |
| 594 | confirmButtonText: "确认", //确认按钮文字更换 | 540 | }, |
| 595 | cancelButtonText: "取消", //取消按钮文字更换 | 541 | methods: { |
| 596 | showClose: true, //是否显示右上角关闭按钮 | 542 | /** |
| 597 | type: "warning", | 543 | * @description: ssQlxxchange |
| 598 | }).then(() => { | 544 | * @param {*} val |
| 599 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 545 | * @author: renchao |
| 600 | if (res.code == 200) { | 546 | */ |
| 601 | this.nowlist = res.result; | 547 | ssQlxxchange (val) { |
| 602 | console.log("his.nowlist", this.nowlist); | 548 | this.ruleForm.ssQlxx = val; |
| 603 | console.log("this.ruleForm", this.ruleForm); | 549 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 604 | for (var key in this.ruleForm.ygdj) { | 550 | this.ssQlxxchangediolog(val); |
| 605 | if ( | 551 | }, |
| 606 | this.ruleForm.ygdj[key] == "" || | 552 | // 弹框事件 |
| 607 | this.ruleForm.ygdj[key] == null | 553 | ssQlxxchangediolog (val) { |
| 608 | ) { | 554 | console.log("确定了", this.ruleForm); |
| 609 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; | 555 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 556 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 557 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 558 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 559 | showClose: true, //是否显示右上角关闭按钮 | ||
| 560 | type: "warning", | ||
| 561 | }).then(() => { | ||
| 562 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 563 | if (res.code == 200) { | ||
| 564 | this.nowlist = res.result; | ||
| 565 | console.log("his.nowlist", this.nowlist); | ||
| 566 | console.log("this.ruleForm", this.ruleForm); | ||
| 567 | for (var key in this.ruleForm.ygdj) { | ||
| 568 | if ( | ||
| 569 | this.ruleForm.ygdj[key] == "" || | ||
| 570 | this.ruleForm.ygdj[key] == null | ||
| 571 | ) { | ||
| 572 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; | ||
| 573 | } | ||
| 610 | } | 574 | } |
| 611 | } | 575 | for (var key in this.ruleForm.qlxx) { |
| 612 | for (var key in this.ruleForm.qlxx) { | 576 | if ( |
| 613 | if ( | 577 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 614 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | 578 | this.ruleForm.qlxx[key] == null |
| 615 | this.ruleForm.qlxx[key] == null | 579 | ) { |
| 616 | ) { | 580 | console.log("this.ruleForm.qlxx[key]", key); |
| 617 | console.log("this.ruleForm.qlxx[key]", key); | 581 | if (key != "ywh") { |
| 618 | if (key != "ywh") { | 582 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 619 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 583 | } |
| 620 | } | 584 | } |
| 621 | } | 585 | } |
| 586 | if (!this.ruleForm.tdytqxList.length) { | ||
| 587 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 588 | } | ||
| 589 | if (!this.ruleForm.qlrData.length) { | ||
| 590 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 591 | } | ||
| 592 | if (!this.ruleForm.ywrData.length) { | ||
| 593 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 594 | } | ||
| 595 | console.log("this.ruleForm", this.ruleForm); | ||
| 596 | this.$message({ | ||
| 597 | type: "success", | ||
| 598 | message: "同步成功!", | ||
| 599 | }); | ||
| 622 | } | 600 | } |
| 623 | if (!this.ruleForm.tdytqxList.length) { | 601 | }); |
| 624 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 602 | }).catch(() => { |
| 625 | } | ||
| 626 | if (!this.ruleForm.qlrData.length) { | ||
| 627 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 628 | } | ||
| 629 | if (!this.ruleForm.ywrData.length) { | ||
| 630 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 631 | } | ||
| 632 | console.log("this.ruleForm", this.ruleForm); | ||
| 633 | this.$message({ | ||
| 634 | type: "success", | ||
| 635 | message: "同步成功!", | ||
| 636 | }); | ||
| 637 | } | ||
| 638 | }); | ||
| 639 | }).catch(() => { | ||
| 640 | this.$message({ | 603 | this.$message({ |
| 641 | type: "info", | 604 | type: "info", |
| 642 | message: "已取消同步", | 605 | message: "已取消同步", |
| 643 | }); | 606 | }); |
| 644 | }); | 607 | }); |
| 645 | }, | 608 | }, |
| 646 | /** | 609 | /** |
| 647 | * @description: djlxchange | 610 | * @description: djlxchange |
| 648 | * @param {*} val | 611 | * @param {*} val |
| 649 | * @author: renchao | 612 | * @author: renchao |
| 650 | */ | 613 | */ |
| 651 | djlxchange(val) { | 614 | djlxchange (val) { |
| 652 | if (val == null || val == 100) { | 615 | if (val == null || val == 100) { |
| 653 | this.ssqlxxshow = false; | 616 | this.ssqlxxshow = false; |
| 654 | } else { | 617 | } else { |
| 655 | this.ssqlxxshow = true; | 618 | this.ssqlxxshow = true; |
| 656 | } | ||
| 657 | }, | ||
| 658 | /** | ||
| 659 | * @description: loadData | ||
| 660 | * @author: renchao | ||
| 661 | */ | ||
| 662 | loadData() { | ||
| 663 | this.$startLoading(); | ||
| 664 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 665 | init(this.propsParam).then((res) => { | ||
| 666 | if (res.code == 200) { | ||
| 667 | this.ruleForm = res.result; | ||
| 668 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 669 | if (djlx == null || djlx == 100) { | ||
| 670 | this.ssqlxxshow = false; | ||
| 671 | } | ||
| 672 | this.ruleForm.ygdj.jedw = "1"; | ||
| 673 | this.$endLoading(); | ||
| 674 | this.isShow = true; | ||
| 675 | //获取主体信息 | ||
| 676 | getSsQlxx({ | ||
| 677 | bdcdyid: this.propsParam.bdcdyid, | ||
| 678 | qllx: this.propsParam.qllx, | ||
| 679 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 680 | }).then((res) => { | ||
| 681 | if (res.code == 200) { | ||
| 682 | this.ssQlxxList = res.result; | ||
| 683 | } | ||
| 684 | }); | ||
| 685 | } | 619 | } |
| 686 | }); | 620 | }, |
| 687 | }, | 621 | /** |
| 688 | // 更新土地用途信息 | 622 | * @description: loadData |
| 689 | /** | 623 | * @author: renchao |
| 690 | * @description: 更新土地用途信息 | 624 | */ |
| 691 | * @param {*} val | 625 | loadData () { |
| 692 | * @author: renchao | 626 | this.$startLoading(); |
| 693 | */ | 627 | this.propsParam.isEdit = this.$parent.isEdit; |
| 694 | upDateTdytxxList(val) { | 628 | init(this.propsParam).then((res) => { |
| 695 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 629 | if (res.code == 200) { |
| 696 | this.key++; | 630 | this.ruleForm = res.result; |
| 697 | }, | 631 | let djlx = this.ruleForm.qlxx.djlx; |
| 698 | // 更新权利人信息 | 632 | if (djlx == null || djlx == 100) { |
| 699 | /** | 633 | this.ssqlxxshow = false; |
| 700 | * @description: 更新权利人信息 | 634 | } |
| 701 | * @param {*} val | 635 | this.ruleForm.ygdj.jedw = "1"; |
| 702 | * @author: renchao | 636 | this.$endLoading(); |
| 703 | */ | 637 | this.isShow = true; |
| 704 | upDateQlrxxList(val) { | 638 | //获取主体信息 |
| 705 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 639 | getSsQlxx({ |
| 706 | this.czrOptions = this.ruleForm.qlrData; | 640 | bdcdyid: this.propsParam.bdcdyid, |
| 707 | this.key++; | 641 | qllx: this.propsParam.qllx, |
| 708 | }, | 642 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 709 | // 更新义务人信息 | 643 | }).then((res) => { |
| 710 | /** | 644 | if (res.code == 200) { |
| 711 | * @description: 更新义务人信息 | 645 | this.ssQlxxList = res.result; |
| 712 | * @param {*} val | 646 | } |
| 713 | * @author: renchao | ||
| 714 | */ | ||
| 715 | upDateYwrxxList(val) { | ||
| 716 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 717 | this.key++; | ||
| 718 | }, | ||
| 719 | /** | ||
| 720 | * @description: onSubmit | ||
| 721 | * @author: renchao | ||
| 722 | */ | ||
| 723 | onSubmit() { | ||
| 724 | this.$refs.ruleForm.validate((valid) => { | ||
| 725 | if (valid) { | ||
| 726 | if (this.ruleForm.qlrData.length == 0) { | ||
| 727 | this.$message({ | ||
| 728 | showClose: true, | ||
| 729 | message: "请确认权利人信息", | ||
| 730 | type: "error", | ||
| 731 | }); | 647 | }); |
| 732 | return false; | ||
| 733 | } | 648 | } |
| 734 | if (this.ruleForm.ywrData.length == 0) { | 649 | }); |
| 735 | this.$message({ | 650 | }, |
| 736 | showClose: true, | 651 | // 更新土地用途信息 |
| 737 | message: "请确认义务人信息", | 652 | /** |
| 738 | type: "error", | 653 | * @description: 更新土地用途信息 |
| 739 | }); | 654 | * @param {*} val |
| 740 | return false; | 655 | * @author: renchao |
| 741 | } | 656 | */ |
| 742 | if (this.ruleForm.qlxx.gyfs == "0") { | 657 | upDateTdytxxList (val) { |
| 743 | if (this.ruleForm.qlrData.length > 1) { | 658 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 659 | this.key++; | ||
| 660 | }, | ||
| 661 | // 更新权利人信息 | ||
| 662 | /** | ||
| 663 | * @description: 更新权利人信息 | ||
| 664 | * @param {*} val | ||
| 665 | * @author: renchao | ||
| 666 | */ | ||
| 667 | upDateQlrxxList (val) { | ||
| 668 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 669 | this.czrOptions = this.ruleForm.qlrData; | ||
| 670 | this.key++; | ||
| 671 | }, | ||
| 672 | // 更新义务人信息 | ||
| 673 | /** | ||
| 674 | * @description: 更新义务人信息 | ||
| 675 | * @param {*} val | ||
| 676 | * @author: renchao | ||
| 677 | */ | ||
| 678 | upDateYwrxxList (val) { | ||
| 679 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 680 | this.key++; | ||
| 681 | }, | ||
| 682 | /** | ||
| 683 | * @description: onSubmit | ||
| 684 | * @author: renchao | ||
| 685 | */ | ||
| 686 | onSubmit () { | ||
| 687 | this.$refs.ruleForm.validate((valid) => { | ||
| 688 | if (valid) { | ||
| 689 | if (this.ruleForm.qlrData.length == 0) { | ||
| 744 | this.$message({ | 690 | this.$message({ |
| 745 | showClose: true, | 691 | showClose: true, |
| 746 | message: "共有方式：单独所有，权利人只能是一个人", | 692 | message: "请确认权利人信息", |
| 747 | type: "error", | 693 | type: "error", |
| 748 | }); | 694 | }); |
| 749 | return false; | 695 | return false; |
| 750 | } | 696 | } |
| 751 | this.ruleForm.qlrData[0].sfczr = "1"; | 697 | if (this.ruleForm.ywrData.length == 0) { |
| 752 | } | 698 | this.$message({ |
| 753 | if (this.ruleForm.qlxx.gyfs == "1") { | 699 | showClose: true, |
| 754 | //是否分别持证 | 700 | message: "请确认义务人信息", |
| 755 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 701 | type: "error", |
| 756 | //是 | ||
| 757 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 758 | item.sfczr = "1"; | ||
| 759 | }); | 702 | }); |
| 703 | return false; | ||
| 704 | } | ||
| 705 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 706 | if (this.ruleForm.qlrData.length > 1) { | ||
| 707 | this.$message({ | ||
| 708 | showClose: true, | ||
| 709 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 710 | type: "error", | ||
| 711 | }); | ||
| 712 | return false; | ||
| 713 | } | ||
| 714 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 760 | } else { | 715 | } else { |
| 761 | this.ruleForm.qlrData.forEach((item, index) => { | 716 | //是否分别持证 |
| 762 | if (item.zjh == this.ruleForm.czr) { | 717 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 718 | //是 | ||
| 719 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 763 | item.sfczr = "1"; | 720 | item.sfczr = "1"; |
| 764 | } else { | 721 | }); |
| 765 | item.sfczr = "0"; | 722 | } else { |
| 723 | if (!that.ruleForm.czr) { | ||
| 724 | that.$message({ | ||
| 725 | showClose: true, | ||
| 726 | message: "请选择持证人", | ||
| 727 | type: "error", | ||
| 728 | }); | ||
| 729 | return false; | ||
| 766 | } | 730 | } |
| 767 | }); | 731 | this.ruleForm.qlrList.forEach((item, index) => { |
| 732 | if (item.zjh == this.ruleForm.czr) { | ||
| 733 | item.sfczr = "1"; | ||
| 734 | } else { | ||
| 735 | item.sfczr = "0"; | ||
| 736 | } | ||
| 737 | }); | ||
| 738 | } | ||
| 768 | } | 739 | } |
| 740 | save(this.ruleForm).then((res) => { | ||
| 741 | if (res.code === 200) { | ||
| 742 | this.$message({ | ||
| 743 | showClose: true, | ||
| 744 | message: "保存成功！", | ||
| 745 | type: "success", | ||
| 746 | }); | ||
| 747 | this.$parent.changeywh(); | ||
| 748 | this.$store.dispatch("user/refreshPage", true); | ||
| 749 | } else { | ||
| 750 | this.$message({ | ||
| 751 | showClose: true, | ||
| 752 | message: res.message, | ||
| 753 | type: "error", | ||
| 754 | }); | ||
| 755 | } | ||
| 756 | }); | ||
| 757 | } else { | ||
| 758 | return false; | ||
| 769 | } | 759 | } |
| 770 | save(this.ruleForm).then((res) => { | 760 | }); |
| 771 | if (res.code === 200) { | 761 | }, |
| 772 | this.$message({ | ||
| 773 | showClose: true, | ||
| 774 | message: "保存成功！", | ||
| 775 | type: "success", | ||
| 776 | }); | ||
| 777 | this.$parent.changeywh(); | ||
| 778 | this.$store.dispatch("user/refreshPage", true); | ||
| 779 | } else { | ||
| 780 | this.$message({ | ||
| 781 | showClose: true, | ||
| 782 | message: res.message, | ||
| 783 | type: "error", | ||
| 784 | }); | ||
| 785 | } | ||
| 786 | }); | ||
| 787 | } else { | ||
| 788 | return false; | ||
| 789 | } | ||
| 790 | }); | ||
| 791 | }, | 762 | }, |
| 792 | }, | 763 | }; |
| 793 | }; | ||
| 794 | </script> | 764 | </script> |
| 795 | <style scoped lang="scss"> | 765 | <style scoped lang="scss"> |
| 796 | @import "~@/styles/public.scss"; | 766 | @import "~@/styles/public.scss"; |
| 797 | @import "~@/styles/slxx/slxx.scss"; | 767 | @import "~@/styles/slxx/slxx.scss"; |
| 798 | form /deep/ .el-form-item__label { | 768 | form /deep/ .el-form-item__label { |
| 799 | width: 145px !important; | 769 | width: 145px !important; |
| 800 | overflow: hidden; | 770 | overflow: hidden; |
| 801 | white-space: nowrap; | 771 | white-space: nowrap; |
| 802 | text-overflow: ellipsis; | 772 | text-overflow: ellipsis; |
| 803 | height: 32px; | 773 | height: 32px; |
| 804 | float: none; | 774 | float: none; |
| 805 | } | 775 | } |
| 806 | </style> | 776 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 11:00:40 | 4 | * @LastEditTime: 2023-08-04 10:13:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | inline-message | 17 | inline-message |
| 18 | :show-message="false" | 18 | :show-message="false" |
| 19 | label-width="145px" | 19 | label-width="145px"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -49,25 +48,21 @@ | ... | @@ -49,25 +48,21 @@ |
| 49 | <el-form-item | 48 | <el-form-item |
| 50 | label="抵押不动产信息：" | 49 | label="抵押不动产信息：" |
| 51 | prop="ztQlxx.bdcqzh" | 50 | prop="ztQlxx.bdcqzh" |
| 52 | :rules="rules.ztQlxxrules" | 51 | :rules="rules.ztQlxxrules"> |
| 53 | > | ||
| 54 | <select-table | 52 | <select-table |
| 55 | v-model="ruleForm.ztQlxx" | 53 | v-model="ruleForm.ztQlxx" |
| 56 | :table-width="550" | 54 | :table-width="550" |
| 57 | :tableData="ztQlxxList" | 55 | :tableData="ztQlxxList" |
| 58 | :props="props" | 56 | :props="props" |
| 59 | @change="ztQlxxchange" | 57 | @change="ztQlxxchange"> |
| 60 | > | ||
| 61 | <el-table-column | 58 | <el-table-column |
| 62 | prop="qllxmc" | 59 | prop="qllxmc" |
| 63 | width="130" | 60 | width="130" |
| 64 | label="权利类型" | 61 | label="权利类型"></el-table-column> |
| 65 | ></el-table-column> | ||
| 66 | <el-table-column | 62 | <el-table-column |
| 67 | prop="bdcqzh" | 63 | prop="bdcqzh" |
| 68 | width="160" | 64 | width="160" |
| 69 | label="不动产权证书" | 65 | label="不动产权证书"></el-table-column> |
| 70 | ></el-table-column> | ||
| 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 66 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 67 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 68 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -80,25 +75,21 @@ | ... | @@ -80,25 +75,21 @@ |
| 80 | <el-form-item | 75 | <el-form-item |
| 81 | label="上手权利信息：" | 76 | label="上手权利信息：" |
| 82 | prop="ssQlxx.bdcqzh" | 77 | prop="ssQlxx.bdcqzh" |
| 83 | :rules="rules.ssQlxxrules" | 78 | :rules="rules.ssQlxxrules"> |
| 84 | > | ||
| 85 | <select-table | 79 | <select-table |
| 86 | v-model="ruleForm.ssQlxx" | 80 | v-model="ruleForm.ssQlxx" |
| 87 | :table-width="550" | 81 | :table-width="550" |
| 88 | :tableData="ssQlxxList" | 82 | :tableData="ssQlxxList" |
| 89 | :props="props" | 83 | :props="props" |
| 90 | @change="ssQlxxchange" | 84 | @change="ssQlxxchange"> |
| 91 | > | ||
| 92 | <el-table-column | 85 | <el-table-column |
| 93 | prop="qllxmc" | 86 | prop="qllxmc" |
| 94 | width="130" | 87 | width="130" |
| 95 | label="权利类型" | 88 | label="权利类型"></el-table-column> |
| 96 | ></el-table-column> | ||
| 97 | <el-table-column | 89 | <el-table-column |
| 98 | prop="bdcqzh" | 90 | prop="bdcqzh" |
| 99 | width="160" | 91 | width="160" |
| 100 | label="不动产权证书" | 92 | label="不动产权证书"></el-table-column> |
| 101 | ></el-table-column> | ||
| 102 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 93 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 103 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 94 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 104 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 95 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -173,8 +164,7 @@ | ... | @@ -173,8 +164,7 @@ |
| 173 | <el-form-item | 164 | <el-form-item |
| 174 | label="业务号：" | 165 | label="业务号：" |
| 175 | prop="qlxx.ywh" | 166 | prop="qlxx.ywh" |
| 176 | :rules="rules.ywhrules" | 167 | :rules="rules.ywhrules"> |
| 177 | > | ||
| 178 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 168 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 179 | </el-form-item> | 169 | </el-form-item> |
| 180 | </el-col> | 170 | </el-col> |
| ... | @@ -199,15 +189,13 @@ | ... | @@ -199,15 +189,13 @@ |
| 199 | <el-form-item | 189 | <el-form-item |
| 200 | label="登记类型：" | 190 | label="登记类型：" |
| 201 | prop="qlxx.djlx" | 191 | prop="qlxx.djlx" |
| 202 | :rules="rules.djlxrules" | 192 | :rules="rules.djlxrules"> |
| 203 | > | ||
| 204 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 193 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 205 | <el-option | 194 | <el-option |
| 206 | v-for="item in djlxlist" | 195 | v-for="item in djlxlist" |
| 207 | :key="item.dcode" | 196 | :key="item.dcode" |
| 208 | :label="item.dname" | 197 | :label="item.dname" |
| 209 | :value="item.dcode" | 198 | :value="item.dcode"> |
| 210 | > | ||
| 211 | </el-option> | 199 | </el-option> |
| 212 | </el-select> | 200 | </el-select> |
| 213 | </el-form-item> | 201 | </el-form-item> |
| ... | @@ -221,8 +209,7 @@ | ... | @@ -221,8 +209,7 @@ |
| 221 | <el-form-item | 209 | <el-form-item |
| 222 | label="不动产权证号：" | 210 | label="不动产权证号：" |
| 223 | prop="qlxx.bdcqzh" | 211 | prop="qlxx.bdcqzh" |
| 224 | :rules="rules.bdcqzhrules" | 212 | :rules="rules.bdcqzhrules"> |
| 225 | > | ||
| 226 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 213 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 227 | </el-form-item> | 214 | </el-form-item> |
| 228 | </el-col> | 215 | </el-col> |
| ... | @@ -235,8 +222,7 @@ | ... | @@ -235,8 +222,7 @@ |
| 235 | <el-form-item | 222 | <el-form-item |
| 236 | label="登记机构：" | 223 | label="登记机构：" |
| 237 | prop="qlxx.djjg" | 224 | prop="qlxx.djjg" |
| 238 | :rules="rules.djjgrules" | 225 | :rules="rules.djjgrules"> |
| 239 | > | ||
| 240 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 226 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 241 | </el-form-item> | 227 | </el-form-item> |
| 242 | </el-col> | 228 | </el-col> |
| ... | @@ -244,8 +230,7 @@ | ... | @@ -244,8 +230,7 @@ |
| 244 | <el-form-item | 230 | <el-form-item |
| 245 | label="登簿人：" | 231 | label="登簿人：" |
| 246 | prop="qlxx.dbr" | 232 | prop="qlxx.dbr" |
| 247 | :rules="rules.dbrrules" | 233 | :rules="rules.dbrrules"> |
| 248 | > | ||
| 249 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 234 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 250 | </el-form-item> | 235 | </el-form-item> |
| 251 | </el-col> | 236 | </el-col> |
| ... | @@ -253,16 +238,14 @@ | ... | @@ -253,16 +238,14 @@ |
| 253 | <el-form-item | 238 | <el-form-item |
| 254 | label="登记时间：" | 239 | label="登记时间：" |
| 255 | prop="qlxx.djsj" | 240 | prop="qlxx.djsj" |
| 256 | :rules="rules.djsjrules" | 241 | :rules="rules.djsjrules"> |
| 257 | > | ||
| 258 | <el-date-picker | 242 | <el-date-picker |
| 259 | v-model="ruleForm.qlxx.djsj" | 243 | v-model="ruleForm.qlxx.djsj" |
| 260 | class="width100" | 244 | class="width100" |
| 261 | type="date" | 245 | type="date" |
| 262 | placeholder="选择日期" | 246 | placeholder="选择日期" |
| 263 | value-format="yyyy-MM-dd HH:mm:ss" | 247 | value-format="yyyy-MM-dd HH:mm:ss" |
| 264 | format="yyyy-MM-dd" | 248 | format="yyyy-MM-dd"> |
| 265 | > | ||
| 266 | </el-date-picker> | 249 | </el-date-picker> |
| 267 | </el-form-item> | 250 | </el-form-item> |
| 268 | </el-col> | 251 | </el-col> |
| ... | @@ -273,8 +256,7 @@ | ... | @@ -273,8 +256,7 @@ |
| 273 | v-for="item in qsztlist" | 256 | v-for="item in qsztlist" |
| 274 | :key="item.dcode" | 257 | :key="item.dcode" |
| 275 | :label="item.dname" | 258 | :label="item.dname" |
| 276 | :value="item.dcode" | 259 | :value="item.dcode"> |
| 277 | > | ||
| 278 | </el-option> | 260 | </el-option> |
| 279 | </el-select> | 261 | </el-select> |
| 280 | </el-form-item> | 262 | </el-form-item> |
| ... | @@ -318,8 +300,7 @@ | ... | @@ -318,8 +300,7 @@ |
| 318 | type="date" | 300 | type="date" |
| 319 | placeholder="选择日期" | 301 | placeholder="选择日期" |
| 320 | value-format="yyyy-MM-dd HH:mm:ss" | 302 | value-format="yyyy-MM-dd HH:mm:ss" |
| 321 | format="yyyy-MM-dd" | 303 | format="yyyy-MM-dd"> |
| 322 | > | ||
| 323 | </el-date-picker> | 304 | </el-date-picker> |
| 324 | </el-form-item> | 305 | </el-form-item> |
| 325 | </el-col> | 306 | </el-col> |
| ... | @@ -333,8 +314,7 @@ | ... | @@ -333,8 +314,7 @@ |
| 333 | <el-form-item label="共有方式："> | 314 | <el-form-item label="共有方式："> |
| 334 | <el-radio-group | 315 | <el-radio-group |
| 335 | :disabled="!ableOperation" | 316 | :disabled="!ableOperation" |
| 336 | v-model="ruleForm.qlxx.gyfs" | 317 | v-model="ruleForm.sldy.gyfs"> |
| 337 | > | ||
| 338 | <el-radio label="0">单独所有</el-radio> | 318 | <el-radio label="0">单独所有</el-radio> |
| 339 | <el-radio label="1">共同共有</el-radio> | 319 | <el-radio label="1">共同共有</el-radio> |
| 340 | <el-radio label="2">按份所有</el-radio> | 320 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -342,12 +322,11 @@ | ... | @@ -342,12 +322,11 @@ |
| 342 | </el-radio-group> | 322 | </el-radio-group> |
| 343 | </el-form-item> | 323 | </el-form-item> |
| 344 | </el-col> | 324 | </el-col> |
| 345 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'"> | 325 | <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> |
| 346 | <el-form-item label="是否分别持证："> | 326 | <el-form-item label="是否分别持证："> |
| 347 | <el-radio-group | 327 | <el-radio-group |
| 348 | v-model="ruleForm.qlxx.sqfbcz" | 328 | v-model="ruleForm.sldy.sqfbcz" |
| 349 | :disabled="!ableOperation" | 329 | :disabled="!ableOperation"> |
| 350 | > | ||
| 351 | <el-radio :label="1">是</el-radio> | 330 | <el-radio :label="1">是</el-radio> |
| 352 | <el-radio :label="0">否</el-radio> | 331 | <el-radio :label="0">否</el-radio> |
| 353 | </el-radio-group> | 332 | </el-radio-group> |
| ... | @@ -355,20 +334,17 @@ | ... | @@ -355,20 +334,17 @@ |
| 355 | </el-col> | 334 | </el-col> |
| 356 | <el-col | 335 | <el-col |
| 357 | :span="6" | 336 | :span="6" |
| 358 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" | 337 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 359 | > | ||
| 360 | <el-form-item label="持证人："> | 338 | <el-form-item label="持证人："> |
| 361 | <el-select | 339 | <el-select |
| 362 | v-model="ruleForm.czr" | 340 | v-model="ruleForm.czr" |
| 363 | placeholder="持证人" | 341 | placeholder="持证人" |
| 364 | :disabled="!ableOperation" | 342 | :disabled="!ableOperation"> |
| 365 | > | ||
| 366 | <el-option | 343 | <el-option |
| 367 | v-for="item in czrOptions" | 344 | v-for="item in czrOptions" |
| 368 | :key="item.zjh" | 345 | :key="item.zjh" |
| 369 | :label="item.sqrmc" | 346 | :label="item.sqrmc" |
| 370 | :value="item.zjh" | 347 | :value="item.zjh"> |
| 371 | > | ||
| 372 | </el-option> | 348 | </el-option> |
| 373 | </el-select> | 349 | </el-select> |
| 374 | </el-form-item> | 350 | </el-form-item> |
| ... | @@ -379,8 +355,7 @@ | ... | @@ -379,8 +355,7 @@ |
| 379 | @upDateQlrxxList="upDateQlrxxList" | 355 | @upDateQlrxxList="upDateQlrxxList" |
| 380 | :key="key" | 356 | :key="key" |
| 381 | :ableOperation="ableOperation" | 357 | :ableOperation="ableOperation" |
| 382 | :gyfs="ruleForm.qlxx.gyfs" | 358 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 383 | /> | ||
| 384 | <div v-if="ruleForm.ywrData"> | 359 | <div v-if="ruleForm.ywrData"> |
| 385 | <div class="slxx_title title-block"> | 360 | <div class="slxx_title title-block"> |
| 386 | 义务人信息 | 361 | 义务人信息 |
| ... | @@ -391,8 +366,7 @@ | ... | @@ -391,8 +366,7 @@ |
| 391 | :tableData="ruleForm.ywrData" | 366 | :tableData="ruleForm.ywrData" |
| 392 | :key="key" | 367 | :key="key" |
| 393 | :ableOperation="ableOperation" | 368 | :ableOperation="ableOperation" |
| 394 | @upDateQlrxxList="upDateYwrxxList" | 369 | @upDateQlrxxList="upDateYwrxxList" /> |
| 395 | /> | ||
| 396 | </div> | 370 | </div> |
| 397 | </div> | 371 | </div> |
| 398 | <el-row class="btn" v-if="ableOperation"> | 372 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -404,312 +378,319 @@ | ... | @@ -404,312 +378,319 @@ |
| 404 | </div> | 378 | </div> |
| 405 | </template> | 379 | </template> |
| 406 | <script> | 380 | <script> |
| 407 | import { mapGetters } from "vuex"; | 381 | import { mapGetters } from "vuex"; |
| 408 | import ywmix from "@/views/ywbl/mixin/index"; | 382 | import ywmix from "@/views/ywbl/mixin/index"; |
| 409 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 383 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
| 410 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 384 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 411 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 385 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 412 | import tdytTable from "@/views/workflow/components/tdytTable"; | 386 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 413 | import selectTable from "@/components/selectTable/index.vue"; | 387 | import selectTable from "@/components/selectTable/index.vue"; |
| 414 | export default { | 388 | export default { |
| 415 | mixins: [ywmix], | 389 | mixins: [ywmix], |
| 416 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 390 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 417 | computed: { | 391 | computed: { |
| 418 | ...mapGetters(["dictData", "flag"]), | 392 | ...mapGetters(["dictData", "flag"]), |
| 419 | // 根据流程判断表单是否为只读 | 393 | // 根据流程判断表单是否为只读 |
| 420 | editDisabled() { | 394 | editDisabled () { |
| 421 | if (!this.ableOperation) { | 395 | if (!this.ableOperation) { |
| 422 | //只读状态 | 396 | //只读状态 |
| 423 | return true; | 397 | return true; |
| 424 | } | 398 | } |
| 425 | return false; | 399 | return false; |
| 426 | }, | ||
| 427 | }, | ||
| 428 | data() { | ||
| 429 | return { | ||
| 430 | ssqlxxshow: true, | ||
| 431 | props: { | ||
| 432 | label: "bdcqzh", | ||
| 433 | value: "bdcdyid", | ||
| 434 | }, | 400 | }, |
| 435 | //表单是否可操作 | 401 | }, |
| 436 | propsParam: this.$attrs, | 402 | data () { |
| 437 | key: 0, | 403 | return { |
| 438 | isShow: false, | 404 | ssqlxxshow: true, |
| 439 | disabled: true, | 405 | props: { |
| 440 | czrOptions: [], | 406 | label: "bdcqzh", |
| 441 | ssQlxxList: [], | 407 | value: "bdcdyid", |
| 442 | ztQlxxList: [], | ||
| 443 | ruleForm: {}, | ||
| 444 | // 登记类型 | ||
| 445 | djlxlist: [ | ||
| 446 | { | ||
| 447 | dcode: "100", | ||
| 448 | dname: "首次登记", | ||
| 449 | }, | ||
| 450 | { | ||
| 451 | dcode: "200", | ||
| 452 | dname: "转移登记", | ||
| 453 | }, | ||
| 454 | { | ||
| 455 | dcode: "300", | ||
| 456 | dname: "变更登记", | ||
| 457 | }, | ||
| 458 | { | ||
| 459 | dcode: "500", | ||
| 460 | dname: "更正登记", | ||
| 461 | }, | 408 | }, |
| 409 | //表单是否可操作 | ||
| 410 | propsParam: this.$attrs, | ||
| 411 | key: 0, | ||
| 412 | isShow: false, | ||
| 413 | disabled: true, | ||
| 414 | czrOptions: [], | ||
| 415 | ssQlxxList: [], | ||
| 416 | ztQlxxList: [], | ||
| 417 | ruleForm: {}, | ||
| 418 | // 登记类型 | ||
| 419 | djlxlist: [ | ||
| 420 | { | ||
| 421 | dcode: "100", | ||
| 422 | dname: "首次登记", | ||
| 423 | }, | ||
| 424 | { | ||
| 425 | dcode: "200", | ||
| 426 | dname: "转移登记", | ||
| 427 | }, | ||
| 428 | { | ||
| 429 | dcode: "300", | ||
| 430 | dname: "变更登记", | ||
| 431 | }, | ||
| 432 | { | ||
| 433 | dcode: "500", | ||
| 434 | dname: "更正登记", | ||
| 435 | }, | ||
| 462 | 436 | ||
| 463 | { | 437 | { |
| 464 | dcode: "901", | 438 | dcode: "901", |
| 465 | dname: "补证", | 439 | dname: "补证", |
| 466 | }, | 440 | }, |
| 467 | { | 441 | { |
| 468 | dcode: "902", | 442 | dcode: "902", |
| 469 | dname: "换证", | 443 | dname: "换证", |
| 470 | }, | 444 | }, |
| 471 | ], | ||
| 472 | // 权属状态 | ||
| 473 | qsztlist: [ | ||
| 474 | { | ||
| 475 | dcode: "1", | ||
| 476 | dname: "现势", | ||
| 477 | }, | ||
| 478 | { | ||
| 479 | dcode: "2", | ||
| 480 | dname: "历史", | ||
| 481 | }, | ||
| 482 | ], | ||
| 483 | //传递参数\ | ||
| 484 | rules: { | ||
| 485 | ssQlxxrules: [ | ||
| 486 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 487 | ], | 445 | ], |
| 488 | ztQlxxrules: [ | 446 | // 权属状态 |
| 489 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 447 | qsztlist: [ |
| 448 | { | ||
| 449 | dcode: "1", | ||
| 450 | dname: "现势", | ||
| 451 | }, | ||
| 452 | { | ||
| 453 | dcode: "2", | ||
| 454 | dname: "历史", | ||
| 455 | }, | ||
| 490 | ], | 456 | ], |
| 491 | bdcqzhrules: [ | 457 | //传递参数\ |
| 492 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 458 | rules: { |
| 493 | ], | 459 | ssQlxxrules: [ |
| 494 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 460 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 495 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 461 | ], |
| 496 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 462 | ztQlxxrules: [ |
| 497 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 463 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 498 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 464 | ], |
| 499 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 465 | bdcqzhrules: [ |
| 500 | yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }], | 466 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 501 | }, | 467 | ], |
| 502 | ableOperation: false, | 468 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 503 | }; | 469 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 504 | }, | 470 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 505 | created() { | 471 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 506 | this.loadData(); | 472 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 507 | }, | 473 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 508 | mounted() { | 474 | yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }], |
| 509 | this.ableOperation = this.$parent.ableOperation; | 475 | }, |
| 510 | }, | 476 | ableOperation: false, |
| 511 | methods: { | 477 | }; |
| 512 | /** | ||
| 513 | * @description: ztQlxxchange | ||
| 514 | * @param {*} val | ||
| 515 | * @author: renchao | ||
| 516 | */ | ||
| 517 | ztQlxxchange(val) { | ||
| 518 | this.ruleForm.ztQlxx = val; | ||
| 519 | }, | ||
| 520 | /** | ||
| 521 | * @description: ssQlxxchange | ||
| 522 | * @param {*} val | ||
| 523 | * @author: renchao | ||
| 524 | */ | ||
| 525 | ssQlxxchange(val) { | ||
| 526 | this.ruleForm.ssQlxx = val; | ||
| 527 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 528 | this.ssQlxxchangediolog(val); | ||
| 529 | }, | ||
| 530 | // 弹框事件 | ||
| 531 | ssQlxxchangediolog(val) { | ||
| 532 | console.log("确定了", this.ruleForm); | ||
| 533 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 534 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 535 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 536 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 537 | showClose: true, //是否显示右上角关闭按钮 | ||
| 538 | type: "warning", | ||
| 539 | }) | ||
| 540 | .then(() => { | ||
| 541 | // this.ruleForm.qlxx.ssywh = "1111111111111"; | ||
| 542 | this.$message({ | ||
| 543 | type: "success", | ||
| 544 | message: "同步成功!", | ||
| 545 | }); | ||
| 546 | }) | ||
| 547 | .catch(() => { | ||
| 548 | this.$message({ | ||
| 549 | type: "info", | ||
| 550 | message: "已取消同步", | ||
| 551 | }); | ||
| 552 | }); | ||
| 553 | }, | ||
| 554 | /** | ||
| 555 | * @description: djlxchange | ||
| 556 | * @param {*} val | ||
| 557 | * @author: renchao | ||
| 558 | */ | ||
| 559 | djlxchange(val) { | ||
| 560 | // if (val == null || val == 100) { | ||
| 561 | // this.ssqlxxshow = false; | ||
| 562 | // } else { | ||
| 563 | // this.ssqlxxshow = true; | ||
| 564 | // } | ||
| 565 | }, | ||
| 566 | /** | ||
| 567 | * @description: loadData | ||
| 568 | * @author: renchao | ||
| 569 | */ | ||
| 570 | loadData() { | ||
| 571 | this.$startLoading(); | ||
| 572 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 573 | init(this.propsParam).then((res) => { | ||
| 574 | if (res.code == 200) { | ||
| 575 | this.ruleForm = res.result; | ||
| 576 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 577 | if (djlx == null || djlx == 100) { | ||
| 578 | this.ssqlxxshow = false; | ||
| 579 | } | ||
| 580 | this.$endLoading(); | ||
| 581 | this.isShow = true; | ||
| 582 | |||
| 583 | //获取主体信息 | ||
| 584 | getSsQlxx({ | ||
| 585 | bdcdyid: this.propsParam.bdcdyid, | ||
| 586 | qllx: this.propsParam.qllx, | ||
| 587 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 588 | }).then((res) => { | ||
| 589 | if (res.code == 200) { | ||
| 590 | this.ssQlxxList = res.result; | ||
| 591 | } | ||
| 592 | }); | ||
| 593 | //获取上手信息 | ||
| 594 | getZtQlxx({ | ||
| 595 | bdcdyid: this.propsParam.bdcdyid, | ||
| 596 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 597 | }).then((res) => { | ||
| 598 | if (res.code == 200) { | ||
| 599 | this.ztQlxxList = res.result; | ||
| 600 | } | ||
| 601 | }); | ||
| 602 | } | ||
| 603 | }); | ||
| 604 | }, | ||
| 605 | // 更新土地用途信息 | ||
| 606 | /** | ||
| 607 | * @description: 更新土地用途信息 | ||
| 608 | * @param {*} val | ||
| 609 | * @author: renchao | ||
| 610 | */ | ||
| 611 | upDateTdytxxList(val) { | ||
| 612 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 613 | this.key++; | ||
| 614 | }, | 478 | }, |
| 615 | // 更新权利人信息 | 479 | created () { |
| 616 | /** | 480 | this.loadData(); |
| 617 | * @description: 更新权利人信息 | ||
| 618 | * @param {*} val | ||
| 619 | * @author: renchao | ||
| 620 | */ | ||
| 621 | upDateQlrxxList(val) { | ||
| 622 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 623 | this.czrOptions = this.ruleForm.qlrData; | ||
| 624 | this.key++; | ||
| 625 | }, | 481 | }, |
| 626 | // 更新义务人信息 | 482 | mounted () { |
| 627 | /** | 483 | this.ableOperation = this.$parent.ableOperation; |
| 628 | * @description: 更新义务人信息 | ||
| 629 | * @param {*} val | ||
| 630 | * @author: renchao | ||
| 631 | */ | ||
| 632 | upDateYwrxxList(val) { | ||
| 633 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 634 | this.key++; | ||
| 635 | }, | 484 | }, |
| 636 | /** | 485 | methods: { |
| 637 | * @description: onSubmit | 486 | /** |
| 638 | * @author: renchao | 487 | * @description: ztQlxxchange |
| 639 | */ | 488 | * @param {*} val |
| 640 | onSubmit() { | 489 | * @author: renchao |
| 641 | this.$refs.ruleForm.validate((valid) => { | 490 | */ |
| 642 | if (valid) { | 491 | ztQlxxchange (val) { |
| 643 | if (this.ruleForm.qlrData.length == 0) { | 492 | this.ruleForm.ztQlxx = val; |
| 493 | }, | ||
| 494 | /** | ||
| 495 | * @description: ssQlxxchange | ||
| 496 | * @param {*} val | ||
| 497 | * @author: renchao | ||
| 498 | */ | ||
| 499 | ssQlxxchange (val) { | ||
| 500 | this.ruleForm.ssQlxx = val; | ||
| 501 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 502 | this.ssQlxxchangediolog(val); | ||
| 503 | }, | ||
| 504 | // 弹框事件 | ||
| 505 | ssQlxxchangediolog (val) { | ||
| 506 | console.log("确定了", this.ruleForm); | ||
| 507 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 508 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 509 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 510 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 511 | showClose: true, //是否显示右上角关闭按钮 | ||
| 512 | type: "warning", | ||
| 513 | }) | ||
| 514 | .then(() => { | ||
| 515 | // this.ruleForm.qlxx.ssywh = "1111111111111"; | ||
| 644 | this.$message({ | 516 | this.$message({ |
| 645 | showClose: true, | 517 | type: "success", |
| 646 | message: "请确认权利人信息", | 518 | message: "同步成功!", |
| 647 | type: "error", | ||
| 648 | }); | 519 | }); |
| 649 | return false; | 520 | }) |
| 650 | } | 521 | .catch(() => { |
| 651 | if (this.ruleForm.ywrData.length == 0) { | ||
| 652 | this.$message({ | 522 | this.$message({ |
| 653 | showClose: true, | 523 | type: "info", |
| 654 | message: "请确认义务人信息", | 524 | message: "已取消同步", |
| 655 | type: "error", | 525 | }); |
| 526 | }); | ||
| 527 | }, | ||
| 528 | /** | ||
| 529 | * @description: djlxchange | ||
| 530 | * @param {*} val | ||
| 531 | * @author: renchao | ||
| 532 | */ | ||
| 533 | djlxchange (val) { | ||
| 534 | // if (val == null || val == 100) { | ||
| 535 | // this.ssqlxxshow = false; | ||
| 536 | // } else { | ||
| 537 | // this.ssqlxxshow = true; | ||
| 538 | // } | ||
| 539 | }, | ||
| 540 | /** | ||
| 541 | * @description: loadData | ||
| 542 | * @author: renchao | ||
| 543 | */ | ||
| 544 | loadData () { | ||
| 545 | this.$startLoading(); | ||
| 546 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 547 | init(this.propsParam).then((res) => { | ||
| 548 | if (res.code == 200) { | ||
| 549 | this.ruleForm = res.result; | ||
| 550 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 551 | if (djlx == null || djlx == 100) { | ||
| 552 | this.ssqlxxshow = false; | ||
| 553 | } | ||
| 554 | this.$endLoading(); | ||
| 555 | this.isShow = true; | ||
| 556 | |||
| 557 | //获取主体信息 | ||
| 558 | getSsQlxx({ | ||
| 559 | bdcdyid: this.propsParam.bdcdyid, | ||
| 560 | qllx: this.propsParam.qllx, | ||
| 561 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 562 | }).then((res) => { | ||
| 563 | if (res.code == 200) { | ||
| 564 | this.ssQlxxList = res.result; | ||
| 565 | } | ||
| 566 | }); | ||
| 567 | //获取上手信息 | ||
| 568 | getZtQlxx({ | ||
| 569 | bdcdyid: this.propsParam.bdcdyid, | ||
| 570 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 571 | }).then((res) => { | ||
| 572 | if (res.code == 200) { | ||
| 573 | this.ztQlxxList = res.result; | ||
| 574 | } | ||
| 656 | }); | 575 | }); |
| 657 | return false; | ||
| 658 | } | 576 | } |
| 659 | if (this.ruleForm.qlxx.gyfs == "0") { | 577 | }); |
| 660 | if (this.ruleForm.qlrData.length > 1) { | 578 | }, |
| 579 | // 更新土地用途信息 | ||
| 580 | /** | ||
| 581 | * @description: 更新土地用途信息 | ||
| 582 | * @param {*} val | ||
| 583 | * @author: renchao | ||
| 584 | */ | ||
| 585 | upDateTdytxxList (val) { | ||
| 586 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 587 | this.key++; | ||
| 588 | }, | ||
| 589 | // 更新权利人信息 | ||
| 590 | /** | ||
| 591 | * @description: 更新权利人信息 | ||
| 592 | * @param {*} val | ||
| 593 | * @author: renchao | ||
| 594 | */ | ||
| 595 | upDateQlrxxList (val) { | ||
| 596 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 597 | this.czrOptions = this.ruleForm.qlrData; | ||
| 598 | this.key++; | ||
| 599 | }, | ||
| 600 | // 更新义务人信息 | ||
| 601 | /** | ||
| 602 | * @description: 更新义务人信息 | ||
| 603 | * @param {*} val | ||
| 604 | * @author: renchao | ||
| 605 | */ | ||
| 606 | upDateYwrxxList (val) { | ||
| 607 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 608 | this.key++; | ||
| 609 | }, | ||
| 610 | /** | ||
| 611 | * @description: onSubmit | ||
| 612 | * @author: renchao | ||
| 613 | */ | ||
| 614 | onSubmit () { | ||
| 615 | this.$refs.ruleForm.validate((valid) => { | ||
| 616 | if (valid) { | ||
| 617 | if (this.ruleForm.qlrData.length == 0) { | ||
| 661 | this.$message({ | 618 | this.$message({ |
| 662 | showClose: true, | 619 | showClose: true, |
| 663 | message: "共有方式：单独所有，权利人只能是一个人", | 620 | message: "请确认权利人信息", |
| 664 | type: "error", | 621 | type: "error", |
| 665 | }); | 622 | }); |
| 666 | return false; | 623 | return false; |
| 667 | } | 624 | } |
| 668 | this.ruleForm.qlrData[0].sfczr = "1"; | 625 | if (this.ruleForm.ywrData.length == 0) { |
| 669 | } | ||
| 670 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 671 | //是否分别持证 | ||
| 672 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 673 | //是 | ||
| 674 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 675 | item.sfczr = "1"; | ||
| 676 | }); | ||
| 677 | } else { | ||
| 678 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 679 | if (item.zjh == this.ruleForm.czr) { | ||
| 680 | item.sfczr = "1"; | ||
| 681 | } else { | ||
| 682 | item.sfczr = "0"; | ||
| 683 | } | ||
| 684 | }); | ||
| 685 | } | ||
| 686 | } | ||
| 687 | save(this.ruleForm).then((res) => { | ||
| 688 | if (res.code === 200) { | ||
| 689 | this.$message({ | 626 | this.$message({ |
| 690 | showClose: true, | 627 | showClose: true, |
| 691 | message: "保存成功！", | 628 | message: "请确认义务人信息", |
| 692 | type: "success", | 629 | type: "error", |
| 693 | }); | 630 | }); |
| 694 | this.$parent.changeywh(); | 631 | return false; |
| 695 | this.$store.dispatch("user/refreshPage", true); | 632 | } |
| 633 | if (this.ruleForm.sldy.gyfs == "0") { | ||
| 634 | if (this.ruleForm.qlrData.length > 1) { | ||
| 635 | this.$message({ | ||
| 636 | showClose: true, | ||
| 637 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 638 | type: "error", | ||
| 639 | }); | ||
| 640 | return false; | ||
| 641 | } | ||
| 642 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 696 | } else { | 643 | } else { |
| 697 | this.$message({ | 644 | //是否分别持证 |
| 645 | if (this.ruleForm.sldy.sqfbcz == "1") { | ||
| 646 | //是 | ||
| 647 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 648 | item.sfczr = "1"; | ||
| 649 | }); | ||
| 650 | } else { | ||
| 651 | if (!that.ruleForm.czr) { | ||
| 652 | that.$message({ | ||
| 698 | showClose: true, | 653 | showClose: true, |
| 699 | message: res.message, | 654 | message: "请选择持证人", |
| 700 | type: "error", | 655 | type: "error", |
| 701 | }); | 656 | }); |
| 657 | return false; | ||
| 702 | } | 658 | } |
| 703 | }); | 659 | this.ruleForm.qlrList.forEach((item, index) => { |
| 704 | } else { | 660 | if (item.zjh == this.ruleForm.czr) { |
| 705 | return false; | 661 | item.sfczr = "1"; |
| 662 | } else { | ||
| 663 | item.sfczr = "0"; | ||
| 664 | } | ||
| 665 | }); | ||
| 666 | } | ||
| 706 | } | 667 | } |
| 707 | }); | 668 | save(this.ruleForm).then((res) => { |
| 669 | if (res.code === 200) { | ||
| 670 | this.$message({ | ||
| 671 | showClose: true, | ||
| 672 | message: "保存成功！", | ||
| 673 | type: "success", | ||
| 674 | }); | ||
| 675 | this.$parent.changeywh(); | ||
| 676 | this.$store.dispatch("user/refreshPage", true); | ||
| 677 | } else { | ||
| 678 | this.$message({ | ||
| 679 | showClose: true, | ||
| 680 | message: res.message, | ||
| 681 | type: "error", | ||
| 682 | }); | ||
| 683 | } | ||
| 684 | }); | ||
| 685 | } else { | ||
| 686 | return false; | ||
| 687 | } | ||
| 688 | }); | ||
| 689 | }, | ||
| 708 | }, | 690 | }, |
| 709 | }, | 691 | }; |
| 710 | }; | ||
| 711 | </script> | 692 | </script> |
| 712 | <style scoped lang="scss"> | 693 | <style scoped lang="scss"> |
| 713 | @import "~@/styles/public.scss"; | 694 | @import "~@/styles/public.scss"; |
| 714 | @import "~@/styles/slxx/slxx.scss"; | 695 | @import "~@/styles/slxx/slxx.scss"; |
| 715 | </style> | 696 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :宗地基本信息 | 2 | * @Description :宗地基本信息 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-07-31 17:21:56 | 4 | * @LastEditTime: 2023-08-04 10:06:45 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="tableDivCss"> | 7 | <div class="tableDivCss"> |
| ... | @@ -87,30 +87,11 @@ | ... | @@ -87,30 +87,11 @@ |
| 87 | <td colspan="3">{{ zdjbxx.zdszb }}</td> | 87 | <td colspan="3">{{ zdjbxx.zdszb }}</td> |
| 88 | </tr> | 88 | </tr> |
| 89 | <tr> | 89 | <tr> |
| 90 | <td>登记时间</td> | ||
| 91 | <td colspan="2">{{ zdjbxx.bz }}</td> | ||
| 92 | <td>登簿人</td> | ||
| 93 | <td>{{ zdjbxx.bz }}</td> | ||
| 94 | </tr> | ||
| 95 | |||
| 96 | <tr> | ||
| 97 | <td>附记</td> | 90 | <td>附记</td> |
| 98 | <td colspan="4">{{ zdjbxx.fj }}</td> | 91 | <td colspan="4">{{ zdjbxx.fj }}</td> |
| 99 | </tr> | 92 | </tr> |
| 100 | <!-- <tr> | ||
| 101 | <td>状态</td> | ||
| 102 | <td colspan="2">{{ zdjbxx.zt }}</td> | ||
| 103 | <td>区县代码</td> | ||
| 104 | <td>{{ zdjbxx.qxdm }}</td> | ||
| 105 | </tr> --> | ||
| 106 | <tr v-if="showGroup"> | 93 | <tr v-if="showGroup"> |
| 107 | <td rowspan="4">变化情况</td> | 94 | <td rowspan="4">变化情况</td> |
| 108 | |||
| 109 | <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> | ||
| 110 | <tr v-for="(item, index) in bhqkColumns" :key="index"> | ||
| 111 | <td class="bhqkTh">{{ item.label }}</td> | ||
| 112 | </tr> | ||
| 113 | </table> --> | ||
| 114 | </tr> | 95 | </tr> |
| 115 | 96 | ||
| 116 | <tr v-if="showGroup"> | 97 | <tr v-if="showGroup"> |
| ... | @@ -130,111 +111,111 @@ | ... | @@ -130,111 +111,111 @@ |
| 130 | </template> | 111 | </template> |
| 131 | 112 | ||
| 132 | <script> | 113 | <script> |
| 133 | import store from "@/store/index.js"; | 114 | import store from "@/store/index.js"; |
| 134 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; | 115 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; |
| 135 | 116 | ||
| 136 | export default { | 117 | export default { |
| 137 | data() { | 118 | data () { |
| 138 | return { | 119 | return { |
| 139 | bhqkColumns: [ | 120 | bhqkColumns: [ |
| 140 | { | 121 | { |
| 141 | prop: "ssywh", | 122 | prop: "ssywh", |
| 142 | label: "上手业务号", | 123 | label: "上手业务号", |
| 143 | }, | 124 | }, |
| 144 | { | 125 | { |
| 145 | prop: "zddm", | 126 | prop: "zddm", |
| 146 | label: "宗地代码", | 127 | label: "宗地代码", |
| 147 | }, | 128 | }, |
| 148 | { | 129 | { |
| 149 | prop: "bhqzddm", | 130 | prop: "bhqzddm", |
| 150 | label: "变化前宗地代码", | 131 | label: "变化前宗地代码", |
| 151 | }, | 132 | }, |
| 152 | { | 133 | { |
| 153 | prop: "bhnr", | 134 | prop: "bhnr", |
| 154 | label: "变化内容", | 135 | label: "变化内容", |
| 155 | }, | 136 | }, |
| 156 | { | 137 | { |
| 157 | prop: "bhyy", | 138 | prop: "bhyy", |
| 158 | label: "变化原因", | 139 | label: "变化原因", |
| 159 | }, | 140 | }, |
| 160 | { | 141 | { |
| 161 | prop: "djsj", | 142 | prop: "djsj", |
| 162 | label: "登记时间", | 143 | label: "登记时间", |
| 163 | }, | 144 | }, |
| 164 | { | 145 | { |
| 165 | prop: "dbr", | 146 | prop: "dbr", |
| 166 | label: "登簿人", | 147 | label: "登簿人", |
| 167 | }, | 148 | }, |
| 168 | { | 149 | { |
| 169 | prop: "fj", | 150 | prop: "fj", |
| 170 | label: "附记", | 151 | label: "附记", |
| 171 | }, | 152 | }, |
| 172 | ], | 153 | ], |
| 173 | bhqkTableWidth: 745, | 154 | bhqkTableWidth: 745, |
| 174 | zdjbxx: {}, | 155 | zdjbxx: {}, |
| 175 | zdbhqks: [], | 156 | zdbhqks: [], |
| 176 | propsParam: this.$attrs, | 157 | propsParam: this.$attrs, |
| 177 | showGroup: false, | 158 | showGroup: false, |
| 178 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], | 159 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], |
| 179 | foundItemaa: {}, | 160 | foundItemaa: {}, |
| 180 | foundItemaaa: {}, | 161 | foundItemaaa: {}, |
| 181 | }; | 162 | }; |
| 182 | }, | ||
| 183 | filters: { | ||
| 184 | dictionary: function (value, param) { | ||
| 185 | const foundItem = store.getters.dictData[param].find( | ||
| 186 | (item) => item.dcode === String(value) | ||
| 187 | ); | ||
| 188 | if (foundItem) { | ||
| 189 | return foundItem.dname; | ||
| 190 | } | ||
| 191 | }, | 163 | }, |
| 192 | dicyt: function (value, param) { | 164 | filters: { |
| 193 | const res = store.getters.dictData[param].filter((item) => { | 165 | dictionary: function (value, param) { |
| 194 | if (item.dcode === String(value)) { | 166 | const foundItem = store.getters.dictData[param].find( |
| 195 | return item; | 167 | (item) => item.dcode === String(value) |
| 196 | } else { | 168 | ); |
| 197 | if (item.children.length) { | 169 | if (foundItem) { |
| 198 | const res2 = item.children.filter((items) => { | 170 | return foundItem.dname; |
| 199 | if (items.dcode === String(value)) { | 171 | } |
| 200 | return items; | 172 | }, |
| 173 | dicyt: function (value, param) { | ||
| 174 | const res = store.getters.dictData[param].filter((item) => { | ||
| 175 | if (item.dcode === String(value)) { | ||
| 176 | return item; | ||
| 177 | } else { | ||
| 178 | if (item.children.length) { | ||
| 179 | const res2 = item.children.filter((items) => { | ||
| 180 | if (items.dcode === String(value)) { | ||
| 181 | return items; | ||
| 182 | } | ||
| 183 | }); | ||
| 184 | if (res2.length) { | ||
| 185 | return res2; | ||
| 186 | |||
| 201 | } | 187 | } |
| 202 | }); | ||
| 203 | if (res2.length) { | ||
| 204 | return res2; | ||
| 205 | 188 | ||
| 206 | } | 189 | } |
| 207 | |||
| 208 | } | 190 | } |
| 191 | }); | ||
| 192 | if (res[0]) { | ||
| 193 | return res[0].dname | ||
| 209 | } | 194 | } |
| 210 | }); | 195 | }, |
| 211 | if (res[0]) { | ||
| 212 | return res[0].dname | ||
| 213 | } | ||
| 214 | }, | 196 | }, |
| 215 | }, | 197 | created () { |
| 216 | created() { | 198 | this.loadData(); |
| 217 | this.loadData(); | 199 | }, |
| 218 | }, | 200 | methods: { |
| 219 | methods: { | 201 | /** |
| 220 | /** | 202 | * @description: loadData |
| 221 | * @description: loadData | 203 | * @author: renchao |
| 222 | * @author: renchao | 204 | */ |
| 223 | */ | 205 | loadData () { |
| 224 | loadData() { | 206 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
| 225 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 207 | if (res.code === 200) { |
| 226 | if (res.code === 200) { | 208 | this.zdjbxx = res.result.zdjbxx; |
| 227 | this.zdjbxx = res.result.zdjbxx; | 209 | this.zdbhqks = res.result.zdbhqkList; |
| 228 | this.zdbhqks = res.result.zdbhqkList; | 210 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { |
| 229 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | 211 | this.showGroup = true; |
| 230 | this.showGroup = true; | 212 | } |
| 231 | } | 213 | } |
| 232 | } | 214 | }); |
| 233 | }); | 215 | }, |
| 234 | }, | 216 | }, |
| 235 | }, | 217 | }; |
| 236 | }; | ||
| 237 | </script> | 218 | </script> |
| 238 | <style lang="scss" scoped> | 219 | <style lang="scss" scoped> |
| 239 | @import "~@/styles/tablecss.scss"; | 220 | @import "~@/styles/tablecss.scss"; |
| 240 | </style> | 221 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 08:45:57 | 4 | * @LastEditTime: 2023-08-04 10:56:39 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -312,6 +312,7 @@ | ... | @@ -312,6 +312,7 @@ |
| 312 | * @author: renchao | 312 | * @author: renchao |
| 313 | */ | 313 | */ |
| 314 | onSubmit () { | 314 | onSubmit () { |
| 315 | let that = this | ||
| 315 | if (this.ruleForm.qlrList.length == 0) { | 316 | if (this.ruleForm.qlrList.length == 0) { |
| 316 | this.$message({ | 317 | this.$message({ |
| 317 | showClose: true, | 318 | showClose: true, |
| ... | @@ -320,7 +321,6 @@ | ... | @@ -320,7 +321,6 @@ |
| 320 | }); | 321 | }); |
| 321 | return false; | 322 | return false; |
| 322 | } | 323 | } |
| 323 | |||
| 324 | if (this.ruleForm.sldy.gyfs == "0") { | 324 | if (this.ruleForm.sldy.gyfs == "0") { |
| 325 | if (this.ruleForm.qlrList.length > 1) { | 325 | if (this.ruleForm.qlrList.length > 1) { |
| 326 | this.$message({ | 326 | this.$message({ |
| ... | @@ -331,21 +331,29 @@ | ... | @@ -331,21 +331,29 @@ |
| 331 | return false; | 331 | return false; |
| 332 | } | 332 | } |
| 333 | this.ruleForm.qlrList[0].sfczr = "1"; | 333 | this.ruleForm.qlrList[0].sfczr = "1"; |
| 334 | } | 334 | } else { |
| 335 | if (this.ruleForm.sldy.gyfs == "1") { | ||
| 336 | //是否分别持证 | 335 | //是否分别持证 |
| 337 | if (this.ruleForm.sldy.sqfbcz == '1') { //是 | 336 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 337 | //是 | ||
| 338 | this.ruleForm.qlrList.forEach((item, index) => { | 338 | this.ruleForm.qlrList.forEach((item, index) => { |
| 339 | item.sfczr = "1" | 339 | item.sfczr = "1"; |
| 340 | }); | 340 | }); |
| 341 | } else { | 341 | } else { |
| 342 | if (!that.ruleForm.czr) { | ||
| 343 | that.$message({ | ||
| 344 | showClose: true, | ||
| 345 | message: "请选择持证人", | ||
| 346 | type: "error", | ||
| 347 | }); | ||
| 348 | return false; | ||
| 349 | } | ||
| 342 | this.ruleForm.qlrList.forEach((item, index) => { | 350 | this.ruleForm.qlrList.forEach((item, index) => { |
| 343 | if (item.zjh == this.ruleForm.czr) { | 351 | if (item.zjh == this.ruleForm.czr) { |
| 344 | item.sfczr = "1" | 352 | item.sfczr = "1"; |
| 345 | } else { | 353 | } else { |
| 346 | item.sfczr = "0" | 354 | item.sfczr = "0"; |
| 347 | } | 355 | } |
| 348 | }) | 356 | }); |
| 349 | } | 357 | } |
| 350 | } | 358 | } |
| 351 | /** | 359 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-01 18:15:20 | 4 | * @LastEditTime: 2023-08-04 10:59:55 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -449,8 +449,7 @@ | ... | @@ -449,8 +449,7 @@ |
| 449 | return false; | 449 | return false; |
| 450 | } | 450 | } |
| 451 | this.ruleForm.qlrList[0].sfczr = "1"; | 451 | this.ruleForm.qlrList[0].sfczr = "1"; |
| 452 | } | 452 | } else { |
| 453 | if (this.ruleForm.sldy.gyfs == "1") { | ||
| 454 | //是否分别持证 | 453 | //是否分别持证 |
| 455 | if (this.ruleForm.sldy.sqfbcz == "1") { | 454 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 456 | //是 | 455 | //是 |
| ... | @@ -458,6 +457,14 @@ | ... | @@ -458,6 +457,14 @@ |
| 458 | item.sfczr = "1"; | 457 | item.sfczr = "1"; |
| 459 | }); | 458 | }); |
| 460 | } else { | 459 | } else { |
| 460 | if (!that.ruleForm.czr) { | ||
| 461 | that.$message({ | ||
| 462 | showClose: true, | ||
| 463 | message: "请选择持证人", | ||
| 464 | type: "error", | ||
| 465 | }); | ||
| 466 | return false; | ||
| 467 | } | ||
| 461 | this.ruleForm.qlrList.forEach((item, index) => { | 468 | this.ruleForm.qlrList.forEach((item, index) => { |
| 462 | if (item.zjh == this.ruleForm.czr) { | 469 | if (item.zjh == this.ruleForm.czr) { |
| 463 | item.sfczr = "1"; | 470 | item.sfczr = "1"; | ... | ... |
-
Please register or sign in to post a comment