style:业务申请
Showing
14 changed files
with
599 additions
and
655 deletions
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | inline-message | 18 | inline-message |
| 19 | label-width="145px" | 19 | label-width="145px"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -44,7 +43,7 @@ | ... | @@ -44,7 +43,7 @@ |
| 44 | 房地产权(独幢、层、套、间房屋) | 43 | 房地产权(独幢、层、套、间房屋) |
| 45 | <div class="triangle"></div> | 44 | <div class="triangle"></div> |
| 46 | </div> | 45 | </div> |
| 47 | <el-row :gutter="10" class="ssqlxx"> | 46 | <el-row :gutter="10" class="ssqlxx"> |
| 48 | <el-col :span="24" v-if="ssqlxxshow"> | 47 | <el-col :span="24" v-if="ssqlxxshow"> |
| 49 | <el-form-item label="上手权利信息:"> | 48 | <el-form-item label="上手权利信息:"> |
| 50 | <select-table | 49 | <select-table |
| ... | @@ -52,18 +51,15 @@ | ... | @@ -52,18 +51,15 @@ |
| 52 | :table-width="550" | 51 | :table-width="550" |
| 53 | :tableData="ssQlxxList" | 52 | :tableData="ssQlxxList" |
| 54 | :props="props" | 53 | :props="props" |
| 55 | @change="ssQlxxchange" | 54 | @change="ssQlxxchange"> |
| 56 | > | ||
| 57 | <el-table-column | 55 | <el-table-column |
| 58 | prop="qllxmc" | 56 | prop="qllxmc" |
| 59 | width="130" | 57 | width="130" |
| 60 | label="权利类型" | 58 | label="权利类型"></el-table-column> |
| 61 | ></el-table-column> | ||
| 62 | <el-table-column | 59 | <el-table-column |
| 63 | prop="bdcqzh" | 60 | prop="bdcqzh" |
| 64 | width="160" | 61 | width="160" |
| 65 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
| 66 | ></el-table-column> | ||
| 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -102,8 +98,7 @@ | ... | @@ -102,8 +98,7 @@ |
| 102 | v-for="item in djlxlist" | 98 | v-for="item in djlxlist" |
| 103 | :key="item.dcode" | 99 | :key="item.dcode" |
| 104 | :label="item.dname" | 100 | :label="item.dname" |
| 105 | :value="item.dcode" | 101 | :value="item.dcode"> |
| 106 | > | ||
| 107 | </el-option> | 102 | </el-option> |
| 108 | </el-select> | 103 | </el-select> |
| 109 | </el-form-item> | 104 | </el-form-item> |
| ... | @@ -137,8 +132,7 @@ | ... | @@ -137,8 +132,7 @@ |
| 137 | placeholder="" | 132 | placeholder="" |
| 138 | :normalizer="normalizer" | 133 | :normalizer="normalizer" |
| 139 | :show-count="true" | 134 | :show-count="true" |
| 140 | :options="dictData['A9']" | 135 | :options="dictData['A9']" /> |
| 141 | /> | ||
| 142 | </el-form-item> | 136 | </el-form-item> |
| 143 | </el-col> | 137 | </el-col> |
| 144 | <el-col :span="8"> | 138 | <el-col :span="8"> |
| ... | @@ -146,15 +140,13 @@ | ... | @@ -146,15 +140,13 @@ |
| 146 | <div style="display: flex"> | 140 | <div style="display: flex"> |
| 147 | <el-input | 141 | <el-input |
| 148 | v-model="ruleForm.fdcq2.qjjg" | 142 | v-model="ruleForm.fdcq2.qjjg" |
| 149 | style="width: 500%" | 143 | style="width: 500%"></el-input> |
| 150 | ></el-input> | ||
| 151 | <el-select v-model="ruleForm.fdcq2.jedw"> | 144 | <el-select v-model="ruleForm.fdcq2.jedw"> |
| 152 | <el-option | 145 | <el-option |
| 153 | v-for="item in dictData['A57']" | 146 | v-for="item in dictData['A57']" |
| 154 | :key="item.dcode" | 147 | :key="item.dcode" |
| 155 | :label="item.dname" | 148 | :label="item.dname" |
| 156 | :value="item.dcode" | 149 | :value="item.dcode"> |
| 157 | > | ||
| 158 | </el-option> | 150 | </el-option> |
| 159 | </el-select> | 151 | </el-select> |
| 160 | </div> | 152 | </div> |
| ... | @@ -167,8 +159,7 @@ | ... | @@ -167,8 +159,7 @@ |
| 167 | v-for="item in qsztlist" | 159 | v-for="item in qsztlist" |
| 168 | :key="item.dcode" | 160 | :key="item.dcode" |
| 169 | :label="item.dname" | 161 | :label="item.dname" |
| 170 | :value="item.dcode" | 162 | :value="item.dcode"> |
| 171 | > | ||
| 172 | </el-option> | 163 | </el-option> |
| 173 | </el-select> | 164 | </el-select> |
| 174 | </el-form-item> | 165 | </el-form-item> |
| ... | @@ -180,8 +171,7 @@ | ... | @@ -180,8 +171,7 @@ |
| 180 | v-for="item in dictData['A17']" | 171 | v-for="item in dictData['A17']" |
| 181 | :key="item.dcode" | 172 | :key="item.dcode" |
| 182 | :label="item.dname" | 173 | :label="item.dname" |
| 183 | :value="item.dcode" | 174 | :value="item.dcode"> |
| 184 | > | ||
| 185 | </el-option> | 175 | </el-option> |
| 186 | </el-select> | 176 | </el-select> |
| 187 | </el-form-item> | 177 | </el-form-item> |
| ... | @@ -203,8 +193,7 @@ | ... | @@ -203,8 +193,7 @@ |
| 203 | v-for="item in dictData['A19']" | 193 | v-for="item in dictData['A19']" |
| 204 | :key="item.dcode" | 194 | :key="item.dcode" |
| 205 | :label="item.dname" | 195 | :label="item.dname" |
| 206 | :value="item.dcode" | 196 | :value="item.dcode"> |
| 207 | > | ||
| 208 | </el-option> | 197 | </el-option> |
| 209 | </el-select> | 198 | </el-select> |
| 210 | </el-form-item> | 199 | </el-form-item> |
| ... | @@ -213,15 +202,13 @@ | ... | @@ -213,15 +202,13 @@ |
| 213 | <el-form-item | 202 | <el-form-item |
| 214 | label="房屋结构:" | 203 | label="房屋结构:" |
| 215 | prop="fdcq2.fwjg" | 204 | prop="fdcq2.fwjg" |
| 216 | :rules="rules.fwjgrules" | 205 | :rules="rules.fwjgrules"> |
| 217 | > | ||
| 218 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 206 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
| 219 | <el-option | 207 | <el-option |
| 220 | v-for="item in dictData['A46']" | 208 | v-for="item in dictData['A46']" |
| 221 | :key="item.dcode" | 209 | :key="item.dcode" |
| 222 | :label="item.dname" | 210 | :label="item.dname" |
| 223 | :value="item.dcode" | 211 | :value="item.dcode"> |
| 224 | > | ||
| 225 | </el-option> | 212 | </el-option> |
| 226 | </el-select> | 213 | </el-select> |
| 227 | </el-form-item> | 214 | </el-form-item> |
| ... | @@ -261,8 +248,7 @@ | ... | @@ -261,8 +248,7 @@ |
| 261 | <el-form-item | 248 | <el-form-item |
| 262 | label="不动产权证号:" | 249 | label="不动产权证号:" |
| 263 | prop="qlxx.bdcqzh" | 250 | prop="qlxx.bdcqzh" |
| 264 | :rules="rules.bdcqzhrules" | 251 | :rules="rules.bdcqzhrules"> |
| 265 | > | ||
| 266 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 252 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 267 | </el-form-item> | 253 | </el-form-item> |
| 268 | </el-col> | 254 | </el-col> |
| ... | @@ -279,8 +265,7 @@ | ... | @@ -279,8 +265,7 @@ |
| 279 | <el-form-item | 265 | <el-form-item |
| 280 | label="登记机构:" | 266 | label="登记机构:" |
| 281 | prop="qlxx.djjg" | 267 | prop="qlxx.djjg" |
| 282 | :rules="rules.djjgrules" | 268 | :rules="rules.djjgrules"> |
| 283 | > | ||
| 284 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 269 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 285 | </el-form-item> | 270 | </el-form-item> |
| 286 | </el-col> | 271 | </el-col> |
| ... | @@ -288,8 +273,7 @@ | ... | @@ -288,8 +273,7 @@ |
| 288 | <el-form-item | 273 | <el-form-item |
| 289 | label="登簿人:" | 274 | label="登簿人:" |
| 290 | prop="qlxx.dbr" | 275 | prop="qlxx.dbr" |
| 291 | :rules="rules.dbrrules" | 276 | :rules="rules.dbrrules"> |
| 292 | > | ||
| 293 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 277 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 294 | </el-form-item> | 278 | </el-form-item> |
| 295 | </el-col> | 279 | </el-col> |
| ... | @@ -297,15 +281,13 @@ | ... | @@ -297,15 +281,13 @@ |
| 297 | <el-form-item | 281 | <el-form-item |
| 298 | label="登记时间:" | 282 | label="登记时间:" |
| 299 | prop="qlxx.djsj" | 283 | prop="qlxx.djsj" |
| 300 | :rules="rules.djsjrules" | 284 | :rules="rules.djsjrules"> |
| 301 | > | ||
| 302 | <el-date-picker | 285 | <el-date-picker |
| 303 | v-model="ruleForm.qlxx.djsj" | 286 | v-model="ruleForm.qlxx.djsj" |
| 304 | type="date" | 287 | type="date" |
| 305 | placeholder="选择日期" | 288 | placeholder="选择日期" |
| 306 | value-format="yyyy-MM-dd HH:mm:ss" | 289 | value-format="yyyy-MM-dd HH:mm:ss" |
| 307 | format="yyyy-MM-dd" | 290 | format="yyyy-MM-dd"> |
| 308 | > | ||
| 309 | </el-date-picker> | 291 | </el-date-picker> |
| 310 | </el-form-item> | 292 | </el-form-item> |
| 311 | </el-col> | 293 | </el-col> |
| ... | @@ -331,8 +313,7 @@ | ... | @@ -331,8 +313,7 @@ |
| 331 | <tdytTable | 313 | <tdytTable |
| 332 | :tableData="ruleForm.tdytqxList" | 314 | :tableData="ruleForm.tdytqxList" |
| 333 | @upDateTdytxxList="upDateTdytxxList" | 315 | @upDateTdytxxList="upDateTdytxxList" |
| 334 | :ableOperation="ableOperation" | 316 | :ableOperation="ableOperation" /> |
| 335 | /> | ||
| 336 | <div class="slxx_title title-block"> | 317 | <div class="slxx_title title-block"> |
| 337 | 权利人信息 | 318 | 权利人信息 |
| 338 | <div class="triangle"></div> | 319 | <div class="triangle"></div> |
| ... | @@ -340,10 +321,9 @@ | ... | @@ -340,10 +321,9 @@ |
| 340 | <el-row :gutter="10"> | 321 | <el-row :gutter="10"> |
| 341 | <el-col :span="12"> | 322 | <el-col :span="12"> |
| 342 | <el-form-item label="共有方式:"> | 323 | <el-form-item label="共有方式:"> |
| 343 | <el-radio-group | 324 | <el-radio-group |
| 344 | :disabled="!ableOperation" | 325 | :disabled="!ableOperation" |
| 345 | v-model="ruleForm.qlxx.gyfs" | 326 | v-model="ruleForm.qlxx.gyfs"> |
| 346 | > | ||
| 347 | <el-radio label="0">单独所有</el-radio> | 327 | <el-radio label="0">单独所有</el-radio> |
| 348 | <el-radio label="1">共同共有</el-radio> | 328 | <el-radio label="1">共同共有</el-radio> |
| 349 | <el-radio label="2">按份所有</el-radio> | 329 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -357,8 +337,7 @@ | ... | @@ -357,8 +337,7 @@ |
| 357 | @upDateQlrxxList="upDateQlrxxList" | 337 | @upDateQlrxxList="upDateQlrxxList" |
| 358 | :ableOperation="ableOperation" | 338 | :ableOperation="ableOperation" |
| 359 | :key="key" | 339 | :key="key" |
| 360 | :gyfs="ruleForm.qlxx.gyfs" | 340 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 361 | /> | ||
| 362 | </div> | 341 | </div> |
| 363 | <el-row class="btn" v-if="ableOperation"> | 342 | <el-row class="btn" v-if="ableOperation"> |
| 364 | <el-form-item> | 343 | <el-form-item> |
| ... | @@ -369,261 +348,261 @@ | ... | @@ -369,261 +348,261 @@ |
| 369 | </div> | 348 | </div> |
| 370 | </template> | 349 | </template> |
| 371 | <script> | 350 | <script> |
| 372 | import { mapGetters } from "vuex"; | 351 | import { mapGetters } from "vuex"; |
| 373 | import { init,getSsQlxx, save } from "@/api/djbRepair.js"; | 352 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
| 374 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 353 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 375 | import selectTable from "@/components/selectTable/index.vue"; | 354 | import selectTable from "@/components/selectTable/index.vue"; |
| 376 | import tdytTable from "@/views/workflow/components/tdytTable"; | 355 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 377 | // import the component | 356 | // import the component |
| 378 | // import Treeselect from '@riophae/vue-treeselect' | 357 | // import Treeselect from '@riophae/vue-treeselect' |
| 379 | // // import the styles | 358 | // // import the styles |
| 380 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' | 359 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
| 381 | export default { | 360 | export default { |
| 382 | components: { qlrCommonTable, tdytTable,selectTable}, | 361 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 383 | computed: { | 362 | computed: { |
| 384 | ...mapGetters(["dictData", "flag"]), | 363 | ...mapGetters(["dictData", "flag"]), |
| 385 | // 根据流程判断表单是否为只读 | 364 | // 根据流程判断表单是否为只读 |
| 386 | editDisabled() { | 365 | editDisabled () { |
| 387 | if (!this.ableOperation) { | 366 | if (!this.ableOperation) { |
| 388 | //只读状态 | 367 | //只读状态 |
| 389 | return true; | 368 | return true; |
| 390 | } | ||
| 391 | return false; | ||
| 392 | }, | ||
| 393 | }, | ||
| 394 | data() { | ||
| 395 | return { | ||
| 396 | ssqlxxshow:true, | ||
| 397 | props: { | ||
| 398 | label: "bdcqzh", | ||
| 399 | value: "bdcdyid", | ||
| 400 | }, | ||
| 401 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 402 | normalizer(node) { | ||
| 403 | //方法 | ||
| 404 | if (node.children == null || node.children == "null") { | ||
| 405 | delete node.children; | ||
| 406 | } | 369 | } |
| 407 | return { | 370 | return false; |
| 408 | id: node.dcode, | ||
| 409 | label: node.dname, | ||
| 410 | }; | ||
| 411 | }, | 371 | }, |
| 412 | 372 | }, | |
| 413 | //表单是否可操作 | 373 | data () { |
| 414 | propsParam: this.$attrs, | 374 | return { |
| 415 | // 登记类型 | 375 | ssqlxxshow: true, |
| 416 | djlxlist: [ | 376 | props: { |
| 417 | { | 377 | label: "bdcqzh", |
| 418 | dcode: "100", | 378 | value: "bdcdyid", |
| 419 | dname: "首次登记", | ||
| 420 | }, | ||
| 421 | { | ||
| 422 | dcode: "200", | ||
| 423 | dname: "转移登记", | ||
| 424 | }, | ||
| 425 | { | ||
| 426 | dcode: "300", | ||
| 427 | dname: "变更登记", | ||
| 428 | }, | 379 | }, |
| 429 | { | 380 | // 键名转换,方法默认是label和children进行树状渲染 |
| 430 | dcode: "500", | 381 | normalizer (node) { |
| 431 | dname: "更正登记", | 382 | //方法 |
| 383 | if (node.children == null || node.children == "null") { | ||
| 384 | delete node.children; | ||
| 385 | } | ||
| 386 | return { | ||
| 387 | id: node.dcode, | ||
| 388 | label: node.dname, | ||
| 389 | }; | ||
| 432 | }, | 390 | }, |
| 433 | 391 | ||
| 434 | { | 392 | //表单是否可操作 |
| 435 | dcode: "901", | 393 | propsParam: this.$attrs, |
| 436 | dname: "补证", | 394 | // 登记类型 |
| 437 | }, | 395 | djlxlist: [ |
| 438 | { | 396 | { |
| 439 | dcode: "902", | 397 | dcode: "100", |
| 440 | dname: "换证", | 398 | dname: "首次登记", |
| 441 | }, | 399 | }, |
| 442 | ], | 400 | { |
| 443 | // 权属状态 | 401 | dcode: "200", |
| 444 | qsztlist: [ | 402 | dname: "转移登记", |
| 445 | { | 403 | }, |
| 446 | dcode: "1", | 404 | { |
| 447 | dname: "现势", | 405 | dcode: "300", |
| 448 | }, | 406 | dname: "变更登记", |
| 449 | { | 407 | }, |
| 450 | dcode: "2", | 408 | { |
| 451 | dname: "历史", | 409 | dcode: "500", |
| 452 | }, | 410 | dname: "更正登记", |
| 453 | ], | 411 | }, |
| 454 | key: 0, | 412 | |
| 455 | tdxz: null, | 413 | { |
| 456 | isShow: false, | 414 | dcode: "901", |
| 457 | disabled: true, | 415 | dname: "补证", |
| 458 | czrOptions: [], | 416 | }, |
| 459 | ssQlxxList: [], | 417 | { |
| 460 | ruleForm: {}, | 418 | dcode: "902", |
| 461 | ableOperation: false, | 419 | dname: "换证", |
| 462 | //传递参数\ | 420 | }, |
| 463 | rules: { | ||
| 464 | bdcqzhrules: [ | ||
| 465 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
| 466 | ], | 421 | ], |
| 467 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 422 | // 权属状态 |
| 468 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 423 | qsztlist: [ |
| 469 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 424 | { |
| 470 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 425 | dcode: "1", |
| 471 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | 426 | dname: "现势", |
| 472 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 427 | }, |
| 473 | }, | 428 | { |
| 474 | }; | 429 | dcode: "2", |
| 475 | }, | 430 | dname: "历史", |
| 476 | created() {}, | 431 | }, |
| 477 | mounted() { | 432 | ], |
| 478 | this.loadData(); | 433 | key: 0, |
| 479 | this.ableOperation = this.$parent.ableOperation; | 434 | tdxz: null, |
| 480 | }, | 435 | isShow: false, |
| 481 | methods: { | 436 | disabled: true, |
| 482 | ssQlxxchange(val) { | 437 | czrOptions: [], |
| 483 | this.ruleForm.ssQlxx = val; | 438 | ssQlxxList: [], |
| 484 | this.ruleForm.qlxx.ssywh = val.ssywh; | 439 | ruleForm: {}, |
| 440 | ableOperation: false, | ||
| 441 | //传递参数\ | ||
| 442 | rules: { | ||
| 443 | bdcqzhrules: [ | ||
| 444 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
| 445 | ], | ||
| 446 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 447 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 448 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 449 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 450 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | ||
| 451 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 452 | }, | ||
| 453 | }; | ||
| 485 | }, | 454 | }, |
| 486 | djlxchange(val) { | 455 | created () { }, |
| 487 | console.log("val",val); | 456 | mounted () { |
| 488 | if (val == null || val == 100) { | 457 | this.loadData(); |
| 489 | this.ssqlxxshow = false; | 458 | this.ableOperation = this.$parent.ableOperation; |
| 490 | } else { | ||
| 491 | this.ssqlxxshow = true; | ||
| 492 | } | ||
| 493 | }, | 459 | }, |
| 460 | methods: { | ||
| 461 | ssQlxxchange (val) { | ||
| 462 | this.ruleForm.ssQlxx = val; | ||
| 463 | this.ruleForm.qlxx.ssywh = val.ssywh; | ||
| 464 | }, | ||
| 465 | djlxchange (val) { | ||
| 466 | console.log("val", val); | ||
| 467 | if (val == null || val == 100) { | ||
| 468 | this.ssqlxxshow = false; | ||
| 469 | } else { | ||
| 470 | this.ssqlxxshow = true; | ||
| 471 | } | ||
| 472 | }, | ||
| 494 | 473 | ||
| 495 | loadData() { | 474 | loadData () { |
| 496 | this.$startLoading(); | 475 | this.$startLoading(); |
| 497 | this.propsParam.isEdit = this.$parent.isEdit; | 476 | this.propsParam.isEdit = this.$parent.isEdit; |
| 498 | init(this.propsParam).then((res) => { | 477 | init(this.propsParam).then((res) => { |
| 499 | if (res.code == 200) { | 478 | if (res.code == 200) { |
| 500 | this.ruleForm = res.result; | 479 | this.ruleForm = res.result; |
| 501 | let djlx = this.ruleForm.qlxx.djlx; | 480 | let djlx = this.ruleForm.qlxx.djlx; |
| 502 | if (djlx == null || djlx == 100) { | 481 | if (djlx == null || djlx == 100) { |
| 503 | this.ssqlxxshow = false; | 482 | this.ssqlxxshow = false; |
| 504 | } | 483 | } |
| 505 | this.$endLoading(); | 484 | this.$endLoading(); |
| 506 | if (this.ruleForm.tdytqxList.length > 0) { | 485 | if (this.ruleForm.tdytqxList.length > 0) { |
| 507 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 486 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 508 | 487 | ||
| 509 | } else { | 488 | } else { |
| 510 | this.tdxz = null; | 489 | this.tdxz = null; |
| 490 | } | ||
| 491 | this.isShow = true; | ||
| 511 | } | 492 | } |
| 512 | this.isShow = true; | 493 | }); |
| 513 | } | ||
| 514 | }); | ||
| 515 | //获取主体信息 | 494 | //获取主体信息 |
| 516 | getSsQlxx({ | 495 | getSsQlxx({ |
| 517 | bdcdyid: this.propsParam.bdcdyid, | 496 | bdcdyid: this.propsParam.bdcdyid, |
| 518 | qllx: this.propsParam.qllx, | 497 | qllx: this.propsParam.qllx, |
| 519 | }).then((res) => { | 498 | }).then((res) => { |
| 520 | if (res.code == 200) { | 499 | if (res.code == 200) { |
| 521 | this.ssQlxxList = res.result; | 500 | this.ssQlxxList = res.result; |
| 522 | } | ||
| 523 | }); | ||
| 524 | }, | ||
| 525 | // 更新土地用途信息 | ||
| 526 | upDateTdytxxList(val) { | ||
| 527 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 528 | this.key++; | ||
| 529 | }, | ||
| 530 | // 更新权利人信息 | ||
| 531 | upDateQlrxxList(val) { | ||
| 532 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 533 | this.czrOptions = this.ruleForm.qlrData; | ||
| 534 | this.key++; | ||
| 535 | }, | ||
| 536 | // 更新义务人信息 | ||
| 537 | upDateYwrxxList(val) { | ||
| 538 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 539 | this.key++; | ||
| 540 | }, | ||
| 541 | onSubmit() { | ||
| 542 | this.$refs.ruleForm.validate((valid) => { | ||
| 543 | if (valid) { | ||
| 544 | if (this.ruleForm.qlrData.length == 0) { | ||
| 545 | this.$message({ | ||
| 546 | showClose: true, | ||
| 547 | message: "请确认权利人信息", | ||
| 548 | type: "error", | ||
| 549 | }); | ||
| 550 | return false; | ||
| 551 | } | ||
| 552 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | ||
| 553 | this.$message({ | ||
| 554 | showClose: true, | ||
| 555 | message: "请补充土地用途信息", | ||
| 556 | type: "error", | ||
| 557 | }); | ||
| 558 | return false; | ||
| 559 | } | ||
| 560 | if (!this.tdxz) { | ||
| 561 | this.$message({ | ||
| 562 | showClose: true, | ||
| 563 | message: "请补充土地性质", | ||
| 564 | type: "error", | ||
| 565 | }); | ||
| 566 | return false; | ||
| 567 | } | 501 | } |
| 568 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { | 502 | }); |
| 569 | return { | 503 | }, |
| 570 | ...item, | 504 | // 更新土地用途信息 |
| 571 | qlxzbm: this.tdxz, | 505 | upDateTdytxxList (val) { |
| 572 | }; | 506 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 573 | }); | 507 | this.key++; |
| 574 | if (this.ruleForm.qlxx.gyfs == "0") { | 508 | }, |
| 575 | if (this.ruleForm.qlrData.length > 1) { | 509 | // 更新权利人信息 |
| 510 | upDateQlrxxList (val) { | ||
| 511 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 512 | this.czrOptions = this.ruleForm.qlrData; | ||
| 513 | this.key++; | ||
| 514 | }, | ||
| 515 | // 更新义务人信息 | ||
| 516 | upDateYwrxxList (val) { | ||
| 517 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 518 | this.key++; | ||
| 519 | }, | ||
| 520 | onSubmit () { | ||
| 521 | this.$refs.ruleForm.validate((valid) => { | ||
| 522 | if (valid) { | ||
| 523 | if (this.ruleForm.qlrData.length == 0) { | ||
| 576 | this.$message({ | 524 | this.$message({ |
| 577 | showClose: true, | 525 | showClose: true, |
| 578 | message: "共有方式:单独所有,权利人只能是一个人", | 526 | message: "请确认权利人信息", |
| 579 | type: "error", | 527 | type: "error", |
| 580 | }); | 528 | }); |
| 581 | return false; | 529 | return false; |
| 582 | } | 530 | } |
| 583 | this.ruleForm.qlrData[0].sfczr = "1"; | 531 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { |
| 584 | } | ||
| 585 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 586 | // //是否分别持证 | ||
| 587 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 588 | // //是 | ||
| 589 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 590 | // item.sfczr = "1"; | ||
| 591 | // }); | ||
| 592 | // } else { | ||
| 593 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 594 | // if (item.zjh == this.ruleForm.czr) { | ||
| 595 | // item.sfczr = "1"; | ||
| 596 | // } else { | ||
| 597 | // item.sfczr = "0"; | ||
| 598 | // } | ||
| 599 | // }); | ||
| 600 | // } | ||
| 601 | // } | ||
| 602 | save(this.ruleForm).then((res) => { | ||
| 603 | if (res.code === 200) { | ||
| 604 | this.$message({ | 532 | this.$message({ |
| 605 | showClose: true, | 533 | showClose: true, |
| 606 | message: "保存成功!", | 534 | message: "请补充土地用途信息", |
| 607 | type: "success", | 535 | type: "error", |
| 608 | }); | 536 | }); |
| 609 | this.$store.dispatch("user/refreshPage", true); | 537 | return false; |
| 610 | } else { | 538 | } |
| 539 | if (!this.tdxz) { | ||
| 611 | this.$message({ | 540 | this.$message({ |
| 612 | showClose: true, | 541 | showClose: true, |
| 613 | message: res.message, | 542 | message: "请补充土地性质", |
| 614 | type: "error", | 543 | type: "error", |
| 615 | }); | 544 | }); |
| 545 | return false; | ||
| 616 | } | 546 | } |
| 617 | }); | 547 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { |
| 618 | } else { | 548 | return { |
| 619 | return false; | 549 | ...item, |
| 620 | } | 550 | qlxzbm: this.tdxz, |
| 621 | }); | 551 | }; |
| 552 | }); | ||
| 553 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 554 | if (this.ruleForm.qlrData.length > 1) { | ||
| 555 | this.$message({ | ||
| 556 | showClose: true, | ||
| 557 | message: "共有方式:单独所有,权利人只能是一个人", | ||
| 558 | type: "error", | ||
| 559 | }); | ||
| 560 | return false; | ||
| 561 | } | ||
| 562 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 563 | } | ||
| 564 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 565 | // //是否分别持证 | ||
| 566 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 567 | // //是 | ||
| 568 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 569 | // item.sfczr = "1"; | ||
| 570 | // }); | ||
| 571 | // } else { | ||
| 572 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 573 | // if (item.zjh == this.ruleForm.czr) { | ||
| 574 | // item.sfczr = "1"; | ||
| 575 | // } else { | ||
| 576 | // item.sfczr = "0"; | ||
| 577 | // } | ||
| 578 | // }); | ||
| 579 | // } | ||
| 580 | // } | ||
| 581 | save(this.ruleForm).then((res) => { | ||
| 582 | if (res.code === 200) { | ||
| 583 | this.$message({ | ||
| 584 | showClose: true, | ||
| 585 | message: "保存成功!", | ||
| 586 | type: "success", | ||
| 587 | }); | ||
| 588 | this.$store.dispatch("user/refreshPage", true); | ||
| 589 | } else { | ||
| 590 | this.$message({ | ||
| 591 | showClose: true, | ||
| 592 | message: res.message, | ||
| 593 | type: "error", | ||
| 594 | }); | ||
| 595 | } | ||
| 596 | }); | ||
| 597 | } else { | ||
| 598 | return false; | ||
| 599 | } | ||
| 600 | }); | ||
| 601 | }, | ||
| 622 | }, | 602 | }, |
| 623 | }, | 603 | }; |
| 624 | }; | ||
| 625 | </script> | 604 | </script> |
| 626 | <style scoped lang="scss"> | 605 | <style scoped lang="scss"> |
| 627 | @import "~@/styles/public.scss"; | 606 | @import "~@/styles/public.scss"; |
| 628 | @import "~@/styles/slxx/slxx.scss"; | 607 | @import "~@/styles/slxx/slxx.scss"; |
| 629 | </style> | 608 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-19 14:43:59 | 4 | * @LastEditTime: 2023-07-20 09:30:06 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -201,7 +201,7 @@ | ... | @@ -201,7 +201,7 @@ |
| 201 | </el-col> | 201 | </el-col> |
| 202 | </el-row> | 202 | </el-row> |
| 203 | </div> | 203 | </div> |
| 204 | <el-row class="btn" v-if="!ableOperation"> | 204 | <el-row class="btn" v-if="ableOperation"> |
| 205 | <el-form-item> | 205 | <el-form-item> |
| 206 | <el-button type="primary" @click="onSubmit">保存</el-button> | 206 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 207 | </el-form-item> | 207 | </el-form-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 11:18:17 | 4 | * @LastEditTime: 2023-07-20 09:30:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -194,7 +194,7 @@ | ... | @@ -194,7 +194,7 @@ |
| 194 | </el-col> | 194 | </el-col> |
| 195 | </el-row> | 195 | </el-row> |
| 196 | </div> | 196 | </div> |
| 197 | <el-row class="btn" v-if="!ableOperation"> | 197 | <el-row class="btn" v-if="ableOperation"> |
| 198 | <el-form-item> | 198 | <el-form-item> |
| 199 | <el-button type="primary" @click="onSubmit">保存</el-button> | 199 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 200 | </el-form-item> | 200 | </el-form-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-25 08:41:40 | 4 | * @LastEditTime: 2023-07-20 09:30:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | 8 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
| 9 | label-width="120px"> | 9 | label-width="120px"> |
| 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 11 | <div class="slxx_title title-block"> | 11 | <div class="slxx_title title-block"> |
| 12 | 受理信息 | 12 | 受理信息 |
| ... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
| 102 | <el-col :span="14"> | 102 | <el-col :span="14"> |
| 103 | <el-form-item label="共有方式:"> | 103 | <el-form-item label="共有方式:"> |
| 104 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" | 104 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" |
| 105 | v-model="ruleForm.sldyList[0].gyfs"> | 105 | v-model="ruleForm.sldyList[0].gyfs"> |
| 106 | <el-radio label="0">单独所有</el-radio> | 106 | <el-radio label="0">单独所有</el-radio> |
| 107 | <el-radio label="1">共同共有</el-radio> | 107 | <el-radio label="1">共同共有</el-radio> |
| 108 | <el-radio label="2">按份所有</el-radio> | 108 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -111,7 +111,6 @@ | ... | @@ -111,7 +111,6 @@ |
| 111 | </el-form-item> | 111 | </el-form-item> |
| 112 | </el-col> | 112 | </el-col> |
| 113 | 113 | ||
| 114 | |||
| 115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> | 114 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> |
| 116 | <el-form-item label="是否分别持证:"> | 115 | <el-form-item label="是否分别持证:"> |
| 117 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> | 116 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> |
| ... | @@ -130,7 +129,7 @@ | ... | @@ -130,7 +129,7 @@ |
| 130 | </el-col> | 129 | </el-col> |
| 131 | </el-row> | 130 | </el-row> |
| 132 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 131 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 133 | :gyfs="ruleForm.slsq.gyfs" /> | 132 | :gyfs="ruleForm.slsq.gyfs" /> |
| 134 | <div class="slxx_title title-block"> | 133 | <div class="slxx_title title-block"> |
| 135 | 登记原因 | 134 | 登记原因 |
| 136 | <div class="triangle"></div> | 135 | <div class="triangle"></div> |
| ... | @@ -139,13 +138,13 @@ | ... | @@ -139,13 +138,13 @@ |
| 139 | <el-col> | 138 | <el-col> |
| 140 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> | 139 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> |
| 141 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" | 140 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 142 | v-model="ruleForm.fdcq2List[0].djyy"> | 141 | v-model="ruleForm.fdcq2List[0].djyy"> |
| 143 | </el-input> | 142 | </el-input> |
| 144 | </el-form-item> | 143 | </el-form-item> |
| 145 | </el-col> | 144 | </el-col> |
| 146 | </el-row> | 145 | </el-row> |
| 147 | </div> | 146 | </div> |
| 148 | <el-row class="btn" v-if="!ableOperation"> | 147 | <el-row class="btn" v-if="ableOperation"> |
| 149 | <el-form-item> | 148 | <el-form-item> |
| 150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 149 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 151 | </el-form-item> | 150 | </el-form-item> |
| ... | @@ -154,192 +153,192 @@ | ... | @@ -154,192 +153,192 @@ |
| 154 | </div> | 153 | </div> |
| 155 | </template> | 154 | </template> |
| 156 | <script> | 155 | <script> |
| 157 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 156 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 158 | import {BatchInit, Init, saveBatchData, saveData} from "@/api/workflow/fwsyqFlow.js"; | 157 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 159 | import { mapGetters } from "vuex"; | 158 | import { mapGetters } from "vuex"; |
| 160 | export default { | 159 | export default { |
| 161 | created(callbackfn, thisArg) { | 160 | created (callbackfn, thisArg) { |
| 162 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 161 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 163 | this.propsParam = this.$attrs; | 162 | this.propsParam = this.$attrs; |
| 164 | var formdata = new FormData(); | 163 | var formdata = new FormData(); |
| 165 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 164 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 166 | formdata.append("djlx", this.propsParam.djlx); | 165 | formdata.append("djlx", this.propsParam.djlx); |
| 167 | formdata.append("bsmSlsq", this.bsmSlsq); | 166 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 168 | formdata.append("isEdit", this.ableOperation); | 167 | formdata.append("isEdit", this.ableOperation); |
| 169 | BatchInit(formdata).then((res) => { | 168 | BatchInit(formdata).then((res) => { |
| 170 | if (res.code === 200 && res.result) { | 169 | if (res.code === 200 && res.result) { |
| 171 | this.ruleForm = res.result; | 170 | this.ruleForm = res.result; |
| 172 | this.splicingFdcq2Info(); | 171 | this.splicingFdcq2Info(); |
| 173 | } | 172 | } |
| 174 | }); | 173 | }); |
| 175 | |||
| 176 | }, | ||
| 177 | components: { qlrCommonTable }, | ||
| 178 | computed: { | ||
| 179 | ...mapGetters(["dictData", "flag"]), | ||
| 180 | }, | ||
| 181 | data () { | ||
| 182 | return { | ||
| 183 | disabled: true, | ||
| 184 | tdytOption: [], | ||
| 185 | czrOptions: [], | ||
| 186 | ruleForm: { | ||
| 187 | cfdjList:[]//查封登记 | ||
| 188 | ,diyaqList:[]//抵押权 | ||
| 189 | ,fdcq2List:[]//房屋信息集合 | ||
| 190 | ,qlrList:[]//权利人 | ||
| 191 | ,ywrList:[]//义务人 | ||
| 192 | ,qlxxList:[]//权利信息集合 | ||
| 193 | ,sldyList:[]//受理不动产单元集合 | ||
| 194 | ,slsq: {}//受理申请流程明细 | ||
| 195 | ,flow: {}//受理申请流程明细 | ||
| 196 | ,sqrList:[]//申请人 | ||
| 197 | ,ssQlxxList:[]//上手权利信息 | ||
| 198 | ,user:{}//用户 | ||
| 199 | ,zdjbxx: {}//宗地基本信息 | ||
| 200 | }, | ||
| 201 | //传递参数 | ||
| 202 | propsParam: this.$attrs, | ||
| 203 | //表单是否可操作 | ||
| 204 | ableOperation: true, | ||
| 205 | rules: {}, | ||
| 206 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | ||
| 207 | splicingFdcq2:{//前端根据后台数组组装展示内容 | ||
| 208 | fwxz:{}//房屋性质 | ||
| 209 | ,fwjg:{}//房屋结构 | ||
| 210 | ,jzmj:{} //建筑面积 | ||
| 211 | ,zts:{}//房屋总套数 | ||
| 212 | } | ||
| 213 | } | ||
| 214 | }, | ||
| 215 | methods: { | ||
| 216 | //组装房地产权通用信息 | ||
| 217 | splicingFdcq2Info(){ | ||
| 218 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 219 | let fwxzArr = []; | ||
| 220 | let fwjgArr = []; | ||
| 221 | let jzmj = 0; | ||
| 222 | fdcq2List.forEach(fdcq2 => { | ||
| 223 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 224 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 225 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 226 | }) | ||
| 227 | //将数据转为字符串 | ||
| 228 | //房屋性质 | ||
| 229 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 230 | //房屋结构 | ||
| 231 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 232 | this.splicingFdcq2.fwxz = fwxz; | ||
| 233 | this.splicingFdcq2.fwjg = fwjg; | ||
| 234 | this.splicingFdcq2.jzmj = jzmj==null ? 0 : jzmj; | ||
| 235 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 236 | |||
| 237 | }, | ||
| 238 | 174 | ||
| 239 | // 更新权利人信息 | ||
| 240 | upDateQlrxxList (val) { | ||
| 241 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 242 | }, | ||
| 243 | showCZInfo () { | ||
| 244 | console.log(this.ruleForm.slsq.gyfs); | ||
| 245 | }, | 175 | }, |
| 246 | // 更新义务人信息 | 176 | components: { qlrCommonTable }, |
| 247 | upDateYwrxxList (val) { | 177 | computed: { |
| 248 | this.ruleForm.ywrList = _.cloneDeep(val); | 178 | ...mapGetters(["dictData", "flag"]), |
| 249 | }, | 179 | }, |
| 250 | onSubmit () { | 180 | data () { |
| 251 | saveBatchData(this.ruleForm).then((res) => { | 181 | return { |
| 252 | if (res.code === 200) { | 182 | disabled: true, |
| 253 | this.$message({ | 183 | tdytOption: [], |
| 254 | showClose: true, | 184 | czrOptions: [], |
| 255 | message: "保存成功!", | 185 | ruleForm: { |
| 256 | type: "success", | 186 | cfdjList: []//查封登记 |
| 257 | }); | 187 | , diyaqList: []//抵押权 |
| 258 | this.$store.dispatch('user/refreshPage', true); | 188 | , fdcq2List: []//房屋信息集合 |
| 259 | } else { | 189 | , qlrList: []//权利人 |
| 260 | this.$message({ | 190 | , ywrList: []//义务人 |
| 261 | showClose: true, | 191 | , qlxxList: []//权利信息集合 |
| 262 | message: res.message, | 192 | , sldyList: []//受理不动产单元集合 |
| 263 | type: "error" | 193 | , slsq: {}//受理申请流程明细 |
| 264 | }) | 194 | , flow: {}//受理申请流程明细 |
| 195 | , sqrList: []//申请人 | ||
| 196 | , ssQlxxList: []//上手权利信息 | ||
| 197 | , user: {}//用户 | ||
| 198 | , zdjbxx: {}//宗地基本信息 | ||
| 199 | }, | ||
| 200 | //传递参数 | ||
| 201 | propsParam: this.$attrs, | ||
| 202 | //表单是否可操作 | ||
| 203 | ableOperation: true, | ||
| 204 | rules: {}, | ||
| 205 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | ||
| 206 | splicingFdcq2: {//前端根据后台数组组装展示内容 | ||
| 207 | fwxz: {}//房屋性质 | ||
| 208 | , fwjg: {}//房屋结构 | ||
| 209 | , jzmj: {} //建筑面积 | ||
| 210 | , zts: {}//房屋总套数 | ||
| 265 | } | 211 | } |
| 266 | }) | 212 | } |
| 213 | }, | ||
| 214 | methods: { | ||
| 215 | //组装房地产权通用信息 | ||
| 216 | splicingFdcq2Info () { | ||
| 217 | let fdcq2List = this.ruleForm.fdcq2List; | ||
| 218 | let fwxzArr = []; | ||
| 219 | let fwjgArr = []; | ||
| 220 | let jzmj = 0; | ||
| 221 | fdcq2List.forEach(fdcq2 => { | ||
| 222 | fwxzArr.push(fdcq2.fwxzmc); | ||
| 223 | fwjgArr.push(fdcq2.fwjgmc); | ||
| 224 | jzmj += parseFloat(fdcq2.jzmj); | ||
| 225 | }) | ||
| 226 | //将数据转为字符串 | ||
| 227 | //房屋性质 | ||
| 228 | let fwxz = Array.from(new Set(fwxzArr)).join(","); | ||
| 229 | //房屋结构 | ||
| 230 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | ||
| 231 | this.splicingFdcq2.fwxz = fwxz; | ||
| 232 | this.splicingFdcq2.fwjg = fwjg; | ||
| 233 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; | ||
| 234 | this.splicingFdcq2.zts = fdcq2List.length; | ||
| 235 | |||
| 236 | }, | ||
| 237 | |||
| 238 | // 更新权利人信息 | ||
| 239 | upDateQlrxxList (val) { | ||
| 240 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 241 | }, | ||
| 242 | showCZInfo () { | ||
| 243 | console.log(this.ruleForm.slsq.gyfs); | ||
| 244 | }, | ||
| 245 | // 更新义务人信息 | ||
| 246 | upDateYwrxxList (val) { | ||
| 247 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 248 | }, | ||
| 249 | onSubmit () { | ||
| 250 | saveBatchData(this.ruleForm).then((res) => { | ||
| 251 | if (res.code === 200) { | ||
| 252 | this.$message({ | ||
| 253 | showClose: true, | ||
| 254 | message: "保存成功!", | ||
| 255 | type: "success", | ||
| 256 | }); | ||
| 257 | this.$store.dispatch('user/refreshPage', true); | ||
| 258 | } else { | ||
| 259 | this.$message({ | ||
| 260 | showClose: true, | ||
| 261 | message: res.message, | ||
| 262 | type: "error" | ||
| 263 | }) | ||
| 264 | } | ||
| 265 | }) | ||
| 266 | } | ||
| 267 | } | 267 | } |
| 268 | } | 268 | } |
| 269 | } | ||
| 270 | </script> | 269 | </script> |
| 271 | <style scoped lang='scss'> | 270 | <style scoped lang='scss'> |
| 272 | @import "~@/styles/public.scss"; | 271 | @import "~@/styles/public.scss"; |
| 273 | 272 | ||
| 274 | /deep/.el-form { | 273 | /deep/.el-form { |
| 275 | display: flex; | 274 | display: flex; |
| 276 | flex-direction: column; | 275 | flex-direction: column; |
| 277 | height: calc(100vh - 130px); | 276 | height: calc(100vh - 130px); |
| 278 | } | 277 | } |
| 279 | 278 | ||
| 280 | /deep/.el-form-item__label { | 279 | /deep/.el-form-item__label { |
| 281 | padding: 0; | 280 | padding: 0; |
| 282 | } | 281 | } |
| 283 | 282 | ||
| 284 | /deep/.el-radio { | 283 | /deep/.el-radio { |
| 285 | margin-right: 10px; | 284 | margin-right: 10px; |
| 286 | } | 285 | } |
| 287 | 286 | ||
| 288 | /deep/.el-select { | 287 | /deep/.el-select { |
| 289 | width: 100%; | 288 | width: 100%; |
| 290 | } | 289 | } |
| 291 | 290 | ||
| 292 | /deep/.el-form-item { | 291 | /deep/.el-form-item { |
| 293 | margin-bottom: 8px; | 292 | margin-bottom: 8px; |
| 294 | } | 293 | } |
| 295 | 294 | ||
| 296 | .marginBot0 { | 295 | .marginBot0 { |
| 297 | margin-bottom: 0 !important; | 296 | margin-bottom: 0 !important; |
| 298 | } | 297 | } |
| 299 | 298 | ||
| 300 | .slxx { | 299 | .slxx { |
| 301 | box-sizing: border-box; | 300 | box-sizing: border-box; |
| 302 | } | 301 | } |
| 303 | 302 | ||
| 304 | .slxx_con { | 303 | .slxx_con { |
| 305 | flex: 1; | 304 | flex: 1; |
| 306 | height: 100%; | 305 | height: 100%; |
| 307 | background-color: #ffffff; | 306 | background-color: #ffffff; |
| 308 | overflow-y: auto; | 307 | overflow-y: auto; |
| 309 | padding-right: 3px; | 308 | padding-right: 3px; |
| 310 | overflow-x: hidden; | 309 | overflow-x: hidden; |
| 311 | } | 310 | } |
| 312 | 311 | ||
| 313 | .submit_btn { | 312 | .submit_btn { |
| 314 | height: 50px; | 313 | height: 50px; |
| 315 | } | 314 | } |
| 316 | 315 | ||
| 317 | .slxx_title { | 316 | .slxx_title { |
| 318 | border-bottom: 1px solid $borderColor; | 317 | border-bottom: 1px solid $borderColor; |
| 319 | padding-left: 10px; | 318 | padding-left: 10px; |
| 320 | padding-bottom: 5px; | 319 | padding-bottom: 5px; |
| 321 | margin-bottom: 10px; | 320 | margin-bottom: 10px; |
| 322 | margin-top: 5px; | 321 | margin-top: 5px; |
| 323 | font-size: 16px; | 322 | font-size: 16px; |
| 324 | font-weight: 500; | 323 | font-weight: 500; |
| 325 | color: #4a4a4a; | 324 | color: #4a4a4a; |
| 326 | } | 325 | } |
| 327 | 326 | ||
| 328 | .btn { | 327 | .btn { |
| 329 | text-align: center; | 328 | text-align: center; |
| 330 | padding-top: 10px; | 329 | padding-top: 10px; |
| 331 | height: 36px; | 330 | height: 36px; |
| 332 | background-color: #ffffff; | 331 | background-color: #ffffff; |
| 333 | padding: 5px 0; | 332 | padding: 5px 0; |
| 334 | } | 333 | } |
| 335 | 334 | ||
| 336 | .textArea { | 335 | .textArea { |
| 337 | /deep/.el-textarea__inner { | 336 | /deep/.el-textarea__inner { |
| 338 | min-height: 90px !important; | 337 | min-height: 90px !important; |
| 338 | } | ||
| 339 | } | 339 | } |
| 340 | } | ||
| 341 | 340 | ||
| 342 | /deep/.el-form-item__label { | 341 | /deep/.el-form-item__label { |
| 343 | padding-bottom: 0px; | 342 | padding-bottom: 0px; |
| 344 | } | 343 | } |
| 345 | </style> | 344 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-11 10:08:11 | 4 | * @LastEditTime: 2023-07-20 09:32:18 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -177,7 +177,7 @@ | ... | @@ -177,7 +177,7 @@ |
| 177 | </el-col> | 177 | </el-col> |
| 178 | </el-row> | 178 | </el-row> |
| 179 | </div> | 179 | </div> |
| 180 | <el-row class="btn" v-if="!ableOperation"> | 180 | <el-row class="btn" v-if="ableOperation"> |
| 181 | <el-form-item> | 181 | <el-form-item> |
| 182 | <el-button type="primary" @click="onSubmit">保存</el-button> | 182 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 183 | </el-form-item> | 183 | </el-form-item> | ... | ... |
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| 8 | <div class="slxx"> | 8 | <div class="slxx"> |
| 9 | <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" | 9 | <el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }" |
| 10 | class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 10 | class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" |
| 11 | :inline="flag" label-width="120px"> | 11 | :inline="flag" label-width="120px"> |
| 12 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 13 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
| ... | @@ -128,7 +128,7 @@ | ... | @@ -128,7 +128,7 @@ |
| 128 | <div class="triangle"></div> | 128 | <div class="triangle"></div> |
| 129 | </div> | 129 | </div> |
| 130 | <tdytTable | 130 | <tdytTable |
| 131 | :ableOperation="ableOperation" | 131 | :ableOperation="ableOperation" |
| 132 | :tableData="ruleForm.tdytqxList" | 132 | :tableData="ruleForm.tdytqxList" |
| 133 | @upDateTdytxxList="upDateTdytxxList" /> | 133 | @upDateTdytxxList="upDateTdytxxList" /> |
| 134 | <div class="slxx_title title-block"> | 134 | <div class="slxx_title title-block"> |
| ... | @@ -189,7 +189,7 @@ | ... | @@ -189,7 +189,7 @@ |
| 189 | </el-col> | 189 | </el-col> |
| 190 | </el-row> | 190 | </el-row> |
| 191 | </div> | 191 | </div> |
| 192 | <el-row class="btn" v-if="!ableOperation"> | 192 | <el-row class="btn" v-if="ableOperation"> |
| 193 | <el-form-item> | 193 | <el-form-item> |
| 194 | <el-button type="primary" @click="onSubmit">保存</el-button> | 194 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 195 | </el-form-item> | 195 | </el-form-item> |
| ... | @@ -224,14 +224,14 @@ | ... | @@ -224,14 +224,14 @@ |
| 224 | components: { qlrCommonTable, tdytTable }, | 224 | components: { qlrCommonTable, tdytTable }, |
| 225 | computed: { | 225 | computed: { |
| 226 | ...mapGetters(["dictData", "flag"]), | 226 | ...mapGetters(["dictData", "flag"]), |
| 227 | // 根据流程判断表单是否为只读 | 227 | // 根据流程判断表单是否为只读 |
| 228 | editDisabled() { | 228 | editDisabled () { |
| 229 | if (!this.ableOperation) { | 229 | if (!this.ableOperation) { |
| 230 | //只读状态 | 230 | //只读状态 |
| 231 | return true; | 231 | return true; |
| 232 | } | 232 | } |
| 233 | return false; | 233 | return false; |
| 234 | }, | 234 | }, |
| 235 | }, | 235 | }, |
| 236 | data () { | 236 | data () { |
| 237 | return { | 237 | return { | ... | ... |
| ... | @@ -183,7 +183,7 @@ | ... | @@ -183,7 +183,7 @@ |
| 183 | </el-col> | 183 | </el-col> |
| 184 | </el-row> | 184 | </el-row> |
| 185 | </div> | 185 | </div> |
| 186 | <el-row class="btn" v-if="!ableOperation"> | 186 | <el-row class="btn" v-if="ableOperation"> |
| 187 | <el-form-item> | 187 | <el-form-item> |
| 188 | <el-button type="primary" @click="onSubmit">保存</el-button> | 188 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 189 | </el-form-item> | 189 | </el-form-item> | ... | ... |
| ... | @@ -226,7 +226,7 @@ | ... | @@ -226,7 +226,7 @@ |
| 226 | </el-col> | 226 | </el-col> |
| 227 | </el-row> | 227 | </el-row> |
| 228 | </div> | 228 | </div> |
| 229 | <el-row class="btn" v-if="!ableOperation"> | 229 | <el-row class="btn" v-if="ableOperation"> |
| 230 | <el-form-item> | 230 | <el-form-item> |
| 231 | <el-button type="primary" @click="onSubmit">保存</el-button> | 231 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 232 | </el-form-item> | 232 | </el-form-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 11:06:27 | 4 | * @LastEditTime: 2023-07-20 09:30:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="120px" | 16 | label-width="120px"> |
| 17 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 20 | 受理信息 | 19 | 受理信息 |
| ... | @@ -90,8 +89,7 @@ | ... | @@ -90,8 +89,7 @@ |
| 90 | <el-form-item label="面积单位:"> | 89 | <el-form-item label="面积单位:"> |
| 91 | <el-input | 90 | <el-input |
| 92 | v-model="ruleForm.tdsyq.mjdw" | 91 | v-model="ruleForm.tdsyq.mjdw" |
| 93 | :disabled="!ableOperation" | 92 | :disabled="!ableOperation"></el-input> |
| 94 | ></el-input> | ||
| 95 | </el-form-item> | 93 | </el-form-item> |
| 96 | </el-col> | 94 | </el-col> |
| 97 | </el-row> | 95 | </el-row> |
| ... | @@ -102,19 +100,16 @@ | ... | @@ -102,19 +100,16 @@ |
| 102 | <el-input | 100 | <el-input |
| 103 | v-model="ruleForm.tdsyq.nydmj" | 101 | v-model="ruleForm.tdsyq.nydmj" |
| 104 | :disabled="!ableOperation" | 102 | :disabled="!ableOperation" |
| 105 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 103 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 106 | ></el-input> | ||
| 107 | <el-select | 104 | <el-select |
| 108 | v-model="mjdw" | 105 | v-model="mjdw" |
| 109 | :disabled="!ableOperation" | 106 | :disabled="!ableOperation" |
| 110 | style="width: 20%" | 107 | style="width: 20%"> |
| 111 | > | ||
| 112 | <el-option | 108 | <el-option |
| 113 | v-for="item in dictData['A7']" | 109 | v-for="item in dictData['A7']" |
| 114 | :key="item.dcode" | 110 | :key="item.dcode" |
| 115 | :label="item.dname" | 111 | :label="item.dname" |
| 116 | :value="item.dcode" | 112 | :value="item.dcode"> |
| 117 | > | ||
| 118 | </el-option> | 113 | </el-option> |
| 119 | </el-select> | 114 | </el-select> |
| 120 | </div> | 115 | </div> |
| ... | @@ -126,19 +121,16 @@ | ... | @@ -126,19 +121,16 @@ |
| 126 | <el-input | 121 | <el-input |
| 127 | v-model="ruleForm.tdsyq.gdmj" | 122 | v-model="ruleForm.tdsyq.gdmj" |
| 128 | :disabled="!ableOperation" | 123 | :disabled="!ableOperation" |
| 129 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 124 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 130 | ></el-input> | ||
| 131 | <el-select | 125 | <el-select |
| 132 | v-model="mjdw" | 126 | v-model="mjdw" |
| 133 | :disabled="!ableOperation" | 127 | :disabled="!ableOperation" |
| 134 | style="width: 20%" | 128 | style="width: 20%"> |
| 135 | > | ||
| 136 | <el-option | 129 | <el-option |
| 137 | v-for="item in dictData['A7']" | 130 | v-for="item in dictData['A7']" |
| 138 | :key="item.dcode" | 131 | :key="item.dcode" |
| 139 | :label="item.dname" | 132 | :label="item.dname" |
| 140 | :value="item.dcode" | 133 | :value="item.dcode"> |
| 141 | > | ||
| 142 | </el-option> | 134 | </el-option> |
| 143 | </el-select> | 135 | </el-select> |
| 144 | </div> | 136 | </div> |
| ... | @@ -150,19 +142,16 @@ | ... | @@ -150,19 +142,16 @@ |
| 150 | <el-input | 142 | <el-input |
| 151 | v-model="ruleForm.tdsyq.ldmj" | 143 | v-model="ruleForm.tdsyq.ldmj" |
| 152 | :disabled="!ableOperation" | 144 | :disabled="!ableOperation" |
| 153 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 145 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 154 | ></el-input> | ||
| 155 | <el-select | 146 | <el-select |
| 156 | v-model="mjdw" | 147 | v-model="mjdw" |
| 157 | :disabled="!ableOperation" | 148 | :disabled="!ableOperation" |
| 158 | style="width: 20%" | 149 | style="width: 20%"> |
| 159 | > | ||
| 160 | <el-option | 150 | <el-option |
| 161 | v-for="item in dictData['A7']" | 151 | v-for="item in dictData['A7']" |
| 162 | :key="item.dcode" | 152 | :key="item.dcode" |
| 163 | :label="item.dname" | 153 | :label="item.dname" |
| 164 | :value="item.dcode" | 154 | :value="item.dcode"> |
| 165 | > | ||
| 166 | </el-option> | 155 | </el-option> |
| 167 | </el-select> | 156 | </el-select> |
| 168 | </div> | 157 | </div> |
| ... | @@ -176,19 +165,16 @@ | ... | @@ -176,19 +165,16 @@ |
| 176 | <el-input | 165 | <el-input |
| 177 | v-model="ruleForm.tdsyq.cdmj" | 166 | v-model="ruleForm.tdsyq.cdmj" |
| 178 | :disabled="!ableOperation" | 167 | :disabled="!ableOperation" |
| 179 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 168 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 180 | ></el-input> | ||
| 181 | <el-select | 169 | <el-select |
| 182 | v-model="mjdw" | 170 | v-model="mjdw" |
| 183 | :disabled="!ableOperation" | 171 | :disabled="!ableOperation" |
| 184 | style="width: 20%" | 172 | style="width: 20%"> |
| 185 | > | ||
| 186 | <el-option | 173 | <el-option |
| 187 | v-for="item in dictData['A7']" | 174 | v-for="item in dictData['A7']" |
| 188 | :key="item.dcode" | 175 | :key="item.dcode" |
| 189 | :label="item.dname" | 176 | :label="item.dname" |
| 190 | :value="item.dcode" | 177 | :value="item.dcode"> |
| 191 | > | ||
| 192 | </el-option> | 178 | </el-option> |
| 193 | </el-select> | 179 | </el-select> |
| 194 | </div> | 180 | </div> |
| ... | @@ -200,19 +186,16 @@ | ... | @@ -200,19 +186,16 @@ |
| 200 | <el-input | 186 | <el-input |
| 201 | v-model="ruleForm.tdsyq.qtnydmj" | 187 | v-model="ruleForm.tdsyq.qtnydmj" |
| 202 | :disabled="!ableOperation" | 188 | :disabled="!ableOperation" |
| 203 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 189 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 204 | ></el-input> | ||
| 205 | <el-select | 190 | <el-select |
| 206 | v-model="mjdw" | 191 | v-model="mjdw" |
| 207 | :disabled="!ableOperation" | 192 | :disabled="!ableOperation" |
| 208 | style="width: 20%" | 193 | style="width: 20%"> |
| 209 | > | ||
| 210 | <el-option | 194 | <el-option |
| 211 | v-for="item in dictData['A7']" | 195 | v-for="item in dictData['A7']" |
| 212 | :key="item.dcode" | 196 | :key="item.dcode" |
| 213 | :label="item.dname" | 197 | :label="item.dname" |
| 214 | :value="item.dcode" | 198 | :value="item.dcode"> |
| 215 | > | ||
| 216 | </el-option> | 199 | </el-option> |
| 217 | </el-select> | 200 | </el-select> |
| 218 | </div> | 201 | </div> |
| ... | @@ -224,19 +207,16 @@ | ... | @@ -224,19 +207,16 @@ |
| 224 | <el-input | 207 | <el-input |
| 225 | v-model="ruleForm.tdsyq.jsydmj" | 208 | v-model="ruleForm.tdsyq.jsydmj" |
| 226 | :disabled="!ableOperation" | 209 | :disabled="!ableOperation" |
| 227 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 210 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 228 | ></el-input> | ||
| 229 | <el-select | 211 | <el-select |
| 230 | v-model="mjdw" | 212 | v-model="mjdw" |
| 231 | :disabled="!ableOperation" | 213 | :disabled="!ableOperation" |
| 232 | style="width: 20%" | 214 | style="width: 20%"> |
| 233 | > | ||
| 234 | <el-option | 215 | <el-option |
| 235 | v-for="item in dictData['A7']" | 216 | v-for="item in dictData['A7']" |
| 236 | :key="item.dcode" | 217 | :key="item.dcode" |
| 237 | :label="item.dname" | 218 | :label="item.dname" |
| 238 | :value="item.dcode" | 219 | :value="item.dcode"> |
| 239 | > | ||
| 240 | </el-option> | 220 | </el-option> |
| 241 | </el-select> | 221 | </el-select> |
| 242 | </div> | 222 | </div> |
| ... | @@ -250,19 +230,16 @@ | ... | @@ -250,19 +230,16 @@ |
| 250 | <el-input | 230 | <el-input |
| 251 | v-model="ruleForm.tdsyq.wlydmj" | 231 | v-model="ruleForm.tdsyq.wlydmj" |
| 252 | :disabled="!ableOperation" | 232 | :disabled="!ableOperation" |
| 253 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 233 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 254 | ></el-input> | ||
| 255 | <el-select | 234 | <el-select |
| 256 | v-model="mjdw" | 235 | v-model="mjdw" |
| 257 | :disabled="!ableOperation" | 236 | :disabled="!ableOperation" |
| 258 | style="width: 20%" | 237 | style="width: 20%"> |
| 259 | > | ||
| 260 | <el-option | 238 | <el-option |
| 261 | v-for="item in dictData['A7']" | 239 | v-for="item in dictData['A7']" |
| 262 | :key="item.dcode" | 240 | :key="item.dcode" |
| 263 | :label="item.dname" | 241 | :label="item.dname" |
| 264 | :value="item.dcode" | 242 | :value="item.dcode"> |
| 265 | > | ||
| 266 | </el-option> | 243 | </el-option> |
| 267 | </el-select> | 244 | </el-select> |
| 268 | </div> | 245 | </div> |
| ... | @@ -276,8 +253,7 @@ | ... | @@ -276,8 +253,7 @@ |
| 276 | <tdytTable | 253 | <tdytTable |
| 277 | :tableData="ruleForm.tdytqxList" | 254 | :tableData="ruleForm.tdytqxList" |
| 278 | :ableOperation="ableOperation" | 255 | :ableOperation="ableOperation" |
| 279 | @upDateTdytxxList="upDateTdytxxList" | 256 | @upDateTdytxxList="upDateTdytxxList" /> |
| 280 | /> | ||
| 281 | <div class="slxx_title title-block"> | 257 | <div class="slxx_title title-block"> |
| 282 | 权利人信息 | 258 | 权利人信息 |
| 283 | <div class="triangle"></div> | 259 | <div class="triangle"></div> |
| ... | @@ -287,8 +263,7 @@ | ... | @@ -287,8 +263,7 @@ |
| 287 | <el-form-item label="共有方式:"> | 263 | <el-form-item label="共有方式:"> |
| 288 | <el-radio-group | 264 | <el-radio-group |
| 289 | :disabled="!ableOperation" | 265 | :disabled="!ableOperation" |
| 290 | v-model="ruleForm.sldy.gyfs" | 266 | v-model="ruleForm.sldy.gyfs"> |
| 291 | > | ||
| 292 | <el-radio label="0">单独所有</el-radio> | 267 | <el-radio label="0">单独所有</el-radio> |
| 293 | <el-radio label="1">共同共有</el-radio> | 268 | <el-radio label="1">共同共有</el-radio> |
| 294 | <el-radio label="2">按份所有</el-radio> | 269 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -300,8 +275,7 @@ | ... | @@ -300,8 +275,7 @@ |
| 300 | <el-form-item label="是否分别持证:"> | 275 | <el-form-item label="是否分别持证:"> |
| 301 | <el-radio-group | 276 | <el-radio-group |
| 302 | v-model="ruleForm.sldy.sqfbcz" | 277 | v-model="ruleForm.sldy.sqfbcz" |
| 303 | :disabled="!ableOperation" | 278 | :disabled="!ableOperation"> |
| 304 | > | ||
| 305 | <el-radio :label="1">是</el-radio> | 279 | <el-radio :label="1">是</el-radio> |
| 306 | <el-radio :label="0">否</el-radio> | 280 | <el-radio :label="0">否</el-radio> |
| 307 | </el-radio-group> | 281 | </el-radio-group> |
| ... | @@ -309,20 +283,17 @@ | ... | @@ -309,20 +283,17 @@ |
| 309 | </el-col> | 283 | </el-col> |
| 310 | <el-col | 284 | <el-col |
| 311 | :span="6" | 285 | :span="6" |
| 312 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'" | 286 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'"> |
| 313 | > | ||
| 314 | <el-form-item label="持证人:"> | 287 | <el-form-item label="持证人:"> |
| 315 | <el-select | 288 | <el-select |
| 316 | v-model="ruleForm.czr" | 289 | v-model="ruleForm.czr" |
| 317 | placeholder="持证人" | 290 | placeholder="持证人" |
| 318 | :disabled="!ableOperation" | 291 | :disabled="!ableOperation"> |
| 319 | > | ||
| 320 | <el-option | 292 | <el-option |
| 321 | v-for="item in czrOptions" | 293 | v-for="item in czrOptions" |
| 322 | :key="item.zjh" | 294 | :key="item.zjh" |
| 323 | :label="item.sqrmc" | 295 | :label="item.sqrmc" |
| 324 | :value="item.zjh" | 296 | :value="item.zjh"> |
| 325 | > | ||
| 326 | </el-option> | 297 | </el-option> |
| 327 | </el-select> | 298 | </el-select> |
| 328 | </el-form-item> | 299 | </el-form-item> |
| ... | @@ -333,8 +304,7 @@ | ... | @@ -333,8 +304,7 @@ |
| 333 | :disabled="!ableOperation" | 304 | :disabled="!ableOperation" |
| 334 | @upDateQlrxxList="upDateQlrxxList" | 305 | @upDateQlrxxList="upDateQlrxxList" |
| 335 | :key="key" | 306 | :key="key" |
| 336 | :gyfs="ruleForm.sldy.gyfs" | 307 | :gyfs="ruleForm.sldy.gyfs" /> |
| 337 | /> | ||
| 338 | 308 | ||
| 339 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 309 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
| 340 | <div class="slxx_title title-block"> | 310 | <div class="slxx_title title-block"> |
| ... | @@ -346,8 +316,7 @@ | ... | @@ -346,8 +316,7 @@ |
| 346 | :disabled="!ableOperation" | 316 | :disabled="!ableOperation" |
| 347 | :tableData="ruleForm.ywrList" | 317 | :tableData="ruleForm.ywrList" |
| 348 | :key="key" | 318 | :key="key" |
| 349 | @upDateQlrxxList="upDateYwrxxList" | 319 | @upDateQlrxxList="upDateYwrxxList" /> |
| 350 | /> | ||
| 351 | </div> | 320 | </div> |
| 352 | 321 | ||
| 353 | <div class="slxx_title title-block"> | 322 | <div class="slxx_title title-block"> |
| ... | @@ -361,14 +330,13 @@ | ... | @@ -361,14 +330,13 @@ |
| 361 | class="textArea" | 330 | class="textArea" |
| 362 | type="textarea" | 331 | type="textarea" |
| 363 | :disabled="!ableOperation" | 332 | :disabled="!ableOperation" |
| 364 | v-model="ruleForm.tdsyq.djyy" | 333 | v-model="ruleForm.tdsyq.djyy"> |
| 365 | > | ||
| 366 | </el-input> | 334 | </el-input> |
| 367 | </el-form-item> | 335 | </el-form-item> |
| 368 | </el-col> | 336 | </el-col> |
| 369 | </el-row> | 337 | </el-row> |
| 370 | </div> | 338 | </div> |
| 371 | <el-row class="btn" v-if="!ableOperation"> | 339 | <el-row class="btn" v-if="ableOperation"> |
| 372 | <el-form-item> | 340 | <el-form-item> |
| 373 | <el-button type="primary" @click="onSubmit">保存</el-button> | 341 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 374 | </el-form-item> | 342 | </el-form-item> |
| ... | @@ -377,135 +345,135 @@ | ... | @@ -377,135 +345,135 @@ |
| 377 | </div> | 345 | </div> |
| 378 | </template> | 346 | </template> |
| 379 | <script> | 347 | <script> |
| 380 | import { mapGetters } from "vuex"; | 348 | import { mapGetters } from "vuex"; |
| 381 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; | 349 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; |
| 382 | import tdytTable from "@/views/workflow/components/tdytTable"; | 350 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 383 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 351 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 384 | export default { | 352 | export default { |
| 385 | components: { qlrCommonTable, tdytTable }, | 353 | components: { qlrCommonTable, tdytTable }, |
| 386 | mounted() { | 354 | mounted () { |
| 387 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | 355 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; |
| 388 | this.propsParam = this.$attrs; | 356 | this.propsParam = this.$attrs; |
| 389 | var formdata = new FormData(); | 357 | var formdata = new FormData(); |
| 390 | let that = this; | 358 | let that = this; |
| 391 | this.$startLoading(); | 359 | this.$startLoading(); |
| 392 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 360 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 393 | formdata.append("djlx", this.propsParam.djlx); | 361 | formdata.append("djlx", this.propsParam.djlx); |
| 394 | formdata.append("isEdit", this.ableOperation); | 362 | formdata.append("isEdit", this.ableOperation); |
| 395 | Init(formdata).then((res) => { | 363 | Init(formdata).then((res) => { |
| 396 | this.$nextTick(() => { | 364 | this.$nextTick(() => { |
| 397 | that.ruleForm = res.result; | 365 | that.ruleForm = res.result; |
| 398 | that.$endLoading(); | 366 | that.$endLoading(); |
| 399 | that.isShow = true; | 367 | that.isShow = true; |
| 400 | this.czrOptions = this.ruleForm.qlrList; | 368 | this.czrOptions = this.ruleForm.qlrList; |
| 369 | }); | ||
| 401 | }); | 370 | }); |
| 402 | }); | ||
| 403 | }, | ||
| 404 | |||
| 405 | computed: { | ||
| 406 | ...mapGetters(["dictData", "flag"]), | ||
| 407 | }, | ||
| 408 | data() { | ||
| 409 | return { | ||
| 410 | mjdw: "1", | ||
| 411 | value2: { | ||
| 412 | id: "520000198407304275", | ||
| 413 | user: "史平", | ||
| 414 | }, | ||
| 415 | props: { | ||
| 416 | label: "user", | ||
| 417 | value: "id", | ||
| 418 | keyword: "keyword", | ||
| 419 | }, | ||
| 420 | |||
| 421 | //表单是否可操作 | ||
| 422 | ableOperation: true, | ||
| 423 | key: 0, | ||
| 424 | isShow: false, | ||
| 425 | disabled: true, | ||
| 426 | czrOptions: [], | ||
| 427 | ruleForm: {}, | ||
| 428 | //传递参数 | ||
| 429 | propsParam: {}, | ||
| 430 | rules: {}, | ||
| 431 | }; | ||
| 432 | }, | ||
| 433 | methods: { | ||
| 434 | // 更新土地用途信息 | ||
| 435 | upDateTdytxxList(val) { | ||
| 436 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 437 | this.key++; | ||
| 438 | }, | ||
| 439 | // 更新权利人信息 | ||
| 440 | upDateQlrxxList(val) { | ||
| 441 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 442 | this.czrOptions = this.ruleForm.qlrList; | ||
| 443 | this.key++; | ||
| 444 | }, | 371 | }, |
| 445 | // 更新义务人信息 | 372 | |
| 446 | upDateYwrxxList(val) { | 373 | computed: { |
| 447 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 374 | ...mapGetters(["dictData", "flag"]), |
| 448 | this.key++; | ||
| 449 | }, | 375 | }, |
| 450 | onSubmit() { | 376 | data () { |
| 451 | if (this.ruleForm.qlrList.length == 0) { | 377 | return { |
| 452 | this.$message({ | 378 | mjdw: "1", |
| 453 | showClose: true, | 379 | value2: { |
| 454 | message: "请确认权利人信息", | 380 | id: "520000198407304275", |
| 455 | type: "error", | 381 | user: "史平", |
| 456 | }); | 382 | }, |
| 457 | return false; | 383 | props: { |
| 458 | } | 384 | label: "user", |
| 385 | value: "id", | ||
| 386 | keyword: "keyword", | ||
| 387 | }, | ||
| 459 | 388 | ||
| 460 | if (this.ruleForm.sldy.gyfs == "0") { | 389 | //表单是否可操作 |
| 461 | if (this.ruleForm.qlrList.length > 1) { | 390 | ableOperation: true, |
| 391 | key: 0, | ||
| 392 | isShow: false, | ||
| 393 | disabled: true, | ||
| 394 | czrOptions: [], | ||
| 395 | ruleForm: {}, | ||
| 396 | //传递参数 | ||
| 397 | propsParam: {}, | ||
| 398 | rules: {}, | ||
| 399 | }; | ||
| 400 | }, | ||
| 401 | methods: { | ||
| 402 | // 更新土地用途信息 | ||
| 403 | upDateTdytxxList (val) { | ||
| 404 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 405 | this.key++; | ||
| 406 | }, | ||
| 407 | // 更新权利人信息 | ||
| 408 | upDateQlrxxList (val) { | ||
| 409 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | ||
| 410 | this.czrOptions = this.ruleForm.qlrList; | ||
| 411 | this.key++; | ||
| 412 | }, | ||
| 413 | // 更新义务人信息 | ||
| 414 | upDateYwrxxList (val) { | ||
| 415 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | ||
| 416 | this.key++; | ||
| 417 | }, | ||
| 418 | onSubmit () { | ||
| 419 | if (this.ruleForm.qlrList.length == 0) { | ||
| 462 | this.$message({ | 420 | this.$message({ |
| 463 | showClose: true, | 421 | showClose: true, |
| 464 | message: "共有方式:单独所有,权利人只能是一个人", | 422 | message: "请确认权利人信息", |
| 465 | type: "error", | 423 | type: "error", |
| 466 | }); | 424 | }); |
| 467 | return false; | 425 | return false; |
| 468 | } | 426 | } |
| 469 | this.ruleForm.qlrList[0].sfczr = "1"; | 427 | |
| 470 | } | 428 | if (this.ruleForm.sldy.gyfs == "0") { |
| 471 | if (this.ruleForm.sldy.gyfs == "1") { | 429 | if (this.ruleForm.qlrList.length > 1) { |
| 472 | //是否分别持证 | 430 | this.$message({ |
| 473 | if (this.ruleForm.sldy.sqfbcz == "1") { | 431 | showClose: true, |
| 474 | //是 | 432 | message: "共有方式:单独所有,权利人只能是一个人", |
| 475 | this.ruleForm.qlrList.forEach((item, index) => { | 433 | type: "error", |
| 476 | item.sfczr = "1"; | 434 | }); |
| 477 | }); | 435 | return false; |
| 478 | } else { | 436 | } |
| 479 | this.ruleForm.qlrList.forEach((item, index) => { | 437 | this.ruleForm.qlrList[0].sfczr = "1"; |
| 480 | if (item.zjh == this.ruleForm.czr) { | ||
| 481 | item.sfczr = "1"; | ||
| 482 | } else { | ||
| 483 | item.sfczr = "0"; | ||
| 484 | } | ||
| 485 | }); | ||
| 486 | } | 438 | } |
| 487 | } | 439 | if (this.ruleForm.sldy.gyfs == "1") { |
| 488 | saveData(this.ruleForm).then((res) => { | 440 | //是否分别持证 |
| 489 | if (res.code === 200) { | 441 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 490 | this.$message({ | 442 | //是 |
| 491 | showClose: true, | 443 | this.ruleForm.qlrList.forEach((item, index) => { |
| 492 | message: "保存成功!", | 444 | item.sfczr = "1"; |
| 493 | type: "success", | 445 | }); |
| 494 | }); | 446 | } else { |
| 495 | this.$store.dispatch("user/refreshPage", true); | 447 | this.ruleForm.qlrList.forEach((item, index) => { |
| 496 | } else { | 448 | if (item.zjh == this.ruleForm.czr) { |
| 497 | this.$message({ | 449 | item.sfczr = "1"; |
| 498 | showClose: true, | 450 | } else { |
| 499 | message: res.message, | 451 | item.sfczr = "0"; |
| 500 | type: "error", | 452 | } |
| 501 | }); | 453 | }); |
| 454 | } | ||
| 502 | } | 455 | } |
| 503 | }); | 456 | saveData(this.ruleForm).then((res) => { |
| 457 | if (res.code === 200) { | ||
| 458 | this.$message({ | ||
| 459 | showClose: true, | ||
| 460 | message: "保存成功!", | ||
| 461 | type: "success", | ||
| 462 | }); | ||
| 463 | this.$store.dispatch("user/refreshPage", true); | ||
| 464 | } else { | ||
| 465 | this.$message({ | ||
| 466 | showClose: true, | ||
| 467 | message: res.message, | ||
| 468 | type: "error", | ||
| 469 | }); | ||
| 470 | } | ||
| 471 | }); | ||
| 472 | }, | ||
| 504 | }, | 473 | }, |
| 505 | }, | 474 | }; |
| 506 | }; | ||
| 507 | </script> | 475 | </script> |
| 508 | <style scoped lang="scss"> | 476 | <style scoped lang="scss"> |
| 509 | @import "~@/styles/public.scss"; | 477 | @import "~@/styles/public.scss"; |
| 510 | @import "~@/styles/slxx/slxx.scss"; | 478 | @import "~@/styles/slxx/slxx.scss"; |
| 511 | </style> | 479 | </style> | ... | ... |
| ... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
| 142 | </el-col> | 142 | </el-col> |
| 143 | </el-row> | 143 | </el-row> |
| 144 | </div> | 144 | </div> |
| 145 | <el-row class="btn" v-if="!ableOperation"> | 145 | <el-row class="btn" v-if="ableOperation"> |
| 146 | <el-form-item> | 146 | <el-form-item> |
| 147 | <el-button type="primary" @click="onSubmit">保存</el-button> | 147 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 148 | </el-form-item> | 148 | </el-form-item> | ... | ... |
| ... | @@ -145,7 +145,7 @@ | ... | @@ -145,7 +145,7 @@ |
| 145 | </el-col> | 145 | </el-col> |
| 146 | </el-row> | 146 | </el-row> |
| 147 | </div> | 147 | </div> |
| 148 | <el-row class="btn" v-if="!ableOperation"> | 148 | <el-row class="btn" v-if="ableOperation"> |
| 149 | <el-form-item> | 149 | <el-form-item> |
| 150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 150 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 151 | </el-form-item> | 151 | </el-form-item> | ... | ... |
| ... | @@ -192,7 +192,7 @@ | ... | @@ -192,7 +192,7 @@ |
| 192 | </el-col> | 192 | </el-col> |
| 193 | </el-row> | 193 | </el-row> |
| 194 | </div> | 194 | </div> |
| 195 | <el-row class="btn" v-if="!ableOperation"> | 195 | <el-row class="btn" v-if="ableOperation"> |
| 196 | <el-form-item> | 196 | <el-form-item> |
| 197 | <el-button type="primary" @click="onSubmit">保存</el-button> | 197 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 198 | </el-form-item> | 198 | </el-form-item> | ... | ... |
| ... | @@ -174,7 +174,7 @@ | ... | @@ -174,7 +174,7 @@ |
| 174 | 抵押人信息 | 174 | 抵押人信息 |
| 175 | <div class="triangle"></div> | 175 | <div class="triangle"></div> |
| 176 | </div> | 176 | </div> |
| 177 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation"/> | 177 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
| 178 | 178 | ||
| 179 | <div class="slxx_title title-block"> | 179 | <div class="slxx_title title-block"> |
| 180 | 登记原因 | 180 | 登记原因 |
| ... | @@ -194,9 +194,8 @@ | ... | @@ -194,9 +194,8 @@ |
| 194 | </el-form-item> | 194 | </el-form-item> |
| 195 | </el-col> | 195 | </el-col> |
| 196 | </el-row> | 196 | </el-row> |
| 197 | |||
| 198 | </div> | 197 | </div> |
| 199 | <el-row class="btn" v-if="!ableOperation"> | 198 | <el-row class="btn" v-if="ableOperation"> |
| 200 | <el-form-item> | 199 | <el-form-item> |
| 201 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 200 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
| 202 | </el-form-item> | 201 | </el-form-item> | ... | ... |
| ... | @@ -218,7 +218,7 @@ | ... | @@ -218,7 +218,7 @@ |
| 218 | 抵押人信息 | 218 | 抵押人信息 |
| 219 | <div class="triangle"></div> | 219 | <div class="triangle"></div> |
| 220 | </div> | 220 | </div> |
| 221 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation"/> | 221 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
| 222 | 222 | ||
| 223 | <div class="slxx_title title-block"> | 223 | <div class="slxx_title title-block"> |
| 224 | 登记原因 | 224 | 登记原因 |
| ... | @@ -238,9 +238,8 @@ | ... | @@ -238,9 +238,8 @@ |
| 238 | </el-form-item> | 238 | </el-form-item> |
| 239 | </el-col> | 239 | </el-col> |
| 240 | </el-row> | 240 | </el-row> |
| 241 | |||
| 242 | </div> | 241 | </div> |
| 243 | <el-row class="btn" v-if="!ableOperation"> | 242 | <el-row class="btn" v-if="ableOperation"> |
| 244 | <el-form-item> | 243 | <el-form-item> |
| 245 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 244 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
| 246 | </el-form-item> | 245 | </el-form-item> | ... | ... |
-
Please register or sign in to post a comment