Skip to content

bdc / bdcdj-web

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

调试在建工程抵押权功能

1 parent 252da064
Inline Side-by-side
Showing 6 changed files with 336 additions and 40 deletions
......@@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
// 初始化内容
export function Init (data) {
return request({
url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init",
method: 'post',
data
})
}
// 批量初始化内容
export function bacthInit (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "100":
apiUrl = "/rest/ywbl/zjgcdy/fristInit";
apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit";
break;
case "200":
apiUrl = "/rest/ywbl/zjgcdy/transferInit";
apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit";
break;
case "300":
apiUrl = "/rest/ywbl/zjgcdy/changeInit";
apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit";
break;
case "400":
apiUrl = "/rest/ywbl/zjgcdy/logoutInit";
apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit";
break;
case "500":
apiUrl = "/rest/ywbl/zjgcdy/riviseInit";
apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit";
break;
case "901":
apiUrl = "/rest/ywbl/zjgcdy/renewalInit";
apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit";
break;
case "902":
apiUrl = "/rest/ywbl/zjgcdy/replaceInit";
apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit";
break;
}
return request({
......@@ -51,6 +59,15 @@ export function saveData (data, djlx) {
})
}
// 受理信息保存
export function saveBatchData (data, djlx) {
return request({
url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData",
method: 'post',
data
})
}
// 流程图
export function getWorkFlowImage (bsmSlsq, bestepid) {
return request({
......
......@@ -415,6 +415,19 @@ class data extends filter {
{
prop: "dybdclx",
label: "抵押不动产类型",
render: (h, scope) => {
return (
<div>
<span v-show={scope.row.dybdclx == '1'}>土地</span>
<span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
<span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
<span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
<span v-show={scope.row.dybdclx == '5'}>海域</span>
<span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
<span v-show={scope.row.dybdclx == '7'}>其它</span>
</div>
)
}
},
{
prop: "djlxmc",
......
......@@ -107,18 +107,20 @@ export default {
switch (qllx) {
case 'A04':
this.showBatch = true;
this.batchButtonName = '批量单元信息';
this.batchButtonName = '批量房屋操作';
break;
case 'B39':
this.showBatch = true;
this.batchButtonName = '批量查封清单信息';
this.batchButtonName = '批量查封操作';
break;
case 'A37':
this.showBatch = true;
this.batchButtonName = '批量抵押';
this.batchButtonName = '批量抵押操作';
break;
case 'B37':
this.showBatch = true;
this.batchButtonName = '批量在建工程抵押操作';
break;
default:
this.batchButtonName = '批量操作';
}
}
},
......
......@@ -4,7 +4,7 @@
* @LastEditTime: 2023-06-19 13:16:53
*/
//流程环节操作按钮
export function getForm (tabName, djywbm) {
export function getForm(tabName, djywbm) {
let form;
switch (tabName) {
case "tdsyqslxx":
......@@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) {
case "nydsyqslxx100":
form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
break;
case "nydsyqslxx200":
form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
break;
......@@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) {
case "zjgcdyqSlxx":
form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
break;
case "batchZjgcdyq":
form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
break;
case "cfdjxx":
form = require("@/views/registerBook/cfdj.vue");
break;
case "tdsyqQlxx":
form = require("@/views/registerBook/tdsyq.vue");
break;
case "jsydsyqQlxx":
case "jsydsyqQlxx":
form = require("@/views/registerBook/jsydsyq.vue");
break;
case "nydsyqQlxx":
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="140px">
<div class="slxx_con" :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.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：">
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间：">
<el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：" prop="qllx">
<el-input disabled v-model="ruleForm.sldy[0].qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：" prop="djlx">
<el-input disabled v-model="ruleForm.sldy[0].djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形：" prop="djqx">
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
抵押户信息列表信息
<div class="triangle"></div>
</div>
<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.slywxx.djqxmc"></el-input> -->
<el-radio-group disabled v-model="ruleForm.diyaq[0].dyfs">
<el-radio label="1">一般抵押</el-radio>
<el-radio label="2">最高额抵押</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
<el-radio-group v-model="ruleForm.diyaq[0].sfczjzhxz">
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" v-show="ruleForm.diyaq[0].dyfs == 1">
<el-form-item label="被担保主债权数额：">
<el-input v-model="ruleForm.diyaq[0].bdbzzqse"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-show="ruleForm.diyaq[0].dyfs == 2">
<el-form-item label="最高债权额：">
<el-input v-model="ruleForm.diyaq[0].zgzqse"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行起始时间：">
<el-date-picker v-model="ruleForm.diyaq[0].zwlxqssj" type="date">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间：">
<el-date-picker v-model="ruleForm.diyaq[0].zwlxjssj" type="date">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.diyaq[0].dbfw"
:disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="最高债权确定事实和数额：">
<el-input v-model="ruleForm.diyaq[0].zgzqqdss"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="附记：" prop="fj">
<el-input type="textarea" v-model="ruleForm.diyaq[0].fj" :disabled="$route.query.viewtype == 1"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
抵押权人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy[0].gyfs">
<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-col :span="5" v-show="ruleForm.sldy[0].gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.sldy[0].sqfbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy[0].gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy[0].gyfs" />
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
</div>
<qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.sldy[0].djlx == '400'" label="注销抵押原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
v-model="ruleForm.diyaq[0].zxdyyy">
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
v-model="ruleForm.diyaq[0].djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmitClick()">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
bacthInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.$endLoading();
}
})
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
//表单是否可操作
ableOperation: true,
disabled: true,
czrOptions: [],
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
onSubmitClick () {
saveBatchData(this.ruleForm, this.propsParam.djlx).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",
});
}
});
},
// 更新权利人信息
upDateQlrxxList (val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
}
},
// 更新义务人信息
upDateYwrxxList (val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
}
}
}
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......@@ -43,41 +43,40 @@
</el-col>
</el-row>
<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.qlxx.qlrmc"></el-input>
<el-form-item label="房屋用途：">
<el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件号：">
<el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input>
<el-form-item label="房屋性质：">
<el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类：">
<el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input>
<el-form-item label="房屋结构：">
<el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
<el-form-item label="建筑面积：">
<el-input disabled v-model="ruleForm.qjh.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
<el-form-item label="套内建筑面积：">
<el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-form-item label="分摊建筑面积：">
<el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -88,13 +87,13 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="面积：">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
<el-form-item label="室号部位：">
<el-input disabled v-model="ruleForm.qjh.shbw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途：">
<el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -254,7 +253,6 @@
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
......@@ -275,12 +273,7 @@
ableOperation: true,
disabled: true,
czrOptions: [],
ruleForm: {
slywxx: {},
qlxxold: {},
diyaq: {},
gyfs: "",
},
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
......