Blame view

src/views/djbworkflow/djbBook/components/blxxtabs/ygdydj.vue 19.6 KB
xiaomiao committed
1 2 3
<!--
 * @Description:
 * @Autor: renchao
1  
renchao@pashanhoo.com committed
4
 * @LastEditTime: 2023-08-25 09:50:48
xiaomiao committed
5
 :show-message="false"
xiaomiao committed
6 7 8 9 10 11 12
-->
<template>
  <!-- 受理信息 -->
  <div class="slxx">
    <el-form
      :model="ruleForm"
      :rules="rules"
xiaomiao committed
13
      :class="{ readonly: editDisabled }"
14
      class="loadingtext"
xiaomiao committed
15 16
      ref="ruleForm"
      :label-position="flag ? 'top' : ''"
xiaomiao committed
17
      :show-message="false"
xiaomiao committed
18
      :inline="flag"
xiaomiao committed
19
      inline-message
20
      label-width="145px">
xiaomiao committed
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
      <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
        <div class="slxx_title title-block">
          补录信息
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="补录编号:">
              <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="补录人员:">
              <el-input disabled v-model="ruleForm.repair.slry"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="补录时间:">
              <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
xiaomiao committed
43 44
        <div class="slxx_title title-block bdcqk">
          预告抵押不动产情况
45
          <div class="count">
xiaomiao committed
46
            <el-form-item
xiaomiao committed
47 48
              label="预告抵押不动产情况"
              prop="ztQlxx.bdcqzh"
49
              :rules="rules.ztQlxxrules">
xiaomiao committed
50 51
              <select-table
                v-model="ruleForm.ztQlxx"
xiaomiao committed
52
                :table-width="730"
xiaomiao committed
53 54
                :tableData="ztQlxxList"
                :props="props"
55
                @change="ztQlxxchange">
xiaomiao committed
56 57 58
                <el-table-column
                  prop="qllxmc"
                  width="130"
59
                  label="权利类型"></el-table-column>
xiaomiao committed
60 61 62
                <el-table-column
                  prop="bdcqzh"
                  width="160"
63
                  label="不动产权证书"></el-table-column>
xiaomiao committed
64
                <el-table-column
xiaomiao committed
65
                  prop="qlrmc"
66
                  label="被执行人"></el-table-column>
xiaomiao committed
67 68 69 70 71
                <el-table-column prop="mjmc" label="面积"></el-table-column>
                <el-table-column prop="ytmc" label="用途"></el-table-column>
                <el-table-column prop="zl" label="坐落"></el-table-column>
              </select-table>
            </el-form-item>
xiaomiao committed
72 73 74
          </div>
          <div class="triangle"></div>
        </div>
xiaomiao committed
75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98
        <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
          <el-col :span="8">
            <el-form-item label="权利人:">
              <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="证件种类:">
              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="证件号:">
              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
          <el-col :span="8">
            <el-form-item label="权利类型:">
              <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
99
            <el-form-item label="不动产登记证明号">
xiaomiao committed
100 101 102 103 104
              <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="坐落:">
xiaomiao committed
105
              <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
xiaomiao committed
106 107 108 109 110 111 112 113 114 115 116
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
          <el-col :span="8">
            <el-form-item label="不动产单元号:">
              <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="面积:">
117
              <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
xiaomiao committed
118 119 120 121 122 123 124 125
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="用途:">
              <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
xiaomiao committed
126
        <div class="slxx_title title-block bdcqk">
xiaomiao committed
127
          预告登记信息
128
          <div class="count" v-if="ssqlxxshow">
xiaomiao committed
129 130 131
            <el-form-item
              label="上手权利信息:"
              prop="ssQlxx.bdcqzh"
132
              :rules="rules.ssQlxxrules">
xiaomiao committed
133 134 135 136 137
              <select-table
                v-model="ruleForm.ssQlxx"
                :table-width="730"
                :tableData="ssQlxxList"
                :props="props"
138
                @change="ssQlxxchange">
xiaomiao committed
139 140 141
                <el-table-column
                  prop="qllxmc"
                  width="130"
142
                  label="权利类型"></el-table-column>
xiaomiao committed
143 144 145
                <el-table-column
                  prop="bdcqzh"
                  width="160"
146
                  label="不动产权证书"></el-table-column>
xiaomiao committed
147 148 149 150 151 152 153
                <el-table-column prop="qlrmc" label="权利人"></el-table-column>
                <el-table-column prop="mjmc" label="面积"></el-table-column>
                <el-table-column prop="ytmc" label="用途"></el-table-column>
                <el-table-column prop="zl" label="坐落"></el-table-column>
              </select-table>
            </el-form-item>
          </div>
xiaomiao committed
154 155
          <div class="triangle"></div>
        </div>
xiaomiao committed
156 157 158 159 160 161 162
        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="不动产单元号:">
              <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
163 164 165
            <el-form-item
              label="业务号:"
              prop="qlxx.ywh"
166
              :rules="rules.ywhrules">
xiaomiao committed
167
              <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.ywh"></el-input>
xiaomiao committed
168 169
            </el-form-item>
          </el-col>
xiaomiao committed
170
          <el-col :span="8">
xiaomiao committed
171
            <el-form-item label="上手业务号:">
xiaomiao committed
172
              <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
xiaomiao committed
173 174 175 176
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
renchao@pashanhoo.com committed
177
          <el-col :span="8">
xiaomiao committed
178 179 180 181 182
            <el-form-item label="不动产登记证明号:" prop="qlxx.bdcqzh"
              :rules="rules.bdcqzhrules">
              <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
            </el-form-item>
          </el-col>
xiaomiao committed
183 184 185 186 187 188
          <el-col :span="8">
            <el-form-item label="权利类型:">
              <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
189
            <el-form-item label="登记原因:">
xiaomiao committed
190
              <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input>
xiaomiao committed
191 192 193
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
194 195 196
            <el-form-item
              label="登记类型:"
              prop="qlxx.djlx"
197
              :rules="rules.djlxrules">
xiaomiao committed
198
              <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
xiaomiao committed
199
                <el-option
xiaomiao committed
200
                  v-for="item in djlxlist"
xiaomiao committed
201 202
                  :key="item.dcode"
                  :label="item.dname"
203
                  :value="item.dcode">
xiaomiao committed
204 205
                </el-option>
              </el-select>
xiaomiao committed
206 207 208
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
209
            <el-form-item label="不动产坐落:">
xiaomiao committed
210 211 212
              <el-input v-model="ruleForm.qlxx.zl"></el-input>
            </el-form-item>
          </el-col>
xiaomiao committed
213
          <!-- <el-col :span="8">
xiaomiao committed
214
            <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules">
xiaomiao committed
215 216
              <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
            </el-form-item>
xiaomiao committed
217
          </el-col> -->
xiaomiao committed
218
          <el-col :span="8">
xiaomiao committed
219 220 221
            <el-form-item
              label="登记机构:"
              prop="qlxx.djjg"
222
              :rules="rules.djjgrules">
xiaomiao committed
223 224 225 226
              <el-input v-model="ruleForm.qlxx.djjg"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
227 228 229
            <el-form-item
              label="登簿人:"
              prop="qlxx.dbr"
230
              :rules="rules.dbrrules">
xiaomiao committed
231
              <el-input maxlength="20" v-model="ruleForm.qlxx.dbr"></el-input>
xiaomiao committed
232 233 234
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
235 236 237
            <el-form-item
              label="登记时间:"
              prop="qlxx.djsj"
238
              :rules="rules.djsjrules">
xiaomiao committed
239 240 241
              <el-date-picker
                v-model="ruleForm.qlxx.djsj"
                type="date"
242
                class="width100"
xiaomiao committed
243 244
                placeholder="选择日期"
                value-format="yyyy-MM-dd HH:mm:ss"
245
                format="yyyy-MM-dd">
xiaomiao committed
246
              </el-date-picker>
xiaomiao committed
247 248
            </el-form-item>
          </el-col>
xiaomiao committed
249 250 251 252 253 254 255
          <el-col :span="8">
            <el-form-item label="权属状态:">
              <el-select v-model="ruleForm.qlxx.qszt">
                <el-option
                  v-for="item in qsztlist"
                  :key="item.dcode"
                  :label="item.dname"
256
                  :value="item.dcode">
xiaomiao committed
257 258 259 260
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
xiaomiao committed
261

xiaomiao committed
262
          <el-col :span="8">
xiaomiao committed
263 264 265
            <el-form-item
              label="预告登记种类:"
              prop="ygdj.ygdjzl"
266
              :rules="rules.ygdjzlrules">
xiaomiao committed
267
              <el-select v-model="ruleForm.ygdj.ygdjzl">
xiaomiao committed
268 269 270 271
                <el-option
                  v-for="item in dictData['A29']"
                  :key="item.dcode"
                  :label="item.dname"
272
                  :value="item.dcode">
xiaomiao committed
273 274 275 276 277
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
278
            <el-form-item label="土地使用权人:">
xiaomiao committed
279
              <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
xiaomiao committed
280 281 282
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
283
            <el-form-item label="规划用途:">
284
              <el-select v-model="ruleForm.ygdj.ghyt">
xiaomiao committed
285 286 287 288
                <el-option
                  v-for="item in dictData['A17']"
                  :key="item.dcode"
                  :label="item.dname"
289
                  :value="item.dcode">
xiaomiao committed
290 291 292 293 294
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
295
            <el-form-item label="用途名称:">
xiaomiao committed
296
              <el-input maxlength="10" v-model="ruleForm.ygdj.ytmc"></el-input>
xiaomiao committed
297 298 299
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
300
            <el-form-item label="房屋性质:">
301
              <el-select v-model="ruleForm.ygdj.fwxz">
xiaomiao committed
302 303 304 305
                <el-option
                  v-for="item in dictData['A19']"
                  :key="item.dcode"
                  :label="item.dname"
306
                  :value="item.dcode">
xiaomiao committed
307 308 309 310 311
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
312
            <el-form-item label="房屋性质名称:">
xiaomiao committed
313
              <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
xiaomiao committed
314 315 316
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
317
            <el-form-item label="房屋结构:">
318
              <el-select v-model="ruleForm.ygdj.fwjg">
xiaomiao committed
319 320 321 322
                <el-option
                  v-for="item in dictData['A46']"
                  :key="item.dcode"
                  :label="item.dname"
323
                  :value="item.dcode">
xiaomiao committed
324 325 326 327 328
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
329
            <el-form-item label="所在层:">
xiaomiao committed
330
              <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input>
xiaomiao committed
331 332 333
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
334
            <el-form-item label="总层数:">
335
              <el-input oninput="value=value.replace(/[^\d]/g,'')" maxlength="4" v-model.number="ruleForm.ygdj.zcs"></el-input>
xiaomiao committed
336 337 338
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
339
            <el-form-item label="建筑面积:">
xiaomiao committed
340
              <div class="flex">
xiaomiao committed
341 342
                <el-input
                  v-model="ruleForm.ygdj.jzmj"
xiaomiao committed
343
                  maxlength="12"
344
                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
xiaomiao committed
345
                <el-select
xiaomiao committed
346
                  v-model="ruleForm.ygdj.mjdw"
xiaomiao committed
347
                  :disabled="!ableOperation"
348
                  style="width: 68px">
xiaomiao committed
349 350 351 352
                  <el-option
                    v-for="item in dictData['A7']"
                    :key="item.dcode"
                    :label="item.dname"
353
                    :value="item.dcode">
xiaomiao committed
354 355 356
                  </el-option>
                </el-select>
              </div>
xiaomiao committed
357 358
            </el-form-item>
          </el-col>
xiaomiao committed
359
          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
xiaomiao committed
360
            <el-form-item label="注销预告业务号:">
xiaomiao committed
361
              <el-input v-model="ruleForm.qlxx.zxywh"></el-input>
xiaomiao committed
362 363
            </el-form-item>
          </el-col>
xiaomiao committed
364
          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
xiaomiao committed
365
            <el-form-item label="注销预告原因:">
xiaomiao committed
366
              <el-input v-model="ruleForm.ygdj.zxyy"></el-input>
xiaomiao committed
367 368
            </el-form-item>
          </el-col>
xiaomiao committed
369
          <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
xiaomiao committed
370
            <el-form-item label="注销时间:">
371
              <el-date-picker
xiaomiao committed
372
                v-model="ruleForm.qlxx.zxsj"
xiaomiao committed
373
                type="date"
374
                class="width100"
xiaomiao committed
375
                placeholder="选择日期"
xiaomiao committed
376
                value-format="yyyy-MM-dd HH:mm:ss"
377
                format="yyyy-MM-dd">
xiaomiao committed
378
              </el-date-picker>
xiaomiao committed
379 380 381
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
382 383 384 385 386
            <el-form-item>
              <span slot="label" style="display: inline-block">
                <el-tooltip
                  content="取得价格被担保主债权数额:"
                  placement="top"
387
                  effect="light">
xiaomiao committed
388
                  <span type="text" style="color: #444" size="mini">取得价格被...:</span>
xiaomiao committed
389 390
                </el-tooltip>
              </span>
xiaomiao committed
391
              <div class="flex">
xiaomiao committed
392 393
                <el-input
                  v-model="ruleForm.ygdj.qdjg"
xiaomiao committed
394
                  maxlength="11"
395
                  oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
xiaomiao committed
396 397 398
                <el-select
                  v-model="ruleForm.ygdj.jedw"
                  :disabled="!ableOperation"
399
                  style="width: 68px">
xiaomiao committed
400
                  <el-option
xiaomiao committed
401
                    v-for="item in dictData['A57']"
xiaomiao committed
402 403
                    :key="item.dcode"
                    :label="item.dname"
404
                    :value="item.dcode">
xiaomiao committed
405 406 407
                  </el-option>
                </el-select>
              </div>
xiaomiao committed
408 409 410
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
411
            <el-form-item label="担保范围:">
renchao@pashanhoo.com committed
412
              <el-input maxlength="10" v-model="ruleForm.ygdj.dbfw"></el-input>
xiaomiao committed
413 414 415
            </el-form-item>
          </el-col>
          <el-col :span="8">
xiaomiao committed
416 417 418 419 420
            <el-form-item>
              <span slot="label" style="display: inline-block">
                <el-tooltip
                  content="是否存在禁止或限制转让抵押不动产的约定:"
                  placement="top"
421
                  effect="light">
xiaomiao committed
422
                  <span type="text" style="color: #444" size="mini">是否存在禁止...:</span>
xiaomiao committed
423 424
                </el-tooltip>
              </span>
425
              <el-radio-group v-model="ruleForm.ygdj.sfczjzhxz">
xiaomiao committed
426 427 428
                <el-radio label="1"></el-radio>
                <el-radio label="2"></el-radio>
              </el-radio-group>
xiaomiao committed
429 430 431 432
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="附记:">
renchao@pashanhoo.com committed
433
              <el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input>
xiaomiao committed
434 435
            </el-form-item>
          </el-col>
xiaomiao committed
436
        </el-row>
xiaomiao committed
437
        <div class="slxx_title title-block">
xiaomiao committed
438 439 440 441 442 443
          权利人信息
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
          <el-col :span="12">
            <el-form-item label="共有方式:">
444 445
              <el-radio-group
                :disabled="!ableOperation"
xiaomiao committed
446
                v-model="ruleForm.qlxx.gyfs">
xiaomiao committed
447 448 449 450 451 452 453 454 455
                <el-radio label="0">单独所有</el-radio>
                <el-radio label="1">共同共有</el-radio>
                <el-radio label="2">按份所有</el-radio>
                <el-radio label="3">其它共有</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <qlrCommonTable
xiaomiao committed
456
          :tableData="ruleForm.qlrData"
xiaomiao committed
457 458
          @upDateQlrxxList="upDateQlrxxList"
          :key="key"
xiaomiao committed
459 460
          :ableOperation="ableOperation"
          :gyfs="ruleForm.qlxx.gyfs" />
xiaomiao committed
461

462
        <div v-if="ruleForm.ywrData">
xiaomiao committed
463 464 465 466
          <div class="slxx_title title-block">
            义务人信息
            <div class="triangle"></div>
          </div>
xiaomiao committed
467 468 469
          <ywrCommonTable
            v-if="ruleForm.ywrData"
            :tableData="ruleForm.ywrData"
xiaomiao committed
470
            :key="key"
xiaomiao committed
471
            :ableOperation="ableOperation"
472
            @upDateQlrxxList="upDateYwrxxList" />
xiaomiao committed
473 474
        </div>
      </div>
xiaomiao committed
475
      <el-row class="btn" v-if="ableOperation">
xiaomiao committed
476 477 478 479 480 481 482 483
        <el-form-item>
          <el-button type="primary" @click="onSubmit">保存</el-button>
        </el-form-item>
      </el-row>
    </el-form>
  </div>
</template>
<script>
484
  import ywmix from "./dataprocessing";
485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518
  import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
  import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
  import tdytTable from "@/views/workflow/components/tdytTable";
  import selectTable from "@/components/selectTable/index.vue";
  export default {
    mixins: [ywmix],
    components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
    data () {
      return {
        //传递参数\
        rules: {
          ztQlxxrules: [
            { required: true, message: "抵押不动产信息", trigger: "blur" },
          ],
          bdcqzhrules: [
            { required: true, message: "不动产登记证明号", trigger: "blur" },
          ],
          // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
          djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
          dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
          djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
          ygdjzlrules: [
            { required: true, message: "预告登记种类", trigger: "change" },
          ],
          djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
          ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
          ssQlxxrules: [
            { required: true, message: "上手权利信息", trigger: "blur" },
          ],
        },
        ableOperation: false,
      };
    },
  };
xiaomiao committed
519 520
</script>
<style scoped lang="scss">
521 522
  @import "~@/styles/public.scss";
  @import "~@/styles/slxx/slxx.scss";
xiaomiao committed
523
</style>