d31c80cb by 杨威

楼盘表样式调整

1 parent c2779c29
......@@ -2,25 +2,40 @@
<div class="edit">
<div class="tab-header">
<el-row class="searchContent">
<el-col :span="10">
<el-col :span="8">
<el-radio-group v-model="tabPosition">
<el-radio-button label="sc">实测</el-radio-button>
<el-radio-button label="yc">预测</el-radio-button>
</el-radio-group>
<el-input
v-model="bdcdyh"
:style="{'width':inputWidth+'px'}"
@focus="inputFocus"
@blur="inputBlur"
@change="inputChange"
class="searchInput"
placeholder="输入不动产单元号"
></el-input>
><i slot="suffix" class="el-input__icon el-icon-search" @click="inputChange"></i></el-input>
<!-- <el-autocomplete
v-model="bdcdyh"
:style="{'width':inputWidth+'px'}"
placeholder="输入不动产单元号">
<i
class="el-icon-search el-input__icon"
slot="suffix">
</i>
</el-autocomplete> -->
</el-col>
<el-col :span="14">
<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 @click="plhVisible=true">批量户</el-button>
<el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
<el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
<el-button class="radioBtn" label="6" border>批量坐落</el-button>
<el-button class="radioBtn" label="7" border>批量单元号</el-button>
<el-col :span="16">
<div class="fr">
<el-button class="radioBtn" label="1" border @click="create">创建楼盘</el-button>
<el-button class="radioBtn" label="2" border>实预测转换</el-button>
<el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button>
<el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
<el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
<el-button class="radioBtn" label="6" border>批量坐落</el-button>
<el-button class="radioBtn" label="7" border>批量单元号</el-button>
</div>
</el-col>
</el-row>
</div>
......@@ -139,6 +154,7 @@ export default {
dialogVisible: false,
menuType: "",
treeData: {},
inputWidth:74,
legendList: [
{
name: "未确权",
......@@ -294,6 +310,17 @@ export default {
getHbsm(data){
this.bsms = data;
// console.log(this.bsms);
},
inputFocus(){
this.inputWidth = 200
},
inputBlur(){
this.inputWidth = 74
},
inputChange(){
if (this.bdcdyh!='') {
console.log('查询'+this.bdcdyh);
}
}
},
computed: {
......@@ -333,7 +360,7 @@ export default {
margin-bottom: 20px;
.searchContent {
box-sizing: border-box;
padding-left: 20px;
padding: 0 20px;
/deep/.el-radio-button__inner {
border: 1px solid #00CACD;
color: #00CACD;
......@@ -349,7 +376,7 @@ export default {
border-color: #00CACD;
}
.searchInput {
width: 300px;
transition: .5s;
margin-left: 20px;
display: inline-block;
}
......@@ -397,13 +424,13 @@ export default {
width: 34px;
float: right;
height: 100%;
background-color: #0091FF;
color: #fff;
.btn {
cursor: pointer;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #0091FF;
color: #fff;
border-bottom: 1px solid #e6e6e6;
}
.dyzt {
......@@ -417,6 +444,8 @@ export default {
.dyzt,
.fwxz,
.fwyt {
background-color: #0091FF;
color: #fff;
border-bottom: 1px solid #e6e6e6;
span {
text-align: center;
......
......@@ -477,9 +477,14 @@ export default {
height: 100%;
position: relative;
overflow: scroll;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
.ljz-wrap {
height: auto;
overflow: hidden;
margin-bottom: 20px;
.ljz{
float: left;
margin-right: 20px;
......@@ -555,6 +560,8 @@ export default {
height: 64px;
line-height: 64px;
text-align: center;
cursor: pointer;
}
.tdSelect{
border: 1px solid #0091FF!important;
......