Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ac87420f by 蔡俊立
Options

功能完善

1 parent 2c693a81
Inline Side-by-side
Showing 3 changed files with 321 additions and 30 deletions
......@@ -5,7 +5,10 @@
<el-step title="结果查询"></el-step>
<el-step title="结果展示"></el-step>
</el-steps>
<div class="jtfccx-edit" v-show="!isSearch">
<div v-if="isSearch">
<dydjbInfo ref="dydjbInfo"/>
</div>
<div class="jtfccx-edit" v-else>
<div class="jtfccx-edit-con">
<b class="title"></b>
<el-form :model="form" label-width="120px">
......@@ -46,9 +49,6 @@
</div>
</div>
</div>
<div>
<dydjbInfo v-show="isSearch"/>
</div>
</dialogBox>
</template>
......@@ -159,9 +159,12 @@ export default {
addFwmxCxjgXx(this.form).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.activeStep = 2;
this.isSearch = true;
this.$nextTick(() => {
console.log(this.$refs.dydjbInfo,22222);
this.$refs.dydjbInfo.setResult(res.result)
})
this.$parent.queryClick();
}
});
......
<template>
<div>
<!-- 界面后期调整开发，报表开发，目前先放一张图片 -->
<el-form :model="ruleForm" label-width="120px">
<el-row>
<el-col :span="6">
<img :src="imgUrl" alt="" srcset="" />
<!-- <el-form-item label="查询时间：">
{{ ruleForm.cxsj }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号：">
{{ ruleForm.bdcdyh }}
</el-form-item> -->
</el-col>
</el-row>
<el-row>
</el-row>
</el-form>
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title"></b>
<b class="title">房屋状况</b>
<lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">土地状况</b>
<lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">权属状况</b>
<lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">抵押登记</b>
<lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">预告登记</b>
<lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">查封状况</b>
<lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">异议登记</b>
<lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div class="submit-button" style="padding-bottom:50px">
<el-button @click="resetClick" v-show="!isSearch">重置</el-button>
<el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
</div>
</div>
</template>
<script>
import imgPath from "./djbyb.png"
import { datas, sendThis } from "./infodata";
export default {
props: ["formData"],
props: {
},
created () {
// var sqcxdata = this.formData.sqcxdata;
// this.ruleForm = sqcxdata;
},
data () {
......@@ -37,11 +55,32 @@ export default {
cxsj: "",
bdcdyh: "",
},
imgUrl: imgPath,
//房屋列表字段
fwColumns: datas.fwCol(),
//土地列表字段
tdColumns: datas.tdCol(),
//权属状况列表字段
qszkColumns: datas.columns(),
//抵押登记列表字段
diyaColumns: datas.diyaCol(),
//预告登记列表字段
ygdjColumns: datas.ygdjCol(),
//查封登记列表字段
cfdjColumns: datas.cfdjCol(),
//异议登记列表字段
yydjColumns: datas.yydjCol(),
form: {},
resultData: {},
};
},
mounted () { },
methods: {},
methods: {
setResult(data){
console.log(data,11111);
this.resultData = data
}
},
};
</script>
<style scoped lang="scss">
......
import filter from '@/utils/filter.js'
import { Switch } from 'element-ui'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns() {
return [
{
prop: 'qszt',
label: '所有人名称',
},
{
prop: 'bdcqzh',
label: '证件号码',
},
{
prop: 'djsj',
label: '取得方式',
},
{
prop: 'wqhth',
label: '房屋性质',
},
{
prop: 'wqsj',
label: '不动产权证书号',
},
{
prop: 'bdcdyh',
label: '登记时间',
},
{
prop: 'gyfs',
label: '共有方式',
},
{
prop: 'qlrmc',
label: '附记',
}
]
}
fwCol() {
return [
{
prop: 'zdymc',
label: '幢号111',
},
{
prop: 'hh',
label: '房号',
},
{
prop: 'showfwjg',
label: '结构',
},
{
prop: 'dscs',
label: '总层数（地上）',
},
{
prop: 'dxcs',
label: '地下层数',
},
{
prop: 'ch',
label: '所在层',
},
{
prop: 'jzmj',
label: '建筑面积（㎡）',
},
{
prop: 'tnjzmj',
label: '套内面积（㎡）',
},
{
prop: 'showfwyt',
label: '规划用途',
}
]
}
tdCol() {
return [
{
prop: 'qsxz',
label: '权属性质',
},
{
prop: 'mj',
label: '面积（㎡）',
},
{
prop: 'fttdmj',
label: '分摊土地面积（㎡）',
},
{
prop: 'tfyt',
label: '用途',
},
{
prop: 'syqx',
label: '使用期限',
},
{
prop: 'qdfs',
label: '取得方式',
},
{
prop: 'jttdsyqlx',
label: '集体土地所有权类型',
},
{
prop: 'jttdsyqlx',
label: '集体土地使用权类型',
}
]
}
diyaCol() {
return [
{
prop: 'dyfs',
label: '抵押方式',
render: (h, scope) => {
switch(scope.row.dyfs) {
case '1':
return <div>一般抵押</div>
case '2':
return <div>最高额抵押</div>
}
}
},
{
prop: 'qlrmc',
label: '抵押权人名称',
},
{
prop: 'bdbzzqse',
label: '抵押金额（万元）',
},
{
prop: 'dyqx',
label: '抵押期限',
},
{
prop: 'ywh',
label: '不动产登记证明号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'fj',
label: '附记',
}
]
}
ygdjCol() {
return [
{
prop: 'ygdjzl',
label: '预告登记种类',
},
{
prop: 'qlrmc',
label: '权利人名称',
},
{
prop: 'dyje',
label: '抵押金额（万元）',
},
{
prop: 'dyqx',
label: '抵押期限',
},
{
prop: 'ywh',
label: '不动产登记证明号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'fj',
label: '附记',
}
]
}
cfdjCol() {
return [
{
prop: 'cfjg',
label: '查封机关',
},
{
prop: 'cfwh',
label: '查封文号',
},
{
prop: 'cffw',
label: '查封范围',
},
{
prop: 'cfsj',
label: '查封时间',
},
{
prop: 'cfqx',
label: '查封期限',
}
]
}
yydjCol() {
return [
{
prop: 'yysqr',
label: '异议申请人',
},
{
prop: 'yysx',
label: '异议事项',
},
{
prop: 'ywh',
label: '不动产登记证明号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'fj',
label: '附记',
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}