bug fix

src/components/SelectBuilding.vue

@@ -1,3 +1,49 @@
 <template>
-  
+  <el-select v-model="val" filterable placeholder="请选择">
+    <el-option
+      v-for="item in buildings"
+      :key="item.buildingId"
+      :label="item.buildingName"
+      :value="item.buildingId">
+    </el-option>
+  </el-select>
 </template>
+
+<script>
+import { mapState, mapActions } from 'vuex'
+
+export default {
+  name: 'SelectBuilding',
+  props: [ 'value' ],
+  data () {
+    return {
+      cacheVal: null,
+    }
+  },
+  computed: {
+    ...mapState({
+      buildings: s => s.buildings || [],
+    }),
+    val: {
+      get() {
+        return this.value || this.cacheVal
+      },
+      set (nw) {
+        this.cacheVal = nw
+        this.$emit('input', nw)
+      }
+    },
+  },
+  created () {
+    if (!this.buildings || !this.buildings.length) {
+      this.getBuildings()
+    }
+  },
+  methods: {
+    ...mapActions([
+      'getBuildings',
+    ]),
+  },
+}
+</script>
+

src/components/charts/XLine.vue

@@ -1,5 +1,5 @@
 <template>
-   <div ref="echart" ></div>
+  <div ref="echart" ></div>
 </template>
 <script>
 import Echarts from "echarts";
@@ -9,7 +9,7 @@ export default {
   props: {
     value: {
       type: Object,
-      default: {},
+      default: () => {},
     },
   },
   data() {

src/main.js

@@ -5,6 +5,7 @@ import XMIcon from '@/components/XMIcon.vue'
 import XMRightLay from '@/components/XMRightLay.vue'
 import XMSearchForm from '@/components/XMSearchForm.vue'
 import RichEditor from '@/components/RichEditor.vue'
+import SelectBuilding from '@/components/SelectBuilding'
 
 import App from './App.vue'
 import router from './router'
@@ -27,6 +28,7 @@ Vue.component('xm-icon', XMIcon)
 Vue.component('xm-rtl', XMRightLay)
 Vue.component('xm-search', XMSearchForm)
 Vue.component('rich-editor', RichEditor)
+Vue.component('select-building', SelectBuilding)
 Vue.use(VueAMap)
 
 VueAMap.initAMapApiLoader({

src/store/system.js

@@ -10,6 +10,7 @@ export default {
     },
     menus: [],
     user: {},
+    buildings: [],
   },
   mutations: {
     updateUser(state, user) {
@@ -17,6 +18,9 @@ export default {
         ...state.user,
         ...user,
       }
+    },
+    updateBuildings(state, buildings) {
+      state.buildings = buildings || []
     }
   },
   actions: {
@@ -54,6 +58,21 @@ export default {
         localStorage.removeItem('x-token')
         commit('updateUser', {})
       })
-    }
+    },
+    getBuildings ({ commit }) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.building.list,
+          params: { pageSize: 999 },
+        }).then((data) => {
+          commit('updateBuildings',  data.records)
+          resolve(data)
+        }).catch(({ message }) => {
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
   }
 }

src/views/indexEcharts/index.vue

@@ -20,6 +20,7 @@
       </div>
     </el-col>
   </el-row>
+  <select-building></select-building>
   <p class="title under-line" @click="toUserSource()">用户来源</p>
   <span class="title-desc under-line" @click="toUserSource()">最近7天</span>
   <el-row :gutter="20" :style="{ height: '560px',margin:'20px 0',border:'1px solid #eee',borderRadius:'5px'}">

vue.config.js

@@ -4,7 +4,7 @@ module.exports = {
     port: 8080,
     proxy: {
       '/api': {
-        target: 'http://192.168.0.131:8080',
+        target: 'http://192.168.0.11:8080',
         // target: 'http://localhost:8080',
         changeOrigin: true,
         // pathRewrite: {