feat: 添加设备切换弹窗组件, 添加设备切换功能,切换后刷新数据

songshankun

2023-11-15 15e2f2216d3d6c81eb495b979cdb1a46e20361c4

 src/store/index.js

@@ -1,16 +1,33 @@
import Vue from 'vue'
import Vuex from 'vuex'
import {getDeviceList} from "@/api/home";

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    deviceInfo:null
  },
  getters: {
    currentDeviceName (state){
      return  state.deviceInfo?.deviceList?.find((ele) => ele?.deviceID === state.deviceInfo?.currentDeviceID)
        ?.deviceName ?? ''
    }
  },
  mutations: {
    setDeviceInfo(state,deviceInfo){
      state.deviceInfo = deviceInfo
    }
  },
  actions: {
    getDeviceInfo({commit}){
      return  getDeviceList().then(res=>{
        commit('setDeviceInfo',res.data)
      }).catch(err=>{
        console.error(err)
        commit('setDeviceInfo',null)
      })
    }
  },
  modules: {
  }