首页地图增加阻止列表

src/assets/scss/modules/visual/basicInfoMain.scss

@@ -378,3 +378,48 @@
     flex: 1;
   }
 }
+
+.div_agency_list {
+  z-index: 9999;
+  position: absolute;
+  top: 50px;
+  right: 600px;
+  box-sizing: border-box;
+  width: 320px;
+  height: 470px;
+
+  color: #fff;
+  background: url('../../../img/modules/visual/box-2.png') no-repeat center;
+  background-size: 100% 100%;
+  padding: 45px 20px 35px 20px;
+  .no-data-img {
+    text-align: center;
+    margin-top: 50px;
+    margin-left: 15px;
+  }
+  .agency_list {
+    .agency_item {
+      height: 50px;
+      font-size: 17px;
+      font-family: PingFang SC;
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 50px;
+      padding-left: 12px;
+    }
+
+    .agency_item_on {
+      background: #08216c;
+      border-radius: 2px;
+    }
+
+    .agency_item:hover {
+      cursor: pointer;
+      background-color: #011168;
+      border-radius: 4px 0 0 4px;
+      border: none;
+      box-shadow: 0 0 10px inset #1a5afd;
+      border-radius: 2px;
+    }
+  }
+}

src/views/modules/visual/basicinfo/basicInfoMain.vue

@@ -14,6 +14,32 @@
       </div>
     </div>
 
+    <!-- 组织列表 -->
+
+    <div v-show="orgLevel!=='neighborHood'"
+         class="div_agency_list">
+      <el-scrollbar style="height:98%"
+                    wrap-style="overflow-x:hidden">
+
+        <div v-if="subAgencyArray.length>0"
+             class="agency_list">
+          <div v-for="(item,index) in subAgencyArray"
+               :key="index"
+               @click="clickAgencyItem(item,index)"
+               :class="['agency_item',{'agency_item_on':index%2 ==0}]">
+            <div>{{item.name}}</div>
+
+          </div>
+        </div>
+        <div v-else>
+          <img src="@/assets/img/modules/visual/noData.png"
+               alt=""
+               srcset=""
+               class="no-data-img" />
+        </div>
+      </el-scrollbar>
+    </div>
+
     <people-search v-show="orgLevel==='search'"
                    @toSubAgency="toSubAgency"
                    ref="ref_search"></people-search>
@@ -277,7 +303,6 @@ const vueGis = {
   methods: {
 
     handleSearch () {
-
       this.toSubAgency('search')
     },
 
@@ -325,10 +350,23 @@ const vueGis = {
       this.level = ''
     },
 
+    //点击组织列表数据
+    clickAgencyItem (item, index) {
+
+      let e = {
+        selected: []
+      }
+      let one = {
+        values_: item
+      }
+      e.selected.push(one)
+
+      this.toSubAgency('polygon', e)
+    },
+
     //下钻到下一级 type点击的类型:polygon 点击多边形（分为点击组织/小区）   search 点击搜索  people 点击详情
     async toSubAgency (type, e, searchName) {
 
-
       //点击小区neighborHood显示楼栋，点击非小区，进入下一级地图
       if (type === 'people') {
         this.runNum++
@@ -358,6 +396,7 @@ const vueGis = {
         });
 
       } else {
+
         if (!e) {
           return false
         }
@@ -940,4 +979,9 @@ export default vueGis;
     overflow-x: hidden !important;
   }
 }
+.div_agency_list {
+  /deep/ .el-scrollbar__wrap {
+    overflow-x: hidden !important;
+  }
+}
 </style>