登录后首页及未登录首页地图列表

src/api/loginedHome.js

import request from '@/utils/request'
/*  登录用户所有有效站点 */
export function siteList(params) {
  return request({
    url: '/ajax/site/user',
    method: 'get',
    params
  })
}
/*  查询所有有效站点 */
export function siteAll(params) {
  return request({
    url: '/ajax/site/all',
    method: 'get',
    params
  })
}

src/store/modules/user.js

import { login, logout, getInfo } from '@/api/login'
import { getCookiesName, setCookiesName, removeCookiesName } from '@/utils/auth'
import { getCookiesName, setCookiesName, removeCookiesName, setCookiesId, removeCookiesId } from '@/utils/auth'
const user = {
  state: {
                commit('SET_USERID', dataS.id)
                commit('SET_NAME', dataS.name)
                setCookiesName(dataS.name)
                setCookiesId(dataS.id)
              }
            }
          }
          commit('SET_NAME', '')
          commit('SET_SESSION', '')
          removeCookiesName()
          removeCookiesId()
          sessionStorage.removeItem('uType')
          resolve()
        }).catch(error => {

src/utils/auth.js

export function removeCookiesName() {
  return Cookies.remove('nameKey')
}
export function getCookiesId() {
  return Cookies.get('id')
}
export function setCookiesId(id) {
  return Cookies.set('id', id)
}
export function removeCookiesId() {
  return Cookies.remove('id')
}

src/views/home/loginedHome.vue

    </el-tabs>
    <el-row :gutter="10">
      <el-col :xs="24" :sm="24" :md="24" :lg="22" :xl="20">
        <ul class="site">
          <li>
            <div class="name">站点名称<span>站点状态</span></div>
            <div>站点编号：xxx</div>
            <div>站点位置</div>
        <ul class="site" v-if="siteList.length">
          <li v-for="item in siteList" :key="item.id">
            <div class="name">{{item.name}}<span class="state">{{item.open ? '公开' : '未公开'}}</span></div>
            <div>站点编号：{{item.code}}</div>
            <div>{{item.location}}</div>
            <div class="floatModule">
              <div>
                <el-button type="warning" @click="monitor">实时监测</el-button>
                <el-button type="warning" @click="monitor(item)">实时监测</el-button>
              </div>
              <div>
                <el-button type="primary" @click="load">下载数据</el-button>
</template>
<script>
  import download from '@/views/timeMonitoring/component/download'
  import { getCookiesId } from '@/utils/auth'
  import { siteList } from '@/api/loginedHome'
  export default {
    data() {
      return {
        tabPosition: 'top'
        tabPosition: 'top',
        siteObj: {
          uid: getCookiesId('id'),
          active: [1],
          pageSize: 20,
          pageNo: 1
        },
        siteList: []
      }
    },
    components: {
      download
    },
    created() {
      siteList(this.siteObj).then(res => {
        if (res.success) {
          this.siteList = res.data.data
        }
      })
    },
    methods: {
      monitor() {
        this.$router.push({ name: 'realtimeMonitor', query: { title: '站点名称' }})
      monitor(data) {
        this.$router.push({ name: 'realtimeMonitor', query: { title: data.name, id: data.id }})
      },
      load() {
        this.$refs.downloadModul.dialogTableVisible = true
<style rel="stylesheet/scss" lang="scss">
  .site {
    li {
      margin-bottom: 10px;
      margin-bottom: 15px;
      padding: 20px 20px;
      list-style: none;
      box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
      .name {
        color: #304156;
        font-size: 18px;
        .state {
          margin-left: 10px;
        }
      }
      .floatModule {
        position: absolute;

src/views/home/unloginHome.vue

        <bm-point-collection :points="points" shape="BMAP_POINT_SHAPE_WATERDROP" color="red" size="BMAP_POINT_SIZE_SMALL"
          @click="clickHandler">
        </bm-point-collection>
        <bm-info-window :position="infoWindow.position" title="Info Window Title" :show="infoWindow.show" @close="infoWindowClose"
        <bm-info-window :position="infoWindow.position" :title="infoWindow.title" :show="infoWindow.show" @close="infoWindowClose"
          @open="infoWindowOpen">
          <p v-text="infoWindow.contents"></p>
        </bm-info-window>
</template>
<script>
  import { siteAll } from '@/api/loginedHome'
  export default {
    data() {
      return {
        infoWindow: {
          show: true,
          contents: '11',
          position: {}
          position: {},
          title: ''
        }
      }
    },
    created() {
      this.addPoints()
      this.infoWindow.position = this.points[0]
      // this.addPoints()
      // this.infoWindow.position = this.points[0]
      siteAll({ active: 1, open: [0, 1] }).then(res => {
        if (res.success) {
          this.points = res.data
          if (this.points && this.points.length) {
            this.infoWindow = {
              show: true,
              position: { lng: this.points[0].lng, lat: this.points[0].lat },
              contents: this.points[0].location,
              title: this.points[0].name
            }
          }
        }
      })
    },
    methods: {
      clickHandler(e) {
        this.infoWindow = {
          show: true,
          position: { lng: e.point.lng, lat: e.point.lat },
          contents: e.point.lat
        }
      },
      addPoints() {
        const points = []
        for (var i = 0; i < 50; i++) {
          const position = { lng: Math.random() * 40 + 85, lat: Math.random() * 30 + 21 }
          points.push(position)
          contents: e.point.location,
          title: e.point.name
        }
        this.points = points
      },
      infoWindowClose(e) {
        this.infoWindow.show = false