Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
5a3563fb by 杨威
Options

楼盘表样式细节优化

1 parent af38d056
Inline Side-by-side
Showing 5 changed files with 44 additions and 27 deletions
......@@ -302,4 +302,19 @@ ol, ul { list-style:none; }
//表格操作按钮字体大小
.iconbanli,.icondingwei{
font-size: 18px;
}
//实预测转换按钮样式
/deep/.el-radio-button__inner {
border: 1px solid #00cacd!important;
color: #00cacd;
}
/deep/.el-radio-button__inner:hover {
color: #00cacd;
}
/deep/.is-active .el-radio-button__inner {
color: #fff;
}
/deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #00cacd;
border-color: #00cacd;
}
\ No newline at end of file
......
......@@ -716,7 +716,7 @@
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
this.$nextTick(()=>{
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 54;
this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
this.$refs.lpbContent.hbsmList.push(this.hbsm)
})
......@@ -745,7 +745,6 @@
padding:20px;
//background-color: #eaedf5;
background-color: rgb(245, 250, 254);
.box{
background-color: white;
padding: 10px 0;
......@@ -787,7 +786,7 @@
margin-top: 20px;
background-color: #ffffff;
display: flex;
overflow-y: scroll;
border: 1px solid #E6E6E6;
.lp-overview {
transition: 0.5s;
flex: 1;
......@@ -824,6 +823,7 @@
.fwyt {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
......
......@@ -345,7 +345,10 @@ export default {
this.tableHeight =
(document.documentElement.clientHeight ||
document.body.clientHeight) - 332;
this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 220;
this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 220;
debugger
console.log((document.documentElement.clientWidth || document.body.clientWidth) ,'(document.documentElement.clientWidth || document.body.clientWidth) ');
this.lpbContentwidth = (document.documentElement.clientWidth || document.body.clientWidth) - 380;
});
},
methods: {
......@@ -540,7 +543,7 @@ export default {
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
this.$nextTick(()=>{
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 54;
})
}
},
......@@ -551,6 +554,9 @@ export default {
selectedZt(n){
this.legendToggleFlag = true;
},
lpbContentwidth(n){
console.log(n,'lpbContentwidth');
}
},
};
</script>
......@@ -668,16 +674,16 @@ table:hover {
.lpb{
box-sizing: border-box;
padding-left: 2px;
.searchInput {
transition: 0.5s;
margin-left: 20px;
display: inline-block;
.searchInput {
transition: 0.5s;
margin-left: 20px;
display: inline-block;
}
.lpb-content{
margin-top: 20px;
background-color: #ffffff;
display: flex;
overflow-y: scroll;
border: 1px solid #E6E6E6;
.lp-overview {
transition: 0.5s;
flex: 1;
......@@ -714,6 +720,7 @@ table:hover {
.fwyt {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
......
<template>
<div class="main">
<div class="main1">
<el-row v-show="isSearch">
<el-col :span="24">
<el-form :inline="true" class="demo-form-inline">
......@@ -531,6 +531,7 @@ export default {
if (!n) {
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 54;
// console.log(this.$refs.lpbContentWrap.clientWidth,'lpbContentWrap');
// this.$nextTick(()=>{
// this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
......@@ -548,7 +549,12 @@ export default {
}
</script>
<style scoped lang="less">
.main{
.main1{
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
.el-row{
box-sizing: border-box;
padding-left: 2px;
......@@ -560,6 +566,7 @@ export default {
.lpb{
box-sizing: border-box;
padding-left: 2px;
.searchInput {
transition: 0.5s;
margin-left: 20px;
......@@ -569,7 +576,7 @@ export default {
margin-top: 20px;
background-color: #ffffff;
display: flex;
overflow-y: scroll;
border: 1px solid #E6E6E6;
.lp-overview {
transition: 0.5s;
flex: 1;
......@@ -606,6 +613,7 @@ export default {
.fwyt {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
......
......@@ -871,20 +871,6 @@ export default {
margin-left: 62px;
box-sizing: border-box;
padding: 0 20px;
/deep/.el-radio-button__inner {
border: 1px solid #00cacd;
color: #00cacd;
}
/deep/.el-radio-button__inner:hover {
color: #00cacd;
}
/deep/.is-active .el-radio-button__inner {
color: #fff;
}
/deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #00cacd;
border-color: #00cacd;
}
.searchInput {
transition: 0.5s;
margin-left: 20px;
......@@ -979,6 +965,7 @@ export default {
.fwyt {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
......