Skip to content

bdc / bdcdj-web

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

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

2 parents 4b050f97 3c988b4f
Inline Side-by-side
Showing 42 changed files with 2582 additions and 502 deletions
......@@ -29,15 +29,29 @@ export function getNextNode (bsmSqyw) {
}
/*
业务办理-选择单元-根据条件进行列表查询
业务办理-选择单元-根据条件进行列表查询-国有建设用地使用权
*/
export function selectScBdcdy (data) {
return request({
url: '/ywbl/ywsq/selectScBdcdy',
method: 'post',
data
data,
showLoading: true
})
}
/*
业务办理-选择单元-根据条件进行列表查询-房屋所有权
*/
export function selectFwsyq (data) {
return request({
url: 'ywbl/ywsq/selectFwsyq',
method: 'post',
data,
showLoading: true
})
}
// 待办箱列表查询接口
export function searchTaskToDo (data) {
return request({
......@@ -62,7 +76,8 @@ export function startBusinessFlow (data) {
return request({
url: '/business/workFlow/startBusinessFlow',
method: 'post',
data
data,
showLoading: true
})
}
/*
......@@ -83,7 +98,8 @@ export function selectQlxx (data) {
return request({
url: '/ywbl/ywsq/selectQlxx',
method: 'post',
data
data,
showLoading: true
})
}
/*
......@@ -93,7 +109,8 @@ export function selectDiyaq (data) {
return request({
url: '/ywbl/ywsq/selectDiyaq',
method: 'post',
data
data,
showLoading: true
})
}
/*
......@@ -103,7 +120,8 @@ export function selectCfdj (data) {
return request({
url: '/ywbl/ywsq/selectCfdj',
method: 'post',
data
data,
showLoading: true
})
}
/*
......
......@@ -24,10 +24,11 @@ export function getDjbfm(qlbsm) {
}
// 获取登记目录
export function getDjml(qlbsm) {
export function getBdcqldjmlByBdcdyid(data) {
return request({
url: '/zhcx/djbcx/djml/' + qlbsm,
method: 'get'
url: '/zhcx/djbcx/getBdcqldjmlByBdcdyid',
method: 'get',
params: data
})
}
......@@ -40,9 +41,27 @@ export function getZdjbxx(qlbsm) {
}
// 获取宗地信息
export function getZdjjxxBybdcdyid(data) {
return request({
url: '/zhcx/djbcx/getZdjjxxBybdcdyid',
method: 'get',
params: data
})
}
// 获取宗地信息
export function getZdjjxxBySLdy(data) {
return request({
url: '/zhcx/djbcx/getZdjjxxBySLdy',
url: '/zhcx/djbcx/getZdjjxxBybdcdyid',
method: 'get',
params: data
})
}
// 获取不动产权利及其他事项
export function getBdcqljqtsx(data) {
return request({
url: '/zhcx/djbcx/getBdcqljqtsx',
method: 'get',
params: data
})
......
......@@ -59,7 +59,7 @@ export default {
},
heightNum: {
type: Number,
default: 260,
default: 275,
},
maxHeight: {
type: Number,
......
......@@ -3,14 +3,17 @@
<div class="ls-mask" v-loading="loading">
<div class="ls-mask-window" :style="{'width':width,'height':height}">
<div class="ls-head">
<div class="ls-title" :style="{'text-align':titleStyle}"><b>{{title}}</b></div>
<i class="el-icon-close" @click="onCancel"></i>
<div class="ls-title" :style="{'text-align':titleStyle}">
<svg-icon v-if="iconClass!=''" :icon-class='iconClass' />
<b>{{title}}</b>
</div>
<svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
</div>
<div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight + 'px'}">
<component :is="editItem" ref='childRef' @loading='loadingFn' :formData='formData' />
<div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight}">
<component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' />
</div>
<div class="ls-mask-footer">
<div class="ls-mask-footer" v-if='btnShow'>
<el-button type="primary" @click="onConfirm">{{confirmText}}</el-button>
<el-button @click="onCancel">{{cancelText}}</el-button>
</div>
......@@ -23,6 +26,7 @@ export default {
name: 'index',
data () {
return {
btnShow: true,
title: '提示',
cancelText: '取消',
confirmText: '确认',
......@@ -34,24 +38,39 @@ export default {
titleStyle: 'center',
width: "75%",
height: "auto",
formData: "",//父组件传递的参数 负责传给子组件
contentHeight:"",
formData: undefined,//父组件传递的参数 负责传给子组件
contentHeight: "",
iconClass: "",
key: 0
}
},
props: {
loading: { type: Boolean, default: false },
},
watch: {
isShow (a, b) {
this.key++
this.editItem = this.loadViewFn(this.editItem)
},
},
mounted(){
// 计算滚动条高度
setTimeout(() => {
this.contentHeight = this.$refs.contentRef.offsetHeight
}, 1000);
mounted () {
// 计算滚动条高度
setTimeout(() => {
if(this.btnShow){
if(this.height == 'auto'){
this.contentHeight = (this.$refs.contentRef.offsetHeight - 115) + 'px'
}else{
this.contentHeight =(parseInt(this.height)-parseInt('115px'))+'px';
}
}else{
if(this.height == 'auto'){
this.contentHeight = this.$refs.contentRef.offsetHeight + 'px'
}else{
this.contentHeight =this.height
}
}
}, 500)
},
methods: {
onCancel () {
......@@ -76,7 +95,7 @@ export default {
require.ensure([], () =>
r(require(`@/views/${view}.vue`))
);
},
}
}
}
</script>
......@@ -105,40 +124,43 @@ export default {
transform: translate(-50%, -50%);
border-radius: 10px;
}
.ls-head{
position: relative;
}
.ls-mask-window b {
padding-left: 12px;
padding-left: 5px;
}
.ls-title{
padding: 20px;
background: #1E9FFF;
.ls-title {
padding: 16px;
color: #ffffff;
background: linear-gradient(-2deg,#409EFF, transparent)
}
.ls-title .svg-icon {
font-size: 18px;
}
.ls-mask-content {
padding: 20px;
text-align: center;
position: absolute;
width: 100%;
overflow: scroll;
}
.ls-mask-footer {
height: 65px;
border-top: 1px solid #f0f0f0;
display: flex;
justify-content: center;
position: absolute;
width: 100%;
bottom: 0px;
right: 0px;
background: #f3f3f3;
box-shadow: 0px 0px 2px 0px;
border-radius: 0 0 10px 10px;
position: absolute;
bottom: 0;
background: #ffffff;
}
/deep/.el-icon-close {
/deep/.closeStyle {
position: absolute;
top: 20px;
top: 17px;
right: 12px;
font-size: 20px;
cursor: pointer;
......@@ -148,8 +170,10 @@ export default {
/deep/.el-loading-mask {
background: none;
}
/deep/.el-button{
/deep/.el-button {
margin: 15px 10px;
width: 75px;
}
</style>
\ No newline at end of file
......
......@@ -9,10 +9,12 @@
height:"", //弹窗的高度
editItem: 'ywbl/dbx/aa', // 子组件的路径 相当于你平时img取的路径
formData:this.formData, //父组件传给子组件的参数
btnShow:false,//按钮显隐 false隐藏 true显示
confirmText:"" // 确认按钮的文字
cancelText:"" //取消按钮的文字
cancel: function () {}, //取消事件的回调
confirm: function () {}, //确认事件的回调
iconClass:"",//标题前面icon图标名称
})
3.子组件的方法名字必须统一为 childFn()
4.子组件切记props接收 父组件传参formData
......
<svg t="1665567795982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2615" width="200" height="200"><path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 810.666666c-204.8 0-373.333333-168.533333-373.333333-373.333333S307.2 138.666667 512 138.666667 885.333333 307.2 885.333333 512 716.8 885.333333 512 885.333333z" p-id="2616"></path><path d="M657.066667 360.533333c-12.8-12.8-32-12.8-44.8 0l-102.4 102.4-102.4-102.4c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l102.4 102.4-102.4 102.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533334s17.066667-2.133333 23.466667-8.533334l102.4-102.4 102.4 102.4c6.4 6.4 14.933333 8.533333 23.466667 8.533334s17.066667-2.133333 23.466666-8.533334c12.8-12.8 12.8-32 0-44.8l-106.666666-100.266666 102.4-102.4c12.8-12.8 12.8-34.133333 0-46.933334z" p-id="2617"></path></svg>
\ No newline at end of file
......@@ -11,6 +11,6 @@ const getters = {
addRoutes: state => state.permission.addRoutes,
addDict: state => state.dict.addDict,
dictData: state => state.dict.dictData,
djbxx: state => state.djbxx.djbxx
djbxx: state => state.djbxx.djbxx,
}
export default getters
......
const state = {
bsmSqyw: '',
djqxObj: {
djqxbm: "",
djqxmc: ""
},
djywbm: ''
}
const mutations = {
SET_BSMSQYW: (state, data) => {
state.bsmSqyw = data
},
SET_DJQXOBJ: (state, data) => {
state.djqxObj = data
},
SET_DJYWBM: (state, data) => {
state.djywbm = data
},
}
const actions = {
setBsmSqyw ({ commit }, data) {
commit('SET_BSMSQYW', data)
},
setDjqxObj ({ commit }, data) {
commit('SET_DJQXOBJ', data)
},
setDjywbm ({ commit }, data) {
commit('SET_DJYWBM', data)
}
}
export default {
namespaced: true,
state,
mutations,
actions
}
......@@ -7,7 +7,7 @@
&-header {
width: 100%;
padding: 10px 10px 3px 10px;
padding: 10px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 2px;
......@@ -18,7 +18,7 @@
display: flex;
font-size: 12px;
flex-wrap: wrap;
line-height: 36px;
padding-top: 10px;
span {
display: flex;
......
......@@ -8,12 +8,12 @@ export default {
}
}
},
computed: {
...mapGetters(['dictData']),
},
created () {
this.fetchData()
},
computed: {
...mapGetters(['dictData'])
},
methods: {
handleSizeChange (val) {
this.pageData.currentPage = 1
......
......@@ -229,7 +229,7 @@ export default {
height: calc(100% - 80px);
align-items: center;
background: rgba(194, 190, 190, 0.1);
overflow: scroll;
img {
display: block;
object-fit: scale-down;
......
<template>
<div class="bdcqldjml">
<table class="mlTable">
<tr>
<th colspan="5" class="title">不动产权利登记目录</th>
</tr>
<tr>
<td>序号</td>
<td>不动产单元号</td>
<td>不动产类型</td>
<td>所在本数</td>
<td>备注</td>
</tr>
<tr v-for="(item, index) in bdcqlml" :key="index">
<td>{{ index + 1 }}</td>
<td>{{ item.bdcdyh }}</td>
<td>{{ item.bdclx }}</td>
<td>{{ item.szbs }}</td>
<td>{{ item.bz }}</td>
</tr>
</table>
</div>
</template>
<script>
import { getBdcqldjmlByBdcdyid } from "@/api/zhcx.js";
export default {
data() {
return {
bdcqlml: [],
propsParam: this.$attrs,
};
},
mounted() {
getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.bdcqlml = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqldjml {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
.mlTable {
width: 90%;
margin: 0 auto;
color: #333;
border-spacing: 1px;
background-color: #333;
.title {
font-size: 20px;
line-height: 60px;
font-family: serif;
position: relative;
}
td,
th {
background-color: white;
line-height: 30px;
padding: 0 4px;
text-align: center;
}
}
}
</style>
<template>
<div class="bdcqljqtsx">
<div class="content">
<div class="title">不动产权利及其他事项<br />登记信息</div>
<div>
不动产单元号:
<div class="underline">{{ propsParam.bdcdyh }}</div>
</div>
<br /><br /><br />
<div>
<div class="underline">{{ qlxxList.ztqlmc }}</div>
登记 共
<div class="underline">{{ qlxxList.ztql.total }}</div>
条
</div>
<br /><br />
<div>
抵押权登记 共
<div class="underline">{{ qlxxList.diyaq.total }}</div>
条
</div>
<br />
<div>
地役权登记 共
<div class="underline">{{ qlxxList.diyiq.total }}</div>
条
</div>
<br />
<div>
预告登记 共
<div class="underline">{{ qlxxList.ygdj.total }}</div>
条
</div>
<br />
<div>
异议登记 共
<div class="underline">{{ qlxxList.yydj.total }}</div>
条
</div>
<br />
<div>
查封登记 共
<div class="underline">{{ qlxxList.cfdj.total }}</div>
条
</div>
<br />
</div>
</div>
</template>
<script>
import { getBdcqljqtsx } from "@/api/zhcx.js";
export default {
name: "bdcqljqtsx",
data() {
return {
//传递参数
propsParam: this.$attrs,
qlxxList: "",
};
},
mounted() {
getBdcqljqtsx({
bdcdyid: this.propsParam.bdcdyid,
bdcdyh: this.propsParam.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.qlxxList = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqljqtsx {
width: 100%;
height: 100%;
background: #fff;
.content {
width: 50%;
height: 100%;
margin: 0 auto;
text-align: right;
color: #333;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 16px;
.title {
font-size: 32px;
text-align: center;
padding: 40px 0;
line-height: 34px;
}
.underline {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: inline-block;
}
}
}
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "查封登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().CFDJ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().DYAQ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().DYIQ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="content">
<div class="left">
<el-tree
ref="tree"
:data="treedata"
:props="defaultProps"
@node-click="handleNodeClick"
:default-expand-all="true"
:expand-on-click-node="false"
node-key="id"
:default-checked-keys="[showTab]"
>
</el-tree>
</div>
<div class="right">
<component :is="componentTag" v-bind="currentSelectProps" />
</div>
</div>
</template>
<script>
import { getBdcqljqtsx } from "@/api/zhcx.js";
import axios from "axios";
export default {
data() {
return {
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog: {},
//选择加载哪一个组件
componentTag: "JSYDSYQ",
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
bdcqljqtsxData: [],
defaultProps: {
children: "children",
label: "label",
},
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
};
},
props: ["formData"],
mounted() {
this.loadData();
},
methods: {
loadData() {
getBdcqljqtsx({
bdcdyid: this.formData.bdcdyid,
bdcdyh: this.formData.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.loadLeftMenu(res.result);
}
});
//this.$alert(this.bdcqlml);
this.currentSelectProps = {
bdcdyid: this.formData.bdcdyid,
bdcdyh: this.formData.bdcdyh,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
this.componentTag = (r) =>
require.ensure([], () =>
r(require("@/views/registerBook/jsydsyq.vue"))
);
},
loadLeftMenu(qlxxData) {
this.treedata.push({
id: "djbfm",
form: "djbfm.vue",
label: "登记簿封面",
children: [],
});
this.treedata[0].children.push({
id: "zdjbxx",
form: "zdjbxx.vue",
label: "宗地基本信息\n (" + this.formData.bdcdyh.substring(0, 19) + ")",
children: [],
});
this.treedata[0].children.push({
id: "bdcqldjml",
form: "bdcqldjml.vue",
label: "不动产权利登记目录",
children: [],
});
this.treedata[0].children[1].children.push({
id: "bdcqljqtsx",
form: "bdcqljqtsx.vue",
label:
"不动产权利及其他事项\n (" + this.formData.bdcdyh.slice(19) + ")",
children: [],
});
this.treedata[0].children[1].children[0].children.push({
id: "jsydsyq",
form: "jsydsyq.vue",
label:
qlxxData.ztqlmc +
"(临:" +
qlxxData.ztql.linShi +
"，现:" +
qlxxData.ztql.xianShi +
"，历:" +
qlxxData.ztql.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "diyaq",
form: "diyaq.vue",
label:
"抵押权(临:" +
qlxxData.diyaq.linShi +
"，现:" +
qlxxData.diyaq.xianShi +
"，历:" +
qlxxData.diyaq.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "diyiq",
form: "diyiq.vue",
label:
"地役权(临:" +
qlxxData.diyiq.linShi +
"，现:" +
qlxxData.diyiq.xianShi +
"，历:" +
qlxxData.diyiq.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "ygdj",
form: "ygdj.vue",
label:
"预告登记(临:" +
qlxxData.ygdj.linShi +
"，现:" +
qlxxData.ygdj.xianShi +
"，历:" +
qlxxData.ygdj.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "yydj",
form: "yydj.vue",
label:
"异议登记(临:" +
qlxxData.yydj.linShi +
"，现:" +
qlxxData.yydj.xianShi +
"，历:" +
qlxxData.yydj.liShi +
")",
});
this.treedata[0].children[1].children[0].children.push({
id: "cfdj",
form: "cfdj.vue",
label:
"查封登记(临:" +
qlxxData.cfdj.linShi +
"，现:" +
qlxxData.cfdj.xianShi +
"，历:" +
qlxxData.cfdj.liShi +
")",
});
},
handleNodeClick(data, node, elem) {
this.componentTag = (r) =>
require.ensure([], () =>
r(require("@/views/registerBook/" + data.form))
);
},
},
};
</script>
<style scoped lang="scss">
.content {
width: 100%;
height: 100%;
display: flex;
.left {
width: 256px;
height: 704px;
background-color: #f5f5f5;
color: #333;
border: 1px solid rgb(228, 228, 228);
}
.right {
width: calc(100% - 256px);
height: 704px;
// overflow-y: scroll;
overflow: auto;
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
}
}
/deep/ .expanded.el-tree-node__expand-icon,
/deep/ .el-tree-node__expand-icon {
visibility: hidden;
}
/deep/ .el-tree-node__content {
border: 1px solid rgb(228, 228, 228);
height: 45px;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
/deep/.el-tree-node {
white-space: pre-wrap;
}
/deep/ .is-current > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
</style>
<template>
<div class="djbfm">
<br /><br />
<p>
<font>{{ info.sheng }}</font>
省 (区、市)
<font>{{ info.shi }}</font>
市 (区)
<font>{{ info.xian }}</font>
区 (县、市)
</p>
<p>
<font>{{ info.zhen }}</font>
街道 (乡、镇)
<font>{{ info.cun }}</font>
街坊 (村)
<font>{{ info.zu }}</font>
组
</p>
<div class="title">不动产登记簿</div>
<br />
<p>
宗地/宗海号:
<font>{{ info.zddm }}</font>
</p>
<div class="bottom">
<p>
登记机构:
<font>{{ info.djjg }}</font>
</p>
</div>
</div>
</template>
<script>
import { getDjbfm } from "@/api/zhcx.js";
export default {
data() {
return {
//传递参数
propsParam: this.$attrs,
info: {},
};
},
mounted() {
this.loadData();
},
methods: {
loadData() {
getDjbfm(
this.propsParam.bsmQlxx
).then((res) => {
if (res.code === 200) {
this.info = res.result;
}
});
},
},
};
</script>
<style lang="scss" scoped>
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
p {
font-size: 28px;
}
font {
font-size: 24px;
line-height: 24px;
}
}
}
</style>
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "qlrlx",
label: "权利人类型",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "gyfs",
label: "共有情况",
},
{
prop: "mj",
label: "使用权面积(m²)",
},
{
prop: "qlxz",
label: "权利性质",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "syqqzsj",
label: "使用权起止时间",
},
{
prop: "tdsyqx",
label: "土地使用期限",
},
{
prop: "qdjg",
label: "取得价格(万元)",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
]
}
}
let datas = new data()
export {
datas
}
\ No newline at end of file
......@@ -5,7 +5,12 @@
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
......@@ -15,11 +20,15 @@
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -38,47 +47,29 @@
</template>
<script>
import { datas } from "./jsydsyq.js";
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
data() {
return {
qsztList: [
{
value: "0",
label: "临时",
},
{
value: "1",
label: "现势",
},
{
value: "2",
label: "历史",
},
],
checkList: ["0", "1", "2"],
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: {},
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: [],
title: "建设用地使用权、宅基地使用权登记信息",
columns: datas.columns().JSYDSYQ,
};
},
created () {
this.propsParam = this.$attrs;
console.log(this.$attrs, 'this.$attrs;');
this.columns = datas.columns();
created() {
this.loadData();
// this.$alert(datas.columns());
},
methods: {
loadData () {
//this.$alert(this.propsParam.bdcdyh);
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -86,14 +77,19 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
// this.emptycolNum -= this.tableData.length;
if (this.tableData.length < this.emptycolNum) {
this.emptycolNum -= this.tableData.length;
}else{
this.emptycolNum = 0;
}
}
});
},
checkChange () {
checkChange() {
this.loadData();
},
getQsztName (code) {
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......@@ -108,5 +104,5 @@ export default {
</script>
<style lang="scss" scoped>
// @import "./qlxxCommon.scss";
@import "./qlxxCommon.scss";
</style>
......
.djxxTable {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
color: #333;
.tableBox {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
.title {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
background: #e9e9e9;
height: 62px;
line-height: 62px;
position: relative;
margin: 1px 0;
.checkbox {
position: absolute;
right: 20px;
bottom: -16px;
height: 62px;
}
}
.xxTableBox {
overflow-x: scroll;
width: 100%;
padding-bottom: 35px;
}
.xxTable>tr:first-child th {
width: 140px;
}
.xxTable {
border-spacing: 1px;
width: 100%;
tr>th {
border: 1px solid #ccc;
background: #F2F2F2;
color: #333333;
font-size: 16px;
height: 40px;
}
th.linshi,
th.xianshi {
background: #464c5b;
}
th.lishi {
background: rgba(70, 76, 91, 0.8);
}
.one th {
height: 25px;
font-size: 14px;
}
th.linshi {
color: #fe9400;
}
.two th {
height: 45px;
p:nth-child(2) {
font-size: 14px;
}
}
.linshiIcon {
position: relative;
}
.linshiIcon::after {
content: "";
display: block;
width: 0;
height: 0;
border-width: 0px 0px 55px 55px;
border-style: none solid solid;
border-color: transparent transparent #fe9400;
position: absolute;
top: 0;
right: 0;
transform: rotate(-90deg);
}
.icon {
position: absolute;
top: 13px;
right: -4px;
transform: rotate(45deg);
color: #fff;
font-size: 12px;
z-index: 10;
}
tr td {
border: 1px solid #ccc;
text-align: center;
height: 40px;
padding: 4px;
font-size: 13px;
width: 140px;
}
>tr:nth-child(odd) td {
background: #f2f2f2;
}
>tr:nth-child(even) td {
background: #f9f9f9;
}
td.linshi {
color: #fe9400;
}
tr>td.lishi {
color: #7f7f7f;
}
}
}
}
\ No newline at end of file
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns() {
return {
//空列值个数
emptycolNum: 3,
checkList: ["0", "1", "2"],
//权属状态集合
qsztList: [
{
value: "0",
label: "临时",
},
{
value: "1",
label: "现势",
},
{
value: "2",
label: "历史",
},
],
JSYDSYQ: [
{
prop: "qszt",
label: "权属状态",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "djlxmc",
label: "登记类型",
},
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "qlrlx",
label: "权利人类型",
},
{
prop: "qlrmc",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "gyfs",
label: "共有情况",
},
{
prop: "mj",
label: "使用权面积(m²)",
},
{
prop: "qlxz",
label: "权利性质",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "syqqzsj",
label: "使用权起止时间",
},
// {
// prop: "syqjssj",
// label: "使用权结束时间",
// },
// {
// prop: "tdsyqx",
// label: "土地使用期限",
// },
{
prop: "tdsyqx",
label: "土地使用期限",
},
{
prop: "qdjg",
label: "取得价格(万元)",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
DYAQ: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zjjzwzl",
label: "在建建筑物坐落",
},
{
prop: "dybdclx",
label: "抵押不动产类型",
},
{
prop: "dyqr",
label: "抵押权人",
},
{
prop: "zjzl",
label: "证件种类",
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "dyr",
label: "抵押人",
},
{
prop: "dyfs",
label: "抵押方式",
},
{
prop: "sfygdj",
label: "是否预告登记",
},
{
prop: "zjjzwdyfw",
label: "在建建筑物抵押范围",
},
{
prop: "dymj",
label: "抵押面积",
},
{
prop: "bdbzzqse",
label: "被担保主债权数额(万元)",
},
{
prop: "dbfw",
label: "担保范围",
},
{
prop: "zwlxqssj",
label: "债务履行起始时间",
},
{
prop: "zwlxjssj",
label: "债务履行结束时间",
},
{
prop: "zwlxqx",
label: "债务履行期限(债务确定期间)",
},
{
prop: "zgzqqdsshse",
label: "最高债权确定事实和数额",
},
{
prop: "sfczyd",
label: "是否存在禁止或限制转让抵押不动产的约定",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdcdjzmh",
label: "不动产登记证明号",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "fj",
label: "附记",
},
{
prop: "qlqtzk",
label: "权利其他状况",
},
{
prop: "zxdyywh",
label: "注销抵押业务号",
},
{
prop: "zxdyyy",
label: "注销抵押原因",
},
],
DYIQ: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "gydbdcdyh",
label: "供役地不动产单元号",
},
{
prop: "gydqlr",
label: "供役地权利人",
},
{
prop: "gydqlrzjzl",
label: "供役地权利人证件种类",
},
{
prop: "xydbdcdyh",
label: "需役地不动产单元号",
},
{
prop: "xydzl",
label: "需役地坐落",
},
{
prop: "xydqlr",
label: "需役地权利人",
},
{
prop: "xydqlrzjzl",
label: "需役地权利人证件种类",
},
{
prop: "xydzjh",
label: "需役地证件号",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "dyqnr",
label: "地役权内容",
},
{
prop: "qlqssj",
label: "权利起始时间",
},
{
prop: "qljssj",
label: "权利结束时间",
},
{
prop: "bdcdjzmh",
label: "不动产登记证明号",
},
{
prop: "qxdm",
label: "区县代码",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djsj",
label: "登记时间",
},
],
YGDJ: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "qlr",
label: "权利人",
},
{
prop: "qlrzjzl",
label: "证件种类",
},
{
prop: "qlrzjh",
label: "证件号",
},
{
prop: "ywr",
label: "义务人",
},
{
prop: "ywrzjzl",
label: "证件种类",
},
{
prop: "ywrzjh",
label: "证件号",
},
{
prop: "fwxz",
label: "房屋性质",
},
{
prop: "ghyt",
label: "规划用途",
},
{
prop: "fwzcs",
label: "房屋总层数",
},
{
prop: "fwszc",
label: "房屋所在层",
},
{
prop: "jzmj",
label: "建筑面积",
},
{
prop: "djyy",
label: "登记原因",
},
{
prop: "bdbzzqse",
label: "取得价格/被担保主债权数额",
},
{
prop: "jedw",
label: "金额单位",
},
{
prop: "dbfw",
label: "担保范围",
},
{
prop: "sfczyd",
label: "是否存在禁止或限制转让抵押不动产的约定",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "bdcdjzmh",
label: "不动产登记证明号",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "zxygywh",
label: "注销预告业务号",
},
{
prop: "zxygyy",
label: "注销预告原因",
},
{
prop: "zxsj",
label: "注销时间",
},
{
prop: "qszt",
label: "权属状态",
},
],
CFDJ: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "bdcqlr",
label: "不动产权利人",
},
{
prop: "zjzl",
label: "证件种类",
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "cflx",
label: "查封类型",
},
{
prop: "cfjg",
label: "查封机关",
},
{
prop: "cfwh",
label: "查封文号",
},
{
prop: "cfwj",
label: "查封文件",
},
{
prop: "cfqssj",
label: "查封起始时间",
},
{
prop: "cfjssj",
label: "查封结束时间",
},
{
prop: "cfqx",
label: "查封期限",
},
{
prop: "cffw",
label: "查封范围",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "jfywh",
label: "解封业务号",
},
{
prop: "jfjg",
label: "解封机关",
},
{
prop: "jfwh",
label: "解封文号",
},
{
prop: "jfwj",
label: "解封文件",
},
{
prop: "jfdjsj",
label: "解封登记时间",
},
{
prop: "jfdbr",
label: "解封登簿人",
},
],
YYDJ: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "dah",
label: "档案号",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "zl",
label: "坐落",
},
{
prop: "yyr",
label: "异议人",
},
{
prop: "zjzl",
label: "证件种类",
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "yysx",
label: "异议事项",
},
{
prop: "bdcdjzmh",
label: "不动产登记证明号",
},
{
prop: "djjg",
label: "登记机构",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "zxyyywh",
label: "注销异议业务号",
},
{
prop: "zxyyyy",
label: "注销异议原因",
},
{
prop: "zxyydbr",
label: "注销异议登簿人",
},
{
prop: "zxyydjsj",
label: "注销异议登记时间",
},
],
}
}
}
let datas = new data()
export {
datas
}
\ No newline at end of file
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "预告登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().YGDJ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]"
>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/zhcx.js";
import { datas } from "./qlxxFormData.js";
export default {
data() {
return {
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 0,
//列名称对象
columns: datas.columns().YYDJ,
};
},
created() {
this.loadData();
},
methods: {
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.emptycolNum = 3 - this.tableData.length;
}
});
},
checkChange() {
this.loadData();
},
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="zdxx">
<div class="tablebox">
<table cellpadding="0" cellspacing="0" class="zdxxTable">
<col width="80" />
<col width="60" />
<col width="90" />
<col width="235" />
<col width="150" />
<tr>
<td colspan="6" class="title">宗地基本信息</td>
</tr>
<tr>
<td colspan="6" class="unit" v-if="zdjbxx.mjdw == '1'">
单位：■平方米 □公顷（□亩）、万元
</td>
<td colspan="6" class="unit" v-else>
单位：□平方米 ■公顷（■亩）、万元
</td>
</tr>
<tr>
<td colspan="2">不动产类型</td>
<td colspan="4">■土地 ■房屋建筑 □构筑物 □森林、林地 □其他</td>
</tr>
<tr>
<td colspan="2">坐落</td>
<td colspan="4">{{ zdjbxx.zl }}</td>
</tr>
<tr>
<td rowspan="8" class="title2">土地状况</td>
</tr>
<tr>
<td colspan="2">宗地面积</td>
<td>{{ zdjbxx.zdmj }}</td>
<td>用途</td>
<td>{{ zdjbxx.ghytmc }}</td>
</tr>
<tr>
<td colspan="2">等级</td>
<td>{{ zdjbxx.dj }}</td>
<td>价格</td>
<td>{{ zdjbxx.jg }}</td>
</tr>
<tr>
<td colspan="2">权利类型</td>
<td>{{ zdjbxx.qllx }}</td>
<td>权利性质</td>
<td>{{ zdjbxx.qlxz }}</td>
</tr>
<tr>
<td colspan="2">权利设定方式</td>
<td>{{ zdjbxx.qlsdfs }}</td>
<td>容积率</td>
<td>{{ zdjbxx.rjl }}</td>
</tr>
<tr>
<td colspan="2">建筑密度</td>
<td>{{ zdjbxx.jzmd }}</td>
<td>建筑限高</td>
<td>{{ zdjbxx.jzxg }}</td>
</tr>
<tr>
<td colspan="2">图幅号</td>
<td>{{ zdjbxx.tfh }}</td>
<td>地籍号</td>
<td>{{ zdjbxx.djh }}</td>
</tr>
<tr>
<td colspan="2">档案号</td>
<td>{{ zdjbxx.dah }}</td>
<td>地块代码</td>
<td>{{ zdjbxx.dkdm }}</td>
</tr>
<tr>
<td colspan="2">宗地四至-东</td>
<td colspan="4">{{ zdjbxx.zdszd }}</td>
</tr>
<tr>
<td colspan="2">宗地四至-南</td>
<td colspan="4">{{ zdjbxx.zdszn }}</td>
</tr>
<tr>
<td colspan="2">宗地四至-西</td>
<td colspan="4">{{ zdjbxx.zdszx }}</td>
</tr>
<tr>
<td colspan="2">宗地四至-北</td>
<td colspan="4">{{ zdjbxx.zdszb }}</td>
</tr>
<tr>
<td class="title2" height="96">备注</td>
<td colspan="5">{{ zdjbxx.bz }}</td>
</tr>
<tr>
<td class="title2" height="96">附记</td>
<td colspan="5">{{ zdjbxx.fj }}</td>
</tr>
<tr>
<td colspan="2">状态</td>
<td colspan="2">{{ zdjbxx.zt }}</td>
<td>区县代码</td>
<td>{{ zdjbxx.qxdm }}</td>
</tr>
<tr v-show="showGroup">
<td class="title2">变化情况</td>
<td colspan="5" class="bhqk">
<div class="box">
<table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
<tr v-for="(item, index) in bhqkColumns" :key="index">
<td class="bhqkTh">{{ item.label }}</td>
<!-- <td v-for="(item2, index2) in zdbhqks" :key="index2">
{{ item2[item.prop] }}
</td> -->
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { getZdjjxxBybdcdyid } from "@/api/zhcx.js";
export default {
data () {
return {
bhqkColumns: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "zddm",
label: "宗地代码",
},
{
prop: "bhqzddm",
label: "变化前宗地代码",
},
{
prop: "bhnr",
label: "变化内容",
},
{
prop: "bhyy",
label: "变化原因",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
bhqkTableWidth: 745,
zdjbxx: {},
zdbhqks: [],
propsParam:this.$attrs,
showGroup: false,
};
},
// computed: {
// ...mapGetters(["djbxx"]),
// },
created () {
//this.propsParam = this.$attrs;
// this.$nextTick(() => {
// });
this.loadData();
//this.$alert(this.param.bdcdyh);
// this.info = this.djbxx.zdjbxx;
// this.djzd = this.djbxx.zdjbxx.djzd;
// this.zdbhqks = this.djbxx.zdjbxx.zdbhqks;
// let widths = (this.zdbhqks.length + 1) * 180 + 110;
// this.bhqkTableWidth = widths > 745 ? widths : 745;
},
methods: {
loadData () {
getZdjjxxBybdcdyid({bdcdyid:this.propsParam.bdcdyid}).then((res) => {
if (res.code === 200) {
this.zdjbxx = res.result.zdjbxx;
this.zdbhqks = res.result.zdbhqkList;
//this.$alert(this.zdjbxx);
if (this.zdbhqks != null && this.zdbhqks.length > 0) {
this.showGroup = true;
}
}
});
},
},
};
</script>
<style lang="scss" scoped>
.zdxx {
width: 100%;
height: calc(100% - 42px);
background-color: #f5f5f5;
padding: 5px;
}
.tablebox {
overflow-x: auto;
width: 100%;
height: 100%;
background: #fff;
border: 1px solid rgb(228, 228, 228);
text-align: center;
padding: 4px;
overflow-y: scroll;
.zdxxTable {
width: 100%;
min-width: 900px;
color: #333;
td {
border: 1px solid rgb(228, 228, 228);
line-height: 30px;
padding: 0 4px;
}
.title {
line-height: 68px;
font-size: 20px;
}
.unit {
text-align: right;
}
.title2 {
writing-mode: vertical-lr;
letter-spacing: 6px;
}
.bhqk {
padding: 0;
.box {
width: 745px;
overflow: auto;
}
.test {}
table {
.bhqkTh {
width: 110px;
line-height: 40px;
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
font-weight: bold;
}
td {
width: 180px;
}
}
}
}
}
</style>
......@@ -59,7 +59,6 @@ import table from "@/utils/mixin/table";
import { datas, sendThis } from "./dydjbdata";
export default {
name: "dydjb",
components: {},
mixins: [table],
mounted () {
sendThis(this);
......
......@@ -6,6 +6,9 @@
border: 1px solid #ebeef5;
z-index: 100;
@include flex;
/deep/.el-tabs__header {
margin-bottom: 0 !important;
}
}
.leftmenu {
......@@ -62,9 +65,7 @@
padding-left: 5px !important;
}
/deep/.el-tabs__header {
margin-bottom: 0 !important;
}
/deep/.el-menu-item.is-active {
background-color: #e7f4fe;
......@@ -101,6 +102,7 @@
.iconName {
line-height: 24px;
font-size: 12px;
white-space: nowrap;
}
.container {
......
......@@ -56,6 +56,7 @@
</div>
</div>
</div>
<fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" />
</div>
</template>
......@@ -63,7 +64,6 @@
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
</style>
<script>
import {
leftMenu,
......@@ -74,9 +74,15 @@ import {
} from "@/api/fqsq.js"
import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"
import { getForm } from "./flowform.js"
import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue"
import { queueDjywmc } from '@/views/ywbl/ywsq/slectBdcdata.js';
export default {
components: {
fqsqDialog
},
data () {
return {
isDialog: false,
// 流程图
imgSrc: '',
// 折叠
......@@ -149,6 +155,10 @@ export default {
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
let that = this;
switch (item.value) {
case "B0":
// let type = queueDjywmc(this.$route.query.sqywbm)
this.isDialog = true
break;
case "B1":
getWorkFlowImage(this.bsmSlsq).then(res => {
this.imgSrc = URL.createObjectURL(res)
......
......@@ -75,11 +75,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs">
<el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式">
<el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs">
<el-input disabled v-model="ruleForm.qlsdfsmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -189,8 +186,6 @@ export default {
data () {
return {
disabled: true,
tdytOption: [],
qlsdfsOption: [],
czrOptions: [],
ruleForm: {
ywh: "",
......
......@@ -32,7 +32,7 @@
</el-col>
<el-col :span="2" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="fetchData">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -53,17 +53,18 @@
</template>
<script>
//查封登记
import Cookies from 'js-cookie'
import { datas, sendThis } from "../javascript/bdcql.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
bsmSqyw: { type: String, default: '' },
djywbm: { type: String, default: "" }
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' }
},
mixins: [table, jump],
data () {
return {
queryForm: defaultParameters.defaultParameters(),
......@@ -77,30 +78,24 @@ export default {
saveloding: false
};
},
watch: {
bsmSqyw (val) {
this.fetchData()
},
},
mounted () {
sendThis(this);
sendThis(this)
},
methods: {
closeDialog () {
this.$emit("closeDialog")
},
fetchData () {
if (this.bsmSqyw) {
this.queryForm.sqywbm=this.djywbm;
selectQlxx({ ...this.queryForm, ...this.pageData })
.then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
}
this.queryForm.sqywbm = this.djywbm;
selectQlxx({ ...this.queryForm, ...this.pageData })
.then((res) => {
console.log(res);
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
},
submitForm () {
if (this.bdcdysz.length == 0) {
......@@ -109,12 +104,23 @@ export default {
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.jump(res.result)
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
......
......@@ -33,7 +33,7 @@
</el-col>
<el-col :span="2" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="fetchData()">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -53,17 +53,18 @@
</div>
</template>
<script>
import Cookies from 'js-cookie'
import { datas, sendThis } from "../javascript/bdcqlMain.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
bsmSqyw: { type: String, default: '' },
djywbm: { type: String, default: "" }
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' }
},
mixins: [table, jump],
data () {
return {
queryForm: defaultParameters.defaultParameters(),
......@@ -77,30 +78,23 @@ export default {
saveloding: false
};
},
watch: {
bsmSqyw (val) {
this.fetchData()
},
},
mounted () {
sendThis(this);
sendThis(this)
},
methods: {
closeDialog () {
this.$emit("closeDialog")
},
fetchData () {
if (this.bsmSqyw) {
this.queryForm.sqywbm=this.djywbm;
selectQlxx({ ...this.queryForm, ...this.pageData })
.then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
}
this.queryForm.sqywbm = this.djywbm;
selectQlxx({ ...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) {
......@@ -109,8 +103,10 @@ export default {
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
......
......@@ -32,7 +32,7 @@
</el-col>
<el-col :span="2" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="fetchData()">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -53,6 +53,7 @@
</template>
<script>
//查封登记
import Cookies from 'js-cookie'
import { datas, sendThis } from "../javascript/cfdj.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
......@@ -60,8 +61,8 @@ import jump from "../components/mixin/jump";
import { selectCfdj, startBusinessFlow } from "@/api/ywbl.js";
export default {
props: {
bsmSqyw: { type: String, default: '' },
djywbm: { type: String, default: "" }
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' }
},
mixins: [table, jump],
data () {
......@@ -77,11 +78,6 @@ export default {
saveloding: false
};
},
watch: {
bsmSqyw (val) {
this.fetchData()
},
},
mounted () {
sendThis(this);
},
......@@ -90,17 +86,15 @@ export default {
this.$emit("closeDialog")
},
fetchData () {
if (this.bsmSqyw) {
this.queryForm.sqywbm=this.djywbm;
selectCfdj({ ...this.queryForm, ...this.pageData })
.then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
}
this.queryForm.sqywbm = this.djywbm;
selectCfdj({ ...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) {
......@@ -109,12 +103,23 @@ export default {
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.jump(res.result)
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
......
......@@ -55,18 +55,18 @@
</template>
<script>
//抵押权首次登记
import Cookies from 'js-cookie'
import { datas, sendThis } from "../javascript/diyaq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
bsmSqyw: { type: String, default: "" },
djqxObj: { type: Object, default: "" },
djywbm: { type: String, default: "" }
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' }
},
mixins: [table, jump],
data () {
return {
queryForm: defaultParameters.defaultParameters(),
......@@ -80,11 +80,6 @@ export default {
saveloding: false,
};
},
watch: {
bsmSqyw (val) {
this.fetchData();
},
},
mounted () {
sendThis(this);
},
......@@ -93,16 +88,14 @@ export default {
this.$emit("closeDialog");
},
fetchData () {
if (this.bsmSqyw) {
this.queryForm.sqywbm=this.djywbm;
selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
});
}
this.queryForm.sqywbm = this.djywbm;
selectDiyaq({ ...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) {
......@@ -111,14 +104,23 @@ export default {
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: this.djqxObj.djqxbm,
djqxmc: this.djqxObj.djqxmc,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.jump(res.result)
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
......@@ -127,7 +129,7 @@ export default {
handleSelectionChange (val) {
this.bdcdysz = val;
},
}
}
</script>
......
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-tabs v-model="activeName">
<el-tab-pane label="自然幢" name="first"></el-tab-pane>
<el-tab-pane label="户" name="second"></el-tab-pane>
<el-tabs v-model="activeName" @tab-click="handleTabClick">
<el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
<el-tab-pane label="户" name="h"></el-tab-pane>
</el-tabs>
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-form :model="queryForm" ref="queryForm" label-width="110px">
<el-row>
<el-col :span="5">
<el-form-item label="权利类型" label-width="70px">
<el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="不动产单元号" v-model="queryForm.bdcdyh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号" label-width="70px">
<el-input placeholder="业务号" v-model="queryForm.ywh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="不动产权证号">
<el-input placeholder="不动产权证号" v-model="queryForm.bdcqzh" clearable>
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-col :span="12" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<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 border :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
......@@ -51,27 +35,26 @@
</div>
<div class="submit_button">
<el-button @click="closeDialog">取消</el-button>
<el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button>
<el-button type="primary" plain @click="submitForm">发起申请</el-button>
</div>
</div>
</template>
<script>
//国有建设用地使用权/房屋使用权
import { mapGetters } from 'vuex'
import { datas, sendThis } from "../javascript/houseOwnership.js";
import Cookies from 'js-cookie'
import { datas, sendThis } from "../javascript/fwsyq.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
import jump from "@/views/ywbl/ywsq/components/mixin/jump";
import { selectFwsyq, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
bsmSqyw: { type: String, default: "" },
djqxObj: { type: Object, default: "" },
djywbm: { type: String, default: "" }
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' }
},
mixins: [table, jump],
data () {
return {
activeName: 'first',
activeName: 'zrz',
queryForm: {
qllx: '',
bdcdyh: '',
......@@ -84,63 +67,62 @@ export default {
columns: datas.columns(),
data: [],
},
bdcdysz: [],
saveloding: false,
bdcdysz: []
};
},
watch: {
bsmSqyw (val) {
this.fetchData();
},
},
mounted () {
sendThis(this);
},
computed: {
...mapGetters(['dictData']),
sendThis(this)
},
methods: {
closeDialog () {
this.$emit("closeDialog");
},
fetchData () {
if (this.bsmSqyw) {
this.queryForm.sqywbm = this.djywbm;
console.log(this.queryForm, this.bsmSqyw);
selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
});
}
this.queryForm.sqywbm = this.djywbm;
selectFwsyq({ ...this.queryForm, ...this.pageData, fwfl: this.activeName }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
},
handleTabClick () {
this.pageData.currentPage = 1
this.fetchData()
},
submitForm () {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
return;
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: this.djqxObj.djqxbm,
djqxmc: this.djqxObj.djqxmc,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.jump(res.result)
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
});
})
},
handleSelectionChange (val) {
this.bdcdysz = val;
this.bdcdysz = val
}
},
};
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
......@@ -18,7 +18,7 @@
</el-col>
<el-col :span="4" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="fetchData">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -39,18 +39,18 @@
</template>
<script>
//首次登记
import Cookies from 'js-cookie'
import { datas, sendThis } from "../javascript/jsydsyq100.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { selectScBdcdy, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
bsmSqyw: { type: String, default: "" },
djqxObj: { type: Object, default: "" },
djywbm: { type: String, default: "" }
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' }
},
mixins: [table, jump],
data () {
return {
queryForm: defaultParameters.defaultParameters(),
......@@ -65,11 +65,6 @@ export default {
saveloding: false,
};
},
watch: {
bsmSqyw (val) {
this.fetchData();
},
},
mounted () {
sendThis(this);
},
......@@ -78,17 +73,15 @@ export default {
this.$emit("closeDialog");
},
fetchData () {
if (this.bsmSqyw) {
this.queryForm.sqywbm = this.djywbm;
this.queryForm.sqywbm = this.djywbm;
selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
});
}
selectScBdcdy({ ...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) {
......@@ -97,14 +90,23 @@ export default {
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: this.djqxObj.djqxbm,
djqxmc: this.djqxObj.djqxmc,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.jump(res.result)
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
......
......@@ -34,7 +34,7 @@
</el-col>
<el-col :span="2" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
<el-button type="primary" @click="fetchData">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -55,18 +55,18 @@
</template>
<script>
//首次登记
import Cookies from 'js-cookie'
import { datas, sendThis } from "../javascript/jsydsyq200.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
bsmSqyw: { type: String, default: "" },
djqxObj: { type: Object, default: "" },
djywbm: { type: String, default: "" }
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' }
},
mixins: [table, jump],
data () {
return {
queryForm: defaultParameters.defaultParameters(),
......@@ -80,11 +80,6 @@ export default {
saveloding: false,
};
},
watch: {
bsmSqyw (val) {
this.fetchData();
},
},
mounted () {
sendThis(this);
},
......@@ -93,17 +88,15 @@ export default {
this.$emit("closeDialog");
},
fetchData () {
if (this.bsmSqyw) {
this.queryForm.sqywbm = this.djywbm;
this.queryForm.sqywbm = this.djywbm;
selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
});
}
selectQlxx({ ...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) {
......@@ -112,14 +105,23 @@ export default {
}
this.saveloding = true;
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: Cookies.get("bsmSqyw"),
bdcdysz: this.bdcdysz,
djqxbm: this.djqxObj.djqxbm,
djqxmc: this.djqxObj.djqxmc,
djqxbm: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxbm : '',
djqxmc: Cookies.get("djqxObj") ? JSON.parse(Cookies.get("djqxObj"))?.djqxmc : '',
}).then((res) => {
this.saveloding = false;
if (res.code == 200) {
this.jump(res.result)
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
......
export default {
methods: {
jump (data) {
jump (data, type) {
this.$emit("closeDialog");
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
data.bsmSlsq +
"&bestepid=" +
data.bestepid + '&bsmBusiness='
data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type
);
window.open(href, "_blank");
},
......
......@@ -51,11 +51,11 @@ class data extends filter {
label: "宗地面积",
},
{
prop: "qlsdfsmc",
prop: "qlsdfs",
label: "权利设定方式",
},
{
prop: "showFwyt",
prop: "jzwjbyt",
label: "房屋用途",
},
{
......
<template>
<dialogBox title="查询权利信息" width="85%" :isButton="false" @closeDialog="closeDialog" v-model="myValue">
<component :is="editItem" @closeDialog="closeDialog" :bsmSqyw="bsmSqyw" :djqxObj='djqxObj' :djywbm="djywbm" />
<dialogBox title="查询权利信息" width="85%" :isButton="false" :isMain="true" @closeDialog="closeDialog" v-model="myValue">
<component :is="editItem" @closeDialog="closeDialog" :isJump="isJump" @updateDialog="updateDialog" :djywbm="djywbm"
:key="key" />
</dialogBox>
</template>
<script>
import { queueDjywmc } from './slectBdcdata.js';
import { queueDjywmc } from './slectBdcdata.js'
export default {
props: {
isJump: { type: Boolean, default: false },
value: { type: Boolean, default: true },
bsmSqyw: { type: String, default: '' },
djywbm: { type: String, default: '' },
djqxObj: { type: Object, default: '' }
djywbm: { type: String, default: '' }
},
data () {
return {
key: 0,
editItem: '',
myValue: this.value,
};
}
},
watch: {
value (val) {
this.myValue = val
this.key++
if (this.$route.query.sqywbm) {
let dd = queueDjywmc(this.$route.query.sqywbm)
this.editItem = this.loadView(dd)
}
},
djywbm (val) {
console.log(val);
let dd = queueDjywmc(val);
this.editItem = this.loadView(dd);
},
'djywbm' (val) {
let dd = queueDjywmc(val)
this.editItem = this.loadView(dd)
}
},
methods: {
loadView (view) {
console.log(view);
return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
},
closeDialog () {
this.$emit("input", false);
this.$emit("input", false)
},
updateDialog () {
this.$emit("input", false)
this.key++
}
}
};
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
......@@ -11,8 +11,8 @@ export function queueDjywmc (djywbm) {
case "A03400":
vm = "jsydsyq200";
break;
case "A04100":
vm = "houseOwnership";
case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
vm = "fwsyq";
break;
case "A05200":
case "A05300":
......
......@@ -65,12 +65,13 @@
<el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
</div>
</div>
<fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" :djqxObj='djqxObj' />
<fqsqDialog v-model="isDialog" :djywbm="djywbm" />
</div>
</template>
<script>
import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
import Cookies from 'js-cookie'
import fqsqDialog from "./slectBdc.vue"
import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
export default {
data () {
return {
......@@ -83,14 +84,9 @@ export default {
djlxList: [],
ywList: [],
djqxList: [],
bsmSqyw: '',
isDialog: false,
btnDisabled: true,
djywbm: '',
djqxObj: {
djqxbm: "",
djqxmc: "",
}
djywbm: ''
}
},
components: {
......@@ -122,16 +118,16 @@ export default {
// 业务-登记情形选择
handleSelectYw (item, list) {
list.forEach(item => {
item.cselect = false
this.$set(item, 'cselect', false)
})
item.cselect = !item.cselect
this.djqxObj = {
item.cselect = true
Cookies.set("djqxObj", JSON.stringify({
'djqxbm': item.nodecode,
'djqxmc': item.nodename,
}
'djqxmc': item.nodename
}))
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.parentid
Cookies.set("bsmSqyw", item.parentid)
this.djywbm = item.djywbm
}
},
......@@ -147,18 +143,18 @@ export default {
this.djlxList = []
},
// 获取下个节点类型
getNextNode (bsmSqyw) {
getNextNode (bsmSqyw, type) {
getNextNode(bsmSqyw).then(res => {
if (res.result.djqx) this.djqxList = res.result.djqx
if (res.result.djlx) this.djlxList = res.result.djlx
this.djqxList.forEach(item => {
this.$set(item, 'cselect', false)
this.$set(item, 'select', false)
})
this.djlxList.forEach(item => {
this.$set(item, 'cselect', false)
this.$set(item, 'select', false)
})
if (type) {
this.djqxList.forEach(item => {
this.$set(item, 'cselect', false)
})
this.djlxList.forEach(item => {
this.$set(item, 'cselect', false)
})
}
})
},
handleCollection (item) {
......@@ -171,6 +167,7 @@ export default {
message: '收藏成功！',
type: 'success'
})
that.getDataList()
}
})
} else {
......@@ -181,6 +178,7 @@ export default {
message: '取消收藏成功！',
type: 'success'
})
that.getDataList()
}
})
}
......@@ -200,10 +198,10 @@ export default {
this.$set(item, 'cselect', true)
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.bsmSqyw
Cookies.set("bsmSqyw", item.bsmSqyw)
this.djywbm = item.djywbm
} else {
this.getNextNode(item.bsmSqyw)
this.getNextNode(item.bsmSqyw, false)
}
this.djqxList = []
},
......
......@@ -122,44 +122,59 @@ export default {
},
// 高级查询
moreQueryClick () { },
openDialog (scroll) {
//debugger;
let _this = this;
let bsm = scroll.bsmQlxx;
axios
.all([
getDjbfm(bsm),
getDjml(bsm),
getZdjbxx(bsm),
getQlname(bsm),
getDetail(bsm),
])
.then(([djbfm, djml, zdjbxx, qlname, detail]) => {
let obj = {
djbfm: djbfm.result,
djml: djml.result,
zdjbxx: zdjbxx.result,
qlname: qlname.result,
detail: detail.result,
};
this.$store.dispatch("djbxx/setDjbxx", obj);
_this.isDialog = true;
openDialog (scroll) {
this.$popup({
titleStyle:"left",
title: '提示', // 弹窗标题
editItem: 'registerBook/djbFrame', // 弹窗内容
formData: scroll,
width:"1220px",
height:"800px",
// cancelText: '取消摆烂', // 右边按钮文本
// confirmText: '确定点击', //左边按钮文本
cancel: () => {
console.log('取消回调')
},
confirm: () => {
console.log('确认回调')
}
})
// let _this = this;
// let bsm = scroll.bsmQlxx;
// axios
// .all([
// getDjbfm(bsm),
// getDjml(bsm),
// getZdjbxx(bsm),
// getQlname(bsm),
// getDetail(bsm),
// ])
// .then(([djbfm, djml, zdjbxx, qlname, detail]) => {
// let obj = {
// djbfm: djbfm.result,
// djml: djml.result,
// zdjbxx: zdjbxx.result,
// qlname: qlname.result,
// detail: detail.result,
// };
// this.$store.dispatch("djbxx/setDjbxx", obj);
// _this.isDialog = true;
// 弹窗打开,自动切换到对应的登记类型
if (scroll.qllxmc == "国有建设用地使用权") {
this.$refs.djbxxDialog.showType = "JSYDSYQ";
} else if (scroll.qllxmc == "抵押权") {
this.$refs.djbxxDialog.showType = "DYAQ";
} else if (scroll.qllxmc == "地役权") {
this.$refs.djbxxDialog.showType = "DYIQ";
} else if (scroll.qllxmc == "预告登记") {
this.$refs.djbxxDialog.showType = "YGDJ";
} else if (scroll.qllxmc == "异议登记") {
this.$refs.djbxxDialog.showType = "YYDJ";
} else if (scroll.qllxmc == "查封登记") {
this.$refs.djbxxDialog.showType = "CFDJ";
}
});
// // 弹窗打开,自动切换到对应的登记类型
// if (scroll.qllxmc == "国有建设用地使用权") {
// this.$refs.djbxxDialog.showType = "JSYDSYQ";
// } else if (scroll.qllxmc == "抵押权") {
// this.$refs.djbxxDialog.showType = "DYAQ";
// } else if (scroll.qllxmc == "地役权") {
// this.$refs.djbxxDialog.showType = "DYIQ";
// } else if (scroll.qllxmc == "预告登记") {
// this.$refs.djbxxDialog.showType = "YGDJ";
// } else if (scroll.qllxmc == "异议登记") {
// this.$refs.djbxxDialog.showType = "YYDJ";
// } else if (scroll.qllxmc == "查封登记") {
// this.$refs.djbxxDialog.showType = "CFDJ";
// }
// });
},
},
};
......