Skip to content

bdc / bdcdj-web

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

修改预告登记页面内容

1 parent 24d2334a
Inline Side-by-side
Showing 3 changed files with 219 additions and 161 deletions
......@@ -985,37 +985,41 @@ class data extends filter {
label: "证件号",
},
{
prop: "fwxz",
prop: "fwxzmc",
label: "房屋性质",
},
{
prop: "ghyt",
label: "规划用途",
prop: "fwjgmc",
label: "房屋结构",
},
{
prop: "fwzcs",
label: "房屋总层数",
prop: "ytmc",
label: "房屋用途",
},
{
prop: "szc",
label: "所在层",
},
{
prop: "fwszc",
label: "房屋所在层",
prop: "zcs",
label: "总层数",
},
{
prop: "jzmj",
label: "建筑面积",
label: "建筑面积/抵押面积(㎡)",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "qdjg",
label: "取得价格/被担保主债权数额",
prop: "fj",
label: "附记",
},
{
prop: "jedw",
label: "金额单位",
},
prop: "qdjgmc",
label: "取得价格/被担保主债权数额",
},
{
prop: "dbfw",
label: "担保范围",
......
......@@ -47,12 +47,17 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="原不动产登记证明号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<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="16">
<el-col :span="8">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
......@@ -65,10 +70,15 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规划用途：">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-form-item label="土地使用权人：">
<el-input disabled 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.fwxz">
<el-option
v-for="item in dictData['A17']"
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
......@@ -76,11 +86,13 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质：">
<el-select v-model="ruleForm.ygdj.fwxz">
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="房屋用途：">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-option
v-for="item in dictData['A19']"
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
......@@ -88,6 +100,16 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在层：">
<el-input v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
......@@ -102,11 +124,26 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item label="建筑面积：">
<el-input v-model="ruleForm.ygdj.jzmj"></el-input>
<div class="flex">
<el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
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>
<el-col :span="8">
<el-form-item label="取得价格：">
<div class="flex">
......@@ -126,15 +163,10 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="所在层：">
<el-input v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.ygdj.fj" ></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -240,6 +272,7 @@
},
data () {
return {
mjdw: "1",
//表单是否可操作
viewEdit: true,
disabled: true,
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" v-Loading="loading" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
v-Loading="loading"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -83,12 +90,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房屋面积：">
<el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
<el-input disabled v-model="ruleForm.ztQlxx.qlmjmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋用途：">
<el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
<el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -115,50 +122,58 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="原不动产登记证明号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="预告登记种类：">
<el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或限制：">
<el-input
v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="被担保主债权数额：">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!viewEdit"
style="width: 68px">
<el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
:value="item.dcode"
></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行起始时间：">
<el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date">
</el-date-picker>
<el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间：">
<el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date">
</el-date-picker>
<el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="16">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
<el-input v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="24">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
<el-input
v-model="ruleForm.ygdj.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
......@@ -184,40 +199,41 @@
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!viewEdit">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
:value="item.zjh"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -225,9 +241,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy">
</el-input>
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -241,94 +262,94 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
var formdata = new FormData();
let that = this
this.loading = true
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
setTimeout(() => {
that.loading = false
}, 300)
}
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
let that = this;
this.loading = true;
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
setTimeout(() => {
that.loading = false;
}, 300);
}
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
viewEdit: true,
loading: false,
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
methods: {
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
data () {
return {
//表单是否可操作
viewEdit: true,
loading: false,
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
/**
* @description: 义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
methods: {
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList
},
/**
* @description: 义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
};
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......