目录结构

├── public # 静态资源 │ │── libs # 引入的文件 │ │── favicon.ico # favicon图标 │ └── index.html # html模板 ├── src # 源代码 │ ├── api # 所有请求 │ ├── assets # 主题 字体等静态资源 │ ├── components # 全局公用组件 ├── Main # 组件 ├── Main # 桌面元应用列表 ├── Program # 单个元应用显示组件 └── Task # 任务栏 ├── AChart # 图表组件 ├── Footer # 桌面底部标识组件 └── WindowModel # 应用弹窗组件 │ ├── directive # 全局指令 │ ├── filters # 全局 filter │ ├── icons # 项目所有 svg icons │ ├── lang # 国际化 language │ ├── mixin # 混入 │ ├── layout # 桌面布局 │ ├── mock # 假数据 │ ├── my-components # 自定义公用组件 │ ├── router # 路由 └── builtInPage.js # 系统内置页面地址 │ ├── store # 全局 store管理 │ ├── styles # 全局样式 ├── element-variables # element样式 └── global # 全局样式 │ ├── utils # 全局公用方法 │ ├── views # views 所有页面 ├── component # 不需要弹窗的组件 ├── application.vue # 应用中心 ├── download.vue # 下载 └── index.js # 遍历当前文件下的vue文件，便于组件引入 ├── component-model # 需要弹窗的组件 ├── controlPanel.vue # 控制面板 ├── note.vue # 个人中心 └── index.js
├── component-utils # 工具组件 ├── TipModal.vue # 提示框信息 └── ├── control-panel # 控制面板中的组件 ├── manage-setting.vue # 管理设置 ├── service-governance.vue # 服务治理 ├── system-setting.vue # 系统设置 ├── log-manage.vue # 日志管理 └── index.js
├── plug # 插件 ├── weatherTime.vue # 时间天气 └── index.js
│ ├── App.vue # 入口页面 │ └── main.js # 入口文件 加载组件 初始化等 ├── vue.config.js # vue-cli 配置 └── package.json # package.json

注意事项

1.animate使用动画需要定时器关闭

组件使用

1.提示框信息 obj: { type: 'success', // success、error、warning 必填 show: true // 显示隐藏 tipTitle: '', // 内容标题 tipContent: [], // 内容 可多条 title: '', // 弹窗标题 可不填 width: 0, // 弹窗宽度 可不填 height: 0, // 弹窗高度 可不填 } this.$store.commit("control/SET_TIP", obj);

2.人员部门组件

组件需要的数据

配置：
config: {
    deptId: 127,
    BASE_URL: "http://122.112.176.253:9822/beehive",
    isRadio: 1, // 0单选 1 多选
  },
回显的数据：
list: [],

页面显示

人员：
let userObj = {
  requestConfig: { // 请求配置
    containChild: 1, // 是否包含子部门(1.是,0.否)
    deptId: "1519944371691061249",
  },
  api: '', // 请求api
  BASE_URL: '', // 请求接口
  isRadio: 1, // 0单选 1 多选
  echoList: [], // 回显数据
};
this.$store.commit("userOrDept/SET_CONFIG", userObj);
this.$store.commit("userOrDept/SHOW_PAGE", 'OsUser');

部门：
let userObj = {
  requestConfig: { // 请求配置
  },
  isRadio: 1, // 0单选 1 多选
};
this.$store.commit("userOrDept/SET_CONFIG", userObj);
this.$store.commit("userOrDept/SHOW_PAGE", 'OsDept');

人员部门：
let userObj = {
  requestConfig: { // 请求配置
    containChild: 1, // 是否包含子部门(1.是,0.否)
    deptId: "1519944371691061249",
  },
  isRadio: 1, // 0单选 1 多选
};
this.$store.commit("userOrDept/SET_CONFIG", userObj);
this.$store.commit("userOrDept/SHOW_PAGE", 'OsUserOrDept');

数据

人员：this.$store.state.userOrDept.userList
部门：this.$store.state.userOrDept.deptList
人员部门：this.$store.state.userOrDept.userOrDeptList

sass使用

@extend 继承 @include 混入指令（可带参数使用）

启动项目

配置环境

npm install

运行启动项目

npm run dev

打包项目

yarn build

# 
# 2.0.0版本更新摘要
##### 新增桌面墙纸小工具
1. 由于本系统壁纸使用的是网络免费图床保存，响应速度相对较慢，请耐心等待。
2. 本系统免费提供了5种壁纸，通过调用接口获取，可自行修改。

# 

# 项目技术栈
###### vue 2.6
###### element-ui 1.13.0
###### iview 4.3.2
###### vue-context-menu 1.0.2
###### mockjs 1.1.0
###### vuex	3.1.2
###### axios 0.19.0
###### echarts