Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
55dabf3b by 杨威
Options

楼盘表样式修改

1 parent f4606fd8
Inline Side-by-side
Showing 2 changed files with 65 additions and 24 deletions
1 <template> 1 <template>
2 <div class="edit"> 2 <div class="edit">
3 <div class="tab-header"> 3 <div class="tab-header">
4 <div class="searchContent"> 4 <el-row class="searchContent">
5 <el-radio-group v-model="radio1"> 5 <el-col :span="10">
6 <el-radio-button class="radioBtn" label="1" border 6 <el-radio-group v-model="tabPosition">
7 >实测</el-radio-button 7 <el-radio-button label="sc">实测</el-radio-button>
8 > 8 <el-radio-button label="yc">预测</el-radio-button>
9 <el-radio-button class="radioBtn" label="2" border 9 </el-radio-group>
10 >预测</el-radio-button 10 <el-input
11 > 11 v-model="bdcdyh"
12 class="searchInput"
13 placeholder="输入不动产单元号"
14 ></el-input>
15 </el-col>
16 <el-col :span="14">
17 <el-button class="radioBtn" label="1" @click="create" border>创建楼盘</el-button>
18 <el-button class="radioBtn" label="2" border>实预测转换</el-button>
19 <el-button class="radioBtn" label="3" border>批量户</el-button>
20 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
21 <el-button class="radioBtn" label="5" border>批量室号</el-button>
22 <el-button class="radioBtn" label="6" border>批量坐落</el-button>
23 <el-button class="radioBtn" label="7" border>批量单元号</el-button>
24 </el-col>
25 </el-row>
26 <!-- <div >
27 <el-radio-group v-model="tabPosition">
28 <el-radio-button label="sc">实测</el-radio-button>
29 <el-radio-button label="yc">预测</el-radio-button>
12 </el-radio-group> 30 </el-radio-group>
13 <el-input 31 <el-input
14 v-model="bdcdyh" 32 v-model="bdcdyh"
15 class="searchInput" 33 class="searchInput"
16 placeholder="输入不动产单元号" 34 placeholder="输入不动产单元号"
17 ></el-input> 35 ></el-input>
18 </div> 36
19 <div> 37 <div>
20 <el-button class="radioBtn" label="1" @click="create" border 38 <el-button class="radioBtn" label="1" @click="create" border>创建楼盘</el-button>
21 >创建楼盘</el-button 39 <el-button class="radioBtn" label="2" border>实预测转换</el-button>
22 > 40 <el-button class="radioBtn" label="3" border>批量户</el-button>
23 <el-button class="radioBtn" label="2" border>实预测转换</el-button> 41 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
24 <el-button class="radioBtn" label="3" border>批量户</el-button> 42 <el-button class="radioBtn" label="5" border>批量室号</el-button>
25 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button> 43 <el-button class="radioBtn" label="6" border>批量坐落</el-button>
26 <el-button class="radioBtn" label="5" border>批量室号</el-button> 44 <el-button class="radioBtn" label="7" border>批量单元号</el-button>
27 <el-button class="radioBtn" label="6" border>批量坐落</el-button> 45 </div>
28 <el-button class="radioBtn" label="7" border>批量单元号</el-button> 46 </div> -->
29 </div>
30 </div> 47 </div>
31 <div 48 <div
32 class="tab-content" 49 class="tab-content"
...@@ -126,7 +143,8 @@ export default { ...@@ -126,7 +143,8 @@ export default {
126 data() { 143 data() {
127 return { 144 return {
128 bsms:["123","321","231"], 145 bsms:["123","321","231"],
129 plcVisible:false, 146 plcVisible:false,
147 tabPosition:'sc',
130 radio1: "", 148 radio1: "",
131 radio2: "", 149 radio2: "",
132 createFlag: false, 150 createFlag: false,
...@@ -220,7 +238,7 @@ export default { ...@@ -220,7 +238,7 @@ export default {
220 }, 238 },
221 //获取高度计算lpb内容区高度 239 //获取高度计算lpb内容区高度
222 getHeight() { 240 getHeight() {
223 this.lpbContentHight = window.innerHeight - 340; 241 this.lpbContentHight = window.innerHeight - 276;
224 }, 242 },
225 //创建楼盘 243 //创建楼盘
226 create() { 244 create() {
...@@ -318,7 +336,22 @@ export default { ...@@ -318,7 +336,22 @@ export default {
318 background-color: #ffffff; 336 background-color: #ffffff;
319 margin-bottom: 20px; 337 margin-bottom: 20px;
320 .searchContent { 338 .searchContent {
321 margin-bottom: 20px; 339 box-sizing: border-box;
340 padding-left: 20px;
341 /deep/.el-radio-button__inner {
342 border: 1px solid #00CACD;
343 color: #00CACD;
344 }
345 /deep/.el-radio-button__inner:hover{
346 color: #00CACD;
347 }
348 /deep/.is-active .el-radio-button__inner{
349 color: #fff;
350 }
351 /deep/.el-radio-button__orig-radio:checked+.el-radio-button__inner{
352 background-color: #00CACD;
353 border-color: #00CACD;
354 }
322 .searchInput { 355 .searchInput {
323 width: 300px; 356 width: 300px;
324 margin-left: 20px; 357 margin-left: 20px;
...@@ -357,6 +390,8 @@ export default { ...@@ -357,6 +390,8 @@ export default {
357 .lp-overview { 390 .lp-overview {
358 transition: 0.5s; 391 transition: 0.5s;
359 flex: 1; 392 flex: 1;
393 padding-right: 20px;
394 box-sizing: border-box;
360 } 395 }
361 .lp-legend { 396 .lp-legend {
362 transition: 0.5s; 397 transition: 0.5s;
...@@ -366,6 +401,8 @@ export default { ...@@ -366,6 +401,8 @@ export default {
366 width: 34px; 401 width: 34px;
367 float: right; 402 float: right;
368 height: 100%; 403 height: 100%;
404 background-color: #0091FF;
405 color: #fff;
369 .btn { 406 .btn {
370 cursor: pointer; 407 cursor: pointer;
371 height: 40px; 408 height: 40px;
...@@ -426,6 +463,9 @@ export default { ...@@ -426,6 +463,9 @@ export default {
426 } 463 }
427 } 464 }
428 } 465 }
466 .tab-content::-webkit-scrollbar{
467 width: 1px;
468 }
429 .btnGroup { 469 .btnGroup {
430 margin: 20px auto 0; 470 margin: 20px auto 0;
431 width: 230px; 471 width: 230px;
......
...@@ -383,7 +383,8 @@ export default { ...@@ -383,7 +383,8 @@ export default {
383 }, 383 },
384 mounted() { 384 mounted() {
385 setTimeout(() => { 385 setTimeout(() => {
386 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 6; 386 //lp-overview宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight
387 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 1 - 20;
387 //让滚动条滚动至最下面 -6是横向滚动条的高度 388 //让滚动条滚动至最下面 -6是横向滚动条的高度
388 this.$refs.lpbContent.scrollTop = this.$refs.lpbContent.scrollHeight - this.$refs.lpbContent.clientHeight -6; 389 this.$refs.lpbContent.scrollTop = this.$refs.lpbContent.scrollHeight - this.$refs.lpbContent.clientHeight -6;
389 }, 100); 390 }, 100);
......