Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
33f07147 by 杨威
Options

楼盘表相关改动

1 parent 2c6e62e2
Inline Side-by-side
Showing 10 changed files with 284 additions and 33 deletions
import request from '@/plugin/axios'
/**
* 查询新建自然幢树结构数据
*/
export function getLpbMenuTree (data) {
return request({
url: 'fw/lpb/getLpbMenuTree',
method: 'get',
params: {
zrzbsm:data
},
})
}
\ No newline at end of file
......@@ -2,6 +2,8 @@
padding: 18px;
padding-top: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.el-table .success-row {
background:@tablebg;
......
......@@ -70,6 +70,10 @@ export default {
type: Boolean,
default: false,
},
islpb:{
type: Boolean,
default: false,
}
},
data() {
return {
......@@ -156,9 +160,9 @@ export default {
text-overflow: ellipsis;
white-space: nowrap;
}
.active_color {
color: #ffffff;
}
// .active_color {
// color: #ffffff;
// }
.reTree_icon {
width: 17px;
height: 17px;
......@@ -206,7 +210,9 @@ export default {
// padding-bottom: 15px;
width: 100%;
padding-left: 40px;
color: #ffffff;
}
.white_layer {
color: black!important;
}
.second_layer::before {
......
<template>
<div
class="content column-start-center reTree_box"
:style="{ fontSize: (size || 14) + 'px', lineHeight: (size || 14) + 'px' }"
style="width:347px"
:style="{ fontSize: (size || 14) + 'px', lineHeight: (size || 14) + 'px', width: (islpb ? '200':'374') + 'px' }"
>
<div
class="column-start-center basic_layer"
:class="islpb ? 'white_layer':''"
v-for="(item, index) in formatData"
:key="index"
>
......@@ -14,6 +14,7 @@
:class="{
active_color: item.expand && item.children.length > 0,
}"
@contextmenu.prevent="openMenu($event, item)"
@click="itemClick(item)"
>
<div
......@@ -42,6 +43,7 @@
:list="item.children"
:visible="visible"
:size="size"
:islpb="islpb"
></lineItem>
</div>
......@@ -77,6 +79,10 @@ export default {
type: Number,
default: 14,
},
islpb:{
type: Boolean,
default: false,
}
},
components: { lineItem,Create },
data() {
......@@ -123,7 +129,6 @@ export default {
},
//添加定着物
openCreateDialog(){
debugger
this.dialogVisible = true
this.$store.state.rightClickZdbsm = this.zdData.zdbsm;
},
......@@ -169,6 +174,11 @@ export default {
this.$emit("detailClick", data);
}, 300);
},
//自然幢右键点击事件
openMenu(e,item){
console.log(e);
console.log(item);
},
detailDoubleClick(data) {
clearTimeout(this.timer);
this.selectedDetail = data;
......@@ -261,9 +271,9 @@ export default {
text-overflow: ellipsis;
white-space: nowrap;
}
.active_color {
color: #ffffff;
}
// .active_color {
// color: #ffffff;
// }
.reTree_box {
// overflow-y: auto;
}
......@@ -289,6 +299,9 @@ export default {
flex: 1;
}
}
.white_layer {
color: black!important;
}
.first_vertical_line {
content: "";
position: absolute;
......@@ -308,13 +321,6 @@ export default {
cursor: pointer;
padding-left: 25px;
}
.third_layer {
position: relative;
padding-bottom: 15px;
width: 100%;
padding-left: 40px;
color: #ffffff;
}
.second_layer::before {
content: "";
......@@ -325,15 +331,6 @@ export default {
top: 9px;
background: #c3c5c8;
}
.third_layer::before {
content: "";
position: absolute;
height: 1px;
width: 20px;
left: 9px;
top: 9px;
background: #c3c5c8;
}
.linkLine_default::after {
content: "";
......
......@@ -408,7 +408,7 @@ export default {
}
.el-main {
background-color: #f1f4fc;
background-color: #EAEDF5;
color: #333;
// text-align: center;
// line-height: 160px;
......
......@@ -38,4 +38,22 @@ export default {
watch: {},
};
</script>
<style scoped lang="less"></style>
<style scoped lang="less">
.content_box{
.el-tabs{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
/deep/.el-tabs__content{
width: 100%;
height: 100%;
flex:1;
}
.el-tab-pane{
width: 100%;
height: 100%;
}
}
</style>
......
<template>
<div class=""></div>
</template>
<script>
export default {
name:"",
components:{},
props:{},
data(){
return {
}
},
created(){},
mounted(){},
methods:{},
computed: {},
watch: {},
}
</script>
<style scoped lang="less">
</style>
\ No newline at end of file
<template>
<div class="edit">
<div class="tab-header">
<div class="searchContent">
<el-radio-group v-model="radio1">
<el-radio-button class="radioBtn" label="1" border>实测</el-radio-button>
<el-radio-button class="radioBtn" label="2" border>预测</el-radio-button>
</el-radio-group>
<el-input v-model="bdcdyh" class="searchInput" placeholder="输入不动产单元号"></el-input>
</div>
<div>
<el-button class="radioBtn" label="1" @click="create" border>创建楼盘</el-button>
<el-button class="radioBtn" label="2" border>实预测转换</el-button>
<el-button class="radioBtn" label="3" border>批量户</el-button>
<el-button class="radioBtn" label="4" border>批量层</el-button>
<el-button class="radioBtn" label="5" border>批量室号</el-button>
<el-button class="radioBtn" label="6" border>批量坐落</el-button>
<el-button class="radioBtn" label="7" border>批量单元号</el-button>
</div>
</div>
<div class="tab-content">
<div class="lp-tree" :class="createFlag ? 'w260':'w0'">
<LineTree :pd="pd" class="treeData" :islpb = "islpb" ></LineTree>
<p @click="createFlag = false" style="width:20px;position:absolute;top:0;right:0;cursor:pointer;">X</p>
</div>
<div class="lp-overview">
楼盘单元格
</div>
<div class="lp-legend">
楼盘图例
</div>
</div>
</div>
</template>
<script>
import LineTree from "../../../../components/lineTree/lineTree";
import {getLpbMenuTree} from "../../../../api/lpb"
export default {
name:"",
components:{LineTree},
props:{},
data(){
return {
radio1:'',
radio2:'',
createFlag:false,
bdcdyh:'',
islpb:true,
pd:[], //创建楼盘的树结构数据
}
},
created(){},
mounted(){
this.getLpbMenuTree('d1b82b27f2a6ab7bf3f0e7708c96e46f')
},
methods:{
//创建楼盘
create(){
this.createFlag = true
},
//获取自然幢树结构数据
getLpbMenuTree(zrzbsm){
getLpbMenuTree(zrzbsm)
.then((res) => {
this.pd = res.result;
})
.catch((error) => {});
},
},
computed: {},
watch: {
},
}
</script>
<style scoped lang="less">
.edit{
height: 100%;
background-color: #EAEDF5;
.tab-header{
border: 1px solid #DEDEDE;
border-top: 0;
box-sizing: border-box;
padding: 20px 0;
background-color: #ffffff;
margin-bottom: 20px;
.searchContent{
margin-bottom: 20px;
.searchInput{
width: 300px;
margin-left: 20px;
display: inline-block;
}
}
.radioBtn{
margin-left: 20px;
/deep/.el-radio-button__inner{
border: 1px solid #DCDFE6;
border-radius:4px;
box-shadow: 0 0 0 0 #409EFF!important;
}
}
}
.tab-content{
height: calc(100% - 161px);
background-color: #ffffff;
display: flex;
div{
height: 100%;
line-height: 40px;
}
.lp-tree{
overflow: hidden;
transition: .5s;
position: relative;
.treeData{
margin-top: 20px;
margin-left: 20px;
}
}
.w0{
width: 0;
}
.w260{
width: 260px;
}
.lp-overview{
flex: 1;
}
.lp-legend{
width: 200px;
}
}
}
</style>
\ No newline at end of file
<template>
<div class="">楼盘表</div>
<div class="lpb">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="编辑楼盘" name="edit">
<edit></edit>
</el-tab-pane>
<el-tab-pane label="预览楼盘" name="preview">
<preview></preview>
</el-tab-pane>
<el-tab-pane label="详细信息" name="detail">
<detail></detail>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import edit from "./edit"
import preview from "./preview"
import detail from "./detail"
export default {
name:"",
components:{},
components:{edit,preview,detail},
props:{},
data(){
return {
data() {
return {
activeName: 'edit'
};
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
}
},
created(){},
mounted(){},
methods:{},
computed: {},
watch: {},
}
</script>
<style scoped lang="less">
.lpb{
width: 100%;
height: 100%;
background-color: #fff;
/deep/.el-tabs__header{
margin-bottom: 0;
}
.el-tabs{
height: 100%;
display: flex;
flex-direction: column;
}
.el-tab-pane{
height: 100%;
}
}
</style>
\ No newline at end of file
......
<template>
<div class=""></div>
</template>
<script>
export default {
name:"",
components:{},
props:{},
data(){
return {
}
},
created(){},
mounted(){},
methods:{},
computed: {},
watch: {},
}
</script>
<style scoped lang="less">
</style>
\ No newline at end of file