Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
fd8e2f3f by 杨威
Options

整体布局调整，样式修改

1 parent 898dbff4
Inline Side-by-side
Showing 14 changed files with 76 additions and 24 deletions
......@@ -11,7 +11,7 @@
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 18px 10px 0!important;
padding: 18px 18px 0!important;
}
.pagination {
padding: 18px;
......@@ -77,6 +77,9 @@ ol, ul { list-style:none; }
.top20{
top: 20px;
}
.top40{
top: 40px;
}
// 滚动条样式
::-webkit-scrollbar {
width: 6px;
......@@ -118,6 +121,7 @@ ol, ul { list-style:none; }
border-top: 1px solid #F4F9FF;
}
}
.el-tabs{
height: calc(100% - 50px);
/deep/.el-tabs__content{
......@@ -130,15 +134,63 @@ ol, ul { list-style:none; }
padding: 0;
}
/deep/ .el-tabs__item {
height: 48px;
height: 44px;
font-size: 16px;
}
/deep/ .el-tabs__header{
background-color: #ffffff;
margin-bottom: 0;
}
.el-tabs__header{
background-color: #ffffff;
}
/deep/ .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2){
padding: 0 20px;
}
/deep/.el-tabs__active-bar{
position: absolute;
bottom: 5px;
left: 0;
height: 2px;
background-color: #0091FF;
z-index: 1;
}
/deep/.el-tabs__nav-wrap{
background: #FFFFFF;
box-shadow: 0px 1px 2px 1px rgba(49, 132, 245, 0.1);
}
/deep/.el-tabs__nav .is-active{
background: #FFFFFF;
color: #0091FF;
}
/deep/.el-tabs__nav-wrap::after{
height: 0;
}
/deep/ .el-tabs__nav{
margin-left: 20px;
}
}
.el-tabs__item{
font-size: 16px;
}
// .el-tabs__header{
// background-color: #ffffff;
// }
// .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2){
// padding: 0 20px;
// }
// .el-tabs__active-bar{
// position: absolute;
// bottom: 3px;
// left: 0;
// height: 2px;
// background-color: #409EFF;
// z-index: 1;
// }
// .el-tabs__nav-wrap{
// background: #FFFFFF;
// box-shadow: 0px 1px 2px 1px rgba(49, 132, 245, 0.1);
// }
// .el-tabs__nav .is-active{
// background: #FFFFFF;
// }
//弹框遮罩层样式
.v-modal{
opacity: .2;
......
<template>
<div class="hb-tabs top20">
<div class="hb-tabs top40">
<div class="hbq">
<span class="tips" style="margin-left:0;">合并前幢信息(已选择幢{{dzhbqData.length}}个)</span>
......
<template>
<div class="content_box">
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" >
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" >
<el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
<el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane>
......
<template>
<el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="日志管理" name="log"><log></log></el-tab-pane>
<el-tab-pane label="字典管理" name="dictionary"><dictionary></dictionary></el-tab-pane>
</el-tabs>
......
<template>
<el-tabs v-model="activeName" type="border-card">
<el-tabs v-model="activeName" >
<el-tab-pane label="添加" name="tj">
<div class="main">
<!-- <p class="tips">查询条件</p> -->
......
......@@ -567,7 +567,7 @@ export default {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
padding: 25px 20px;
}
.search{
......@@ -668,7 +668,7 @@ table:hover {
.page {
position: fixed;
bottom: 20px;
bottom: 15px;
width: auto;
height: auto;
}
......
......@@ -907,7 +907,6 @@
</script>
<style scoped lang="less">
.fg {
.menu {
/deep/ .el-tabs__content {
position: unset;
......@@ -932,12 +931,13 @@
}
> .el-tabs__nav {
border: 0;
margin-left: 0!important;
> .el-tabs__item {
border: 1px solid #DEDEDE;
height: 36px;
line-height: 32px;
padding: 0 20px;
margin: 9px 10px 9px 0;
margin:7px 10px 9px 0;
background-color: #ffffff;
}
.is-active {
......
......@@ -71,7 +71,7 @@ export default {
height: 100%;
/deep/ .el-tabs__content {
position: unset;
margin-top: 40px;
margin-top: 45px;
overflow: visible;
/deep/.el-tab-pane{
height: calc(100% - 0px);
......@@ -95,12 +95,13 @@ export default {
}
> .el-tabs__nav {
border: 0;
margin-left: 0!important;
> .el-tabs__item {
border: 1px solid #DEDEDE;
height: 36px;
line-height: 32px;
padding: 0 20px;
margin: 9px 10px 9px 0;
margin:7px 10px 9px 0;
background-color: #ffffff;
}
.is-active {
......
......@@ -187,6 +187,7 @@
</div>
</el-tab-pane>
<el-tab-pane label="户合并" name="h">
<div style="width:100%;height:15px"></div>
<div class="hb-tabs psn" v-if="hhbtabs">
<hfghb></hfghb>
</div>
......@@ -583,9 +584,6 @@
height: 100%;
.menu {
height: 100%;
.top40{
top: 40px;
}
/deep/ .el-tabs__content {
position: unset;
margin-top: 40px;
......@@ -609,12 +607,13 @@
}
> .el-tabs__nav {
border: 0;
margin-left: 0!important;
> .el-tabs__item {
border: 1px solid #DEDEDE;
height: 36px;
line-height: 32px;
padding: 0 20px;
margin: 9px 10px 9px 0;
margin:7px 10px 9px 0;
background-color: #ffffff;
}
.is-active {
......
......@@ -556,7 +556,7 @@ export default {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
padding: 25px 20px;
.el-row{
box-sizing: border-box;
padding-left: 2px;
......
<template>
<el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
<el-tabs v-model="activeName" @tab-click="handleClick" >
<el-tab-pane label="分割" name="fg"><fg ref="fg" v-if="fgLoad"></fg></el-tab-pane>
<el-tab-pane label="合并" name="hb"><hb ref="hb" v-if="hbLoad"></hb></el-tab-pane>
<el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg v-if="fwsxbgLoad"></fwsxbg></el-tab-pane>
......
<template>
<el-tabs v-model="activeName" type="border-card">
<el-tabs v-model="activeName" >
<el-tab-pane label="更正" name="gz">
<div class="main">
<!-- <p class="tips">查询条件</p> -->
......
<template>
<el-tabs v-model="activeName" type="border-card">
<el-tabs v-model="activeName" >
<el-tab-pane label="综合查询" name="zhcx">
<div class="main">
<!-- <p class="tips">查询条件</p> -->
......
<template>
<!-- <div class="content_box"> -->
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" >
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" >
<el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
<el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb></el-tab-pane>
<el-tab-pane label="界址点" name="jzd">
......