Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
db6d83d1 by 任超
Options

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

2 parents b57829e9 8b3e78e8
Inline Side-by-side
Showing 48 changed files with 2120 additions and 608 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: "取得价格/被担保主债权数额",
},
{
......
<template>
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" height="700" :isButton="false" v-model="myValue">
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue">
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title">申请信息</b>
<el-form :model="ruleForm" label-width="120px">
<el-form :model="form" label-width="120px">
<el-row>
<el-col :span="8">
<el-form-item label="查询用途" label-width="90px">
<el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
<el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="与产权人的关系">
<el-radio-group v-model="ruleForm.ycyrgx">
<el-radio :label="1">房屋权利人</el-radio>
<el-radio :label="2">产权利害关系人</el-radio>
<el-radio :label="3">委托人</el-radio>
<el-radio-group v-model="form.djSqcxDO.ycyrgx">
<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>
</el-form>
<personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
<!-- <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> -->
<lb-table border :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">权利人</b>
<personInfoTable @getInfoList="handleGetQlList" :dataList="qldataList" />
<div class="submit-button">
<el-button type="primary" @click="queryChick">查询</el-button>
<el-button @click="resetClick">重置</el-button>
</div>
<b class="title" v-show="isSearch">查询结果</b>
<lb-table :column="searchData.columns" v-if="isSearch" :data="searchData.data" :maxHeight="200" heightNumSetting
<!-- <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" :isGanged="isGanged" /> -->
<lb-table border :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div v-show="isSearch">
<b class="title">查询结果</b>
<p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
<lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
</div>
<div class="submit-button" v-show="isSearch" style="padding-bottom:20px">
<el-button type="primary" v-if="searchData.data.length > 0">房产结果打印（1）</el-button>
<el-button type="primary" v-else>无房证明打印（1）</el-button>
</div>
<el-divider></el-divider>
<div class="submit-button" style="padding-bottom:50px">
<el-button @click="resetClick">重置</el-button>
<el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button>
<el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印（{{form.dyjlList.length}}）
</el-button>
<el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印（{{form.dyjlList.length}}）
</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
</div>
......@@ -45,114 +53,136 @@
</template>
<script>
import personInfoTable from './personInfoTable'
import { addJtfcCxjgXx } from '@/api/sqcx'
import personInfoTable from "./personInfoTable";
import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx";
import { datas, sendThis } from "./addjtfcdata";
import { mapGetters } from "vuex";
export default {
components: {
personInfoTable
personInfoTable,
},
computed: {
...mapGetters(["dictData"]),
},
props: {
value: { type: Boolean, default: false },
bsmSqcx: { type: String, default: "" },
},
mounted () {
mounted() {
sendThis(this);
},
data () {
data() {
return {
myValue: this.value,
ruleForm: {
cxyt: '',
ycyrgx: 1,
cxlx: '1' //查询类型 1：房产查询 2：登记簿查询
},
//是否查询
isSearch: false,
dataList: [{
sqrxm: '',
sqrzjlxbm: '',
sqrzjhm: '',
lxdh: '',
inputErr: false
}],
sqdataList: [],
qldataList: [],
options: [{
name: '1',
value: 1
}],
searchData: {
columns: datas.columns(),
data: [],
//查询结果列表字段
cxjgColumns: datas.columns(),
//申请人列表字段
sqrColumns: datas.sqrCol(),
//权利人列表字段
qlrColumns: datas.qlrCol(),
newData: {
sqrxm: "",
sqrzjlxbm: "",
sqrzjhm: "",
lxdh: "",
inputErr: false,
},
addJtfc: {
djSqcxDO: {},
sqxx: [],
qlrxx: [],
}
}
form: {
djSqcxDO: { ycyrgx: "1", cxyt: "" },
sqrList: [],
qlrList: [],
cxjgList: [],
dyjlList: [],
},
};
},
watch: {
value (val) {
this.myValue = val
this.qldataList = _.cloneDeep(this.dataList)
this.sqdataList = _.cloneDeep(this.dataList)
this.addJtfc.sqxx = _.cloneDeep(this.dataList)
this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
},
'ruleForm.ycyrgx' (val) {
if (val != 1) {
this.qldataList = _.cloneDeep(this.dataList)
this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
value(val) {
this.myValue = val;
if (val) {
//this.$alert(this.bsmSqcx);
if (this.bsmSqcx == "") {
this.add("sqr");
this.add("qlr");
} else {
this.qldataList = this.addJtfc.sqxx
this.addJtfc.qlrxx = this.addJtfc.sqxx
this.loadData();
}
}
},
"form.djSqcxDO.ycyrgx"(val) {
if (val == "1") {
this.form.qlrList = this.form.sqrList;
} else {
this.form.qlrList = [];
this.add("qlr");
}
},
"form.sqrList"(val) {
//this.$alert(val);
},
},
methods: {
closeDialog () {
this.$emit('input', false)
},
handleGetSqList (val) {
if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) {
this.qldataList = val
this.addJtfc.qlrxx = val
} else
this.addJtfc.sqxx = val
},
handleGetQlList (val) {
if (this.ruleForm.ycyrgx != 1) {
this.addJtfc.qlrxx = val
closeDialog() {
this.$emit("input", false);
},
loadData() {
this.$startLoading();
getJtfcInfo({ sqcxBsm: sqcxBsm }).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.isSearch = true;
}
});
},
queryChick () {
this.addJtfc.djSqcxDO = { ...this.ruleForm }
addJtfcCxjgXx(this.addJtfc).then(res => {
this.searchData.data = res.result;
console.log(res);
this.isSearch = true
})
queryChick() {
this.$startLoading();
addJtfcCxjgXx(this.form).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.isSearch = true;
this.$parent.queryClick();
}
});
},
resetClick () {
this.qldataList = _.cloneDeep(this.dataList)
this.sqdataList = _.cloneDeep(this.dataList)
resetClick() {
this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" };
this.form.sqrList = _.cloneDeep([this.newData]);
this.form.qlrList =_.cloneDeep([this.newData]);
this.form.cxjgList = [];
this.form.dyjlList = [];
this.isSearch = false;
},
handleRead (row) { },
//抵押
dyClick () {
handleRead(scope) {},
add(type) {
if (type == "sqr") {
this.form.sqrList.push(this.newData);
} else {
this.form.qlrList.push(this.newData);
}
},
//查封
cfClick () {
remove(index, row, type) {
if (type == "sqr") {
this.form.sqrList.splice(index, 1);
} else {
this.form.qlrList.splice(index, 1);
}
},
teltest(row) {
const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
row.inputErr = true;
return false;
} else {
row.inputErr = false;
return true;
}
}
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
......@@ -8,7 +8,7 @@ class data extends filter {
constructor() {
super()
}
columns () {
columns() {
return [
{
prop: 'qszt',
......@@ -66,15 +66,288 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button>
<el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
<el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button>
</div>
)
}
}
]
}
sqrCol() {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("sqr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row,"sqr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
qlrCol() {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("qlr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row,"qlr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
}
let datas = new data()
export {
......
......@@ -8,156 +8,206 @@
</lb-table>
</template>
<script>
import { mapGetters } from 'vuex'
import { mapGetters } from "vuex";
export default {
props: {
dataList: {
type: Array,
default: () => [{
sqrxm: '',
sqrzjlxbm: '',
sqrzjhm: '',
lxdh: '',
inputErr: false
}]
dataList: { type: Array, default: () => [{}] },
},
created() {
if (this.dataList.length == 0) {
this.add();
}
},
computed: {
...mapGetters(['dictData'])
...mapGetters(["dictData"]),
},
data () {
data() {
return {
tableData: {
columns: [
{
width: '60',
width: "60",
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
return (
<i
class="el-icon-plus pointer"
onClick={() => {
this.add();
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
<i
class="el-icon-minus pointer"
onClick={() => {
this.remove(scope.$index, scope.row);
}}
></i>
);
},
},
{
width: '150',
label: '身份证读卡器',
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
this.handleRead(scope);
}}
>
读取
</el-button>
</div>
)
}
);
},
},
{
width: '150',
prop: 'sqrxm',
label: '姓名/名称',
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: 'sqrzjlxbm',
label: '证件种类',
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select class="width100" value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }}>
{
this.dictData['A30'].map(option => {
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{this.dictData["A30"].map((option) => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
)
}
);
},
},
{
prop: 'sqrzjhm',
label: '证件号',
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input placeholder="证件号" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='21'></el-input>
)
}
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: 'lxdh',
label: '联系电话',
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class='typePhone'>
<el-input placeholder="联系电话" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}
onBlur={(val) => { this.teltest(scope.row) }}
type='tel' maxlength='11'
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
this.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span v-show={scope.row.inputErr} style={{
fontSize: '12px', color: 'red', position: 'absolute', bottom: '-2px', left: '0'
}}>请输入正确手机号</span>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
)
}
}
],
data: []
}
}
},
watch: {
'tableData.data': {
handler (newValue, oldName) {
if (newValue.length != 0) {
this.$emit('getInfoList', newValue)
}
);
},
deep: true,
immediate: true
},
dataList: {
handler (newValue, oldName) {
this.tableData.data = _.cloneDeep(newValue)
console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
],
data: this.dataList,
},
deep: true,
immediate: true
};
},
watch: {
// 'tableData.data': {
// handler (newValue, oldName) {
// if (newValue.length != 0) {
// //this.$alert(newValue);
// //this.$emit('getInfoList', newValue)
// }
// },
// deep: true,
// immediate: true
// },
// dataList: {
// handler (newValue, oldName) {
// this.tableData.data = _.cloneDeep(newValue)
// //console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
// },
// deep: true,
// immediate: true
// },
},
methods: {
handleAdd () {
add() {
this.tableData.data.push({
sqrxm: '',
sqrzjlxbm: '',
sqrzjhm: '',
lxdh: '',
inputErr: false
})
sqrxm: "",
sqrzjlxbm: "",
sqrzjhm: "",
lxdh: "",
inputErr: false,
});
},
handleMinus (index, row) {
this.tableData.data.splice(index, 1)
remove(index, row) {
this.tableData.data.splice(index, 1);
},
teltest (row) {
teltest(row) {
const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
if (row.lxdh == '' || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
row.inputErr = true
return false
if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
row.inputErr = true;
return false;
} else {
row.inputErr = false
return true
}
}
row.inputErr = false;
return true;
}
}
},
},
};
</script>
<style scoped lang='scss'>
/deep/.el-table__cell {
......
......@@ -16,7 +16,17 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="14" class="btnColRight">
<el-col :span="10">
<el-form-item label="查询时间">
<el-date-picker v-model="queryForm.sqr" type="date"
placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker> 至
<el-date-picker v-model="queryForm.sqr" type="date"
placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="handleAdd">新增</el-button>
</el-col>
......@@ -30,7 +40,7 @@
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<addjtfc v-model="isDialog" />
<addjtfc v-model="isDialog" :key="timer" :sqcxBsm="sqcxBsm" />
</div>
</template>
<script>
......@@ -42,20 +52,19 @@ export default {
name: "jtfc",
components: { addjtfc },
mixins: [table],
mounted () {
mounted() {
sendThis(this);
this.queryClick()
this.queryClick();
},
data () {
data() {
return {
timer: "",
isDialog: false,
sqrOption: [],
cxytOption: [],
sqcxBsm: "",
queryForm: {
cxbh: "",
sqr: "",
},
tableData: {
columns: datas.columns(),
data: [],
......@@ -64,7 +73,7 @@ export default {
},
methods: {
// 初始化数据
queryClick () {
queryClick() {
this.$startLoading();
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
......@@ -75,24 +84,30 @@ export default {
}
});
},
handleSort (name, sort) {
handleSort(name, sort) {
console.log(name, sort);
},
handleAdd () {
handleAdd() {
//this.handleLoad();
this.isDialog = true;
},
handleViewClick (scope) {
var sqcxBsm = scope.row.bsmSqcx;
this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
formData: {
sqcxBsm: sqcxBsm,
handleViewClick(scope) {
//this.handleLoad();
this.bsmSqcx = scope.row.bsmSqcx;
this.isDialog = true;
// this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
// formData: {
// sqcxBsm: sqcxBsm,
// },
// cancel: function () { }, //取消事件的回调
// confirm: function () { },
// });
},
cancel: function () { }, //取消事件的回调
confirm: function () { },
});
}
}
}
handleLoad() {
this.timer = new Date().getTime();
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -54,7 +54,7 @@ class data extends filter {
render: (h, scope) => {
switch (scope.row.ycyrgx) {
case '1':
return <div>权利人</div>
return <div>房屋权利人</div>
case '2':
return <div>产权利害关系人</div>
case '3':
......
......@@ -43,17 +43,8 @@ class data extends filter {
label: "申请人",
},
{
prop: "ycqrgxmc",
label: "与权利人的关系",
render: (h, scope) => {
switch (scope.row.ycyrgx) {
case '1':
return <div>权利人</div>
case '2':
return <div>产权利害关系人</div>
case '3':
return <div>委托人</div>
}
}
},
{
prop: "qlrxm",
......
......@@ -8,16 +8,16 @@ class data extends filter {
constructor() {
super()
}
djqxCol () {
djqxCol() {
return [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { vm.handleAdd() }} style="color:#409EFF"></i>
return <i class="el-icon-plus pointer" onClick={() => { vm.addDjqx() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { vm.handleMinus(scope.$index, scope.row) }}></i>
<i class="el-icon-minus pointer" onClick={() => { vm.removeDjqx(scope.$index, scope.row) }}></i>
)
}
},
......@@ -27,14 +27,26 @@ class data extends filter {
type: 'index'
},
{
label: '是否启用登记情形',
prop: 'enabled',
width: '141',
render: (h, scope) => {
return (
<el-radio-group value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
},
{
prop: 'nodecode',
width: '105',
label: '登记情形编码',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
<el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { vm.nodecodeBlur(scope.$index, scope.row) }} maxlength="8">
</el-input>
</div>
......@@ -47,19 +59,18 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
<el-input placeholder="登记情形名称" value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
)
}
},
{
label: '是否启用登记情形',
width: '141',
prop: 'sfqydjyymb',
label: '是否启用模板',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio-group value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
......@@ -72,26 +83,13 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
<el-input placeholder="登记原因模板" value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
)
}
},
{
label: '是否启用模板',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
},
{
label: '移动',
width: '100',
render: (h, scope) => {
......@@ -106,16 +104,16 @@ class data extends filter {
]
}
clxxCol () {
clxxCol() {
return [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { vm.handleAdd() }} style="color:#409EFF"></i>
return <i class="el-icon-plus pointer" onClick={() => { vm.addClxx() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { vm.handleMinus(scope.$index, scope.row) }}></i>
<i class="el-icon-minus pointer" onClick={() => { vm.removeClxx(scope.$index, scope.row) }}></i>
)
}
},
......@@ -181,10 +179,11 @@ class data extends filter {
},
{
label: '是否公共材料',
prop: 'sfggcl',
width: '110',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; vm.handleSelectGgcl(scope.row) }}>
<el-radio-group value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>是</el-radio>
<el-radio label={'0'}>否</el-radio>
</el-radio-group>
......
<template>
<el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0"
:visible.sync="dialogVisible" :before-close="cancelDialog">
<el-dialog
:title="sqqlRule.nodename"
custom-class="dialogBox contentCenter"
width="80%"
top="0"
:visible.sync="dialogVisible"
:before-close="cancelDialog"
>
<ul class="edit-title-list" v-if="djlxList.length > 0">
<li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
:class="{ active: index == tn }">
<li
v-for="(item, index) in djlxList"
@click="handleTitleSelct(item, index)"
:key="index"
:class="{ active: index == tn }"
>
{{ item.nodename }}
</li>
</ul>
......@@ -12,8 +22,18 @@
<el-row>
<el-col :span="8">
<el-form-item label="申请分类">
<el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="form.ywDetail.sqfl"
disabled
placeholder="请选择"
class="width100"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -32,8 +52,18 @@
<el-row>
<el-col :span="8">
<el-form-item label="发起业务单元类型">
<el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="form.ywDetail.fqywdylx"
disabled
placeholder="请选择"
class="width100"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -64,20 +94,42 @@
</el-col>
<el-col :span="8">
<el-form-item label="登记情形及材料">
<el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input>
<el-input
v-model="form.ywDetail.djqxcl"
placeholder="仅支持execl文件导入"
></el-input>
</el-form-item>
</el-col>
<el-col :span="1">
<el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
:disabled="requested" :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
<el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
<el-upload
ref="upload"
:action="imgUploadUrl"
:limit="1"
accept=".xls, .xlsx"
:show-file-list="false"
:disabled="requested"
:file-list="fileList"
:before-upload="uploadRecord"
:on-success="handleSuccess"
>
<el-button
type="primary"
icon="el-icon-upload"
:loading="requested"
>上传材料</el-button
>
</el-upload>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="登记原因模板" prop="djyy">
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
<el-input
type="textarea"
:rows="4"
placeholder="请输入内容"
v-model="form.ywDetail.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -85,18 +137,35 @@
</el-form>
<el-collapse accordion>
<el-collapse-item title="登记情形设置" name="1">
<lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
<lb-table
:column="djqxCol"
border
:pagination="false"
heightNumSetting
:data="form.djqx"
>
</lb-table>
</el-collapse-item>
<el-collapse-item title="材料信息设置" name="2">
<lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
<lb-table
:column="clxxCol"
border
heightNumSetting
:pagination="false"
:data="form.clxx"
>
</lb-table>
</el-collapse-item>
<el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
<el-collapse-item
title="刷选权利设置"
name="3"
v-if="form.ywDetail.sfsxql == '1'"
>
<div class="dyztsd-title">
<b>请勾选需要查询的权利信息</b>
<div>
<el-button type="text" @click="handleSelectall">选择全部
<el-button type="text" @click="handleSelectall"
>选择全部
</el-button>
<el-button type="text" @click="handleInvert">清除全部</el-button>
</div>
......@@ -116,10 +185,6 @@
<div class="screen-list-left">
{{ item.sxzdmc }} ：
<el-checkbox v-model="item.checked">禁止办理</el-checkbox>
<!-- <el-radio-group v-model="item.selected">
<el-radio label="1">禁止办理</el-radio>
<el-radio label="0">忽略</el-radio>
</el-radio-group> -->
</div>
</li>
</ul>
......@@ -155,7 +220,7 @@ export default {
},
components: {},
name: "componentDialog",
data () {
data() {
return {
tn: 0,
n: 0,
......@@ -170,12 +235,12 @@ export default {
computed: {
...mapGetters(["dictData"]),
},
mounted () {
mounted() {
sendThis(this);
},
methods: {
//页面初始化
init () {
init() {
this.tn = 0;
getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
let { result } = res;
......@@ -189,13 +254,13 @@ export default {
//}
},
//tab选项卡事件
handleTitleSelct (obj, index) {
handleTitleSelct(obj, index) {
this.n = 0;
this.tn = index;
this.getDetail(this.djlxList[index].bsmSqyw);
},
//获取业务具体明细内容
getDetail (bsmSqyw) {
getDetail(bsmSqyw) {
getSqdjywDetail(bsmSqyw).then((res) => {
if (res.code === 200) {
this.form = res.result;
......@@ -205,7 +270,7 @@ export default {
});
},
//提交保存数据
submit () {
submit() {
let that = this;
saveSqdjyw(this.form).then((res) => {
if (res.code == 200) {
......@@ -218,25 +283,49 @@ export default {
});
},
//修改父组件传过来的值
cancelDialog () {
cancelDialog() {
this.$emit("update:dialogVisible", false);
},
// 上移下移
moveUpward (index, row, type) {
moveUpward(index, row, type) {
if (type == "clxx") {
upward(index, this.form.clxx)
upward(index, this.form.clxx);
} else {
upward(index, this.form.djqx)
upward(index, this.form.djqx);
}
},
moveDown (index, row, type) {
moveDown(index, row, type) {
if (type == "clxx") {
down(index, this.form.clxx)
down(index, this.form.clxx);
} else {
down(index, this.form.djqx)
down(index, this.form.djqx);
}
},
addDjqx() {
this.form.djqx.push({
nodecode: "",
nodename: "",
enabled: "1",
djyy: "",
sfqydjyymb: "0",
});
},
removeDjqx(index, row) {
this.form.djqx.splice(index, 1);
},
addClxx() {
this.form.clxx.push({
isrequired: "1",
djqxbm: "",
clbm: "",
clmc: "",
cllx: "",
sfggcl: "1",
});
},
removeClxx(index, row) {
this.form.clxx.splice(index, 1);
},
},
};
</script>
......
......@@ -6,44 +6,22 @@
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="权利类型">
<el-select
v-model="queryForm.qllx"
@change="queryClick"
filterable
class="width100"
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in qllxs"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.qllx" @change="queryClick" filterable class="width100" clearable
placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="登记业务编码">
<el-input
placeholder="请输入登记业务编码"
@clear="queryClick"
v-model="queryForm.djywbm"
clearable
>
<el-input placeholder="请输入登记业务编码" @clear="queryClick" v-model="queryForm.djywbm" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button
type="primary"
native-type="submit"
icon="el-icon-search"
@click="queryClick"
>查询</el-button
>
<el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -51,25 +29,14 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.pageSize"
class="loadingtext"
:current-page.sync="pageData.currentPage"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> -->
<component-dialog
:dialogVisible="dialogVisible"
v-if="sqqlRule && flag"
:sqqlRule="sqqlRule"
@update:dialogVisible="dialogVisibles"
></component-dialog>
<component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule && flag" :sqqlRule="sqqlRule"
@update:dialogVisible="dialogVisibles"></component-dialog>
</div>
</template>
<script>
......
......@@ -66,7 +66,7 @@
<el-row>
<el-col :span="16">
<el-form-item label="地址">
<el-input v-model="ruleForm.dz"></el-input>
<el-input v-model="ruleForm.txdz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -160,7 +160,7 @@ export default {
frmc: "",
gjdq: "",
szss: "",
dz: "",
txdz: "",
yb: "",
fzjg: "",
dzyj: "",
......
<!--
功能：申请单元列表批量删除
作者：calliope
-->
<template>
<div class='batchDel'>
<lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false"
......
......@@ -106,7 +106,7 @@ export default {
label: "扫描状态",
width: "80",
render: (h, scope) => {
if (scope.row.children.length > 0) {
if (scope.row.children && scope.row.children.length > 0) {
return (
<div>
<span>已扫描</span>
......@@ -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>
<div id="printMe" style="width: 100%;height: 100%;background-color: #f5f5f5;padding: 5px;">
<div style="overflow-x: auto;width: 100%;height: 100%;background: #fff;text-align: center;padding: 4px;overflow-y: scroll;">
<div style="font-size: 24px;font-weight: bolder;margin: 20px 0px;">不动产登记申请书</div>
<div style="display:flex">
<div>
<table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
<col width="30" />
<col width="50" />
<col width="160" />
<col width="50" />
<col width="120" />
<tr>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">1111</td>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">123</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
</table>
</div>
<div style="margin-left: 20px;font-size: 14px;">
单位：
<span style="font-family:Wingdings;font-size:18px;color:red">&#254;</span>平方米
<!-- <span style="font-family:Wingdings;font-size:40px;">&#250;</span> -->
<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;margin-left:10px"></span>
公顷（<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;"></span>亩）、万元
</div>
</div>
<div style="margin-top:20px"></div>
<table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
<col width="80" />
<col width="100" />
<col width="180" />
<col width="80" />
<col width="60" />
<col width="20" />
<col width="180" />
<tr>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请登记事由</td>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
<span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
<span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
<span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
<span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
<span class="check-box" style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td rowspan="14" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请人情况</td>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
<td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
</tr>
<tr>
<td colspan="7" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
<td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
</tr>
<tr>
<td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdixxxxo</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">000001号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">面积</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">111.3㎡</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用途</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">城镇住宅用地</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">原不动产权属证书号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">xxxx号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用海类型</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">构筑物类型</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">林种</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
</table>
</div>
<button @click="printView()"> 打印预览 </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: {
printView(){
let lodop = getLodop();
lodop.PRINT_INIT("测试");
//纵坐标开始点位，横坐标开始点位，纸张宽度，纸张高度
lodop.ADD_PRINT_HTM(0,10,760,1200,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;
}
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
......@@ -32,6 +32,7 @@ export default {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate:false,
details: {},
tableDataList: [],
InformationTable: [
......@@ -147,16 +148,24 @@ export default {
},
methods: {
handleupdateDetail (value) {
debugger
if(this.isaddupdate){
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
}else{
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
// this.key++
this.$emit('upDateQlrxxList', this.tableDataList)
}
}
},
// 新增
addClick () {
this.dialog = true
this.isaddupdate=true
},
// 删除
......@@ -172,6 +181,7 @@ export default {
this.dataIndex = index
this.dialog = true
this.details = row
this.isaddupdate=false
},
queryViewClick () {
this.dialog = true
......
<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>
......@@ -61,7 +63,9 @@ export default {
},
changeSelectItem(item){
this.selectItem = item
this.selectActivity = item.activityId
},
//获取可回退环节信息
getBackNode () {
getTaskBackNode(this.formData).then(res => {
if (res.code == 200) {
......@@ -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
}
......@@ -42,7 +42,7 @@ export default {
this.judgeBatchShow();
if (this.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
this.unitClick(-1);
this.batchUnitClick();
} else {
//默认选择单元列表第一个
this.unitClick(0);
......@@ -54,8 +54,8 @@ export default {
//批量按钮判断
judgeBatchShow () {
this.showBatch = false;
let qllx = this.$route.query.sqywbm.substring(0, 3);
if (this.unitData.length > 1) {
let qllx = this.$route.query.sqywbm.substring(0, 3);
switch (qllx) {
case 'B39':
this.showBatch = true;
......@@ -65,6 +65,8 @@ export default {
this.showBatch = true;
this.batchButtonName = '批量抵押';
break;
default:
this.batchButtonName = '批量操作';
}
}
},
......@@ -129,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 }
......@@ -279,6 +284,22 @@ export default {
message: "action: " + action
})
})
},
//批量操作
handleBatchDel () {
let that = this;
this.$popup("批量删除", "workflow/components/batchDel", {
width: "50%",
btnShow: true,
height: "600px",
formData: {
bsmSlsq: this.bsmSlsq,
dataList: this.unitData,
},
confirm: function () {
that.loadBdcdylist();
}
})
},
}
}
......
......@@ -20,15 +20,13 @@ export default {
},
//切换选项卡内容组件
getFromRouter (tabname) {
//根据tabname获取选中的表单
//根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性
for(let item of this.tabList){
if(item.value === tabname){
this.currentSelectTab = item
break;
}
}
console.log(this.currentSelectTab);
this.componentTag = getForm(tabname, this.$route.query.sqywbm);
}
}
......
......@@ -43,6 +43,14 @@
width: 100%;
}
.title-batch {
height: 70px;
.menus {
justify-content: center
}
}
ul {
position: relative;
height: calc(100vh - 120px);
......
......@@ -22,7 +22,11 @@
<div class="containerFrame">
<!-- 左侧菜单栏 -->
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<div class="title" @click="unitClick(-1)">{{ 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 }})
......@@ -115,7 +119,11 @@ export default {
//材料信息选项卡对象
clxxTab: {},
//页面监听时间
_beforeUnload_time: ""
_beforeUnload_time: "",
//批量操作
showBatch: false,
//批量操作按钮名称
batchButtonName: '',
}
},
mounted () {
......@@ -176,29 +184,8 @@ export default {
});
});
},
handleBatchDel () {
let that = this;
this.$popup("批量删除", "workflow/components/batchDel", {
width: "50%",
btnShow: true,
height: "600px",
formData: {
bsmSlsq: this.bsmSlsq,
dataList: this.unitData,
},
confirm: function () {
that.loadBdcdylist();
}
})
},
//申请单元点击事件
unitClick (index) {
if (index >= 0) {
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.batchOperation = false;
} else {
this.currentSelectProps.batchOperation = true;
}
stepForm (index) {
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
this.fresh++;
......@@ -206,6 +193,8 @@ export default {
this.tabList = res.result;
//默认加载第一个表单信息
this.tabName = res.result[0].value;
//批量操作无分屏按钮
if(index != null){
//处理分屏材料信息
let that = this;
this.tabList.forEach(function (item, index) {
......@@ -216,7 +205,21 @@ 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();
}
}
}
......
......@@ -81,8 +81,8 @@
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled type="date" placeholder="选择日期"
value-format="yyyy-MM-dd"></el-date-picker>
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期"
value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || isJfOperation"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -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>
......
......@@ -104,12 +104,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
<el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh">
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -121,19 +121,19 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：" prop="cfdj.cfqx">
<el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled type="date" placeholder="选择日期"
value-format="yyyy-MM-dd"></el-date-picker>
<el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期"
value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
<el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100"
:disabled="$route.query.viewtype || ableEdit" type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
:disabled="$route.query.viewtype || ableEdit || isJfOperation" type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -141,19 +141,19 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj">
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw">
<el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit"></el-input>
<el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj">
<el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit">
<el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit || isJfOperation">
</el-input>
</el-form-item>
</el-col>
......@@ -162,7 +162,7 @@
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
<el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy"
:disabled="$route.query.viewtype || ableEdit"></el-input>
:disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -213,12 +213,17 @@ export default {
//页面数据
ruleForm: {},
//是否可编辑
ableEdit: false
ableEdit: false,
//是否为解封
isJfOperation: false,
};
},
async created () {
this.propsParam = this.$attrs;
this.ableEdit = this.$parent.showBatch;
if (this.propsParam.djlx == '400') {
this.isJfOperation = true;
}
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
......
......@@ -100,7 +100,7 @@
</el-row>
<div class="slxx_title title-block">
抵押信息11
抵押信息
<div class="triangle"></div>
</div>
......
......@@ -171,7 +171,7 @@
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrList.length > 0">
<div v-if="ruleForm.ywrList">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......
......@@ -147,6 +147,8 @@
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
<div class="slxx_title title-block">
义务人信息
......
<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>
......@@ -7,52 +7,27 @@
<el-row>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select
v-model="queryForm.qllx"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in qllxs"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width200px"
>
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px"
>
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
clearable
class="width200px"
>
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
......@@ -66,26 +41,15 @@
</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 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="submitFormClick()"
>发起申请</el-button
>
<el-button type="primary" plain @click="submitFormClick()">发起申请</el-button>
</div>
</div>
</template>
......@@ -143,8 +107,8 @@ export default {
startBusinessFlow({
bsmSqyw: this.sqywInfo.parentid,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
}).then((res) => {
if (res.code == 200) {
this.$message({
......
......@@ -3,7 +3,7 @@
<div class="from-clues-header">
<el-tabs v-model="activeName" @tab-click="handleTabClick" v-if="!isJump">
<el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
<el-tab-pane label="户" name="h"></el-tab-pane>
<el-tab-pane label="多幢" name="h"></el-tab-pane>
</el-tabs>
<el-form :model="queryForm" ref="queryForm" label-width="110px">
<el-row>
......
......@@ -3,7 +3,7 @@ export default {
jump (data, type) {
this.$emit("closeDialog");
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
"/workFramecs?bsmSlsq=" +
data.bsmSlsq +
"&bestepid=" +
data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type
......
......@@ -7,52 +7,27 @@
<el-row>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select
v-model="queryForm.qllx"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in qllxData"
:key="item.sxzdz"
:label="item.sxzdmc"
:value="item.sxzdz"
>
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxData" :key="item.sxzdz" :label="item.sxzdmc" :value="item.sxzdz">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width200px"
>
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px"
>
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
clearable
class="width200px"
>
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
......@@ -66,19 +41,10 @@
</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 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">
......@@ -155,8 +121,8 @@ export default {
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
}).then((res) => {
if (res.code == 200) {
this.$message({
......@@ -165,7 +131,7 @@ export default {
type: "success",
});
if (!this.isJump) {
this.jump(res.result, this.djywbm);
this.jump(res.result, this.sqywInfo.djywbm);
} else {
this.$emit("updateDialog", true);
}
......
......@@ -7,34 +7,19 @@
<el-row>
<el-col :span="8">
<el-form-item label="不动产权证号">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
clearable
class="width200px"
>
<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 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 placeholder="" v-model="queryForm.zl" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
......@@ -48,19 +33,10 @@
</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 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">
......@@ -122,19 +98,19 @@ export default {
startBusinessFlow({
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
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'
})
message: "发起申请成功",
type: "success",
});
if (!this.isJump) {
this.jump(res.result, this.sqywInfo.djywbm)
this.jump(res.result, this.sqywInfo.djywbm);
} else {
this.$emit('updateDialog', true)
this.$emit("updateDialog", true);
}
} else {
this.$message.error(res.message);
......
......@@ -65,7 +65,7 @@ export default {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => {} },
},
data () {
data() {
return {
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -76,19 +76,19 @@ export default {
bdcdysz: [],
};
},
mounted () {
mounted() {
sendThis(this);
},
methods: {
//点击行选中或取消复选框
handleRowClick (row, column, event) {
handleRowClick(row, column, event) {
//通过ref绑定后这里使用$refs.table来操作bom元素
this.$refs.table.toggleRowSelection(row);
},
closeDialog () {
closeDialog() {
this.$emit("closeDialog");
},
fetchData () {
fetchData() {
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
......@@ -96,9 +96,9 @@ export default {
this.tableData.total = total;
this.tableData.data = records;
}
})
});
},
submitForm () {
submitForm() {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
return;
......@@ -106,40 +106,45 @@ export default {
startBusinessFlow({
bsmSqyw: this.sqywInfo.parentid,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
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'
})
message: "发起申请成功",
type: "success",
});
if (!this.isJump) {
this.jump(res.result, this.sqywInfo.djywbm)
this.jump(res.result, this.sqywInfo.djywbm);
} else {
this.$emit('updateDialog', true)
this.$emit("updateDialog", true);
}
} else {
this.$message.error(res.message);
}
})
});
},
handleSelectionChange (val) {
handleSelectionChange(val) {
val.forEach((item, index) => {
item.bsmSsql = item.bsmQlxx
item.ybdcqzsh = item.bdcqzh
})
item.bsmSsql = item.bsmQlxx;
item.ybdcqzsh = item.bdcqzh;
});
this.bdcdysz = val;
},
openBook (row) {
var param = { bdcdyid: row.bdcdyid, qllx: row.qllx, bdcdyh: row.bdcdyh, bsmQlxx: row.bsmQlxx };
this.$popup('登记簿详情', 'registerBook/djbFrame', {
formData: param
})
}
}
}
openBook(row) {
var param = {
bdcdyid: row.bdcdyid,
qllx: row.qllx,
bdcdyh: row.bdcdyh,
bsmQlxx: row.bsmQlxx,
};
this.$popup("登记簿详情", "registerBook/djbFrame", {
formData: param,
});
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
......@@ -51,7 +51,7 @@ export default {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => {} },
},
data () {
data() {
return {
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -66,22 +66,22 @@ export default {
: this.sqywInfo.parentid,
};
},
mounted () {
mounted() {
sendThis(this);
},
methods: {
//点击行选中或取消复选框
handleRowClick (row, column, event) {
handleRowClick(row, column, event) {
//通过ref绑定后这里使用$refs.table来操作bom元素
this.$refs.table.toggleRowSelection(row);
},
closeDialog () {
closeDialog() {
this.$emit("closeDialog");
},
queryClick () {
this.fetchData()
queryClick() {
this.fetchData();
},
fetchData () {
fetchData() {
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
......@@ -91,7 +91,7 @@ export default {
}
});
},
submitForm () {
submitForm() {
if (this.bdcdysz.length == 0) {
this.$alert("请至少选择一条数据");
return;
......@@ -99,30 +99,30 @@ export default {
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
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'
})
message: "发起申请成功",
type: "success",
});
if (!this.isJump) {
this.jump(res.result, this.djywbm)
this.jump(res.result, this.djywbm);
} else {
this.$emit('updateDialog', true)
this.$emit("updateDialog", true);
}
} else {
this.$alert(res.message);
}
})
});
},
handleSelectionChange (val) {
handleSelectionChange(val) {
this.bdcdysz = val;
}
}
}
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
<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>
......@@ -33,17 +33,17 @@ class data extends filter {
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>
<a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span>
<span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span icon="el-icon-discover" v-show={scope.row.cfzt == 1}> 已查封</span>
<span icon="el-icon-discover" v-show={scope.row.diyizt == 1}>,已地役</span>
<span icon="el-icon-discover" v-show={scope.row.yyzt == 1}>,异议中</span>
<span icon="el-icon-discover" v-show={scope.row.xzzt == 1}>,已限制</span>
<span icon="el-icon-discover" v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span icon="el-icon-discover" v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span icon="el-icon-discover" v-show={scope.row.dyzt == 1}>,已抵押</span>
</div>
)
}
......
......@@ -73,7 +73,7 @@ class data extends filter {
label: "权利人",
},
{
prop: "zjh",
prop: "qlrzjhm",
label: "证件号",
},
{
......
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;
......