Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
25f1f399 by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents e2b5d265 52efb35f
Inline Side-by-side
Showing 21 changed files with 1187 additions and 27 deletions
......@@ -33,7 +33,7 @@ export function invalidCertificate (data) {
data
})
}
// 缮证列表
//根据受理申请标识码获取所有缮证列表
export function getCertificateList (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getCertificateList',
......@@ -42,6 +42,15 @@ export function getCertificateList (data) {
})
}
//获取不动产权证对应缮证列表
export function getSzRecordList (params) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getSzRecordList',
method: 'get',
params
})
}
//获取未领取的证书信息
export function getUnclaimedBdcqz (data) {
return request({
......
import request from '@/utils/request'
import SERVER from '../config'
// 初始化内容
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "100":
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/fristInit";
break;
case "200":
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/transferInit";
break;
case "300":
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/changeInit";
break;
case "400":
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/logoutInit";
break;
case "500":
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/riviseInit";
break;
case "901":
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/renewalInit";
break;
case "902":
apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/replaceInit";
break;
}
return request({
url: apiUrl,
method: 'post',
data
})
}
// 初始化内容
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ygdy/saveData',
method: 'post',
data
})
}
......@@ -267,3 +267,15 @@ export function selectYgdj200 (data) {
data
})
}
/**
* 业务办理-预告抵押登记-选择权利信息-根据条件进行列表查询
* @param data
* @returns {*}
*/
export function selectYgdy (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectYgdy',
method: 'post',
data
})
}
......
......@@ -718,7 +718,7 @@ class data extends filter {
label: "登记原因",
},
{
prop: "bdbzzqse",
prop: "qdjg",
label: "取得价格/被担保主债权数额",
},
{
......
......@@ -122,9 +122,23 @@ export default {
},
},
{
prop: "ys",
label: "扫描页数",
width: "50"
width: "50",
render: (h, scope) => {
if (scope.row.children && scope.row.children.length > 0) {
return (
<div>
<span>{scope.row.children.length}</span>
</div>
);
} else {
return (
<div>
<span>0</span>
</div>
);
}
},
},
{
label: "操作",
......
<template>
<div class="zdxx" id="printMe">
<div class="tablebox">
<div class="print-title">不动产登记申请书</div>
<div style="display:flex">
<div>
<table cellpadding="0" cellspacing="0" class="printTable">
<col width="60" />
<col width="80" />
<col width="200" />
<col width="100" />
<col width="160" />
<tr>
<td rowspan="2">收件</td>
<td>编号</td>
<td>1111</td>
<td rowspan="2">收件人</td>
<td rowspan="2">123</td>
</tr>
<tr>
<td>日期</td>
<td></td>
</tr>
</table>
</div>
<div class="print-unit">
单位：
<i class="el-icon-check" style="color:red;font-size:16px"></i>平方米
<span class="check-box"></span>公顷（<span class="check-box"></span>亩）、万元
</div>
</div>
<div style="margin-top:20px"></div>
<table cellpadding="0" cellspacing="0" class="printTable">
<col width="80" />
<col width="140" />
<col width="200" />
<col width="80" />
<col width="60" />
<col width="20" />
<col width="200" />
<tr>
<td rowspan="2" class="left-title">申请登记事由</td>
<td colspan="6" class="text-left">
<span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
<i class="el-icon-check" style="color:red;font-size:16px" v-if="item.checked"></i>
<span class="check-box" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td colspan="6" class="text-left">
<span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
<i class="el-icon-check" style="color:red;font-size:16px" v-if="item.checked"></i>
<span class="check-box" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td rowspan="14" class="left-title">申请人情况</td>
<td colspan="6" class="inline-title">登记申请人</td>
</tr>
<tr>
<td>权利人姓名（名称）</td>
<td colspan="5">张三</td>
</tr>
<tr>
<td>身份证件种类</td>
<td>身份证</td>
<td>证件号</td>
<td colspan="3">3438475835XXXXXXX</td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="2">山西省系撒大大</td>
<td colspan="1">邮编</td>
<td colspan="2">A700001</td>
</tr>
<tr>
<td>法定代表人或负责人</td>
<td>张三</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
</tr>
<tr>
<td>代理人姓名</td>
<td>里斯</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
</tr>
<tr>
<td>代理机构名称</td>
<td colspan="5">buzhdiao</td>
</tr>
<tr>
<td colspan="7" class="inline-title">登记申请人</td>
</tr>
<tr>
<td>义务人姓名（名称）</td>
<td colspan="5">张三</td>
</tr>
<tr>
<td>身份证件种类</td>
<td>身份证</td>
<td>证件号</td>
<td colspan="3">3438475835XXXXXXX</td>
</tr>
<tr>
<td>通讯地址</td>
<td colspan="2">山西省系撒大大</td>
<td colspan="1">邮编</td>
<td colspan="2">A700001</td>
</tr>
<tr>
<td>法定代表人或负责人</td>
<td>张三</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
</tr>
<tr>
<td>代理人姓名</td>
<td>里斯</td>
<td>联系电话</td>
<td colspan="3">134548543</td>
</tr>
<tr>
<td>代理机构名称</td>
<td colspan="5">buzhdiao</td>
</tr>
<tr>
<td rowspan="6" class="left-title">不动产情况</td>
</tr>
<tr>
<td>坐落</td>
<td colspan="5">buzhdixxxxo</td>
</tr>
<tr>
<td>不动产单元号</td>
<td>000001号</td>
<td>不动产类型</td>
<td colspan="3">房屋</td>
</tr>
<tr>
<td>面积</td>
<td>111.3㎡</td>
<td>用途</td>
<td colspan="3">城镇住宅用地</td>
</tr>
<tr>
<td>原不动产权属证书号</td>
<td>xxxx号</td>
<td>用海类型</td>
<td colspan="3"></td>
</tr>
<tr>
<td>构筑物类型</td>
<td></td>
<td>林种</td>
<td colspan="3"></td>
</tr>
<tr>
<td class="left-title">抵押情况</td>
<td>被担保债权数额（最高债权数额）</td>
<td></td>
<td colspan="2">债务履行期限（债权确定期间）</td>
<td colspan="2"></td>
</tr>
</table>
<button type="primary" @click="test()"> test</button>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { getLodop } from "@/utils/LodopFuncs";
export default {
components: {},
computed: {
...mapGetters(['dictData'])
},
mounted() {
console.log(this.dictData['A8']);
},
data () {
return {
ywlxList: [
{name: '国有建设用地使用权',value: 'A03',checked:true},
{name: '国有建设用地使用权/房屋所有权',value: 'A04',checked:false},
],
djlxList: [
{name: '首次登记',value: '100',checked:true},
{name: '转移登记',value: '200',checked:false},
{name: '变更登记',value: '300',checked:false},
{name: '注销登记',value: '400',checked:false},
{name: '更正登记',value: '901',checked:false},
{name: '异议登记',value: 'B',checked:false},
{name: '预告登记',value: '902',checked:false},
{name: '查封登记',value: 'B39',checked:false},
{name: '其他___________',value: '99',checked:false},
]
}
},
methods: {
test(){
let lodop = getLodop();
lodop.PRINT_INIT("测试");
lodop.ADD_PRINT_HTM(88,200,350,600,document.getElementById("printMe").innerHTML);
lodop.PREVIEW();
}
}
}
</script>
<style scoped lang='scss'>
.zdxx {
width: 100%;
height: 100%;
background-color: #f5f5f5;
padding: 5px;
}
.print-title{
font-size: 24px;
font-weight: bolder;
margin: 20px 0px;
}
.print-unit{
line-height: 60px;
margin-left: 20px;
font-size: 14px;
}
.left-title{
font-size: 16px
}
.inline-title{
font-size:16px;
font-weight: bolder;
}
.text-left {
text-align: left;
}
.check-box {
display: inline-block;
border: 1px solid rgb(114, 113, 113);
border-radius: 2px;
box-sizing: border-box;
width: 10px;
height: 10px;
}
.tablebox {
overflow-x: auto;
width: 100%;
height: 100%;
background: #fff;
text-align: center;
padding: 4px;
overflow-y: scroll;
.printTable {
width: 100%;
color: #333;
td {
border: 1px solid rgb(194, 191, 191);
line-height: 30px;
padding: 0 4px;
}
.title {
line-height: 68px;
font-size: 20px;
}
.unit {
text-align: right;
}
.title2 {
writing-mode: vertical-lr;
letter-spacing: 6px;
}
.bhqk {
padding: 0;
.box {
width: 745px;
overflow: auto;
}
.test {
}
table {
.bhqkTh {
width: 110px;
line-height: 40px;
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
font-weight: bold;
}
td {
width: 180px;
}
}
}
}
}
</style>
\ No newline at end of file
<template>
<div>
<lb-table :column="tableData.columns" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData.data">
</lb-table>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getSzRecordList } from "@/api/bdcqz.js";
import table from "@/utils/mixin/table";
import { datas } from "../javascript/szxxdata";
export default {
components: {
},
mixins: [table],
computed: {
...mapGetters(["dictData"]),
},
props: {
formData: {
type: Object,
default: {}
},
},
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
details: {},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
}
},
mounted() {
this.query()
},
methods: {
query(){
getSzRecordList({bsmBdcqz: this.formData.bsmBdcqz}).then(res => {
if(res.code == 200){
this.tableData.data = res.result;
}
})
}
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
......@@ -49,7 +49,7 @@
<el-button
class="operation_button"
type="text"
@click="openZsylDialog(item, 1)"
@click="openRecordPop(item)"
>缮证记录</el-button
>
</div>
......@@ -57,14 +57,20 @@
<el-button
class="operation_button"
type="text"
@click="openZsylDialog(item, 2)"
@click="openZsylDialog(item,2)"
>证书打印（{{ item.szcs }}）</el-button
>
<el-button
class="operation_button"
type="text"
@click="openRecordPop(item)"
>缮证记录</el-button
>
</div>
</div>
</el-card>
<el-dialog
title="证书打印"
title="证书作废"
:visible.sync="invalidDiglog"
width="30%"
:modal-append-to-body="false"
......@@ -93,8 +99,9 @@
</div>
</template>
<script>
import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
import { getSlsqBdcqzList, invalidCertificate,getSzRecordList } from "@/api/bdcqz.js";
import bdcqzPrint from "./zsdy.vue";
import { popupDialog } from "@/utils/popup.js";
export default {
components: { bdcqzPrint },
props: {},
......@@ -172,6 +179,8 @@ export default {
//再次打印
openInvalidDiglog(item) {
this.bsmSz = item.bsmSz;
console.log(item);
this.invalidDiglog = true;
},
closeInvalidDiglog() {
......@@ -192,6 +201,9 @@ export default {
}
});
},
openRecordPop(item) {
popupDialog("缮证记录", "workflow/components/szRecord", {bsmBdcqz: item.bsmBdcqz}, '50%')
}
},
};
</script>
......
......@@ -2,9 +2,10 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<div class="title">请选择要退回到的环节：</div>
<el-form ref="queryForm" label-width="90px">
<ul style="margin-bottom:15px">
<li v-for="(item,index) in dataList" class="listDetail" :key="index">
<li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)">
<p class="icon">
<el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio>
</p>
......@@ -12,11 +13,12 @@
<p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p>
</li>
</ul>
<el-form-item label="退回意见:">
<el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
<div class="title">退回意见：</div>
<el-form-item>
<el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input>
</el-form-item>
<el-form-item>
<el-button style="float:right">取消</el-button>
<!-- <el-button style="float:right">取消</el-button> -->
<el-button type="primary" @click="onSubmit" style="float:right">退回</el-button>
</el-form-item>
</el-form>
......@@ -59,10 +61,12 @@ export default {
}, 1000);
})
},
changeSelectItem(item){
changeSelectItem(item){
this.selectItem = item
this.selectActivity = item.activityId
},
getBackNode () {
//获取可回退环节信息
getBackNode () {
getTaskBackNode(this.formData).then(res => {
if (res.code == 200) {
this.dataList = res.result
......@@ -72,7 +76,7 @@ export default {
}
}
})
}
},
}
}
</script>
......@@ -100,6 +104,10 @@ export default {
}
}
.title{
margin-bottom: 10px;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
......
......@@ -7,7 +7,7 @@
@submitForm="handleSubmit"
>
<div>
<div class="middle_padding">
<div>
<el-form
:model="ruleForm"
:rules="rules"
......@@ -27,7 +27,8 @@
</el-form-item>
</el-form>
</div>
<div
<img :src="previewImage">
<!-- <div
class="aaaa"
v-if="bdcqz.bdcqzlx == 1"
:style="{
......@@ -120,7 +121,7 @@
</div>
<div class="fj">{{ bdcqz.fj }}</div>
</div>
</div>
</div> -->
</div>
</dialogBox>
</template>
......@@ -139,6 +140,8 @@ export default {
myValue: this.value,
//印刷序列号集合
ysxlh: [],
//证书预览图片
previewImage: '',
//列名称对象
columns: [],
ruleForm: {
......@@ -185,7 +188,13 @@ export default {
return value;
},
getBdcqzPreview() {
bdcqzPreview(this.bdcqz).then((res) => {});
this.$startLoading()
bdcqzPreview(this.bdcqz).then(res => {
this.$endLoading()
let blob = new Blob([res]);
let url = window.URL.createObjectURL(blob);
this.previewImage = url;
})
},
//保存打印记录
savePrintRecord() {
......@@ -195,6 +204,9 @@ export default {
certificate(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$emit("input", false);
this.$message.success("提交成功");
//刷新列表
this.$parent.list();
} else {
this.$message.error(res.message);
}
......
......@@ -5,7 +5,7 @@
<el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane>
</el-tabs>
<!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> -->
<img :src="previewImage" :class="imgClass">
<img :src="previewImage" class="imgClass">
</div>
</template>
......
......@@ -51,6 +51,10 @@ export function getForm (tabName, djywbm) {
case "ygmm300":
form = require("@/views/ywbl/ygdj/slxx300.vue");
break;
case "ygdy100":
case "ygdy300":
form = require("@/views/ywbl/ygdy/slxx.vue");
break;
case "cfdjxx":
form = require("@/views/registerBook/cfdj.vue");
break;
......
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
label: '序号',
type: 'index',
render: (h, scope) => {
return (
<div>
{scope.$index + 1}
</div>
)
}
},
{
prop: "szzh",
label: "缮证证号",
},
{
prop: "ysxlh",
label: "印刷序列号",
},
{
prop: "szry",
label: "缮证人员",
},
{
prop: "szsj",
label: "缮证时间",
},
{
label: "是否作废",
render: (h, scope) => {
if(scope.row.sfzf == '0'){
return <div>否</div>
}else{
return <div>已作废</div>
}
}
},
{
prop: "bz",
label: "备注信息",
},
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -131,6 +131,9 @@ export default {
entryType: '1'
}, '1070px')
break;
case "B6":
popupDialog("打印申请书", "workflow/components/printApplication", {}, '1070px')
break;
case "B7":
this.$popup("证书领取", "workflow/components/zslq", {
formData: { bsmSlsq: this.$route.query.bsmSlsq }
......@@ -138,9 +141,9 @@ export default {
break;
case "back": //退回按钮
popupDialog("退回", "workflow/components/th", {
bsmSlsq: this.bsmSlsq,
bestepid: this.bestepid
}, '800px')
bsmSlsq: this.bsmSlsq,
bestepid: this.bestepid
}, '800px')
break;
case "transfer": //转件按钮
getNextLinkInfo({
......
......@@ -42,6 +42,14 @@
flex-wrap: wrap;
width: 100%;
}
.title-batch {
height: 70px;
.menus {
justify-content: center
}
}
ul {
position: relative;
......
......@@ -22,7 +22,11 @@
<div class="containerFrame">
<!-- 左侧菜单栏 -->
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<div class="title" @click="batchUnitClick" v-if="showBatch">{{ batchButtonName }}</div>
<el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch">
<el-menu-item index="-1" key="-1" class="menus">
<div>{{ batchButtonName }}</div>
</el-menu-item>
</el-menu>
<div v-if="this.isShowdrawer">
<div class="title">
申请单元列表({{ unitData.length }})
......@@ -208,11 +212,13 @@ export default {
unitClick (index) {
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.batchOperation = false;
this.activeIndex = index.toString();
this.stepForm(index);
},
//批量按钮点击事件
batchUnitClick(){
this.currentSelectProps.batchOperation = true;
this.activeIndex = "-1";
this.stepForm();
}
}
......
......@@ -129,17 +129,17 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg">
<el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：" prop="cfdj.jfwj">
<el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh">
<el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype"></el-input>
</el-form-item>
</el-col>
</el-row>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
<el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
<el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></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="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：">
<el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
<el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
<el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
<el-input disabled v-model="ruleForm.qlxxold.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
<el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
<el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
<el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
<el-input disabled v-model="ruleForm.qlxxold.ytmc"></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="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="被担保主债权数额：">
<el-input v-model="ruleForm.ygdj.qdjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行起始时间：">
<el-date-picker v-model="ruleForm.ygdj.zwlxqssj" type="date">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行结束时间：">
<el-date-picker v-model="ruleForm.ygdj.zwlxjssj" type="date">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"
:disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
<el-input type="textarea" v-model="ruleForm.ygdj.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" v-if="ruleForm.qlxx">
<el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.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-row>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
v-model="ruleForm.ygdj.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
async created () {
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
}
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
methods: {
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
// 更新权利人信息
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
<template>
<!-- 主体权利信息查询 -->
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="不动产权证号">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
clearable
class="width200px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号">
<el-input
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width200px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="坐落">
<el-input
placeholder=""
v-model="queryForm.zl"
clearable
class="width200px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData()">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
ref="table"
@row-click="handleRowClick"
:page-size="pageData.pageSize"
:heightNum="400"
:current-page.sync="pageData.currentPage"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
@selection-change="handleSelectionChange"
:column="tableData.columns"
:data="tableData.data"
>
</lb-table>
</div>
<div class="submit_button">
<el-button @click="closeDialog">取消</el-button>
<el-button type="primary" plain @click="submitForm">发起申请</el-button>
</div>
</div>
</template>
<script>
import { datas, sendThis } from "../javascript/selectYgdy.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { selectYgdy, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => {} },
},
data() {
return {
queryForm: defaultParameters.defaultParameters(),
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
bdcdysz: [],
};
},
mounted() {
sendThis(this);
},
methods: {
//点击行选中或取消复选框
handleRowClick(row, column, event) {
//通过ref绑定后这里使用$refs.table来操作bom元素
this.$refs.table.toggleRowSelection(row);
},
closeDialog() {
this.$emit("closeDialog");
},
fetchData() {
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
});
},
submitForm() {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
return;
}
startBusinessFlow({
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
}).then((res) => {
if (res.code == 200) {
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.sqywInfo.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
});
},
handleSelectionChange(val) {
val.forEach((item, index) => {
item.bsmSsql = item.bsmQlxx;
item.ybdcqzsh = item.bdcqzh;
});
this.bdcdysz = val;
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选'
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "status",
label: "状态",
render: (h, scope) => {
return (
<div>
{/* <a v-on:click="doSomething"></a> */}
<a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span>
</div>
)
}
},
{
prop: "bdcqzh",
label: "不动产证明号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "dyfs",
label: "抵押方式",
render: (h, scope) => {
switch (scope.row.dyfs) {
case '1':
return <span>一般抵押</span>
case '2':
return <span>最高额抵押</span>
}
}
},
{
prop: "qlrmc",
label: "抵押权人",
},
{
prop: "qlrzjhm",
label: "抵押权人证件号",
},
{
prop: "ywrmc",
label: "抵押人",
},
{
prop: "ywrzjhm",
label: "抵押人证件号",
},
{
prop: "dyje",
label: "抵押金额(万元)",
},
{
prop: "dymj",
label: "抵押面积",
},
{
prop: "dyqx",
label: "债务履行期限",
},
{
prop: "zl",
label: "坐落",
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -54,8 +54,14 @@ export function queueDjywmc(djywbm) {
case "B40200"://预告转移
case "B40300"://预告变更
case "B40400"://预告注销
case "B41100": //预告抵押首次
vm ="selectYgdj200";
break;
case "B41200": //预告抵押转移
case "B41300": //预告抵押变更
case "B41400": //预告抵押注销
vm ="selectYgdy";
break;
default:
vm = "selecBdcql";
break;
......