openatc-components 0.0.1 → 0.0.6

package/src/lib/publicjs/styleclassfactory.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/*
+@brief 样式类生成器
+@author caijiadong
+@date 2018-11-01
+*/
+
+/*
+@brief 返回添加样式后的类名
+@example 当前样式 blue 传入类名 div 返回 div-blue
+@        样式从window.cssStyle字段中获取
+*/
+
+export const getStyleClassName = (primyclass) => {
+  const style = window.cssStyle
+  const defaultList = ['', 'default']
+  if (style === undefined ||
+    defaultList.find(val => val === style) !== undefined) {
+    return primyclass
+  }
+  return `${primyclass}-${style}`
+}

package/src/main.js

@@ -1,23 +1,44 @@
-// The Vue build version to load with the `import` command
-// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
-import Vue from 'vue'
-import App from './App'
-import router from './router'
-import kissui from './kisscomps/index'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-// import chosen from 'chosen-js'
-Vue.use(kissui)
-Vue.use(ElementUI)
-// Vue.use(chosen)
-// Vue.use($)
-
-Vue.config.productionTip = false
-
-/* eslint-disable no-new */
-new Vue({
-  el: '#app',
-  router,
-  components: { App },
-  template: '<App/>'
-})
+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+import store from './store'
+import kissui from './kisscomps/index'
+import ElementUI from 'element-ui'
+import locale from 'element-ui/lib/locale/lang/en' // lang i18n
+import animate from 'animate.css'
+import i18n from './i18n'
+import 'element-ui/lib/theme-chalk/index.css'
+import './icons' // icon
+
+// 深浅主题按需加载
+import('../static/styles/dark/index.scss')
+// import('../static/styles/light/index.scss')
+
+Vue.use(kissui)
+Vue.use(ElementUI)
+// Vue.use(chosen)
+// Vue.use($)
+Vue.use(ElementUI, {
+  locale
+})
+
+/* 使用动画库 */
+Vue.use(animate)
+
+Vue.config.productionTip = false
+
+const urlMgr = require('./lib/publicjs/HttpurlMgr')
+let data = require('../static/apiconfig.json')
+urlMgr.HttpUrlMgr.init(data)
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  i18n,
+  router,
+  store,
+  components: { App },
+  template: '<App/>'
+})

package/src/router/index.js

@@ -1,15 +1,29 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-Vue.use(Router)
-
-export default new Router({
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: (resolve) => {
-        require(['@/views/home'], resolve)
-      }
-    }
-  ]
-})
+import Vue from 'vue'
+import Router from 'vue-router'
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: (resolve) => {
+        require(['@/views/home'], resolve)
+      }
+    },
+    {
+      path: '/cross',
+      name: 'cross',
+      component: (resolve) => {
+        require(['@/views/intersection'], resolve)
+      }
+    },
+    {
+      path: '/config',
+      name: 'config',
+      component: (resolve) => {
+        require(['@/views/schemeconfig'], resolve)
+      }
+    }
+  ]
+})

package/src/store/getters.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+const getters = {
+  sidebar: state => state.app.sidebar,
+  device: state => state.app.device,
+  token: state => state.user.token,
+  avatar: state => state.user.avatar,
+  name: state => state.user.name,
+  roles: state => state.user.roles,
+  Agent: state => state.Agent.agentid,
+  controlmode: state => state.Agent.controlmode,
+  globalParam: state => state.globalParam,
+  tscParam: state => state.globalParam.tscParam,
+  curPath: state => state.globalParam.curPath,
+  globalParamModel: state => state.globalParamModel.GlobalParamModeObject,
+  devParams: state => state.globalParamModel.devParams,
+  permissionRoutes: state => state.permissionRoutes.routers
+  // roadDirection: state => state.globalParam.roadDirection
+}
+export default getters

package/src/store/index.js

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+import Vue from 'vue'
+import Vuex from 'vuex'
+import app from './modules/app'
+import user from './modules/user'
+import getters from './getters'
+import agent from './modules/saveAgent'
+import globalParam from './modules/globalParam'
+import globalParamModel from './modules/globalParamModel'
+import permissionRoutes from './modules/permissionRoutes'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    app,
+    user,
+    agent,
+    globalParam,
+    globalParamModel,
+    permissionRoutes
+  },
+  getters
+})
+
+export default store

package/src/store/modules/app.js

@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+import Cookies from 'js-cookie'
+
+const app = {
+  state: {
+    sidebar: {
+      opened: !+Cookies.get('sidebarStatus'),
+      withoutAnimation: false
+    },
+    device: 'desktop'
+  },
+  mutations: {
+    TOGGLE_SIDEBAR: state => {
+      if (state.sidebar.opened) {
+        Cookies.set('sidebarStatus', 1)
+      } else {
+        Cookies.set('sidebarStatus', 0)
+      }
+      state.sidebar.opened = !state.sidebar.opened
+      state.sidebar.withoutAnimation = false
+    },
+    CLOSE_SIDEBAR: (state, withoutAnimation) => {
+      Cookies.set('sidebarStatus', 1)
+      state.sidebar.opened = false
+      state.sidebar.withoutAnimation = withoutAnimation
+    },
+    TOGGLE_DEVICE: (state, device) => {
+      state.device = device
+    }
+  },
+  actions: {
+    ToggleSideBar: ({ commit }) => {
+      commit('TOGGLE_SIDEBAR')
+    },
+    CloseSideBar ({ commit }, { withoutAnimation }) {
+      commit('CLOSE_SIDEBAR', withoutAnimation)
+    },
+    ToggleDevice ({ commit }, device) {
+      commit('TOGGLE_DEVICE', device)
+    }
+  }
+}
+
+export default app

package/src/store/modules/globalParam.js

@@ -0,0 +1,196 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+const tscParam = {
+  phaseList: [],
+  patternList: [],
+  planList: [],
+  dateList: [],
+  overlaplList: [],
+  channelList: [],
+  detectorList: [],
+  pedestrainDetectorList: [],
+  channellock: [],
+  // customInfo: {
+  //   areaid: Number,
+  //   intersectionid: Number,
+  //   siteid: '',
+  //   selflearning: 0,
+  //   fixintersectioninfo: '',
+  //   commuport: 0,
+  //   commutype: '',
+  //   steptype: ''
+  // },
+  manualpanel: {
+    mingreen: 15
+  },
+  singleoptim: [
+  ]
+}
+let defaultCopiedTscParam = null
+try {
+  if (sessionStorage.tscParam) {
+    defaultCopiedTscParam = JSON.parse(sessionStorage.tscParam)
+  }
+} catch (e) {
+  console.log(e)
+}
+
+// function getPerRouterMap (routerArr, noper, parent) {
+//   for (let per of routerArr) {
+//     if (per.name && per.name === noper) {
+//       parent.hidden = true
+//       break
+//     } else if (per.children && per.children.length) {
+//       getPerRouterMap(per.children, noper, per)
+//     }
+//   }
+// }
+
+const Global = {
+  state: {
+    tscParam: JSON.parse(JSON.stringify(tscParam)),
+    curPath: '/overview/index',
+    copiedTscParam: defaultCopiedTscParam,
+    routers: [],
+    curBodyWidth: 1920,
+    curBodyHeight: 1080,
+    FuncSort: 'allFunc',
+    hideMenu: false,
+    graphicMode: false, // 为true时，切换到图形界面模式，只显示路口图部分
+    // roadDirection: 'right', // 当前路口行车方向：默认右行
+    channelDescMap: new Map(), // 管理实时通道描述数据
+    isShowGui: true, // 总览当前是否是图形界面
+    isRefreshTankuang: 'norefresh' // 刷新某个页面的相位弹框组件
+  },
+  mutations: {
+    SAVE_PARAM: (state, data) => {
+      // let customInfo = data.customInfo
+      // data.customInfo = {
+      //   ...tscParam.customInfo,
+      //   ...customInfo
+      // }
+      state.tscParam = JSON.parse(JSON.stringify(data))
+    },
+    SAVE_SINGLE_PARAM: (state, param) => {
+      state.tscParam[param.type] = param.data
+    },
+    RESET_PARAM: (state) => {
+      state.tscParam = JSON.parse(JSON.stringify(tscParam))
+    },
+    SAVE_CUR_PATH: (state, path) => {
+      state.curPath = path
+    },
+    SET_COPY: (state, param) => {
+      state.copiedTscParam = param
+      sessionStorage.tscParam = JSON.stringify(param)
+    },
+    CLEAR_COPY: (state) => {
+      state.copiedTscParam = null
+      sessionStorage.removeItem('tscParam')
+    },
+    // ,
+    // SET_ROUTERS: (state, routers) => {
+    //   state.routers = JSON.parse(JSON.stringify(routers))
+    // }
+    SAVE_BODY_DOM_SIZE: (state, size) => {
+      state.curBodyWidth = size.width
+      state.curBodyHeight = size.height
+    },
+    SAVE_FUNNCTION_LEVEL: (state, FUNC) => {
+      state.FuncSort = FUNC
+    },
+    SET_MENU_VISIBLE: (state, isHideMenu) => {
+      state.hideMenu = isHideMenu
+    },
+    SET_GRAPHIC_MODE: (state, isSwitchGraphicMode) => {
+      state.graphicMode = isSwitchGraphicMode
+    },
+    // SET_ROAD_RIRECTION: (state, DIR) => {
+    //   state.roadDirection = DIR
+    // },
+    SET_CHANNEL_DESC: (state, descmap) => {
+      state.channelDescMap = descmap
+    },
+    CLEAR_MANUAL_PANEL: (state) => {
+      state.tscParam.manualpanel = tscParam.manualpanel
+    },
+    SET_SHOW_GUI: (state, isShowGui) => {
+      state.isShowGui = isShowGui
+    },
+    SET_ISREFRESHTANKUANG: (state, isRefreshTankuang) => {
+      state.isRefreshTankuang = isRefreshTankuang
+    }
+  },
+  actions: {
+    SaveTscParam ({ commit }, data) {
+      commit('SAVE_PARAM', data)
+    },
+    SaveSingleParam ({ commit }, param) {
+      commit('SAVE_SINGLE_PARAM', param)
+    },
+    ResetTscParam ({ commit }) {
+      commit('RESET_PARAM')
+    },
+    SaveCurPath ({ commit }, path) {
+      commit('SAVE_CUR_PATH', path)
+    },
+    SetCopy ({ commit }, data) {
+      commit('SET_COPY', data)
+    },
+    ClearCopy ({ commit }) {
+      commit('CLEAR_COPY')
+    },
+    // GenerateRoutes ({
+    //   commit
+    // }, {curRoutes, noPermission}) {
+    //   // 生成路由(仅支持sidebar一级菜单的隐藏)
+    //   // noPermission: Array 需要隐藏的路由name属性组成的数组
+    //   if (noPermission && noPermission.length) {
+    //     let perRouter = JSON.parse(JSON.stringify(curRoutes))
+    //     noPermission.forEach(noper => {
+    //       getPerRouterMap(perRouter, noper)
+    //     })
+    //     commit('SET_ROUTERS', perRouter)
+    //   } else {
+    //     commit('SET_ROUTERS', curRoutes)
+    //   }
+    // }
+    SaveBodyDomSize ({ commit }, size) {
+      commit('SAVE_BODY_DOM_SIZE', size)
+    },
+    SaveFunctionLevel ({ commit }, FUNC) {
+      commit('SAVE_FUNNCTION_LEVEL', FUNC)
+    },
+    SetMenuVisible ({ commit }, isHideMenu) {
+      commit('SET_MENU_VISIBLE', isHideMenu)
+    },
+    SetGraphicMode ({ commit }, isSwitchGraphicMode) {
+      commit('SET_GRAPHIC_MODE', isSwitchGraphicMode)
+    },
+    // SetRoadDirection ({ commit }, DIR) {
+    //   commit('SET_ROAD_RIRECTION', DIR)
+    // },
+    SetChannelDesc ({ commit }, descmap) {
+      commit('SET_CHANNEL_DESC', descmap)
+    },
+    ClearManualPanel ({ commit }) {
+      commit('CLEAR_MANUAL_PANEL')
+    },
+    SetShowGui ({ commit }, isShowGui) {
+      commit('SET_SHOW_GUI', isShowGui)
+    },
+    SetRefreshTankuang ({ commit }, isRefreshTankuang) {
+      commit('SET_ISREFRESHTANKUANG', isRefreshTankuang)
+    }
+  }
+}
+export default Global

package/src/store/modules/globalParamModel.js

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+const GlobalParamModel = {
+  state: {
+    GlobalParamModeObject: Object,
+    devParams: Object
+  },
+  mutations: {
+    SET_GLOBAL_PARAM_MODEL: (state, obj) => {
+      state.GlobalParamModeObject = obj
+    },
+    SAVE_DEVPARAMS: (state, info) => {
+      state.devParams = info
+    }
+  },
+  actions: {
+    InitGlobalParamModel ({ commit }, obj) {
+      commit('SET_GLOBAL_PARAM_MODEL', obj)
+    },
+    SaveDevParams ({ commit }, info) {
+      commit('SAVE_DEVPARAMS', info)
+    }
+  }
+}
+export default GlobalParamModel

package/src/store/modules/permissionRoutes.js

@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+function getPerRouterMap (routerArr, noper, parent) {
+  for (let per of routerArr) {
+    if (per.name && per.name === noper) {
+      parent.hidden = true
+      break
+    } else if (per.children && per.children.length) {
+      getPerRouterMap(per.children, noper, per)
+    }
+  }
+}
+
+const permissionRoutes = {
+  state: {
+    routers: []
+  },
+  mutations: {
+    SET_ROUTERS: (state, routers) => {
+      state.routers = JSON.parse(JSON.stringify(routers))
+    }
+  },
+  actions: {
+    GenerateRoutes ({
+      commit
+    }, {curRoutes, noPermission}) {
+      // 生成路由(仅支持sidebar一级菜单的隐藏)
+      // noPermission: Array 需要隐藏的路由name属性组成的数组
+      if (noPermission && noPermission.length) {
+        let perRouter = JSON.parse(JSON.stringify(curRoutes))
+        noPermission.forEach(noper => {
+          getPerRouterMap(perRouter, noper)
+        })
+        commit('SET_ROUTERS', perRouter)
+      } else {
+        commit('SET_ROUTERS', curRoutes)
+      }
+    }
+  }
+}
+export default permissionRoutes

package/src/store/modules/saveAgent.js

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+import { getIframdevid } from '../../utils/auth'
+const Agent = {
+  state: {
+    agentid: getIframdevid(),
+    controlmode: '0'
+  },
+  mutations: {
+    SAVE_AGENTID: (state, id) => {
+      state.agentid = id
+    },
+    SAVE_CONTROLMODE: (state, mode) => {
+      state.controlmode = mode
+    }
+  },
+  actions: {
+    SaveAgentId ({ commit }, id) {
+      commit('SAVE_AGENTID', id)
+    },
+    SaveContromode ({ commit }, mode) {
+      commit('SAVE_CONTROLMODE', mode)
+    }
+  }
+}
+export default Agent