Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
599df7a2 by 杨威
Options

变更页面修改，楼盘表页面结构调整

1 parent 281fa572
Inline Side-by-side
Showing 5 changed files with 112 additions and 34 deletions
......@@ -89,6 +89,10 @@ ol, ul { list-style:none; }
}
//二级菜单样式
.tabs{
>.el-tabs__content{
position: unset;
margin-top: 50px;
}
>.is-top{
position: -webkit-fixed;
position: fixed;
......@@ -129,10 +133,6 @@ ol, ul { list-style:none; }
-webkit-box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4);
}
.el-tabs__content{
position: unset;
margin-top: 50px;
}
// 自定义右键菜单样式
.contextmenu {
margin: 0;
......
......@@ -10,7 +10,7 @@
/>
<span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span>
</div>
<div class="treeModule">
<div class="treeModule" :style="{height:treeHeight+'px'}">
<LineTree :pd="pd" @itemClick="itemClick"></LineTree>
</div>
</el-aside>
......@@ -123,6 +123,7 @@ export default {
},
pd: [],
dialogVisible: false,
treeHeight:0, //树结构区域高度
};
},
computed: {
......@@ -193,6 +194,9 @@ export default {
// }
this.getDic();
this.getTreeList();
this.$nextTick(()=>{
this.treeHeight = this.$el.clientHeight - 120;
});
},
methods: {
//请求字典数据
......
<template>
<div>
<el-tabs v-model="tabName">
<div class="fg" ref="fgBox">
<el-tabs v-model="tabName" type="card" class="menu">
<el-tab-pane label="宗地分割" name="zd">
<div class="main">
<div class="button">
<el-button type="primary" @click="newAdd">新增</el-button>
</div>
<div class="fg-tabs">
<el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
<div class="table">
<span class="tips">分割前宗地信息</span>
<table border="1">
<tr>
<td>序号</td>
......@@ -39,7 +38,7 @@
</table>
</div>
<div class="fgh">
<span>分割后宗地:</span>
<span class="tips">分割后宗地信息</span>
<table border="1">
<tr>
<td>操作</td>
......@@ -167,17 +166,16 @@
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
@close="close"></query-data>
<div class="header-button">
<div class="header-button" :style="{width:fgBoxWidth+'px'}">
<el-button type="primary" @click="save">保存</el-button>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="多幢分割" name="dz">
<div class="main">
<div class="button">
<el-button type="primary" @click="newAdd">新增</el-button>
</div>
<div class="fg-tabs">
<el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
<div class="table">
<span class="tips">分割前宗地信息</span>
<table border="1">
<tr>
<td>序号</td>
......@@ -210,7 +208,7 @@
</table>
</div>
<div class="fgh">
<span>分割后宗地:</span>
<span class="tips">分割后宗地信息</span>
<table border="1">
<tr>
<td>操作</td>
......@@ -337,17 +335,16 @@
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']"
@close="close"></query-data>
<div class="header-button">
<div class="header-button" :style="{width:fgBoxWidth+'px'}">
<el-button type="primary" @click="save">保存</el-button>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="户分割" name="h">
<div class="main">
<div class="button">
<el-button type="primary" @click="newAdd">新增</el-button>
</div>
<div class="fg-tabs">
<el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
<div class="table">
<span class="tips">分割前宗地信息</span>
<table border="1">
<tr>
<td>序号</td>
......@@ -380,7 +377,7 @@
</table>
</div>
<div class="fgh">
<span>分割后宗地:</span>
<span class="tips">分割后宗地信息</span>
<table border="1">
<tr>
<td>操作</td>
......@@ -507,13 +504,26 @@
<query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']"
@close="close"></query-data>
<div class="header-button">
<div class="header-button" :style="{width:fgBoxWidth+'px'}">
<el-button type="primary" @click="save">保存</el-button>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
<!-- <div class="lpb">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="编辑楼盘" name="edit">
<bjlp></bjlp>
</el-tab-pane>
<el-tab-pane label="预览楼盘" name="preview">
<yllp></yllp>
</el-tab-pane>
<el-tab-pane label="详细信息" name="detail">
<xxxx></xxxx>
</el-tab-pane>
</el-tabs>
</div> -->
</template>
<script>
......@@ -619,7 +629,7 @@
oldZdbsm: "",
newZdlist: []
},
fgBoxWidth:0,
}
},
created() {
......@@ -627,6 +637,9 @@
mounted() {
this.getXzqList();
this.getzdtzm();
this.$nextTick(()=>{
this.fgBoxWidth = this.$refs.fgBox.clientWidth;
})
},
methods: {
handleNodeClick(node) {
......@@ -789,15 +802,65 @@
}
</script>
<style scoped lang="less">
.fg{
.menu{
/deep/.el-tabs__content{
position: unset;
margin-top: 62px;
overflow: visible;
}
/deep/.el-tabs__header{
position: -webkit-fixed;
position: fixed;
top: 120px;
z-index: 999;
width: 100%;
margin-bottom: 0;
border: 0;
/deep/.el-tabs__nav-scroll{
height: 50px;
box-sizing: border-box;
padding-left: 20px;
.el-tabs__active-bar{
display: none;
}
>.el-tabs__nav{
border: 0;
>.el-tabs__item{
border: 1px solid #DEDEDE;
height: 36px;
line-height: 36px;
padding: 0 20px;
margin: 9px 10px 9px 0;
background-color: #ffffff;
}
.is-active{
color: #006CFF;
border: 1px solid #006CFF;
}
}
}
}
}
}
.v-model {
z-index: 99 !important;
}
.main {
box-sizing: border-box;
padding: 18px;
.fg-tabs {
height: auto;
width: 80%;
width: 100%;
position: relative;
.table{
margin-top: 12px;
box-sizing: border-box;
padding: 18px;
}
.addBtn{
position: absolute;
right: 30px;
top: -46px;
}
table {
margin-top: 10px;
background-color: #fff;
......@@ -833,11 +896,19 @@
color: #b2b2b2;
}
.fgh {
margin-top: 20px;
box-sizing: border-box;
padding: 0 18px;
margin-top: 10px;
}
.header-button {
margin-top: 20px;
height: 50px;
position: fixed;
bottom: 0;
text-align: center;
background-color: #ffffff;
/deep/ .el-button{
margin-top: 5px;
}
}
.xz-container {
border: 1px solid #000;
......@@ -845,5 +916,8 @@
grid-template-columns: 70% 30%;
grid-template-rows: 1fr;
}
.tips{
color: #9B9B9B;
}
}
</style>
......
<template>
<div class="content_box">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
<el-tab-pane label="分割" name="fg"><fg></fg></el-tab-pane>
<el-tab-pane label="合并" name="hb"><hb></hb></el-tab-pane>
<el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg></fwsxbg></el-tab-pane>
......
......@@ -43,7 +43,7 @@ export default {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 18px !important;
padding:18px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
......