Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
0ec82dee by 杨威
Options

楼盘表右侧选择图例类型时默认展开图例

1 parent 033bf6fe
Inline Side-by-side
Showing 1 changed file with 37 additions and 22 deletions
...@@ -26,48 +26,48 @@ ...@@ -26,48 +26,48 @@
26 <el-col :span="16"> 26 <el-col :span="16">
27 <div class="fr"> 27 <div class="fr">
28 <el-button class="radioBtn" label="1" border @click="create" 28 <el-button class="radioBtn" label="1" border @click="create"
29 >创建楼盘</el-button 29 ><i class="fa fa-building-o"></i>创建楼盘</el-button
30 > 30 >
31 <el-button class="radioBtn" label="2" border @click="plScYcChange" 31 <el-button class="radioBtn" label="2" border @click="plScYcChange"
32 >实预测转换</el-button 32 ><i class="fa fa-building-o"></i>实预测转换</el-button
33 > 33 >
34 <el-button 34 <el-button
35 class="radioBtn" 35 class="radioBtn"
36 label="3" 36 label="3"
37 border 37 border
38 @click="openPl('h')" 38 @click="openPl('h')"
39 >批量户</el-button 39 ><i class="fa fa-building-o"></i> 批量户</el-button
40 > 40 >
41 <el-button 41 <el-button
42 class="radioBtn" 42 class="radioBtn"
43 label="4" 43 label="4"
44 border 44 border
45 @click="openPlC" 45 @click="openPlC"
46 >批量层</el-button 46 ><i class="fa fa-building-o"></i>批量层</el-button
47 > 47 >
48 <el-button 48 <el-button
49 class="radioBtn" 49 class="radioBtn"
50 label="5" 50 label="5"
51 border 51 border
52 @click="openPl('sh')" 52 @click="openPl('sh')"
53 >批量室号</el-button 53 ><i class="fa fa-building-o"></i>批量室号</el-button
54 > 54 >
55 <el-button 55 <el-button
56 class="radioBtn" 56 class="radioBtn"
57 label="6" 57 label="6"
58 border 58 border
59 @click="openPl('zl')" 59 @click="openPl('zl')"
60 >批量坐落</el-button 60 ><i class="fa fa-building-o"></i>批量坐落</el-button
61 > 61 >
62 <el-button class="radioBtn" label="7" border @click="addBdcdyh" 62 <el-button class="radioBtn" label="7" border @click="addBdcdyh"
63 >批量单元号</el-button 63 ><i class="fa fa-building-o"></i>批量单元号</el-button
64 > 64 >
65 <el-button 65 <el-button
66 class="radioBtn" 66 class="radioBtn"
67 label="7" 67 label="7"
68 border 68 border
69 @click="hcxlzVisible = true" 69 @click="hcxlzVisible = true"
70 >户重新落宗</el-button 70 ><i class="fa fa-building-o"></i>户重新落宗</el-button
71 > 71 >
72 </div> 72 </div>
73 </el-col> 73 </el-col>
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
141 @click="handleChoosedH(item.bsms)" 141 @click="handleChoosedH(item.bsms)"
142 > 142 >
143 <td> 143 <td>
144 <i class="el-icon-star-on" :style="{ color: item.color }"></i 144 <i class="fa fa-circle" :style="{ color: item.color }"></i
145 >{{ item.name }} 145 >{{ item.name }}
146 </td> 146 </td>
147 <td>{{ item.ts }}</td> 147 <td>{{ item.ts }}</td>
...@@ -168,7 +168,7 @@ ...@@ -168,7 +168,7 @@
168 @click="handleChoosedH(item.bsms)" 168 @click="handleChoosedH(item.bsms)"
169 > 169 >
170 <td> 170 <td>
171 <i class="el-icon-star-on" :style="{ color: item.color }"></i 171 <i class="fa fa-circle" :style="{ color: item.color }"></i
172 >{{ item.name }} 172 >{{ item.name }}
173 </td> 173 </td>
174 <td>{{ item.ts }}</td> 174 <td>{{ item.ts }}</td>
...@@ -198,7 +198,7 @@ ...@@ -198,7 +198,7 @@
198 @click="handleChoosedH(item.bsms)" 198 @click="handleChoosedH(item.bsms)"
199 > 199 >
200 <td> 200 <td>
201 <i class="el-icon-star-on" :style="{ color: item.color }"></i 201 <i class="fa fa-circle" :style="{ color: item.color }"></i
202 >{{ item.name }} 202 >{{ item.name }}
203 </td> 203 </td>
204 <td>{{ item.ts }}</td> 204 <td>{{ item.ts }}</td>
...@@ -314,55 +314,55 @@ export default { ...@@ -314,55 +314,55 @@ export default {
314 dyztList: [ 314 dyztList: [
315 { 315 {
316 name: "未确权", 316 name: "未确权",
317 color: "#2591FD", 317 color: "#83AAFE",
318 ts: "12", 318 ts: "12",
319 mj: "1633", 319 mj: "1633",
320 }, 320 },
321 { 321 {
322 name: "已确权", 322 name: "已确权",
323 color: "#2591FD", 323 color: "#6EDEE1",
324 ts: "22", 324 ts: "22",
325 mj: "3109", 325 mj: "3109",
326 }, 326 },
327 { 327 {
328 name: "已备案", 328 name: "已备案",
329 color: "#2591FD", 329 color: "#8ADC88",
330 ts: "3", 330 ts: "3",
331 mj: "409", 331 mj: "409",
332 }, 332 },
333 { 333 {
334 name: "预抵押", 334 name: "预抵押",
335 color: "#2591FD", 335 color: "#F2AD67",
336 ts: "11", 336 ts: "11",
337 mj: "1466", 337 mj: "1466",
338 }, 338 },
339 { 339 {
340 name: "在建抵押", 340 name: "在建抵押",
341 color: "#2591FD", 341 color: "#F191C8",
342 ts: "13", 342 ts: "13",
343 mj: "1792", 343 mj: "1792",
344 }, 344 },
345 { 345 {
346 name: "抵押", 346 name: "抵押",
347 color: "#2591FD", 347 color: "#FF8282",
348 ts: "14", 348 ts: "14",
349 mj: "13", 349 mj: "13",
350 }, 350 },
351 { 351 {
352 name: "查封", 352 name: "查封",
353 color: "#2591FD", 353 color: "#D7CECF",
354 ts: "9", 354 ts: "9",
355 mj: "1436", 355 mj: "1436",
356 }, 356 },
357 { 357 {
358 name: "异议", 358 name: "异议",
359 color: "#2591FD", 359 color: "#D4A3EB",
360 ts: "34", 360 ts: "34",
361 mj: "4342", 361 mj: "4342",
362 }, 362 },
363 { 363 {
364 name: "限制", 364 name: "限制",
365 color: "#2591FD", 365 color: "#A5A3FB",
366 ts: "2", 366 ts: "2",
367 mj: "285", 367 mj: "285",
368 }, 368 },
...@@ -614,34 +614,42 @@ export default { ...@@ -614,34 +614,42 @@ export default {
614 this.dyztList.splice(1,0,this.dyztList[8]); 614 this.dyztList.splice(1,0,this.dyztList[8]);
615 this.dyztList.pop(); 615 this.dyztList.pop();
616 this.dyztList.forEach(item=>{ 616 this.dyztList.forEach(item=>{
617 item.color = "#2591FD";
618 item.ts = item.bsms.length; 617 item.ts = item.bsms.length;
619 switch (item.name) { 618 switch (item.name) {
620 case 'Qqzt': 619 case 'Qqzt':
620 item.color = "#6EDEE1";
621 item.name = "已确权" 621 item.name = "已确权"
622 break; 622 break;
623 case 'Wqqzt': 623 case 'Wqqzt':
624 item.color = "#83AAFE";
624 item.name = "未确权" 625 item.name = "未确权"
625 break; 626 break;
626 case 'Bazt': 627 case 'Bazt':
628 item.color = "#8ADC88";
627 item.name = "已备案" 629 item.name = "已备案"
628 break; 630 break;
629 case 'Ydyzt': 631 case 'Ydyzt':
632 item.color = "#F2AD67";
630 item.name = "预抵押" 633 item.name = "预抵押"
631 break; 634 break;
632 case 'Zjgcdyzt': 635 case 'Zjgcdyzt':
636 item.color = "#F191C8";
633 item.name = "在建抵押" 637 item.name = "在建抵押"
634 break; 638 break;
635 case 'Dyzt': 639 case 'Dyzt':
640 item.color = "#FF8282";
636 item.name = "抵押" 641 item.name = "抵押"
637 break; 642 break;
638 case 'Cfzt': 643 case 'Cfzt':
644 item.color = "#D7CECF";
639 item.name = "查封" 645 item.name = "查封"
640 break; 646 break;
641 case 'Yyzt': 647 case 'Yyzt':
648 item.color = "#D4A3EB";
642 item.name = "异议" 649 item.name = "异议"
643 break; 650 break;
644 case 'Xzzt': 651 case 'Xzzt':
652 item.color = "#A5A3FB";
645 item.name = "限制" 653 item.name = "限制"
646 break; 654 break;
647 default: 655 default:
...@@ -698,6 +706,9 @@ export default { ...@@ -698,6 +706,9 @@ export default {
698 this.lpbContentwidth += 260; 706 this.lpbContentwidth += 260;
699 } 707 }
700 }, 708 },
709 selectedZt(n){
710 this.legendToggleFlag = true;
711 }
701 }, 712 },
702 }; 713 };
703 </script> 714 </script>
...@@ -736,7 +747,8 @@ export default { ...@@ -736,7 +747,8 @@ export default {
736 } 747 }
737 } 748 }
738 .radioBtn { 749 .radioBtn {
739 margin-left: 20px; 750 margin-left: 16px;
751 padding:12px 14px;
740 /deep/.el-radio-button__inner { 752 /deep/.el-radio-button__inner {
741 border: 1px solid #dcdfe6; 753 border: 1px solid #dcdfe6;
742 border-radius: 4px; 754 border-radius: 4px;
...@@ -857,5 +869,8 @@ export default { ...@@ -857,5 +869,8 @@ export default {
857 margin-top: 10vh!important; 869 margin-top: 10vh!important;
858 } 870 }
859 } 871 }
872 .fa{
873 padding-right: 4px;
874 }
860 } 875 }
861 </style> 876 </style>
......