Merge branch 'dev'
Showing
12 changed files
with
3309 additions
and
2387 deletions
| ... | @@ -135,10 +135,22 @@ export function getZtQlxx (params) { | ... | @@ -135,10 +135,22 @@ export function getZtQlxx (params) { |
| 135 | * @author: renchao | 135 | * @author: renchao |
| 136 | */ | 136 | */ |
| 137 | export function getShList (data) { | 137 | export function getShList (data) { |
| 138 | console.log(data); | ||
| 139 | return request({ | 138 | return request({ |
| 140 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, | 139 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, |
| 141 | method: 'post', | 140 | method: 'post', |
| 142 | data | 141 | data |
| 143 | }) | 142 | }) |
| 144 | } | 143 | } |
| 144 | |||
| 145 | /** | ||
| 146 | * @description:初始化内容 | ||
| 147 | * @param {*} data | ||
| 148 | * @author: renchao | ||
| 149 | */ | ||
| 150 | export function getQlxxByQlxxBsm (params) { | ||
| 151 | return request({ | ||
| 152 | url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm', | ||
| 153 | method: 'get', | ||
| 154 | params | ||
| 155 | }) | ||
| 156 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 16:08:30 | 4 | * @LastEditTime: 2023-08-03 14:50:08 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <transition name="msgbox-fade"> | 7 | <transition name="msgbox-fade"> |
| ... | @@ -136,7 +136,6 @@ | ... | @@ -136,7 +136,6 @@ |
| 136 | } | 136 | } |
| 137 | 137 | ||
| 138 | .ls-mask-window { | 138 | .ls-mask-window { |
| 139 | background: white; | ||
| 140 | position: relative; | 139 | position: relative; |
| 141 | left: 50%; | 140 | left: 50%; |
| 142 | top: 50%; | 141 | top: 50%; |
| ... | @@ -162,6 +161,7 @@ | ... | @@ -162,6 +161,7 @@ |
| 162 | } | 161 | } |
| 163 | 162 | ||
| 164 | .mask-content { | 163 | .mask-content { |
| 164 | background: #ffffff; | ||
| 165 | padding: 20px; | 165 | padding: 20px; |
| 166 | width: 100%; | 166 | width: 100%; |
| 167 | min-height: 30%; | 167 | min-height: 30%; | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | :show-message="false" | 4 | :show-message="false" |
| 5 | * @LastEditTime: 2023-08-02 08:57:33 | 5 | * @LastEditTime: 2023-08-03 14:56:50 |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| 8 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
| ... | @@ -17,7 +17,8 @@ | ... | @@ -17,7 +17,8 @@ |
| 17 | inline-message | 17 | inline-message |
| 18 | :show-message="false" | 18 | :show-message="false" |
| 19 | :class="{ readonly: editDisabled }" | 19 | :class="{ readonly: editDisabled }" |
| 20 | class="loadingtext"> | 20 | class="loadingtext" |
| 21 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 23 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 24 | 补录信息 |
| ... | @@ -49,24 +50,29 @@ | ... | @@ -49,24 +50,29 @@ |
| 49 | <el-form-item | 50 | <el-form-item |
| 50 | label="查封不动产权信息：" | 51 | label="查封不动产权信息：" |
| 51 | prop="ztQlxx.bdcqzh" | 52 | prop="ztQlxx.bdcqzh" |
| 52 | :rules="rules.ztQlxxrules"> | 53 | :rules="rules.ztQlxxrules" |
| 54 | > | ||
| 53 | <select-table | 55 | <select-table |
| 54 | v-model="ruleForm.ztQlxx" | 56 | v-model="ruleForm.ztQlxx" |
| 55 | :table-width="550" | 57 | :table-width="550" |
| 56 | :tableData="ztQlxxList" | 58 | :tableData="ztQlxxList" |
| 57 | :props="props" | 59 | :props="props" |
| 58 | @change="ztQlxxchange"> | 60 | @change="ztQlxxchange" |
| 61 | > | ||
| 59 | <el-table-column | 62 | <el-table-column |
| 60 | prop="qllxmc" | 63 | prop="qllxmc" |
| 61 | width="130" | 64 | width="130" |
| 62 | label="权利类型"></el-table-column> | 65 | label="权利类型" |
| 66 | ></el-table-column> | ||
| 63 | <el-table-column | 67 | <el-table-column |
| 64 | prop="bdcqzh" | 68 | prop="bdcqzh" |
| 65 | width="160" | 69 | width="160" |
| 66 | label="不动产权证书"></el-table-column> | 70 | label="不动产权证书" |
| 71 | ></el-table-column> | ||
| 67 | <el-table-column | 72 | <el-table-column |
| 68 | prop="qlrmc" | 73 | prop="qlrmc" |
| 69 | label="被执行人"></el-table-column> | 74 | label="被执行人" |
| 75 | ></el-table-column> | ||
| 70 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 76 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 71 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 77 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| 72 | <el-table-column prop="zl" label="坐落"></el-table-column> | 78 | <el-table-column prop="zl" label="坐落"></el-table-column> |
| ... | @@ -75,21 +81,28 @@ | ... | @@ -75,21 +81,28 @@ |
| 75 | </el-col> | 81 | </el-col> |
| 76 | 82 | ||
| 77 | <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'"> | 83 | <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'"> |
| 78 | <el-form-item label="上手权利信息："> | 84 | <el-form-item |
| 85 | label="上手权利信息：" | ||
| 86 | prop="ssQlxx.bdcqzh" | ||
| 87 | :rules="rules.ssQlxxrules" | ||
| 88 | > | ||
| 79 | <select-table | 89 | <select-table |
| 80 | v-model="ruleForm.ssQlxx" | 90 | v-model="ruleForm.ssQlxx" |
| 81 | :table-width="550" | 91 | :table-width="550" |
| 82 | :tableData="ssQlxxList" | 92 | :tableData="ssQlxxList" |
| 83 | :props="props" | 93 | :props="props" |
| 84 | @change="ssQlxxchange"> | 94 | @change="ssQlxxchange" |
| 95 | > | ||
| 85 | <el-table-column | 96 | <el-table-column |
| 86 | prop="qllxmc" | 97 | prop="qllxmc" |
| 87 | width="130" | 98 | width="130" |
| 88 | label="权利类型"></el-table-column> | 99 | label="权利类型" |
| 100 | ></el-table-column> | ||
| 89 | <el-table-column | 101 | <el-table-column |
| 90 | prop="bdcqzh" | 102 | prop="bdcqzh" |
| 91 | width="160" | 103 | width="160" |
| 92 | label="不动产权证书"></el-table-column> | 104 | label="不动产权证书" |
| 105 | ></el-table-column> | ||
| 93 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 106 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 94 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 107 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 95 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 108 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -163,7 +176,8 @@ | ... | @@ -163,7 +176,8 @@ |
| 163 | <el-form-item | 176 | <el-form-item |
| 164 | label="业务号：" | 177 | label="业务号：" |
| 165 | prop="qlxx.ywh" | 178 | prop="qlxx.ywh" |
| 166 | :rules="rules.ywhrules"> | 179 | :rules="rules.ywhrules" |
| 180 | > | ||
| 167 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 181 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 168 | </el-form-item> | 182 | </el-form-item> |
| 169 | </el-col> | 183 | </el-col> |
| ... | @@ -182,13 +196,15 @@ | ... | @@ -182,13 +196,15 @@ |
| 182 | <el-col :span="8"> | 196 | <el-col :span="8"> |
| 183 | <el-form-item label="是否被续封：" | 197 | <el-form-item label="是否被续封：" |
| 184 | prop="cfdj.sfbxf" | 198 | prop="cfdj.sfbxf" |
| 185 | :rules="rules.sfbxfrules"> | 199 | :rules="rules.sfbxfrules" |
| 200 | > | ||
| 186 | <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> | 201 | <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> |
| 187 | <el-option | 202 | <el-option |
| 188 | v-for="item in sfbxflist" | 203 | v-for="item in sfbxflist" |
| 189 | :key="item.dcode" | 204 | :key="item.dcode" |
| 190 | :label="item.dname" | 205 | :label="item.dname" |
| 191 | :value="item.dcode"></el-option> | 206 | :value="item.dcode" |
| 207 | ></el-option> | ||
| 192 | </el-select> | 208 | </el-select> |
| 193 | </el-form-item> | 209 | </el-form-item> |
| 194 | </el-col> | 210 | </el-col> |
| ... | @@ -204,7 +220,8 @@ | ... | @@ -204,7 +220,8 @@ |
| 204 | v-for="item in qsztlist" | 220 | v-for="item in qsztlist" |
| 205 | :key="item.dcode" | 221 | :key="item.dcode" |
| 206 | :label="item.dname" | 222 | :label="item.dname" |
| 207 | :value="item.dcode"></el-option> | 223 | :value="item.dcode" |
| 224 | ></el-option> | ||
| 208 | </el-select> | 225 | </el-select> |
| 209 | </el-form-item> | 226 | </el-form-item> |
| 210 | </el-col> | 227 | </el-col> |
| ... | @@ -229,7 +246,8 @@ | ... | @@ -229,7 +246,8 @@ |
| 229 | v-for="item in dictData['A32']" | 246 | v-for="item in dictData['A32']" |
| 230 | :key="item.dcode" | 247 | :key="item.dcode" |
| 231 | :label="item.dname" | 248 | :label="item.dname" |
| 232 | :value="item.dcode"></el-option> | 249 | :value="item.dcode" |
| 250 | ></el-option> | ||
| 233 | </el-select> | 251 | </el-select> |
| 234 | </el-form-item> | 252 | </el-form-item> |
| 235 | </el-col> | 253 | </el-col> |
| ... | @@ -246,7 +264,8 @@ | ... | @@ -246,7 +264,8 @@ |
| 246 | type="date" | 264 | type="date" |
| 247 | placeholder="选择日期" | 265 | placeholder="选择日期" |
| 248 | value-format="yyyy-MM-dd HH:mm:ss" | 266 | value-format="yyyy-MM-dd HH:mm:ss" |
| 249 | format="yyyy-MM-dd"></el-date-picker> | 267 | format="yyyy-MM-dd" |
| 268 | ></el-date-picker> | ||
| 250 | </el-form-item> | 269 | </el-form-item> |
| 251 | </el-col> | 270 | </el-col> |
| 252 | <el-col :span="8"> | 271 | <el-col :span="8"> |
| ... | @@ -257,7 +276,8 @@ | ... | @@ -257,7 +276,8 @@ |
| 257 | type="date" | 276 | type="date" |
| 258 | placeholder="选择日期" | 277 | placeholder="选择日期" |
| 259 | value-format="yyyy-MM-dd HH:mm:ss" | 278 | value-format="yyyy-MM-dd HH:mm:ss" |
| 260 | format="yyyy-MM-dd"></el-date-picker> | 279 | format="yyyy-MM-dd" |
| 280 | ></el-date-picker> | ||
| 261 | </el-form-item> | 281 | </el-form-item> |
| 262 | </el-col> | 282 | </el-col> |
| 263 | <el-col :span="8"> | 283 | <el-col :span="8"> |
| ... | @@ -283,7 +303,8 @@ | ... | @@ -283,7 +303,8 @@ |
| 283 | <el-form-item | 303 | <el-form-item |
| 284 | label="登记机构：" | 304 | label="登记机构：" |
| 285 | prop="qlxx.djjg" | 305 | prop="qlxx.djjg" |
| 286 | :rules="rules.djjgrules"> | 306 | :rules="rules.djjgrules" |
| 307 | > | ||
| 287 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 308 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 288 | </el-form-item> | 309 | </el-form-item> |
| 289 | </el-col> | 310 | </el-col> |
| ... | @@ -292,7 +313,8 @@ | ... | @@ -292,7 +313,8 @@ |
| 292 | <el-form-item | 313 | <el-form-item |
| 293 | label="登簿人：" | 314 | label="登簿人：" |
| 294 | prop="qlxx.dbr" | 315 | prop="qlxx.dbr" |
| 295 | :rules="rules.dbrrules"> | 316 | :rules="rules.dbrrules" |
| 317 | > | ||
| 296 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 318 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 297 | </el-form-item> | 319 | </el-form-item> |
| 298 | </el-col> | 320 | </el-col> |
| ... | @@ -300,14 +322,16 @@ | ... | @@ -300,14 +322,16 @@ |
| 300 | <el-form-item | 322 | <el-form-item |
| 301 | label="登记时间：" | 323 | label="登记时间：" |
| 302 | prop="qlxx.djsj" | 324 | prop="qlxx.djsj" |
| 303 | :rules="rules.djsjrules"> | 325 | :rules="rules.djsjrules" |
| 326 | > | ||
| 304 | <el-date-picker | 327 | <el-date-picker |
| 305 | v-model="ruleForm.qlxx.djsj" | 328 | v-model="ruleForm.qlxx.djsj" |
| 306 | type="date" | 329 | type="date" |
| 307 | placeholder="选择日期" | 330 | placeholder="选择日期" |
| 308 | class="width100" | 331 | class="width100" |
| 309 | value-format="yyyy-MM-dd HH:mm:ss" | 332 | value-format="yyyy-MM-dd HH:mm:ss" |
| 310 | format="yyyy-MM-dd"> | 333 | format="yyyy-MM-dd" |
| 334 | > | ||
| 311 | </el-date-picker> | 335 | </el-date-picker> |
| 312 | </el-form-item> | 336 | </el-form-item> |
| 313 | </el-col> | 337 | </el-col> |
| ... | @@ -351,7 +375,8 @@ | ... | @@ -351,7 +375,8 @@ |
| 351 | type="date" | 375 | type="date" |
| 352 | placeholder="选择日期" | 376 | placeholder="选择日期" |
| 353 | value-format="yyyy-MM-dd HH:mm:ss" | 377 | value-format="yyyy-MM-dd HH:mm:ss" |
| 354 | format="yyyy-MM-dd"> | 378 | format="yyyy-MM-dd" |
| 379 | > | ||
| 355 | </el-date-picker> | 380 | </el-date-picker> |
| 356 | </el-form-item> | 381 | </el-form-item> |
| 357 | </el-col> | 382 | </el-col> |
| ... | @@ -366,231 +391,290 @@ | ... | @@ -366,231 +391,290 @@ |
| 366 | </div> | 391 | </div> |
| 367 | </template> | 392 | </template> |
| 368 | <script> | 393 | <script> |
| 369 | import { mapGetters } from "vuex"; | 394 | import { mapGetters } from "vuex"; |
| 370 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 395 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 371 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 396 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 372 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 397 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 373 | import tdytTable from "@/views/workflow/components/tdytTable"; | 398 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 374 | import selectTable from "@/components/selectTable/index.vue"; | 399 | import selectTable from "@/components/selectTable/index.vue"; |
| 375 | export default { | 400 | export default { |
| 376 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 401 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 377 | computed: { | 402 | computed: { |
| 378 | ...mapGetters(["dictData", "flag"]), | 403 | ...mapGetters(["dictData", "flag"]), |
| 379 | // 根据流程判断表单是否为只读 | 404 | // 根据流程判断表单是否为只读 |
| 380 | editDisabled () { | 405 | editDisabled() { |
| 381 | if (!this.ableOperation) { | 406 | if (!this.ableOperation) { |
| 382 | //只读状态 | 407 | //只读状态 |
| 383 | return true; | 408 | return true; |
| 384 | } | 409 | } |
| 385 | return false; | 410 | return false; |
| 386 | }, | ||
| 387 | }, | 411 | }, |
| 388 | data () { | 412 | }, |
| 389 | return { | 413 | data() { |
| 390 | //表单是否可操作 | 414 | return { |
| 391 | props: { | 415 | //表单是否可操作 |
| 392 | label: "bdcqzh", | 416 | props: { |
| 393 | value: "bdcdyid", | 417 | label: "bdcqzh", |
| 418 | value: "bdcdyid", | ||
| 419 | }, | ||
| 420 | propsParam: this.$attrs, | ||
| 421 | key: 0, | ||
| 422 | isShow: false, | ||
| 423 | ssqlxxshow: true, | ||
| 424 | disabled: true, | ||
| 425 | czrOptions: [], | ||
| 426 | ruleForm: {}, | ||
| 427 | rules: {}, | ||
| 428 | // 登记类型 | ||
| 429 | djlxlist: [ | ||
| 430 | { | ||
| 431 | dcode: "100", | ||
| 432 | dname: "首次登记", | ||
| 394 | }, | 433 | }, |
| 395 | propsParam: this.$attrs, | 434 | { |
| 396 | key: 0, | 435 | dcode: "200", |
| 397 | isShow: false, | 436 | dname: "转移登记", |
| 398 | ssqlxxshow: true, | 437 | }, |
| 399 | disabled: true, | 438 | { |
| 400 | czrOptions: [], | 439 | dcode: "300", |
| 401 | ruleForm: {}, | 440 | dname: "变更登记", |
| 402 | rules: {}, | 441 | }, |
| 403 | // 登记类型 | 442 | { |
| 404 | djlxlist: [ | 443 | dcode: "500", |
| 405 | { | 444 | dname: "更正登记", |
| 406 | dcode: "100", | 445 | }, |
| 407 | dname: "首次登记", | 446 | |
| 408 | }, | 447 | { |
| 409 | { | 448 | dcode: "901", |
| 410 | dcode: "200", | 449 | dname: "补证", |
| 411 | dname: "转移登记", | 450 | }, |
| 412 | }, | 451 | { |
| 413 | { | 452 | dcode: "902", |
| 414 | dcode: "300", | 453 | dname: "换证", |
| 415 | dname: "变更登记", | 454 | }, |
| 416 | }, | 455 | ], |
| 417 | { | 456 | |
| 418 | dcode: "500", | 457 | // 权属状态 |
| 419 | dname: "更正登记", | 458 | qsztlist: [ |
| 420 | }, | 459 | { |
| 421 | { | 460 | dcode: "1", |
| 422 | dcode: "901", | 461 | dname: "现势", |
| 423 | dname: "补证", | 462 | }, |
| 424 | }, | 463 | { |
| 425 | { | 464 | dcode: "2", |
| 426 | dcode: "902", | 465 | dname: "历史", |
| 427 | dname: "换证", | 466 | }, |
| 428 | }, | 467 | ], |
| 429 | ], | 468 | // 是否被续封 |
| 469 | sfbxflist: [ | ||
| 470 | { | ||
| 471 | dcode: "0", | ||
| 472 | dname: "否", | ||
| 473 | }, | ||
| 474 | { | ||
| 475 | dcode: "1", | ||
| 476 | dname: "是", | ||
| 477 | }, | ||
| 478 | ], | ||
| 479 | ableOperation: false, | ||
| 480 | //传递参数\ | ||
| 430 | 481 | ||
| 431 | // 权属状态 | 482 | ssQlxxList: [], |
| 432 | qsztlist: [ | 483 | ztQlxxList: [], |
| 433 | { | 484 | rules: { |
| 434 | dcode: "1", | 485 | ztQlxxrules: [ |
| 435 | dname: "现势", | 486 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 436 | }, | ||
| 437 | { | ||
| 438 | dcode: "2", | ||
| 439 | dname: "历史", | ||
| 440 | }, | ||
| 441 | ], | 487 | ], |
| 442 | // 是否被续封 | 488 | ssQlxxrules: [ |
| 443 | sfbxflist: [ | 489 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 444 | { | ||
| 445 | dcode: "0", | ||
| 446 | dname: "否", | ||
| 447 | }, | ||
| 448 | { | ||
| 449 | dcode: "1", | ||
| 450 | dname: "是", | ||
| 451 | }, | ||
| 452 | ], | 490 | ], |
| 453 | ableOperation: false, | 491 | bdcqzhrules: [ |
| 454 | //传递参数\ | 492 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 455 | ssQlxxList: [], | 493 | ], |
| 456 | ztQlxxList: [], | 494 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 457 | rules: { | 495 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 458 | ztQlxxrules: [ | 496 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 459 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 497 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 460 | ], | 498 | sfbxfrules: [ |
| 461 | bdcqzhrules: [ | 499 | { required: true, message: "是否被续封", trigger: "change" }, |
| 462 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 500 | ], |
| 463 | ], | 501 | }, |
| 464 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 502 | }; |
| 465 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 503 | }, |
| 466 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 504 | created() { |
| 467 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 505 | this.loadData(); |
| 468 | sfbxfrules: [ | 506 | }, |
| 469 | { required: true, message: "是否被续封", trigger: "change" }, | 507 | mounted() { |
| 470 | ], | 508 | this.ableOperation = this.$parent.ableOperation; |
| 471 | }, | 509 | }, |
| 472 | }; | 510 | methods: { |
| 473 | }, | 511 | /** |
| 474 | created () { | 512 | * @description: ztQlxxchange |
| 475 | this.loadData(); | 513 | * @param {*} val |
| 514 | * @author: renchao | ||
| 515 | */ | ||
| 516 | ztQlxxchange(val) { | ||
| 517 | this.ruleForm.ztQlxx = val; | ||
| 476 | }, | 518 | }, |
| 477 | mounted () { | 519 | /** |
| 478 | this.ableOperation = this.$parent.ableOperation; | 520 | * @description: ssQlxxchange |
| 521 | * @param {*} val | ||
| 522 | * @author: renchao | ||
| 523 | */ | ||
| 524 | ssQlxxchange(val) { | ||
| 525 | this.ruleForm.ssQlxx = val; | ||
| 526 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 527 | this.ssQlxxchangediolog(val); | ||
| 479 | }, | 528 | }, |
| 480 | methods: { | 529 | // 弹框事件 |
| 481 | /** | 530 | ssQlxxchangediolog(val) { |
| 482 | * @description: ztQlxxchange | 531 | console.log("确定了", this.ruleForm); |
| 483 | * @param {*} val | 532 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 484 | * @author: renchao | 533 | iconClass: "el-icon-question", //自定义图标样式 |
| 485 | */ | 534 | confirmButtonText: "确认", //确认按钮文字更换 |
| 486 | ztQlxxchange (val) { | 535 | cancelButtonText: "取消", //取消按钮文字更换 |
| 487 | this.ruleForm.ztQlxx = val; | 536 | showClose: true, //是否显示右上角关闭按钮 |
| 488 | }, | 537 | type: "warning", |
| 489 | /** | 538 | }).then(() => { |
| 490 | * @description: ssQlxxchange | 539 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 491 | * @param {*} val | ||
| 492 | * @author: renchao | ||
| 493 | */ | ||
| 494 | ssQlxxchange (val) { | ||
| 495 | this.ruleForm.ssQlxx = val; | ||
| 496 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 497 | }, | ||
| 498 | /** | ||
| 499 | * @description: djlxchange | ||
| 500 | * @param {*} val | ||
| 501 | * @author: renchao | ||
| 502 | */ | ||
| 503 | djlxchange (val) { | ||
| 504 | if (val == null || val == 100) { | ||
| 505 | this.ssqlxxshow = false; | ||
| 506 | } else { | ||
| 507 | this.ssqlxxshow = true; | ||
| 508 | } | ||
| 509 | }, | ||
| 510 | /** | ||
| 511 | * @description: loadData | ||
| 512 | * @author: renchao | ||
| 513 | */ | ||
| 514 | loadData () { | ||
| 515 | this.$startLoading(); | ||
| 516 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 517 | init(this.propsParam).then((res) => { | ||
| 518 | if (res.code == 200) { | 540 | if (res.code == 200) { |
| 519 | this.ruleForm = res.result; | 541 | this.nowlist = res.result; |
| 520 | this.isShow = true; | 542 | console.log("his.nowlist", this.nowlist); |
| 521 | let djlx = this.ruleForm.qlxx.djlx; | 543 | console.log("this.ruleForm", this.ruleForm); |
| 522 | this.$endLoading(); | 544 | for (var key in this.ruleForm.cfdj) { |
| 523 | if (djlx == null || djlx == 100) { | 545 | if ( |
| 524 | this.ssqlxxshow = false; | 546 | this.ruleForm.cfdj[key] == "" || |
| 547 | this.ruleForm.cfdj[key] == null | ||
| 548 | ) { | ||
| 549 | this.ruleForm.cfdj[key] = this.nowlist.cfdj[key]; | ||
| 550 | } | ||
| 525 | } | 551 | } |
| 526 | } | 552 | for (var key in this.ruleForm.qlxx) { |
| 527 | }); | 553 | if ( |
| 528 | //获取主体信息 | 554 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 529 | getSsQlxx({ | 555 | this.ruleForm.qlxx[key] == null |
| 530 | bdcdyid: this.propsParam.bdcdyid, | 556 | ) { |
| 531 | qllx: this.propsParam.qllx, | 557 | console.log("this.ruleForm.qlxx[key]", key); |
| 532 | }).then((res) => { | 558 | if (key != "ywh") { |
| 533 | if (res.code == 200) { | 559 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 534 | this.ssQlxxList = res.result; | 560 | } |
| 535 | } | ||
| 536 | }); | ||
| 537 | //获取上手信息 | ||
| 538 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 539 | if (res.code == 200) { | ||
| 540 | this.ztQlxxList = res.result; | ||
| 541 | } | ||
| 542 | }); | ||
| 543 | }, | ||
| 544 | // // 更新土地用途信息 | ||
| 545 | // upDateTdytxxList(val) { | ||
| 546 | // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 547 | // this.key++; | ||
| 548 | // }, | ||
| 549 | // // 更新权利人信息 | ||
| 550 | // upDateQlrxxList(val) { | ||
| 551 | // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 552 | // this.czrOptions = this.ruleForm.qlrData; | ||
| 553 | // this.key++; | ||
| 554 | // }, | ||
| 555 | // // 更新义务人信息 | ||
| 556 | // upDateYwrxxList(val) { | ||
| 557 | // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 558 | // this.key++; | ||
| 559 | // }, | ||
| 560 | /** | ||
| 561 | * @description: onSubmit | ||
| 562 | * @author: renchao | ||
| 563 | */ | ||
| 564 | onSubmit () { | ||
| 565 | this.$refs.ruleForm.validate((valid) => { | ||
| 566 | console.log("valid", valid); | ||
| 567 | if (valid) { | ||
| 568 | save(this.ruleForm).then((res) => { | ||
| 569 | if (res.code === 200) { | ||
| 570 | this.$message({ | ||
| 571 | showClose: true, | ||
| 572 | message: "保存成功！", | ||
| 573 | type: "success", | ||
| 574 | }); | ||
| 575 | this.$parent.changeywh() | ||
| 576 | this.$store.dispatch("user/refreshPage", true); | ||
| 577 | } else { | ||
| 578 | this.$message({ | ||
| 579 | showClose: true, | ||
| 580 | message: res.message, | ||
| 581 | type: "error", | ||
| 582 | }); | ||
| 583 | } | 561 | } |
| 562 | } | ||
| 563 | console.log("this.ruleForm", this.ruleForm); | ||
| 564 | this.$message({ | ||
| 565 | type: "success", | ||
| 566 | message: "同步成功!", | ||
| 584 | }); | 567 | }); |
| 585 | } else { | ||
| 586 | return false; | ||
| 587 | } | 568 | } |
| 588 | }); | 569 | }); |
| 589 | }, | 570 | }).catch(() => { |
| 571 | this.$message({ | ||
| 572 | type: "info", | ||
| 573 | message: "已取消同步", | ||
| 574 | }); | ||
| 575 | }) | ||
| 576 | }, | ||
| 577 | /** | ||
| 578 | * @description: djlxchange | ||
| 579 | * @param {*} val | ||
| 580 | * @author: renchao | ||
| 581 | */ | ||
| 582 | djlxchange(val) { | ||
| 583 | if (val == null || val == 100) { | ||
| 584 | this.ssqlxxshow = false; | ||
| 585 | } else { | ||
| 586 | this.ssqlxxshow = true; | ||
| 587 | } | ||
| 588 | }, | ||
| 589 | /** | ||
| 590 | * @description: loadData | ||
| 591 | * @author: renchao | ||
| 592 | */ | ||
| 593 | loadData() { | ||
| 594 | this.$startLoading(); | ||
| 595 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 596 | init(this.propsParam).then((res) => { | ||
| 597 | if (res.code == 200) { | ||
| 598 | this.ruleForm = res.result; | ||
| 599 | this.isShow = true; | ||
| 600 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 601 | this.$endLoading(); | ||
| 602 | if (djlx == null || djlx == 100) { | ||
| 603 | this.ssqlxxshow = false; | ||
| 604 | } | ||
| 605 | |||
| 606 | //获取主体信息 | ||
| 607 | getSsQlxx({ | ||
| 608 | bdcdyid: this.propsParam.bdcdyid, | ||
| 609 | qllx: this.propsParam.qllx, | ||
| 610 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 611 | }).then((res) => { | ||
| 612 | if (res.code == 200) { | ||
| 613 | this.ssQlxxList = res.result; | ||
| 614 | } | ||
| 615 | }); | ||
| 616 | //获取上手信息 | ||
| 617 | getZtQlxx({ | ||
| 618 | bdcdyid: this.propsParam.bdcdyid, | ||
| 619 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 620 | }).then((res) => { | ||
| 621 | if (res.code == 200) { | ||
| 622 | this.ztQlxxList = res.result; | ||
| 623 | } | ||
| 624 | }); | ||
| 625 | } | ||
| 626 | }); | ||
| 627 | }, | ||
| 628 | // // 更新土地用途信息 | ||
| 629 | // upDateTdytxxList(val) { | ||
| 630 | // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 631 | // this.key++; | ||
| 632 | // }, | ||
| 633 | // // 更新权利人信息 | ||
| 634 | // upDateQlrxxList(val) { | ||
| 635 | // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 636 | // this.czrOptions = this.ruleForm.qlrData; | ||
| 637 | // this.key++; | ||
| 638 | // }, | ||
| 639 | // // 更新义务人信息 | ||
| 640 | // upDateYwrxxList(val) { | ||
| 641 | // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 642 | // this.key++; | ||
| 643 | // }, | ||
| 644 | /** | ||
| 645 | * @description: onSubmit | ||
| 646 | * @author: renchao | ||
| 647 | */ | ||
| 648 | onSubmit() { | ||
| 649 | this.$refs.ruleForm.validate((valid) => { | ||
| 650 | console.log("valid", valid); | ||
| 651 | if (valid) { | ||
| 652 | save(this.ruleForm).then((res) => { | ||
| 653 | if (res.code === 200) { | ||
| 654 | this.$message({ | ||
| 655 | showClose: true, | ||
| 656 | message: "保存成功！", | ||
| 657 | type: "success", | ||
| 658 | }); | ||
| 659 | this.$parent.changeywh(); | ||
| 660 | this.$store.dispatch("user/refreshPage", true); | ||
| 661 | } else { | ||
| 662 | this.$message({ | ||
| 663 | showClose: true, | ||
| 664 | message: res.message, | ||
| 665 | type: "error", | ||
| 666 | }); | ||
| 667 | } | ||
| 668 | }); | ||
| 669 | } else { | ||
| 670 | return false; | ||
| 671 | } | ||
| 672 | }); | ||
| 590 | }, | 673 | }, |
| 591 | }; | 674 | }, |
| 675 | }; | ||
| 592 | </script> | 676 | </script> |
| 593 | <style scoped lang="scss"> | 677 | <style scoped lang="scss"> |
| 594 | @import "~@/styles/public.scss"; | 678 | @import "~@/styles/public.scss"; |
| 595 | @import "~@/styles/slxx/slxx.scss"; | 679 | @import "~@/styles/slxx/slxx.scss"; |
| 596 | </style> | 680 | </style> | ... | ... |
| ... | @@ -16,7 +16,8 @@ | ... | @@ -16,7 +16,8 @@ |
| 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 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 23 | 补录信息 |
| ... | @@ -45,21 +46,28 @@ | ... | @@ -45,21 +46,28 @@ |
| 45 | </div> | 46 | </div> |
| 46 | <el-row :gutter="10"> | 47 | <el-row :gutter="10"> |
| 47 | <el-col :span="8"> | 48 | <el-col :span="8"> |
| 48 | <el-form-item label="抵押不动产信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> | 49 | <el-form-item |
| 50 | label="抵押不动产信息：" | ||
| 51 | prop="ztQlxx.bdcqzh" | ||
| 52 | :rules="rules.ztQlxxrules" | ||
| 53 | > | ||
| 49 | <select-table | 54 | <select-table |
| 50 | v-model="ruleForm.ztQlxx" | 55 | v-model="ruleForm.ztQlxx" |
| 51 | :table-width="550" | 56 | :table-width="550" |
| 52 | :tableData="ztQlxxList" | 57 | :tableData="ztQlxxList" |
| 53 | :props="props" | 58 | :props="props" |
| 54 | @change="ztQlxxchange"> | 59 | @change="ztQlxxchange" |
| 60 | > | ||
| 55 | <el-table-column | 61 | <el-table-column |
| 56 | prop="qllxmc" | 62 | prop="qllxmc" |
| 57 | width="130" | 63 | width="130" |
| 58 | label="权利类型"></el-table-column> | 64 | label="权利类型" |
| 65 | ></el-table-column> | ||
| 59 | <el-table-column | 66 | <el-table-column |
| 60 | prop="bdcqzh" | 67 | prop="bdcqzh" |
| 61 | width="160" | 68 | width="160" |
| 62 | label="不动产权证书"></el-table-column> | 69 | label="不动产权证书" |
| 70 | ></el-table-column> | ||
| 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -69,21 +77,28 @@ | ... | @@ -69,21 +77,28 @@ |
| 69 | </el-col> | 77 | </el-col> |
| 70 | 78 | ||
| 71 | <el-col :span="8" v-if="ssqlxxshow"> | 79 | <el-col :span="8" v-if="ssqlxxshow"> |
| 72 | <el-form-item label="上手权利信息："> | 80 | <el-form-item |
| 81 | label="上手权利信息：" | ||
| 82 | prop="ssQlxx.bdcqzh" | ||
| 83 | :rules="rules.ssQlxxrules" | ||
| 84 | > | ||
| 73 | <select-table | 85 | <select-table |
| 74 | v-model="ruleForm.ssQlxx" | 86 | v-model="ruleForm.ssQlxx" |
| 75 | :table-width="550" | 87 | :table-width="550" |
| 76 | :tableData="ssQlxxList" | 88 | :tableData="ssQlxxList" |
| 77 | :props="props" | 89 | :props="props" |
| 78 | @change="ssQlxxchange"> | 90 | @change="ssQlxxchange" |
| 91 | > | ||
| 79 | <el-table-column | 92 | <el-table-column |
| 80 | prop="qllxmc" | 93 | prop="qllxmc" |
| 81 | width="130" | 94 | width="130" |
| 82 | label="权利类型"></el-table-column> | 95 | label="权利类型" |
| 96 | ></el-table-column> | ||
| 83 | <el-table-column | 97 | <el-table-column |
| 84 | prop="bdcqzh" | 98 | prop="bdcqzh" |
| 85 | width="160" | 99 | width="160" |
| 86 | label="不动产权证书"></el-table-column> | 100 | label="不动产权证书" |
| 101 | ></el-table-column> | ||
| 87 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 102 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 88 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 103 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 89 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 104 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -161,13 +176,18 @@ | ... | @@ -161,13 +176,18 @@ |
| 161 | </el-form-item> | 176 | </el-form-item> |
| 162 | </el-col> | 177 | </el-col> |
| 163 | <el-col :span="8"> | 178 | <el-col :span="8"> |
| 164 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 179 | <el-form-item |
| 180 | label="登记类型：" | ||
| 181 | prop="qlxx.djlx" | ||
| 182 | :rules="rules.djlxrules" | ||
| 183 | > | ||
| 165 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 184 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 166 | <el-option | 185 | <el-option |
| 167 | v-for="item in djlxlist" | 186 | v-for="item in djlxlist" |
| 168 | :key="item.dcode" | 187 | :key="item.dcode" |
| 169 | :label="item.dname" | 188 | :label="item.dname" |
| 170 | :value="item.dcode"></el-option> | 189 | :value="item.dcode" |
| 190 | ></el-option> | ||
| 171 | </el-select> | 191 | </el-select> |
| 172 | </el-form-item> | 192 | </el-form-item> |
| 173 | </el-col> | 193 | </el-col> |
| ... | @@ -180,12 +200,17 @@ | ... | @@ -180,12 +200,17 @@ |
| 180 | v-for="item in qsztlist" | 200 | v-for="item in qsztlist" |
| 181 | :key="item.dcode" | 201 | :key="item.dcode" |
| 182 | :label="item.dname" | 202 | :label="item.dname" |
| 183 | :value="item.dcode"></el-option> | 203 | :value="item.dcode" |
| 204 | ></el-option> | ||
| 184 | </el-select> | 205 | </el-select> |
| 185 | </el-form-item> | 206 | </el-form-item> |
| 186 | </el-col> | 207 | </el-col> |
| 187 | <el-col :span="8"> | 208 | <el-col :span="8"> |
| 188 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 209 | <el-form-item |
| 210 | label="业务号：" | ||
| 211 | prop="qlxx.ywh" | ||
| 212 | :rules="rules.ywhrules" | ||
| 213 | > | ||
| 189 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 214 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 190 | </el-form-item> | 215 | </el-form-item> |
| 191 | </el-col> | 216 | </el-col> |
| ... | @@ -218,13 +243,15 @@ | ... | @@ -218,13 +243,15 @@ |
| 218 | <el-input | 243 | <el-input |
| 219 | v-model="ruleForm.diyaq.zgzqse" | 244 | v-model="ruleForm.diyaq.zgzqse" |
| 220 | style="width: 500%" | 245 | style="width: 500%" |
| 221 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 246 | oninput="value=value.replace(/[^\d.]/g,'')" |
| 247 | ></el-input> | ||
| 222 | <el-select v-model="ruleForm.diyaq.jedw"> | 248 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 223 | <el-option | 249 | <el-option |
| 224 | v-for="item in dictData['A57']" | 250 | v-for="item in dictData['A57']" |
| 225 | :key="item.dcode" | 251 | :key="item.dcode" |
| 226 | :label="item.dname" | 252 | :label="item.dname" |
| 227 | :value="item.dcode"></el-option> | 253 | :value="item.dcode" |
| 254 | ></el-option> | ||
| 228 | </el-select> | 255 | </el-select> |
| 229 | </div> | 256 | </div> |
| 230 | </el-form-item> | 257 | </el-form-item> |
| ... | @@ -235,13 +262,15 @@ | ... | @@ -235,13 +262,15 @@ |
| 235 | <el-input | 262 | <el-input |
| 236 | v-model="ruleForm.diyaq.bdbzzqse" | 263 | v-model="ruleForm.diyaq.bdbzzqse" |
| 237 | style="width: 500%" | 264 | style="width: 500%" |
| 238 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 265 | oninput="value=value.replace(/[^\d.]/g,'')" |
| 266 | ></el-input> | ||
| 239 | <el-select v-model="ruleForm.diyaq.jedw"> | 267 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 240 | <el-option | 268 | <el-option |
| 241 | v-for="item in dictData['A57']" | 269 | v-for="item in dictData['A57']" |
| 242 | :key="item.dcode" | 270 | :key="item.dcode" |
| 243 | :label="item.dname" | 271 | :label="item.dname" |
| 244 | :value="item.dcode"></el-option> | 272 | :value="item.dcode" |
| 273 | ></el-option> | ||
| 245 | </el-select> | 274 | </el-select> |
| 246 | </div> | 275 | </div> |
| 247 | </el-form-item> | 276 | </el-form-item> |
| ... | @@ -253,15 +282,15 @@ | ... | @@ -253,15 +282,15 @@ |
| 253 | <div class="flex"> | 282 | <div class="flex"> |
| 254 | <el-input | 283 | <el-input |
| 255 | v-model="ruleForm.diyaq.dymj" | 284 | v-model="ruleForm.diyaq.dymj" |
| 256 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 257 | <el-select | 286 | ></el-input> |
| 258 | v-model="ruleForm.diyaq.jedw" | 287 | <el-select v-model="ruleForm.diyaq.jedw" style="width: 20%"> |
| 259 | style="width: 20%"> | ||
| 260 | <el-option | 288 | <el-option |
| 261 | v-for="item in dictData['A7']" | 289 | v-for="item in dictData['A7']" |
| 262 | :key="item.dcode" | 290 | :key="item.dcode" |
| 263 | :label="item.dname" | 291 | :label="item.dname" |
| 264 | :value="item.dcode"> | 292 | :value="item.dcode" |
| 293 | > | ||
| 265 | </el-option> | 294 | </el-option> |
| 266 | </el-select> | 295 | </el-select> |
| 267 | </div> | 296 | </div> |
| ... | @@ -272,13 +301,15 @@ | ... | @@ -272,13 +301,15 @@ |
| 272 | <el-form-item | 301 | <el-form-item |
| 273 | label="债务履行起始时间：" | 302 | label="债务履行起始时间：" |
| 274 | prop="diyaq.zwlxqssj" | 303 | prop="diyaq.zwlxqssj" |
| 275 | :rules="rules.zwlxqssjrules"> | 304 | :rules="rules.zwlxqssjrules" |
| 305 | > | ||
| 276 | <el-date-picker | 306 | <el-date-picker |
| 277 | v-model="ruleForm.diyaq.zwlxqssj" | 307 | v-model="ruleForm.diyaq.zwlxqssj" |
| 278 | type="date" | 308 | type="date" |
| 279 | placeholder="选择日期" | 309 | placeholder="选择日期" |
| 280 | value-format="yyyy-MM-dd HH:mm:ss" | 310 | value-format="yyyy-MM-dd HH:mm:ss" |
| 281 | format="yyyy-MM-dd"> | 311 | format="yyyy-MM-dd" |
| 312 | > | ||
| 282 | </el-date-picker> | 313 | </el-date-picker> |
| 283 | </el-form-item> | 314 | </el-form-item> |
| 284 | </el-col> | 315 | </el-col> |
| ... | @@ -286,13 +317,15 @@ | ... | @@ -286,13 +317,15 @@ |
| 286 | <el-form-item | 317 | <el-form-item |
| 287 | label="债务履行结束时间：" | 318 | label="债务履行结束时间：" |
| 288 | prop="diyaq.zwlxjssj" | 319 | prop="diyaq.zwlxjssj" |
| 289 | :rules="rules.zwlxjssjrules"> | 320 | :rules="rules.zwlxjssjrules" |
| 321 | > | ||
| 290 | <el-date-picker | 322 | <el-date-picker |
| 291 | v-model="ruleForm.diyaq.zwlxjssj" | 323 | v-model="ruleForm.diyaq.zwlxjssj" |
| 292 | type="date" | 324 | type="date" |
| 293 | placeholder="选择日期" | 325 | placeholder="选择日期" |
| 294 | value-format="yyyy-MM-dd HH:mm:ss" | 326 | value-format="yyyy-MM-dd HH:mm:ss" |
| 295 | format="yyyy-MM-dd"> | 327 | format="yyyy-MM-dd" |
| 328 | > | ||
| 296 | </el-date-picker> | 329 | </el-date-picker> |
| 297 | </el-form-item> | 330 | </el-form-item> |
| 298 | </el-col> | 331 | </el-col> |
| ... | @@ -346,7 +379,8 @@ | ... | @@ -346,7 +379,8 @@ |
| 346 | v-for="item in dictData['A6']" | 379 | v-for="item in dictData['A6']" |
| 347 | :key="item.dcode" | 380 | :key="item.dcode" |
| 348 | :label="item.dname" | 381 | :label="item.dname" |
| 349 | :value="item.dcode"> | 382 | :value="item.dcode" |
| 383 | > | ||
| 350 | </el-option> | 384 | </el-option> |
| 351 | </el-select> | 385 | </el-select> |
| 352 | </el-form-item> | 386 | </el-form-item> |
| ... | @@ -355,7 +389,8 @@ | ... | @@ -355,7 +389,8 @@ |
| 355 | <el-form-item | 389 | <el-form-item |
| 356 | label="不动产登记证明号：" | 390 | label="不动产登记证明号：" |
| 357 | prop="qlxx.bdcqzh" | 391 | prop="qlxx.bdcqzh" |
| 358 | :rules="rules.bdcqzhrules"> | 392 | :rules="rules.bdcqzhrules" |
| 393 | > | ||
| 359 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 394 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 360 | </el-form-item> | 395 | </el-form-item> |
| 361 | </el-col> | 396 | </el-col> |
| ... | @@ -364,7 +399,8 @@ | ... | @@ -364,7 +399,8 @@ |
| 364 | <el-form-item | 399 | <el-form-item |
| 365 | label="登记机构：" | 400 | label="登记机构：" |
| 366 | prop="qlxx.djjg" | 401 | prop="qlxx.djjg" |
| 367 | :rules="rules.djjgrules"> | 402 | :rules="rules.djjgrules" |
| 403 | > | ||
| 368 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 404 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 369 | </el-form-item> | 405 | </el-form-item> |
| 370 | </el-col> | 406 | </el-col> |
| ... | @@ -372,7 +408,8 @@ | ... | @@ -372,7 +408,8 @@ |
| 372 | <el-form-item | 408 | <el-form-item |
| 373 | label="登簿人：" | 409 | label="登簿人：" |
| 374 | prop="qlxx.dbr" | 410 | prop="qlxx.dbr" |
| 375 | :rules="rules.dbrrules"> | 411 | :rules="rules.dbrrules" |
| 412 | > | ||
| 376 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 413 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 377 | </el-form-item> | 414 | </el-form-item> |
| 378 | </el-col> | 415 | </el-col> |
| ... | @@ -380,14 +417,16 @@ | ... | @@ -380,14 +417,16 @@ |
| 380 | <el-form-item | 417 | <el-form-item |
| 381 | label="登记时间：" | 418 | label="登记时间：" |
| 382 | prop="qlxx.djsj" | 419 | prop="qlxx.djsj" |
| 383 | :rules="rules.djsjrules"> | 420 | :rules="rules.djsjrules" |
| 421 | > | ||
| 384 | <el-date-picker | 422 | <el-date-picker |
| 385 | v-model="ruleForm.qlxx.djsj" | 423 | v-model="ruleForm.qlxx.djsj" |
| 386 | type="date" | 424 | type="date" |
| 387 | class="width100" | 425 | class="width100" |
| 388 | placeholder="选择日期" | 426 | placeholder="选择日期" |
| 389 | value-format="yyyy-MM-dd HH:mm:ss" | 427 | value-format="yyyy-MM-dd HH:mm:ss" |
| 390 | format="yyyy-MM-dd"> | 428 | format="yyyy-MM-dd" |
| 429 | > | ||
| 391 | </el-date-picker> | 430 | </el-date-picker> |
| 392 | </el-form-item> | 431 | </el-form-item> |
| 393 | </el-col> | 432 | </el-col> |
| ... | @@ -429,13 +468,15 @@ | ... | @@ -429,13 +468,15 @@ |
| 429 | <el-form-item | 468 | <el-form-item |
| 430 | label="注销时间：" | 469 | label="注销时间：" |
| 431 | prop="qlxx.zxsj" | 470 | prop="qlxx.zxsj" |
| 432 | :rules="rules.zxsjrules"> | 471 | :rules="rules.zxsjrules" |
| 472 | > | ||
| 433 | <el-date-picker | 473 | <el-date-picker |
| 434 | v-model="ruleForm.qlxx.zxsj" | 474 | v-model="ruleForm.qlxx.zxsj" |
| 435 | type="date" | 475 | type="date" |
| 436 | placeholder="选择日期" | 476 | placeholder="选择日期" |
| 437 | value-format="yyyy-MM-dd HH:mm:ss" | 477 | value-format="yyyy-MM-dd HH:mm:ss" |
| 438 | format="yyyy-MM-dd"> | 478 | format="yyyy-MM-dd" |
| 479 | > | ||
| 439 | </el-date-picker> | 480 | </el-date-picker> |
| 440 | </el-form-item> | 481 | </el-form-item> |
| 441 | </el-col> | 482 | </el-col> |
| ... | @@ -443,7 +484,8 @@ | ... | @@ -443,7 +484,8 @@ |
| 443 | <el-form-item | 484 | <el-form-item |
| 444 | label="注销登簿人：" | 485 | label="注销登簿人：" |
| 445 | prop="qlxx.zxdbr" | 486 | prop="qlxx.zxdbr" |
| 446 | :rules="rules.zxdbrrules"> | 487 | :rules="rules.zxdbrrules" |
| 488 | > | ||
| 447 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> | 489 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> |
| 448 | </el-form-item> | 490 | </el-form-item> |
| 449 | </el-col> | 491 | </el-col> |
| ... | @@ -451,11 +493,11 @@ | ... | @@ -451,11 +493,11 @@ |
| 451 | <el-form-item | 493 | <el-form-item |
| 452 | label="注销抵押原因：" | 494 | label="注销抵押原因：" |
| 453 | prop="diyaq.zxdyyy" | 495 | prop="diyaq.zxdyyy" |
| 454 | :rules="rules.zxdyyyrules"> | 496 | :rules="rules.zxdyyyrules" |
| 497 | > | ||
| 455 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> | 498 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> |
| 456 | </el-form-item> | 499 | </el-form-item> |
| 457 | </el-col> | 500 | </el-col> |
| 458 | |||
| 459 | </el-row> | 501 | </el-row> |
| 460 | <div class="slxx_title title-block"> | 502 | <div class="slxx_title title-block"> |
| 461 | 权利人信息 | 503 | 权利人信息 |
| ... | @@ -466,7 +508,8 @@ | ... | @@ -466,7 +508,8 @@ |
| 466 | <el-form-item label="共有方式："> | 508 | <el-form-item label="共有方式："> |
| 467 | <el-radio-group | 509 | <el-radio-group |
| 468 | :disabled="!ableOperation" | 510 | :disabled="!ableOperation" |
| 469 | v-model="ruleForm.qlxx.gyfs"> | 511 | v-model="ruleForm.qlxx.gyfs" |
| 512 | > | ||
| 470 | <el-radio label="0">单独所有</el-radio> | 513 | <el-radio label="0">单独所有</el-radio> |
| 471 | <el-radio label="1">共同共有</el-radio> | 514 | <el-radio label="1">共同共有</el-radio> |
| 472 | <el-radio label="2">按份所有</el-radio> | 515 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -478,7 +521,8 @@ | ... | @@ -478,7 +521,8 @@ |
| 478 | <el-form-item label="是否分别持证："> | 521 | <el-form-item label="是否分别持证："> |
| 479 | <el-radio-group | 522 | <el-radio-group |
| 480 | v-model="ruleForm.qlxx.sqfbcz" | 523 | v-model="ruleForm.qlxx.sqfbcz" |
| 481 | :disabled="!ableOperation"> | 524 | :disabled="!ableOperation" |
| 525 | > | ||
| 482 | <el-radio :label="1">是</el-radio> | 526 | <el-radio :label="1">是</el-radio> |
| 483 | <el-radio :label="0">否</el-radio> | 527 | <el-radio :label="0">否</el-radio> |
| 484 | </el-radio-group> | 528 | </el-radio-group> |
| ... | @@ -486,17 +530,20 @@ | ... | @@ -486,17 +530,20 @@ |
| 486 | </el-col> | 530 | </el-col> |
| 487 | <el-col | 531 | <el-col |
| 488 | :span="6" | 532 | :span="6" |
| 489 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 533 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 534 | > | ||
| 490 | <el-form-item label="持证人："> | 535 | <el-form-item label="持证人："> |
| 491 | <el-select | 536 | <el-select |
| 492 | v-model="ruleForm.czr" | 537 | v-model="ruleForm.czr" |
| 493 | placeholder="持证人" | 538 | placeholder="持证人" |
| 494 | :disabled="!ableOperation"> | 539 | :disabled="!ableOperation" |
| 540 | > | ||
| 495 | <el-option | 541 | <el-option |
| 496 | v-for="item in czrOptions" | 542 | v-for="item in czrOptions" |
| 497 | :key="item.zjh" | 543 | :key="item.zjh" |
| 498 | :label="item.sqrmc" | 544 | :label="item.sqrmc" |
| 499 | :value="item.zjh"> | 545 | :value="item.zjh" |
| 546 | > | ||
| 500 | </el-option> | 547 | </el-option> |
| 501 | </el-select> | 548 | </el-select> |
| 502 | </el-form-item> | 549 | </el-form-item> |
| ... | @@ -507,7 +554,8 @@ | ... | @@ -507,7 +554,8 @@ |
| 507 | @upDateQlrxxList="upDateQlrxxList" | 554 | @upDateQlrxxList="upDateQlrxxList" |
| 508 | :key="key" | 555 | :key="key" |
| 509 | :ableOperation="ableOperation" | 556 | :ableOperation="ableOperation" |
| 510 | :gyfs="ruleForm.qlxx.gyfs" /> | 557 | :gyfs="ruleForm.qlxx.gyfs" |
| 558 | /> | ||
| 511 | 559 | ||
| 512 | <div v-if="ruleForm.ywrData"> | 560 | <div v-if="ruleForm.ywrData"> |
| 513 | <div class="slxx_title title-block"> | 561 | <div class="slxx_title title-block"> |
| ... | @@ -519,7 +567,8 @@ | ... | @@ -519,7 +567,8 @@ |
| 519 | :tableData="ruleForm.ywrData" | 567 | :tableData="ruleForm.ywrData" |
| 520 | :key="key" | 568 | :key="key" |
| 521 | :ableOperation="ableOperation" | 569 | :ableOperation="ableOperation" |
| 522 | @upDateQlrxxList="upDateYwrxxList" /> | 570 | @upDateQlrxxList="upDateYwrxxList" |
| 571 | /> | ||
| 523 | </div> | 572 | </div> |
| 524 | </div> | 573 | </div> |
| 525 | <el-row class="btn" v-if="ableOperation"> | 574 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -531,292 +580,359 @@ | ... | @@ -531,292 +580,359 @@ |
| 531 | </div> | 580 | </div> |
| 532 | </template> | 581 | </template> |
| 533 | <script> | 582 | <script> |
| 534 | import { mapGetters } from "vuex"; | 583 | import { mapGetters } from "vuex"; |
| 535 | import ywmix from "@/views/ywbl/mixin/index" | 584 | import ywmix from "@/views/ywbl/mixin/index"; |
| 536 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 585 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 537 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 586 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 538 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 587 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 539 | import selectTable from "@/components/selectTable/index.vue"; | 588 | import selectTable from "@/components/selectTable/index.vue"; |
| 540 | import tdytTable from "@/views/workflow/components/tdytTable"; | 589 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 541 | export default { | 590 | export default { |
| 542 | mixins: [ywmix], | 591 | mixins: [ywmix], |
| 543 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 592 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 544 | computed: { | 593 | computed: { |
| 545 | ...mapGetters(["dictData", "flag"]), | 594 | ...mapGetters(["dictData", "flag"]), |
| 546 | // 根据流程判断表单是否为只读 | 595 | // 根据流程判断表单是否为只读 |
| 547 | editDisabled () { | 596 | editDisabled() { |
| 548 | if (!this.ableOperation) { | 597 | if (!this.ableOperation) { |
| 549 | //只读状态 | 598 | //只读状态 |
| 550 | return true; | 599 | return true; |
| 551 | } | 600 | } |
| 552 | return false; | 601 | return false; |
| 553 | }, | ||
| 554 | }, | 602 | }, |
| 555 | data () { | 603 | }, |
| 556 | return { | 604 | data() { |
| 557 | mjdw: "1", | 605 | return { |
| 558 | props: { | 606 | mjdw: "1", |
| 559 | label: "bdcqzh", | 607 | props: { |
| 560 | value: "bdcdyid", | 608 | label: "bdcqzh", |
| 609 | value: "bdcdyid", | ||
| 610 | }, | ||
| 611 | //表单是否可操作 | ||
| 612 | propsParam: this.$attrs, | ||
| 613 | key: 0, | ||
| 614 | isShow: false, | ||
| 615 | disabled: true, | ||
| 616 | ssqlxxshow: true, | ||
| 617 | czrOptions: [], | ||
| 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: "更正登记", | ||
| 561 | }, | 647 | }, |
| 562 | //表单是否可操作 | ||
| 563 | propsParam: this.$attrs, | ||
| 564 | key: 0, | ||
| 565 | isShow: false, | ||
| 566 | disabled: true, | ||
| 567 | ssqlxxshow: true, | ||
| 568 | czrOptions: [], | ||
| 569 | ruleForm: {}, | ||
| 570 | // 权属状态 | ||
| 571 | qsztlist: [ | ||
| 572 | { | ||
| 573 | dcode: "1", | ||
| 574 | dname: "现势", | ||
| 575 | }, | ||
| 576 | { | ||
| 577 | dcode: "2", | ||
| 578 | dname: "历史", | ||
| 579 | }, | ||
| 580 | ], | ||
| 581 | // 登记类型 | ||
| 582 | djlxlist: [ | ||
| 583 | { | ||
| 584 | dcode: "100", | ||
| 585 | dname: "首次登记", | ||
| 586 | }, | ||
| 587 | { | ||
| 588 | dcode: "200", | ||
| 589 | dname: "转移登记", | ||
| 590 | }, | ||
| 591 | { | ||
| 592 | dcode: "300", | ||
| 593 | dname: "变更登记", | ||
| 594 | }, | ||
| 595 | { | ||
| 596 | dcode: "500", | ||
| 597 | dname: "更正登记", | ||
| 598 | }, | ||
| 599 | 648 | ||
| 600 | { | 649 | { |
| 601 | dcode: "901", | 650 | dcode: "901", |
| 602 | dname: "补证", | 651 | dname: "补证", |
| 603 | }, | 652 | }, |
| 604 | { | 653 | { |
| 605 | dcode: "902", | 654 | dcode: "902", |
| 606 | dname: "换证", | 655 | dname: "换证", |
| 607 | }, | 656 | }, |
| 657 | ], | ||
| 658 | ssQlxxList: [], | ||
| 659 | ztQlxxList: [], | ||
| 660 | ableOperation: false, | ||
| 661 | rules: { | ||
| 662 | ssQlxxrules: [ | ||
| 663 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 664 | ], | ||
| 665 | ztQlxxrules: [ | ||
| 666 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 667 | ], | ||
| 668 | bdcqzhrules: [ | ||
| 669 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | ||
| 670 | ], | ||
| 671 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 672 | zwlxqssjrules: [ | ||
| 673 | { required: true, message: "债务履行起始时间", trigger: "blur" }, | ||
| 674 | ], | ||
| 675 | zwlxjssjrules: [ | ||
| 676 | { required: true, message: "债务履行结束时间", trigger: "blur" }, | ||
| 608 | ], | 677 | ], |
| 609 | ssQlxxList: [], | ||
| 610 | ztQlxxList: [], | ||
| 611 | ableOperation: false, | ||
| 612 | rules: { | ||
| 613 | ztQlxxrules: [ | ||
| 614 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 615 | ], | ||
| 616 | bdcqzhrules: [ | ||
| 617 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | ||
| 618 | ], | ||
| 619 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 620 | zwlxqssjrules: [ | ||
| 621 | { required: true, message: "债务履行起始时间", trigger: "blur" }, | ||
| 622 | ], | ||
| 623 | zwlxjssjrules: [ | ||
| 624 | { required: true, message: "债务履行结束时间", trigger: "blur" }, | ||
| 625 | ], | ||
| 626 | 678 | ||
| 627 | zxdyyyrules: [ | 679 | zxdyyyrules: [ |
| 628 | { required: true, message: "注销抵押原因", trigger: "blur" }, | 680 | { required: true, message: "注销抵押原因", trigger: "blur" }, |
| 629 | ], | 681 | ], |
| 630 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], | 682 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], |
| 631 | zxdbrrules: [ | 683 | zxdbrrules: [ |
| 632 | { required: true, message: "注销登簿人", trigger: "blur" }, | 684 | { required: true, message: "注销登簿人", trigger: "blur" }, |
| 633 | ], | 685 | ], |
| 634 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 686 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 635 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 687 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 636 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 688 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 637 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 689 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 638 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 690 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 639 | }, | 691 | }, |
| 640 | }; | 692 | }; |
| 693 | }, | ||
| 694 | created() {}, | ||
| 695 | mounted() { | ||
| 696 | this.loadData(); | ||
| 697 | this.ableOperation = this.$parent.ableOperation; | ||
| 698 | }, | ||
| 699 | methods: { | ||
| 700 | /** | ||
| 701 | * @description: ztQlxxchange | ||
| 702 | * @param {*} val | ||
| 703 | * @author: renchao | ||
| 704 | */ | ||
| 705 | ztQlxxchange(val) { | ||
| 706 | this.ruleForm.ztQlxx = val; | ||
| 641 | }, | 707 | }, |
| 642 | created () { }, | 708 | /** |
| 643 | mounted () { | 709 | * @description: ssQlxxchange |
| 644 | this.loadData(); | 710 | * @param {*} val |
| 645 | 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); | ||
| 646 | }, | 717 | }, |
| 647 | methods: { | 718 | // 弹框事件 |
| 648 | /** | 719 | ssQlxxchangediolog(val) { |
| 649 | * @description: ztQlxxchange | 720 | console.log("确定了", this.ruleForm); |
| 650 | * @param {*} val | 721 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 651 | * @author: renchao | 722 | iconClass: "el-icon-question", //自定义图标样式 |
| 652 | */ | 723 | confirmButtonText: "确认", //确认按钮文字更换 |
| 653 | ztQlxxchange (val) { | 724 | cancelButtonText: "取消", //取消按钮文字更换 |
| 654 | this.ruleForm.ztQlxx = val; | 725 | showClose: true, //是否显示右上角关闭按钮 |
| 655 | }, | 726 | type: "warning", |
| 656 | /** | 727 | }).then(() => { |
| 657 | * @description: ssQlxxchange | 728 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 658 | * @param {*} val | ||
| 659 | * @author: renchao | ||
| 660 | */ | ||
| 661 | ssQlxxchange (val) { | ||
| 662 | this.ruleForm.ssQlxx = val; | ||
| 663 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 664 | }, | ||
| 665 | djlxchange (val) { | ||
| 666 | if (val == null || val == 100) { | ||
| 667 | this.ssqlxxshow = false; | ||
| 668 | } else { | ||
| 669 | this.ssqlxxshow = true; | ||
| 670 | } | ||
| 671 | }, | ||
| 672 | /** | ||
| 673 | * @description: loadData | ||
| 674 | * @author: renchao | ||
| 675 | */ | ||
| 676 | loadData () { | ||
| 677 | this.$startLoading(); | ||
| 678 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 679 | init(this.propsParam).then((res) => { | ||
| 680 | if (res.code == 200) { | 729 | if (res.code == 200) { |
| 681 | this.ruleForm = res.result; | 730 | this.nowlist = res.result; |
| 682 | this.$endLoading(); | 731 | console.log("his.nowlist", this.nowlist); |
| 683 | this.isShow = true; | 732 | console.log("this.ruleForm", this.ruleForm); |
| 684 | let djlx = this.ruleForm.qlxx.djlx; | 733 | for (var key in this.ruleForm.diyaq) { |
| 685 | if (djlx == null || djlx == 100) { | 734 | if ( |
| 686 | this.ssqlxxshow = false; | 735 | this.ruleForm.diyaq[key] == "" || |
| 736 | this.ruleForm.diyaq[key] == null | ||
| 737 | ) { | ||
| 738 | this.ruleForm.diyaq[key] = this.nowlist.diyaq[key]; | ||
| 739 | } | ||
| 740 | } | ||
| 741 | for (var key in this.ruleForm.qlxx) { | ||
| 742 | if ( | ||
| 743 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 744 | this.ruleForm.qlxx[key] == null | ||
| 745 | ) { | ||
| 746 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 747 | if (key != "ywh") { | ||
| 748 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 749 | } | ||
| 750 | } | ||
| 751 | } | ||
| 752 | if (!this.ruleForm.tdytqxList.length) { | ||
| 753 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 754 | } | ||
| 755 | if (!this.ruleForm.qlrData.length) { | ||
| 756 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 687 | } | 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 | }); | ||
| 688 | } | 766 | } |
| 689 | }); | 767 | }); |
| 690 | //获取主体信息 | 768 | }).catch(() => { |
| 691 | getSsQlxx({ | 769 | this.$message({ |
| 692 | bdcdyid: this.propsParam.bdcdyid, | 770 | type: "info", |
| 693 | qllx: this.propsParam.qllx, | 771 | message: "已取消同步", |
| 694 | }).then((res) => { | 772 | }); |
| 695 | if (res.code == 200) { | 773 | }); |
| 696 | this.ssQlxxList = res.result; | 774 | }, |
| 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; | ||
| 697 | } | 798 | } |
| 698 | }); | 799 | |
| 699 | //获取上手信息 | 800 | //获取主体信息 |
| 700 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 801 | getSsQlxx({ |
| 701 | if (res.code == 200) { | 802 | bdcdyid: this.propsParam.bdcdyid, |
| 702 | this.ztQlxxList = res.result; | 803 | qllx: this.propsParam.qllx, |
| 804 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 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 | } | ||
| 820 | }); | ||
| 821 | }, | ||
| 822 | // 更新土地用途信息 | ||
| 823 | /** | ||
| 824 | * @description: 更新土地用途信息 | ||
| 825 | * @param {*} val | ||
| 826 | * @author: renchao | ||
| 827 | */ | ||
| 828 | upDateTdytxxList(val) { | ||
| 829 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 830 | this.key++; | ||
| 831 | }, | ||
| 832 | // 更新权利人信息 | ||
| 833 | /** | ||
| 834 | * @description: 更新权利人信息 | ||
| 835 | * @param {*} val | ||
| 836 | * @author: renchao | ||
| 837 | */ | ||
| 838 | upDateQlrxxList(val) { | ||
| 839 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 840 | this.czrOptions = this.ruleForm.qlrData; | ||
| 841 | this.key++; | ||
| 842 | }, | ||
| 843 | // 更新义务人信息 | ||
| 844 | /** | ||
| 845 | * @description: 更新义务人信息 | ||
| 846 | * @param {*} val | ||
| 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 | }); | ||
| 866 | return false; | ||
| 703 | } | 867 | } |
| 704 | }); | 868 | if (this.ruleForm.ywrData.length == 0) { |
| 705 | }, | 869 | this.$message({ |
| 706 | // 更新土地用途信息 | 870 | showClose: true, |
| 707 | /** | 871 | message: "请确认义务人信息", |
| 708 | * @description: 更新土地用途信息 | 872 | type: "error", |
| 709 | * @param {*} val | 873 | }); |
| 710 | * @author: renchao | 874 | return false; |
| 711 | */ | 875 | } |
| 712 | upDateTdytxxList (val) { | 876 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 713 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 877 | if (this.ruleForm.qlrData.length > 1) { |
| 714 | this.key++; | ||
| 715 | }, | ||
| 716 | // 更新权利人信息 | ||
| 717 | /** | ||
| 718 | * @description: 更新权利人信息 | ||
| 719 | * @param {*} val | ||
| 720 | * @author: renchao | ||
| 721 | */ | ||
| 722 | upDateQlrxxList (val) { | ||
| 723 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 724 | this.czrOptions = this.ruleForm.qlrData; | ||
| 725 | this.key++; | ||
| 726 | }, | ||
| 727 | // 更新义务人信息 | ||
| 728 | /** | ||
| 729 | * @description: 更新义务人信息 | ||
| 730 | * @param {*} val | ||
| 731 | * @author: renchao | ||
| 732 | */ | ||
| 733 | upDateYwrxxList (val) { | ||
| 734 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 735 | this.key++; | ||
| 736 | }, | ||
| 737 | /** | ||
| 738 | * @description: onSubmit | ||
| 739 | * @author: renchao | ||
| 740 | */ | ||
| 741 | onSubmit () { | ||
| 742 | this.$refs.ruleForm.validate((valid) => { | ||
| 743 | if (valid) { | ||
| 744 | if (this.ruleForm.qlrData.length == 0) { | ||
| 745 | this.$message({ | 878 | this.$message({ |
| 746 | showClose: true, | 879 | showClose: true, |
| 747 | message: "请确认权利人信息", | 880 | message: "共有方式：单独所有，权利人只能是一个人", |
| 748 | type: "error", | 881 | type: "error", |
| 749 | }); | 882 | }); |
| 750 | return false; | 883 | return false; |
| 751 | } | 884 | } |
| 752 | if (this.ruleForm.ywrData.length == 0) { | 885 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 886 | } | ||
| 887 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 888 | //是否分别持证 | ||
| 889 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 890 | //是 | ||
| 891 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 892 | item.sfczr = "1"; | ||
| 893 | }); | ||
| 894 | } else { | ||
| 895 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 896 | if (item.zjh == this.ruleForm.czr) { | ||
| 897 | item.sfczr = "1"; | ||
| 898 | } else { | ||
| 899 | item.sfczr = "0"; | ||
| 900 | } | ||
| 901 | }); | ||
| 902 | } | ||
| 903 | } | ||
| 904 | save(this.ruleForm).then((res) => { | ||
| 905 | if (res.code === 200) { | ||
| 753 | this.$message({ | 906 | this.$message({ |
| 754 | showClose: true, | 907 | showClose: true, |
| 755 | message: "请确认义务人信息", | 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, | ||
| 756 | type: "error", | 917 | type: "error", |
| 757 | }); | 918 | }); |
| 758 | return false; | ||
| 759 | } | ||
| 760 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 761 | if (this.ruleForm.qlrData.length > 1) { | ||
| 762 | this.$message({ | ||
| 763 | showClose: true, | ||
| 764 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 765 | type: "error", | ||
| 766 | }); | ||
| 767 | return false; | ||
| 768 | } | ||
| 769 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 770 | } | 919 | } |
| 771 | if (this.ruleForm.qlxx.gyfs == "1") { | 920 | }); |
| 772 | //是否分别持证 | 921 | } else { |
| 773 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 922 | return false; |
| 774 | //是 | 923 | } |
| 775 | this.ruleForm.qlrData.forEach((item, index) => { | 924 | }); |
| 776 | item.sfczr = "1"; | ||
| 777 | }); | ||
| 778 | } else { | ||
| 779 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 780 | if (item.zjh == this.ruleForm.czr) { | ||
| 781 | item.sfczr = "1"; | ||
| 782 | } else { | ||
| 783 | item.sfczr = "0"; | ||
| 784 | } | ||
| 785 | }); | ||
| 786 | } | ||
| 787 | } | ||
| 788 | save(this.ruleForm).then((res) => { | ||
| 789 | if (res.code === 200) { | ||
| 790 | this.$message({ | ||
| 791 | showClose: true, | ||
| 792 | message: "保存成功！", | ||
| 793 | type: "success", | ||
| 794 | }); | ||
| 795 | this.$parent.changeywh() | ||
| 796 | this.$store.dispatch("user/refreshPage", true); | ||
| 797 | } else { | ||
| 798 | this.$message({ | ||
| 799 | showClose: true, | ||
| 800 | message: res.message, | ||
| 801 | type: "error", | ||
| 802 | }); | ||
| 803 | } | ||
| 804 | }); | ||
| 805 | } else { | ||
| 806 | return false; | ||
| 807 | } | ||
| 808 | }); | ||
| 809 | }, | ||
| 810 | }, | 925 | }, |
| 811 | }; | 926 | }, |
| 927 | }; | ||
| 812 | </script> | 928 | </script> |
| 813 | <style scoped lang="scss"> | 929 | <style scoped lang="scss"> |
| 814 | @import "~@/styles/public.scss"; | 930 | @import "~@/styles/public.scss"; |
| 815 | @import "~@/styles/slxx/slxx.scss"; | 931 | @import "~@/styles/slxx/slxx.scss"; |
| 816 | .el-date-editor.el-input { | 932 | .el-date-editor.el-input { |
| 817 | width: 100%; | 933 | width: 100%; |
| 818 | } | 934 | } |
| 819 | .el-table__row { | 935 | .el-table__row { |
| 820 | height: 30px !important; | 936 | height: 30px !important; |
| 821 | } | 937 | } |
| 822 | </style> | 938 | </style> | ... | ... |
| ... | @@ -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="上手权利信息："> | 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" |
| ... | @@ -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, 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"; |
| ... | @@ -510,6 +510,9 @@ | ... | @@ -510,6 +510,9 @@ |
| 510 | ableOperation: false, | 510 | ableOperation: false, |
| 511 | //传递参数\ | 511 | //传递参数\ |
| 512 | rules: { | 512 | rules: { |
| 513 | ssQlxxrules: [ | ||
| 514 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 515 | ], | ||
| 513 | ztQlxxrules: [ | 516 | ztQlxxrules: [ |
| 514 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 517 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 515 | ], | 518 | ], |
| ... | @@ -546,7 +549,65 @@ | ... | @@ -546,7 +549,65 @@ |
| 546 | ssQlxxchange (val) { | 549 | ssQlxxchange (val) { |
| 547 | this.ruleForm.ssQlxx = val; | 550 | this.ruleForm.ssQlxx = val; |
| 548 | this.ruleForm.qlxx.ssywh = val.ywh; | 551 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 552 | this.ssQlxxchangediolog (val) | ||
| 549 | }, | 553 | }, |
| 554 | // 弹框事件 | ||
| 555 | ssQlxxchangediolog (val) { | ||
| 556 | console.log("确定了",this.ruleForm) | ||
| 557 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 558 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 559 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 560 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 561 | showClose: true, //是否显示右上角关闭按钮 | ||
| 562 | type: "warning", | ||
| 563 | }).then(() => { | ||
| 564 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 565 | if (res.code == 200) { | ||
| 566 | this.nowlist = res.result; | ||
| 567 | console.log("his.nowlist", this.nowlist); | ||
| 568 | console.log("this.ruleForm", this.ruleForm); | ||
| 569 | for (var key in this.ruleForm.dyiq) { | ||
| 570 | if ( | ||
| 571 | this.ruleForm.dyiq[key] == "" || | ||
| 572 | this.ruleForm.dyiq[key] == null | ||
| 573 | ) { | ||
| 574 | this.ruleForm.dyiq[key] = this.nowlist.dyiq[key]; | ||
| 575 | } | ||
| 576 | } | ||
| 577 | for (var key in this.ruleForm.qlxx) { | ||
| 578 | if ( | ||
| 579 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 580 | this.ruleForm.qlxx[key] == null | ||
| 581 | ) { | ||
| 582 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 583 | if (key != "ywh") { | ||
| 584 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 585 | } | ||
| 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 | }); | ||
| 602 | } | ||
| 603 | }); | ||
| 604 | }).catch(() => { | ||
| 605 | this.$message({ | ||
| 606 | type: "info", | ||
| 607 | message: "已取消同步", | ||
| 608 | }); | ||
| 609 | }); | ||
| 610 | }, | ||
| 550 | /** | 611 | /** |
| 551 | * @description: djlxchange | 612 | * @description: djlxchange |
| 552 | * @param {*} val | 613 | * @param {*} val |
| ... | @@ -576,24 +637,29 @@ | ... | @@ -576,24 +637,29 @@ |
| 576 | } | 637 | } |
| 577 | this.$endLoading(); | 638 | this.$endLoading(); |
| 578 | this.isShow = true; | 639 | this.isShow = true; |
| 579 | } | 640 | |
| 580 | }); | 641 | //获取主体信息 |
| 581 | //获取主体信息 | 642 | getSsQlxx({ |
| 582 | getSsQlxx({ | 643 | bdcdyid: this.propsParam.bdcdyid, |
| 583 | bdcdyid: this.propsParam.bdcdyid, | 644 | qllx: this.propsParam.qllx, |
| 584 | qllx: this.propsParam.qllx, | 645 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 585 | }).then((res) => { | 646 | }).then((res) => { |
| 586 | if (res.code == 200) { | 647 | if (res.code == 200) { |
| 587 | this.ssQlxxList = res.result; | 648 | this.ssQlxxList = res.result; |
| 588 | } | 649 | } |
| 589 | }); | 650 | }); |
| 590 | //获取上手信息 | 651 | //获取上手信息 |
| 591 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 652 | getZtQlxx({ |
| 592 | if (res.code == 200) { | 653 | bdcdyid: this.propsParam.bdcdyid, |
| 593 | this.ztQlxxList = res.result; | 654 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 594 | } | 655 | }).then((res) => { |
| 595 | }); | 656 | if (res.code == 200) { |
| 596 | }, | 657 | this.ztQlxxList = res.result; |
| 658 | } | ||
| 659 | }); | ||
| 660 | } | ||
| 661 | }); | ||
| 662 | }, | ||
| 597 | // 更新土地用途信息 | 663 | // 更新土地用途信息 |
| 598 | /** | 664 | /** |
| 599 | * @description: 更新土地用途信息 | 665 | * @description: 更新土地用途信息 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 08:38:11 | 4 | * @LastEditTime: 2023-08-03 14:57:02 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -16,7 +16,8 @@ | ... | @@ -16,7 +16,8 @@ |
| 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 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 23 | 补录信息 |
| ... | @@ -43,23 +44,30 @@ | ... | @@ -43,23 +44,30 @@ |
| 43 | 房地产权（独幢、层、套、间房屋） | 44 | 房地产权（独幢、层、套、间房屋） |
| 44 | <div class="triangle"></div> | 45 | <div class="triangle"></div> |
| 45 | </div> | 46 | </div> |
| 46 | <el-row :gutter="10" class="ssqlxx"> | 47 | <el-row :gutter="24"> |
| 47 | <el-col :span="24" v-if="ssqlxxshow"> | 48 | <el-col :span="24" v-if="ssqlxxshow"> |
| 48 | <el-form-item label="上手权利信息："> | 49 | <el-form-item |
| 50 | label="上手权利信息：" | ||
| 51 | prop="ssQlxx.bdcqzh" | ||
| 52 | :rules="rules.ssQlxxrules" | ||
| 53 | > | ||
| 49 | <select-table | 54 | <select-table |
| 50 | v-model="ruleForm.ssQlxx" | 55 | v-model="ruleForm.ssQlxx" |
| 51 | :table-width="550" | 56 | :table-width="550" |
| 52 | :tableData="ssQlxxList" | 57 | :tableData="ssQlxxList" |
| 53 | :props="props" | 58 | :props="props" |
| 54 | @change="ssQlxxchange"> | 59 | @change="ssQlxxchange" |
| 60 | > | ||
| 55 | <el-table-column | 61 | <el-table-column |
| 56 | prop="qllxmc" | 62 | prop="qllxmc" |
| 57 | width="130" | 63 | width="130" |
| 58 | label="权利类型"></el-table-column> | 64 | label="权利类型" |
| 65 | ></el-table-column> | ||
| 59 | <el-table-column | 66 | <el-table-column |
| 60 | prop="bdcqzh" | 67 | prop="bdcqzh" |
| 61 | width="160" | 68 | width="160" |
| 62 | label="不动产权证书"></el-table-column> | 69 | label="不动产权证书" |
| 70 | ></el-table-column> | ||
| 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -75,7 +83,11 @@ | ... | @@ -75,7 +83,11 @@ |
| 75 | </el-form-item> | 83 | </el-form-item> |
| 76 | </el-col> | 84 | </el-col> |
| 77 | <el-col :span="8"> | 85 | <el-col :span="8"> |
| 78 | <el-form-item label="业务号："> | 86 | <el-form-item |
| 87 | label="业务号：" | ||
| 88 | prop="qlxx.ywh" | ||
| 89 | :rules="rules.ywhrules" | ||
| 90 | > | ||
| 79 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 91 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 80 | </el-form-item> | 92 | </el-form-item> |
| 81 | </el-col> | 93 | </el-col> |
| ... | @@ -92,13 +104,18 @@ | ... | @@ -92,13 +104,18 @@ |
| 92 | </el-form-item> | 104 | </el-form-item> |
| 93 | </el-col> | 105 | </el-col> |
| 94 | <el-col :span="8"> | 106 | <el-col :span="8"> |
| 95 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 107 | <el-form-item |
| 108 | label="登记类型：" | ||
| 109 | prop="qlxx.djlx" | ||
| 110 | :rules="rules.djlxrules" | ||
| 111 | > | ||
| 96 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 112 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 97 | <el-option | 113 | <el-option |
| 98 | v-for="item in djlxlist" | 114 | v-for="item in djlxlist" |
| 99 | :key="item.dcode" | 115 | :key="item.dcode" |
| 100 | :label="item.dname" | 116 | :label="item.dname" |
| 101 | :value="item.dcode"> | 117 | :value="item.dcode" |
| 118 | > | ||
| 102 | </el-option> | 119 | </el-option> |
| 103 | </el-select> | 120 | </el-select> |
| 104 | </el-form-item> | 121 | </el-form-item> |
| ... | @@ -116,17 +133,17 @@ | ... | @@ -116,17 +133,17 @@ |
| 116 | <el-col :span="8"> | 133 | <el-col :span="8"> |
| 117 | <el-form-item label="独用土地面积："> | 134 | <el-form-item label="独用土地面积："> |
| 118 | <div class="flex"> | 135 | <div class="flex"> |
| 119 | <el-input v-model="ruleForm.fdcq2.dytdmj" | 136 | <el-input |
| 120 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 137 | v-model="ruleForm.fdcq2.dytdmj" |
| 121 | <el-select | 138 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 122 | disabled | 139 | ></el-input> |
| 123 | v-model="mjdw" | 140 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 124 | style="width: 20%"> | ||
| 125 | <el-option | 141 | <el-option |
| 126 | v-for="item in dictData['A7']" | 142 | v-for="item in dictData['A7']" |
| 127 | :key="item.dcode" | 143 | :key="item.dcode" |
| 128 | :label="item.dname" | 144 | :label="item.dname" |
| 129 | :value="item.dcode"> | 145 | :value="item.dcode" |
| 146 | > | ||
| 130 | </el-option> | 147 | </el-option> |
| 131 | </el-select> | 148 | </el-select> |
| 132 | </div> | 149 | </div> |
| ... | @@ -135,17 +152,17 @@ | ... | @@ -135,17 +152,17 @@ |
| 135 | <el-col :span="8"> | 152 | <el-col :span="8"> |
| 136 | <el-form-item label="分摊土地面积："> | 153 | <el-form-item label="分摊土地面积："> |
| 137 | <div class="flex"> | 154 | <div class="flex"> |
| 138 | <el-input v-model="ruleForm.fdcq2.fttdmj" | 155 | <el-input |
| 139 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 156 | v-model="ruleForm.fdcq2.fttdmj" |
| 140 | <el-select | 157 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 141 | disabled | 158 | ></el-input> |
| 142 | v-model="mjdw" | 159 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 143 | style="width: 20%"> | ||
| 144 | <el-option | 160 | <el-option |
| 145 | v-for="item in dictData['A7']" | 161 | v-for="item in dictData['A7']" |
| 146 | :key="item.dcode" | 162 | :key="item.dcode" |
| 147 | :label="item.dname" | 163 | :label="item.dname" |
| 148 | :value="item.dcode"> | 164 | :value="item.dcode" |
| 165 | > | ||
| 149 | </el-option> | 166 | </el-option> |
| 150 | </el-select> | 167 | </el-select> |
| 151 | </div> | 168 | </div> |
| ... | @@ -160,7 +177,8 @@ | ... | @@ -160,7 +177,8 @@ |
| 160 | placeholder="" | 177 | placeholder="" |
| 161 | :normalizer="normalizer" | 178 | :normalizer="normalizer" |
| 162 | :show-count="true" | 179 | :show-count="true" |
| 163 | :options="dictData['A9']" /> | 180 | :options="dictData['A9']" |
| 181 | /> | ||
| 164 | </el-form-item> | 182 | </el-form-item> |
| 165 | </el-col> | 183 | </el-col> |
| 166 | <el-col :span="8"> | 184 | <el-col :span="8"> |
| ... | @@ -169,13 +187,15 @@ | ... | @@ -169,13 +187,15 @@ |
| 169 | <el-input | 187 | <el-input |
| 170 | v-model="ruleForm.fdcq2.qjjg" | 188 | v-model="ruleForm.fdcq2.qjjg" |
| 171 | style="width: 500%" | 189 | style="width: 500%" |
| 172 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 190 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 191 | ></el-input> | ||
| 173 | <el-select v-model="ruleForm.fdcq2.jedw"> | 192 | <el-select v-model="ruleForm.fdcq2.jedw"> |
| 174 | <el-option | 193 | <el-option |
| 175 | v-for="item in dictData['A57']" | 194 | v-for="item in dictData['A57']" |
| 176 | :key="item.dcode" | 195 | :key="item.dcode" |
| 177 | :label="item.dname" | 196 | :label="item.dname" |
| 178 | :value="item.dcode"> | 197 | :value="item.dcode" |
| 198 | > | ||
| 179 | </el-option> | 199 | </el-option> |
| 180 | </el-select> | 200 | </el-select> |
| 181 | </div> | 201 | </div> |
| ... | @@ -188,7 +208,8 @@ | ... | @@ -188,7 +208,8 @@ |
| 188 | v-for="item in qsztlist" | 208 | v-for="item in qsztlist" |
| 189 | :key="item.dcode" | 209 | :key="item.dcode" |
| 190 | :label="item.dname" | 210 | :label="item.dname" |
| 191 | :value="item.dcode"> | 211 | :value="item.dcode" |
| 212 | > | ||
| 192 | </el-option> | 213 | </el-option> |
| 193 | </el-select> | 214 | </el-select> |
| 194 | </el-form-item> | 215 | </el-form-item> |
| ... | @@ -200,7 +221,8 @@ | ... | @@ -200,7 +221,8 @@ |
| 200 | v-for="item in dictData['A17']" | 221 | v-for="item in dictData['A17']" |
| 201 | :key="item.dcode" | 222 | :key="item.dcode" |
| 202 | :label="item.dname" | 223 | :label="item.dname" |
| 203 | :value="item.dcode"> | 224 | :value="item.dcode" |
| 225 | > | ||
| 204 | </el-option> | 226 | </el-option> |
| 205 | </el-select> | 227 | </el-select> |
| 206 | </el-form-item> | 228 | </el-form-item> |
| ... | @@ -222,7 +244,8 @@ | ... | @@ -222,7 +244,8 @@ |
| 222 | v-for="item in dictData['A19']" | 244 | v-for="item in dictData['A19']" |
| 223 | :key="item.dcode" | 245 | :key="item.dcode" |
| 224 | :label="item.dname" | 246 | :label="item.dname" |
| 225 | :value="item.dcode"> | 247 | :value="item.dcode" |
| 248 | > | ||
| 226 | </el-option> | 249 | </el-option> |
| 227 | </el-select> | 250 | </el-select> |
| 228 | </el-form-item> | 251 | </el-form-item> |
| ... | @@ -231,13 +254,15 @@ | ... | @@ -231,13 +254,15 @@ |
| 231 | <el-form-item | 254 | <el-form-item |
| 232 | label="房屋结构：" | 255 | label="房屋结构：" |
| 233 | prop="fdcq2.fwjg" | 256 | prop="fdcq2.fwjg" |
| 234 | :rules="rules.fwjgrules"> | 257 | :rules="rules.fwjgrules" |
| 258 | > | ||
| 235 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 259 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
| 236 | <el-option | 260 | <el-option |
| 237 | v-for="item in dictData['A46']" | 261 | v-for="item in dictData['A46']" |
| 238 | :key="item.dcode" | 262 | :key="item.dcode" |
| 239 | :label="item.dname" | 263 | :label="item.dname" |
| 240 | :value="item.dcode"> | 264 | :value="item.dcode" |
| 265 | > | ||
| 241 | </el-option> | 266 | </el-option> |
| 242 | </el-select> | 267 | </el-select> |
| 243 | </el-form-item> | 268 | </el-form-item> |
| ... | @@ -255,17 +280,17 @@ | ... | @@ -255,17 +280,17 @@ |
| 255 | <el-col :span="8"> | 280 | <el-col :span="8"> |
| 256 | <el-form-item label="建筑面积："> | 281 | <el-form-item label="建筑面积："> |
| 257 | <div class="flex"> | 282 | <div class="flex"> |
| 258 | <el-input v-model="ruleForm.fdcq2.jzmj" | 283 | <el-input |
| 259 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 284 | v-model="ruleForm.fdcq2.jzmj" |
| 260 | <el-select | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 261 | disabled | 286 | ></el-input> |
| 262 | v-model="mjdw" | 287 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 263 | style="width: 20%"> | ||
| 264 | <el-option | 288 | <el-option |
| 265 | v-for="item in dictData['A7']" | 289 | v-for="item in dictData['A7']" |
| 266 | :key="item.dcode" | 290 | :key="item.dcode" |
| 267 | :label="item.dname" | 291 | :label="item.dname" |
| 268 | :value="item.dcode"> | 292 | :value="item.dcode" |
| 293 | > | ||
| 269 | </el-option> | 294 | </el-option> |
| 270 | </el-select> | 295 | </el-select> |
| 271 | </div> | 296 | </div> |
| ... | @@ -274,17 +299,17 @@ | ... | @@ -274,17 +299,17 @@ |
| 274 | <el-col :span="8"> | 299 | <el-col :span="8"> |
| 275 | <el-form-item label="专有建筑面积："> | 300 | <el-form-item label="专有建筑面积："> |
| 276 | <div class="flex"> | 301 | <div class="flex"> |
| 277 | <el-input v-model="ruleForm.fdcq2.zyjzmj" | 302 | <el-input |
| 278 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 303 | v-model="ruleForm.fdcq2.zyjzmj" |
| 279 | <el-select | 304 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 280 | disabled | 305 | ></el-input> |
| 281 | v-model="mjdw" | 306 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 282 | style="width: 20%"> | ||
| 283 | <el-option | 307 | <el-option |
| 284 | v-for="item in dictData['A7']" | 308 | v-for="item in dictData['A7']" |
| 285 | :key="item.dcode" | 309 | :key="item.dcode" |
| 286 | :label="item.dname" | 310 | :label="item.dname" |
| 287 | :value="item.dcode"> | 311 | :value="item.dcode" |
| 312 | > | ||
| 288 | </el-option> | 313 | </el-option> |
| 289 | </el-select> | 314 | </el-select> |
| 290 | </div> | 315 | </div> |
| ... | @@ -293,17 +318,17 @@ | ... | @@ -293,17 +318,17 @@ |
| 293 | <el-col :span="8"> | 318 | <el-col :span="8"> |
| 294 | <el-form-item label="分摊建筑面积："> | 319 | <el-form-item label="分摊建筑面积："> |
| 295 | <div class="flex"> | 320 | <div class="flex"> |
| 296 | <el-input v-model="ruleForm.fdcq2.ftjzmj" | 321 | <el-input |
| 297 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 322 | v-model="ruleForm.fdcq2.ftjzmj" |
| 298 | <el-select | 323 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 299 | disabled | 324 | ></el-input> |
| 300 | v-model="mjdw" | 325 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 301 | style="width: 20%"> | ||
| 302 | <el-option | 326 | <el-option |
| 303 | v-for="item in dictData['A7']" | 327 | v-for="item in dictData['A7']" |
| 304 | :key="item.dcode" | 328 | :key="item.dcode" |
| 305 | :label="item.dname" | 329 | :label="item.dname" |
| 306 | :value="item.dcode"> | 330 | :value="item.dcode" |
| 331 | > | ||
| 307 | </el-option> | 332 | </el-option> |
| 308 | </el-select> | 333 | </el-select> |
| 309 | </div> | 334 | </div> |
| ... | @@ -317,7 +342,8 @@ | ... | @@ -317,7 +342,8 @@ |
| 317 | type="date" | 342 | type="date" |
| 318 | placeholder="选择日期" | 343 | placeholder="选择日期" |
| 319 | value-format="yyyy-MM-dd HH:mm:ss" | 344 | value-format="yyyy-MM-dd HH:mm:ss" |
| 320 | format="yyyy-MM-dd"> | 345 | format="yyyy-MM-dd" |
| 346 | > | ||
| 321 | </el-date-picker> | 347 | </el-date-picker> |
| 322 | </el-form-item> | 348 | </el-form-item> |
| 323 | </el-col> | 349 | </el-col> |
| ... | @@ -326,7 +352,8 @@ | ... | @@ -326,7 +352,8 @@ |
| 326 | <el-form-item | 352 | <el-form-item |
| 327 | label="不动产权证号：" | 353 | label="不动产权证号：" |
| 328 | prop="qlxx.bdcqzh" | 354 | prop="qlxx.bdcqzh" |
| 329 | :rules="rules.bdcqzhrules"> | 355 | :rules="rules.bdcqzhrules" |
| 356 | > | ||
| 330 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 357 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 331 | </el-form-item> | 358 | </el-form-item> |
| 332 | </el-col> | 359 | </el-col> |
| ... | @@ -343,7 +370,8 @@ | ... | @@ -343,7 +370,8 @@ |
| 343 | <el-form-item | 370 | <el-form-item |
| 344 | label="登记机构：" | 371 | label="登记机构：" |
| 345 | prop="qlxx.djjg" | 372 | prop="qlxx.djjg" |
| 346 | :rules="rules.djjgrules"> | 373 | :rules="rules.djjgrules" |
| 374 | > | ||
| 347 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 375 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 348 | </el-form-item> | 376 | </el-form-item> |
| 349 | </el-col> | 377 | </el-col> |
| ... | @@ -351,7 +379,8 @@ | ... | @@ -351,7 +379,8 @@ |
| 351 | <el-form-item | 379 | <el-form-item |
| 352 | label="登簿人：" | 380 | label="登簿人：" |
| 353 | prop="qlxx.dbr" | 381 | prop="qlxx.dbr" |
| 354 | :rules="rules.dbrrules"> | 382 | :rules="rules.dbrrules" |
| 383 | > | ||
| 355 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 384 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 356 | </el-form-item> | 385 | </el-form-item> |
| 357 | </el-col> | 386 | </el-col> |
| ... | @@ -359,14 +388,16 @@ | ... | @@ -359,14 +388,16 @@ |
| 359 | <el-form-item | 388 | <el-form-item |
| 360 | label="登记时间：" | 389 | label="登记时间：" |
| 361 | prop="qlxx.djsj" | 390 | prop="qlxx.djsj" |
| 362 | :rules="rules.djsjrules"> | 391 | :rules="rules.djsjrules" |
| 392 | > | ||
| 363 | <el-date-picker | 393 | <el-date-picker |
| 364 | v-model="ruleForm.qlxx.djsj" | 394 | v-model="ruleForm.qlxx.djsj" |
| 365 | type="date" | 395 | type="date" |
| 366 | class="width100" | 396 | class="width100" |
| 367 | placeholder="选择日期" | 397 | placeholder="选择日期" |
| 368 | value-format="yyyy-MM-dd HH:mm:ss" | 398 | value-format="yyyy-MM-dd HH:mm:ss" |
| 369 | format="yyyy-MM-dd"> | 399 | format="yyyy-MM-dd" |
| 400 | > | ||
| 370 | </el-date-picker> | 401 | </el-date-picker> |
| 371 | </el-form-item> | 402 | </el-form-item> |
| 372 | </el-col> | 403 | </el-col> |
| ... | @@ -392,7 +423,8 @@ | ... | @@ -392,7 +423,8 @@ |
| 392 | <tdytTable | 423 | <tdytTable |
| 393 | :tableData="ruleForm.tdytqxList" | 424 | :tableData="ruleForm.tdytqxList" |
| 394 | @upDateTdytxxList="upDateTdytxxList" | 425 | @upDateTdytxxList="upDateTdytxxList" |
| 395 | :ableOperation="ableOperation" /> | 426 | :ableOperation="ableOperation" |
| 427 | /> | ||
| 396 | <div class="slxx_title title-block"> | 428 | <div class="slxx_title title-block"> |
| 397 | 权利人信息 | 429 | 权利人信息 |
| 398 | <div class="triangle"></div> | 430 | <div class="triangle"></div> |
| ... | @@ -402,7 +434,8 @@ | ... | @@ -402,7 +434,8 @@ |
| 402 | <el-form-item label="共有方式："> | 434 | <el-form-item label="共有方式："> |
| 403 | <el-radio-group | 435 | <el-radio-group |
| 404 | :disabled="!ableOperation" | 436 | :disabled="!ableOperation" |
| 405 | v-model="ruleForm.qlxx.gyfs"> | 437 | v-model="ruleForm.qlxx.gyfs" |
| 438 | > | ||
| 406 | <el-radio label="0">单独所有</el-radio> | 439 | <el-radio label="0">单独所有</el-radio> |
| 407 | <el-radio label="1">共同共有</el-radio> | 440 | <el-radio label="1">共同共有</el-radio> |
| 408 | <el-radio label="2">按份所有</el-radio> | 441 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -414,7 +447,8 @@ | ... | @@ -414,7 +447,8 @@ |
| 414 | <el-form-item label="是否分别持证："> | 447 | <el-form-item label="是否分别持证："> |
| 415 | <el-radio-group | 448 | <el-radio-group |
| 416 | v-model="ruleForm.qlxx.sqfbcz" | 449 | v-model="ruleForm.qlxx.sqfbcz" |
| 417 | :disabled="!ableOperation"> | 450 | :disabled="!ableOperation" |
| 451 | > | ||
| 418 | <el-radio :label="1">是</el-radio> | 452 | <el-radio :label="1">是</el-radio> |
| 419 | <el-radio :label="0">否</el-radio> | 453 | <el-radio :label="0">否</el-radio> |
| 420 | </el-radio-group> | 454 | </el-radio-group> |
| ... | @@ -422,17 +456,20 @@ | ... | @@ -422,17 +456,20 @@ |
| 422 | </el-col> | 456 | </el-col> |
| 423 | <el-col | 457 | <el-col |
| 424 | :span="6" | 458 | :span="6" |
| 425 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 459 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 460 | > | ||
| 426 | <el-form-item label="持证人："> | 461 | <el-form-item label="持证人："> |
| 427 | <el-select | 462 | <el-select |
| 428 | v-model="ruleForm.czr" | 463 | v-model="ruleForm.czr" |
| 429 | placeholder="持证人" | 464 | placeholder="持证人" |
| 430 | :disabled="!ableOperation"> | 465 | :disabled="!ableOperation" |
| 466 | > | ||
| 431 | <el-option | 467 | <el-option |
| 432 | v-for="item in czrOptions" | 468 | v-for="item in czrOptions" |
| 433 | :key="item.zjh" | 469 | :key="item.zjh" |
| 434 | :label="item.sqrmc" | 470 | :label="item.sqrmc" |
| 435 | :value="item.zjh"> | 471 | :value="item.zjh" |
| 472 | > | ||
| 436 | </el-option> | 473 | </el-option> |
| 437 | </el-select> | 474 | </el-select> |
| 438 | </el-form-item> | 475 | </el-form-item> |
| ... | @@ -443,7 +480,8 @@ | ... | @@ -443,7 +480,8 @@ |
| 443 | @upDateQlrxxList="upDateQlrxxList" | 480 | @upDateQlrxxList="upDateQlrxxList" |
| 444 | :ableOperation="ableOperation" | 481 | :ableOperation="ableOperation" |
| 445 | :key="key" | 482 | :key="key" |
| 446 | :gyfs="ruleForm.qlxx.gyfs" /> | 483 | :gyfs="ruleForm.qlxx.gyfs" |
| 484 | /> | ||
| 447 | </div> | 485 | </div> |
| 448 | <el-row class="btn" v-if="ableOperation"> | 486 | <el-row class="btn" v-if="ableOperation"> |
| 449 | <el-form-item> | 487 | <el-form-item> |
| ... | @@ -454,303 +492,367 @@ | ... | @@ -454,303 +492,367 @@ |
| 454 | </div> | 492 | </div> |
| 455 | </template> | 493 | </template> |
| 456 | <script> | 494 | <script> |
| 457 | import { mapGetters } from "vuex"; | 495 | import { mapGetters } from "vuex"; |
| 458 | import ywmix from "@/views/ywbl/mixin/index" | 496 | import ywmix from "@/views/ywbl/mixin/index"; |
| 459 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 497 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 460 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 498 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 461 | import selectTable from "@/components/selectTable/index.vue"; | 499 | import selectTable from "@/components/selectTable/index.vue"; |
| 462 | import tdytTable from "@/views/workflow/components/tdytTable"; | 500 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 463 | export default { | 501 | export default { |
| 464 | mixins: [ywmix], | 502 | mixins: [ywmix], |
| 465 | components: { qlrCommonTable, tdytTable, selectTable }, | 503 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 466 | computed: { | 504 | computed: { |
| 467 | ...mapGetters(["dictData", "flag"]), | 505 | ...mapGetters(["dictData", "flag"]), |
| 468 | // 根据流程判断表单是否为只读 | 506 | // 根据流程判断表单是否为只读 |
| 469 | editDisabled () { | 507 | editDisabled() { |
| 470 | if (!this.ableOperation) { | 508 | if (!this.ableOperation) { |
| 471 | //只读状态 | 509 | //只读状态 |
| 472 | return true; | 510 | 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; | ||
| 473 | } | 528 | } |
| 474 | return false; | 529 | return { |
| 530 | id: node.dcode, | ||
| 531 | label: node.dname, | ||
| 532 | }; | ||
| 475 | }, | 533 | }, |
| 476 | }, | 534 | |
| 477 | data () { | 535 | //表单是否可操作 |
| 478 | return { | 536 | propsParam: this.$attrs, |
| 479 | mjdw: "1", | 537 | // 登记类型 |
| 480 | ssqlxxshow: true, | 538 | djlxlist: [ |
| 481 | props: { | 539 | { |
| 482 | label: "bdcqzh", | 540 | dcode: "100", |
| 483 | value: "bdcdyid", | 541 | dname: "首次登记", |
| 484 | }, | 542 | }, |
| 485 | // 键名转换，方法默认是label和children进行树状渲染 | 543 | { |
| 486 | normalizer (node) { | 544 | dcode: "200", |
| 487 | //方法 | 545 | dname: "转移登记", |
| 488 | if (node.children == null || node.children == "null") { | 546 | }, |
| 489 | delete node.children; | 547 | { |
| 490 | } | 548 | dcode: "300", |
| 491 | return { | 549 | dname: "变更登记", |
| 492 | id: node.dcode, | 550 | }, |
| 493 | label: node.dname, | 551 | { |
| 494 | }; | 552 | dcode: "500", |
| 553 | dname: "更正登记", | ||
| 495 | }, | 554 | }, |
| 496 | 555 | ||
| 497 | //表单是否可操作 | 556 | { |
| 498 | propsParam: this.$attrs, | 557 | dcode: "901", |
| 499 | // 登记类型 | 558 | dname: "补证", |
| 500 | djlxlist: [ | ||
| 501 | { | ||
| 502 | dcode: "100", | ||
| 503 | dname: "首次登记", | ||
| 504 | }, | ||
| 505 | { | ||
| 506 | dcode: "200", | ||
| 507 | dname: "转移登记", | ||
| 508 | }, | ||
| 509 | { | ||
| 510 | dcode: "300", | ||
| 511 | dname: "变更登记", | ||
| 512 | }, | ||
| 513 | { | ||
| 514 | dcode: "500", | ||
| 515 | dname: "更正登记", | ||
| 516 | }, | ||
| 517 | |||
| 518 | { | ||
| 519 | dcode: "901", | ||
| 520 | dname: "补证", | ||
| 521 | }, | ||
| 522 | { | ||
| 523 | dcode: "902", | ||
| 524 | dname: "换证", | ||
| 525 | }, | ||
| 526 | ], | ||
| 527 | // 权属状态 | ||
| 528 | qsztlist: [ | ||
| 529 | { | ||
| 530 | dcode: "1", | ||
| 531 | dname: "现势", | ||
| 532 | }, | ||
| 533 | { | ||
| 534 | dcode: "2", | ||
| 535 | dname: "历史", | ||
| 536 | }, | ||
| 537 | ], | ||
| 538 | key: 0, | ||
| 539 | tdxz: null, | ||
| 540 | isShow: false, | ||
| 541 | disabled: true, | ||
| 542 | czrOptions: [], | ||
| 543 | ssQlxxList: [], | ||
| 544 | ruleForm: { | ||
| 545 | fdcq2: { | ||
| 546 | ftjzmj: '' | ||
| 547 | } | ||
| 548 | }, | 559 | }, |
| 549 | ableOperation: false, | 560 | { |
| 550 | //传递参数\ | 561 | dcode: "902", |
| 551 | rules: { | 562 | dname: "换证", |
| 552 | bdcqzhrules: [ | 563 | }, |
| 553 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 564 | ], |
| 554 | ], | 565 | // 权属状态 |
| 555 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 566 | qsztlist: [ |
| 556 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 567 | { |
| 557 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 568 | dcode: "1", |
| 558 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 569 | dname: "现势", |
| 559 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | 570 | }, |
| 560 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 571 | { |
| 572 | dcode: "2", | ||
| 573 | dname: "历史", | ||
| 574 | }, | ||
| 575 | ], | ||
| 576 | key: 0, | ||
| 577 | tdxz: null, | ||
| 578 | isShow: false, | ||
| 579 | disabled: true, | ||
| 580 | czrOptions: [], | ||
| 581 | ssQlxxList: [], | ||
| 582 | ruleForm: { | ||
| 583 | fdcq2: { | ||
| 584 | ftjzmj: "", | ||
| 561 | }, | 585 | }, |
| 562 | }; | ||
| 563 | }, | ||
| 564 | created () { }, | ||
| 565 | mounted () { | ||
| 566 | this.loadData(); | ||
| 567 | this.ableOperation = this.$parent.ableOperation; | ||
| 568 | }, | ||
| 569 | methods: { | ||
| 570 | /** | ||
| 571 | * @description: ssQlxxchange | ||
| 572 | * @param {*} val | ||
| 573 | * @author: renchao | ||
| 574 | */ | ||
| 575 | ssQlxxchange (val) { | ||
| 576 | this.ruleForm.ssQlxx = val; | ||
| 577 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 578 | }, | 586 | }, |
| 579 | /** | 587 | ableOperation: false, |
| 580 | * @description: djlxchange | 588 | //传递参数\ |
| 581 | * @param {*} val | 589 | rules: { |
| 582 | * @author: renchao | 590 | ssQlxxrules: [ |
| 583 | */ | 591 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 584 | djlxchange (val) { | 592 | ], |
| 585 | if (val == null || val == 100) { | 593 | bdcqzhrules: [ |
| 586 | this.ssqlxxshow = false; | 594 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 587 | } else { | 595 | ], |
| 588 | this.ssqlxxshow = true; | 596 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 589 | } | 597 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 598 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 599 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 600 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | ||
| 601 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 602 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | ||
| 590 | }, | 603 | }, |
| 591 | /** | 604 | }; |
| 592 | * @description: loadData | 605 | }, |
| 593 | * @author: renchao | 606 | created() {}, |
| 594 | */ | 607 | mounted() { |
| 595 | loadData () { | 608 | this.loadData(); |
| 596 | this.$startLoading(); | 609 | this.ableOperation = this.$parent.ableOperation; |
| 597 | this.propsParam.isEdit = this.$parent.isEdit; | 610 | }, |
| 598 | init(this.propsParam).then((res) => { | 611 | methods: { |
| 612 | /** | ||
| 613 | * @description: ssQlxxchange | ||
| 614 | * @param {*} val | ||
| 615 | * @author: renchao | ||
| 616 | */ | ||
| 617 | ssQlxxchange(val) { | ||
| 618 | this.ruleForm.ssQlxx = val; | ||
| 619 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 620 | this.ssQlxxchangediolog(val); | ||
| 621 | }, | ||
| 622 | // 弹框事件 | ||
| 623 | ssQlxxchangediolog(val) { | ||
| 624 | console.log("确定了", this.ruleForm, val); | ||
| 625 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 626 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 627 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 628 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 629 | showClose: true, //是否显示右上角关闭按钮 | ||
| 630 | type: "warning", | ||
| 631 | |||
| 632 | |||
| 633 | }).then(() => { | ||
| 634 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 599 | if (res.code == 200) { | 635 | if (res.code == 200) { |
| 600 | this.ruleForm = res.result; | 636 | this.nowlist = res.result; |
| 601 | console.log(this.ruleForm, 'this.ruleForm'); | 637 | console.log("his.nowlist", this.nowlist); |
| 602 | let djlx = this.ruleForm.qlxx.djlx; | 638 | console.log("this.ruleForm", this.ruleForm); |
| 603 | if (djlx == null || djlx == 100) { | 639 | for (var key in this.ruleForm.fdcq2) { |
| 604 | this.ssqlxxshow = false; | 640 | if ( |
| 641 | this.ruleForm.fdcq2[key] == "" || | ||
| 642 | this.ruleForm.fdcq2[key] == null | ||
| 643 | ) { | ||
| 644 | this.ruleForm.fdcq2[key] = this.nowlist.fdcq2[key]; | ||
| 645 | } | ||
| 605 | } | 646 | } |
| 606 | this.$endLoading(); | 647 | for (var key in this.ruleForm.qlxx) { |
| 607 | if (this.ruleForm.tdytqxList.length > 0) { | 648 | if ( |
| 608 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 649 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 609 | 650 | this.ruleForm.qlxx[key] == null | |
| 610 | } else { | 651 | ) { |
| 611 | this.tdxz = null; | 652 | console.log("this.ruleForm.qlxx[key]", key); |
| 653 | if (key != "ywh") { | ||
| 654 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 655 | } | ||
| 656 | } | ||
| 657 | } | ||
| 658 | if (!this.ruleForm.tdytqxList.length) { | ||
| 659 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 612 | } | 660 | } |
| 613 | this.isShow = true; | 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 | }); | ||
| 614 | } | 672 | } |
| 615 | }); | 673 | }); |
| 616 | //获取主体信息 | 674 | }).catch(() => { |
| 617 | getSsQlxx({ | 675 | this.$message({ |
| 618 | bdcdyid: this.propsParam.bdcdyid, | 676 | type: "info", |
| 619 | qllx: this.propsParam.qllx, | 677 | message: "已取消同步", |
| 620 | }).then((res) => { | 678 | }); |
| 621 | if (res.code == 200) { | 679 | }); |
| 622 | this.ssQlxxList = res.result; | 680 | }, |
| 681 | /** | ||
| 682 | * @description: djlxchange | ||
| 683 | * @param {*} val | ||
| 684 | * @author: renchao | ||
| 685 | */ | ||
| 686 | djlxchange(val) { | ||
| 687 | if (val == null || val == 100) { | ||
| 688 | this.ssqlxxshow = false; | ||
| 689 | } else { | ||
| 690 | 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; | ||
| 623 | } | 706 | } |
| 624 | }); | 707 | this.ruleForm.fdcq2.jedw = "1"; |
| 625 | }, | 708 | this.$endLoading(); |
| 626 | // 更新土地用途信息 | 709 | if (this.ruleForm.tdytqxList.length > 0) { |
| 627 | /** | 710 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 628 | * @description: 更新土地用途信息 | 711 | } else { |
| 629 | * @param {*} val | 712 | this.tdxz = null; |
| 630 | * @author: renchao | 713 | } |
| 631 | */ | 714 | this.isShow = true; |
| 632 | upDateTdytxxList (val) { | 715 | //获取主体信息 |
| 633 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 716 | getSsQlxx({ |
| 634 | this.key++; | 717 | bdcdyid: this.propsParam.bdcdyid, |
| 635 | }, | 718 | qllx: this.propsParam.qllx, |
| 636 | // 更新权利人信息 | 719 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 637 | /** | 720 | }).then((res) => { |
| 638 | * @description: 更新权利人信息 | 721 | if (res.code == 200) { |
| 639 | * @param {*} val | 722 | this.ssQlxxList = res.result; |
| 640 | * @author: renchao | 723 | } |
| 641 | */ | 724 | }); |
| 642 | upDateQlrxxList (val) { | 725 | } |
| 643 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 726 | }); |
| 644 | this.czrOptions = this.ruleForm.qlrData; | 727 | }, |
| 645 | this.key++; | 728 | // 更新土地用途信息 |
| 646 | }, | 729 | /** |
| 647 | // 更新义务人信息 | 730 | * @description: 更新土地用途信息 |
| 648 | /** | 731 | * @param {*} val |
| 649 | * @description: 更新义务人信息 | 732 | * @author: renchao |
| 650 | * @param {*} val | 733 | */ |
| 651 | * @author: renchao | 734 | upDateTdytxxList(val) { |
| 652 | */ | 735 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 653 | upDateYwrxxList (val) { | 736 | this.key++; |
| 654 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 737 | }, |
| 655 | this.key++; | 738 | // 更新权利人信息 |
| 656 | }, | 739 | /** |
| 657 | /** | 740 | * @description: 更新权利人信息 |
| 658 | * @description: onSubmit | 741 | * @param {*} val |
| 659 | * @author: renchao | 742 | * @author: renchao |
| 660 | */ | 743 | */ |
| 661 | onSubmit () { | 744 | upDateQlrxxList(val) { |
| 662 | this.$refs.ruleForm.validate((valid) => { | 745 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 663 | if (valid) { | 746 | this.czrOptions = this.ruleForm.qlrData; |
| 664 | if (this.ruleForm.qlrData.length == 0) { | 747 | this.key++; |
| 748 | }, | ||
| 749 | // 更新义务人信息 | ||
| 750 | /** | ||
| 751 | * @description: 更新义务人信息 | ||
| 752 | * @param {*} val | ||
| 753 | * @author: renchao | ||
| 754 | */ | ||
| 755 | upDateYwrxxList(val) { | ||
| 756 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 757 | this.key++; | ||
| 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 | }); | ||
| 788 | return false; | ||
| 789 | } | ||
| 790 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { | ||
| 791 | return { | ||
| 792 | ...item, | ||
| 793 | qlxzbm: this.tdxz, | ||
| 794 | }; | ||
| 795 | }); | ||
| 796 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 797 | if (this.ruleForm.qlrData.length > 1) { | ||
| 665 | this.$message({ | 798 | this.$message({ |
| 666 | showClose: true, | 799 | showClose: true, |
| 667 | message: "请确认权利人信息", | 800 | message: "共有方式：单独所有，权利人只能是一个人", |
| 668 | type: "error", | 801 | type: "error", |
| 669 | }); | 802 | }); |
| 670 | return false; | 803 | return false; |
| 671 | } | 804 | } |
| 672 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | 805 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 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) { | ||
| 673 | this.$message({ | 826 | this.$message({ |
| 674 | showClose: true, | 827 | showClose: true, |
| 675 | message: "请补充土地用途信息", | 828 | message: "保存成功！", |
| 676 | type: "error", | 829 | type: "success", |
| 677 | }); | 830 | }); |
| 678 | return false; | 831 | this.$parent.changeywh(); |
| 679 | } | 832 | this.$store.dispatch("user/refreshPage", true); |
| 680 | if (!this.tdxz) { | 833 | } else { |
| 681 | this.$message({ | 834 | this.$message({ |
| 682 | showClose: true, | 835 | showClose: true, |
| 683 | message: "请补充土地性质", | 836 | message: res.message, |
| 684 | type: "error", | 837 | type: "error", |
| 685 | }); | 838 | }); |
| 686 | return false; | ||
| 687 | } | 839 | } |
| 688 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { | 840 | }); |
| 689 | return { | 841 | } else { |
| 690 | ...item, | 842 | return false; |
| 691 | qlxzbm: this.tdxz, | 843 | } |
| 692 | }; | 844 | }); |
| 693 | }); | ||
| 694 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 695 | if (this.ruleForm.qlrData.length > 1) { | ||
| 696 | this.$message({ | ||
| 697 | showClose: true, | ||
| 698 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 699 | type: "error", | ||
| 700 | }); | ||
| 701 | return false; | ||
| 702 | } | ||
| 703 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 704 | } | ||
| 705 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 706 | // //是否分别持证 | ||
| 707 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 708 | // //是 | ||
| 709 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 710 | // item.sfczr = "1"; | ||
| 711 | // }); | ||
| 712 | // } else { | ||
| 713 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 714 | // if (item.zjh == this.ruleForm.czr) { | ||
| 715 | // item.sfczr = "1"; | ||
| 716 | // } else { | ||
| 717 | // item.sfczr = "0"; | ||
| 718 | // } | ||
| 719 | // }); | ||
| 720 | // } | ||
| 721 | // } | ||
| 722 | save(this.ruleForm).then((res) => { | ||
| 723 | if (res.code === 200) { | ||
| 724 | this.$message({ | ||
| 725 | showClose: true, | ||
| 726 | message: "保存成功！", | ||
| 727 | type: "success", | ||
| 728 | }); | ||
| 729 | this.$parent.changeywh() | ||
| 730 | this.$store.dispatch("user/refreshPage", true); | ||
| 731 | } else { | ||
| 732 | this.$message({ | ||
| 733 | showClose: true, | ||
| 734 | message: res.message, | ||
| 735 | type: "error", | ||
| 736 | }); | ||
| 737 | } | ||
| 738 | }); | ||
| 739 | } else { | ||
| 740 | return false; | ||
| 741 | } | ||
| 742 | }); | ||
| 743 | }, | ||
| 744 | }, | 845 | }, |
| 745 | }; | 846 | }, |
| 847 | }; | ||
| 746 | </script> | 848 | </script> |
| 747 | <style scoped lang="scss"> | 849 | <style scoped lang="scss"> |
| 748 | @import "~@/styles/public.scss"; | 850 | @import "~@/styles/public.scss"; |
| 749 | @import "~@/styles/slxx/slxx.scss"; | 851 | @import "~@/styles/slxx/slxx.scss"; |
| 750 | .el-date-editor.el-input { | 852 | .el-date-editor.el-input { |
| 751 | width: 100%; | 853 | width: 100%; |
| 752 | } | 854 | } |
| 753 | .el-table__row { | 855 | .el-table__row { |
| 754 | height: 30px !important; | 856 | height: 30px !important; |
| 755 | } | 857 | } |
| 756 | </style> | 858 | </style> | ... | ... |
| ... | @@ -9,12 +9,13 @@ | ... | @@ -9,12 +9,13 @@ |
| 9 | <el-form | 9 | <el-form |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
| 13 | class="loadingtext" | 13 | class="loadingtext" |
| 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 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 20 | 补录信息 | 21 | 补录信息 |
| ... | @@ -43,21 +44,28 @@ | ... | @@ -43,21 +44,28 @@ |
| 43 | </div> | 44 | </div> |
| 44 | <el-row :gutter="24"> | 45 | <el-row :gutter="24"> |
| 45 | <el-col :span="8" v-if="ssqlxxshow"> | 46 | <el-col :span="8" v-if="ssqlxxshow"> |
| 46 | <el-form-item label="上手权利信息："> | 47 | <el-form-item |
| 48 | label="上手权利信息：" | ||
| 49 | prop="ssQlxx.bdcqzh" | ||
| 50 | :rules="rules.ssQlxxrules" | ||
| 51 | > | ||
| 47 | <select-table | 52 | <select-table |
| 48 | v-model="ruleForm.ssQlxx" | 53 | v-model="ruleForm.ssQlxx" |
| 49 | :table-width="550" | 54 | :table-width="550" |
| 50 | :tableData="ssQlxxList" | 55 | :tableData="ssQlxxList" |
| 51 | :props="props" | 56 | :props="props" |
| 52 | @change="ssQlxxchange"> | 57 | @change="ssQlxxchange" |
| 58 | > | ||
| 53 | <el-table-column | 59 | <el-table-column |
| 54 | prop="qllxmc" | 60 | prop="qllxmc" |
| 55 | width="130" | 61 | width="130" |
| 56 | label="权利类型"></el-table-column> | 62 | label="权利类型" |
| 63 | ></el-table-column> | ||
| 57 | <el-table-column | 64 | <el-table-column |
| 58 | prop="bdcqzh" | 65 | prop="bdcqzh" |
| 59 | width="160" | 66 | width="160" |
| 60 | label="不动产权证书"></el-table-column> | 67 | label="不动产权证书" |
| 68 | ></el-table-column> | ||
| 61 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 69 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 62 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 70 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 63 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 71 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -88,13 +96,18 @@ | ... | @@ -88,13 +96,18 @@ |
| 88 | </el-form-item> | 96 | </el-form-item> |
| 89 | </el-col> | 97 | </el-col> |
| 90 | <el-col :span="8"> | 98 | <el-col :span="8"> |
| 91 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 99 | <el-form-item |
| 100 | label="登记类型：" | ||
| 101 | prop="qlxx.djlx" | ||
| 102 | :rules="rules.djlxrules" | ||
| 103 | > | ||
| 92 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 104 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 93 | <el-option | 105 | <el-option |
| 94 | v-for="item in djlxlist" | 106 | v-for="item in djlxlist" |
| 95 | :key="item.dcode" | 107 | :key="item.dcode" |
| 96 | :label="item.dname" | 108 | :label="item.dname" |
| 97 | :value="item.dcode"> | 109 | :value="item.dcode" |
| 110 | > | ||
| 98 | </el-option> | 111 | </el-option> |
| 99 | </el-select> | 112 | </el-select> |
| 100 | </el-form-item> | 113 | </el-form-item> |
| ... | @@ -106,7 +119,8 @@ | ... | @@ -106,7 +119,8 @@ |
| 106 | v-for="item in qsztlist" | 119 | v-for="item in qsztlist" |
| 107 | :key="item.dcode" | 120 | :key="item.dcode" |
| 108 | :label="item.dname" | 121 | :label="item.dname" |
| 109 | :value="item.dcode"> | 122 | :value="item.dcode" |
| 123 | > | ||
| 110 | </el-option> | 124 | </el-option> |
| 111 | </el-select> | 125 | </el-select> |
| 112 | </el-form-item> | 126 | </el-form-item> |
| ... | @@ -125,17 +139,17 @@ | ... | @@ -125,17 +139,17 @@ |
| 125 | <el-col :span="8"> | 139 | <el-col :span="8"> |
| 126 | <el-form-item label="使用权面积："> | 140 | <el-form-item label="使用权面积："> |
| 127 | <div class="flex"> | 141 | <div class="flex"> |
| 128 | <el-input v-model="ruleForm.jsydsyq.syqmj" | 142 | <el-input |
| 129 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 143 | v-model="ruleForm.jsydsyq.syqmj" |
| 130 | <el-select | 144 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 131 | disabled | 145 | ></el-input> |
| 132 | v-model="mjdw" | 146 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 133 | style="width: 20%"> | ||
| 134 | <el-option | 147 | <el-option |
| 135 | v-for="item in dictData['A7']" | 148 | v-for="item in dictData['A7']" |
| 136 | :key="item.dcode" | 149 | :key="item.dcode" |
| 137 | :label="item.dname" | 150 | :label="item.dname" |
| 138 | :value="item.dcode"> | 151 | :value="item.dcode" |
| 152 | > | ||
| 139 | </el-option> | 153 | </el-option> |
| 140 | </el-select> | 154 | </el-select> |
| 141 | </div> | 155 | </div> |
| ... | @@ -166,13 +180,15 @@ | ... | @@ -166,13 +180,15 @@ |
| 166 | <div style="display: flex"> | 180 | <div style="display: flex"> |
| 167 | <el-input | 181 | <el-input |
| 168 | v-model="ruleForm.jsydsyq.qdjg" | 182 | v-model="ruleForm.jsydsyq.qdjg" |
| 169 | style="width: 500%"></el-input> | 183 | style="width: 500%" |
| 184 | ></el-input> | ||
| 170 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 185 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
| 171 | <el-option | 186 | <el-option |
| 172 | v-for="item in dictData['A57']" | 187 | v-for="item in dictData['A57']" |
| 173 | :key="item.dcode" | 188 | :key="item.dcode" |
| 174 | :label="item.dname" | 189 | :label="item.dname" |
| 175 | :value="item.dcode"> | 190 | :value="item.dcode" |
| 191 | > | ||
| 176 | </el-option> | 192 | </el-option> |
| 177 | </el-select> | 193 | </el-select> |
| 178 | </div> | 194 | </div> |
| ... | @@ -183,7 +199,8 @@ | ... | @@ -183,7 +199,8 @@ |
| 183 | <el-form-item | 199 | <el-form-item |
| 184 | label="不动产权证号：" | 200 | label="不动产权证号：" |
| 185 | prop="qlxx.bdcqzh" | 201 | prop="qlxx.bdcqzh" |
| 186 | :rules="rules.bdcqzhrules"> | 202 | :rules="rules.bdcqzhrules" |
| 203 | > | ||
| 187 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 204 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 188 | </el-form-item> | 205 | </el-form-item> |
| 189 | </el-col> | 206 | </el-col> |
| ... | @@ -200,7 +217,8 @@ | ... | @@ -200,7 +217,8 @@ |
| 200 | <el-form-item | 217 | <el-form-item |
| 201 | label="登记机构：" | 218 | label="登记机构：" |
| 202 | prop="qlxx.djjg" | 219 | prop="qlxx.djjg" |
| 203 | :rules="rules.djjgrules"> | 220 | :rules="rules.djjgrules" |
| 221 | > | ||
| 204 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 222 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 205 | </el-form-item> | 223 | </el-form-item> |
| 206 | </el-col> | 224 | </el-col> |
| ... | @@ -208,7 +226,8 @@ | ... | @@ -208,7 +226,8 @@ |
| 208 | <el-form-item | 226 | <el-form-item |
| 209 | label="登簿人：" | 227 | label="登簿人：" |
| 210 | prop="qlxx.dbr" | 228 | prop="qlxx.dbr" |
| 211 | :rules="rules.dbrrules"> | 229 | :rules="rules.dbrrules" |
| 230 | > | ||
| 212 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 231 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 213 | </el-form-item> | 232 | </el-form-item> |
| 214 | </el-col> | 233 | </el-col> |
| ... | @@ -216,14 +235,16 @@ | ... | @@ -216,14 +235,16 @@ |
| 216 | <el-form-item | 235 | <el-form-item |
| 217 | label="登记时间：" | 236 | label="登记时间：" |
| 218 | prop="qlxx.djsj" | 237 | prop="qlxx.djsj" |
| 219 | :rules="rules.djsjrules"> | 238 | :rules="rules.djsjrules" |
| 239 | > | ||
| 220 | <el-date-picker | 240 | <el-date-picker |
| 221 | v-model="ruleForm.qlxx.djsj" | 241 | v-model="ruleForm.qlxx.djsj" |
| 222 | type="date" | 242 | type="date" |
| 223 | class="width100" | 243 | class="width100" |
| 224 | placeholder="选择日期" | 244 | placeholder="选择日期" |
| 225 | value-format="yyyy-MM-dd HH:mm:ss" | 245 | value-format="yyyy-MM-dd HH:mm:ss" |
| 226 | format="yyyy-MM-dd"> | 246 | format="yyyy-MM-dd" |
| 247 | > | ||
| 227 | </el-date-picker> | 248 | </el-date-picker> |
| 228 | </el-form-item> | 249 | </el-form-item> |
| 229 | </el-col> | 250 | </el-col> |
| ... | @@ -242,7 +263,8 @@ | ... | @@ -242,7 +263,8 @@ |
| 242 | <tdytTable | 263 | <tdytTable |
| 243 | :tableData="ruleForm.tdytqxList" | 264 | :tableData="ruleForm.tdytqxList" |
| 244 | @upDateTdytxxList="upDateTdytxxList" | 265 | @upDateTdytxxList="upDateTdytxxList" |
| 245 | :ableOperation="ableOperation" /> | 266 | :ableOperation="ableOperation" |
| 267 | /> | ||
| 246 | <div class="slxx_title title-block"> | 268 | <div class="slxx_title title-block"> |
| 247 | 权利人信息 | 269 | 权利人信息 |
| 248 | <div class="triangle"></div> | 270 | <div class="triangle"></div> |
| ... | @@ -252,7 +274,8 @@ | ... | @@ -252,7 +274,8 @@ |
| 252 | <el-form-item label="共有方式："> | 274 | <el-form-item label="共有方式："> |
| 253 | <el-radio-group | 275 | <el-radio-group |
| 254 | :disabled="!ableOperation" | 276 | :disabled="!ableOperation" |
| 255 | v-model="ruleForm.qlxx.gyfs"> | 277 | v-model="ruleForm.qlxx.gyfs" |
| 278 | > | ||
| 256 | <el-radio label="0">单独所有</el-radio> | 279 | <el-radio label="0">单独所有</el-radio> |
| 257 | <el-radio label="1">共同共有</el-radio> | 280 | <el-radio label="1">共同共有</el-radio> |
| 258 | <el-radio label="2">按份所有</el-radio> | 281 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -264,7 +287,8 @@ | ... | @@ -264,7 +287,8 @@ |
| 264 | <el-form-item label="是否分别持证："> | 287 | <el-form-item label="是否分别持证："> |
| 265 | <el-radio-group | 288 | <el-radio-group |
| 266 | v-model="ruleForm.qlxx.sqfbcz" | 289 | v-model="ruleForm.qlxx.sqfbcz" |
| 267 | :disabled="!ableOperation"> | 290 | :disabled="!ableOperation" |
| 291 | > | ||
| 268 | <el-radio :label="1">是</el-radio> | 292 | <el-radio :label="1">是</el-radio> |
| 269 | <el-radio :label="0">否</el-radio> | 293 | <el-radio :label="0">否</el-radio> |
| 270 | </el-radio-group> | 294 | </el-radio-group> |
| ... | @@ -272,17 +296,20 @@ | ... | @@ -272,17 +296,20 @@ |
| 272 | </el-col> | 296 | </el-col> |
| 273 | <el-col | 297 | <el-col |
| 274 | :span="6" | 298 | :span="6" |
| 275 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 299 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 300 | > | ||
| 276 | <el-form-item label="持证人："> | 301 | <el-form-item label="持证人："> |
| 277 | <el-select | 302 | <el-select |
| 278 | v-model="ruleForm.czr" | 303 | v-model="ruleForm.czr" |
| 279 | placeholder="持证人" | 304 | placeholder="持证人" |
| 280 | :disabled="!ableOperation"> | 305 | :disabled="!ableOperation" |
| 306 | > | ||
| 281 | <el-option | 307 | <el-option |
| 282 | v-for="item in czrOptions" | 308 | v-for="item in czrOptions" |
| 283 | :key="item.zjh" | 309 | :key="item.zjh" |
| 284 | :label="item.sqrmc" | 310 | :label="item.sqrmc" |
| 285 | :value="item.zjh"> | 311 | :value="item.zjh" |
| 312 | > | ||
| 286 | </el-option> | 313 | </el-option> |
| 287 | </el-select> | 314 | </el-select> |
| 288 | </el-form-item> | 315 | </el-form-item> |
| ... | @@ -293,8 +320,8 @@ | ... | @@ -293,8 +320,8 @@ |
| 293 | @upDateQlrxxList="upDateQlrxxList" | 320 | @upDateQlrxxList="upDateQlrxxList" |
| 294 | :key="key" | 321 | :key="key" |
| 295 | :ableOperation="ableOperation" | 322 | :ableOperation="ableOperation" |
| 296 | :gyfs="ruleForm.qlxx.gyfs" /> | 323 | :gyfs="ruleForm.qlxx.gyfs" |
| 297 | 324 | /> | |
| 298 | </div> | 325 | </div> |
| 299 | <el-row class="btn" v-if="ableOperation"> | 326 | <el-row class="btn" v-if="ableOperation"> |
| 300 | <el-form-item> | 327 | <el-form-item> |
| ... | @@ -305,270 +332,332 @@ | ... | @@ -305,270 +332,332 @@ |
| 305 | </div> | 332 | </div> |
| 306 | </template> | 333 | </template> |
| 307 | <script> | 334 | <script> |
| 308 | import { mapGetters } from "vuex"; | 335 | import { mapGetters } from "vuex"; |
| 309 | import store from "@/store/index.js"; | 336 | import store from "@/store/index.js"; |
| 310 | import ywmix from "@/views/ywbl/mixin/index" | 337 | import ywmix from "@/views/ywbl/mixin/index"; |
| 311 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 338 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 312 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 339 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 313 | import tdytTable from "@/views/workflow/components/tdytTable"; | 340 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 314 | import selectTable from "@/components/selectTable/index.vue"; | 341 | import selectTable from "@/components/selectTable/index.vue"; |
| 315 | export default { | 342 | export default { |
| 316 | mixins: [ywmix], | 343 | mixins: [ywmix], |
| 317 | components: { qlrCommonTable, tdytTable, selectTable }, | 344 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 318 | computed: { | 345 | computed: { |
| 319 | ...mapGetters(["dictData", "flag"]), | 346 | ...mapGetters(["dictData", "flag"]), |
| 320 | // 根据流程判断表单是否为只读 | 347 | // 根据流程判断表单是否为只读 |
| 321 | editDisabled () { | 348 | editDisabled() { |
| 322 | if (!this.ableOperation) { | 349 | if (!this.ableOperation) { |
| 323 | //只读状态 | 350 | //只读状态 |
| 324 | return true; | 351 | 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; | ||
| 325 | } | 369 | } |
| 326 | return false; | 370 | return { |
| 371 | id: node.dcode, | ||
| 372 | label: node.dname, | ||
| 373 | }; | ||
| 327 | }, | 374 | }, |
| 328 | }, | 375 | //表单是否可操作 |
| 329 | data () { | 376 | propsParam: this.$attrs, |
| 330 | return { | 377 | ableOperation: false, |
| 331 | mjdw: "1", | 378 | key: 0, |
| 332 | ssqlxxshow: true, | 379 | ssQlxxList: [], |
| 333 | props: { | 380 | // 登记类型 |
| 334 | label: "bdcqzh", | 381 | djlxlist: [ |
| 335 | value: "bdcdyid", | 382 | { |
| 383 | dcode: "100", | ||
| 384 | dname: "首次登记", | ||
| 336 | }, | 385 | }, |
| 337 | // 键名转换，方法默认是label和children进行树状渲染 | 386 | { |
| 338 | normalizer (node) { | 387 | dcode: "200", |
| 339 | //方法 | 388 | dname: "转移登记", |
| 340 | if (node.children == null || node.children == "null") { | 389 | }, |
| 341 | delete node.children; | 390 | { |
| 342 | } | 391 | dcode: "300", |
| 343 | return { | 392 | dname: "变更登记", |
| 344 | id: node.dcode, | 393 | }, |
| 345 | label: node.dname, | 394 | { |
| 346 | }; | 395 | dcode: "500", |
| 396 | dname: "更正登记", | ||
| 347 | }, | 397 | }, |
| 348 | //表单是否可操作 | ||
| 349 | propsParam: this.$attrs, | ||
| 350 | ableOperation: false, | ||
| 351 | key: 0, | ||
| 352 | ssQlxxList: [], | ||
| 353 | // 登记类型 | ||
| 354 | djlxlist: [ | ||
| 355 | { | ||
| 356 | dcode: "100", | ||
| 357 | dname: "首次登记", | ||
| 358 | }, | ||
| 359 | { | ||
| 360 | dcode: "200", | ||
| 361 | dname: "转移登记", | ||
| 362 | }, | ||
| 363 | { | ||
| 364 | dcode: "300", | ||
| 365 | dname: "变更登记", | ||
| 366 | }, | ||
| 367 | { | ||
| 368 | dcode: "500", | ||
| 369 | dname: "更正登记", | ||
| 370 | }, | ||
| 371 | 398 | ||
| 372 | { | 399 | { |
| 373 | dcode: "901", | 400 | dcode: "901", |
| 374 | dname: "补证", | 401 | dname: "补证", |
| 375 | }, | 402 | }, |
| 376 | { | 403 | { |
| 377 | dcode: "902", | 404 | dcode: "902", |
| 378 | dname: "换证", | 405 | dname: "换证", |
| 379 | }, | 406 | }, |
| 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" }, | ||
| 380 | ], | 428 | ], |
| 381 | // 权属状态 | 429 | bdcqzhrules: [ |
| 382 | qsztlist: [ | 430 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 383 | { | ||
| 384 | dcode: "1", | ||
| 385 | dname: "现势", | ||
| 386 | }, | ||
| 387 | { | ||
| 388 | dcode: "2", | ||
| 389 | dname: "历史", | ||
| 390 | }, | ||
| 391 | ], | 431 | ], |
| 392 | tdxz: null, | 432 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 393 | isShow: false, | 433 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 394 | disabled: true, | 434 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 395 | czrOptions: [], | 435 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 396 | ruleForm: {}, | 436 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], |
| 397 | //传递参数\ | ||
| 398 | rules: { | ||
| 399 | bdcqzhrules: [ | ||
| 400 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 401 | ], | ||
| 402 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 403 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 404 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 405 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 406 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | ||
| 407 | }, | ||
| 408 | }; | ||
| 409 | }, | ||
| 410 | created () { | ||
| 411 | this.loadData(); | ||
| 412 | }, | ||
| 413 | mounted () { | ||
| 414 | this.ableOperation = this.$parent.ableOperation | ||
| 415 | }, | ||
| 416 | methods: { | ||
| 417 | /** | ||
| 418 | * @description: ssQlxxchange | ||
| 419 | * @param {*} val | ||
| 420 | * @author: renchao | ||
| 421 | */ | ||
| 422 | ssQlxxchange (val) { | ||
| 423 | this.ruleForm.ssQlxx = val; | ||
| 424 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 425 | }, | 437 | }, |
| 426 | /** | 438 | }; |
| 427 | * @description: djlxchange | 439 | }, |
| 428 | * @param {*} val | 440 | created() { |
| 429 | * @author: renchao | 441 | this.loadData(); |
| 430 | */ | 442 | }, |
| 431 | djlxchange (val) { | 443 | mounted() { |
| 432 | if (val == null || val == 100) { | 444 | this.ableOperation = this.$parent.ableOperation; |
| 433 | this.ssqlxxshow = false; | 445 | }, |
| 434 | } else { | 446 | methods: { |
| 435 | this.ssqlxxshow = true; | 447 | /** |
| 436 | } | 448 | * @description: ssQlxxchange |
| 437 | }, | 449 | * @param {*} val |
| 438 | // 字典 | 450 | * @author: renchao |
| 439 | /** | 451 | */ |
| 440 | * @description: 字典 | 452 | ssQlxxchange(val) { |
| 441 | * @param {*} val | 453 | this.ruleForm.ssQlxx = val; |
| 442 | * @author: renchao | 454 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 443 | */ | 455 | this.ssQlxxchangediolog(val); |
| 444 | getDictData (val) { | 456 | }, |
| 445 | return store.getters.dictData[val]; | 457 | // 弹框事件 |
| 446 | }, | 458 | ssQlxxchangediolog(val) { |
| 447 | /** | 459 | console.log("确定了", this.ruleForm); |
| 448 | * @description: loadData | 460 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 449 | * @author: renchao | 461 | iconClass: "el-icon-question", //自定义图标样式 |
| 450 | */ | 462 | confirmButtonText: "确认", //确认按钮文字更换 |
| 451 | loadData () { | 463 | cancelButtonText: "取消", //取消按钮文字更换 |
| 452 | this.$startLoading(); | 464 | showClose: true, //是否显示右上角关闭按钮 |
| 453 | this.propsParam.isEdit = this.$parent.isEdit; | 465 | type: "warning", |
| 454 | init(this.propsParam).then((res) => { | 466 | }).then(() => { |
| 467 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 455 | if (res.code == 200) { | 468 | if (res.code == 200) { |
| 456 | this.ruleForm = res.result; | 469 | this.nowlist = res.result; |
| 457 | let djlx = this.ruleForm.qlxx.djlx; | 470 | console.log("his.nowlist", this.nowlist); |
| 458 | if (djlx == null || djlx == 100) { | 471 | console.log("this.ruleForm", this.ruleForm); |
| 459 | this.ssqlxxshow = false; | 472 | for (var key in this.ruleForm.jsydsyq) { |
| 473 | if ( | ||
| 474 | this.ruleForm.jsydsyq[key] == "" || | ||
| 475 | this.ruleForm.jsydsyq[key] == null | ||
| 476 | ) { | ||
| 477 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | ||
| 478 | } | ||
| 460 | } | 479 | } |
| 461 | this.$endLoading(); | 480 | for (var key in this.ruleForm.qlxx) { |
| 462 | if (this.ruleForm.tdytqxList.length > 0) { | 481 | if ( |
| 463 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 482 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 464 | } else { | 483 | this.ruleForm.qlxx[key] == null |
| 465 | this.tdxz = null; | 484 | ) { |
| 485 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 486 | if (key != "ywh") { | ||
| 487 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 488 | } | ||
| 489 | } | ||
| 490 | } | ||
| 491 | if (!this.ruleForm.tdytqxList.length) { | ||
| 492 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 493 | } | ||
| 494 | if (!this.ruleForm.qlrData.length) { | ||
| 495 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 466 | } | 496 | } |
| 467 | this.isShow = true; | 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 | }); | ||
| 468 | } | 505 | } |
| 469 | }); | 506 | }); |
| 470 | //获取主体信息 | 507 | }).catch(() => { |
| 471 | getSsQlxx({ | 508 | this.$message({ |
| 472 | bdcdyid: this.propsParam.bdcdyid, | 509 | type: "info", |
| 473 | qllx: this.propsParam.qllx, | 510 | message: "已取消同步", |
| 474 | }).then((res) => { | 511 | }); |
| 475 | if (res.code == 200) { | 512 | }); |
| 476 | this.ssQlxxList = res.result; | 513 | }, |
| 514 | /** | ||
| 515 | * @description: djlxchange | ||
| 516 | * @param {*} val | ||
| 517 | * @author: renchao | ||
| 518 | */ | ||
| 519 | djlxchange(val) { | ||
| 520 | if (val == null || val == 100) { | ||
| 521 | this.ssqlxxshow = false; | ||
| 522 | } else { | ||
| 523 | 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; | ||
| 477 | } | 548 | } |
| 478 | }); | 549 | this.$endLoading(); |
| 479 | }, | 550 | if (this.ruleForm.tdytqxList.length > 0) { |
| 480 | // 更新土地用途信息 | 551 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 481 | /** | 552 | } else { |
| 482 | * @description: 更新土地用途信息 | 553 | this.tdxz = null; |
| 483 | * @param {*} val | 554 | } |
| 484 | * @author: renchao | 555 | this.isShow = true; |
| 485 | */ | 556 | //获取主体信息 |
| 486 | upDateTdytxxList (val) { | 557 | getSsQlxx({ |
| 487 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 558 | bdcdyid: this.propsParam.bdcdyid, |
| 488 | this.key++; | 559 | qllx: this.propsParam.qllx, |
| 489 | }, | 560 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 490 | // 更新权利人信息 | 561 | }).then((res) => { |
| 491 | /** | 562 | if (res.code == 200) { |
| 492 | * @description: 更新权利人信息 | 563 | this.ssQlxxList = res.result; |
| 493 | * @param {*} val | 564 | } |
| 494 | * @author: renchao | 565 | }); |
| 495 | */ | 566 | } |
| 496 | upDateQlrxxList (val) { | 567 | }); |
| 497 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 568 | }, |
| 498 | this.czrOptions = this.ruleForm.qlrData; | 569 | // 更新土地用途信息 |
| 499 | this.key++; | 570 | /** |
| 500 | }, | 571 | * @description: 更新土地用途信息 |
| 501 | // 保存 | 572 | * @param {*} val |
| 502 | /** | 573 | * @author: renchao |
| 503 | * @description: onSubmit | 574 | */ |
| 504 | * @author: renchao | 575 | upDateTdytxxList(val) { |
| 505 | */ | 576 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 506 | onSubmit () { | 577 | this.key++; |
| 507 | this.$refs.ruleForm.validate((valid) => { | 578 | }, |
| 508 | if (valid) { | 579 | // 更新权利人信息 |
| 509 | if (this.ruleForm.qlrData.length == 0) { | 580 | /** |
| 581 | * @description: 更新权利人信息 | ||
| 582 | * @param {*} val | ||
| 583 | * @author: renchao | ||
| 584 | */ | ||
| 585 | upDateQlrxxList(val) { | ||
| 586 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 587 | this.czrOptions = this.ruleForm.qlrData; | ||
| 588 | this.key++; | ||
| 589 | }, | ||
| 590 | // 保存 | ||
| 591 | /** | ||
| 592 | * @description: onSubmit | ||
| 593 | * @author: renchao | ||
| 594 | */ | ||
| 595 | onSubmit() { | ||
| 596 | this.$refs.ruleForm.validate((valid) => { | ||
| 597 | if (valid) { | ||
| 598 | if (this.ruleForm.qlrData.length == 0) { | ||
| 599 | this.$message({ | ||
| 600 | showClose: true, | ||
| 601 | message: "请确认权利人信息", | ||
| 602 | type: "error", | ||
| 603 | }); | ||
| 604 | return false; | ||
| 605 | } | ||
| 606 | |||
| 607 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 608 | if (this.ruleForm.qlrData.length > 1) { | ||
| 510 | this.$message({ | 609 | this.$message({ |
| 511 | showClose: true, | 610 | showClose: true, |
| 512 | message: "请确认权利人信息", | 611 | message: "共有方式：单独所有，权利人只能是一个人", |
| 513 | type: "error", | 612 | type: "error", |
| 514 | }); | 613 | }); |
| 515 | return false; | 614 | return false; |
| 516 | } | 615 | } |
| 517 | 616 | this.ruleForm.qlrData[0].sfczr = "1"; | |
| 518 | if (this.ruleForm.qlxx.gyfs == "0") { | 617 | } |
| 519 | if (this.ruleForm.qlrData.length > 1) { | 618 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 520 | this.$message({ | 619 | //是否分别持证 |
| 521 | showClose: true, | 620 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 522 | message: "共有方式：单独所有，权利人只能是一个人", | 621 | //是 |
| 523 | type: "error", | 622 | this.ruleForm.qlrData.forEach((item, index) => { |
| 524 | }); | 623 | item.sfczr = "1"; |
| 525 | return false; | 624 | }); |
| 526 | } | 625 | } else { |
| 527 | this.ruleForm.qlrData[0].sfczr = "1"; | 626 | this.ruleForm.qlrData.forEach((item, index) => { |
| 528 | } | 627 | if (item.zjh == this.ruleForm.czr) { |
| 529 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 530 | //是否分别持证 | ||
| 531 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 532 | //是 | ||
| 533 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 534 | item.sfczr = "1"; | 628 | item.sfczr = "1"; |
| 535 | }); | 629 | } else { |
| 536 | } else { | 630 | item.sfczr = "0"; |
| 537 | this.ruleForm.qlrData.forEach((item, index) => { | 631 | } |
| 538 | if (item.zjh == this.ruleForm.czr) { | 632 | }); |
| 539 | item.sfczr = "1"; | ||
| 540 | } else { | ||
| 541 | item.sfczr = "0"; | ||
| 542 | } | ||
| 543 | }); | ||
| 544 | } | ||
| 545 | } | 633 | } |
| 546 | save(this.ruleForm).then((res) => { | ||
| 547 | if (res.code === 200) { | ||
| 548 | this.$message({ | ||
| 549 | showClose: true, | ||
| 550 | message: "保存成功！", | ||
| 551 | type: "success", | ||
| 552 | }); | ||
| 553 | this.$parent.changeywh() | ||
| 554 | this.$store.dispatch("user/refreshPage", true); | ||
| 555 | } else { | ||
| 556 | this.$message({ | ||
| 557 | showClose: true, | ||
| 558 | message: res.message, | ||
| 559 | type: "error", | ||
| 560 | }); | ||
| 561 | } | ||
| 562 | }); | ||
| 563 | } else { | ||
| 564 | return false; | ||
| 565 | } | 634 | } |
| 566 | }); | 635 | save(this.ruleForm).then((res) => { |
| 567 | }, | 636 | if (res.code === 200) { |
| 637 | this.$message({ | ||
| 638 | showClose: true, | ||
| 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 | }); | ||
| 568 | }, | 656 | }, |
| 569 | }; | 657 | }, |
| 658 | }; | ||
| 570 | </script> | 659 | </script> |
| 571 | <style scoped lang="scss"> | 660 | <style scoped lang="scss"> |
| 572 | @import "~@/styles/public.scss"; | 661 | @import "~@/styles/public.scss"; |
| 573 | @import "~@/styles/slxx/slxx.scss"; | 662 | @import "~@/styles/slxx/slxx.scss"; |
| 574 | </style> | 663 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 11:01:08 | 4 | * @LastEditTime: 2023-08-03 14:57:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -15,7 +15,8 @@ | ... | @@ -15,7 +15,8 @@ |
| 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 | > | ||
| 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 20 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 21 | 补录信息 | 22 | 补录信息 |
| ... | @@ -44,21 +45,28 @@ | ... | @@ -44,21 +45,28 @@ |
| 44 | </div> | 45 | </div> |
| 45 | <el-row :gutter="10"> | 46 | <el-row :gutter="10"> |
| 46 | <el-col :span="8" v-if="ssqlxxshow"> | 47 | <el-col :span="8" v-if="ssqlxxshow"> |
| 47 | <el-form-item label="上手权利信息："> | 48 | <el-form-item |
| 49 | label="上手权利信息：" | ||
| 50 | prop="ssQlxx.bdcqzh" | ||
| 51 | :rules="rules.ssQlxxrules" | ||
| 52 | > | ||
| 48 | <select-table | 53 | <select-table |
| 49 | v-model="ruleForm.ssQlxx" | 54 | v-model="ruleForm.ssQlxx" |
| 50 | :table-width="550" | 55 | :table-width="550" |
| 51 | :tableData="ssQlxxList" | 56 | :tableData="ssQlxxList" |
| 52 | :props="props" | 57 | :props="props" |
| 53 | @change="ssQlxxchange"> | 58 | @change="ssQlxxchange" |
| 59 | > | ||
| 54 | <el-table-column | 60 | <el-table-column |
| 55 | prop="qllxmc" | 61 | prop="qllxmc" |
| 56 | width="130" | 62 | width="130" |
| 57 | label="权利类型"></el-table-column> | 63 | label="权利类型" |
| 64 | ></el-table-column> | ||
| 58 | <el-table-column | 65 | <el-table-column |
| 59 | prop="bdcqzh" | 66 | prop="bdcqzh" |
| 60 | width="160" | 67 | width="160" |
| 61 | label="不动产权证书"></el-table-column> | 68 | label="不动产权证书" |
| 69 | ></el-table-column> | ||
| 62 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 70 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 63 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 71 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 64 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 72 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -75,13 +83,15 @@ | ... | @@ -75,13 +83,15 @@ |
| 75 | <el-form-item | 83 | <el-form-item |
| 76 | label="登记类型：" | 84 | label="登记类型：" |
| 77 | prop="qlxx.djlx" | 85 | prop="qlxx.djlx" |
| 78 | :rules="rules.djlxrules"> | 86 | :rules="rules.djlxrules" |
| 87 | > | ||
| 79 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 88 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 80 | <el-option | 89 | <el-option |
| 81 | v-for="item in djlxlist" | 90 | v-for="item in djlxlist" |
| 82 | :key="item.dcode" | 91 | :key="item.dcode" |
| 83 | :label="item.dname" | 92 | :label="item.dname" |
| 84 | :value="item.dcode"> | 93 | :value="item.dcode" |
| 94 | > | ||
| 85 | </el-option> | 95 | </el-option> |
| 86 | </el-select> | 96 | </el-select> |
| 87 | </el-form-item> | 97 | </el-form-item> |
| ... | @@ -108,7 +118,8 @@ | ... | @@ -108,7 +118,8 @@ |
| 108 | <el-form-item | 118 | <el-form-item |
| 109 | label="登簿人：" | 119 | label="登簿人：" |
| 110 | prop="qlxx.dbr" | 120 | prop="qlxx.dbr" |
| 111 | :rules="rules.dbrrules"> | 121 | :rules="rules.dbrrules" |
| 122 | > | ||
| 112 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 123 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 113 | </el-form-item> | 124 | </el-form-item> |
| 114 | </el-col> | 125 | </el-col> |
| ... | @@ -116,7 +127,8 @@ | ... | @@ -116,7 +127,8 @@ |
| 116 | <el-form-item | 127 | <el-form-item |
| 117 | label="登记机构：" | 128 | label="登记机构：" |
| 118 | prop="qlxx.djjg" | 129 | prop="qlxx.djjg" |
| 119 | :rules="rules.djjgrules"> | 130 | :rules="rules.djjgrules" |
| 131 | > | ||
| 120 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 132 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 121 | </el-form-item> | 133 | </el-form-item> |
| 122 | </el-col> | 134 | </el-col> |
| ... | @@ -133,7 +145,8 @@ | ... | @@ -133,7 +145,8 @@ |
| 133 | <el-form-item | 145 | <el-form-item |
| 134 | label="不动产权证号：" | 146 | label="不动产权证号：" |
| 135 | prop="qlxx.bdcqzh" | 147 | prop="qlxx.bdcqzh" |
| 136 | :rules="rules.bdcqzhrules"> | 148 | :rules="rules.bdcqzhrules" |
| 149 | > | ||
| 137 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 150 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 138 | </el-form-item> | 151 | </el-form-item> |
| 139 | </el-col> | 152 | </el-col> |
| ... | @@ -144,7 +157,8 @@ | ... | @@ -144,7 +157,8 @@ |
| 144 | v-for="item in qsztlist" | 157 | v-for="item in qsztlist" |
| 145 | :key="item.dcode" | 158 | :key="item.dcode" |
| 146 | :label="item.dname" | 159 | :label="item.dname" |
| 147 | :value="item.dcode"> | 160 | :value="item.dcode" |
| 161 | > | ||
| 148 | </el-option> | 162 | </el-option> |
| 149 | </el-select> | 163 | </el-select> |
| 150 | </el-form-item> | 164 | </el-form-item> |
| ... | @@ -163,16 +177,19 @@ | ... | @@ -163,16 +177,19 @@ |
| 163 | <el-input | 177 | <el-input |
| 164 | v-model="ruleForm.tdsyq.nydmj" | 178 | v-model="ruleForm.tdsyq.nydmj" |
| 165 | :disabled="!ableOperation" | 179 | :disabled="!ableOperation" |
| 166 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 180 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 181 | ></el-input> | ||
| 167 | <el-select | 182 | <el-select |
| 168 | v-model="ruleForm.tdsyq.mjdw" | 183 | v-model="ruleForm.tdsyq.mjdw" |
| 169 | :disabled="!ableOperation" | 184 | :disabled="!ableOperation" |
| 170 | style="width: 20%"> | 185 | style="width: 20%" |
| 186 | > | ||
| 171 | <el-option | 187 | <el-option |
| 172 | v-for="item in dictData['A7']" | 188 | v-for="item in dictData['A7']" |
| 173 | :key="item.dcode" | 189 | :key="item.dcode" |
| 174 | :label="item.dname" | 190 | :label="item.dname" |
| 175 | :value="item.dcode"> | 191 | :value="item.dcode" |
| 192 | > | ||
| 176 | </el-option> | 193 | </el-option> |
| 177 | </el-select> | 194 | </el-select> |
| 178 | </div> | 195 | </div> |
| ... | @@ -184,16 +201,19 @@ | ... | @@ -184,16 +201,19 @@ |
| 184 | <el-input | 201 | <el-input |
| 185 | v-model="ruleForm.tdsyq.gdmj" | 202 | v-model="ruleForm.tdsyq.gdmj" |
| 186 | :disabled="!ableOperation" | 203 | :disabled="!ableOperation" |
| 187 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 204 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 205 | ></el-input> | ||
| 188 | <el-select | 206 | <el-select |
| 189 | v-model="ruleForm.tdsyq.mjdw" | 207 | v-model="ruleForm.tdsyq.mjdw" |
| 190 | :disabled="!ableOperation" | 208 | :disabled="!ableOperation" |
| 191 | style="width: 20%"> | 209 | style="width: 20%" |
| 210 | > | ||
| 192 | <el-option | 211 | <el-option |
| 193 | v-for="item in dictData['A7']" | 212 | v-for="item in dictData['A7']" |
| 194 | :key="item.dcode" | 213 | :key="item.dcode" |
| 195 | :label="item.dname" | 214 | :label="item.dname" |
| 196 | :value="item.dcode"> | 215 | :value="item.dcode" |
| 216 | > | ||
| 197 | </el-option> | 217 | </el-option> |
| 198 | </el-select> | 218 | </el-select> |
| 199 | </div> | 219 | </div> |
| ... | @@ -205,16 +225,19 @@ | ... | @@ -205,16 +225,19 @@ |
| 205 | <el-input | 225 | <el-input |
| 206 | v-model="ruleForm.tdsyq.ldmj" | 226 | v-model="ruleForm.tdsyq.ldmj" |
| 207 | :disabled="!ableOperation" | 227 | :disabled="!ableOperation" |
| 208 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 228 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 229 | ></el-input> | ||
| 209 | <el-select | 230 | <el-select |
| 210 | v-model="ruleForm.tdsyq.mjdw" | 231 | v-model="ruleForm.tdsyq.mjdw" |
| 211 | :disabled="!ableOperation" | 232 | :disabled="!ableOperation" |
| 212 | style="width: 20%"> | 233 | style="width: 20%" |
| 234 | > | ||
| 213 | <el-option | 235 | <el-option |
| 214 | v-for="item in dictData['A7']" | 236 | v-for="item in dictData['A7']" |
| 215 | :key="item.dcode" | 237 | :key="item.dcode" |
| 216 | :label="item.dname" | 238 | :label="item.dname" |
| 217 | :value="item.dcode"> | 239 | :value="item.dcode" |
| 240 | > | ||
| 218 | </el-option> | 241 | </el-option> |
| 219 | </el-select> | 242 | </el-select> |
| 220 | </div> | 243 | </div> |
| ... | @@ -228,16 +251,19 @@ | ... | @@ -228,16 +251,19 @@ |
| 228 | <el-input | 251 | <el-input |
| 229 | v-model="ruleForm.tdsyq.cdmj" | 252 | v-model="ruleForm.tdsyq.cdmj" |
| 230 | :disabled="!ableOperation" | 253 | :disabled="!ableOperation" |
| 231 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 254 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 255 | ></el-input> | ||
| 232 | <el-select | 256 | <el-select |
| 233 | v-model="ruleForm.tdsyq.mjdw" | 257 | v-model="ruleForm.tdsyq.mjdw" |
| 234 | :disabled="!ableOperation" | 258 | :disabled="!ableOperation" |
| 235 | style="width: 20%"> | 259 | style="width: 20%" |
| 260 | > | ||
| 236 | <el-option | 261 | <el-option |
| 237 | v-for="item in dictData['A7']" | 262 | v-for="item in dictData['A7']" |
| 238 | :key="item.dcode" | 263 | :key="item.dcode" |
| 239 | :label="item.dname" | 264 | :label="item.dname" |
| 240 | :value="item.dcode"> | 265 | :value="item.dcode" |
| 266 | > | ||
| 241 | </el-option> | 267 | </el-option> |
| 242 | </el-select> | 268 | </el-select> |
| 243 | </div> | 269 | </div> |
| ... | @@ -249,16 +275,19 @@ | ... | @@ -249,16 +275,19 @@ |
| 249 | <el-input | 275 | <el-input |
| 250 | v-model="ruleForm.tdsyq.qtnydmj" | 276 | v-model="ruleForm.tdsyq.qtnydmj" |
| 251 | :disabled="!ableOperation" | 277 | :disabled="!ableOperation" |
| 252 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 278 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 279 | ></el-input> | ||
| 253 | <el-select | 280 | <el-select |
| 254 | v-model="ruleForm.tdsyq.mjdw" | 281 | v-model="ruleForm.tdsyq.mjdw" |
| 255 | :disabled="!ableOperation" | 282 | :disabled="!ableOperation" |
| 256 | style="width: 20%"> | 283 | style="width: 20%" |
| 284 | > | ||
| 257 | <el-option | 285 | <el-option |
| 258 | v-for="item in dictData['A7']" | 286 | v-for="item in dictData['A7']" |
| 259 | :key="item.dcode" | 287 | :key="item.dcode" |
| 260 | :label="item.dname" | 288 | :label="item.dname" |
| 261 | :value="item.dcode"> | 289 | :value="item.dcode" |
| 290 | > | ||
| 262 | </el-option> | 291 | </el-option> |
| 263 | </el-select> | 292 | </el-select> |
| 264 | </div> | 293 | </div> |
| ... | @@ -270,16 +299,19 @@ | ... | @@ -270,16 +299,19 @@ |
| 270 | <el-input | 299 | <el-input |
| 271 | v-model="ruleForm.tdsyq.jsydmj" | 300 | v-model="ruleForm.tdsyq.jsydmj" |
| 272 | :disabled="!ableOperation" | 301 | :disabled="!ableOperation" |
| 273 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 302 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 303 | ></el-input> | ||
| 274 | <el-select | 304 | <el-select |
| 275 | v-model="ruleForm.tdsyq.mjdw" | 305 | v-model="ruleForm.tdsyq.mjdw" |
| 276 | :disabled="!ableOperation" | 306 | :disabled="!ableOperation" |
| 277 | style="width: 20%"> | 307 | style="width: 20%" |
| 308 | > | ||
| 278 | <el-option | 309 | <el-option |
| 279 | v-for="item in dictData['A7']" | 310 | v-for="item in dictData['A7']" |
| 280 | :key="item.dcode" | 311 | :key="item.dcode" |
| 281 | :label="item.dname" | 312 | :label="item.dname" |
| 282 | :value="item.dcode"> | 313 | :value="item.dcode" |
| 314 | > | ||
| 283 | </el-option> | 315 | </el-option> |
| 284 | </el-select> | 316 | </el-select> |
| 285 | </div> | 317 | </div> |
| ... | @@ -293,16 +325,19 @@ | ... | @@ -293,16 +325,19 @@ |
| 293 | <el-input | 325 | <el-input |
| 294 | v-model="ruleForm.tdsyq.wlydmj" | 326 | v-model="ruleForm.tdsyq.wlydmj" |
| 295 | :disabled="!ableOperation" | 327 | :disabled="!ableOperation" |
| 296 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 328 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 329 | ></el-input> | ||
| 297 | <el-select | 330 | <el-select |
| 298 | v-model="ruleForm.tdsyq.mjdw" | 331 | v-model="ruleForm.tdsyq.mjdw" |
| 299 | :disabled="!ableOperation" | 332 | :disabled="!ableOperation" |
| 300 | style="width: 20%"> | 333 | style="width: 20%" |
| 334 | > | ||
| 301 | <el-option | 335 | <el-option |
| 302 | v-for="item in dictData['A7']" | 336 | v-for="item in dictData['A7']" |
| 303 | :key="item.dcode" | 337 | :key="item.dcode" |
| 304 | :label="item.dname" | 338 | :label="item.dname" |
| 305 | :value="item.dcode"> | 339 | :value="item.dcode" |
| 340 | > | ||
| 306 | </el-option> | 341 | </el-option> |
| 307 | </el-select> | 342 | </el-select> |
| 308 | </div> | 343 | </div> |
| ... | @@ -312,14 +347,16 @@ | ... | @@ -312,14 +347,16 @@ |
| 312 | <el-form-item | 347 | <el-form-item |
| 313 | label="登记时间：" | 348 | label="登记时间：" |
| 314 | prop="qlxx.djsj" | 349 | prop="qlxx.djsj" |
| 315 | :rules="rules.djsjrules"> | 350 | :rules="rules.djsjrules" |
| 351 | > | ||
| 316 | <el-date-picker | 352 | <el-date-picker |
| 317 | v-model="ruleForm.qlxx.djsj" | 353 | v-model="ruleForm.qlxx.djsj" |
| 318 | type="date" | 354 | type="date" |
| 319 | class="width100" | 355 | class="width100" |
| 320 | placeholder="选择日期" | 356 | placeholder="选择日期" |
| 321 | value-format="yyyy-MM-dd HH:mm:ss" | 357 | value-format="yyyy-MM-dd HH:mm:ss" |
| 322 | format="yyyy-MM-dd"> | 358 | format="yyyy-MM-dd" |
| 359 | > | ||
| 323 | </el-date-picker> | 360 | </el-date-picker> |
| 324 | </el-form-item> | 361 | </el-form-item> |
| 325 | </el-col> | 362 | </el-col> |
| ... | @@ -338,7 +375,8 @@ | ... | @@ -338,7 +375,8 @@ |
| 338 | <tdytTable | 375 | <tdytTable |
| 339 | :tableData="ruleForm.tdytqxList" | 376 | :tableData="ruleForm.tdytqxList" |
| 340 | @upDateTdytxxList="upDateTdytxxList" | 377 | @upDateTdytxxList="upDateTdytxxList" |
| 341 | :ableOperation="ableOperation" /> | 378 | :ableOperation="ableOperation" |
| 379 | /> | ||
| 342 | <div class="slxx_title title-block"> | 380 | <div class="slxx_title title-block"> |
| 343 | 权利人信息 | 381 | 权利人信息 |
| 344 | <div class="triangle"></div> | 382 | <div class="triangle"></div> |
| ... | @@ -348,7 +386,8 @@ | ... | @@ -348,7 +386,8 @@ |
| 348 | <el-form-item label="共有方式："> | 386 | <el-form-item label="共有方式："> |
| 349 | <el-radio-group | 387 | <el-radio-group |
| 350 | :disabled="!ableOperation" | 388 | :disabled="!ableOperation" |
| 351 | v-model="ruleForm.qlxx.gyfs"> | 389 | v-model="ruleForm.qlxx.gyfs" |
| 390 | > | ||
| 352 | <el-radio label="0">单独所有</el-radio> | 391 | <el-radio label="0">单独所有</el-radio> |
| 353 | <el-radio label="1">共同共有</el-radio> | 392 | <el-radio label="1">共同共有</el-radio> |
| 354 | <el-radio label="2">按份所有</el-radio> | 393 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -360,7 +399,8 @@ | ... | @@ -360,7 +399,8 @@ |
| 360 | <el-form-item label="是否分别持证："> | 399 | <el-form-item label="是否分别持证："> |
| 361 | <el-radio-group | 400 | <el-radio-group |
| 362 | v-model="ruleForm.qlxx.sqfbcz" | 401 | v-model="ruleForm.qlxx.sqfbcz" |
| 363 | :disabled="!ableOperation"> | 402 | :disabled="!ableOperation" |
| 403 | > | ||
| 364 | <el-radio :label="1">是</el-radio> | 404 | <el-radio :label="1">是</el-radio> |
| 365 | <el-radio :label="0">否</el-radio> | 405 | <el-radio :label="0">否</el-radio> |
| 366 | </el-radio-group> | 406 | </el-radio-group> |
| ... | @@ -368,17 +408,20 @@ | ... | @@ -368,17 +408,20 @@ |
| 368 | </el-col> | 408 | </el-col> |
| 369 | <el-col | 409 | <el-col |
| 370 | :span="6" | 410 | :span="6" |
| 371 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 411 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 412 | > | ||
| 372 | <el-form-item label="持证人："> | 413 | <el-form-item label="持证人："> |
| 373 | <el-select | 414 | <el-select |
| 374 | v-model="ruleForm.czr" | 415 | v-model="ruleForm.czr" |
| 375 | placeholder="持证人" | 416 | placeholder="持证人" |
| 376 | :disabled="!ableOperation"> | 417 | :disabled="!ableOperation" |
| 418 | > | ||
| 377 | <el-option | 419 | <el-option |
| 378 | v-for="item in czrOptions" | 420 | v-for="item in czrOptions" |
| 379 | :key="item.zjh" | 421 | :key="item.zjh" |
| 380 | :label="item.sqrmc" | 422 | :label="item.sqrmc" |
| 381 | :value="item.zjh"> | 423 | :value="item.zjh" |
| 424 | > | ||
| 382 | </el-option> | 425 | </el-option> |
| 383 | </el-select> | 426 | </el-select> |
| 384 | </el-form-item> | 427 | </el-form-item> |
| ... | @@ -389,7 +432,8 @@ | ... | @@ -389,7 +432,8 @@ |
| 389 | @upDateQlrxxList="upDateQlrxxList" | 432 | @upDateQlrxxList="upDateQlrxxList" |
| 390 | :key="key" | 433 | :key="key" |
| 391 | :ableOperation="ableOperation" | 434 | :ableOperation="ableOperation" |
| 392 | :gyfs="ruleForm.qlxx.gyfs" /> | 435 | :gyfs="ruleForm.qlxx.gyfs" |
| 436 | /> | ||
| 393 | </div> | 437 | </div> |
| 394 | <el-row class="btn" v-if="ableOperation"> | 438 | <el-row class="btn" v-if="ableOperation"> |
| 395 | <el-form-item> | 439 | <el-form-item> |
| ... | @@ -400,339 +444,396 @@ | ... | @@ -400,339 +444,396 @@ |
| 400 | </div> | 444 | </div> |
| 401 | </template> | 445 | </template> |
| 402 | <script> | 446 | <script> |
| 403 | import { mapGetters } from "vuex"; | 447 | import { mapGetters } from "vuex"; |
| 404 | import store from "@/store/index.js"; | 448 | import store from "@/store/index.js"; |
| 405 | import ywmix from "@/views/ywbl/mixin/index" | 449 | import ywmix from "@/views/ywbl/mixin/index"; |
| 406 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 450 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 407 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 451 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 408 | import selectTable from "@/components/selectTable/index.vue"; | 452 | import selectTable from "@/components/selectTable/index.vue"; |
| 409 | import tdytTable from "@/views/workflow/components/tdytTable"; | 453 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 410 | export default { | 454 | export default { |
| 411 | mixins: [ywmix], | 455 | mixins: [ywmix], |
| 412 | components: { qlrCommonTable, tdytTable, selectTable }, | 456 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 413 | computed: { | 457 | computed: { |
| 414 | ...mapGetters(["dictData", "flag"]), | 458 | ...mapGetters(["dictData", "flag"]), |
| 415 | // 根据流程判断表单是否为只读 | 459 | // 根据流程判断表单是否为只读 |
| 416 | editDisabled () { | 460 | editDisabled() { |
| 417 | if (!this.ableOperation) { | 461 | if (!this.ableOperation) { |
| 418 | //只读状态 | 462 | //只读状态 |
| 419 | return true; | 463 | 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; | ||
| 420 | } | 480 | } |
| 421 | return false; | 481 | return { |
| 482 | id: node.dcode, | ||
| 483 | label: node.dname, | ||
| 484 | }; | ||
| 422 | }, | 485 | }, |
| 423 | }, | 486 | //表单是否可操作 |
| 424 | data () { | 487 | propsParam: this.$attrs, |
| 425 | return { | 488 | key: 0, |
| 426 | ssqlxxshow: true, | 489 | // 登记类型 |
| 427 | props: { | 490 | djlxlist: [ |
| 428 | label: "bdcqzh", | 491 | { |
| 429 | value: "bdcdyid", | 492 | dcode: "100", |
| 493 | dname: "首次登记", | ||
| 430 | }, | 494 | }, |
| 431 | // 键名转换，方法默认是label和children进行树状渲染 | 495 | { |
| 432 | normalizer (node) { | 496 | dcode: "200", |
| 433 | //方法 | 497 | dname: "转移登记", |
| 434 | if (node.children == null || node.children == "null") { | 498 | }, |
| 435 | delete node.children; | 499 | { |
| 436 | } | 500 | dcode: "300", |
| 437 | return { | 501 | dname: "变更登记", |
| 438 | id: node.dcode, | 502 | }, |
| 439 | label: node.dname, | 503 | { |
| 440 | }; | 504 | dcode: "500", |
| 505 | dname: "更正登记", | ||
| 441 | }, | 506 | }, |
| 442 | //表单是否可操作 | ||
| 443 | propsParam: this.$attrs, | ||
| 444 | key: 0, | ||
| 445 | // 登记类型 | ||
| 446 | djlxlist: [ | ||
| 447 | { | ||
| 448 | dcode: "100", | ||
| 449 | dname: "首次登记", | ||
| 450 | }, | ||
| 451 | { | ||
| 452 | dcode: "200", | ||
| 453 | dname: "转移登记", | ||
| 454 | }, | ||
| 455 | { | ||
| 456 | dcode: "300", | ||
| 457 | dname: "变更登记", | ||
| 458 | }, | ||
| 459 | { | ||
| 460 | dcode: "500", | ||
| 461 | dname: "更正登记", | ||
| 462 | }, | ||
| 463 | 507 | ||
| 464 | { | 508 | { |
| 465 | dcode: "901", | 509 | dcode: "901", |
| 466 | dname: "补证", | 510 | dname: "补证", |
| 467 | }, | 511 | }, |
| 468 | { | 512 | { |
| 469 | dcode: "902", | 513 | dcode: "902", |
| 470 | dname: "换证", | 514 | dname: "换证", |
| 471 | }, | 515 | }, |
| 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" }, | ||
| 472 | ], | 538 | ], |
| 473 | // 权属状态 | 539 | bdcqzhrules: [ |
| 474 | qsztlist: [ | 540 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 475 | { | ||
| 476 | dcode: "1", | ||
| 477 | dname: "现势", | ||
| 478 | }, | ||
| 479 | { | ||
| 480 | dcode: "2", | ||
| 481 | dname: "历史", | ||
| 482 | }, | ||
| 483 | ], | 541 | ], |
| 484 | isShow: false, | 542 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 485 | disabled: true, | 543 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 486 | czrOptions: [], | 544 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 487 | ssQlxxList: [], | 545 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 488 | ruleForm: {}, | 546 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 489 | ableOperation: false, | ||
| 490 | //传递参数\ | ||
| 491 | rules: { | ||
| 492 | bdcqzhrules: [ | ||
| 493 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 494 | ], | ||
| 495 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 496 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 497 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 498 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 499 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 500 | }, | ||
| 501 | }; | ||
| 502 | }, | ||
| 503 | created () { }, | ||
| 504 | mounted () { | ||
| 505 | this.loadData(); | ||
| 506 | this.ableOperation = this.$parent.ableOperation; | ||
| 507 | }, | ||
| 508 | methods: { | ||
| 509 | /** | ||
| 510 | * @description: ssQlxxchange | ||
| 511 | * @param {*} val | ||
| 512 | * @author: renchao | ||
| 513 | */ | ||
| 514 | ssQlxxchange (val) { | ||
| 515 | this.ruleForm.ssQlxx = val; | ||
| 516 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 517 | }, | ||
| 518 | /** | ||
| 519 | * @description: djlxchange | ||
| 520 | * @param {*} val | ||
| 521 | * @author: renchao | ||
| 522 | */ | ||
| 523 | djlxchange (val) { | ||
| 524 | console.log("val", val); | ||
| 525 | if (val == null || val == 100) { | ||
| 526 | this.ssqlxxshow = false; | ||
| 527 | } else { | ||
| 528 | this.ssqlxxshow = true; | ||
| 529 | } | ||
| 530 | }, | ||
| 531 | |||
| 532 | // 字典 | ||
| 533 | /** | ||
| 534 | * @description: 字典 | ||
| 535 | * @param {*} val | ||
| 536 | * @author: renchao | ||
| 537 | */ | ||
| 538 | getDictData (val) { | ||
| 539 | return store.getters.dictData[val]; | ||
| 540 | }, | 547 | }, |
| 541 | /** | 548 | }; |
| 542 | * @description: loadData | 549 | }, |
| 543 | * @author: renchao | 550 | created() {}, |
| 544 | */ | 551 | mounted() { |
| 545 | loadData () { | 552 | this.loadData(); |
| 546 | this.$startLoading(); | 553 | this.ableOperation = this.$parent.ableOperation; |
| 547 | this.propsParam.isEdit = this.$parent.isEdit; | 554 | }, |
| 548 | init(this.propsParam).then((res) => { | 555 | methods: { |
| 556 | /** | ||
| 557 | * @description: ssQlxxchange | ||
| 558 | * @param {*} val | ||
| 559 | * @author: renchao | ||
| 560 | */ | ||
| 561 | ssQlxxchange(val) { | ||
| 562 | this.ruleForm.ssQlxx = val; | ||
| 563 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 564 | this.ssQlxxchangediolog(val); | ||
| 565 | }, | ||
| 566 | // 弹框事件 | ||
| 567 | ssQlxxchangediolog(val) { | ||
| 568 | console.log("确定了", this.ruleForm); | ||
| 569 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 570 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 571 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 572 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 573 | showClose: true, //是否显示右上角关闭按钮 | ||
| 574 | type: "warning", | ||
| 575 | }).then(() => { | ||
| 576 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 549 | if (res.code == 200) { | 577 | if (res.code == 200) { |
| 550 | this.ruleForm = res.result; | 578 | this.nowlist = res.result; |
| 551 | let djlx = this.ruleForm.qlxx.djlx; | 579 | console.log("his.nowlist", this.nowlist); |
| 552 | if (djlx == null || djlx == 100) { | 580 | console.log("this.ruleForm", this.ruleForm); |
| 553 | this.ssqlxxshow = false; | 581 | for (var key in this.ruleForm.tdsyq) { |
| 582 | if ( | ||
| 583 | this.ruleForm.tdsyq[key] == "" || | ||
| 584 | this.ruleForm.tdsyq[key] == null | ||
| 585 | ) { | ||
| 586 | this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key]; | ||
| 587 | } | ||
| 588 | } | ||
| 589 | for (var key in this.ruleForm.qlxx) { | ||
| 590 | if ( | ||
| 591 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 592 | this.ruleForm.qlxx[key] == null | ||
| 593 | ) { | ||
| 594 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 595 | if (key != "ywh") { | ||
| 596 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 597 | } | ||
| 598 | } | ||
| 599 | } | ||
| 600 | if (!this.ruleForm.tdytqxList.length) { | ||
| 601 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 554 | } | 602 | } |
| 555 | this.$endLoading(); | 603 | if (!this.ruleForm.qlrData.length) { |
| 556 | // if (this.ruleForm.tdytqxList.length > 0) { | 604 | this.ruleForm.qlrData = this.nowlist.qlrData; |
| 557 | // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 605 | } |
| 558 | // } else { | 606 | if (!this.ruleForm.ywrData.length) { |
| 559 | // this.tdxz = null; | 607 | this.ruleForm.ywrData = this.nowlist.ywrData; |
| 560 | // } | 608 | } |
| 561 | this.isShow = true; | 609 | console.log("this.ruleForm", this.ruleForm); |
| 610 | this.$message({ | ||
| 611 | type: "success", | ||
| 612 | message: "同步成功!", | ||
| 613 | }); | ||
| 562 | } | 614 | } |
| 563 | }); | 615 | }); |
| 564 | //获取主体信息 | 616 | }).catch(() => { |
| 565 | getSsQlxx({ | 617 | this.$message({ |
| 566 | bdcdyid: this.propsParam.bdcdyid, | 618 | type: "info", |
| 567 | qllx: this.propsParam.qllx, | 619 | message: "已取消同步", |
| 568 | }).then((res) => { | 620 | }); |
| 569 | if (res.code == 200) { | 621 | }); |
| 570 | this.ssQlxxList = res.result; | 622 | }, |
| 623 | /** | ||
| 624 | * @description: djlxchange | ||
| 625 | * @param {*} val | ||
| 626 | * @author: renchao | ||
| 627 | */ | ||
| 628 | djlxchange(val) { | ||
| 629 | console.log("val", val); | ||
| 630 | if (val == null || val == 100) { | ||
| 631 | this.ssqlxxshow = false; | ||
| 632 | } else { | ||
| 633 | this.ssqlxxshow = true; | ||
| 634 | } | ||
| 635 | }, | ||
| 636 | |||
| 637 | // 字典 | ||
| 638 | /** | ||
| 639 | * @description: 字典 | ||
| 640 | * @param {*} val | ||
| 641 | * @author: renchao | ||
| 642 | */ | ||
| 643 | getDictData(val) { | ||
| 644 | return store.getters.dictData[val]; | ||
| 645 | }, | ||
| 646 | /** | ||
| 647 | * @description: loadData | ||
| 648 | * @author: renchao | ||
| 649 | */ | ||
| 650 | loadData() { | ||
| 651 | this.$startLoading(); | ||
| 652 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 653 | init(this.propsParam).then((res) => { | ||
| 654 | if (res.code == 200) { | ||
| 655 | this.ruleForm = res.result; | ||
| 656 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 657 | if (djlx == null || djlx == 100) { | ||
| 658 | this.ssqlxxshow = false; | ||
| 571 | } | 659 | } |
| 572 | }); | 660 | this.$endLoading(); |
| 573 | }, | 661 | this.isShow = true; |
| 574 | // 更新土地用途信息 | 662 | //获取主体信息 |
| 575 | /** | 663 | getSsQlxx({ |
| 576 | * @description: 更新土地用途信息 | 664 | bdcdyid: this.propsParam.bdcdyid, |
| 577 | * @param {*} val | 665 | qllx: this.propsParam.qllx, |
| 578 | * @author: renchao | 666 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 579 | */ | 667 | }).then((res) => { |
| 580 | upDateTdytxxList (val) { | 668 | if (res.code == 200) { |
| 581 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 669 | this.ssQlxxList = res.result; |
| 582 | this.key++; | 670 | } |
| 583 | }, | 671 | }); |
| 584 | // 更新权利人信息 | 672 | } |
| 585 | /** | 673 | }); |
| 586 | * @description: 更新权利人信息 | 674 | }, |
| 587 | * @param {*} val | 675 | // 更新土地用途信息 |
| 588 | * @author: renchao | 676 | /** |
| 589 | */ | 677 | * @description: 更新土地用途信息 |
| 590 | upDateQlrxxList (val) { | 678 | * @param {*} val |
| 591 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 679 | * @author: renchao |
| 592 | this.czrOptions = this.ruleForm.qlrData; | 680 | */ |
| 593 | this.key++; | 681 | upDateTdytxxList(val) { |
| 594 | }, | 682 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 595 | /** | 683 | this.key++; |
| 596 | * @description: onSubmit | 684 | }, |
| 597 | * @author: renchao | 685 | // 更新权利人信息 |
| 598 | */ | 686 | /** |
| 599 | onSubmit () { | 687 | * @description: 更新权利人信息 |
| 600 | this.$refs.ruleForm.validate((valid) => { | 688 | * @param {*} val |
| 601 | if (valid) { | 689 | * @author: renchao |
| 602 | if (this.ruleForm.qlrData.length == 0) { | 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 | }); | ||
| 709 | return false; | ||
| 710 | } | ||
| 711 | |||
| 712 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 713 | if (this.ruleForm.qlrData.length > 1) { | ||
| 603 | this.$message({ | 714 | this.$message({ |
| 604 | showClose: true, | 715 | showClose: true, |
| 605 | message: "请确认权利人信息", | 716 | message: "共有方式：单独所有，权利人只能是一个人", |
| 606 | type: "error", | 717 | type: "error", |
| 607 | }); | 718 | }); |
| 608 | return false; | 719 | return false; |
| 609 | } | 720 | } |
| 610 | 721 | this.ruleForm.qlrData[0].sfczr = "1"; | |
| 611 | if (this.ruleForm.qlxx.gyfs == "0") { | 722 | } |
| 612 | if (this.ruleForm.qlrData.length > 1) { | 723 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 613 | this.$message({ | 724 | //是否分别持证 |
| 614 | showClose: true, | 725 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 615 | message: "共有方式：单独所有，权利人只能是一个人", | 726 | //是 |
| 616 | type: "error", | 727 | this.ruleForm.qlrData.forEach((item, index) => { |
| 617 | }); | 728 | item.sfczr = "1"; |
| 618 | return false; | 729 | }); |
| 619 | } | 730 | } else { |
| 620 | this.ruleForm.qlrData[0].sfczr = "1"; | 731 | this.ruleForm.qlrData.forEach((item, index) => { |
| 621 | } | 732 | if (item.zjh == this.ruleForm.czr) { |
| 622 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 623 | //是否分别持证 | ||
| 624 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 625 | //是 | ||
| 626 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 627 | item.sfczr = "1"; | 733 | item.sfczr = "1"; |
| 628 | }); | 734 | } else { |
| 629 | } else { | 735 | item.sfczr = "0"; |
| 630 | this.ruleForm.qlrData.forEach((item, index) => { | 736 | } |
| 631 | if (item.zjh == this.ruleForm.czr) { | 737 | }); |
| 632 | item.sfczr = "1"; | ||
| 633 | } else { | ||
| 634 | item.sfczr = "0"; | ||
| 635 | } | ||
| 636 | }); | ||
| 637 | } | ||
| 638 | } | 738 | } |
| 639 | save(this.ruleForm).then((res) => { | ||
| 640 | if (res.code === 200) { | ||
| 641 | this.$message({ | ||
| 642 | showClose: true, | ||
| 643 | message: "保存成功！", | ||
| 644 | type: "success", | ||
| 645 | }); | ||
| 646 | this.$parent.changeywh() | ||
| 647 | this.$store.dispatch("user/refreshPage", true); | ||
| 648 | } else { | ||
| 649 | this.$message({ | ||
| 650 | showClose: true, | ||
| 651 | message: res.message, | ||
| 652 | type: "error", | ||
| 653 | }); | ||
| 654 | } | ||
| 655 | }); | ||
| 656 | } else { | ||
| 657 | return false | ||
| 658 | } | 739 | } |
| 659 | }) | 740 | save(this.ruleForm).then((res) => { |
| 660 | } | 741 | if (res.code === 200) { |
| 661 | } | 742 | this.$message({ |
| 662 | } | 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 | }, | ||
| 762 | }, | ||
| 763 | }; | ||
| 663 | </script> | 764 | </script> |
| 664 | <style scoped lang="scss"> | 765 | <style scoped lang="scss"> |
| 665 | @import "~@/styles/public.scss"; | 766 | @import "~@/styles/public.scss"; |
| 666 | @import "~@/styles/slxx/slxx.scss"; | 767 | @import "~@/styles/slxx/slxx.scss"; |
| 667 | /deep/.el-form { | 768 | /deep/.el-form { |
| 668 | display: flex; | 769 | display: flex; |
| 669 | flex-direction: column; | 770 | flex-direction: column; |
| 670 | height: calc(100vh - 130px); | 771 | height: calc(100vh - 130px); |
| 671 | } | 772 | } |
| 672 | 773 | ||
| 673 | /deep/.el-form-item__label { | 774 | /deep/.el-form-item__label { |
| 674 | padding: 0; | 775 | padding: 0; |
| 675 | } | 776 | } |
| 676 | 777 | ||
| 677 | /deep/.el-radio { | 778 | /deep/.el-radio { |
| 678 | margin-right: 10px; | 779 | margin-right: 10px; |
| 679 | } | 780 | } |
| 680 | 781 | ||
| 681 | /deep/.el-select { | 782 | /deep/.el-select { |
| 682 | width: 100%; | 783 | width: 100%; |
| 683 | } | 784 | } |
| 684 | 785 | ||
| 685 | /deep/.el-form-item { | 786 | /deep/.el-form-item { |
| 686 | margin-bottom: 8px; | 787 | margin-bottom: 8px; |
| 687 | } | 788 | } |
| 688 | 789 | ||
| 689 | .marginBot0 { | 790 | .marginBot0 { |
| 690 | margin-bottom: 0 !important; | 791 | margin-bottom: 0 !important; |
| 691 | } | 792 | } |
| 692 | 793 | ||
| 693 | .slxx { | 794 | .slxx { |
| 694 | box-sizing: border-box; | 795 | box-sizing: border-box; |
| 695 | } | 796 | } |
| 696 | 797 | ||
| 697 | .slxx_con { | 798 | .slxx_con { |
| 698 | flex: 1; | 799 | flex: 1; |
| 699 | height: 100%; | 800 | height: 100%; |
| 700 | background-color: #ffffff; | 801 | background-color: #ffffff; |
| 701 | overflow-y: auto; | 802 | overflow-y: auto; |
| 702 | padding-right: 3px; | 803 | padding-right: 3px; |
| 703 | overflow-x: hidden; | 804 | overflow-x: hidden; |
| 704 | } | 805 | } |
| 705 | 806 | ||
| 706 | .submit_btn { | 807 | .submit_btn { |
| 707 | height: 50px; | 808 | height: 50px; |
| 708 | } | 809 | } |
| 709 | 810 | ||
| 710 | .slxx_title { | 811 | .slxx_title { |
| 711 | border-bottom: 1px solid $borderColor; | 812 | border-bottom: 1px solid $borderColor; |
| 712 | padding-left: 10px; | 813 | padding-left: 10px; |
| 713 | padding-bottom: 5px; | 814 | padding-bottom: 5px; |
| 714 | margin-bottom: 10px; | 815 | margin-bottom: 10px; |
| 715 | margin-top: 5px; | 816 | margin-top: 5px; |
| 716 | font-size: 16px; | 817 | font-size: 16px; |
| 717 | font-weight: 500; | 818 | font-weight: 500; |
| 718 | color: #4a4a4a; | 819 | color: #4a4a4a; |
| 719 | } | 820 | } |
| 720 | 821 | ||
| 721 | .btn { | 822 | .btn { |
| 722 | text-align: center; | 823 | text-align: center; |
| 723 | padding-top: 10px; | 824 | padding-top: 10px; |
| 724 | height: 36px; | 825 | height: 36px; |
| 725 | background-color: #ffffff; | 826 | background-color: #ffffff; |
| 726 | padding: 5px 0; | 827 | padding: 5px 0; |
| 727 | } | 828 | } |
| 728 | 829 | ||
| 729 | .textArea { | 830 | .textArea { |
| 730 | /deep/.el-textarea__inner { | 831 | /deep/.el-textarea__inner { |
| 731 | min-height: 90px !important; | 832 | min-height: 90px !important; |
| 732 | } | ||
| 733 | } | 833 | } |
| 834 | } | ||
| 734 | 835 | ||
| 735 | /deep/.el-form-item__label { | 836 | /deep/.el-form-item__label { |
| 736 | padding-bottom: 0px; | 837 | padding-bottom: 0px; |
| 737 | } | 838 | } |
| 738 | </style> | 839 | </style> | ... | ... |
| ... | @@ -10,14 +10,15 @@ | ... | @@ -10,14 +10,15 @@ |
| 10 | <el-form | 10 | <el-form |
| 11 | :model="ruleForm" | 11 | :model="ruleForm" |
| 12 | :rules="rules" | 12 | :rules="rules" |
| 13 | :class="{readonly: editDisabled }" | 13 | :class="{ readonly: editDisabled }" |
| 14 | class="loadingtext" | 14 | class="loadingtext" |
| 15 | ref="ruleForm" | 15 | ref="ruleForm" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 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 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 23 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 24 | 补录信息 |
| ... | @@ -46,21 +47,28 @@ | ... | @@ -46,21 +47,28 @@ |
| 46 | </div> | 47 | </div> |
| 47 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
| 48 | <el-col :span="8" v-if="ztQlxxList"> | 49 | <el-col :span="8" v-if="ztQlxxList"> |
| 49 | <el-form-item label="抵押不动产信息：" prop="ztQlxx" :rules="rules.ztQlxxrules"> | 50 | <el-form-item |
| 51 | label="抵押不动产信息：" | ||
| 52 | prop="ztQlxx" | ||
| 53 | :rules="rules.ztQlxxrules" | ||
| 54 | > | ||
| 50 | <select-table | 55 | <select-table |
| 51 | v-model="ruleForm.ztQlxx" | 56 | v-model="ruleForm.ztQlxx" |
| 52 | :table-width="550" | 57 | :table-width="550" |
| 53 | :tableData="ztQlxxList" | 58 | :tableData="ztQlxxList" |
| 54 | :props="props" | 59 | :props="props" |
| 55 | @change="ztQlxxchange"> | 60 | @change="ztQlxxchange" |
| 61 | > | ||
| 56 | <el-table-column | 62 | <el-table-column |
| 57 | prop="qllxmc" | 63 | prop="qllxmc" |
| 58 | width="130" | 64 | width="130" |
| 59 | label="权利类型"></el-table-column> | 65 | label="权利类型" |
| 66 | ></el-table-column> | ||
| 60 | <el-table-column | 67 | <el-table-column |
| 61 | prop="bdcqzh" | 68 | prop="bdcqzh" |
| 62 | width="160" | 69 | width="160" |
| 63 | label="不动产权证书"></el-table-column> | 70 | label="不动产权证书" |
| 71 | ></el-table-column> | ||
| 64 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 72 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 73 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 74 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -70,21 +78,28 @@ | ... | @@ -70,21 +78,28 @@ |
| 70 | </el-col> | 78 | </el-col> |
| 71 | 79 | ||
| 72 | <el-col :span="8" v-if="ssqlxxshow"> | 80 | <el-col :span="8" v-if="ssqlxxshow"> |
| 73 | <el-form-item label="上手权利信息："> | 81 | <el-form-item |
| 82 | label="上手权利信息：" | ||
| 83 | prop="ssQlxx.bdcqzh" | ||
| 84 | :rules="rules.ssQlxxrules" | ||
| 85 | > | ||
| 74 | <select-table | 86 | <select-table |
| 75 | v-model="ruleForm.ssQlxx" | 87 | v-model="ruleForm.ssQlxx" |
| 76 | :table-width="550" | 88 | :table-width="550" |
| 77 | :tableData="ssQlxxList" | 89 | :tableData="ssQlxxList" |
| 78 | :props="props" | 90 | :props="props" |
| 79 | @change="ssQlxxchange"> | 91 | @change="ssQlxxchange" |
| 92 | > | ||
| 80 | <el-table-column | 93 | <el-table-column |
| 81 | prop="qllxmc" | 94 | prop="qllxmc" |
| 82 | width="130" | 95 | width="130" |
| 83 | label="权利类型"></el-table-column> | 96 | label="权利类型" |
| 97 | ></el-table-column> | ||
| 84 | <el-table-column | 98 | <el-table-column |
| 85 | prop="bdcqzh" | 99 | prop="bdcqzh" |
| 86 | width="160" | 100 | width="160" |
| 87 | label="不动产权证书"></el-table-column> | 101 | label="不动产权证书" |
| 102 | ></el-table-column> | ||
| 88 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 103 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 89 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 104 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 90 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 105 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -156,7 +171,11 @@ | ... | @@ -156,7 +171,11 @@ |
| 156 | </el-form-item> | 171 | </el-form-item> |
| 157 | </el-col> | 172 | </el-col> |
| 158 | <el-col :span="8"> | 173 | <el-col :span="8"> |
| 159 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 174 | <el-form-item |
| 175 | label="业务号：" | ||
| 176 | prop="qlxx.ywh" | ||
| 177 | :rules="rules.ywhrules" | ||
| 178 | > | ||
| 160 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 179 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 161 | </el-form-item> | 180 | </el-form-item> |
| 162 | </el-col> | 181 | </el-col> |
| ... | @@ -178,13 +197,18 @@ | ... | @@ -178,13 +197,18 @@ |
| 178 | </el-form-item> | 197 | </el-form-item> |
| 179 | </el-col> | 198 | </el-col> |
| 180 | <el-col :span="8"> | 199 | <el-col :span="8"> |
| 181 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 200 | <el-form-item |
| 201 | label="登记类型：" | ||
| 202 | prop="qlxx.djlx" | ||
| 203 | :rules="rules.djlxrules" | ||
| 204 | > | ||
| 182 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 205 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 183 | <el-option | 206 | <el-option |
| 184 | v-for="item in djlxlist" | 207 | v-for="item in djlxlist" |
| 185 | :key="item.dcode" | 208 | :key="item.dcode" |
| 186 | :label="item.dname" | 209 | :label="item.dname" |
| 187 | :value="item.dcode"> | 210 | :value="item.dcode" |
| 211 | > | ||
| 188 | </el-option> | 212 | </el-option> |
| 189 | </el-select> | 213 | </el-select> |
| 190 | </el-form-item> | 214 | </el-form-item> |
| ... | @@ -195,7 +219,11 @@ | ... | @@ -195,7 +219,11 @@ |
| 195 | </el-form-item> | 219 | </el-form-item> |
| 196 | </el-col> | 220 | </el-col> |
| 197 | <el-col :span="8"> | 221 | <el-col :span="8"> |
| 198 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | 222 | <el-form-item |
| 223 | label="不动产权证号：" | ||
| 224 | prop="qlxx.bdcqzh" | ||
| 225 | :rules="rules.bdcqzhrules" | ||
| 226 | > | ||
| 199 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 227 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 200 | </el-form-item> | 228 | </el-form-item> |
| 201 | </el-col> | 229 | </el-col> |
| ... | @@ -205,24 +233,37 @@ | ... | @@ -205,24 +233,37 @@ |
| 205 | </el-form-item> | 233 | </el-form-item> |
| 206 | </el-col> --> | 234 | </el-col> --> |
| 207 | <el-col :span="8"> | 235 | <el-col :span="8"> |
| 208 | <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> | 236 | <el-form-item |
| 237 | label="登记机构：" | ||
| 238 | prop="qlxx.djjg" | ||
| 239 | :rules="rules.djjgrules" | ||
| 240 | > | ||
| 209 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 241 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 210 | </el-form-item> | 242 | </el-form-item> |
| 211 | </el-col> | 243 | </el-col> |
| 212 | <el-col :span="8"> | 244 | <el-col :span="8"> |
| 213 | <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> | 245 | <el-form-item |
| 246 | label="登簿人：" | ||
| 247 | prop="qlxx.dbr" | ||
| 248 | :rules="rules.dbrrules" | ||
| 249 | > | ||
| 214 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 250 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 215 | </el-form-item> | 251 | </el-form-item> |
| 216 | </el-col> | 252 | </el-col> |
| 217 | <el-col :span="8"> | 253 | <el-col :span="8"> |
| 218 | <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> | 254 | <el-form-item |
| 255 | label="登记时间：" | ||
| 256 | prop="qlxx.djsj" | ||
| 257 | :rules="rules.djsjrules" | ||
| 258 | > | ||
| 219 | <el-date-picker | 259 | <el-date-picker |
| 220 | v-model="ruleForm.qlxx.djsj" | 260 | v-model="ruleForm.qlxx.djsj" |
| 221 | type="date" | 261 | type="date" |
| 222 | class="width100" | 262 | class="width100" |
| 223 | placeholder="选择日期" | 263 | placeholder="选择日期" |
| 224 | value-format="yyyy-MM-dd HH:mm:ss" | 264 | value-format="yyyy-MM-dd HH:mm:ss" |
| 225 | format="yyyy-MM-dd"> | 265 | format="yyyy-MM-dd" |
| 266 | > | ||
| 226 | </el-date-picker> | 267 | </el-date-picker> |
| 227 | </el-form-item> | 268 | </el-form-item> |
| 228 | </el-col> | 269 | </el-col> |
| ... | @@ -233,20 +274,26 @@ | ... | @@ -233,20 +274,26 @@ |
| 233 | v-for="item in qsztlist" | 274 | v-for="item in qsztlist" |
| 234 | :key="item.dcode" | 275 | :key="item.dcode" |
| 235 | :label="item.dname" | 276 | :label="item.dname" |
| 236 | :value="item.dcode"> | 277 | :value="item.dcode" |
| 278 | > | ||
| 237 | </el-option> | 279 | </el-option> |
| 238 | </el-select> | 280 | </el-select> |
| 239 | </el-form-item> | 281 | </el-form-item> |
| 240 | </el-col> | 282 | </el-col> |
| 241 | 283 | ||
| 242 | <el-col :span="8"> | 284 | <el-col :span="8"> |
| 243 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules"> | 285 | <el-form-item |
| 244 | <el-select v-model="ruleForm.ygdj.ygdjzlmc"> | 286 | label="预告登记种类：" |
| 287 | prop="ygdj.ygdjzl" | ||
| 288 | :rules="rules.ygdjzlrules" | ||
| 289 | > | ||
| 290 | <el-select v-model="ruleForm.ygdj.ygdjzl"> | ||
| 245 | <el-option | 291 | <el-option |
| 246 | v-for="item in dictData['A29']" | 292 | v-for="item in dictData['A29']" |
| 247 | :key="item.dcode" | 293 | :key="item.dcode" |
| 248 | :label="item.dname" | 294 | :label="item.dname" |
| 249 | :value="item.dcode"> | 295 | :value="item.dcode" |
| 296 | > | ||
| 250 | </el-option> | 297 | </el-option> |
| 251 | </el-select> | 298 | </el-select> |
| 252 | </el-form-item> | 299 | </el-form-item> |
| ... | @@ -263,7 +310,8 @@ | ... | @@ -263,7 +310,8 @@ |
| 263 | v-for="item in dictData['A17']" | 310 | v-for="item in dictData['A17']" |
| 264 | :key="item.dcode" | 311 | :key="item.dcode" |
| 265 | :label="item.dname" | 312 | :label="item.dname" |
| 266 | :value="item.dcode"> | 313 | :value="item.dcode" |
| 314 | > | ||
| 267 | </el-option> | 315 | </el-option> |
| 268 | </el-select> | 316 | </el-select> |
| 269 | </el-form-item> | 317 | </el-form-item> |
| ... | @@ -280,7 +328,8 @@ | ... | @@ -280,7 +328,8 @@ |
| 280 | v-for="item in dictData['A19']" | 328 | v-for="item in dictData['A19']" |
| 281 | :key="item.dcode" | 329 | :key="item.dcode" |
| 282 | :label="item.dname" | 330 | :label="item.dname" |
| 283 | :value="item.dcode"> | 331 | :value="item.dcode" |
| 332 | > | ||
| 284 | </el-option> | 333 | </el-option> |
| 285 | </el-select> | 334 | </el-select> |
| 286 | </el-form-item> | 335 | </el-form-item> |
| ... | @@ -297,7 +346,8 @@ | ... | @@ -297,7 +346,8 @@ |
| 297 | v-for="item in dictData['A46']" | 346 | v-for="item in dictData['A46']" |
| 298 | :key="item.dcode" | 347 | :key="item.dcode" |
| 299 | :label="item.dname" | 348 | :label="item.dname" |
| 300 | :value="item.dcode"> | 349 | :value="item.dcode" |
| 350 | > | ||
| 301 | </el-option> | 351 | </el-option> |
| 302 | </el-select> | 352 | </el-select> |
| 303 | </el-form-item> | 353 | </el-form-item> |
| ... | @@ -315,17 +365,21 @@ | ... | @@ -315,17 +365,21 @@ |
| 315 | <el-col :span="8"> | 365 | <el-col :span="8"> |
| 316 | <el-form-item label="建筑面积："> | 366 | <el-form-item label="建筑面积："> |
| 317 | <div class="flex"> | 367 | <div class="flex"> |
| 318 | <el-input v-model="ruleForm.ygdj.jzmj" | 368 | <el-input |
| 319 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 369 | v-model="ruleForm.ygdj.jzmj" |
| 370 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 371 | ></el-input> | ||
| 320 | <el-select | 372 | <el-select |
| 321 | v-model="ruleForm.ygdj.mjdw" | 373 | v-model="mjdw" |
| 322 | :disabled="!ableOperation" | 374 | :disabled="!ableOperation" |
| 323 | style="width: 20%"> | 375 | style="width: 20%" |
| 376 | > | ||
| 324 | <el-option | 377 | <el-option |
| 325 | v-for="item in dictData['A7']" | 378 | v-for="item in dictData['A7']" |
| 326 | :key="item.dcode" | 379 | :key="item.dcode" |
| 327 | :label="item.dname" | 380 | :label="item.dname" |
| 328 | :value="item.dcode"> | 381 | :value="item.dcode" |
| 382 | > | ||
| 329 | </el-option> | 383 | </el-option> |
| 330 | </el-select> | 384 | </el-select> |
| 331 | </div> | 385 | </div> |
| ... | @@ -349,41 +403,63 @@ | ... | @@ -349,41 +403,63 @@ |
| 349 | class="width100" | 403 | class="width100" |
| 350 | placeholder="选择日期" | 404 | placeholder="选择日期" |
| 351 | value-format="yyyy-MM-dd HH:mm:ss" | 405 | value-format="yyyy-MM-dd HH:mm:ss" |
| 352 | format="yyyy-MM-dd"> | 406 | format="yyyy-MM-dd" |
| 407 | > | ||
| 353 | </el-date-picker> | 408 | </el-date-picker> |
| 354 | </el-form-item> | 409 | </el-form-item> |
| 355 | </el-col> | 410 | </el-col> |
| 356 | <el-col :span="8"> | 411 | <el-col :span="8"> |
| 357 | <el-form-item label="取得价格/被担保主债权数额："> | 412 | <el-form-item> |
| 413 | <span slot="label" style="display: inline-block"> | ||
| 414 | <el-tooltip | ||
| 415 | content="取得价格被担保主债权数额：" | ||
| 416 | placement="top" | ||
| 417 | effect="light" | ||
| 418 | > | ||
| 419 | <span type="text" style="color: #444" size="mini" | ||
| 420 | >取得价格被担保...</span | ||
| 421 | > | ||
| 422 | </el-tooltip> | ||
| 423 | </span> | ||
| 358 | <div class="flex"> | 424 | <div class="flex"> |
| 359 | <el-input v-model="ruleForm.ygdj.qdjg" | 425 | <el-input |
| 360 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 426 | v-model="ruleForm.ygdj.qdjg" |
| 427 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 428 | ></el-input> | ||
| 361 | <el-select | 429 | <el-select |
| 362 | v-model="ruleForm.ygdj.jedw" | 430 | v-model="ruleForm.ygdj.jedw" |
| 363 | :disabled="!ableOperation" | 431 | :disabled="!ableOperation" |
| 364 | style="width: 20%"> | 432 | style="width: 20%" |
| 433 | > | ||
| 365 | <el-option | 434 | <el-option |
| 366 | v-for="item in dictData['A7']" | 435 | v-for="item in dictData['A57']" |
| 367 | :key="item.dcode" | 436 | :key="item.dcode" |
| 368 | :label="item.dname" | 437 | :label="item.dname" |
| 369 | :value="item.dcode"> | 438 | :value="item.dcode" |
| 439 | > | ||
| 370 | </el-option> | 440 | </el-option> |
| 371 | </el-select> | 441 | </el-select> |
| 372 | </div> | 442 | </div> |
| 373 | </el-form-item> | 443 | </el-form-item> |
| 374 | </el-col> | 444 | </el-col> |
| 375 | <el-col :span="8"> | 445 | <el-col :span="8"> |
| 376 | <el-form-item label="金额单位："> | ||
| 377 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | ||
| 378 | </el-form-item> | ||
| 379 | </el-col> | ||
| 380 | <el-col :span="8"> | ||
| 381 | <el-form-item label="担保范围："> | 446 | <el-form-item label="担保范围："> |
| 382 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | 447 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> |
| 383 | </el-form-item> | 448 | </el-form-item> |
| 384 | </el-col> | 449 | </el-col> |
| 385 | <el-col :span="8"> | 450 | <el-col :span="8"> |
| 386 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定："> | 451 | <el-form-item> |
| 452 | <span slot="label" style="display: inline-block"> | ||
| 453 | <el-tooltip | ||
| 454 | content="是否存在禁止或限制转让抵押不动产的约定：" | ||
| 455 | placement="top" | ||
| 456 | effect="light" | ||
| 457 | > | ||
| 458 | <span type="text" style="color: #444" size="mini" | ||
| 459 | >是否存在禁止或限制...</span | ||
| 460 | > | ||
| 461 | </el-tooltip> | ||
| 462 | </span> | ||
| 387 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 463 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
| 388 | </el-form-item> | 464 | </el-form-item> |
| 389 | </el-col> | 465 | </el-col> |
| ... | @@ -407,7 +483,8 @@ | ... | @@ -407,7 +483,8 @@ |
| 407 | <el-form-item label="共有方式："> | 483 | <el-form-item label="共有方式："> |
| 408 | <el-radio-group | 484 | <el-radio-group |
| 409 | :disabled="!ableOperation" | 485 | :disabled="!ableOperation" |
| 410 | v-model="ruleForm.qlxx.gyfs"> | 486 | v-model="ruleForm.qlxx.gyfs" |
| 487 | > | ||
| 411 | <el-radio label="0">单独所有</el-radio> | 488 | <el-radio label="0">单独所有</el-radio> |
| 412 | <el-radio label="1">共同共有</el-radio> | 489 | <el-radio label="1">共同共有</el-radio> |
| 413 | <el-radio label="2">按份所有</el-radio> | 490 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -419,7 +496,8 @@ | ... | @@ -419,7 +496,8 @@ |
| 419 | <el-form-item label="是否分别持证："> | 496 | <el-form-item label="是否分别持证："> |
| 420 | <el-radio-group | 497 | <el-radio-group |
| 421 | v-model="ruleForm.qlxx.sqfbcz" | 498 | v-model="ruleForm.qlxx.sqfbcz" |
| 422 | :disabled="!ableOperation"> | 499 | :disabled="!ableOperation" |
| 500 | > | ||
| 423 | <el-radio :label="1">是</el-radio> | 501 | <el-radio :label="1">是</el-radio> |
| 424 | <el-radio :label="0">否</el-radio> | 502 | <el-radio :label="0">否</el-radio> |
| 425 | </el-radio-group> | 503 | </el-radio-group> |
| ... | @@ -427,17 +505,20 @@ | ... | @@ -427,17 +505,20 @@ |
| 427 | </el-col> | 505 | </el-col> |
| 428 | <el-col | 506 | <el-col |
| 429 | :span="6" | 507 | :span="6" |
| 430 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 508 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 509 | > | ||
| 431 | <el-form-item label="持证人："> | 510 | <el-form-item label="持证人："> |
| 432 | <el-select | 511 | <el-select |
| 433 | v-model="ruleForm.czr" | 512 | v-model="ruleForm.czr" |
| 434 | placeholder="持证人" | 513 | placeholder="持证人" |
| 435 | :disabled="!ableOperation"> | 514 | :disabled="!ableOperation" |
| 515 | > | ||
| 436 | <el-option | 516 | <el-option |
| 437 | v-for="item in czrOptions" | 517 | v-for="item in czrOptions" |
| 438 | :key="item.zjh" | 518 | :key="item.zjh" |
| 439 | :label="item.sqrmc" | 519 | :label="item.sqrmc" |
| 440 | :value="item.zjh"> | 520 | :value="item.zjh" |
| 521 | > | ||
| 441 | </el-option> | 522 | </el-option> |
| 442 | </el-select> | 523 | </el-select> |
| 443 | </el-form-item> | 524 | </el-form-item> |
| ... | @@ -448,7 +529,8 @@ | ... | @@ -448,7 +529,8 @@ |
| 448 | @upDateQlrxxList="upDateQlrxxList" | 529 | @upDateQlrxxList="upDateQlrxxList" |
| 449 | :key="key" | 530 | :key="key" |
| 450 | :ableOperation="ableOperation" | 531 | :ableOperation="ableOperation" |
| 451 | :gyfs="ruleForm.qlxx.gyfs" /> | 532 | :gyfs="ruleForm.qlxx.gyfs" |
| 533 | /> | ||
| 452 | 534 | ||
| 453 | <div v-if="ruleForm.ywrData"> | 535 | <div v-if="ruleForm.ywrData"> |
| 454 | <div class="slxx_title title-block"> | 536 | <div class="slxx_title title-block"> |
| ... | @@ -460,7 +542,8 @@ | ... | @@ -460,7 +542,8 @@ |
| 460 | :tableData="ruleForm.ywrData" | 542 | :tableData="ruleForm.ywrData" |
| 461 | :key="key" | 543 | :key="key" |
| 462 | :ableOperation="ableOperation" | 544 | :ableOperation="ableOperation" |
| 463 | @upDateQlrxxList="upDateYwrxxList" /> | 545 | @upDateQlrxxList="upDateYwrxxList" |
| 546 | /> | ||
| 464 | </div> | 547 | </div> |
| 465 | </div> | 548 | </div> |
| 466 | <el-row class="btn" v-if="ableOperation"> | 549 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -472,284 +555,350 @@ | ... | @@ -472,284 +555,350 @@ |
| 472 | </div> | 555 | </div> |
| 473 | </template> | 556 | </template> |
| 474 | <script> | 557 | <script> |
| 475 | import { mapGetters } from "vuex"; | 558 | import { mapGetters } from "vuex"; |
| 476 | import ywmix from "@/views/ywbl/mixin/index" | 559 | import ywmix from "@/views/ywbl/mixin/index"; |
| 477 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 560 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 478 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 561 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 479 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 562 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 480 | import tdytTable from "@/views/workflow/components/tdytTable"; | 563 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 481 | import selectTable from "@/components/selectTable/index.vue"; | 564 | import selectTable from "@/components/selectTable/index.vue"; |
| 482 | export default { | 565 | export default { |
| 483 | mixins: [ywmix], | 566 | mixins: [ywmix], |
| 484 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 567 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 485 | computed: { | 568 | computed: { |
| 486 | ...mapGetters(["dictData", "flag"]), | 569 | ...mapGetters(["dictData", "flag"]), |
| 487 | // 根据流程判断表单是否为只读 | 570 | // 根据流程判断表单是否为只读 |
| 488 | editDisabled () { | 571 | editDisabled() { |
| 489 | if (!this.ableOperation) { | 572 | if (!this.ableOperation) { |
| 490 | //只读状态 | 573 | //只读状态 |
| 491 | return true; | 574 | return true; |
| 492 | } | 575 | } |
| 493 | return false; | 576 | return false; |
| 494 | }, | ||
| 495 | }, | 577 | }, |
| 496 | data () { | 578 | }, |
| 497 | return { | 579 | data() { |
| 498 | ssqlxxshow: true, | 580 | return { |
| 499 | props: { | 581 | ssqlxxshow: true, |
| 500 | label: "bdcqzh", | 582 | props: { |
| 501 | value: "bdcdyid", | 583 | label: "bdcqzh", |
| 584 | value: "bdcdyid", | ||
| 585 | }, | ||
| 586 | mjdw: "1", | ||
| 587 | //表单是否可操作 | ||
| 588 | propsParam: this.$attrs, | ||
| 589 | key: 0, | ||
| 590 | isShow: false, | ||
| 591 | disabled: true, | ||
| 592 | czrOptions: [], | ||
| 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: "更正登记", | ||
| 502 | }, | 613 | }, |
| 503 | //表单是否可操作 | ||
| 504 | propsParam: this.$attrs, | ||
| 505 | key: 0, | ||
| 506 | isShow: false, | ||
| 507 | disabled: true, | ||
| 508 | czrOptions: [], | ||
| 509 | ssQlxxList: [], | ||
| 510 | ztQlxxList: [], | ||
| 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 | }, | ||
| 530 | 614 | ||
| 531 | { | 615 | { |
| 532 | dcode: "901", | 616 | dcode: "901", |
| 533 | dname: "补证", | 617 | dname: "补证", |
| 534 | }, | 618 | }, |
| 535 | { | 619 | { |
| 536 | dcode: "902", | 620 | dcode: "902", |
| 537 | dname: "换证", | 621 | dname: "换证", |
| 538 | }, | 622 | }, |
| 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" }, | ||
| 539 | ], | 639 | ], |
| 540 | // 权属状态 | 640 | bdcqzhrules: [ |
| 541 | qsztlist: [ | 641 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 542 | { | ||
| 543 | dcode: "1", | ||
| 544 | dname: "现势", | ||
| 545 | }, | ||
| 546 | { | ||
| 547 | dcode: "2", | ||
| 548 | dname: "历史", | ||
| 549 | }, | ||
| 550 | ], | 642 | ], |
| 551 | //传递参数\ | 643 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 552 | rules: { | 644 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 553 | ztQlxxrules: [ | 645 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 554 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 646 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 555 | ], | 647 | ygdjzlrules: [ |
| 556 | bdcqzhrules: [ | 648 | { required: true, message: "预告登记种类", trigger: "change" }, |
| 557 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 649 | ], |
| 558 | ], | 650 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 559 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 651 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 560 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 652 | ssQlxxrules: [ |
| 561 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 653 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 562 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 654 | ], |
| 563 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], | 655 | }, |
| 564 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 656 | ableOperation: false, |
| 565 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 657 | }; |
| 566 | }, | 658 | }, |
| 567 | ableOperation: false, | 659 | created() { |
| 568 | }; | 660 | this.loadData(); |
| 661 | }, | ||
| 662 | mounted() { | ||
| 663 | this.ableOperation = this.$parent.ableOperation; | ||
| 664 | }, | ||
| 665 | methods: { | ||
| 666 | /** | ||
| 667 | * @description: ztQlxxchange | ||
| 668 | * @param {*} val | ||
| 669 | * @author: renchao | ||
| 670 | */ | ||
| 671 | ztQlxxchange(val) { | ||
| 672 | this.ruleForm.ztQlxx = val; | ||
| 569 | }, | 673 | }, |
| 570 | created () { | 674 | /** |
| 571 | this.loadData(); | 675 | * @description: ssQlxxchange |
| 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); | ||
| 572 | }, | 683 | }, |
| 573 | mounted () { | 684 | // 弹框事件 |
| 574 | this.ableOperation = this.$parent.ableOperation | 685 | ssQlxxchangediolog(val) { |
| 575 | 686 | console.log("确定了", this.ruleForm); | |
| 576 | }, | 687 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 577 | methods: { | 688 | iconClass: "el-icon-question", //自定义图标样式 |
| 578 | /** | 689 | confirmButtonText: "确认", //确认按钮文字更换 |
| 579 | * @description: ztQlxxchange | 690 | cancelButtonText: "取消", //取消按钮文字更换 |
| 580 | * @param {*} val | 691 | showClose: true, //是否显示右上角关闭按钮 |
| 581 | * @author: renchao | 692 | type: "warning", |
| 582 | */ | 693 | }) |
| 583 | ztQlxxchange (val) { | 694 | .then(() => { |
| 584 | this.ruleForm.ztQlxx = val; | 695 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 585 | }, | 696 | if (res.code == 200) { |
| 586 | /** | 697 | this.nowlist = res.result; |
| 587 | * @description: ssQlxxchange | 698 | console.log("his.nowlist", this.nowlist); |
| 588 | * @param {*} val | 699 | console.log("this.ruleForm", this.ruleForm); |
| 589 | * @author: renchao | 700 | for (var key in this.ruleForm.ygdj) { |
| 590 | */ | 701 | if ( |
| 591 | ssQlxxchange (val) { | 702 | this.ruleForm.ygdj[key] == "" || |
| 592 | this.ruleForm.ssQlxx = val; | 703 | this.ruleForm.ygdj[key] == null |
| 593 | this.ruleForm.qlxx.ssywh = val.ywh; | 704 | ) { |
| 594 | }, | 705 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; |
| 595 | /** | 706 | } |
| 596 | * @description: djlxchange | 707 | } |
| 597 | * @param {*} val | 708 | for (var key in this.ruleForm.qlxx) { |
| 598 | * @author: renchao | 709 | if ( |
| 599 | */ | 710 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 600 | djlxchange (val) { | 711 | this.ruleForm.qlxx[key] == null |
| 601 | if (val == null || val == 100) { | 712 | ) { |
| 602 | this.ssqlxxshow = false; | 713 | console.log("this.ruleForm.qlxx[key]", key); |
| 603 | } else { | 714 | if (key != "ywh") { |
| 604 | this.ssqlxxshow = true; | 715 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 605 | } | 716 | } |
| 606 | }, | 717 | } |
| 607 | /** | 718 | } |
| 608 | * @description: loadData | 719 | if (!this.ruleForm.tdytqxList.length) { |
| 609 | * @author: renchao | 720 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; |
| 610 | */ | 721 | } |
| 611 | loadData () { | 722 | if (!this.ruleForm.qlrData.length) { |
| 612 | this.$startLoading(); | 723 | this.ruleForm.qlrData = this.nowlist.qlrData; |
| 613 | this.propsParam.isEdit = this.$parent.isEdit | 724 | } |
| 614 | init(this.propsParam).then((res) => { | 725 | if (!this.ruleForm.ywrData.length) { |
| 615 | if (res.code == 200) { | 726 | this.ruleForm.ywrData = this.nowlist.ywrData; |
| 616 | this.ruleForm = res.result; | 727 | } |
| 617 | let djlx = this.ruleForm.qlxx.djlx; | 728 | console.log("this.ruleForm", this.ruleForm); |
| 618 | if (djlx == null || djlx == 100) { | 729 | this.$message({ |
| 619 | this.ssqlxxshow = false; | 730 | type: "success", |
| 731 | message: "同步成功!", | ||
| 732 | }); | ||
| 620 | } | 733 | } |
| 621 | this.$endLoading(); | 734 | }); |
| 622 | this.isShow = true; | 735 | }) |
| 623 | } | 736 | .catch(() => { |
| 737 | this.$message({ | ||
| 738 | type: "info", | ||
| 739 | message: "已取消同步", | ||
| 740 | }); | ||
| 624 | }); | 741 | }); |
| 625 | //获取主体信息 | 742 | }, |
| 626 | getSsQlxx({ | 743 | /** |
| 627 | bdcdyid: this.propsParam.bdcdyid, | 744 | * @description: djlxchange |
| 628 | qllx: this.propsParam.qllx, | 745 | * @param {*} val |
| 629 | }).then((res) => { | 746 | * @author: renchao |
| 630 | if (res.code == 200) { | 747 | */ |
| 631 | this.ssQlxxList = res.result; | 748 | djlxchange(val) { |
| 632 | console.log("this.$refs.ruleForm", this.$refs.ruleForm); | 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; | ||
| 633 | } | 768 | } |
| 634 | }); | 769 | this.ruleForm.ygdj.jedw = "1"; |
| 635 | 770 | this.$endLoading(); | |
| 636 | //获取上手信息 | 771 | this.isShow = true; |
| 637 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 772 | //获取主体信息 |
| 638 | if (res.code == 200) { | 773 | getSsQlxx({ |
| 639 | this.ztQlxxList = res.result; | 774 | bdcdyid: this.propsParam.bdcdyid, |
| 640 | console.log("this.$refs.ruleForm", this.$refs.ruleForm); | 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 | }); | ||
| 791 | } | ||
| 792 | }); | ||
| 793 | }, | ||
| 794 | // 更新土地用途信息 | ||
| 795 | /** | ||
| 796 | * @description: 更新土地用途信息 | ||
| 797 | * @param {*} val | ||
| 798 | * @author: renchao | ||
| 799 | */ | ||
| 800 | upDateTdytxxList(val) { | ||
| 801 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 802 | this.key++; | ||
| 803 | }, | ||
| 804 | // 更新权利人信息 | ||
| 805 | /** | ||
| 806 | * @description: 更新权利人信息 | ||
| 807 | * @param {*} val | ||
| 808 | * @author: renchao | ||
| 809 | */ | ||
| 810 | upDateQlrxxList(val) { | ||
| 811 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 812 | this.czrOptions = this.ruleForm.qlrData; | ||
| 813 | this.key++; | ||
| 814 | }, | ||
| 815 | // 更新义务人信息 | ||
| 816 | /** | ||
| 817 | * @description: 更新义务人信息 | ||
| 818 | * @param {*} val | ||
| 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 | }); | ||
| 838 | return false; | ||
| 641 | } | 839 | } |
| 642 | }); | 840 | if (this.ruleForm.ywrData.length == 0) { |
| 643 | 841 | this.$message({ | |
| 644 | }, | 842 | showClose: true, |
| 645 | // 更新土地用途信息 | 843 | message: "请确认义务人信息", |
| 646 | /** | 844 | type: "error", |
| 647 | * @description: 更新土地用途信息 | 845 | }); |
| 648 | * @param {*} val | 846 | return false; |
| 649 | * @author: renchao | 847 | } |
| 650 | */ | 848 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 651 | upDateTdytxxList (val) { | 849 | if (this.ruleForm.qlrData.length > 1) { |
| 652 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 653 | this.key++; | ||
| 654 | }, | ||
| 655 | // 更新权利人信息 | ||
| 656 | /** | ||
| 657 | * @description: 更新权利人信息 | ||
| 658 | * @param {*} val | ||
| 659 | * @author: renchao | ||
| 660 | */ | ||
| 661 | upDateQlrxxList (val) { | ||
| 662 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 663 | this.czrOptions = this.ruleForm.qlrData; | ||
| 664 | this.key++; | ||
| 665 | }, | ||
| 666 | // 更新义务人信息 | ||
| 667 | /** | ||
| 668 | * @description: 更新义务人信息 | ||
| 669 | * @param {*} val | ||
| 670 | * @author: renchao | ||
| 671 | */ | ||
| 672 | upDateYwrxxList (val) { | ||
| 673 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 674 | this.key++; | ||
| 675 | }, | ||
| 676 | /** | ||
| 677 | * @description: onSubmit | ||
| 678 | * @author: renchao | ||
| 679 | */ | ||
| 680 | onSubmit () { | ||
| 681 | this.$refs.ruleForm.validate((valid) => { | ||
| 682 | if (valid) { | ||
| 683 | if (this.ruleForm.qlrData.length == 0) { | ||
| 684 | this.$message({ | 850 | this.$message({ |
| 685 | showClose: true, | 851 | showClose: true, |
| 686 | message: "请确认权利人信息", | 852 | message: "共有方式：单独所有，权利人只能是一个人", |
| 687 | type: "error", | 853 | type: "error", |
| 688 | }); | 854 | }); |
| 689 | return false; | 855 | return false; |
| 690 | } | 856 | } |
| 691 | if (this.ruleForm.ywrData.length == 0) { | 857 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 858 | } | ||
| 859 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 860 | //是否分别持证 | ||
| 861 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 862 | //是 | ||
| 863 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 864 | item.sfczr = "1"; | ||
| 865 | }); | ||
| 866 | } else { | ||
| 867 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 868 | if (item.zjh == this.ruleForm.czr) { | ||
| 869 | item.sfczr = "1"; | ||
| 870 | } else { | ||
| 871 | item.sfczr = "0"; | ||
| 872 | } | ||
| 873 | }); | ||
| 874 | } | ||
| 875 | } | ||
| 876 | save(this.ruleForm).then((res) => { | ||
| 877 | if (res.code === 200) { | ||
| 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 { | ||
| 692 | this.$message({ | 886 | this.$message({ |
| 693 | showClose: true, | 887 | showClose: true, |
| 694 | message: "请确认义务人信息", | 888 | message: res.message, |
| 695 | type: "error", | 889 | type: "error", |
| 696 | }); | 890 | }); |
| 697 | return false; | ||
| 698 | } | ||
| 699 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 700 | if (this.ruleForm.qlrData.length > 1) { | ||
| 701 | this.$message({ | ||
| 702 | showClose: true, | ||
| 703 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 704 | type: "error", | ||
| 705 | }); | ||
| 706 | return false; | ||
| 707 | } | ||
| 708 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 709 | } | ||
| 710 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 711 | //是否分别持证 | ||
| 712 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 713 | //是 | ||
| 714 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 715 | item.sfczr = "1"; | ||
| 716 | }); | ||
| 717 | } else { | ||
| 718 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 719 | if (item.zjh == this.ruleForm.czr) { | ||
| 720 | item.sfczr = "1"; | ||
| 721 | } else { | ||
| 722 | item.sfczr = "0"; | ||
| 723 | } | ||
| 724 | }); | ||
| 725 | } | ||
| 726 | } | 891 | } |
| 727 | save(this.ruleForm).then((res) => { | 892 | }); |
| 728 | if (res.code === 200) { | 893 | } else { |
| 729 | this.$message({ | 894 | return false; |
| 730 | showClose: true, | 895 | } |
| 731 | message: "保存成功！", | 896 | }); |
| 732 | type: "success", | ||
| 733 | }); | ||
| 734 | this.$parent.changeywh() | ||
| 735 | this.$store.dispatch("user/refreshPage", true); | ||
| 736 | } else { | ||
| 737 | this.$message({ | ||
| 738 | showClose: true, | ||
| 739 | message: res.message, | ||
| 740 | type: "error", | ||
| 741 | }); | ||
| 742 | } | ||
| 743 | }); | ||
| 744 | } else { | ||
| 745 | return false; | ||
| 746 | } | ||
| 747 | }); | ||
| 748 | }, | ||
| 749 | }, | 897 | }, |
| 750 | }; | 898 | }, |
| 899 | }; | ||
| 751 | </script> | 900 | </script> |
| 752 | <style scoped lang="scss"> | 901 | <style scoped lang="scss"> |
| 753 | @import "~@/styles/public.scss"; | 902 | @import "~@/styles/public.scss"; |
| 754 | @import "~@/styles/slxx/slxx.scss"; | 903 | @import "~@/styles/slxx/slxx.scss"; |
| 755 | </style> | 904 | </style> | ... | ... |
| ... | @@ -10,14 +10,15 @@ | ... | @@ -10,14 +10,15 @@ |
| 10 | <el-form | 10 | <el-form |
| 11 | :model="ruleForm" | 11 | :model="ruleForm" |
| 12 | :rules="rules" | 12 | :rules="rules" |
| 13 | :class="{readonly: editDisabled }" | 13 | :class="{ readonly: editDisabled }" |
| 14 | class="loadingtext" | 14 | class="loadingtext" |
| 15 | ref="ruleForm" | 15 | ref="ruleForm" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 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 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 23 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 24 | 补录信息 |
| ... | @@ -44,23 +45,30 @@ | ... | @@ -44,23 +45,30 @@ |
| 44 | 预告买卖登记信息不动产情况 | 45 | 预告买卖登记信息不动产情况 |
| 45 | <div class="triangle"></div> | 46 | <div class="triangle"></div> |
| 46 | </div> | 47 | </div> |
| 47 | <el-row :gutter="10"> | 48 | <el-row :gutter="24"> |
| 48 | <el-col :span="8" v-if="ssqlxxshow"> | 49 | <el-col :span="24" v-if="ssqlxxshow"> |
| 49 | <el-form-item label="上手权利信息："> | 50 | <el-form-item |
| 51 | label="上手权利信息：" | ||
| 52 | prop="ssQlxx.bdcqzh" | ||
| 53 | :rules="rules.ssQlxxrules" | ||
| 54 | > | ||
| 50 | <select-table | 55 | <select-table |
| 51 | v-model="ruleForm.ssQlxx" | 56 | v-model="ruleForm.ssQlxx" |
| 52 | :table-width="550" | 57 | :table-width="550" |
| 53 | :tableData="ssQlxxList" | 58 | :tableData="ssQlxxList" |
| 54 | :props="props" | 59 | :props="props" |
| 55 | @change="ssQlxxchange"> | 60 | @change="ssQlxxchange" |
| 61 | > | ||
| 56 | <el-table-column | 62 | <el-table-column |
| 57 | prop="qllxmc" | 63 | prop="qllxmc" |
| 58 | width="130" | 64 | width="130" |
| 59 | label="权利类型"></el-table-column> | 65 | label="权利类型" |
| 66 | ></el-table-column> | ||
| 60 | <el-table-column | 67 | <el-table-column |
| 61 | prop="bdcqzh" | 68 | prop="bdcqzh" |
| 62 | width="160" | 69 | width="160" |
| 63 | label="不动产权证书"></el-table-column> | 70 | label="不动产权证书" |
| 71 | ></el-table-column> | ||
| 64 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 72 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 73 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 74 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -68,6 +76,8 @@ | ... | @@ -68,6 +76,8 @@ |
| 68 | </select-table> | 76 | </select-table> |
| 69 | </el-form-item> | 77 | </el-form-item> |
| 70 | </el-col> | 78 | </el-col> |
| 79 | </el-row> | ||
| 80 | <el-row :gutter="10"> | ||
| 71 | <el-col :span="8"> | 81 | <el-col :span="8"> |
| 72 | <el-form-item label="上手业务号："> | 82 | <el-form-item label="上手业务号："> |
| 73 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> | 83 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> |
| ... | @@ -77,26 +87,30 @@ | ... | @@ -77,26 +87,30 @@ |
| 77 | <el-form-item | 87 | <el-form-item |
| 78 | label="登记类型：" | 88 | label="登记类型：" |
| 79 | prop="qlxx.djlx" | 89 | prop="qlxx.djlx" |
| 80 | :rules="rules.djlxrules"> | 90 | :rules="rules.djlxrules" |
| 91 | > | ||
| 81 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 92 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 82 | <el-option | 93 | <el-option |
| 83 | v-for="item in djlxlist" | 94 | v-for="item in djlxlist" |
| 84 | :key="item.dcode" | 95 | :key="item.dcode" |
| 85 | :label="item.dname" | 96 | :label="item.dname" |
| 86 | :value="item.dcode"> | 97 | :value="item.dcode" |
| 98 | > | ||
| 87 | </el-option> | 99 | </el-option> |
| 88 | </el-select> | 100 | </el-select> |
| 89 | </el-form-item> | 101 | </el-form-item> |
| 90 | </el-col> | 102 | </el-col> |
| 91 | </el-row> | ||
| 92 | <el-row> | ||
| 93 | <el-col :span="8"> | 103 | <el-col :span="8"> |
| 94 | <el-form-item label="不动产单元号："> | 104 | <el-form-item label="不动产单元号："> |
| 95 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 105 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| 96 | </el-form-item> | 106 | </el-form-item> |
| 97 | </el-col> | 107 | </el-col> |
| 98 | <el-col :span="8"> | 108 | <el-col :span="8"> |
| 99 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 109 | <el-form-item |
| 110 | label="业务号：" | ||
| 111 | prop="qlxx.ywh" | ||
| 112 | :rules="rules.ywhrules" | ||
| 113 | > | ||
| 100 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 114 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 101 | </el-form-item> | 115 | </el-form-item> |
| 102 | </el-col> | 116 | </el-col> |
| ... | @@ -116,7 +130,11 @@ | ... | @@ -116,7 +130,11 @@ |
| 116 | </el-form-item> | 130 | </el-form-item> |
| 117 | </el-col> | 131 | </el-col> |
| 118 | <el-col :span="8"> | 132 | <el-col :span="8"> |
| 119 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | 133 | <el-form-item |
| 134 | label="不动产权证号：" | ||
| 135 | prop="qlxx.bdcqzh" | ||
| 136 | :rules="rules.bdcqzhrules" | ||
| 137 | > | ||
| 120 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 138 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 121 | </el-form-item> | 139 | </el-form-item> |
| 122 | </el-col> | 140 | </el-col> |
| ... | @@ -126,24 +144,37 @@ | ... | @@ -126,24 +144,37 @@ |
| 126 | </el-form-item> | 144 | </el-form-item> |
| 127 | </el-col> --> | 145 | </el-col> --> |
| 128 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| 129 | <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> | 147 | <el-form-item |
| 148 | label="登记机构：" | ||
| 149 | prop="qlxx.djjg" | ||
| 150 | :rules="rules.djjgrules" | ||
| 151 | > | ||
| 130 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 152 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 131 | </el-form-item> | 153 | </el-form-item> |
| 132 | </el-col> | 154 | </el-col> |
| 133 | <el-col :span="8"> | 155 | <el-col :span="8"> |
| 134 | <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> | 156 | <el-form-item |
| 157 | label="登簿人：" | ||
| 158 | prop="qlxx.dbr" | ||
| 159 | :rules="rules.dbrrules" | ||
| 160 | > | ||
| 135 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 161 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 136 | </el-form-item> | 162 | </el-form-item> |
| 137 | </el-col> | 163 | </el-col> |
| 138 | <el-col :span="8"> | 164 | <el-col :span="8"> |
| 139 | <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> | 165 | <el-form-item |
| 166 | label="登记时间：" | ||
| 167 | prop="qlxx.djsj" | ||
| 168 | :rules="rules.djsjrules" | ||
| 169 | > | ||
| 140 | <el-date-picker | 170 | <el-date-picker |
| 141 | v-model="ruleForm.qlxx.djsj" | 171 | v-model="ruleForm.qlxx.djsj" |
| 142 | class="width100" | 172 | class="width100" |
| 143 | type="date" | 173 | type="date" |
| 144 | placeholder="选择日期" | 174 | placeholder="选择日期" |
| 145 | value-format="yyyy-MM-dd HH:mm:ss" | 175 | value-format="yyyy-MM-dd HH:mm:ss" |
| 146 | format="yyyy-MM-dd"> | 176 | format="yyyy-MM-dd" |
| 177 | > | ||
| 147 | </el-date-picker> | 178 | </el-date-picker> |
| 148 | </el-form-item> | 179 | </el-form-item> |
| 149 | </el-col> | 180 | </el-col> |
| ... | @@ -154,20 +185,26 @@ | ... | @@ -154,20 +185,26 @@ |
| 154 | v-for="item in qsztlist" | 185 | v-for="item in qsztlist" |
| 155 | :key="item.dcode" | 186 | :key="item.dcode" |
| 156 | :label="item.dname" | 187 | :label="item.dname" |
| 157 | :value="item.dcode"> | 188 | :value="item.dcode" |
| 189 | > | ||
| 158 | </el-option> | 190 | </el-option> |
| 159 | </el-select> | 191 | </el-select> |
| 160 | </el-form-item> | 192 | </el-form-item> |
| 161 | </el-col> | 193 | </el-col> |
| 162 | 194 | ||
| 163 | <el-col :span="8"> | 195 | <el-col :span="8"> |
| 164 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> | 196 | <el-form-item |
| 165 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | 197 | label="预告登记种类：" |
| 198 | prop="ygdj.ygdjzl" | ||
| 199 | :rules="rules.ygdjzlrules" | ||
| 200 | > | ||
| 201 | <el-select v-model="ruleForm.ygdj.ygdjzl"> | ||
| 166 | <el-option | 202 | <el-option |
| 167 | v-for="item in dictData['A29']" | 203 | v-for="item in dictData['A29']" |
| 168 | :key="item.dcode" | 204 | :key="item.dcode" |
| 169 | :label="item.dname" | 205 | :label="item.dname" |
| 170 | :value="item.dcode"> | 206 | :value="item.dcode" |
| 207 | > | ||
| 171 | </el-option> | 208 | </el-option> |
| 172 | </el-select> | 209 | </el-select> |
| 173 | </el-form-item> | 210 | </el-form-item> |
| ... | @@ -184,7 +221,8 @@ | ... | @@ -184,7 +221,8 @@ |
| 184 | v-for="item in dictData['A17']" | 221 | v-for="item in dictData['A17']" |
| 185 | :key="item.dcode" | 222 | :key="item.dcode" |
| 186 | :label="item.dname" | 223 | :label="item.dname" |
| 187 | :value="item.dcode"> | 224 | :value="item.dcode" |
| 225 | > | ||
| 188 | </el-option> | 226 | </el-option> |
| 189 | </el-select> | 227 | </el-select> |
| 190 | </el-form-item> | 228 | </el-form-item> |
| ... | @@ -201,7 +239,8 @@ | ... | @@ -201,7 +239,8 @@ |
| 201 | v-for="item in dictData['A19']" | 239 | v-for="item in dictData['A19']" |
| 202 | :key="item.dcode" | 240 | :key="item.dcode" |
| 203 | :label="item.dname" | 241 | :label="item.dname" |
| 204 | :value="item.dcode"> | 242 | :value="item.dcode" |
| 243 | > | ||
| 205 | </el-option> | 244 | </el-option> |
| 206 | </el-select> | 245 | </el-select> |
| 207 | </el-form-item> | 246 | </el-form-item> |
| ... | @@ -218,7 +257,8 @@ | ... | @@ -218,7 +257,8 @@ |
| 218 | v-for="item in dictData['A46']" | 257 | v-for="item in dictData['A46']" |
| 219 | :key="item.dcode" | 258 | :key="item.dcode" |
| 220 | :label="item.dname" | 259 | :label="item.dname" |
| 221 | :value="item.dcode"> | 260 | :value="item.dcode" |
| 261 | > | ||
| 222 | </el-option> | 262 | </el-option> |
| 223 | </el-select> | 263 | </el-select> |
| 224 | </el-form-item> | 264 | </el-form-item> |
| ... | @@ -236,17 +276,21 @@ | ... | @@ -236,17 +276,21 @@ |
| 236 | <el-col :span="8"> | 276 | <el-col :span="8"> |
| 237 | <el-form-item label="建筑面积："> | 277 | <el-form-item label="建筑面积："> |
| 238 | <div class="flex"> | 278 | <div class="flex"> |
| 239 | <el-input v-model="ruleForm.ygdj.jzmj" | 279 | <el-input |
| 240 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 280 | v-model="ruleForm.ygdj.jzmj" |
| 281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 282 | ></el-input> | ||
| 241 | <el-select | 283 | <el-select |
| 242 | v-model="ruleForm.ygdj.mjdw" | 284 | v-model="mjdw" |
| 243 | :disabled="!ableOperation" | 285 | :disabled="!ableOperation" |
| 244 | style="width: 20%"> | 286 | style="width: 20%" |
| 287 | > | ||
| 245 | <el-option | 288 | <el-option |
| 246 | v-for="item in dictData['A7']" | 289 | v-for="item in dictData['A7']" |
| 247 | :key="item.dcode" | 290 | :key="item.dcode" |
| 248 | :label="item.dname" | 291 | :label="item.dname" |
| 249 | :value="item.dcode"> | 292 | :value="item.dcode" |
| 293 | > | ||
| 250 | </el-option> | 294 | </el-option> |
| 251 | </el-select> | 295 | </el-select> |
| 252 | </div> | 296 | </div> |
| ... | @@ -270,41 +314,69 @@ | ... | @@ -270,41 +314,69 @@ |
| 270 | type="date" | 314 | type="date" |
| 271 | placeholder="选择日期" | 315 | placeholder="选择日期" |
| 272 | value-format="yyyy-MM-dd HH:mm:ss" | 316 | value-format="yyyy-MM-dd HH:mm:ss" |
| 273 | format="yyyy-MM-dd"> | 317 | format="yyyy-MM-dd" |
| 318 | > | ||
| 274 | </el-date-picker> | 319 | </el-date-picker> |
| 275 | </el-form-item> | 320 | </el-form-item> |
| 276 | </el-col> | 321 | </el-col> |
| 277 | <el-col :span="8"> | 322 | <el-col :span="8"> |
| 278 | <el-form-item label="取得价格/被担保主债权数额："> | 323 | <el-form-item> |
| 279 | <div class="flex"> | 324 | <span slot="label" style="display: inline-block"> |
| 280 | <el-input v-model="ruleForm.ygdj.qdjg" | 325 | |
| 281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 326 | <el-tooltip |
| 327 | content="取得价格被担保主债权数额：" | ||
| 328 | placement="top" | ||
| 329 | effect="light" | ||
| 330 | > | ||
| 331 | <span | ||
| 332 | type="text" | ||
| 333 | style="color: #444" | ||
| 334 | size="mini" | ||
| 335 | >取得价格被担保...</span> | ||
| 336 | </el-tooltip> | ||
| 337 | </span> | ||
| 338 | <div class="flex"> | ||
| 339 | <el-input | ||
| 340 | v-model="ruleForm.ygdj.qdjg" | ||
| 341 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 342 | ></el-input> | ||
| 282 | <el-select | 343 | <el-select |
| 283 | v-model="ruleForm.ygdj.jedw" | 344 | v-model="ruleForm.ygdj.jedw" |
| 284 | :disabled="!ableOperation" | 345 | :disabled="!ableOperation" |
| 285 | style="width: 20%"> | 346 | style="width: 20%" |
| 347 | > | ||
| 286 | <el-option | 348 | <el-option |
| 287 | v-for="item in dictData['A7']" | 349 | v-for="item in dictData['A57']" |
| 288 | :key="item.dcode" | 350 | :key="item.dcode" |
| 289 | :label="item.dname" | 351 | :label="item.dname" |
| 290 | :value="item.dcode"> | 352 | :value="item.dcode" |
| 353 | > | ||
| 291 | </el-option> | 354 | </el-option> |
| 292 | </el-select> | 355 | </el-select> |
| 293 | </div> | 356 | </div> |
| 294 | </el-form-item> | 357 | </el-form-item> |
| 295 | </el-col> | 358 | </el-col> |
| 296 | <el-col :span="8"> | 359 | <el-col :span="8"> |
| 297 | <el-form-item label="金额单位："> | ||
| 298 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | ||
| 299 | </el-form-item> | ||
| 300 | </el-col> | ||
| 301 | <el-col :span="8"> | ||
| 302 | <el-form-item label="担保范围："> | 360 | <el-form-item label="担保范围："> |
| 303 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | 361 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> |
| 304 | </el-form-item> | 362 | </el-form-item> |
| 305 | </el-col> | 363 | </el-col> |
| 306 | <el-col :span="8"> | 364 | <el-col :span="8"> |
| 307 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定："> | 365 | <el-form-item> |
| 366 | <span slot="label" style="display: inline-block"> | ||
| 367 | |||
| 368 | <el-tooltip | ||
| 369 | content="是否存在禁止或限制转让抵押不动产的约定：" | ||
| 370 | placement="top" | ||
| 371 | effect="light" | ||
| 372 | > | ||
| 373 | <span | ||
| 374 | type="text" | ||
| 375 | style="color: #444" | ||
| 376 | size="mini" | ||
| 377 | >是否存在禁止或限制...</span> | ||
| 378 | </el-tooltip> | ||
| 379 | </span> | ||
| 308 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 380 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
| 309 | </el-form-item> | 381 | </el-form-item> |
| 310 | </el-col> | 382 | </el-col> |
| ... | @@ -328,7 +400,8 @@ | ... | @@ -328,7 +400,8 @@ |
| 328 | <el-form-item label="共有方式："> | 400 | <el-form-item label="共有方式："> |
| 329 | <el-radio-group | 401 | <el-radio-group |
| 330 | :disabled="!ableOperation" | 402 | :disabled="!ableOperation" |
| 331 | v-model="ruleForm.qlxx.gyfs"> | 403 | v-model="ruleForm.qlxx.gyfs" |
| 404 | > | ||
| 332 | <el-radio label="0">单独所有</el-radio> | 405 | <el-radio label="0">单独所有</el-radio> |
| 333 | <el-radio label="1">共同共有</el-radio> | 406 | <el-radio label="1">共同共有</el-radio> |
| 334 | <el-radio label="2">按份所有</el-radio> | 407 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -340,7 +413,8 @@ | ... | @@ -340,7 +413,8 @@ |
| 340 | <el-form-item label="是否分别持证："> | 413 | <el-form-item label="是否分别持证："> |
| 341 | <el-radio-group | 414 | <el-radio-group |
| 342 | v-model="ruleForm.qlxx.sqfbcz" | 415 | v-model="ruleForm.qlxx.sqfbcz" |
| 343 | :disabled="!ableOperation"> | 416 | :disabled="!ableOperation" |
| 417 | > | ||
| 344 | <el-radio :label="1">是</el-radio> | 418 | <el-radio :label="1">是</el-radio> |
| 345 | <el-radio :label="0">否</el-radio> | 419 | <el-radio :label="0">否</el-radio> |
| 346 | </el-radio-group> | 420 | </el-radio-group> |
| ... | @@ -348,17 +422,20 @@ | ... | @@ -348,17 +422,20 @@ |
| 348 | </el-col> | 422 | </el-col> |
| 349 | <el-col | 423 | <el-col |
| 350 | :span="6" | 424 | :span="6" |
| 351 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 425 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 426 | > | ||
| 352 | <el-form-item label="持证人："> | 427 | <el-form-item label="持证人："> |
| 353 | <el-select | 428 | <el-select |
| 354 | v-model="ruleForm.czr" | 429 | v-model="ruleForm.czr" |
| 355 | placeholder="持证人" | 430 | placeholder="持证人" |
| 356 | :disabled="!ableOperation"> | 431 | :disabled="!ableOperation" |
| 432 | > | ||
| 357 | <el-option | 433 | <el-option |
| 358 | v-for="item in czrOptions" | 434 | v-for="item in czrOptions" |
| 359 | :key="item.zjh" | 435 | :key="item.zjh" |
| 360 | :label="item.sqrmc" | 436 | :label="item.sqrmc" |
| 361 | :value="item.zjh"> | 437 | :value="item.zjh" |
| 438 | > | ||
| 362 | </el-option> | 439 | </el-option> |
| 363 | </el-select> | 440 | </el-select> |
| 364 | </el-form-item> | 441 | </el-form-item> |
| ... | @@ -369,7 +446,8 @@ | ... | @@ -369,7 +446,8 @@ |
| 369 | @upDateQlrxxList="upDateQlrxxList" | 446 | @upDateQlrxxList="upDateQlrxxList" |
| 370 | :key="key" | 447 | :key="key" |
| 371 | :ableOperation="ableOperation" | 448 | :ableOperation="ableOperation" |
| 372 | :gyfs="ruleForm.qlxx.gyfs" /> | 449 | :gyfs="ruleForm.qlxx.gyfs" |
| 450 | /> | ||
| 373 | 451 | ||
| 374 | <div v-if="ruleForm.ywrData"> | 452 | <div v-if="ruleForm.ywrData"> |
| 375 | <div class="slxx_title title-block"> | 453 | <div class="slxx_title title-block"> |
| ... | @@ -381,7 +459,8 @@ | ... | @@ -381,7 +459,8 @@ |
| 381 | :tableData="ruleForm.ywrData" | 459 | :tableData="ruleForm.ywrData" |
| 382 | :key="key" | 460 | :key="key" |
| 383 | :ableOperation="ableOperation" | 461 | :ableOperation="ableOperation" |
| 384 | @upDateQlrxxList="upDateYwrxxList" /> | 462 | @upDateQlrxxList="upDateYwrxxList" |
| 463 | /> | ||
| 385 | </div> | 464 | </div> |
| 386 | </div> | 465 | </div> |
| 387 | <el-row class="btn" v-if="ableOperation"> | 466 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -393,278 +472,335 @@ | ... | @@ -393,278 +472,335 @@ |
| 393 | </div> | 472 | </div> |
| 394 | </template> | 473 | </template> |
| 395 | <script> | 474 | <script> |
| 396 | import { mapGetters } from "vuex"; | 475 | import { mapGetters } from "vuex"; |
| 397 | import ywmix from "@/views/ywbl/mixin/index" | 476 | import ywmix from "@/views/ywbl/mixin/index"; |
| 398 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 477 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 399 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 478 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 400 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 479 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 401 | import tdytTable from "@/views/workflow/components/tdytTable"; | 480 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 402 | import selectTable from "@/components/selectTable/index.vue"; | 481 | import selectTable from "@/components/selectTable/index.vue"; |
| 403 | export default { | 482 | export default { |
| 404 | mixins: [ywmix], | 483 | mixins: [ywmix], |
| 405 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 484 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 406 | computed: { | 485 | computed: { |
| 407 | ...mapGetters(["dictData", "flag"]), | 486 | ...mapGetters(["dictData", "flag"]), |
| 408 | // 根据流程判断表单是否为只读 | 487 | // 根据流程判断表单是否为只读 |
| 409 | editDisabled () { | 488 | editDisabled() { |
| 410 | if (!this.ableOperation) { | 489 | if (!this.ableOperation) { |
| 411 | //只读状态 | 490 | //只读状态 |
| 412 | return true; | 491 | return true; |
| 413 | } | 492 | } |
| 414 | return false; | 493 | return false; |
| 415 | }, | ||
| 416 | }, | 494 | }, |
| 417 | data () { | 495 | }, |
| 418 | return { | 496 | data() { |
| 419 | ssqlxxshow: true, | 497 | return { |
| 420 | props: { | 498 | ssqlxxshow: true, |
| 421 | label: "bdcqzh", | 499 | props: { |
| 422 | value: "bdcdyid", | 500 | label: "bdcqzh", |
| 501 | value: "bdcdyid", | ||
| 502 | }, | ||
| 503 | mjdw: "1", | ||
| 504 | //表单是否可操作 | ||
| 505 | propsParam: this.$attrs, | ||
| 506 | key: 0, | ||
| 507 | isShow: false, | ||
| 508 | disabled: true, | ||
| 509 | czrOptions: [], | ||
| 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: "更正登记", | ||
| 423 | }, | 529 | }, |
| 424 | //表单是否可操作 | ||
| 425 | propsParam: this.$attrs, | ||
| 426 | key: 0, | ||
| 427 | isShow: false, | ||
| 428 | disabled: true, | ||
| 429 | czrOptions: [], | ||
| 430 | ssQlxxList: [], | ||
| 431 | ruleForm: {}, | ||
| 432 | // 登记类型 | ||
| 433 | djlxlist: [ | ||
| 434 | { | ||
| 435 | dcode: "100", | ||
| 436 | dname: "首次登记", | ||
| 437 | }, | ||
| 438 | { | ||
| 439 | dcode: "200", | ||
| 440 | dname: "转移登记", | ||
| 441 | }, | ||
| 442 | { | ||
| 443 | dcode: "300", | ||
| 444 | dname: "变更登记", | ||
| 445 | }, | ||
| 446 | { | ||
| 447 | dcode: "500", | ||
| 448 | dname: "更正登记", | ||
| 449 | }, | ||
| 450 | 530 | ||
| 451 | { | 531 | { |
| 452 | dcode: "901", | 532 | dcode: "901", |
| 453 | dname: "补证", | 533 | dname: "补证", |
| 454 | }, | 534 | }, |
| 455 | { | 535 | { |
| 456 | dcode: "902", | 536 | dcode: "902", |
| 457 | dname: "换证", | 537 | dname: "换证", |
| 458 | }, | 538 | }, |
| 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" }, | ||
| 459 | ], | 555 | ], |
| 460 | // 权属状态 | 556 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 461 | qsztlist: [ | 557 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 462 | { | 558 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 463 | dcode: "1", | 559 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 464 | dname: "现势", | 560 | ygdjzlrules: [ |
| 465 | }, | 561 | { required: true, message: "预告登记种类", trigger: "change" }, |
| 466 | { | ||
| 467 | dcode: "2", | ||
| 468 | dname: "历史", | ||
| 469 | }, | ||
| 470 | ], | 562 | ], |
| 471 | //传递参数\ | 563 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 472 | rules: { | 564 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 473 | bdcqzhrules: [ | 565 | ssQlxxrules: [ |
| 474 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 566 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 475 | ], | 567 | ], |
| 476 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 568 | }, |
| 477 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 569 | ableOperation: false, |
| 478 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 570 | }; |
| 479 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 571 | }, |
| 480 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], | 572 | created() { |
| 481 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 573 | this.loadData(); |
| 482 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 574 | }, |
| 483 | }, | 575 | mounted() { |
| 484 | ableOperation: false, | 576 | this.ableOperation = this.$parent.ableOperation; |
| 485 | }; | 577 | }, |
| 578 | methods: { | ||
| 579 | /** | ||
| 580 | * @description: ssQlxxchange | ||
| 581 | * @param {*} val | ||
| 582 | * @author: renchao | ||
| 583 | */ | ||
| 584 | ssQlxxchange(val) { | ||
| 585 | this.ruleForm.ssQlxx = val; | ||
| 586 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 587 | this.ssQlxxchangediolog(val); | ||
| 486 | }, | 588 | }, |
| 487 | created () { | 589 | // 弹框事件 |
| 488 | this.loadData(); | 590 | ssQlxxchangediolog(val) { |
| 591 | console.log("确定了", this.ruleForm); | ||
| 592 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 593 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 594 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 595 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 596 | showClose: true, //是否显示右上角关闭按钮 | ||
| 597 | type: "warning", | ||
| 598 | }).then(() => { | ||
| 599 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 600 | if (res.code == 200) { | ||
| 601 | this.nowlist = res.result; | ||
| 602 | console.log("his.nowlist", this.nowlist); | ||
| 603 | console.log("this.ruleForm", this.ruleForm); | ||
| 604 | for (var key in this.ruleForm.ygdj) { | ||
| 605 | if ( | ||
| 606 | this.ruleForm.ygdj[key] == "" || | ||
| 607 | this.ruleForm.ygdj[key] == null | ||
| 608 | ) { | ||
| 609 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; | ||
| 610 | } | ||
| 611 | } | ||
| 612 | for (var key in this.ruleForm.qlxx) { | ||
| 613 | if ( | ||
| 614 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 615 | this.ruleForm.qlxx[key] == null | ||
| 616 | ) { | ||
| 617 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 618 | if (key != "ywh") { | ||
| 619 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 620 | } | ||
| 621 | } | ||
| 622 | } | ||
| 623 | if (!this.ruleForm.tdytqxList.length) { | ||
| 624 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 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({ | ||
| 641 | type: "info", | ||
| 642 | message: "已取消同步", | ||
| 643 | }); | ||
| 644 | }); | ||
| 489 | }, | 645 | }, |
| 490 | mounted () { | 646 | /** |
| 491 | this.ableOperation = this.$parent.ableOperation | 647 | * @description: djlxchange |
| 648 | * @param {*} val | ||
| 649 | * @author: renchao | ||
| 650 | */ | ||
| 651 | djlxchange(val) { | ||
| 652 | if (val == null || val == 100) { | ||
| 653 | this.ssqlxxshow = false; | ||
| 654 | } else { | ||
| 655 | this.ssqlxxshow = true; | ||
| 656 | } | ||
| 492 | }, | 657 | }, |
| 493 | methods: { | 658 | /** |
| 494 | /** | 659 | * @description: loadData |
| 495 | * @description: ssQlxxchange | 660 | * @author: renchao |
| 496 | * @param {*} val | 661 | */ |
| 497 | * @author: renchao | 662 | loadData() { |
| 498 | */ | 663 | this.$startLoading(); |
| 499 | ssQlxxchange (val) { | 664 | this.propsParam.isEdit = this.$parent.isEdit; |
| 500 | this.ruleForm.ssQlxx = val; | 665 | init(this.propsParam).then((res) => { |
| 501 | this.ruleForm.qlxx.ssywh = val.ywh; | 666 | if (res.code == 200) { |
| 502 | }, | 667 | this.ruleForm = res.result; |
| 503 | created () { | 668 | let djlx = this.ruleForm.qlxx.djlx; |
| 504 | this.loadData(); | 669 | if (djlx == null || djlx == 100) { |
| 505 | }, | ||
| 506 | mounted () { | ||
| 507 | this.ableOperation = this.$parent.ableOperation | ||
| 508 | }, | ||
| 509 | methods: { | ||
| 510 | /** | ||
| 511 | * @description: ssQlxxchange | ||
| 512 | * @param {*} val | ||
| 513 | * @author: renchao | ||
| 514 | */ | ||
| 515 | ssQlxxchange (val) { | ||
| 516 | this.ruleForm.ssQlxx = val; | ||
| 517 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 518 | }, | ||
| 519 | /** | ||
| 520 | * @description: djlxchange | ||
| 521 | * @param {*} val | ||
| 522 | * @author: renchao | ||
| 523 | */ | ||
| 524 | djlxchange (val) { | ||
| 525 | if (val == null || val == 100) { | ||
| 526 | this.ssqlxxshow = false; | 670 | this.ssqlxxshow = false; |
| 527 | } else { | ||
| 528 | this.ssqlxxshow = true; | ||
| 529 | } | 671 | } |
| 530 | }, | 672 | this.ruleForm.ygdj.jedw = "1"; |
| 531 | /** | 673 | this.$endLoading(); |
| 532 | * @description: loadData | 674 | this.isShow = true; |
| 533 | * @author: renchao | ||
| 534 | */ | ||
| 535 | loadData () { | ||
| 536 | this.$startLoading(); | ||
| 537 | this.propsParam.isEdit = this.$parent.isEdit | ||
| 538 | init(this.propsParam).then((res) => { | ||
| 539 | if (res.code == 200) { | ||
| 540 | this.ruleForm = res.result; | ||
| 541 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 542 | if (djlx == null || djlx == 100) { | ||
| 543 | this.ssqlxxshow = false; | ||
| 544 | } | ||
| 545 | this.$endLoading(); | ||
| 546 | this.isShow = true; | ||
| 547 | } | ||
| 548 | }); | ||
| 549 | //获取主体信息 | 675 | //获取主体信息 |
| 550 | getSsQlxx({ | 676 | getSsQlxx({ |
| 551 | bdcdyid: this.propsParam.bdcdyid, | 677 | bdcdyid: this.propsParam.bdcdyid, |
| 552 | qllx: this.propsParam.qllx, | 678 | qllx: this.propsParam.qllx, |
| 679 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 553 | }).then((res) => { | 680 | }).then((res) => { |
| 554 | if (res.code == 200) { | 681 | if (res.code == 200) { |
| 555 | this.ssQlxxList = res.result; | 682 | this.ssQlxxList = res.result; |
| 556 | } | 683 | } |
| 557 | }); | 684 | }); |
| 558 | }, | 685 | } |
| 559 | // 更新土地用途信息 | 686 | }); |
| 560 | /** | 687 | }, |
| 561 | * @description: 更新土地用途信息 | 688 | // 更新土地用途信息 |
| 562 | * @param {*} val | 689 | /** |
| 563 | * @author: renchao | 690 | * @description: 更新土地用途信息 |
| 564 | */ | 691 | * @param {*} val |
| 565 | upDateTdytxxList (val) { | 692 | * @author: renchao |
| 566 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 693 | */ |
| 567 | this.key++; | 694 | upDateTdytxxList(val) { |
| 568 | }, | 695 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 569 | // 更新权利人信息 | 696 | this.key++; |
| 570 | /** | 697 | }, |
| 571 | * @description: 更新权利人信息 | 698 | // 更新权利人信息 |
| 572 | * @param {*} val | 699 | /** |
| 573 | * @author: renchao | 700 | * @description: 更新权利人信息 |
| 574 | */ | 701 | * @param {*} val |
| 575 | upDateQlrxxList (val) { | 702 | * @author: renchao |
| 576 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 703 | */ |
| 577 | this.czrOptions = this.ruleForm.qlrData; | 704 | upDateQlrxxList(val) { |
| 578 | this.key++; | 705 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 579 | }, | 706 | this.czrOptions = this.ruleForm.qlrData; |
| 580 | // 更新义务人信息 | 707 | this.key++; |
| 581 | /** | 708 | }, |
| 582 | * @description: 更新义务人信息 | 709 | // 更新义务人信息 |
| 583 | * @param {*} val | 710 | /** |
| 584 | * @author: renchao | 711 | * @description: 更新义务人信息 |
| 585 | */ | 712 | * @param {*} val |
| 586 | upDateYwrxxList (val) { | 713 | * @author: renchao |
| 587 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 714 | */ |
| 588 | this.key++; | 715 | upDateYwrxxList(val) { |
| 589 | }, | 716 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
| 590 | /** | 717 | this.key++; |
| 591 | * @description: onSubmit | 718 | }, |
| 592 | * @author: renchao | 719 | /** |
| 593 | */ | 720 | * @description: onSubmit |
| 594 | onSubmit () { | 721 | * @author: renchao |
| 595 | this.$refs.ruleForm.validate((valid) => { | 722 | */ |
| 596 | if (valid) { | 723 | onSubmit() { |
| 597 | if (this.ruleForm.qlrData.length == 0) { | 724 | this.$refs.ruleForm.validate((valid) => { |
| 598 | this.$message({ | 725 | if (valid) { |
| 599 | showClose: true, | 726 | if (this.ruleForm.qlrData.length == 0) { |
| 600 | message: "请确认权利人信息", | 727 | this.$message({ |
| 601 | type: "error", | 728 | showClose: true, |
| 602 | }); | 729 | message: "请确认权利人信息", |
| 603 | return false; | 730 | type: "error", |
| 604 | } | 731 | }); |
| 605 | if (this.ruleForm.ywrData.length == 0) { | 732 | return false; |
| 606 | this.$message({ | 733 | } |
| 607 | showClose: true, | 734 | if (this.ruleForm.ywrData.length == 0) { |
| 608 | message: "请确认义务人信息", | 735 | this.$message({ |
| 609 | type: "error", | 736 | showClose: true, |
| 610 | }); | 737 | message: "请确认义务人信息", |
| 611 | return false; | 738 | type: "error", |
| 612 | } | 739 | }); |
| 613 | if (this.ruleForm.qlxx.gyfs == "0") { | 740 | return false; |
| 614 | if (this.ruleForm.qlrData.length > 1) { | 741 | } |
| 615 | this.$message({ | 742 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 616 | showClose: true, | 743 | if (this.ruleForm.qlrData.length > 1) { |
| 617 | message: "共有方式：单独所有，权利人只能是一个人", | 744 | this.$message({ |
| 618 | type: "error", | 745 | showClose: true, |
| 619 | }); | 746 | message: "共有方式：单独所有，权利人只能是一个人", |
| 620 | return false; | 747 | type: "error", |
| 621 | } | 748 | }); |
| 622 | this.ruleForm.qlrData[0].sfczr = "1"; | 749 | return false; |
| 623 | } | 750 | } |
| 624 | if (this.ruleForm.qlxx.gyfs == "1") { | 751 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 625 | //是否分别持证 | 752 | } |
| 626 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 753 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 627 | //是 | 754 | //是否分别持证 |
| 628 | this.ruleForm.qlrData.forEach((item, index) => { | 755 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 629 | item.sfczr = "1"; | 756 | //是 |
| 630 | }); | 757 | this.ruleForm.qlrData.forEach((item, index) => { |
| 631 | } else { | 758 | item.sfczr = "1"; |
| 632 | this.ruleForm.qlrData.forEach((item, index) => { | 759 | }); |
| 633 | if (item.zjh == this.ruleForm.czr) { | 760 | } else { |
| 634 | item.sfczr = "1"; | 761 | this.ruleForm.qlrData.forEach((item, index) => { |
| 635 | } else { | 762 | if (item.zjh == this.ruleForm.czr) { |
| 636 | item.sfczr = "0"; | 763 | item.sfczr = "1"; |
| 637 | } | ||
| 638 | }); | ||
| 639 | } | ||
| 640 | } | ||
| 641 | save(this.ruleForm).then((res) => { | ||
| 642 | if (res.code === 200) { | ||
| 643 | this.$message({ | ||
| 644 | showClose: true, | ||
| 645 | message: "保存成功！", | ||
| 646 | type: "success", | ||
| 647 | }); | ||
| 648 | this.$parent.changeywh() | ||
| 649 | this.$store.dispatch("user/refreshPage", true); | ||
| 650 | } else { | 764 | } else { |
| 651 | this.$message({ | 765 | item.sfczr = "0"; |
| 652 | showClose: true, | ||
| 653 | message: res.message, | ||
| 654 | type: "error", | ||
| 655 | }); | ||
| 656 | } | 766 | } |
| 657 | }); | 767 | }); |
| 768 | } | ||
| 769 | } | ||
| 770 | save(this.ruleForm).then((res) => { | ||
| 771 | if (res.code === 200) { | ||
| 772 | this.$message({ | ||
| 773 | showClose: true, | ||
| 774 | message: "保存成功！", | ||
| 775 | type: "success", | ||
| 776 | }); | ||
| 777 | this.$parent.changeywh(); | ||
| 778 | this.$store.dispatch("user/refreshPage", true); | ||
| 658 | } else { | 779 | } else { |
| 659 | return false; | 780 | this.$message({ |
| 781 | showClose: true, | ||
| 782 | message: res.message, | ||
| 783 | type: "error", | ||
| 784 | }); | ||
| 660 | } | 785 | } |
| 661 | }); | 786 | }); |
| 662 | }, | 787 | } else { |
| 663 | }, | 788 | return false; |
| 664 | } | 789 | } |
| 665 | } | 790 | }); |
| 791 | }, | ||
| 792 | }, | ||
| 793 | }; | ||
| 666 | </script> | 794 | </script> |
| 667 | <style scoped lang="scss"> | 795 | <style scoped lang="scss"> |
| 668 | @import "~@/styles/public.scss"; | 796 | @import "~@/styles/public.scss"; |
| 669 | @import "~@/styles/slxx/slxx.scss"; | 797 | @import "~@/styles/slxx/slxx.scss"; |
| 798 | form /deep/ .el-form-item__label { | ||
| 799 | width: 145px !important; | ||
| 800 | overflow: hidden; | ||
| 801 | white-space: nowrap; | ||
| 802 | text-overflow: ellipsis; | ||
| 803 | height: 32px; | ||
| 804 | float: none; | ||
| 805 | } | ||
| 670 | </style> | 806 | </style> | ... | ... |
| ... | @@ -16,7 +16,8 @@ | ... | @@ -16,7 +16,8 @@ |
| 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 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 23 | 补录信息 |
| ... | @@ -48,21 +49,25 @@ | ... | @@ -48,21 +49,25 @@ |
| 48 | <el-form-item | 49 | <el-form-item |
| 49 | label="抵押不动产信息：" | 50 | label="抵押不动产信息：" |
| 50 | prop="ztQlxx.bdcqzh" | 51 | prop="ztQlxx.bdcqzh" |
| 51 | :rules="rules.ztQlxxrules"> | 52 | :rules="rules.ztQlxxrules" |
| 53 | > | ||
| 52 | <select-table | 54 | <select-table |
| 53 | v-model="ruleForm.ztQlxx" | 55 | v-model="ruleForm.ztQlxx" |
| 54 | :table-width="550" | 56 | :table-width="550" |
| 55 | :tableData="ztQlxxList" | 57 | :tableData="ztQlxxList" |
| 56 | :props="props" | 58 | :props="props" |
| 57 | @change="ztQlxxchange"> | 59 | @change="ztQlxxchange" |
| 60 | > | ||
| 58 | <el-table-column | 61 | <el-table-column |
| 59 | prop="qllxmc" | 62 | prop="qllxmc" |
| 60 | width="130" | 63 | width="130" |
| 61 | label="权利类型"></el-table-column> | 64 | label="权利类型" |
| 65 | ></el-table-column> | ||
| 62 | <el-table-column | 66 | <el-table-column |
| 63 | prop="bdcqzh" | 67 | prop="bdcqzh" |
| 64 | width="160" | 68 | width="160" |
| 65 | label="不动产权证书"></el-table-column> | 69 | label="不动产权证书" |
| 70 | ></el-table-column> | ||
| 66 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 67 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 68 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -72,21 +77,28 @@ | ... | @@ -72,21 +77,28 @@ |
| 72 | </el-col> | 77 | </el-col> |
| 73 | 78 | ||
| 74 | <el-col :span="8" v-if="ssqlxxshow"> | 79 | <el-col :span="8" v-if="ssqlxxshow"> |
| 75 | <el-form-item label="上手权利信息："> | 80 | <el-form-item |
| 81 | label="上手权利信息：" | ||
| 82 | prop="ssQlxx.bdcqzh" | ||
| 83 | :rules="rules.ssQlxxrules" | ||
| 84 | > | ||
| 76 | <select-table | 85 | <select-table |
| 77 | v-model="ruleForm.ssQlxx" | 86 | v-model="ruleForm.ssQlxx" |
| 78 | :table-width="550" | 87 | :table-width="550" |
| 79 | :tableData="ssQlxxList" | 88 | :tableData="ssQlxxList" |
| 80 | :props="props" | 89 | :props="props" |
| 81 | @change="ssQlxxchange"> | 90 | @change="ssQlxxchange" |
| 91 | > | ||
| 82 | <el-table-column | 92 | <el-table-column |
| 83 | prop="qllxmc" | 93 | prop="qllxmc" |
| 84 | width="130" | 94 | width="130" |
| 85 | label="权利类型"></el-table-column> | 95 | label="权利类型" |
| 96 | ></el-table-column> | ||
| 86 | <el-table-column | 97 | <el-table-column |
| 87 | prop="bdcqzh" | 98 | prop="bdcqzh" |
| 88 | width="160" | 99 | width="160" |
| 89 | label="不动产权证书"></el-table-column> | 100 | label="不动产权证书" |
| 101 | ></el-table-column> | ||
| 90 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 102 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 91 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 103 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 92 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 104 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -158,7 +170,11 @@ | ... | @@ -158,7 +170,11 @@ |
| 158 | </el-form-item> | 170 | </el-form-item> |
| 159 | </el-col> | 171 | </el-col> |
| 160 | <el-col :span="8"> | 172 | <el-col :span="8"> |
| 161 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 173 | <el-form-item |
| 174 | label="业务号：" | ||
| 175 | prop="qlxx.ywh" | ||
| 176 | :rules="rules.ywhrules" | ||
| 177 | > | ||
| 162 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 178 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 163 | </el-form-item> | 179 | </el-form-item> |
| 164 | </el-col> | 180 | </el-col> |
| ... | @@ -183,13 +199,15 @@ | ... | @@ -183,13 +199,15 @@ |
| 183 | <el-form-item | 199 | <el-form-item |
| 184 | label="登记类型：" | 200 | label="登记类型：" |
| 185 | prop="qlxx.djlx" | 201 | prop="qlxx.djlx" |
| 186 | :rules="rules.djlxrules"> | 202 | :rules="rules.djlxrules" |
| 203 | > | ||
| 187 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 204 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 188 | <el-option | 205 | <el-option |
| 189 | v-for="item in djlxlist" | 206 | v-for="item in djlxlist" |
| 190 | :key="item.dcode" | 207 | :key="item.dcode" |
| 191 | :label="item.dname" | 208 | :label="item.dname" |
| 192 | :value="item.dcode"> | 209 | :value="item.dcode" |
| 210 | > | ||
| 193 | </el-option> | 211 | </el-option> |
| 194 | </el-select> | 212 | </el-select> |
| 195 | </el-form-item> | 213 | </el-form-item> |
| ... | @@ -203,7 +221,8 @@ | ... | @@ -203,7 +221,8 @@ |
| 203 | <el-form-item | 221 | <el-form-item |
| 204 | label="不动产权证号：" | 222 | label="不动产权证号：" |
| 205 | prop="qlxx.bdcqzh" | 223 | prop="qlxx.bdcqzh" |
| 206 | :rules="rules.bdcqzhrules"> | 224 | :rules="rules.bdcqzhrules" |
| 225 | > | ||
| 207 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 226 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 208 | </el-form-item> | 227 | </el-form-item> |
| 209 | </el-col> | 228 | </el-col> |
| ... | @@ -216,7 +235,8 @@ | ... | @@ -216,7 +235,8 @@ |
| 216 | <el-form-item | 235 | <el-form-item |
| 217 | label="登记机构：" | 236 | label="登记机构：" |
| 218 | prop="qlxx.djjg" | 237 | prop="qlxx.djjg" |
| 219 | :rules="rules.djjgrules"> | 238 | :rules="rules.djjgrules" |
| 239 | > | ||
| 220 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 240 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 221 | </el-form-item> | 241 | </el-form-item> |
| 222 | </el-col> | 242 | </el-col> |
| ... | @@ -224,7 +244,8 @@ | ... | @@ -224,7 +244,8 @@ |
| 224 | <el-form-item | 244 | <el-form-item |
| 225 | label="登簿人：" | 245 | label="登簿人：" |
| 226 | prop="qlxx.dbr" | 246 | prop="qlxx.dbr" |
| 227 | :rules="rules.dbrrules"> | 247 | :rules="rules.dbrrules" |
| 248 | > | ||
| 228 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 249 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 229 | </el-form-item> | 250 | </el-form-item> |
| 230 | </el-col> | 251 | </el-col> |
| ... | @@ -232,14 +253,16 @@ | ... | @@ -232,14 +253,16 @@ |
| 232 | <el-form-item | 253 | <el-form-item |
| 233 | label="登记时间：" | 254 | label="登记时间：" |
| 234 | prop="qlxx.djsj" | 255 | prop="qlxx.djsj" |
| 235 | :rules="rules.djsjrules"> | 256 | :rules="rules.djsjrules" |
| 257 | > | ||
| 236 | <el-date-picker | 258 | <el-date-picker |
| 237 | v-model="ruleForm.qlxx.djsj" | 259 | v-model="ruleForm.qlxx.djsj" |
| 238 | class="width100" | 260 | class="width100" |
| 239 | type="date" | 261 | type="date" |
| 240 | placeholder="选择日期" | 262 | placeholder="选择日期" |
| 241 | value-format="yyyy-MM-dd HH:mm:ss" | 263 | value-format="yyyy-MM-dd HH:mm:ss" |
| 242 | format="yyyy-MM-dd"> | 264 | format="yyyy-MM-dd" |
| 265 | > | ||
| 243 | </el-date-picker> | 266 | </el-date-picker> |
| 244 | </el-form-item> | 267 | </el-form-item> |
| 245 | </el-col> | 268 | </el-col> |
| ... | @@ -250,14 +273,15 @@ | ... | @@ -250,14 +273,15 @@ |
| 250 | v-for="item in qsztlist" | 273 | v-for="item in qsztlist" |
| 251 | :key="item.dcode" | 274 | :key="item.dcode" |
| 252 | :label="item.dname" | 275 | :label="item.dname" |
| 253 | :value="item.dcode"> | 276 | :value="item.dcode" |
| 277 | > | ||
| 254 | </el-option> | 278 | </el-option> |
| 255 | </el-select> | 279 | </el-select> |
| 256 | </el-form-item> | 280 | </el-form-item> |
| 257 | </el-col> | 281 | </el-col> |
| 258 | 282 | ||
| 259 | <el-col :span="8"> | 283 | <el-col :span="8"> |
| 260 | <el-form-item label="异议事项："> | 284 | <el-form-item label="异议事项：" prop="yydj.yysx" :rules="rules.yysxrules"> |
| 261 | <el-input v-model="ruleForm.yydj.yysx"></el-input> | 285 | <el-input v-model="ruleForm.yydj.yysx"></el-input> |
| 262 | </el-form-item> | 286 | </el-form-item> |
| 263 | </el-col> | 287 | </el-col> |
| ... | @@ -294,7 +318,8 @@ | ... | @@ -294,7 +318,8 @@ |
| 294 | type="date" | 318 | type="date" |
| 295 | placeholder="选择日期" | 319 | placeholder="选择日期" |
| 296 | value-format="yyyy-MM-dd HH:mm:ss" | 320 | value-format="yyyy-MM-dd HH:mm:ss" |
| 297 | format="yyyy-MM-dd"> | 321 | format="yyyy-MM-dd" |
| 322 | > | ||
| 298 | </el-date-picker> | 323 | </el-date-picker> |
| 299 | </el-form-item> | 324 | </el-form-item> |
| 300 | </el-col> | 325 | </el-col> |
| ... | @@ -308,7 +333,8 @@ | ... | @@ -308,7 +333,8 @@ |
| 308 | <el-form-item label="共有方式："> | 333 | <el-form-item label="共有方式："> |
| 309 | <el-radio-group | 334 | <el-radio-group |
| 310 | :disabled="!ableOperation" | 335 | :disabled="!ableOperation" |
| 311 | v-model="ruleForm.qlxx.gyfs"> | 336 | v-model="ruleForm.qlxx.gyfs" |
| 337 | > | ||
| 312 | <el-radio label="0">单独所有</el-radio> | 338 | <el-radio label="0">单独所有</el-radio> |
| 313 | <el-radio label="1">共同共有</el-radio> | 339 | <el-radio label="1">共同共有</el-radio> |
| 314 | <el-radio label="2">按份所有</el-radio> | 340 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -320,7 +346,8 @@ | ... | @@ -320,7 +346,8 @@ |
| 320 | <el-form-item label="是否分别持证："> | 346 | <el-form-item label="是否分别持证："> |
| 321 | <el-radio-group | 347 | <el-radio-group |
| 322 | v-model="ruleForm.qlxx.sqfbcz" | 348 | v-model="ruleForm.qlxx.sqfbcz" |
| 323 | :disabled="!ableOperation"> | 349 | :disabled="!ableOperation" |
| 350 | > | ||
| 324 | <el-radio :label="1">是</el-radio> | 351 | <el-radio :label="1">是</el-radio> |
| 325 | <el-radio :label="0">否</el-radio> | 352 | <el-radio :label="0">否</el-radio> |
| 326 | </el-radio-group> | 353 | </el-radio-group> |
| ... | @@ -328,17 +355,20 @@ | ... | @@ -328,17 +355,20 @@ |
| 328 | </el-col> | 355 | </el-col> |
| 329 | <el-col | 356 | <el-col |
| 330 | :span="6" | 357 | :span="6" |
| 331 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 358 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 359 | > | ||
| 332 | <el-form-item label="持证人："> | 360 | <el-form-item label="持证人："> |
| 333 | <el-select | 361 | <el-select |
| 334 | v-model="ruleForm.czr" | 362 | v-model="ruleForm.czr" |
| 335 | placeholder="持证人" | 363 | placeholder="持证人" |
| 336 | :disabled="!ableOperation"> | 364 | :disabled="!ableOperation" |
| 365 | > | ||
| 337 | <el-option | 366 | <el-option |
| 338 | v-for="item in czrOptions" | 367 | v-for="item in czrOptions" |
| 339 | :key="item.zjh" | 368 | :key="item.zjh" |
| 340 | :label="item.sqrmc" | 369 | :label="item.sqrmc" |
| 341 | :value="item.zjh"> | 370 | :value="item.zjh" |
| 371 | > | ||
| 342 | </el-option> | 372 | </el-option> |
| 343 | </el-select> | 373 | </el-select> |
| 344 | </el-form-item> | 374 | </el-form-item> |
| ... | @@ -349,7 +379,8 @@ | ... | @@ -349,7 +379,8 @@ |
| 349 | @upDateQlrxxList="upDateQlrxxList" | 379 | @upDateQlrxxList="upDateQlrxxList" |
| 350 | :key="key" | 380 | :key="key" |
| 351 | :ableOperation="ableOperation" | 381 | :ableOperation="ableOperation" |
| 352 | :gyfs="ruleForm.qlxx.gyfs" /> | 382 | :gyfs="ruleForm.qlxx.gyfs" |
| 383 | /> | ||
| 353 | <div v-if="ruleForm.ywrData"> | 384 | <div v-if="ruleForm.ywrData"> |
| 354 | <div class="slxx_title title-block"> | 385 | <div class="slxx_title title-block"> |
| 355 | 义务人信息 | 386 | 义务人信息 |
| ... | @@ -360,7 +391,8 @@ | ... | @@ -360,7 +391,8 @@ |
| 360 | :tableData="ruleForm.ywrData" | 391 | :tableData="ruleForm.ywrData" |
| 361 | :key="key" | 392 | :key="key" |
| 362 | :ableOperation="ableOperation" | 393 | :ableOperation="ableOperation" |
| 363 | @upDateQlrxxList="upDateYwrxxList" /> | 394 | @upDateQlrxxList="upDateYwrxxList" |
| 395 | /> | ||
| 364 | </div> | 396 | </div> |
| 365 | </div> | 397 | </div> |
| 366 | <el-row class="btn" v-if="ableOperation"> | 398 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -372,279 +404,312 @@ | ... | @@ -372,279 +404,312 @@ |
| 372 | </div> | 404 | </div> |
| 373 | </template> | 405 | </template> |
| 374 | <script> | 406 | <script> |
| 375 | import { mapGetters } from "vuex"; | 407 | import { mapGetters } from "vuex"; |
| 376 | import ywmix from "@/views/ywbl/mixin/index" | 408 | import ywmix from "@/views/ywbl/mixin/index"; |
| 377 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 409 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
| 378 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 410 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 379 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 411 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 380 | import tdytTable from "@/views/workflow/components/tdytTable"; | 412 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 381 | import selectTable from "@/components/selectTable/index.vue"; | 413 | import selectTable from "@/components/selectTable/index.vue"; |
| 382 | export default { | 414 | export default { |
| 383 | mixins: [ywmix], | 415 | mixins: [ywmix], |
| 384 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 416 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 385 | computed: { | 417 | computed: { |
| 386 | ...mapGetters(["dictData", "flag"]), | 418 | ...mapGetters(["dictData", "flag"]), |
| 387 | // 根据流程判断表单是否为只读 | 419 | // 根据流程判断表单是否为只读 |
| 388 | editDisabled () { | 420 | editDisabled() { |
| 389 | if (!this.ableOperation) { | 421 | if (!this.ableOperation) { |
| 390 | //只读状态 | 422 | //只读状态 |
| 391 | return true; | 423 | return true; |
| 392 | } | 424 | } |
| 393 | return false; | 425 | return false; |
| 394 | }, | ||
| 395 | }, | 426 | }, |
| 396 | data () { | 427 | }, |
| 397 | return { | 428 | data() { |
| 398 | ssqlxxshow: true, | 429 | return { |
| 399 | props: { | 430 | ssqlxxshow: true, |
| 400 | label: "bdcqzh", | 431 | props: { |
| 401 | value: "bdcdyid", | 432 | label: "bdcqzh", |
| 433 | value: "bdcdyid", | ||
| 434 | }, | ||
| 435 | //表单是否可操作 | ||
| 436 | propsParam: this.$attrs, | ||
| 437 | key: 0, | ||
| 438 | isShow: false, | ||
| 439 | disabled: true, | ||
| 440 | czrOptions: [], | ||
| 441 | ssQlxxList: [], | ||
| 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: "更正登记", | ||
| 402 | }, | 461 | }, |
| 403 | //表单是否可操作 | ||
| 404 | propsParam: this.$attrs, | ||
| 405 | key: 0, | ||
| 406 | isShow: false, | ||
| 407 | disabled: true, | ||
| 408 | czrOptions: [], | ||
| 409 | ssQlxxList: [], | ||
| 410 | ztQlxxList: [], | ||
| 411 | ruleForm: {}, | ||
| 412 | // 登记类型 | ||
| 413 | djlxlist: [ | ||
| 414 | { | ||
| 415 | dcode: "100", | ||
| 416 | dname: "首次登记", | ||
| 417 | }, | ||
| 418 | { | ||
| 419 | dcode: "200", | ||
| 420 | dname: "转移登记", | ||
| 421 | }, | ||
| 422 | { | ||
| 423 | dcode: "300", | ||
| 424 | dname: "变更登记", | ||
| 425 | }, | ||
| 426 | { | ||
| 427 | dcode: "500", | ||
| 428 | dname: "更正登记", | ||
| 429 | }, | ||
| 430 | 462 | ||
| 431 | { | 463 | { |
| 432 | dcode: "901", | 464 | dcode: "901", |
| 433 | dname: "补证", | 465 | dname: "补证", |
| 434 | }, | 466 | }, |
| 435 | { | 467 | { |
| 436 | dcode: "902", | 468 | dcode: "902", |
| 437 | dname: "换证", | 469 | dname: "换证", |
| 438 | }, | 470 | }, |
| 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" }, | ||
| 439 | ], | 487 | ], |
| 440 | // 权属状态 | 488 | ztQlxxrules: [ |
| 441 | qsztlist: [ | 489 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 442 | { | ||
| 443 | dcode: "1", | ||
| 444 | dname: "现势", | ||
| 445 | }, | ||
| 446 | { | ||
| 447 | dcode: "2", | ||
| 448 | dname: "历史", | ||
| 449 | }, | ||
| 450 | ], | 490 | ], |
| 451 | //传递参数\ | 491 | bdcqzhrules: [ |
| 452 | rules: { | 492 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 453 | ztQlxxrules: [ | 493 | ], |
| 454 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 494 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 455 | ], | 495 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 456 | bdcqzhrules: [ | 496 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 457 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 497 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 458 | ], | 498 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 459 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 499 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 460 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 500 | yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }], |
| 461 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 501 | }, |
| 462 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 502 | ableOperation: false, |
| 463 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 503 | }; |
| 464 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 504 | }, |
| 465 | }, | 505 | created() { |
| 466 | ableOperation: false, | 506 | this.loadData(); |
| 467 | }; | 507 | }, |
| 508 | mounted() { | ||
| 509 | this.ableOperation = this.$parent.ableOperation; | ||
| 510 | }, | ||
| 511 | methods: { | ||
| 512 | /** | ||
| 513 | * @description: ztQlxxchange | ||
| 514 | * @param {*} val | ||
| 515 | * @author: renchao | ||
| 516 | */ | ||
| 517 | ztQlxxchange(val) { | ||
| 518 | this.ruleForm.ztQlxx = val; | ||
| 468 | }, | 519 | }, |
| 469 | created () { | 520 | /** |
| 470 | this.loadData(); | 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); | ||
| 471 | }, | 529 | }, |
| 472 | mounted () { | 530 | // 弹框事件 |
| 473 | this.ableOperation = this.$parent.ableOperation; | 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 | }); | ||
| 474 | }, | 553 | }, |
| 475 | methods: { | 554 | /** |
| 476 | /** | 555 | * @description: djlxchange |
| 477 | * @description: ztQlxxchange | 556 | * @param {*} val |
| 478 | * @param {*} val | 557 | * @author: renchao |
| 479 | * @author: renchao | 558 | */ |
| 480 | */ | 559 | djlxchange(val) { |
| 481 | ztQlxxchange (val) { | 560 | // if (val == null || val == 100) { |
| 482 | this.ruleForm.ztQlxx = val; | 561 | // this.ssqlxxshow = false; |
| 483 | }, | 562 | // } else { |
| 484 | /** | 563 | // this.ssqlxxshow = true; |
| 485 | * @description: ssQlxxchange | 564 | // } |
| 486 | * @param {*} val | 565 | }, |
| 487 | * @author: renchao | 566 | /** |
| 488 | */ | 567 | * @description: loadData |
| 489 | ssQlxxchange (val) { | 568 | * @author: renchao |
| 490 | this.ruleForm.ssQlxx = val; | 569 | */ |
| 491 | this.ruleForm.qlxx.ssywh = val.ywh; | 570 | loadData() { |
| 492 | }, | 571 | this.$startLoading(); |
| 493 | /** | 572 | this.propsParam.isEdit = this.$parent.isEdit; |
| 494 | * @description: djlxchange | 573 | init(this.propsParam).then((res) => { |
| 495 | * @param {*} val | 574 | if (res.code == 200) { |
| 496 | * @author: renchao | 575 | this.ruleForm = res.result; |
| 497 | */ | 576 | let djlx = this.ruleForm.qlxx.djlx; |
| 498 | djlxchange (val) { | 577 | if (djlx == null || djlx == 100) { |
| 499 | console.log("val", val); | 578 | this.ssqlxxshow = false; |
| 500 | if (val == null || val == 100) { | ||
| 501 | this.ssqlxxshow = false; | ||
| 502 | } else { | ||
| 503 | this.ssqlxxshow = true; | ||
| 504 | } | ||
| 505 | }, | ||
| 506 | /** | ||
| 507 | * @description: loadData | ||
| 508 | * @author: renchao | ||
| 509 | */ | ||
| 510 | loadData () { | ||
| 511 | this.$startLoading(); | ||
| 512 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 513 | init(this.propsParam).then((res) => { | ||
| 514 | if (res.code == 200) { | ||
| 515 | this.ruleForm = res.result; | ||
| 516 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 517 | if (djlx == null || djlx == 100) { | ||
| 518 | this.ssqlxxshow = false; | ||
| 519 | } | ||
| 520 | this.$endLoading(); | ||
| 521 | this.isShow = true; | ||
| 522 | } | 579 | } |
| 523 | }); | 580 | this.$endLoading(); |
| 524 | //获取主体信息 | 581 | this.isShow = true; |
| 525 | getSsQlxx({ | 582 | |
| 526 | bdcdyid: this.propsParam.bdcdyid, | 583 | //获取主体信息 |
| 527 | qllx: this.propsParam.qllx, | 584 | getSsQlxx({ |
| 528 | }).then((res) => { | 585 | bdcdyid: this.propsParam.bdcdyid, |
| 529 | if (res.code == 200) { | 586 | qllx: this.propsParam.qllx, |
| 530 | this.ssQlxxList = res.result; | 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 | }, | ||
| 615 | // 更新权利人信息 | ||
| 616 | /** | ||
| 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 | }, | ||
| 626 | // 更新义务人信息 | ||
| 627 | /** | ||
| 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 | }, | ||
| 636 | /** | ||
| 637 | * @description: onSubmit | ||
| 638 | * @author: renchao | ||
| 639 | */ | ||
| 640 | onSubmit() { | ||
| 641 | this.$refs.ruleForm.validate((valid) => { | ||
| 642 | if (valid) { | ||
| 643 | if (this.ruleForm.qlrData.length == 0) { | ||
| 644 | this.$message({ | ||
| 645 | showClose: true, | ||
| 646 | message: "请确认权利人信息", | ||
| 647 | type: "error", | ||
| 648 | }); | ||
| 649 | return false; | ||
| 531 | } | 650 | } |
| 532 | }); | 651 | if (this.ruleForm.ywrData.length == 0) { |
| 533 | //获取上手信息 | 652 | this.$message({ |
| 534 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 653 | showClose: true, |
| 535 | if (res.code == 200) { | 654 | message: "请确认义务人信息", |
| 536 | this.ztQlxxList = res.result; | 655 | type: "error", |
| 656 | }); | ||
| 657 | return false; | ||
| 537 | } | 658 | } |
| 538 | }); | 659 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 539 | }, | 660 | if (this.ruleForm.qlrData.length > 1) { |
| 540 | // 更新土地用途信息 | ||
| 541 | /** | ||
| 542 | * @description: 更新土地用途信息 | ||
| 543 | * @param {*} val | ||
| 544 | * @author: renchao | ||
| 545 | */ | ||
| 546 | upDateTdytxxList (val) { | ||
| 547 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 548 | this.key++; | ||
| 549 | }, | ||
| 550 | // 更新权利人信息 | ||
| 551 | /** | ||
| 552 | * @description: 更新权利人信息 | ||
| 553 | * @param {*} val | ||
| 554 | * @author: renchao | ||
| 555 | */ | ||
| 556 | upDateQlrxxList (val) { | ||
| 557 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 558 | this.czrOptions = this.ruleForm.qlrData; | ||
| 559 | this.key++; | ||
| 560 | }, | ||
| 561 | // 更新义务人信息 | ||
| 562 | /** | ||
| 563 | * @description: 更新义务人信息 | ||
| 564 | * @param {*} val | ||
| 565 | * @author: renchao | ||
| 566 | */ | ||
| 567 | upDateYwrxxList (val) { | ||
| 568 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 569 | this.key++; | ||
| 570 | }, | ||
| 571 | /** | ||
| 572 | * @description: onSubmit | ||
| 573 | * @author: renchao | ||
| 574 | */ | ||
| 575 | onSubmit () { | ||
| 576 | this.$refs.ruleForm.validate((valid) => { | ||
| 577 | if (valid) { | ||
| 578 | if (this.ruleForm.qlrData.length == 0) { | ||
| 579 | this.$message({ | 661 | this.$message({ |
| 580 | showClose: true, | 662 | showClose: true, |
| 581 | message: "请确认权利人信息", | 663 | message: "共有方式：单独所有，权利人只能是一个人", |
| 582 | type: "error", | 664 | type: "error", |
| 583 | }); | 665 | }); |
| 584 | return false; | 666 | return false; |
| 585 | } | 667 | } |
| 586 | if (this.ruleForm.ywrData.length == 0) { | 668 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 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({ | ||
| 690 | showClose: true, | ||
| 691 | message: "保存成功！", | ||
| 692 | type: "success", | ||
| 693 | }); | ||
| 694 | this.$parent.changeywh(); | ||
| 695 | this.$store.dispatch("user/refreshPage", true); | ||
| 696 | } else { | ||
| 587 | this.$message({ | 697 | this.$message({ |
| 588 | showClose: true, | 698 | showClose: true, |
| 589 | message: "请确认义务人信息", | 699 | message: res.message, |
| 590 | type: "error", | 700 | type: "error", |
| 591 | }); | 701 | }); |
| 592 | return false; | ||
| 593 | } | ||
| 594 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 595 | if (this.ruleForm.qlrData.length > 1) { | ||
| 596 | this.$message({ | ||
| 597 | showClose: true, | ||
| 598 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 599 | type: "error", | ||
| 600 | }); | ||
| 601 | return false; | ||
| 602 | } | ||
| 603 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 604 | } | ||
| 605 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 606 | //是否分别持证 | ||
| 607 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 608 | //是 | ||
| 609 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 610 | item.sfczr = "1"; | ||
| 611 | }); | ||
| 612 | } else { | ||
| 613 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 614 | if (item.zjh == this.ruleForm.czr) { | ||
| 615 | item.sfczr = "1"; | ||
| 616 | } else { | ||
| 617 | item.sfczr = "0"; | ||
| 618 | } | ||
| 619 | }); | ||
| 620 | } | ||
| 621 | } | 702 | } |
| 622 | save(this.ruleForm).then((res) => { | 703 | }); |
| 623 | if (res.code === 200) { | 704 | } else { |
| 624 | this.$message({ | 705 | return false; |
| 625 | showClose: true, | 706 | } |
| 626 | message: "保存成功！", | 707 | }); |
| 627 | type: "success", | ||
| 628 | }); | ||
| 629 | this.$parent.changeywh() | ||
| 630 | this.$store.dispatch("user/refreshPage", true); | ||
| 631 | } else { | ||
| 632 | this.$message({ | ||
| 633 | showClose: true, | ||
| 634 | message: res.message, | ||
| 635 | type: "error", | ||
| 636 | }); | ||
| 637 | } | ||
| 638 | }); | ||
| 639 | } else { | ||
| 640 | return false; | ||
| 641 | } | ||
| 642 | }); | ||
| 643 | }, | ||
| 644 | }, | 708 | }, |
| 645 | }; | 709 | }, |
| 710 | }; | ||
| 646 | </script> | 711 | </script> |
| 647 | <style scoped lang="scss"> | 712 | <style scoped lang="scss"> |
| 648 | @import "~@/styles/public.scss"; | 713 | @import "~@/styles/public.scss"; |
| 649 | @import "~@/styles/slxx/slxx.scss"; | 714 | @import "~@/styles/slxx/slxx.scss"; |
| 650 | </style> | 715 | </style> | ... | ... |
| ... | @@ -97,6 +97,8 @@ export default { | ... | @@ -97,6 +97,8 @@ export default { |
| 97 | yjsqOptions: { | 97 | yjsqOptions: { |
| 98 | handler(val) { | 98 | handler(val) { |
| 99 | console.log("val", val); | 99 | console.log("val", val); |
| 100 | console.log("this.tableData[this.currentindex]",this.tableData[this.currentindex]); | ||
| 101 | |||
| 100 | this.add(val); | 102 | this.add(val); |
| 101 | }, | 103 | }, |
| 102 | deep: true, | 104 | deep: true, | ... | ... |
-
Please register or sign in to post a comment