Skip to content

任超 / js.CadastralSystem

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

楼盘表样式调整

1 parent c2779c29
Inline Side-by-side
Showing 2 changed files with 50 additions and 14 deletions
...@@ -2,25 +2,40 @@ ...@@ -2,25 +2,40 @@
2 <div class="edit"> 2 <div class="edit">
3 <div class="tab-header"> 3 <div class="tab-header">
4 <el-row class="searchContent"> 4 <el-row class="searchContent">
5 <el-col :span="10"> 5 <el-col :span="8">
6 <el-radio-group v-model="tabPosition"> 6 <el-radio-group v-model="tabPosition">
7 <el-radio-button label="sc">实测</el-radio-button> 7 <el-radio-button label="sc">实测</el-radio-button>
8 <el-radio-button label="yc">预测</el-radio-button> 8 <el-radio-button label="yc">预测</el-radio-button>
9 </el-radio-group> 9 </el-radio-group>
10 <el-input 10 <el-input
11 v-model="bdcdyh" 11 v-model="bdcdyh"
12 :style="{'width':inputWidth+'px'}"
13 @focus="inputFocus"
14 @blur="inputBlur"
15 @change="inputChange"
12 class="searchInput" 16 class="searchInput"
13 placeholder="输入不动产单元号" 17 placeholder="输入不动产单元号"
14 ></el-input> 18 ><i slot="suffix" class="el-input__icon el-icon-search" @click="inputChange"></i></el-input>
19 <!-- <el-autocomplete
20 v-model="bdcdyh"
21 :style="{'width':inputWidth+'px'}"
22 placeholder="输入不动产单元号">
23 <i
24 class="el-icon-search el-input__icon"
25 slot="suffix">
26 </i>
27 </el-autocomplete> -->
15 </el-col> 28 </el-col>
16 <el-col :span="14"> 29 <el-col :span="16">
17 <el-button class="radioBtn" label="1" @click="create" border>创建楼盘</el-button> 30 <div class="fr">
18 <el-button class="radioBtn" label="2" border>实预测转换</el-button> 31 <el-button class="radioBtn" label="1" border @click="create">创建楼盘</el-button>
19 <el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button> 32 <el-button class="radioBtn" label="2" border>实预测转换</el-button>
20 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button> 33 <el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button>
21 <el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button> 34 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
22 <el-button class="radioBtn" label="6" border>批量坐落</el-button> 35 <el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
23 <el-button class="radioBtn" label="7" border>批量单元号</el-button> 36 <el-button class="radioBtn" label="6" border>批量坐落</el-button>
37 <el-button class="radioBtn" label="7" border>批量单元号</el-button>
38 </div>
24 </el-col> 39 </el-col>
25 </el-row> 40 </el-row>
26 </div> 41 </div>
...@@ -139,6 +154,7 @@ export default { ...@@ -139,6 +154,7 @@ export default {
139 dialogVisible: false, 154 dialogVisible: false,
140 menuType: "", 155 menuType: "",
141 treeData: {}, 156 treeData: {},
157 inputWidth:74,
142 legendList: [ 158 legendList: [
143 { 159 {
144 name: "未确权", 160 name: "未确权",
...@@ -294,6 +310,17 @@ export default { ...@@ -294,6 +310,17 @@ export default {
294 getHbsm(data){ 310 getHbsm(data){
295 this.bsms = data; 311 this.bsms = data;
296 // console.log(this.bsms); 312 // console.log(this.bsms);
313 },
314 inputFocus(){
315 this.inputWidth = 200
316 },
317 inputBlur(){
318 this.inputWidth = 74
319 },
320 inputChange(){
321 if (this.bdcdyh!='') {
322 console.log('查询'+this.bdcdyh);
323 }
297 } 324 }
298 }, 325 },
299 computed: { 326 computed: {
...@@ -333,7 +360,7 @@ export default { ...@@ -333,7 +360,7 @@ export default {
333 margin-bottom: 20px; 360 margin-bottom: 20px;
334 .searchContent { 361 .searchContent {
335 box-sizing: border-box; 362 box-sizing: border-box;
336 padding-left: 20px; 363 padding: 0 20px;
337 /deep/.el-radio-button__inner { 364 /deep/.el-radio-button__inner {
338 border: 1px solid #00CACD; 365 border: 1px solid #00CACD;
339 color: #00CACD; 366 color: #00CACD;
...@@ -349,7 +376,7 @@ export default { ...@@ -349,7 +376,7 @@ export default {
349 border-color: #00CACD; 376 border-color: #00CACD;
350 } 377 }
351 .searchInput { 378 .searchInput {
352 width: 300px; 379 transition: .5s;
353 margin-left: 20px; 380 margin-left: 20px;
354 display: inline-block; 381 display: inline-block;
355 } 382 }
...@@ -397,13 +424,13 @@ export default { ...@@ -397,13 +424,13 @@ export default {
397 width: 34px; 424 width: 34px;
398 float: right; 425 float: right;
399 height: 100%; 426 height: 100%;
400 background-color: #0091FF;
401 color: #fff;
402 .btn { 427 .btn {
403 cursor: pointer; 428 cursor: pointer;
404 height: 40px; 429 height: 40px;
405 line-height: 40px; 430 line-height: 40px;
406 text-align: center; 431 text-align: center;
432 background-color: #0091FF;
433 color: #fff;
407 border-bottom: 1px solid #e6e6e6; 434 border-bottom: 1px solid #e6e6e6;
408 } 435 }
409 .dyzt { 436 .dyzt {
...@@ -417,6 +444,8 @@ export default { ...@@ -417,6 +444,8 @@ export default {
417 .dyzt, 444 .dyzt,
418 .fwxz, 445 .fwxz,
419 .fwyt { 446 .fwyt {
447 background-color: #0091FF;
448 color: #fff;
420 border-bottom: 1px solid #e6e6e6; 449 border-bottom: 1px solid #e6e6e6;
421 span { 450 span {
422 text-align: center; 451 text-align: center;
......
...@@ -477,9 +477,14 @@ export default { ...@@ -477,9 +477,14 @@ export default {
477 height: 100%; 477 height: 100%;
478 position: relative; 478 position: relative;
479 overflow: scroll; 479 overflow: scroll;
480 -webkit-user-select:none;
481 -moz-user-select:none;
482 -ms-user-select:none;
483 user-select:none;
480 .ljz-wrap { 484 .ljz-wrap {
481 height: auto; 485 height: auto;
482 overflow: hidden; 486 overflow: hidden;
487 margin-bottom: 20px;
483 .ljz{ 488 .ljz{
484 float: left; 489 float: left;
485 margin-right: 20px; 490 margin-right: 20px;
...@@ -555,6 +560,8 @@ export default { ...@@ -555,6 +560,8 @@ export default {
555 height: 64px; 560 height: 64px;
556 line-height: 64px; 561 line-height: 64px;
557 text-align: center; 562 text-align: center;
563 cursor: pointer;
564
558 } 565 }
559 .tdSelect{ 566 .tdSelect{
560 border: 1px solid #0091FF!important; 567 border: 1px solid #0091FF!important;
......