<template>
  <div class="AppBuilding">
    <search-map v-if="show && isGridMember"/>
    <div v-if="!isGridMember" class="empty">
      <img src="https://cdn.cunwuyun.cn/dvcp/h5/no-data.png" alt="">
      <p>没有网格员权限<br/>无法查看楼栋信息哦~</p>
    </div>
  </div>
</template>

<script>

import SearchMap from "./components/searchMap";
import {mapState} from "vuex";

export default {
  name: 'AppBuilding',
  components: {SearchMap},
  appName: '人房地图',
  computed: {
    ...mapState(['user']),
    isGridMember() {
      return this.user.girdCheckType > 0
    }
  },

  data() {
    return {
      show: true,
    }
  }
}
</script>

<style lang="scss" scoped>
.AppBuilding {
  height: 100%;

  .empty {
    height: 100%;

    img {
      width: 282px;
      height: 306px;
      margin: 168px 0 0 234px;
    }

    p {
      text-align: center;
      font-size: 28px;
      font-family: PingFangSC-Regular, PingFang SC;
      color: #999;
      line-height: 44px;

      span {
        color: #467DFE;
      }
    }
  }
}
</style>
