Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
dcda767a by “miaofang
Options

恢复代码

1 parent 8d2e7bd0
Inline Side-by-side
Showing 1 changed file with 145 additions and 133 deletions
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-01-31 09:52:39
* @LastEditTime: 2023-07-19 09:52:59
-->
<template>
<div class="content loadingtext">
......@@ -14,7 +14,8 @@
:default-expand-all="true"
:expand-on-click-node="false"
node-key="id"
:default-checked-keys="[showTab]">
:default-checked-keys="[showTab]"
>
</el-tree>
<el-collapse v-model="activeName" accordion>
<el-collapse-item
......@@ -22,7 +23,8 @@
ref="sfq"
v-for="(item, index) in sfqdata"
:key="index"
:name="index">
:name="index"
>
<template slot="title">
<span class="text" @click="tap(item)">
<span>
......@@ -35,7 +37,8 @@
:re="item"
:key="index"
:class="[isActive == index ? activeCls : '', errorCls]"
@click="taplist(item, index)">
@click="taplist(item, index)"
>
<span>
{{ item.label }}
</span>
......@@ -50,15 +53,16 @@
<component
:is="componentTag"
@getBdcdyh="getBdcdyh"
v-bind="currentSelectProps" />
v-bind="currentSelectProps"
/>
</div>
</div>
</template>
<script>
import { getBdcqljqtsx, getBdcqljqtsxBdcdyh } from "@/api/djbDetail.js";
import { getBdcqljqtsx, getBdcqljqtsxBdcdyh } from "@/api/djbDetail.js";
import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
export default {
data () {
export default {
data() {
return {
//接收参数
// propsParam: this.$attrs,
......@@ -89,124 +93,85 @@
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
};
},
/**
* @description: loadData
* @author: renchao
*/
loadData(val) {
getBdcqljqtsxBdcdyh({
bdcdyh: val,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(val);
this.sfqdata.push(loadsfqData(res.result, val, res.result.bdcdyid));
this.$nextTick(function () {
this.defaultNode = getNode(
res.result.ztqllx,
{ linShi: 0, xianShi: 0, liShi: 0 },
res.result.bdcdylx || ""
);
this.sfqdata[0].children.forEach((item, index) => {
if (item.id == this.defaultNode.id) {
this.loadComponent(item.form);
this.isActive = index;
}
});
this.currentSelectProps = {
bdcdyid: res.result.bdcdyid,
bdcdyh: val,
qllx: res.result.qllx,
bsmQlxx: this.currentSelectProps.bsmQlxx,
};
// this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
// this.loadComponent(this.defaultNode.form);
// this.setstyle(0, 0, this.iskey);
});
}
});
mounted() {
this.loadData(this.getCaption(window.location.href));
},
/*
点击登记簿菜单
*/
methods: {
// 截取字符的方法
/**
* @description: 点击登记簿菜单
* @param {*} data
* @description: 截取字符的方法
* @param {*} obj
* @author: renchao
*/
handleNodeClick(data) {
this.loadComponent(data.form);
getCaption(obj) {
let index = obj.lastIndexOf("=");
obj = obj.substring(index + 1, obj.length);
return obj;
},
// 通过不动产业务号获取参数
/**
* @description: setstyle
* @param {*} data
* @description: 通过不动产业务号获取参数
* @author: renchao
* 设置样式和点击定位到当前功能
*/
// setstyle (newindex, index, key) {
// if (key != undefined || this.keyy == index) {
// if (key != undefined) {
// this.keyy = key
// getdata () {
// this.queryForm = {
// bdcdyh: this.getCaption(window.location.href),
// currentPage: 1,
// djlx: "",
// pageSize: 10,
// qllx: "",
// ywh: "",
// ywly: "",
// };
// if (this.queryForm) {
// this.$startLoading();
// searchTaskToDo({
// ...this.queryForm,
// }).then((res) => {
// if (res.code === 200) {
// let { records } = res.result;
// this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
// this.$endLoading();
// }
// this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
// let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
// dpme.style.backgroundColor = "#f5f5f5";
// dpme.style.color = "#0079fe";
// dpme.style.borderRight = "4px solid #0079fe";
// } else {
// let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
// dpme.style.backgroundColor = "#ffffff";
// dpme.style.color = "black";
// dpme.style.border = "none";
// });
// }
// },
// 获取不动产信息
/**
* @description: tap
* @param {*} data
* @author: renchao
* 新增列表功能
*/
tap(data, index) {
this.loadComponent(data.form);
this.currentSelectProps.bdcdyid=data.bdcdyid
this.currentSelectProps.bdcdyh=data.bdcdyh
},
/**
* @description: taplist
* @param {*} data
* @author: renchao
* 新增列表功能
*/
taplist(data, index) {
this.loadComponent(data.form);
this.isActive = index;
},
methods: {
// 截取字符的方法
/**
* @description: 截取字符的方法
* @param {*} obj
* @description: 获取不动产信息
* @param {*} a
* @param {*} b
* @author: renchao
*/
getCaption (obj) {
let index = obj.lastIndexOf("=");
obj = obj.substring(index + 1, obj.length);
return obj;
},
// 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(this.currentSelectProps.bdcdyh);
// }
// }
// });
// },
/**
* @description: getBdcdyh
* @author: miaofang
* 点击不动产单元号事件
*/
getBdcdyh (val) {
getBdcdyh(val) {
this.addloadData(val);
},
/**
* @description: addloadData
* @author: miaofang
*/
addloadData (val) {
addloadData(val) {
getBdcqljqtsx({
bdcdyid: val.bdcdyid,
bdcdyh: val.bdcdyh,
......@@ -234,7 +199,7 @@
* @description: loadData
* @author: renchao
*/
loadData (val) {
loadData(val) {
getBdcqljqtsxBdcdyh({
bdcdyh: val,
}).then((res) => {
......@@ -259,20 +224,59 @@
qllx: res.result.qllx,
bsmQlxx: this.currentSelectProps.bsmQlxx,
};
})
// this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
// this.loadComponent(this.defaultNode.form);
// this.setstyle(0, 0, this.iskey);
});
}
})
});
},
/*
点击登记簿菜单
*/
/**
* @description: 点击登记簿菜单
* @param {*} data
* @author: renchao
*/
handleNodeClick (data) {
handleNodeClick(data) {
this.loadComponent(data.form);
},
tap (data, index) {
/**
* @description: setstyle
* @param {*} data
* @author: renchao
* 设置样式和点击定位到当前功能
*/
// setstyle (newindex, index, key) {
// if (key != undefined || this.keyy == index) {
// if (key != undefined) {
// this.keyy = key
// }
// this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
// let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
// dpme.style.backgroundColor = "#f5f5f5";
// dpme.style.color = "#0079fe";
// dpme.style.borderRight = "4px solid #0079fe";
// } else {
// let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
// dpme.style.backgroundColor = "#ffffff";
// dpme.style.color = "black";
// dpme.style.border = "none";
// }
// },
/**
* @description: tap
* @param {*} data
* @author: renchao
* 新增列表功能
*/
tap(data, index) {
this.loadComponent(data.form);
this.currentSelectProps.bdcdyid=data.bdcdyid
this.currentSelectProps.bdcdyh=data.bdcdyh
},
/**
* @description: taplist
......@@ -280,7 +284,7 @@
* @author: renchao
* 新增列表功能
*/
taplist (data, index) {
taplist(data, index) {
this.loadComponent(data.form);
this.isActive = index;
},
......@@ -289,19 +293,19 @@
* @param {*} form
* @author: renchao
*/
loadComponent (form) {
loadComponent(form) {
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
}
}
}
},
},
};
</script>
<style scoped lang="scss">
/deep/.rollTable {
/deep/.rollTable {
height: calc(120vh - 254px) !important;
}
}
.content {
.content {
width: 100%;
height: 100%;
display: flex;
......@@ -322,23 +326,34 @@
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
}
}
}
/deep/ .expanded.el-tree-node__expand-icon,
/deep/ .el-tree-node__expand-icon {
/deep/ .expanded.el-tree-node__expand-icon,
/deep/ .el-tree-node__expand-icon {
visibility: hidden;
}
}
/deep/ .el-tree-node__content {
/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 {
/deep/.el-tree-node {
white-space: pre-wrap;
}
}
/deep/.el-collapse-item__header {
/deep/ .is-current > .el-tree-node__content {
// background-color: #f5f5f5;
// color: #0079fe;
// border-right: 4px solid #0079fe;
}
/deep/.el-collapse-item__header {
width: 100%;
cursor: pointer;
position: relative;
......@@ -358,19 +373,16 @@
display: inline-block;
line-height: 15px;
}
height: 45px;
border: 1px solid rgb(228, 228, 228);
border-right: 4px solid #f5f5f5;
}
height: 45px;
display: inline-block;
line-height: 45px;
border: 1px solid rgb(228, 228, 228);
}
/deep/.el-collapse-item__content {
}
/deep/.el-collapse-item__content {
padding-bottom: 5px;
}
/deep/.unselected {
}
/deep/.unselected {
// white-space: wrap;
border: none;
cursor: pointer;
......@@ -387,9 +399,9 @@
justify-content: center;
align-items: center;
}
}
}
.select {
.select {
border: none;
cursor: pointer;
width: 250px;
......@@ -406,5 +418,5 @@
justify-content: center;
align-items: center;
}
}
}
</style>
......