dvcp_v2_wxcp_app/src/saas/AppBuilding/AppBuilding.vue

<template>
  <div class="AppBuilding">
    <search-map v-if="show && isAdmin"/>
    <div v-if="!isAdmin" 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";

export default {
  name: 'AppBuilding',
  components: {SearchMap},
  appName: '以房找人',
  data() {
    return {
      show: true,
      isAdmin: false
    }
  },
  onShow() {
    this.show = false
    this.$nextTick(() => {
      this.show = true
    })
    document.title = "以房找人"
    this.isGirdUser()
  },
  methods: {
    isGirdUser() {
      this.isAdmin = false
      this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
        if (res.code == 0) {
          if (res.data.checkType == '2') {
            this.isAdmin = true
          }
        }
      })
    },
  }
}
</script>

<style lang="scss" scoped>
uni-page-body {
  height: 100%;
}

.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>