Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
90ddff2f by tianhaohao@pashanhoo.com
Options

修改预告抵押登记页面重新布局

1 parent 648fbf95
Inline Side-by-side
Showing 1 changed file with 120 additions and 167 deletions
......@@ -41,10 +41,10 @@
</el-col>
</el-row>
<div class="slxx_title title-block bdcqk">
预告抵押不动产情况
预告买卖不动产情况
<div class="count">
<el-form-item
label="预告抵押不动产情况"
label="预告买卖登记"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules">
<select-table
......@@ -60,10 +60,8 @@
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"></el-table-column>
<el-table-column
prop="qlrmc"
label="被执行人"></el-table-column>
label="不动产登记证明号"></el-table-column>
<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>
......@@ -124,7 +122,7 @@
</el-col>
</el-row>
<div class="slxx_title title-block bdcqk">
预告登记信息
预告抵押登记信息
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息："
......@@ -143,10 +141,10 @@
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"></el-table-column>
label="不动产登记证明号"></el-table-column>
<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="ywrmc" label="义务人"></el-table-column>
<el-table-column prop="qdjgmc" label="抵押金额"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
......@@ -174,23 +172,13 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<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">
<el-form-item label="登记原因：">
<el-input disabled v-model="ruleForm.ygdj.djyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="登记类型："
prop="qlxx.djlx"
......@@ -206,60 +194,6 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产坐落：">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules">
<el-input maxlength="20" v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<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"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="预告登记种类："
prop="ygdj.ygdjzl"
......@@ -274,102 +208,100 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用权人：">
<el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规划用途：">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-form-item>
<span slot="label" style="display: inline-block">
<el-tooltip
content="被担保主债权数额："
placement="top"
effect="light">
<span type="text" style="color: #444" size="mini">被担保主债权数额：</span>
</el-tooltip>
</span>
<div class="flex">
<el-input
v-model="ruleForm.ygdj.qdjg"
maxlength="11"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
style="width: 68px">
<el-option
v-for="item in dictData['A17']"
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途名称：">
<el-input maxlength="10" v-model="ruleForm.ygdj.ytmc"></el-input>
<el-form-item label="债务履行起始时间：">
<el-date-picker
v-model="ruleForm.qlxx.zwlxqssj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质：">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-option
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
<el-form-item label="债务履行结束时间：">
<el-date-picker
v-model="ruleForm.qlxx.zwlxjssj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质名称：">
<el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
<el-form-item label="债务履行期限：">
<el-input v-model="ruleForm.ygdj.dyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋结构：">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-option
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
<el-form-item label="不动产坐落：">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在层：">
<el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input>
<el-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input oninput="value=value.replace(/[^\d]/g,'')" maxlength="4" v-model.number="ruleForm.ygdj.zcs"></el-input>
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="建筑面积：">
<div class="flex">
<el-input
v-model="ruleForm.ygdj.jzmj"
maxlength="12"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.mjdw"
:disabled="!ableOperation"
style="width: 68px">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销预告业务号：">
<el-input v-model="ruleForm.qlxx.zxywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销预告原因：">
<el-input v-model="ruleForm.ygdj.zxyy"></el-input>
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules">
<el-input maxlength="20" v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间：">
<el-col :span="8">
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
......@@ -379,32 +311,31 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<span slot="label" style="display: inline-block">
<el-tooltip
content="取得价格被担保主债权数额："
placement="top"
effect="light">
<span type="text" style="color: #444" size="mini">取得价格被...：</span>
</el-tooltip>
</span>
<div class="flex">
<el-input
v-model="ruleForm.ygdj.qdjg"
maxlength="11"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
style="width: 68px">
<el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="登记原因：">
<el-input v-model="ruleForm.ygdj.djyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权属状态：">
<el-select v-model="ruleForm.qlxx.qszt">
<el-option
v-for="item in dictData['A57']"
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -416,10 +347,10 @@
<el-form-item>
<span slot="label" style="display: inline-block">
<el-tooltip
content="是否存在禁止或限制转让抵押不动产的约定："
content="是否限制转让约定："
placement="top"
effect="light">
<span type="text" style="color: #444" size="mini">是否存在禁止...：</span>
<span type="text" style="color: #444" size="mini">是否限制转让约定：</span>
</el-tooltip>
</span>
<el-radio-group v-model="ruleForm.ygdj.sfczjzhxz">
......@@ -428,9 +359,31 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销业务号：">
<el-input v-model="ruleForm.qlxx.zxywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间：">
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销登簿人：">
<el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销原因：">
<el-input v-model="ruleForm.ygdj.zxyy"></el-input>
</el-form-item>
</el-col>
</el-row>
......