From 407c1a8db0d911f6302d3500e4494f74604be68c Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Sat, 8 Oct 2022 16:58:09 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E6=BA=90=E5=9C=B0=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/img/fire-icon-active.png       |  Bin 0 -> 9414 bytes
 .../components/img/fire-icon.png              |  Bin 0 -> 5652 bytes
 .../components/resourceMap.vue                | 1059 ++---------------
 3 files changed, 124 insertions(+), 935 deletions(-)
 create mode 100644 project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon-active.png
 create mode 100644 project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon.png

diff --git a/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon-active.png b/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2c7c1d9b3539f9cb69cbb7f3e8ac478ac7693d8
GIT binary patch
literal 9414
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
M07*qoM6N<$f?cg7&;S4c

literal 0
HcmV?d00001

diff --git a/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon.png b/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9fa89ec4adef796a75dff4327924c0988cdd9060
GIT binary patch
literal 5652
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

literal 0
HcmV?d00001

diff --git a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
index f804fb5b..bda173a7 100644
--- a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
+++ b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
@@ -1,130 +1,30 @@
 <template>
-  <div v-if="!hasCommunityId" class="map">
-    <div id="map" ref="rootmap" @click="hidePopup"/>
+  <div class="map">
+    <div id="map" ref="rootmap" />
     <div class="map-area">
-      <div class="map-area__container">
-        <div class="map-area__left">
-          <div class="left">
-            <i class="iconfont iconLocation"></i>
-            <span>{{ areaName }}</span>
-          </div>
-          <!-- <el-input placeholder="请选择资源种类" v-model="community"
-                    @focus="isShowSearch = true, isShowArea = false"></el-input> -->
-           <el-select v-model="type" placeholder="请选择资源种类">
-            <el-option
-              v-for="item in typeList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select>
-          <i class="search-icon iconfont iconSearch" @click="search(false)"></i>
-        </div>
-      </div>
-      <div class="search-result" v-if="isShowSearch && searchList.length">
-        <div class="search-result__item" v-for="(item, index) in searchList" :key="index"
-             @click="chooseCommunity(item)">
-          <i class="search-icon iconfont iconLocation"></i>
-          <h2>{{ item.residentName }}</h2>
-          <span>{{ item.createAddress }}</span>
-        </div>
-      </div>
+      <ai-area-get v-model="areaId" :instance="instance" :root="user.info.areaId" @select="handleAreaSelect"></ai-area-get>
+      <el-select v-model="type" placeholder="请选择资源种类" size="small" :clearable="true" style="width:150px;" @change="getResourceListInit">
+        <el-option
+          v-for="item in typeList"
+          :key="item.id"
+          :label="item.categoryName"
+          :value="item.id">
+        </el-option>
+      </el-select>
     </div>
     <div class="community-info" v-show="isShowInfo">
-      <div class="community-info__close" title="关闭" @click="info = {}, isShowInfo = false, chooseBuildId='',toCenter()">
+      <div class="community-info__close" title="关闭" @click="info = {}, isShowInfo = false, chooseResourceId='',toCenter()">
         <i class="iconClean iconfont"></i>
       </div>
       <div class="community-info__header">
-        <h2>{{ info.createAddress }}</h2>
-        <div>{{ info.lng }},{{ info.lat }}</div>
+        <h2>{{info.resourceName}}<span>{{info.categoryName}}</span></h2>
+        <div>{{info.areaName}}{{info.address}}</div>
       </div>
       <div class="community-info__wrapper">
-        <h2>房屋信息</h2>
-        <div class="community-info__item">
-          <label>所属社区</label>
-          <span>{{ info.areaName }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>所属小区</label>
-          <span>{{ info.communityName }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>房屋类型</label>
-          <span>{{ dict.getLabel("communityBuildingType", info.buildingType) }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>楼长姓名</label>
-          <span>{{ info.managerName }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>楼长电话</label>
-          <span>{{ info.managerPhone }}</span>
-        </div>
-      </div>
-
-      <div class="community-info__wrapper" v-if="resident">
-        <h2>人员信息</h2>
-        <div class="community-info__item">
-          <label>姓名</label>
-          <span style="color:#2266FF;">{{ resident.name }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>所属单元</label>
-          <span>{{ house.unitNumber }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>房号</label>
-          <span>{{ house.houseCode }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>联系方式</label>
-          <span>{{ resident.phone }}</span>
-        </div>
-      </div>
-
-      <!--        <div class="community-info__wrapper community-info__wrapper&#45;&#45;last">-->
-      <!--          <h2>人员信息</h2>-->
-      <!--          <div class="community-info__item" v-for="(item, index) in info.residents" :key="index">-->
-      <!--            <label>{{ item.name }}</label>-->
-      <!--            <span :style="{color: item.householdName === '1' ? '#2266FF' : '#333'}">{{-->
-      <!--                item.householdName === '1' ? '户主' : dict.getLabel('householdRelation', item.householdRelation) || '-'-->
-      <!--              }}</span>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <div class="community-btn">
-        <el-button icon="iconfont iconloudongmoxing" size="small"
-                   @click="$router.push({query: {communityId: info.communityId, buildingId: info.id,unitNum:house ? house.unitNumber : 1,buildingNumber:info.buildingNumber}})">
-          楼栋模型
-        </el-button>
-      </div>
-    </div>
-    <div class="map-menu">
-      <div class="map-menu__item">
-        <div class="map-layers__wrapper">
-          <div class="map-layers">
-            <div class="map-layers__item" @click="switchLayer(false)"
-                 :class="[!isImageMap ? 'map-layers__item-active' : '']">
-              <img src="https://cdn.cunwuyun.cn/AppCommunityMap/dz.png" alt="">
-              <div class="map-layers__item--tag" :class="[!isImageMap ? 'map-layers__item--tag-active' : '']">地图</div>
-            </div>
-            <div class="map-layers__item" @click="switchLayer(true)"
-                 :class="[isImageMap ? 'map-layers__item-active' : '']">
-              <img src="https://cdn.cunwuyun.cn/AppCommunityMap/yx.png" alt="">
-              <div class="map-layers__item--tag" :class="[isImageMap ? 'map-layers__item--tag-active' : '']">卫星</div>
-            </div>
-          </div>
-        </div>
-        <i class="iconfont iconEarth"></i>
-      </div>
-      <div class="map-menu__item" @click="changeZoom(true)">
-        <i class="iconfont iconfangda"></i>
-      </div>
-      <div class="map-menu__item" @click="changeZoom()">
-        <i class="iconfont iconsuoxiao"></i>
+        <div class="community-info__item">{{info.information}}</div>
       </div>
     </div>
   </div>
-  <building-statistics :instance="instance" :dict="dict" v-else/>
 </template>
 
 <script>
@@ -146,75 +46,32 @@ export default {
   data() {
     return {
       map: null,
-      community: '',
-      isShowLayer: false,
-      isShowSearch: false,
-      isShowArea: false,
-      styleFunction: null,
-      areaData: {},
-      isImageMap: false,
-      isShowInfo: false,
       areaId: '',
       areaName: '',
-      list: [],
-      areaList: [],
-      info: {},
-      resident: null,
       satellite: null,
       zoom: 11,
-      chooseBuildId: '',
-      buildList: [],
-      searchList: [],
-      house: null,
       center: [],
+      info: {},
       mapLib: null,
-
       type: '',
-      typeList: [
-        {
-          value: '选项1',
-          label: '黄金糕'
-        }, {
-          value: '选项2',
-          label: '双皮奶'
-        }, {
-          value: '选项3',
-          label: '蚵仔煎'
-        }
-      ],
+      typeList: [],
+      fireIcon: require('./img/fire-icon.png'),
+      fireIconActive: require('./img/fire-icon-active.png'),
+      isShowInfo: false,
+      resourceList: [],
+      chooseResourceId: ''
     }
   },
   computed: {
     ...mapState(['user']),
-    hasCommunityId() {
-      return !!this.$route.query?.communityId
-    }
-  },
-
-  watch: {
-    community: {
-      deep: true,
-      handler() {
-        this.debounce(this.search, 500)
-      }
-    },
-    hasCommunityId(v) {
-      if (!v) {
-        this.getCorpLocation()
-      }
-    }
-  },
-
-  created() {
-    this.dict.load('householdRelation', 'communityBuildingType')
   },
 
   mounted() {
     this.areaId = this.user.info.areaId
     this.areaName = this.user.info.areaName
-    if (!this.hasCommunityId) {
-      this.getCorpLocation()
-    }
+    this.getTypeList()
+    this.getCorpLocation()
+    
   },
 
   methods: {
@@ -237,73 +94,6 @@ export default {
       this.timer = setTimeout(fn, wait)
     },
 
-    search() {
-      this.isShowArea = false
-      this.instance.post('/app/appcommunityhouseinfo/queryHouseByName', null, {
-        params: {
-          current: 1,
-          size: 20,
-          areaId: this.user.info.areaId,
-          name: this.community
-        }
-      }).then(res => {
-        if (res.code === 0) {
-          if (res.data.length) {
-            this.searchList = res.data
-          } else {
-            this.$message.error('未搜索到结果')
-            this.searchList = []
-          }
-        }
-      })
-    },
-
-    getBuildInfo(id) {
-      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`, null, {
-        params: {
-          buildId: id
-        }
-      }).then(res => {
-        if (res.code === 0) {
-          this.info = res.data.build
-          this.resident = null;
-          this.$nextTick(() => {
-            this.isShowInfo = true
-          })
-        }
-      })
-    },
-
-    chooseCommunity(item) {
-      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`, null, {
-        params: {
-          buildId: item.buildingId,
-          houseId: item.id,
-          residentId: item.residentId
-        }
-      }).then(res => {
-        if (res.code === 0) {
-          if (!res.data.build?.lng || !res.data.build?.lat) {
-            this.isShowInfo = true
-            this.isShowSearch = false
-            this.info = res.data.build;
-            return this.$message.error('未获取到该房屋坐标信息')
-          } else {
-            this.chooseBuildId = res.data.build.id
-            this.house = res.data.house
-            this.resident = res.data.resident;
-          }
-
-          this.map.setZoomAndCenter(18, [res.data.build?.lng, res.data.build?.lat], false, 600)
-          this.info = res.data.build
-          this.$nextTick(() => {
-            this.isShowSearch = false
-            this.isShowInfo = true
-          })
-        }
-      })
-    },
-
     toCenter() {
       this.map.setZoomAndCenter(this.zoom, this.center, false, 600)
     },
@@ -326,32 +116,28 @@ export default {
     },
 
     renderMarker(context) {
-      const buildId = context.data[0].id
-
-      let el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId ? 'background-color:#2266FF' : ''}">
-         <div class="mark-contaienr">
-            <span>${context.data[0].communityName}</span>&nbsp;&nbsp;
-            <span>${context.data[0].buildingNumber}栋</span>
-          </div>
-        <div class="arrow" style="${buildId === this.chooseBuildId ? 'border-top-color: #2266FF' : ''}"></div>
-      </div>`
+      const resourceId = context.data[0].id
+      
+      let el = `<img src="${resourceId === this.chooseResourceId ? this.fireIconActive : this.fireIcon}" style="${resourceId === this.chooseResourceId ? 'width:40px;height:40px;' : 'width:28px;height:28px;'}" id="resourceId-${resourceId}" class="mark-icon" />`
 
       context.marker.setContent(el);
       context.marker.setAnchor("center")
-      context.marker.id = `${buildId}`
+      context.marker.id = `${resourceId}`
       context.marker.lnglat = context.data[0].lnglat
 
       context.marker.on('click', e => {
-        this.chooseBuildId = e.target.id
-        this.getBuildInfo(e.target.id)
+        this.chooseResourceId = e.target.id
+        this.getResourceInfo(e.target.id)
         context.marker.setContent(el);
-        document.querySelectorAll('.mark').forEach(el => {
-          el.style['background-color'] = '#0F8F64'
-          el.querySelector('.arrow').style['border-top-color'] = '#0F8F64'
+        document.querySelectorAll('.mark-icon').forEach(el => {
+          el.style['width'] = '28px'
+          el.style['height'] = '28px'
+          el.src = this.fireIcon
         })
-        document.querySelector(`#buildId-${e.target.id}`).style['background-color'] = '#2266FF'
-        document.querySelector(`#buildId-${e.target.id}`).querySelector('.arrow').style['border-top-color'] = '#2266FF'
-        // this.map.setZoomAndCenter(this.map.getZoom() + 2 + 0.00001, e.target.lnglat, false, 300)
+        document.querySelector(`#buildId-${e.target.id}`).style['width'] = '40px'
+        document.querySelector(`#buildId-${e.target.id}`).style['height'] = '40px'
+        document.querySelector(`#buildId-${e.target.id}`).src = this.fireIconActive
+
       })
     },
 
@@ -365,43 +151,6 @@ export default {
         renderMarker: this.renderMarker
       })
     },
-
-    getCommunityList() {
-      this.instance.post('/app/appcommunitybuildinginfo/list', null, {
-        params: {
-          current: 1,
-          size: 1000000
-        }
-      }).then(res => {
-        if (res?.data) {
-          this.buildList = res.data.records
-          const points = res.data.records.map(item => {
-            return {
-              lnglat: [item.lng, item.lat],
-              id: item.id,
-              corpId: item.corpId,
-              areaName: item.areaName,
-              buildingNumber: item.buildingNumber,
-              communityName: item.communityName
-            }
-          })
-          this.addMakert(points)
-        }
-      })
-    },
-    hidePopup() {
-      this.isShowArea = false
-      this.isShowSearch = false
-    },
-    switchLayer(flag) {
-      if (flag) {
-        this.map.addLayer(this.satellite)
-      } else {
-        this.map.removeLayer(this.satellite)
-      }
-
-      this.isImageMap = flag
-    },
     initMap({lng, lat}) {
       this.center = [lng, lat];
       AMapLoader.load({
@@ -421,24 +170,62 @@ export default {
           zoom: this.zoom
         })
         this.satellite = new AMap.TileLayer.Satellite()
-        this.getCommunityList()
+        this.getResourceList()
       })
-    }
+    },
+    getTypeList() {
+      this.instance.post(`/app/appresourcecategory/list?current=1&size=1000&areaId=${this.user.info.areaId}`).then(res => {
+        if (res.code == 0) {
+          // this.initMap(res.data);
+          this.typeList = res.data.records
+        }
+      })
+    },
+    getResourceListInit() {
+      this.isShowInfo = false
+      this.getResourceList()
+    },
+    getResourceList() {
+      this.instance.post(`/app/appresourceinfo/listAll`, null, {
+        params: {
+          current: 1,
+          size: 1000000,
+          // areaId: this.areaId,
+          categoryId: this.type
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.resourceList = res.data
+          const points = res.data.map(item => {
+            return {
+              lnglat: [item.lng, item.lat],
+              id: item.id,
+              corpId: item.corpId,
+              areaName: item.areaName,
+            }
+          })
+          this.addMakert(points)
+        }
+      })
+    },
+    getResourceInfo(id) {
+      this.instance.post(`/app/appresourceinfo/listAll?id=${id}`,).then(res => {
+        if (res?.data) {
+          this.info = res.data[0]
+          this.$nextTick(() => {
+            this.isShowInfo = true
+          })
+        }
+      })
+    },
+    handleAreaSelect(v) {
+      this.areaId = v?.[0]?.label
+    },
   }
 }
 </script>
 
 <style lang="scss" scoped>
-.no-more {
-  display: block;
-  height: 60px;
-  line-height: 60px;
-  margin-top: 2px;
-  text-align: center;
-  font-size: 12px;
-  color: #999;
-  width: 100%;
-}
 
 ::v-deep .ai-list__content--right-wrapper {
   height: 100%;
@@ -447,7 +234,6 @@ export default {
   box-shadow: none !important;
 }
 
-
 .map {
   ::v-deep .amap-logo, ::v-deep .amap-copyright {
     display: none !important;
@@ -464,229 +250,6 @@ export default {
   }
 }
 
-.community-btn {
-  margin: 16px auto 20px;
-  text-align: center;
-}
-
-.community-info__star {
-  margin-top: 4px;
-  margin-bottom: 8px;
-
-  .community-info__star--content {
-    display: flex;
-    align-items: center;
-    height: 36px;
-    padding: 0 12px;
-    color: #666666;
-    font-size: 12px;
-
-    span {
-      flex: 1;
-      text-align: center;
-
-      &:first-child {
-        text-align: left;
-      }
-
-      &:last-child {
-        text-align: right;
-      }
-    }
-
-    &:nth-of-type(2n) {
-      background: #fff;
-    }
-  }
-
-  .community-info__star--tab {
-    display: flex;
-    align-items: center;
-    height: 36px;
-    padding: 0 12px;
-    user-select: none;
-    background: #fff;
-
-    span {
-      height: 100%;
-      line-height: 36px;
-      color: #999999;
-      font-size: 12px;
-      font-weight: 700;
-      cursor: pointer;
-      border-bottom: 2px solid transparent;
-
-      &:first-child {
-        margin-right: 16px;
-      }
-
-      &.star-active {
-        color: #2266FF;
-        border-bottom: 2px solid #2266FF;
-      }
-    }
-  }
-}
-
-.community-info__item--imgs {
-  display: block !important;
-  height: auto !important;
-
-  label {
-    height: 36px;
-    line-height: 36px;
-  }
-
-  .community-info__item--img {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    padding-bottom: 10px;
-    overflow: hidden;
-
-    img {
-      width: 69px;
-      height: 69px;
-      margin-right: 4px;
-      margin-bottom: 4px;
-      cursor: pointer;
-
-      &:nth-of-type(4n) {
-        margin-right: 0;
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-}
-
-.map-menu {
-  position: absolute;
-  bottom: 52px;
-  left: 30px;
-  z-index: 11;
-
-  .map-layers__wrapper {
-    display: none;
-    position: absolute;
-    bottom: 28px;
-    left: 0;
-    padding-bottom: 4px;
-  }
-
-  .map-layers {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 180px;
-    height: 66px;
-    margin-bottom: 4px;
-    padding: 5px;
-    background: #FFFFFF;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
-    border-radius: 2px;
-
-    .map-layers__item {
-      position: relative;
-      width: 80px;
-      height: 56px;
-      margin-right: 10px;
-      cursor: pointer;
-      user-select: none;
-      border: 1px solid transparent;
-
-      &.map-layers__item-active {
-        border: 1px solid #366FFF;
-      }
-
-      .map-layers__item--tag {
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        width: 32px;
-        height: 18px;
-        line-height: 18px;
-        text-align: center;
-        color: #fff;
-        font-size: 12px;
-        border: 1px solid transparent;
-        background: transparent;
-
-        &.map-layers__item--tag-active {
-          background: #366FFF;
-        }
-      }
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-
-  .map-menu__item {
-    display: flex;
-    position: relative;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    margin-bottom: 10px;
-    background: #FFFFFF;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
-    border-radius: 2px;
-    cursor: pointer;
-    user-select: none;
-
-    &:hover {
-      .map-layers__wrapper {
-        display: block;
-      }
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    i {
-      font-size: 16px;
-      color: #89b;
-    }
-  }
-}
-
-.switch-layer {
-  position: absolute;
-  bottom: 4.6em;
-  left: .56em;
-  z-index: 11;
-  width: 29px;
-  height: 29px;
-  padding: 3px;
-  color: #fff;
-  background-color: rgba(255, 255, 255, 0.4);
-  border-radius: 4px;
-  cursor: pointer;
-
-  .switch-layer__wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    background-color: rgba(0, 60, 136, 0.5);
-
-    &:hover {
-      background-color: rgba(0, 60, 136, 0.7);
-    }
-  }
-}
-
 .map {
   position: relative;
   width: 100%;
@@ -709,213 +272,18 @@ export default {
   }
 }
 
-.community {
-  display: flex;
-  align-items: center;
-  position: relative;
-  height: 28px;
-  padding: 0 10px;
-  background: #0F8F64;
-  border-radius: 26px;
-  color: #fff;
-  font-size: 12px;
-  cursor: pointer;
-
-  &.color1 {
-    background: #2266FF;
-
-    em:after {
-      border-top-color: #2266FF !important;
-    }
-  }
-
-  &.color2 {
-    background: #F46159;
-
-    em:after {
-      border-top-color: #F46159 !important;
-    }
-  }
-
-  em {
-    position: absolute;
-    bottom: -6px;
-    left: 50%;
-    transform: translate(-50%, 0);
-
-    &::after {
-      position: absolute;
-      bottom: -6px;
-      left: 0;
-      width: 0;
-      height: 0;
-      border: 6px solid #0F8F64;
-      border-bottom-color: transparent;
-      border-left-color: transparent;
-      border-right-color: transparent;
-      transform: translate(-50%, 0);
-      overflow: hidden;
-      content: ' ';
-    }
-  }
-
-  i {
-    padding-right: 2px;
-    position: relative;
-    color: #ffc928;
-    font-size: 16px;
-    font-style: normal;
-  }
-}
-
-::v-deep .polymeric {
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  width: 62px;
-  height: 62px;
-  border-radius: 50%;
-  cursor: pointer;
-  user-select: none;
-
-  &.polymeric-active {
-    .polymeric-container {
-      background: #F46159;
-    }
-
-    &::after {
-      background-color: #F46159;
-    }
-  }
-
-  &::after {
-    position: absolute;
-    z-index: -1;
-    width: 62px;
-    height: 62px;
-    border-radius: 50%;
-    -webkit-animation: warn 1s ease-out 0s infinite;
-    animation: warn 1s ease-out 0s infinite;
-    background-color: rgba(15, 143, 100, 1);
-    transform: translate(-50%, -50%);
-    content: " ";
-  }
-
-  .polymeric-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    width: 62px;
-    height: 62px;
-    border-radius: 50%;
-    background: rgba(15, 143, 100, 1);
-
-    p {
-      text-align: center;
-      width: 58px;
-      color: #fff;
-      font-size: 18px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    p:first-child {
-      font-size: 14px;
-    }
-
-    h2 {
-      color: #fff;
-      font-weight: normal;
-      font-size: 12px;
-    }
-  }
-}
-
-::v-deep .mark {
-  user-select: none;
-  cursor: pointer;
-  height: 32px;
-  border-radius: 26px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #0F8F64;
-  box-sizing: border-box;
-  padding: 0 12px;
-
-  .mark-contaienr {
-    color: white;
-    font-size: 14px;
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .arrow {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    bottom: -21px;
-    width: 0;
-    height: 0;
-    border: 12px solid transparent;
-    border-top: 12px solid #0F8F64;
-  }
-
-}
-
-@-webkit-keyframes warn {
-  0% {
-    transform: scale(.5);
-    opacity: 1
-  }
-
-  30% {
-    opacity: .5
-  }
-
-  to {
-    transform: scale(1.8);
-    opacity: 0
-  }
-}
-
-@keyframes warn {
-  0% {
-    transform: scale(.5);
-    opacity: 1
-  }
-
-  30% {
-    opacity: .5
-  }
-
-  to {
-    transform: scale(1.4);
-    opacity: 0
-  }
-}
-
 .community-info {
   position: absolute;
-  top: 58px;
+  top: 20px;
   right: 10px;
-  width: 320px;
-  height: calc(100% - 117px);
+  width: 280px;
+  max-height: calc(100% - 117px);
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 111;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
   border-radius: 2px;
-  background: #F3F6F9;
+  background: #fff;
 
   .community-info__close {
     position: absolute;
@@ -923,7 +291,7 @@ export default {
     top: 0;
     padding: 16px 12px 0 12px;
     font-size: 16px;
-    color: #fff;
+    color: #26f;
     cursor: pointer;
 
     &:hover {
@@ -942,239 +310,55 @@ export default {
   }
 
   .community-info__header {
-    min-height: 92px;
     padding: 12px;
-    background: #2266FF;
-
+    border-bottom: 1px solid #eee;
     h2 {
-      max-width: 260px;
-      margin: 0;
-      color: #fff;
-      font-size: 18px;
-      font-weight: 500;
-      margin-bottom: 20px;
+      font-family: MicrosoftYaHeiS0pxibold;
+      font-size: 16px;
+      color: #333;
+      text-align: justify;
+      line-height: 20px;
     }
 
     div {
-      display: flex;
-      align-items: center;
-      color: #D2E0FF;
+      height: 16px;
+      font-family: MicrosoftYaHei;
       font-size: 12px;
+      color: #999;
+      margin-top: 9px;
     }
 
     span {
-      display: block;
-      margin-top: 4px;
-      font-style: normal;
-      color: #D2E0FF;
-      font-size: 12px;
-    }
-  }
-
-  .community-info__table {
-    margin: 4px 0;
-    font-size: 0;
-
-    .community-info__table--item {
       display: inline-block;
-      width: 25%;
+      width: 64px;
+      height: 22px;
+      text-align: center;
+      line-height: 22px;
+      background: #E8EFFF;
+      border-radius: 2px;
+      font-family: MicrosoftYaHei;
       font-size: 12px;
-      color: #333;
-
-      span {
-        display: block;
-        width: 80px;
-        height: 48px;
-        padding: 8px 10px;
-        text-align: center;
-        box-sizing: border-box;
-        background: #fff;
-        border-bottom: 1px solid #DEE6F3;
-        border-right: 1px solid #DEE6F3;
-      }
-
-      h2 {
-        width: 80px;
-        height: 40px;
-        line-height: 40px;
-        font-size: 12px;
-        text-align: center;
-        font-weight: normal;
-        box-sizing: border-box;
-        background: #F3F6F9;
-        border-bottom: 1px solid #DEE6F3;
-        border-right: 1px solid #DEE6F3;
-      }
-
-      &:last-child {
-        border-right: none;
-      }
+      color: #26F;
+      margin-left: 8px;
+      font-weight: 400;
     }
   }
 
   .community-info__wrapper {
-    h2 {
-      height: 36px;
-      line-height: 36px;
-      margin: 0;
-      padding: 0 12px;
-      font-size: 12px;
-      font-weight: 900;
-      background: #E3E8F1;
-    }
-
+    padding: 12px;
     .community-info__item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 10px 12px;
+      line-height: 16px;
+      font-family: MicrosoftYaHei;
       font-size: 12px;
       color: #333;
-      background: #F3F6F9;
-
-      &:nth-of-type(2n) {
-        background: #fff;
-      }
-
-      span {
-        max-width: 70%;
-        text-align: right;
-      }
-
-      label {
-        flex-shrink: 1;
-        color: #333;
-      }
-    }
-
-    &.community-info__wrapper--last {
-      .community-info__item {
-        background: #fff;
-
-        &:nth-of-type(2n) {
-          background: #F3F6F9;
-        }
-      }
-    }
-  }
-}
-
-.map-area__list {
-  position: absolute;
-  top: 51px;
-  left: 0;
-  z-index: 111;
-  width: 320px;
-  overflow-y: auto;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  background: #fff;
-
-  .content {
-    padding: 10px 20px;
-    font-size: 0;
-
-    h2 {
-      margin-bottom: 10px;
-      color: #5088FF;
-      font-size: 12px;
-      cursor: pointer;
-    }
-
-    span {
-      display: inline-block;
-      margin-right: 10px;
-      margin-bottom: 10px;
-      color: #333;
-      font-size: 12px;
-      cursor: pointer;
-      transition: all 0.3s ease;
-
-      &:hover {
-        color: #5088FF;
-      }
-    }
-  }
-
-  .top {
-    height: 36px;
-    line-height: 36px;
-    padding: 0 20px;
-    border-bottom: 1px solid #EEEEEE;
-
-    h2 {
-      font-weight: normal;
-      color: #666666;
-      font-size: 12px;
-    }
-  }
-}
-
-.search-result {
-  position: absolute;
-  top: 51px;
-  left: 0;
-  z-index: 111;
-  width: 360px;
-  height: 216px;
-  overflow-y: auto;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  background: #fff;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 1px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    background: rgba(144, 147, 153, .5);
-  }
-
-  .search-result__item {
-    display: flex;
-    align-items: center;
-    height: 36px;
-    padding: 0 16px;
-    cursor: pointer;
-    user-select: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    &:hover {
-      background: #f5f7fa;
-    }
-
-    i {
-      position: relative;
-      top: 2px;
-      color: #ccc;
-      font-size: 16px;
-    }
-
-    h2 {
-      padding: 0 8px 0 10px;
-      color: #333333;
-      font-size: 14px;
-    }
-
-    span {
-      max-width: 240px;
-      color: #999999;
-      font-size: 12px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
     }
   }
 }
 
 .map-area {
   position: absolute;
-  top: 58px;
-  left: 10px;
+  top: 20px;
+  left: 20px;
   z-index: 111;
 
   .map-area__container {
@@ -1270,5 +454,10 @@ export default {
       }
     }
   }
+  ::v-deep .AiAreaGet {
+    display: inline-block;
+    width: 150px;
+    margin-right: 8px;
+  }
 }
 </style>