ae66a570 by renchao@pashanhoo.com
2 parents f65c5624 d4bf18ae
......@@ -34,6 +34,14 @@ export const constantRoutes = [
hidden: true,
meta: { title: '发起申请' }
},
//登记簿详情
{
path: '/djbFrameall',
component: () => import('@/views/registerBook/djbFrameall.vue'),
name: 'djbFrameall',
hidden: true,
meta: { title: '登记簿详情' }
},
// 业务流程只读框架
{
path: '/workFrameView',
......
<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/registerBook.js";
import { loadTreeData, getNode } from "./djbFrameData.js";
import { searchTaskToDo } from "@/api/ywbl";
import {
leftMenu
} from "@/api/fqsq.js";
export default {
data () {
return {
//接收参数
// propsParam: this.$attrs,
//左侧目录
catalog: {},
//选择加载哪一个组件
componentTag: "",
//子组件接收参数
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
// 查询参数
queryForm: {},
defaultNode: "",
defaultProps: {
value: "id",
children: "children",
label: "label",
},
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
};
},
mounted () {
this.getdata()
},
methods: {
// 截取字符的方法
getCaption (obj) {
let index = obj.lastIndexOf("=");
obj = obj.substring(index + 1, obj.length);
return obj
},
// 通过不动产业务号获取参数
getdata () {
this.queryForm = {
bdcdyh: this.getCaption(window.location.href),
currentPage: 1,
djlx: "",
pageSize: 10,
qllx: "",
ywh: "",
ywly: ""
}
if (this.queryForm) {
searchTaskToDo({
...this.queryForm,
}).then((res) => {
if (res.code === 200) {
let { records } = res.result;
this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
}
});
}
},
// 获取不动产信息
loadBdcdylist (a, b) {
var formdata = new FormData();
formdata.append("bsmSlsq", a);
formdata.append("bestepid", b);
leftMenu(formdata).then((res) => {
if (res.code === 200) {
if (res.result) {
this.currentSelectProps = res.result[0];
this.loadData();
}
}
});
},
loadData () {
getBdcqljqtsx({
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(res.result, this.currentSelectProps.bdcdyh);
this.$nextTick(function () {
this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
this.loadComponent(this.defaultNode.form);
});
}
});
this.currentSelectProps = {
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
qllx: this.currentSelectProps.qllx,
bsmQlxx: this.currentSelectProps.bsmQlxx,
};
},
/*
点击登记簿菜单
*/
handleNodeClick (data, node, elem) {
this.loadComponent(data.form);
},
loadComponent (form) {
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
},
},
};
</script>
<style scoped lang="scss">
/deep/.rollTable {
height: calc(120vh - 254px) !important;
}
.content {
width: 100%;
height: 100%;
display: flex;
.left {
width: 256px;
height: 100%;
background-color: #f5f5f5;
color: #333;
border: 1px solid rgb(228, 228, 228);
}
.right {
width: calc(100% - 256px);
height: 100%;
// 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>
......@@ -41,17 +41,17 @@
</div>
<!-- 表格 -->
<div class="from-clues-content loadingtext">分割合并前权利信息
<lb-table ref="table" @row-dblclick="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
<lb-table ref="table" @row-dblclick="handleRowClick" :pagination = false :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
@p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
<div class="from-clues-content loadingtext">分割合并后宗地信息
<lb-table ref="table" @row-dblclick="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
<lb-table ref="table" @row-dblclick="handleRowClick" :pagination = false :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
@p-current-change="handleCurrentChange" :column="tableData.columns1"
:data="tableData.datastwo">
</lb-table>
</div>
<div class="submit_button">
......@@ -63,7 +63,7 @@
<script>
//首次登记
import store from '@/store/index.js'
import { datas, sendThis } from "../javascript/selectJsydsyq.js";
import { datas,datastwo, sendThis } from "../javascript/selectJsydsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
......@@ -77,18 +77,56 @@
data () {
return {
queryForm: defaultParameters.defaultParameters(),
// 表格数据
tableData: {
total: 0,
columns: datas.columns(),
data: []
columns: [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio v-model={this.radioVal} label={scope.row.bhqkbsm}>
&ensp;
</el-radio>
</div>
)
}
},].concat(datas.columns()),
data: [],
columns1: datastwo.columns1(),
datastwo:[]
},
bdcdysz: []
bdcdysz: [],
radioVal:""
}
},
mounted () {
sendThis(this);
},
watch: {
radioVal: {
deep: true,
handler(newVal, oldVal) {
this.close()
},
},
},
methods: {
// 单选事件
close(){
console.log("ddddd",this.radioVal);
console.log("...this.queryForm",this.queryForm);
this.queryForm.bhqkbsm=this.radioVal
// delete this.queryForm.sqywbm
selectZdjbxxSplitMergeLast({ ...this.queryForm,}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.datastwo = [...res.result,...res.result];
}
});
},
queryClick () {
this.$startLoading();
this.queryForm.sqywbm = this.sqywInfo.djywbm;
......@@ -97,7 +135,7 @@
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = res.result;
this.tableData.data = [...res.result,...res.result];
}
});
},
......
......@@ -9,6 +9,9 @@ let vm = null
const sendThis = (_this) => {
vm = _this
}
// const sendThiss= (_this) => {
// vm1 = _this
// }
class data extends filter {
constructor() {
super()
......@@ -16,11 +19,6 @@ class data extends filter {
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
{
label: '序号',
type: 'index',
width: '50',
......@@ -110,10 +108,89 @@ class data extends filter {
]
}
}
class datatwo extends filter {
constructor() {
super()
}
columns1 () {
return [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: "状态",
render: (h, scope) => {
return (
<div>
{/* <a v-on:click="doSomething"></a> */}
<a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span>
</div>
)
}
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "zddm",
label: "宗地代码",
},
{
prop: "bdcdyh",
label: "不动产单元号",
minWidth: '110'
},
{
prop: "qlxzmc",
label: "权利性质",
},
{
prop: "mj",
label: "宗地面积(㎡)",
},
{
prop: "qlsdfsmc",
label: "权利设定方式",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "zl",
label: "坐落",
minWidth: '110'
},
]
}
}
let datas = new data()
let datastwo = new datatwo ()
export {
datas,
datastwo ,
sendThis
}
......