Skip to content

bdc / bdcjg-web

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

style:不动产数据

1 parent 6e0c54a2
Inline Side-by-side
Showing 10 changed files with 289 additions and 194 deletions
......@@ -74,7 +74,7 @@ export default {
},
heightNum: {
type: Number,
default: 340,
default: 345,
},
maxHeight: {
type: Number,
......
......@@ -6,43 +6,56 @@ class data extends filter {
columns () {
return [
{
label: "行政区",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.xzq, 'A20')}</span>
</div>
)
},
},
{
label: "权属状态",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.qszt, 'A22')}</span>
</div>
)
},
},
{
label: "业务号",
prop: "ywh",
width: 150
prop: "ywh"
},
{
label: "不动产单元号",
prop: "bdcdyh"
},
{
label: "查封文号",
prop: "cfwh",
width: 150
label: "不动产产权证号",
prop: "bdcqzh"
},
{
label: "查封（解封）机关",
prop: "cjfjg"
},
{
label: "查封机关",
prop: "cfjg"
label: "查封（解封）文号",
prop: "cjfwh"
},
{
label: "查封开始时间",
width: 140,
prop: "cfqssj"
},
{
label: "查封结束时间",
width: 140,
prop: "cfjssj"
},
{
label: "查封类型",
width: 100,
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.CFLX, 'A32')}</span>
</div>
)
}
},
{
label: "登记时间",
width: 140,
prop: "djsj"
......
<template>
<div class="Cfdj from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" label-width="130px">
<el-row>
<el-col :span="5">
<el-form-item label="业务号">
<el-input v-model="form.YWH" placeholder="业务号"></el-input>
<el-form-item label="行政区" label-width="80px">
<el-select v-model="form.xzq" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产单元号" label-width="105px">
<el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
<el-form-item label="权属状态">
<el-select v-model="form.qszt" class="width100" clearable placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查封类型">
<el-select v-model="form.CFLX" clearable ref="selectseizureReg" @visible-change="isShowSelectOptions"
placeholder="请选择查封类型">
<el-option v-for="item in dicData['A32']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
<el-form-item label="坐落">
<el-input v-model="form.zl" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产权证号">
<el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="权利人" label-width="80px">
<el-input v-model="form.qlr" placeholder="权利人"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查封文号">
<el-input v-model="form.CFWH" placeholder="查封文号"></el-input>
<el-form-item label="不动产单元号">
<el-input v-model="form.bdcdyh" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查封（解封）机关">
<el-input v-model="form.xxx" placeholder="查封（解封）机关"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查封（解封）文号">
<el-input v-model="form.xxx1" placeholder="查封（解封）文号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<btn nativeType="cx" @click="handleSubmit">查询结果</btn>
<btn nativeType="cx" @click="handleSubmit">查询</btn>
</el-col>
</el-row>
</el-form>
......@@ -46,7 +70,6 @@
<edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
</div>
</template>
<script>
// 查封登记
import data from "./data"
......@@ -63,10 +86,14 @@ export default {
data () {
return {
form: {
YWH: '',
BDCDYH: '',
CFLX: '',
CFWH: '',
xzq: '',
qszt: '',
zl: '',
bdcqzh: '',
qlr: '',
bdcdyh: '',
xxx: '',
xxx1: '',
currentPage: 1
},
tableData: {
......@@ -83,21 +110,11 @@ export default {
return (
<div>
<el-button
type="text"
size="mini"
icon="el-icon-folder"
style="color:#67C23A"
onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
>
XML报文
</el-button>
<el-button
type="text"
type='primary'
size="mini"
icon="el-icon-view"
onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
onClick={() => { this.handledetails(scope.$index, scope.row) }}
>
数据详情
详情
</el-button>
</div>
);
......@@ -136,16 +153,8 @@ export default {
this.$refs.msg.messageShow()
}
},
async handlDatadetails (index, row) {
let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
if (res != null) {
this.diaData = res
this.bsmSjsb = row.BSM_SJSB
this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
} else {
this.$message(message)
handledetails (index, row) {
}
},
}
}
</script>
......
......@@ -6,64 +6,72 @@ class data extends filter {
columns () {
return [
{
label: "权属状态",
prop: "qszt",
width: 100
},
{
label: "业务号",
prop: "ywh",
width: 150
},
{
label: "抵押不动产类型",
label: "行政区",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.dybdclx, 'A27')}</span>
<span>{this.dicStatus(scope.row.xzq, 'A20')}</span>
</div>
)
},
},
{
label: "登记类型",
width: 70,
label: "权属状态",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.djlx, 'A21')}</span>
<span>{this.dicStatus(scope.row.qszt, 'A22')}</span>
</div>
)
}
},
},
{
label: "业务号",
prop: "ywh"
},
{
label: "不动产单元号",
prop: "bdcdyh"
},
{
label: "不动产登记证明号",
prop: "bdcdjzmh"
label: "不动产权证号",
prop: "bdcqzh"
},
{
label: "抵押类型",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.dylx, 'xxx')}</span>
</div>
)
}
},
{
label: "抵押人",
prop: "dyr"
},
{
label: "被担保主债权数额",
prop: "bdbzzqse"
label: "抵押类型",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.djlx, 'A21')}</span>
</div>
)
}
},
{
label: "最高债权额",
prop: "zgzqse"
label: "被担保主债权数额",
prop: "xxx"
},
{
label: "抵押面积",
prop: "dymj"
label: "最高债权额",
prop: "xxxx"
},
{
label: "登记时间",
width: 140,
prop: "DJSJ"
prop: "djsj"
},
{
label: "登记机构",
......
<template>
<div class="dyaq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" label-width="120px">
<el-row>
<el-col :span="5">
<el-form-item label="业务号">
<el-input v-model="form.YWH" placeholder="业务号"></el-input>
<el-form-item label="行政区" label-width="80px">
<el-select v-model="form.xzq" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权属状态">
<el-select v-model="form.qszt" class="width100" clearable placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="坐落">
<el-input v-model="form.zl" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产权证号">
<el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="抵押人" label-width="80px">
<el-input v-model="form.dyr" placeholder="抵押人"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产单元号" label-width="106px">
<el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
<el-form-item label="不动产单元号">
<el-input v-model="form.bdcdyh" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="抵押不动产类型">
<el-select v-model="form.dybdclx" class="width100" clearable placeholder="抵押不动产类型">
<el-option v-for="item in dicData['A27']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="form.DJLX" clearable ref="selectmortgageReg" @visible-change="isShowSelectOptions"
placeholder="请选择登记类型">
<el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<btn nativeType="cx" @click="handleSubmit">查询结果</btn>
<btn nativeType="cx" @click="handleSubmit">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table :page-size="pageData.size" :heightNum="300" :current-page.sync="pageData.current"
<lb-table :page-size="pageData.size" :heightNum="340" :current-page.sync="pageData.current"
:total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
......@@ -60,9 +95,14 @@ export default {
data () {
return {
form: {
YWH: '',
BDCDYH: '',
DJLX: '',
xzq: '',
qszt: '',
zl: '',
bdcqzh: '',
dyr: '',
bdcdyh: '',
dybdclx: '',
djlx: '',
currentPage: 1
},
tableData: {
......
......@@ -6,38 +6,59 @@ class data extends filter {
columns () {
return [
{
label: "业务号",
prop: "YWH",
width: 150
label: "行政区",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.xzq, 'A20')}</span>
</div>
)
},
},
{
label: "权属状态",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.qszt, 'A22')}</span>
</div>
)
},
},
{
label: "业务号",
prop: "YWH",
width: 150
},
{
label: "供役地不动产单元号",
width: 150,
prop: "GYDBDCDYH"
},
{
label: "供役地权利人",
prop: "GYDQLR"
},
{
label: "需役地不动产单元号",
width: 150,
prop: "XYDBDCDYH"
},
{
label: "需役地权利人",
prop: "XYDQLR"
label: "不动产产权证号",
prop: "bdcqzh"
},
{
label: "权利类型",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.qllx, 'A8')}</span>
</div>
)
},
},
{
label: "不动产登记证明号",
prop: "BDCDJZMH"
label: "权利用途",
prop: "qlyt"
},
{
label: "登记时间",
width: 140,
prop: "DJSJ"
},
{
......
<template>
<div class="dyiq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="140px">
<el-form ref="form" :model="form" label-width="150px">
<el-row>
<el-col :span="5">
<el-form-item label="行政区" label-width="80px">
<el-input v-model="form.xzq" placeholder="行政区"></el-input>
<el-select v-model="form.xzq" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权属状态">
<el-select v-model="form.qszt" class="width100" clearable placeholder="请选择权属状态">
<el-option v-for="item in qsztOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select v-model="form.qszt" class="width100" clearable placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
......@@ -45,7 +48,7 @@
<el-col :span="5">
<el-form-item label="供役地不动产单元号">
<el-select v-model="form.xxx" class="width100" clearable placeholder="供役地不动产单元号">
<el-option v-for="item in xxxOptions" :key="item.value" :label="item.label" :value="item.value">
<el-option v-for="item in dicData['xxx']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
......@@ -54,7 +57,7 @@
<el-col :span="5">
<el-form-item label="需役地不动产单元号">
<el-select v-model="form.xxx1" class="width100" clearable placeholder="需役地不动产单元号">
<el-option v-for="item in xxx1Options" :key="item.value" :label="item.label" :value="item.value">
<el-option v-for="item in dicData['xxx1']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
......@@ -110,10 +113,6 @@ export default {
xxx1: '',
currentPage: 1
},
// 权属状态
qsztOptions: [],
// 供役地不动产单元号
xxxOptions: [],
// 需役地不动产单元号
xxx1Options: [],
tableData: {
......
<template>
<div class="ygdj from-clues">
<div class="from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-row>
......@@ -8,7 +8,7 @@
<el-input v-model="form.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item label="预告登记种类" label-width="106px">
<el-select v-model="form.YGDJZL" clearable ref="selectnoticeRegQL" @visible-change="isShowSelectOptions"
placeholder="请选择预告登记种类">
......@@ -19,8 +19,7 @@
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="form.DJLX" clearable ref="selectnoticeRegDJ" @visible-change="isShowSelectOptions"
placeholder="请选择登记类型">
<el-select v-model="form.DJLX" clearable class="width100" placeholder="请选择登记类型">
<el-option v-for="item in DJLXOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -32,7 +31,7 @@
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<btn nativeType="cx" @click="handleSubmit">查询结果</btn>
<btn nativeType="cx" @click="handleSubmit">查询</btn>
</el-col>
</el-row>
</el-form>
......@@ -91,17 +90,8 @@ export default {
<el-button
type="text"
size="mini"
icon="el-icon-folder"
style="color:#67C23A"
onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
>
XML报文
</el-button>
<el-button
type="text"
size="mini"
icon="el-icon-view"
onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
onClick={() => { this.handledetails(scope.$index, scope.row) }}
>
数据详情
</el-button>
......@@ -160,15 +150,7 @@ export default {
this.$refs.msg.messageShow()
}
},
async handlDatadetails (index, row) {
let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
if (res != null) {
this.diaData = res
this.bsmSjsb = row.BSM_SJSB
this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
} else {
this.$message(message)
}
handledetails (index, row) {
}
}
}
......
......@@ -6,21 +6,48 @@ class data extends filter {
columns () {
return [
{
label: "行政区",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.xzq, 'A20')}</span>
</div>
)
},
},
{
label: "权属状态",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.qszt, 'A22')}</span>
</div>
)
},
},
{
label: "业务号",
prop: "ywh",
width: 150
prop: "ywh"
},
{
label: "不动产单元号",
prop: "bdcdyh"
},
{
label: "异议事项",
prop: "yysx"
label: "不动产产权证号",
prop: "bdcqzh"
},
{
label: "权利人",
prop: "qlr"
},
{
label: "用途",
prop: "yt"
},
{
label: "不动产登记证明号",
prop: "bdcdjzmh"
label: "权利性质",
prop: "qlxz"
},
{
label: "登记时间",
......
<template>
<div class="yydj from-clues">
<div class="from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" label-width="105px">
<el-row>
<el-col :span="5">
<el-form-item label="业务号">
<el-input v-model="form.YWH" placeholder="业务号"></el-input>
<el-form-item label="行政区" label-width="80px">
<el-select v-model="form.xzq" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="form.QLLX" clearable ref="selectobjectionRegQL" @visible-change="isShowSelectOptions"
placeholder="请选择权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
<el-form-item label="权属状态">
<el-select v-model="form.qszt" class="width100" clearable placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="form.DJLX" clearable ref="selectobjectionRegDJ" @visible-change="isShowSelectOptions"
placeholder="请选择登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
<el-form-item label="坐落" label-width="60px">
<el-input v-model="form.zl" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产单元号" label-width="105px">
<el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
<el-form-item label="不动产权证号">
<el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<btn nativeType="cx" @click="handleSubmit">查询结果</btn>
<el-col :span="4">
<el-form-item label="不动产单元号">
<el-input v-model="form.bdcdyh" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="权利人" label-width="80px">
<el-input v-model="form.qlr" placeholder="权利人"></el-input>
</el-form-item>
</el-col>
<el-col :span="19" class="btnColRight">
<btn nativeType="cx" @click="handleSubmit">查询</btn>
</el-col>
</el-row>
</el-form>
......@@ -69,10 +81,12 @@ export default {
data () {
return {
form: {
YWH: '',
QLLX: '',
DJLX: '',
BDCDYH: '',
xzq: '',
qszt: '',
zl: '',
bdcqzh: '',
qlr: '',
bdcdyh: '',
currentPage: 1
},
tableData: {
......@@ -89,19 +103,9 @@ export default {
return (
<div>
<el-button
type="text"
size="mini"
icon="el-icon-folder"
style="color:#67C23A"
onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
>
XML报文
</el-button>
<el-button
type="text"
type="primary"
size="mini"
icon="el-icon-view"
onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
onClick={() => { this.handledetails(scope.$index, scope.row) }}
>
数据详情
</el-button>
......@@ -144,16 +148,8 @@ export default {
this.$refs.msg.messageShow()
}
},
async handlDatadetails (index, row) {
let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
if (res != null) {
this.diaData = res
this.bsmSjsb = row.BSM_SJSB
this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
} else {
this.$message(message)
handledetails (index, row) {
}
},
}
}
</script>
......