增加新版本web页面

web/src/store/getters.js

@@ -0,0 +1,10 @@
+const getters = {
+  sidebar: state => state.app.sidebar,
+  device: state => state.app.device,
+  token: state => state.user.token,
+  serverId: state => state.user.serverId,
+  name: state => state.user.name,
+  visitedViews: state => state.tagsView.visitedViews,
+  cachedViews: state => state.tagsView.cachedViews
+}
+export default getters

web/src/store/index.js

@@ -0,0 +1,53 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+import app from './modules/app'
+import settings from './modules/settings'
+import user from './modules/user'
+import tagsView from './modules/tagsView'
+import commonChanel from './modules/commonChanel'
+import region from './modules/region'
+import device from './modules/device'
+import group from './modules/group'
+import server from './modules/server'
+import play from './modules/play'
+import playback from './modules/playback'
+import streamPush from './modules/streamPush'
+import streamProxy from './modules/streamProxy'
+import recordPlan from './modules/recordPlan'
+import cloudRecord from './modules/cloudRecord'
+import platform from './modules/platform'
+import role from './modules/role'
+import userApiKeys from './modules/userApiKeys'
+import gbRecord from './modules/gbRecord'
+import log from './modules/log'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    app,
+    settings,
+    user,
+    tagsView,
+    commonChanel,
+    region,
+    device,
+    group,
+    server,
+    play,
+    playback,
+    streamPush,
+    streamProxy,
+    recordPlan,
+    cloudRecord,
+    platform,
+    role,
+    userApiKeys,
+    gbRecord,
+    log
+  },
+  getters
+})
+
+export default store

web/src/store/modules/app.js

@@ -0,0 +1,48 @@
+import Cookies from 'js-cookie'
+
+const state = {
+  sidebar: {
+    opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
+    withoutAnimation: false
+  },
+  device: 'desktop'
+}
+
+const mutations = {
+  TOGGLE_SIDEBAR: state => {
+    state.sidebar.opened = !state.sidebar.opened
+    state.sidebar.withoutAnimation = false
+    if (state.sidebar.opened) {
+      Cookies.set('sidebarStatus', 1)
+    } else {
+      Cookies.set('sidebarStatus', 0)
+    }
+  },
+  CLOSE_SIDEBAR: (state, withoutAnimation) => {
+    Cookies.set('sidebarStatus', 0)
+    state.sidebar.opened = false
+    state.sidebar.withoutAnimation = withoutAnimation
+  },
+  TOGGLE_DEVICE: (state, device) => {
+    state.device = device
+  }
+}
+
+const actions = {
+  toggleSideBar({ commit }) {
+    commit('TOGGLE_SIDEBAR')
+  },
+  closeSideBar({ commit }, { withoutAnimation }) {
+    commit('CLOSE_SIDEBAR', withoutAnimation)
+  },
+  toggleDevice({ commit }, device) {
+    commit('TOGGLE_DEVICE', device)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}

web/src/store/modules/cloudRecord.js

@@ -0,0 +1,109 @@
+import {
+  addTask, deleteRecord,
+  getPlayPath,
+  loadRecord,
+  queryList,
+  queryListByData,
+  queryTaskList,
+  seek,
+  speed
+} from '@/api/cloudRecord'
+
+const actions = {
+  getPlayPath({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      getPlayPath(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  loadRecord({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      loadRecord(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  seek({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      seek(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  speed({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      speed(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryListByData({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryListByData(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addTask({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addTask(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryTaskList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryTaskList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteRecord({ commit }, ids) {
+    return new Promise((resolve, reject) => {
+      deleteRecord(ids).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/commonChanel.js

@@ -0,0 +1,248 @@
+import {
+  update,
+  add,
+  reset,
+  queryOne,
+  addDeviceToGroup,
+  deleteDeviceFromGroup,
+  addDeviceToRegion,
+  deleteDeviceFromRegion,
+  getCivilCodeList,
+  getParentList,
+  getUnusualParentList,
+  clearUnusualParentList,
+  getUnusualCivilCodeList,
+  clearUnusualCivilCodeList,
+  getIndustryList,
+  getTypeList,
+  getNetworkIdentificationList, playChannel, addToRegion, deleteFromRegion, addToGroup, deleteFromGroup
+} from '@/api/commonChannel'
+
+const actions = {
+  update({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      update(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      add(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  reset({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      reset(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryOne({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      queryOne(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addDeviceToGroup({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addDeviceToGroup(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addToGroup({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addToGroup(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteDeviceFromGroup({ commit }, deviceIds) {
+    return new Promise((resolve, reject) => {
+      deleteDeviceFromGroup(deviceIds).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteFromGroup({ commit }, channels) {
+    return new Promise((resolve, reject) => {
+      deleteFromGroup(channels).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addDeviceToRegion({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addDeviceToRegion(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addToRegion({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addToRegion(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteDeviceFromRegion({ commit }, deviceIds) {
+    return new Promise((resolve, reject) => {
+      deleteDeviceFromRegion(deviceIds).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteFromRegion({ commit }, channels) {
+    return new Promise((resolve, reject) => {
+      deleteFromRegion(channels).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getCivilCodeList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getCivilCodeList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getParentList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getParentList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getUnusualParentList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getUnusualParentList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  clearUnusualParentList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      clearUnusualParentList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getUnusualCivilCodeList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getUnusualCivilCodeList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  clearUnusualCivilCodeList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      clearUnusualCivilCodeList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getIndustryList({ commit }) {
+    return new Promise((resolve, reject) => {
+      getIndustryList().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getTypeList({ commit }) {
+    return new Promise((resolve, reject) => {
+      getTypeList().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getNetworkIdentificationList({ commit }) {
+    return new Promise((resolve, reject) => {
+      getNetworkIdentificationList().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  playChannel({ commit }, channelId) {
+    return new Promise((resolve, reject) => {
+      playChannel(channelId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/device.js

@@ -0,0 +1,235 @@
+import {
+  add, changeChannelAudio,
+  deleteDevice,
+  deviceRecord,
+  queryBasicParam,
+  queryChannelOne,
+  queryChannels, queryChannelTree, queryDeviceOne,
+  queryDevices,
+  queryDeviceSyncStatus, queryDeviceTree,
+  resetGuard,
+  setGuard,
+  subscribeCatalog,
+  subscribeMobilePosition,
+  sync, update, updateChannelStreamIdentification,
+  updateDeviceTransport
+} from '@/api/device'
+
+const actions = {
+  queryDeviceSyncStatus({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      queryDeviceSyncStatus(deviceId).then(response => {
+        // const {data, code, msg} = response
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryDevices({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryDevices(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  sync({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      sync(deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  updateDeviceTransport({ commit }, [deviceId, streamMode]) {
+    return new Promise((resolve, reject) => {
+      updateDeviceTransport(deviceId, streamMode).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  setGuard({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      setGuard(deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  resetGuard({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      resetGuard(deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  subscribeCatalog({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      subscribeCatalog(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  subscribeMobilePosition({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      subscribeMobilePosition(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryBasicParam({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      queryBasicParam(deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryChannelOne({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryChannelOne(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryChannels({ commit }, [deviceId, params]) {
+    return new Promise((resolve, reject) => {
+      queryChannels(deviceId, params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deviceRecord({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      deviceRecord(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  querySubChannels({ commit }, [params, deviceId, parentChannelId]) {
+    return new Promise((resolve, reject) => {
+      deviceRecord(params, deviceId, parentChannelId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryChannelTree({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryChannelTree(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  changeChannelAudio({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      changeChannelAudio(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  updateChannelStreamIdentification({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      updateChannelStreamIdentification(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  update({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      update(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      add(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryDeviceOne({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      queryDeviceOne(deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryDeviceTree({ commit }, params, deviceId) {
+    return new Promise((resolve, reject) => {
+      queryDeviceTree(params, deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteDevice({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      deleteDevice(deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/frontEnd.js

@@ -0,0 +1,218 @@
+import {
+  addPointForCruise, addPreset, auxiliary, callPreset, deletePointForCruise, deletePreset, focus, iris, ptz,
+  queryPreset, setCruiseSpeed, setCruiseTime,
+  setLeftForScan,
+  setRightForScan,
+  setSpeedForScan, startCruise,
+  startScan, stopCruise,
+  stopScan, wiper
+} from '@/api/frontEnd'
+
+const actions = {
+  setSpeedForScan({ commit }, [deviceId, channelDeviceId, scanId, speed]) {
+    return new Promise((resolve, reject) => {
+      setSpeedForScan(deviceId, channelDeviceId, scanId, speed).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  setLeftForScan({ commit }, [deviceId, channelDeviceId, scanId]) {
+    return new Promise((resolve, reject) => {
+      setLeftForScan(deviceId, channelDeviceId, scanId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  setRightForScan({ commit }, [deviceId, channelDeviceId, scanId]) {
+    return new Promise((resolve, reject) => {
+      setRightForScan(deviceId, channelDeviceId, scanId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  startScan({ commit }, [deviceId, channelDeviceId, scanId]) {
+    return new Promise((resolve, reject) => {
+      startScan(deviceId, channelDeviceId, scanId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  stopScan({ commit }, [deviceId, channelDeviceId, scanId]) {
+    return new Promise((resolve, reject) => {
+      stopScan(deviceId, channelDeviceId, scanId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryPreset({ commit }, [deviceId, channelDeviceId]) {
+    return new Promise((resolve, reject) => {
+      queryPreset(deviceId, channelDeviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addPointForCruise({ commit }, [deviceId, channelDeviceId, cruiseId, presetId]) {
+    return new Promise((resolve, reject) => {
+      addPointForCruise(deviceId, channelDeviceId, cruiseId, presetId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deletePointForCruise({ commit }, [deviceId, channelDeviceId, cruiseId, presetId]) {
+    return new Promise((resolve, reject) => {
+      deletePointForCruise(deviceId, channelDeviceId, cruiseId, presetId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  setCruiseSpeed({ commit }, [deviceId, channelDeviceId, cruiseId, cruiseSpeed]) {
+    return new Promise((resolve, reject) => {
+      setCruiseSpeed(deviceId, channelDeviceId, cruiseId, cruiseSpeed).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  setCruiseTime({ commit }, [deviceId, channelDeviceId, cruiseId, cruiseTime]) {
+    return new Promise((resolve, reject) => {
+      setCruiseTime(deviceId, channelDeviceId, cruiseId, cruiseTime).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  startCruise({ commit }, [deviceId, channelDeviceId, cruiseId]) {
+    return new Promise((resolve, reject) => {
+      startCruise(deviceId, channelDeviceId, cruiseId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  stopCruise({ commit }, [deviceId, channelDeviceId, cruiseId]) {
+    return new Promise((resolve, reject) => {
+      stopCruise(deviceId, channelDeviceId, cruiseId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addPreset({ commit }, [deviceId, channelDeviceId, presetId]) {
+    return new Promise((resolve, reject) => {
+      addPreset(deviceId, channelDeviceId, presetId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  callPreset({ commit }, [deviceId, channelDeviceId, presetId]) {
+    return new Promise((resolve, reject) => {
+      callPreset(deviceId, channelDeviceId, presetId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deletePreset({ commit }, [deviceId, channelDeviceId, presetId]) {
+    return new Promise((resolve, reject) => {
+      deletePreset(deviceId, channelDeviceId, presetId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  auxiliary({ commit }, [deviceId, channelDeviceId, command, switchId]) {
+    return new Promise((resolve, reject) => {
+      auxiliary(deviceId, channelDeviceId, command, switchId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  wiper({ commit }, [deviceId, channelDeviceId, command]) {
+    return new Promise((resolve, reject) => {
+      wiper(deviceId, channelDeviceId, command).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  ptz({ commit }, [deviceId, channelId, command, horizonSpeed, verticalSpeed, zoomSpeed]) {
+    return new Promise((resolve, reject) => {
+      ptz(deviceId, channelId, command, horizonSpeed, verticalSpeed, zoomSpeed).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  iris({ commit }, [deviceId, channelId, command, speed]) {
+    return new Promise((resolve, reject) => {
+      iris(deviceId, channelId, command, speed).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  focus({ commit }, [deviceId, channelDeviceId, command, speed]) {
+    return new Promise((resolve, reject) => {
+      iris(deviceId, channelDeviceId, command, speed).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/gbRecord.js

@@ -0,0 +1,51 @@
+
+import { query, queryDownloadProgress, startDownLoad, stopDownLoad } from '@/api/gbRecord'
+
+const actions = {
+  query({ commit }, param) {
+    return new Promise((resolve, reject) => {
+      query(param).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  startDownLoad({ commit }, param) {
+    return new Promise((resolve, reject) => {
+      startDownLoad(param).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  stopDownLoad({ commit }, deviceId, channelId, streamId) {
+    return new Promise((resolve, reject) => {
+      stopDownLoad(deviceId, channelId, streamId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryDownloadProgress({ commit }, param) {
+    return new Promise((resolve, reject) => {
+      queryDownloadProgress(param).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/group.js

@@ -0,0 +1,64 @@
+import {
+  getTreeList,
+  update,
+  add, deleteGroup, getPath
+} from '@/api/group'
+
+const actions = {
+  update({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      update(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      add(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getTreeList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getTreeList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteGroup({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      deleteGroup(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getPath({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getPath(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/log.js

@@ -0,0 +1,20 @@
+import { queryList } from '@/api/log'
+
+const actions = {
+  queryList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/platform.js

@@ -0,0 +1,150 @@
+import {
+  add,
+  addChannel, addChannelByDevice,
+  exit,
+  getChannelList,
+  getServerConfig,
+  pushChannel,
+  query,
+  remove, removeChannel, removeChannelByDevice,
+  update, updateCustomChannel
+} from '@/api/platform'
+
+const actions = {
+  update({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      update(data).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      add(data).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  exit({ commit }, deviceGbId) {
+    return new Promise((resolve, reject) => {
+      exit(deviceGbId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  remove({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      remove(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  pushChannel({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      pushChannel(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getServerConfig({ commit }) {
+    return new Promise((resolve, reject) => {
+      getServerConfig().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  query({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      query(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getChannelList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getChannelList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addChannel({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addChannel(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addChannelByDevice({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addChannelByDevice(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  removeChannelByDevice({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      removeChannelByDevice(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  removeChannel({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      removeChannel(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  updateCustomChannel({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      updateCustomChannel(data).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/play.js

@@ -0,0 +1,50 @@
+import { broadcastStart, broadcastStop, play, stop } from '@/api/play'
+
+const actions = {
+  play({ commit }, [deviceId, channelId]) {
+    return new Promise((resolve, reject) => {
+      play(deviceId, channelId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  stop({ commit }, [deviceId, channelId]) {
+    return new Promise((resolve, reject) => {
+      stop(deviceId, channelId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  broadcastStart({ commit }, [deviceId, channelId, broadcastMode]) {
+    return new Promise((resolve, reject) => {
+      broadcastStart(deviceId, channelId, broadcastMode).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  broadcastStop({ commit }, [deviceId, channelId]) {
+    return new Promise((resolve, reject) => {
+      broadcastStop(deviceId, channelId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/playback.js

@@ -0,0 +1,60 @@
+import { pause, play, resume, setSpeed, stop } from '@/api/playback'
+
+const actions = {
+  play({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      play(data).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  resume({ commit }, streamId) {
+    return new Promise((resolve, reject) => {
+      resume(streamId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  pause({ commit }, streamId) {
+    return new Promise((resolve, reject) => {
+      pause(streamId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  setSpeed({ commit }, param) {
+    return new Promise((resolve, reject) => {
+      setSpeed(param).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  stop({ commit }, [deviceId, channelId, streamId]) {
+    return new Promise((resolve, reject) => {
+      stop(deviceId, channelId, streamId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/recordPlan.js

@@ -0,0 +1,80 @@
+import { addPlan, deletePlan, getPlan, linkPlan, queryChannelList, queryList, update } from '@/api/recordPlan'
+
+const actions = {
+  getPlan({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      getPlan(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addPlan({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      addPlan(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  update({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      update(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deletePlan({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      deletePlan(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryChannelList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryChannelList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  linkPlan({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      linkPlan(data).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/region.js

@@ -0,0 +1,99 @@
+import {
+  getTreeList,
+  deleteRegion,
+  description,
+  addByCivilCode,
+  queryChildListInBase,
+  update,
+  add,
+  queryPath
+} from '@/api/region'
+
+const actions = {
+  getTreeList({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      getTreeList(data).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteRegion({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      deleteRegion(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  description({ commit }, civilCode) {
+    return new Promise((resolve, reject) => {
+      description(civilCode).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addByCivilCode({ commit }, civilCode) {
+    return new Promise((resolve, reject) => {
+      addByCivilCode(civilCode).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryChildListInBase({ commit }, parent) {
+    return new Promise((resolve, reject) => {
+      queryChildListInBase(parent).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  update({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      update(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      add(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryPath({ commit }, deviceId) {
+    return new Promise((resolve, reject) => {
+      queryPath(deviceId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/role.js

@@ -0,0 +1,20 @@
+import { getAll } from '@/api/role'
+
+const actions = {
+  getAll({ commit }) {
+    return new Promise((resolve, reject) => {
+      getAll().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/server.js

@@ -0,0 +1,146 @@
+import {
+  checkMediaServer,
+  checkMediaServerRecord, deleteMediaServer, getMediaInfo,
+  getMediaServer,
+  getMediaServerList, getMediaServerLoad,
+  getOnlineMediaServerList, getResourceInfo, getSystemConfig, getSystemInfo, info, saveMediaServer
+} from '@/api/server'
+
+const actions = {
+  getOnlineMediaServerList({ commit }) {
+    return new Promise((resolve, reject) => {
+      getOnlineMediaServerList().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getMediaServerList({ commit }) {
+    return new Promise((resolve, reject) => {
+      getMediaServerList().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getMediaServer({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      getMediaServer(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  checkMediaServer({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      checkMediaServer(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  checkMediaServerRecord({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      checkMediaServerRecord(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  saveMediaServer({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      saveMediaServer(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteMediaServer({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      deleteMediaServer(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getSystemConfig({ commit }) {
+    return new Promise((resolve, reject) => {
+      getSystemConfig().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getMediaInfo({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      getMediaInfo(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getSystemInfo({ commit }) {
+    return new Promise((resolve, reject) => {
+      getSystemInfo().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getMediaServerLoad({ commit }) {
+    return new Promise((resolve, reject) => {
+      getMediaServerLoad().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getResourceInfo({ commit }) {
+    return new Promise((resolve, reject) => {
+      getResourceInfo().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  info({ commit }) {
+    return new Promise((resolve, reject) => {
+      info().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/settings.js

@@ -0,0 +1,33 @@
+import defaultSettings from '@/settings'
+
+const { showSettings, fixedHeader, sidebarLogo, tagsViews } = defaultSettings
+
+const state = {
+  showSettings: showSettings,
+  fixedHeader: fixedHeader,
+  sidebarLogo: sidebarLogo,
+  tagsViews: tagsViews
+}
+
+const mutations = {
+  CHANGE_SETTING: (state, { key, value }) => {
+    // eslint-disable-next-line no-prototype-builtins
+    if (state.hasOwnProperty(key)) {
+      state[key] = value
+    }
+  }
+}
+
+const actions = {
+  changeSetting({ commit }, data) {
+    commit('CHANGE_SETTING', data)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+

web/src/store/modules/streamProxy.js

@@ -0,0 +1,90 @@
+import { add, play, queryFfmpegCmdList, queryList, remove, save, stopPlay, update } from '@/api/streamProxy'
+
+const actions = {
+  queryFfmpegCmdList({ commit }, mediaServerId) {
+    return new Promise((resolve, reject) => {
+      queryFfmpegCmdList(mediaServerId).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  save({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      save(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  update({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      update(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      add(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  play({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      play(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  stopPlay({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      stopPlay(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  remove({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      remove(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/streamPush.js

@@ -0,0 +1,90 @@
+import { saveToGb, add, update, queryList, play, remove, removeFormGb, batchRemove } from '@/api/streamPush'
+
+const actions = {
+  saveToGb({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      saveToGb(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      add(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  update({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      update(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  play({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      play(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  remove({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      remove(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  removeFormGb({ commit }, formData) {
+    return new Promise((resolve, reject) => {
+      removeFormGb(formData).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  batchRemove({ commit }, ids) {
+    return new Promise((resolve, reject) => {
+      batchRemove(ids).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+

web/src/store/modules/tagsView.js

@@ -0,0 +1,160 @@
+const state = {
+  visitedViews: [],
+  cachedViews: []
+}
+
+const mutations = {
+  ADD_VISITED_VIEW: (state, view) => {
+    if (state.visitedViews.some(v => v.path === view.path)) return
+    state.visitedViews.push(
+      Object.assign({}, view, {
+        title: view.meta.title || 'no-name'
+      })
+    )
+  },
+  ADD_CACHED_VIEW: (state, view) => {
+    if (state.cachedViews.includes(view.name)) return
+    if (!view.meta.noCache) {
+      state.cachedViews.push(view.name)
+    }
+  },
+
+  DEL_VISITED_VIEW: (state, view) => {
+    for (const [i, v] of state.visitedViews.entries()) {
+      if (v.path === view.path) {
+        state.visitedViews.splice(i, 1)
+        break
+      }
+    }
+  },
+  DEL_CACHED_VIEW: (state, view) => {
+    const index = state.cachedViews.indexOf(view.name)
+    index > -1 && state.cachedViews.splice(index, 1)
+  },
+
+  DEL_OTHERS_VISITED_VIEWS: (state, view) => {
+    state.visitedViews = state.visitedViews.filter(v => {
+      return v.meta.affix || v.path === view.path
+    })
+  },
+  DEL_OTHERS_CACHED_VIEWS: (state, view) => {
+    const index = state.cachedViews.indexOf(view.name)
+    if (index > -1) {
+      state.cachedViews = state.cachedViews.slice(index, index + 1)
+    } else {
+      // if index = -1, there is no cached tags
+      state.cachedViews = []
+    }
+  },
+
+  DEL_ALL_VISITED_VIEWS: state => {
+    // keep affix tags
+    const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
+    state.visitedViews = affixTags
+  },
+  DEL_ALL_CACHED_VIEWS: state => {
+    state.cachedViews = []
+  },
+
+  UPDATE_VISITED_VIEW: (state, view) => {
+    for (let v of state.visitedViews) {
+      if (v.path === view.path) {
+        v = Object.assign(v, view)
+        break
+      }
+    }
+  }
+}
+
+const actions = {
+  addView({ dispatch }, view) {
+    dispatch('addVisitedView', view)
+    dispatch('addCachedView', view)
+  },
+  addVisitedView({ commit }, view) {
+    commit('ADD_VISITED_VIEW', view)
+  },
+  addCachedView({ commit }, view) {
+    commit('ADD_CACHED_VIEW', view)
+  },
+
+  delView({ dispatch, state }, view) {
+    return new Promise(resolve => {
+      dispatch('delVisitedView', view)
+      dispatch('delCachedView', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews]
+      })
+    })
+  },
+  delVisitedView({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_VISITED_VIEW', view)
+      resolve([...state.visitedViews])
+    })
+  },
+  delCachedView({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_CACHED_VIEW', view)
+      resolve([...state.cachedViews])
+    })
+  },
+
+  delOthersViews({ dispatch, state }, view) {
+    return new Promise(resolve => {
+      dispatch('delOthersVisitedViews', view)
+      dispatch('delOthersCachedViews', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews]
+      })
+    })
+  },
+  delOthersVisitedViews({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_OTHERS_VISITED_VIEWS', view)
+      resolve([...state.visitedViews])
+    })
+  },
+  delOthersCachedViews({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_OTHERS_CACHED_VIEWS', view)
+      resolve([...state.cachedViews])
+    })
+  },
+
+  delAllViews({ dispatch, state }, view) {
+    return new Promise(resolve => {
+      dispatch('delAllVisitedViews', view)
+      dispatch('delAllCachedViews', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews]
+      })
+    })
+  },
+  delAllVisitedViews({ commit, state }) {
+    return new Promise(resolve => {
+      commit('DEL_ALL_VISITED_VIEWS')
+      resolve([...state.visitedViews])
+    })
+  },
+  delAllCachedViews({ commit, state }) {
+    return new Promise(resolve => {
+      commit('DEL_ALL_CACHED_VIEWS')
+      resolve([...state.cachedViews])
+    })
+  },
+
+  updateVisitedView({ commit }, view) {
+    commit('UPDATE_VISITED_VIEW', view)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}

web/src/store/modules/user.js

@@ -0,0 +1,180 @@
+import crypto from 'crypto'
+import {
+  add,
+  changePassword,
+  changePasswordForAdmin,
+  changePushKey,
+  getUserInfo,
+  login,
+  logout,
+  queryList,
+  removeById
+} from '@/api/user'
+import {
+  getToken,
+  setToken,
+  setName,
+  removeToken,
+  removeName,
+  setServerId,
+  removeServerId
+} from '@/utils/auth'
+import { resetRouter } from '@/router'
+
+const getDefaultState = () => {
+  return {
+    token: getToken(),
+    name: '',
+    serverId: ''
+  }
+}
+
+const state = getDefaultState()
+
+const mutations = {
+  RESET_STATE: (state) => {
+    Object.assign(state, getDefaultState())
+  },
+  SET_TOKEN: (state, token) => {
+    state.token = token
+  },
+  SET_NAME: (state, name) => {
+    state.name = name
+  },
+  SET_SERVER_ID: (state, serverId) => {
+    state.serverId = serverId
+  }
+}
+
+const actions = {
+  // user login
+  login({ commit }, userInfo) {
+    const { username, password } = userInfo
+    return new Promise((resolve, reject) => {
+      login({
+        username: username.trim(),
+        password: crypto.createHash('md5').update(password, 'utf8').digest('hex')
+      }).then(response => {
+        const { data } = response
+        commit('SET_TOKEN', data.accessToken)
+        commit('SET_NAME', data.username)
+        commit('SET_SERVER_ID', data.serverId)
+        setToken(data.accessToken)
+        setName(data.username)
+        setServerId(data.serverId)
+        resolve()
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  // user logout
+  logout({ commit, state }) {
+    return new Promise((resolve, reject) => {
+      logout(state.token).then(() => {
+        removeToken()
+        removeServerId()
+        removeName()
+        resetRouter()
+        commit('RESET_STATE')
+        resolve()
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  // remove token
+  resetToken({ commit }) {
+    return new Promise(resolve => {
+      removeToken() // must remove  token  first
+      commit('RESET_STATE')
+      resolve()
+    })
+  },
+
+  getUserInfo({ commit }) {
+    return new Promise((resolve, reject) => {
+      getUserInfo().then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  changePushKey({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      changePushKey(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  queryList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  removeById({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      removeById(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  add({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      add(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  changePassword({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      changePassword(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  changePasswordForAdmin({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      changePasswordForAdmin(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+

web/src/store/modules/userApiKeys.js

@@ -0,0 +1,80 @@
+import { add, disable, enable, queryList, remark, remove, reset } from '@/api/userApiKey'
+
+const actions = {
+  remark({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      remark(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  queryList({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryList(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  enable({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      enable(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  disable({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      disable(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  reset({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      reset(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  remove({ commit }, id) {
+    return new Promise((resolve, reject) => {
+      remove(id).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  add({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      add(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}
+