update

.cz-config.js

@@ -0,0 +1,31 @@
+module.exports = {
+  types: [
+    { value: 'feat', name: 'feat:     新功能' },
+    { value: 'fix', name: 'fix:      修复' },
+    { value: 'docs', name: 'docs:     文档变更' },
+    { value: 'style', name: 'style:    代码格式(不影响代码运行的变动)' },
+    { value: 'refactor', name: 'refactor: 重构(既不是增加feature，也不是修复bug)' },
+    { value: 'perf', name: 'perf:     性能优化' },
+    { value: 'test', name: 'test:     增加测试' },
+    { value: 'chore', name: 'chore:    构建过程或辅助工具的变动' },
+    { value: 'revert', name: 'revert:   回退' },
+    { value: 'build', name: 'build:    打包' },
+  ],
+  // override the messages, defaults are as follows
+  messages: {
+    type: '请选择提交类型:',
+    // scope: '请输入文件修改范围(可选):',
+    // used if allowCustomScopes is true
+    customScope: '请输入修改范围(可选):',
+    subject: '请简要描述提交(必填):',
+    body: '请输入详细描述(可选，待优化去除，跳过即可):',
+    // breaking: 'List any BREAKING CHANGES (optional):\n',
+    footer: '请输入要关闭的issue(待优化去除，跳过即可):',
+    confirmCommit: '确认使用以上信息提交？(y/n/e/h)',
+  },
+  allowCustomScopes: true,
+  // allowBreakingChanges: ['feat', 'fix'],
+  skipQuestions: ['body', 'footer'],
+  // limit subject length, commitlint默认是72
+  subjectLimit: 72,
+};

.dockerignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+**/node_modules
+/src/utils/request-temp.js
+
+# production
+/.vscode
+
+# misc
+.DS_Store
+npm-debug.log*
+yarn-error.log
+
+/coverage
+.idea
+yarn.lock
+package-lock.json
+*bak
+.vscode
+
+# visual studio code
+.history
+*.log
+
+functions/mock
+.temp/**
+
+# umi
+.umi
+.umi-production
+
+# screenshot
+screenshot
+.firebase

.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

.eslintignore

@@ -0,0 +1,4 @@
+/lambda/
+/scripts
+/config
+.history

.eslintrc

@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    "react-hooks"
+  ],
+  "rules": {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
+  }
+}

.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  extends: [require.resolve('@umijs/fabric/dist/eslint')],
+  globals: {
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true,
+    page: true,
+    REACT_APP_ENV: true,
+  },
+};

.gitignore

@@ -0,0 +1,43 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+**/node_modules
+# roadhog-api-doc ignore
+/src/utils/request-temp.js
+_roadhog-api-doc
+
+# production
+/dist
+/.vscode
+
+# misc
+.DS_Store
+npm-debug.log*
+yarn-error.log
+
+/coverage
+.idea
+yarn.lock
+package-lock.json
+*bak
+.vscode
+
+# visual studio code
+.history
+*.log
+functions/*
+.temp/**
+
+# umi
+.umi
+.umi-production
+
+# screenshot
+screenshot
+.firebase
+.eslintcache
+
+build
+
+# 配置文件
+.config/proxy.ts

.gitpod.yml

@@ -0,0 +1,6 @@
+ports:
+  - port: 8000
+    onOpen: open-preview
+tasks:
+  - init: npm install
+    command: npm start

.prettierignore

@@ -0,0 +1,20 @@
+**/*.svg
+package.json
+.umi
+.umi-production
+/dist
+.dockerignore
+.DS_Store
+.eslintignore
+*.png
+*.toml
+docker
+.editorconfig
+Dockerfile*
+.gitignore
+.prettierignore
+LICENSE
+.eslintcache
+*.lock
+yarn-error.log
+.history

.prettierrc.js

@@ -0,0 +1,5 @@
+const fabric = require('@umijs/fabric');
+
+module.exports = {
+  ...fabric.prettier,
+};

.stylelintrc.js

@@ -0,0 +1,5 @@
+const fabric = require('@umijs/fabric');
+
+module.exports = {
+  ...fabric.stylelint,
+};

CHANGELOG.md

@@ -0,0 +1,150 @@
+# [1.7.0](https://github.com/jetlinks/jetlinks-ui-antd/compare/1.4.0...1.7.0) (2020-12-02)
+
+
+### Bug Fixes
+
+* **场景联动、规则实例:** 合并1.7代码 ([ea42d9f](https://github.com/jetlinks/jetlinks-ui-antd/commit/ea42d9ffd5916423e019e5046e0feced7eb70b2c))
+* **大屏可视化:** 可视化菜单 ([1d3892b](https://github.com/jetlinks/jetlinks-ui-antd/commit/1d3892b753a9a4453a1a3462a9e3e45037287492))
+* **多租户:** 租户首页分析页面 ([5921383](https://github.com/jetlinks/jetlinks-ui-antd/commit/5921383e963198f105735b6f012222ac0bed1282))
+* **构建:** 镜像构建 ([0f99498](https://github.com/jetlinks/jetlinks-ui-antd/commit/0f99498e5749fabac8ffe8fc399c97c99f07f7ab))
+* **规则实例:** 场景联动查看 ([5a4b0ce](https://github.com/jetlinks/jetlinks-ui-antd/commit/5a4b0ceecb37b6e9706d3f63dc1ad17efed0d2a5))
+* **恢复proxy:** 恢复默认 ([bb86603](https://github.com/jetlinks/jetlinks-ui-antd/commit/bb8660337fa4b1c6e4a89f392743486cab3063ad))
+* **可视化:** 视频播放器 ([6cfe647](https://github.com/jetlinks/jetlinks-ui-antd/commit/6cfe647a1eca8e929550c040aa7786d06079b91a)), closes [#194](https://github.com/jetlinks/jetlinks-ui-antd/issues/194)
+* **可视化:** 视频组件 ([e7d319b](https://github.com/jetlinks/jetlinks-ui-antd/commit/e7d319b5f72d0a409043a73da31991ef9eacdeb2)), closes [#194](https://github.com/jetlinks/jetlinks-ui-antd/issues/194)
+* **权限控制:** 不通过登录方式进入系统时权限问题 ([d6b8a8a](https://github.com/jetlinks/jetlinks-ui-antd/commit/d6b8a8aba1c3540f94871905bdb950ede885f2b3))
+* **权限控制:** 增加duerOS权限 ([afaf186](https://github.com/jetlinks/jetlinks-ui-antd/commit/afaf186ecfe098fd684acb43f72854d199798f8b))
+* **权限信息:** 处理hsweb-autz值为undefined是无法进入系统 ([0a6eb75](https://github.com/jetlinks/jetlinks-ui-antd/commit/0a6eb7559563d87846e484860bc6ff07e7331ce6))
+* **设备分组:** 设备分组 ([84e6b9b](https://github.com/jetlinks/jetlinks-ui-antd/commit/84e6b9b7cc24e7720acec40efcd19de2981fd613))
+* **设备分组:** 设备分组接口错误处理 ([15a93f6](https://github.com/jetlinks/jetlinks-ui-antd/commit/15a93f666cccf4901ec199a9648663407e357995)), closes [#214](https://github.com/jetlinks/jetlinks-ui-antd/issues/214)
+* **设备分组:** 优化树形设备分组展示 ([305ec82](https://github.com/jetlinks/jetlinks-ui-antd/commit/305ec82a7e24e3bd86d5983088299c7be4d8ee7d)), closes [#214](https://github.com/jetlinks/jetlinks-ui-antd/issues/214)
+* **设备分组:** 重构设备分组功能 ([1b8d8f2](https://github.com/jetlinks/jetlinks-ui-antd/commit/1b8d8f2e881ffa9e704a2a698044bd84c527a73b))
+* **设备管理:** 产品管理 ([95de8df](https://github.com/jetlinks/jetlinks-ui-antd/commit/95de8dfe53451e0a70e31b791cf9ba9c54e926e0))
+* **设备管理:** 产品物模型 ([aba61b4](https://github.com/jetlinks/jetlinks-ui-antd/commit/aba61b479fa7e4ffad2df8b12523773a50cfbdb8))
+* **设备管理:** 产品物模型 ([59e7579](https://github.com/jetlinks/jetlinks-ui-antd/commit/59e757909b8b2ba607b9c5fea7d03256add9b931))
+* **设备管理:** 产品物模型：标签优化 ([372cc60](https://github.com/jetlinks/jetlinks-ui-antd/commit/372cc60c50966fe59e45d3fdecaca8ce1fde1ce1))
+* **设备管理:** 设备产品 ([7aade52](https://github.com/jetlinks/jetlinks-ui-antd/commit/7aade52be66716221364a4643c92a8d905357553))
+* **设备管理:** 设备告警中，点击处理无反应 ([c1a50c9](https://github.com/jetlinks/jetlinks-ui-antd/commit/c1a50c967bda0d4b107eef4bad842d7fc3ebbbb6))
+* **设备管理:** 物模型优化 ([3805452](https://github.com/jetlinks/jetlinks-ui-antd/commit/38054521435e9b3ef26d07f46095dab56e51f1ac))
+* **设备管理:** 运行状态 ([3d4b3f1](https://github.com/jetlinks/jetlinks-ui-antd/commit/3d4b3f1ea3b24b8cd66c20f8a44e8f13e626e030)), closes [#198](https://github.com/jetlinks/jetlinks-ui-antd/issues/198)
+* **设备模拟器:** 接入方式调整 ([79d4e43](https://github.com/jetlinks/jetlinks-ui-antd/commit/79d4e43a53223e8cf64eb03f5c80ee0eebba324e)), closes [#212](https://github.com/jetlinks/jetlinks-ui-antd/issues/212)
+* **设备模拟器:** 连接时间分布图标优化 ([f7f8628](https://github.com/jetlinks/jetlinks-ui-antd/commit/f7f86281d385eed8b242fc859ef2c57cca691518))
+* **系统日志:** 日志级别多选查询条件 ([00aebe8](https://github.com/jetlinks/jetlinks-ui-antd/commit/00aebe8f53d3e1ebaf687ef0935eba152a4a625e))
+* **系统日志:** 日志级别多选查询条件错误 ([827de3e](https://github.com/jetlinks/jetlinks-ui-antd/commit/827de3ed4e50c6e3242b2577b01594225d055a2f))
+* **用户登录:** 修复用户登录 ([bef4df5](https://github.com/jetlinks/jetlinks-ui-antd/commit/bef4df54750056336ed0cd6f886d65ed11da72d8))
+* **用户信息:** 修改用户信息存储方式 ([65c6a0f](https://github.com/jetlinks/jetlinks-ui-antd/commit/65c6a0f51f26ac08dfdc498f6ea3b02ed09b609a))
+* **云云对接:** duerOS ([b08f99a](https://github.com/jetlinks/jetlinks-ui-antd/commit/b08f99a161e2b7142cb5a26a458fb232a80f7c99))
+* **云云对接:** duerOS ([e05e62b](https://github.com/jetlinks/jetlinks-ui-antd/commit/e05e62bbc175ff0a9cbdd30e0d6bdd57da91da0a))
+* **云云对接:** duerOS ([cd1c9b8](https://github.com/jetlinks/jetlinks-ui-antd/commit/cd1c9b8976dda7256e8d19a194139b024fde1629))
+* **云云对接:** duerOS 编辑 ([6f1e06c](https://github.com/jetlinks/jetlinks-ui-antd/commit/6f1e06c43264a8a34f5933bc5e80a9c6e3597b3b))
+* **芸芸对接:** duerOS ([bcc30d8](https://github.com/jetlinks/jetlinks-ui-antd/commit/bcc30d888f731fc5832de004e5502790621dcb3f))
+* **dueros:** 编辑数据 ([1cc9698](https://github.com/jetlinks/jetlinks-ui-antd/commit/1cc96983282bf0db320a12cc5d3a7ab4be42bdc4))
+* 大屏管理请求路径 ([2e4069e](https://github.com/jetlinks/jetlinks-ui-antd/commit/2e4069eed5cc256f55769b0141abda00e1b05a3b))
+* 大屏管理中新建时选择分类 ([e744bdb](https://github.com/jetlinks/jetlinks-ui-antd/commit/e744bdbcd6b28b51f8026b51d5de866e7cc34ea8))
+* **产品管理:** 数据存储策略 ([f4fbf58](https://github.com/jetlinks/jetlinks-ui-antd/commit/f4fbf589cb52b42d957c819db92db787738357ab)), closes [#204](https://github.com/jetlinks/jetlinks-ui-antd/issues/204)
+* **产品管理:** 添加产品时增加数据存储策略字段 ([c5ab328](https://github.com/jetlinks/jetlinks-ui-antd/commit/c5ab32818e4b95c4cf0c83ebaa5936308601c79a)), closes [#204](https://github.com/jetlinks/jetlinks-ui-antd/issues/204)
+* **多租户:** 多租户资产绑定 ([f54fae9](https://github.com/jetlinks/jetlinks-ui-antd/commit/f54fae951b988a2173034a9e02c1333b344d46df)), closes [#208](https://github.com/jetlinks/jetlinks-ui-antd/issues/208)
+* **角色管理:** 角色管理查询条件优化 ([22f9727](https://github.com/jetlinks/jetlinks-ui-antd/commit/22f97270664fa32acdd261dc3c98106ccc707ffd)), closes [#202](https://github.com/jetlinks/jetlinks-ui-antd/issues/202)
+* **可视化:** 集成VideoJs ([ccfe50d](https://github.com/jetlinks/jetlinks-ui-antd/commit/ccfe50df7c850c7af0033445df9b89fc8e53c129)), closes [#194](https://github.com/jetlinks/jetlinks-ui-antd/issues/194)
+* **可视化:** 设备详情中可视化图表日期显示问题 ([4a2d902](https://github.com/jetlinks/jetlinks-ui-antd/commit/4a2d902411539ae38afd105164302269bfc4ef60)), closes [#175](https://github.com/jetlinks/jetlinks-ui-antd/issues/175)
+* **可视化:** 视频操作 ([6866232](https://github.com/jetlinks/jetlinks-ui-antd/commit/6866232a51cb03f0a033f3553539b1061b7a8bff)), closes [#194](https://github.com/jetlinks/jetlinks-ui-antd/issues/194)
+* **模拟测试:** 设备模拟器保存 ([5126029](https://github.com/jetlinks/jetlinks-ui-antd/commit/512602952a9fb2b20b0e493ac7b5ef5d79b018ae))
+* **模拟测试:** 添加模拟器 ([0b73773](https://github.com/jetlinks/jetlinks-ui-antd/commit/0b737733f0e00438325c2dcc60d1280f579db28b)), closes [#212](https://github.com/jetlinks/jetlinks-ui-antd/issues/212)
+* **模拟测试:** 添加模拟器 ([11a94f8](https://github.com/jetlinks/jetlinks-ui-antd/commit/11a94f8cdd5e8982ba8ce5f2f772fe745bc87e4e)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **权限信息:** 登录成功后菜单渲染逻辑优化 ([4d69547](https://github.com/jetlinks/jetlinks-ui-antd/commit/4d695479b5b43f33dd53df57c06f7b638e4b15bb)), closes [#211](https://github.com/jetlinks/jetlinks-ui-antd/issues/211)
+* **设备管理:** 编辑产品时增加数据存储策略字段 ([51b0642](https://github.com/jetlinks/jetlinks-ui-antd/commit/51b0642fe56e7bcf72ca0701930769deee5feb4f)), closes [#204](https://github.com/jetlinks/jetlinks-ui-antd/issues/204)
+* **设备管理:** 设备管理->运行状态属性类型错误 ([b449167](https://github.com/jetlinks/jetlinks-ui-antd/commit/b44916729dcde092415b43a79e8c4e6548ac1c07)), closes [#198](https://github.com/jetlinks/jetlinks-ui-antd/issues/198)
+* **设备管理:** 运行状态，不满15条记录时不做删除操作 ([594013c](https://github.com/jetlinks/jetlinks-ui-antd/commit/594013c475f94c72ca3a3e75c71ac97be69e18f2)), closes [#188](https://github.com/jetlinks/jetlinks-ui-antd/issues/188)
+* **设备模拟器:** 权限控制 ([c897400](https://github.com/jetlinks/jetlinks-ui-antd/commit/c8974005d6dc6533ea3b10769c9b88cf9f3146cd)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **设备模拟器:** 设备模拟器详情 ([1c85cd8](https://github.com/jetlinks/jetlinks-ui-antd/commit/1c85cd847bb1185e48b8610bbbfb30899870112c)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **设备模拟器:** 设备模拟器详情界面 ([fac5b6d](https://github.com/jetlinks/jetlinks-ui-antd/commit/fac5b6d972accef95a5a0b04ad55ea3a2e43d02d)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203) [#212](https://github.com/jetlinks/jetlinks-ui-antd/issues/212)
+* **设备模拟器:** 设备模拟器优化 ([3019183](https://github.com/jetlinks/jetlinks-ui-antd/commit/301918307f9efbf4127853a019fe1628f7f23bf7)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **设备模拟器:** 设备模拟器优化 ([9232c32](https://github.com/jetlinks/jetlinks-ui-antd/commit/9232c3247fca3f529c6999d8c0f2b9b52089e784)), closes [#212](https://github.com/jetlinks/jetlinks-ui-antd/issues/212)
+* **数据转发:** 数据转发导入 ([f5e86f5](https://github.com/jetlinks/jetlinks-ui-antd/commit/f5e86f5a5c248da8d7e734da67077571208ea739)), closes [#195](https://github.com/jetlinks/jetlinks-ui-antd/issues/195)
+* **通知管理:** 通知管理菜单权限 ([18c4a0f](https://github.com/jetlinks/jetlinks-ui-antd/commit/18c4a0f85aea3abb4873045e039cfd0253e2075a))
+* **通知配置:** 通知配置保存 ([1a82b5b](https://github.com/jetlinks/jetlinks-ui-antd/commit/1a82b5b6a7ba590560da0ff7532a91d11021517d)), closes [#201](https://github.com/jetlinks/jetlinks-ui-antd/issues/201)
+* **通知配置:** 邮件配置编辑错误 ([d30c46a](https://github.com/jetlinks/jetlinks-ui-antd/commit/d30c46afc2d56563befb3c21132c26c47dd0728c)), closes [#201](https://github.com/jetlinks/jetlinks-ui-antd/issues/201)
+* **统计分析:** 进入设备消息量 ([35f0d2f](https://github.com/jetlinks/jetlinks-ui-antd/commit/35f0d2f4240dee5694ccfda837b8f35d9975feb0)), closes [#192](https://github.com/jetlinks/jetlinks-ui-antd/issues/192)
+* **统计分析:** 设备消息量日期选择 ([ba54421](https://github.com/jetlinks/jetlinks-ui-antd/commit/ba544213c50ee9ae4774baee5d8c2a384be80464)), closes [#192](https://github.com/jetlinks/jetlinks-ui-antd/issues/192)
+* **网络组件:** 取消网络组建下载按钮 ([e65d5dd](https://github.com/jetlinks/jetlinks-ui-antd/commit/e65d5dd8656d31a3038d98005a7b7587d751ce10)), closes [#193](https://github.com/jetlinks/jetlinks-ui-antd/issues/193)
+* **用户登录:** 登录优化 ([494f1fe](https://github.com/jetlinks/jetlinks-ui-antd/commit/494f1fe7e91313a9a3051355eb9419657f937d6f)), closes [#206](https://github.com/jetlinks/jetlinks-ui-antd/issues/206)
+* **用户登录:** 判断URL参数 ([46f1161](https://github.com/jetlinks/jetlinks-ui-antd/commit/46f11614db55abe0e9b9cc4322df7da3a141ecf9)), closes [#211](https://github.com/jetlinks/jetlinks-ui-antd/issues/211)
+* **用户登录:** 权限缓存问题 ([e91d298](https://github.com/jetlinks/jetlinks-ui-antd/commit/e91d298651fc71d591f0c22ca3e901d570b604c8)), closes [#211](https://github.com/jetlinks/jetlinks-ui-antd/issues/211)
+* **用户登录:** 权限缓存优化 ([3f67b1d](https://github.com/jetlinks/jetlinks-ui-antd/commit/3f67b1d7d7302a2592c6a2ca3c71cff21fe31c92)), closes [#211](https://github.com/jetlinks/jetlinks-ui-antd/issues/211)
+* **用户登录:** 权限设置 ([047296f](https://github.com/jetlinks/jetlinks-ui-antd/commit/047296ff952cab41c85a5512f3e9f152441c4bdd))
+* **用户登录:** 授权管理 ([0f8a7d6](https://github.com/jetlinks/jetlinks-ui-antd/commit/0f8a7d64afed58ffd0ca553db364790299d6f0ec)), closes [#211](https://github.com/jetlinks/jetlinks-ui-antd/issues/211)
+* **用户登录:** 验证码优化 ([fb12171](https://github.com/jetlinks/jetlinks-ui-antd/commit/fb12171237e879fbf68d3c43eb340efc97152325)), closes [#205](https://github.com/jetlinks/jetlinks-ui-antd/issues/205)
+* **用户登录:** 用户登录验证码判断 ([29d2b30](https://github.com/jetlinks/jetlinks-ui-antd/commit/29d2b30883f60f35e288f3dedba82cf40c5e61e7)), closes [#210](https://github.com/jetlinks/jetlinks-ui-antd/issues/210)
+* **用户登录:** 用户登录重定向问题 ([d4426f5](https://github.com/jetlinks/jetlinks-ui-antd/commit/d4426f5a9d3700ef6dfbfa41243ae67539b4cee5))
+* **运行状态:** 查看详情时如果时对象则格式化 ([f63bfc8](https://github.com/jetlinks/jetlinks-ui-antd/commit/f63bfc8d9b5e0965e3709fea2c9a8fed7a208080)), closes [#200](https://github.com/jetlinks/jetlinks-ui-antd/issues/200)
+* **租户管理:** 租户端资产、成员管理 ([85f5b40](https://github.com/jetlinks/jetlinks-ui-antd/commit/85f5b40a8f3312e41ba9a3b25c4a87e01ac4b153)), closes [#209](https://github.com/jetlinks/jetlinks-ui-antd/issues/209)
+
+
+### Features
+
+* **规则引擎:** 场景联动 ([52c5dbe](https://github.com/jetlinks/jetlinks-ui-antd/commit/52c5dbe4e582c6afce3800e0672cc330c2cc566d))
+* **可视化:** 可视化，集成视频组件。 ([ee5a304](https://github.com/jetlinks/jetlinks-ui-antd/commit/ee5a3045b22be73003758ed64de8bacbdc9302af)), closes [#194](https://github.com/jetlinks/jetlinks-ui-antd/issues/194)
+* **可视化:** 视频组件 ([4263e49](https://github.com/jetlinks/jetlinks-ui-antd/commit/4263e49fec9e628a113bae84cada19403f854d26)), closes [#194](https://github.com/jetlinks/jetlinks-ui-antd/issues/194)
+* **模拟测试:** 设备模拟器 ([a2982c6](https://github.com/jetlinks/jetlinks-ui-antd/commit/a2982c6ecce1993f3d444caa8547d04bbaafa8fa)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **模拟测试:** 设备模拟器 ([d249d11](https://github.com/jetlinks/jetlinks-ui-antd/commit/d249d11278c0cccc4618933f3380e57f34ca2bc1)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **模拟测试:** 设备模拟器：设备调试 ([280f09e](https://github.com/jetlinks/jetlinks-ui-antd/commit/280f09e543d6b99e89495564e6a484d1c8d1a4d6))
+* **模拟测试:** 设备模拟器菜单 ([fd752ff](https://github.com/jetlinks/jetlinks-ui-antd/commit/fd752ffe86e39cf8fd45a6009f7359060ebd7436)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **设备分组:** 设备分组 ([711d8a5](https://github.com/jetlinks/jetlinks-ui-antd/commit/711d8a51aeae13ed6e7ae32ebd9ebe930f685b1e)), closes [#214](https://github.com/jetlinks/jetlinks-ui-antd/issues/214)
+* **设备分组:** 设备分组优化 ([60ffd5b](https://github.com/jetlinks/jetlinks-ui-antd/commit/60ffd5b7cdfd541feab5ed9b47db8418e602a55b))
+* **设备分组:** 设备分组重构 ([6bf552e](https://github.com/jetlinks/jetlinks-ui-antd/commit/6bf552ea9b1933232ef4902683421ab7bdfe5a5e)), closes [#214](https://github.com/jetlinks/jetlinks-ui-antd/issues/214)
+* **设备管理:** 设备告警 ([267e962](https://github.com/jetlinks/jetlinks-ui-antd/commit/267e962359db4d97aeeaabcb9be919fa9294741f))
+* **设备模拟器:** 模拟器基础功能 ([3545663](https://github.com/jetlinks/jetlinks-ui-antd/commit/354566359e2daa27757510ac228424ac09ce0d71)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **设备模拟器:** 设备模拟器 ([4d89d9a](https://github.com/jetlinks/jetlinks-ui-antd/commit/4d89d9a751c76f32abc498a639bc85ea79c5d04c)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+* **设备模拟器:** 添加设备模拟器 ([cf0c45f](https://github.com/jetlinks/jetlinks-ui-antd/commit/cf0c45fb9e33bdbff1196416b10e88aa223cf858)), closes [#203](https://github.com/jetlinks/jetlinks-ui-antd/issues/203)
+
+
+
+# [1.5.0](https://github.com/jetlinks/jetlinks-ui-antd/compare/1.4.0...1.5.0) (2020-09-02)
+
+
+
+# [1.3.0](https://github.com/jetlinks/jetlinks-ui-antd/compare/1.2.0...1.3.0) (2020-07-13)
+
+
+### Bug Fixes
+
+* **测试commit:** 测试关闭[#89](https://github.com/jetlinks/jetlinks-ui-antd/issues/89) ISSUE ([2c9f6fc](https://github.com/jetlinks/jetlinks-ui-antd/commit/2c9f6fcc3a879c80bb801702a0749f546d23aa36)), closes [#79](https://github.com/jetlinks/jetlinks-ui-antd/issues/79)
+* **测试commit:** 测试关闭issue [#79](https://github.com/jetlinks/jetlinks-ui-antd/issues/79) ([92c60bf](https://github.com/jetlinks/jetlinks-ui-antd/commit/92c60bf464de03a934c3b896bd684eda9968fe75))
+* **多租户:** 多租户菜单不显示 ([4e7ce19](https://github.com/jetlinks/jetlinks-ui-antd/commit/4e7ce19b81ff9bcf9c920705a645dec989704a35)), closes [#93](https://github.com/jetlinks/jetlinks-ui-antd/issues/93)
+* **多租户:** 多租户产品资产优化 ([8bc589d](https://github.com/jetlinks/jetlinks-ui-antd/commit/8bc589d24f3182b8ff8001084b29f34071b217e2)), closes [#81](https://github.com/jetlinks/jetlinks-ui-antd/issues/81)
+* **多租户:** 多租户成员管理 ([c7ffcc8](https://github.com/jetlinks/jetlinks-ui-antd/commit/c7ffcc88f7a11c63d8b7f0654718b6ef2beb21da))
+* **多租户:** 多租户成员管理 ([170b6c2](https://github.com/jetlinks/jetlinks-ui-antd/commit/170b6c2bca8880a5cb46ba932848d6be8abbc66d))
+* **多租户:** 多租户设备资产优化 ([b13f7a0](https://github.com/jetlinks/jetlinks-ui-antd/commit/b13f7a0130a626d61a76e5af0cb9774dd50b47c2)), closes [#81](https://github.com/jetlinks/jetlinks-ui-antd/issues/81)
+* **多租户:** 多租户添加资产优化 ([6372695](https://github.com/jetlinks/jetlinks-ui-antd/commit/637269532485257ad593f0bf5bf22e8e4efe1ac7)), closes [#68](https://github.com/jetlinks/jetlinks-ui-antd/issues/68)
+* **多租户:** 多租户协议资产管理 ([52adba9](https://github.com/jetlinks/jetlinks-ui-antd/commit/52adba9008a599820d9bab2db614430e6926be12)), closes [#81](https://github.com/jetlinks/jetlinks-ui-antd/issues/81)
+* **多租户:** 多租户优化 ([d8bed93](https://github.com/jetlinks/jetlinks-ui-antd/commit/d8bed93fdc62efd616f3c8f4a23b606505c3f082))
+* **多租户:** 多租户优化 ([dc49942](https://github.com/jetlinks/jetlinks-ui-antd/commit/dc49942b3d319763bc609dad95554a72ba1c4f02))
+* **多租户:** 多租户优化 ([46b67f4](https://github.com/jetlinks/jetlinks-ui-antd/commit/46b67f4202e5f8f228a381f1e852440691376831))
+* **多租户:** 多租户资产管理 ([b84e115](https://github.com/jetlinks/jetlinks-ui-antd/commit/b84e115d18f905eb72bf091d6b25d3630b6c2db3)), closes [#108](https://github.com/jetlinks/jetlinks-ui-antd/issues/108) [#109](https://github.com/jetlinks/jetlinks-ui-antd/issues/109)
+* **多租户:** 多租户资产信息 ([633d51c](https://github.com/jetlinks/jetlinks-ui-antd/commit/633d51c5893e8928b9e948aef1e4dee77f0edcb7))
+* **多租户:** 资产信息 ([f9680d3](https://github.com/jetlinks/jetlinks-ui-antd/commit/f9680d3c8ad7dad58d153b46395d1ca7312042a5))
+* **多租户:** 租户列表查看无权限 ([f9be0b7](https://github.com/jetlinks/jetlinks-ui-antd/commit/f9be0b7603a5116c1a09fc258a91019e6425eac0)), closes [#91](https://github.com/jetlinks/jetlinks-ui-antd/issues/91)
+* **机构管理:** 机构管理树表格无法显示 ([616f787](https://github.com/jetlinks/jetlinks-ui-antd/commit/616f787853174cea87f3a716adff1353dd63f27c)), closes [#69](https://github.com/jetlinks/jetlinks-ui-antd/issues/69)
+* **日志管理:** 日志管理默认排序 ([0cb31e0](https://github.com/jetlinks/jetlinks-ui-antd/commit/0cb31e04a295a4a61791584b0ee66aa53c37aacb)), closes [#103](https://github.com/jetlinks/jetlinks-ui-antd/issues/103)
+* **设备网关:** 修复设备网关协议路由BUG ([b8b1988](https://github.com/jetlinks/jetlinks-ui-antd/commit/b8b1988b35b8ace9e6f590e9a172a55b49729e61)), closes [#85](https://github.com/jetlinks/jetlinks-ui-antd/issues/85)
+* **授权:** 隐藏授权界面的数据权限设置按钮 ([2e6f743](https://github.com/jetlinks/jetlinks-ui-antd/commit/2e6f743d5cfa7451efffbb60edc974b72d612844)), closes [#82](https://github.com/jetlinks/jetlinks-ui-antd/issues/82)
+* **授权:** openapi授权功能 ([a3b6efe](https://github.com/jetlinks/jetlinks-ui-antd/commit/a3b6efe17e16804a83aa68659fa9c8eaed184626)), closes [#83](https://github.com/jetlinks/jetlinks-ui-antd/issues/83)
+* **系统配置:** 系统配置优化 ([9dc605c](https://github.com/jetlinks/jetlinks-ui-antd/commit/9dc605ce98f2c2de6b965136e29b8491d18ce9bb))
+* **用户登录:** 用户登录错误 ([2963fea](https://github.com/jetlinks/jetlinks-ui-antd/commit/2963fea0ac462b0cb5fb34b0a5b0cd2c78ead6ec)), closes [#90](https://github.com/jetlinks/jetlinks-ui-antd/issues/90)
+* **用户登录:** 用户登录UI错误 ([2707d03](https://github.com/jetlinks/jetlinks-ui-antd/commit/2707d034ad632776f38eb817eaf3d4111f1efeff)), closes [#90](https://github.com/jetlinks/jetlinks-ui-antd/issues/90)
+* **证书管理:** 上传CA证书 ([4656d06](https://github.com/jetlinks/jetlinks-ui-antd/commit/4656d062e8a18a9a90891a5251be42057f0ddf39)), closes [#101](https://github.com/jetlinks/jetlinks-ui-antd/issues/101)
+
+
+### Features
+
+* **版本区分:** 测试关联其他仓库ISSUE ([e75f3dc](https://github.com/jetlinks/jetlinks-ui-antd/commit/e75f3dc0e0708be6572001c0b118b0ba0fbc7ff9)), closes [jetlinks/jetlinks-pro#71](https://github.com/jetlinks/jetlinks-pro/issues/71)
+* **版本区分:** 区分各版本菜单 ([18814ac](https://github.com/jetlinks/jetlinks-ui-antd/commit/18814ac0480c799d49d856b5c1c175a46b9ff557)), closes [jetlink/jetlinks-pro#71](https://github.com/jetlink/jetlinks-pro/issues/71)
+* **菜单图标:** 更换菜单图标 ([f2acdfd](https://github.com/jetlinks/jetlinks-ui-antd/commit/f2acdfd332319faf3eade0a264a267d5d7b41c82)), closes [#96](https://github.com/jetlinks/jetlinks-ui-antd/issues/96)
+* **多租户:** 多租户资产解绑 ([5392b50](https://github.com/jetlinks/jetlinks-ui-antd/commit/5392b504409111f819191427d52709d72bf6127a))
+* **多租户:** 协议资产 ([86b729f](https://github.com/jetlinks/jetlinks-ui-antd/commit/86b729ffc4acbbe3b1289bb6c3ac8ab2cb4991bf))
+* **规则引擎:** 规则实例功能 ([5dd588a](https://github.com/jetlinks/jetlinks-ui-antd/commit/5dd588a784cb36721a12f908c99c27a54123a92d)), closes [#87](https://github.com/jetlinks/jetlinks-ui-antd/issues/87)
+* **配置:** 增加git commit 配置 ([19054f5](https://github.com/jetlinks/jetlinks-ui-antd/commit/19054f52c600f87b94b40f95233dd77260c530f1))
+* **依赖:** npm update 升级依赖 ([6cbef66](https://github.com/jetlinks/jetlinks-ui-antd/commit/6cbef66fa069de90533c92a6cdc2bcbdbb6ee91d))
+* **websocket:** 优化websocket逻辑 ([56c274d](https://github.com/jetlinks/jetlinks-ui-antd/commit/56c274de6611092879568ea63f683fe26443f306)), closes [#99](https://github.com/jetlinks/jetlinks-ui-antd/issues/99)
+
+
+

CNAME

@@ -0,0 +1 @@
+preview.pro.ant.design

CODE_OF_CONDUCT.md

@@ -0,0 +1,46 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+- The use of sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at afc163@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

Dockerfile

@@ -0,0 +1,14 @@
+FROM circleci/node:latest-browsers
+
+WORKDIR /usr/src/app/
+USER root
+COPY package.json ./
+RUN yarn
+
+COPY ./ ./
+
+RUN npm run test:all
+
+RUN npm run fetch:blocks
+
+CMD ["npm", "run", "build"]

Dockerfile.dev

@@ -0,0 +1,12 @@
+FROM node:latest
+
+WORKDIR /usr/src/app/
+
+COPY package.json ./
+RUN npm install --silent --no-cache --registry=https://registry.npm.taobao.org
+
+COPY ./ ./
+
+RUN npm run fetch:blocks
+
+CMD ["npm", "run", "start"]

Dockerfile.hub

@@ -0,0 +1,27 @@
+FROM circleci/node:latest-browsers as builder
+
+WORKDIR /usr/src/app/
+USER root
+COPY package.json ./
+RUN yarn
+
+COPY ./ ./
+
+RUN npm run test:all
+
+RUN npm run fetch:blocks
+
+RUN npm run build
+
+
+FROM nginx
+
+WORKDIR /usr/share/nginx/html/
+
+COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf
+
+COPY --from=builder /usr/src/app/dist  /usr/share/nginx/html/
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Alipay.inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,78 @@
+## 使用
+
+```bash
+$ git clone https://github.com/jetlinks/jetlinks-ui-antd.git
+$ cd jetlinks-ui-antd
+$ npm install
+$ npm start         # visit http://localhost:8000
+```
+>> 推荐使用淘宝镜像
+
+### 本地开发环境要求
+
+- nodeJs v12.x
+- npm v6.x
+- Chrome v80.0+
+
+⚠️本项目基于[Ant Design 3.x](https://3x.ant.design/index-cn)开发,二次开发需要对Ant Design有一定基础。
+
+本地开发项目建议使用如下命令启动项目
+
+```bash
+$ npm run start:dev     //支持：dev、test、pre环境
+```
+
+项目多处采用了 SSE 接口交互，开发需要使用 dev 环境变量（生产环境使用 nginx 代理了 EventSource 接口）
+
+### 修改后台接口地址
+
+后台接口配置文件地址：`config/proxy.ts`:
+
+```typescript
+/**
+ * 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
+ */
+export default {
+  dev: {
+    '/jetlinks': {
+      target: '后台地址',
+      changeOrigin: true,
+      pathRewrite: { '^/jetlinks': '' },
+    },
+  },
+  test: {
+    '/jetlinks': {
+      target: '后台地址',
+      changeOrigin: true,
+      pathRewrite: { '^/jetlinks': '' },
+    },
+  },
+  pre: {
+    '/jetlinks': {
+      target: '后台地址',
+      changeOrigin: true,
+      pathRewrite: { '^/jetlinks': '' },
+    },
+  },
+};
+```
+
+> **注：本项目所有接口采用“/jetlinks”开头，用于统一代理**
+
+更多信息请参考 [使用文档](http://doc.jetlinks.cn)。
+
+## 支持环境
+
+现代浏览器及 IE11。
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
+| --- | --- | --- | --- | --- |
+| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
+## 参与贡献
+
+我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 :smiley:：
+
+- 在你的公司或个人项目中使用 Jetlinks。
+- 通过 [Issue](https://github.com/jetlinks/jetlinks-ui-antd/issues) 报告 bug 或进行咨询。
+- 提交 [Pull Request](https://github.com/jetlinks/jetlinks-ui-antd//pulls) 改进 Jetlinks 的代码。

azure-pipelines.yml

@@ -0,0 +1,87 @@
+# Node.js
+# Build a general Node.js project with npm.
+# Add steps that analyze code, save build artifacts, deploy, and more:
+# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript
+name: ant design pro
+
+trigger:
+  - master
+
+jobs:
+  - job: lintAndBuild
+
+    pool:
+      vmImage: 'Ubuntu-16.04'
+
+    steps:
+      - checkout: self
+        clean: false
+      - script: npm install
+        displayName: install
+      - script: npm run lint
+        displayName: lint
+      - script: npm run tsc
+        displayName: tsc
+      - script: npm run build
+        env:
+          PROGRESS: none
+        displayName: build
+
+  - job: test
+    pool:
+      vmImage: 'Ubuntu-16.04'
+
+    container:
+      image: circleci/node:latest-browsers
+      options: '-u root'
+
+    steps:
+      - script: npm install
+        displayName: install
+      - script: npm run test:all
+        env:
+          PROGRESS: none
+          UMI_UI: none
+        displayName: test
+
+  - job: Windows
+    pool:
+      vmImage: 'win1803'
+    steps:
+      - task: NodeTool@0
+        inputs:
+          versionSpec: '11.x'
+      - script: npm install
+        displayName: install
+      - script: npm run lint
+        displayName: lint
+      - script: npm run tsc
+        displayName: tsc
+      - script: npm run test:all
+        env:
+          PROGRESS: none
+          UMI_UI: none
+        displayName: test
+      - script: npm run build
+        env:
+          PROGRESS: none
+        displayName: build
+
+  - job: MacOS
+    pool:
+      vmImage: 'macOS-latest'
+    steps:
+      - task: NodeTool@0
+        inputs:
+          versionSpec: '11.x'
+      - script: npm install
+        displayName: install
+      - script: npm run lint
+        displayName: lint
+      - script: npm run tsc
+        displayName: tsc
+      - script: npm run
+        env:
+          PROGRESS: none
+          UMI_UI: none
+        displayName: build

commitlint.config.js

@@ -0,0 +1,25 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    // type 类型定义
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat', // 新功能 feature
+        'fix', // 修复 bug
+        'docs', // 文档注释
+        'style', // 代码格式(不影响代码运行的变动)
+        'refactor', // 重构(既不增加新功能，也不是修复bug)
+        'perf', // 性能优化
+        'test', // 增加测试
+        'chore', // 构建过程或辅助工具的变动
+        'revert', // 回退
+        'build', // 打包
+      ],
+    ],
+    // subject 大小写不做校验
+    // 自动部署的BUILD ROBOT的commit信息大写，以作区别
+    'subject-case': [0],
+  },
+};

config/config.ts

@@ -0,0 +1,146 @@
+import { IConfig, IPlugin } from 'umi-types';
+import defaultSettings from './defaultSettings'; // https://umijs.org/config/
+import slash from 'slash2';
+import themePluginConfig from './themePluginConfig';
+import proxy from './proxy';
+import webpackPlugin from './plugin.config';
+import { routes } from './routes';
+
+const { pwa } = defaultSettings;
+
+// preview.pro.ant.design only do not use in your production ;
+// preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION, REACT_APP_ENV } = process.env;
+const isAntDesignProPreview = ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site';
+
+const plugins: IPlugin[] = [
+  [
+    'umi-plugin-react',
+    {
+      antd: true,
+      dva: {
+        hmr: true,
+      },
+      locale: {
+        // default false
+        enable: true,
+        // default zh-CN
+        default: 'zh-CN',
+        // default true, when it is true, will use `navigator.language` overwrite default
+        baseNavigator: true,
+      },
+      dynamicImport: {
+        loadingComponent: './components/PageLoading/index',
+        webpackChunkName: true,
+        level: 3,
+      },
+      pwa: pwa
+        ? {
+          workboxPluginMode: 'InjectManifest',
+          workboxOptions: {
+            importWorkboxFrom: 'local',
+          },
+        }
+        : false, // default close dll, because issue https://github.com/ant-design/ant-design-pro/issues/4665
+      // dll features https://webpack.js.org/plugins/dll-plugin/
+      // dll: {
+      //   include: ['dva', 'dva/router', 'dva/saga', 'dva/fetch'],
+      //   exclude: ['@babel/runtime', 'netlify-lambda'],
+      // },
+    },
+  ],
+  [
+    'umi-plugin-pro-block',
+    {
+      moveMock: false,
+      moveService: false,
+      modifyRequest: true,
+      autoAddMenu: true,
+    },
+  ],
+];
+
+if (isAntDesignProPreview) {
+  // 针对 preview.pro.ant.design 的 GA 统计代码
+  plugins.push([
+    'umi-plugin-ga',
+    {
+      code: 'UA-72788897-6',
+    },
+  ]);
+  plugins.push(['umi-plugin-antd-theme', themePluginConfig]);
+}
+
+export default {
+  plugins,
+  hash: true,
+  targets: {
+    ie: 11,
+  },
+  history: 'hash',
+  // base: './',
+  // publicPath: "./",
+  // umi routes: https://umijs.org/zh/guide/router.html
+  routes: routes,
+  // Theme for antd: https://ant.design/docs/react/customize-theme-cn
+  theme: {
+    // ...darkTheme,
+  },
+  define: {
+    REACT_APP_ENV: REACT_APP_ENV || false,
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION:
+      ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION || '', // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+  },
+  ignoreMomentLocale: true,
+  lessLoaderOptions: {
+    javascriptEnabled: true,
+  },
+  disableRedirectHoist: true,
+  cssLoaderOptions: {
+    modules: true,
+    getLocalIdent: (
+      context: {
+        resourcePath: string;
+      },
+      _: string,
+      localName: string,
+    ) => {
+      if (
+        context.resourcePath.includes('node_modules') ||
+        context.resourcePath.includes('ant.design.pro.less') ||
+        context.resourcePath.includes('global.less')
+      ) {
+        return localName;
+      }
+
+      const match = context.resourcePath.match(/src(.*)/);
+
+      if (match && match[1]) {
+        const antdProPath = match[1].replace('.less', '');
+        const arr = slash(antdProPath)
+          .split('/')
+          .map((a: string) => a.replace(/([A-Z])/g, '-$1'))
+          .map((a: string) => a.toLowerCase());
+        return `antd-pro${arr.join('-')}-${localName}`.replace(/--/g, '-');
+      }
+
+      return localName;
+    },
+  },
+  manifest: {
+    basePath: '/',
+  },
+  proxy: proxy[REACT_APP_ENV || 'dev'],
+  chainWebpack: webpackPlugin,
+  // extraBabelPlugins: [
+  //   ['transform-remove-console', { exclude: ['error', 'info'] }]
+  // ]
+  // proxy: {
+  //   '/jetlinks': {
+  //     // target: 'http://192.168.3.89:8848/',
+  //     target: 'http://2.jetlinks.org:9010/',
+  //     changeOrigin: true,
+  //     pathRewrite: { '^/jetlinks': '' },
+  //   },
+  // },
+} as IConfig;

config/defaultSettings.ts

@@ -0,0 +1,63 @@
+import { MenuTheme } from 'antd/es/menu/MenuContext';
+
+export type ContentWidth = 'Fluid' | 'Fixed';
+
+export interface DefaultSettings {
+  /**
+   * theme for nav menu
+   */
+  navTheme: MenuTheme;
+  /**
+   * primary color of ant design
+   */
+  primaryColor: string;
+  /**
+   * nav menu position: `sidemenu` or `topmenu`
+   */
+  layout: 'sidemenu' | 'topmenu';
+  /**
+   * layout of content: `Fluid` or `Fixed`, only works when layout is topmenu
+   */
+  contentWidth: ContentWidth;
+  /**
+   * sticky header
+   */
+  fixedHeader: boolean;
+  /**
+   * auto hide header
+   */
+  autoHideHeader: boolean;
+  /**
+   * sticky siderbar
+   */
+  fixSiderbar: boolean;
+  menu: { locale: boolean };
+  title: string;
+  pwa: boolean;
+  // Your custom iconfont Symbol script Url
+  // eg：//at.alicdn.com/t/font_1039637_btcrd5co4w.js
+  // 注意：如果需要图标多色，Iconfont 图标项目里要进行批量去色处理
+  // Usage: https://github.com/ant-design/ant-design-pro/pull/3517
+  iconfontUrl: string;
+  colorWeak: boolean;
+  //LOGO
+  titleIcon?: string;
+}
+
+export default {
+  navTheme: 'dark',
+  // 拂晓蓝
+  primaryColor: '#1890ff',
+  layout: 'sidemenu',
+  contentWidth: 'Fluid',
+  fixedHeader: false,
+  autoHideHeader: false,
+  fixSiderbar: false,
+  colorWeak: false,
+  menu: {
+    locale: true,
+  },
+  title: 'JetLinks',
+  pwa: false,
+  iconfontUrl: '',
+} as DefaultSettings;

config/plugin.config.ts

@@ -0,0 +1,72 @@
+import path from 'path';
+
+import * as IWebpackChainConfig from 'webpack-chain';
+import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin';
+
+
+function getModulePackageName(module: { context: string }) {
+  if (!module.context) return null;
+
+  const nodeModulesPath = path.join(__dirname, '../node_modules/');
+  if (module.context.substring(0, nodeModulesPath.length) !== nodeModulesPath) {
+    return null;
+  }
+
+  const moduleRelativePath = module.context.substring(nodeModulesPath.length);
+  const [moduleDirName] = moduleRelativePath.split(path.sep);
+  let packageName: string | null = moduleDirName;
+  // handle tree shaking
+  if (packageName && packageName.match('^_')) {
+    // eslint-disable-next-line prefer-destructuring
+    packageName = packageName.match(/^_(@?[^@]+)/)![1];
+  }
+  return packageName;
+}
+
+const webpackPlugin = (config: IWebpackChainConfig) => {
+  // optimize chunks
+  config.optimization
+    // share the same chunks across different modules
+    .runtimeChunk(false)
+    .splitChunks({
+      chunks: 'async',
+      name: 'vendors',
+      maxInitialRequests: Infinity,
+      minSize: 0,
+      cacheGroups: {
+        vendors: {
+          test: (module: { context: string }) => {
+            const packageName = getModulePackageName(module) || '';
+            if (packageName) {
+              return [
+                'bizcharts',
+                'gg-editor',
+                'g6',
+                '@antv',
+                'l7',
+                'gg-editor-core',
+                'bizcharts-plugin-slider',
+              ].includes(packageName);
+            }
+            return false;
+          },
+          name(module: { context: string }) {
+            const packageName = getModulePackageName(module);
+            if (packageName) {
+              if (['bizcharts', '@antv_data-set'].indexOf(packageName) >= 0) {
+                return 'viz'; // visualization package
+              }
+            }
+            return 'misc';
+          },
+        },
+      },
+    });
+    config.plugin('monaco-editor').use(
+      new MonacoWebpackPlugin({
+        languages: ['json','javascript', 'typescript'],
+      }),
+    );
+};
+
+export default webpackPlugin;

config/proxy.ts

@@ -0,0 +1,43 @@
+/**
+ * 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
+ * The agent cannot take effect in the production environment
+ * so there is no configuration of the production environment
+ * For details, please see
+ * https://pro.ant.design/docs/deploy
+ */
+export default {
+  dev: {
+    '/jetlinks': {
+      target: 'http://192.168.104.114:8848/',
+      ws: 'ws://192.168.104.114:8848/',
+      // target: 'http://192.168.22.222:8844/',
+      // ws: 'ws://192.168.22.222:8844/',
+      // target: 'http://water.zlkjhb.com:9000/jetlinks',
+      // ws: 'http://water.zlkjhb.com:9000/jetlinks',
+      // ws: 'ws://test.jetlinks.cn/jetlinks',
+      // target: 'http://test.jetlinks.cn/jetlinks',
+      // target: 'http://127.0.0.1:8848/',
+      // ws: 'ws://127.0.0.1:8848/',
+      // ws: 'ws://demo.jetlinks.cn/jetlinks',
+      // target: 'http://demo.jetlinks.cn/jetlinks',
+      changeOrigin: true,
+      pathRewrite: { '^/jetlinks': '' },
+    },
+  },
+  test: {
+    '/jetlinks': {
+      // target: 'http://192.168.3.89:8848/',
+      target: 'http://2.jetlinks.org:9010/',
+      changeOrigin: true,
+      pathRewrite: { '^/jetlinks': '' },
+    },
+  },
+  pre: {
+    '/jetlinks': {
+      // target: 'http://192.168.3.89:8848/',
+      target: 'http://2.jetlinks.org:9010/',
+      changeOrigin: true,
+      pathRewrite: { '^/jetlinks': '' },
+    },
+  },
+};

config/routes.ts

@@ -0,0 +1,757 @@
+export const routes = [
+  {
+    path: '/user',
+    // component: '../layouts/UserLayout',
+    routes: [
+      {
+        name: 'login',
+        path: '/user/login',
+        component: './user/login2',
+      },
+    ],
+  },
+  {
+    path: '/',
+    component: '../layouts/SecurityLayout',
+    routes: [
+      {
+        path: '/',
+        component: '../layouts/BasicLayout',
+        Routes: ['src/pages/Authorized'],
+        routes: [
+          {
+            path: '/',
+            redirect: '/analysis',
+          },
+          // {
+          //     name: '数据表格',
+          //     path: '/demo',
+          //     icon: 'table',
+          //     component: './demo'
+          // },
+          {
+            name: '统计分析',
+            path: '/analysis',
+            icon: 'dashboard',
+            tenant: ['admin', 'member'],
+            iconfont: 'icon-tongjifenxi',
+            component: './analysis',
+          },
+          {
+            path: 'system',
+            name: '系统设置',
+            iconfont: 'icon-shezhi',
+            icon: 'setting',
+            tenant: ['admin', 'member'],
+            authority: [
+              'user',
+              'permission',
+              'organization',
+              'dictionary',
+              'open-api',
+              'admin',
+              'system-config',
+              'dimension',
+              'tenant-side-manager',
+              'tenant-manager',
+            ],
+            routes: [
+              {
+                path: '/system/user',
+                name: '用户管理',
+                iconfont: 'icon-yonghuguanli',
+                icon: 'user',
+                authority: ['user', 'admin'],
+                tenant: ['admin', 'member'],
+                component: './system/users',
+              },
+              {
+                path: '/system/permission',
+                name: '权限管理',
+                icon: 'key',
+                iconfont: 'icon-quanxianguanli',
+                authority: ['permission', 'admin'],
+                component: './system/permission',
+              },
+              {
+                path: '/system/open-api',
+                name: '第三方平台',
+                icon: 'share-alt',
+                iconfont: 'icon-APIguanli',
+                authority: ['open-api', 'admin'],
+                version: 'pro',
+                component: './system/open-api',
+              },
+              // {
+              //   path: '/system/org',
+              //   name: '机构管理',
+              //   icon: 'apartment',
+              //   iconfont: 'icon-jigoubianzhi',
+              //   authority: ['organization', 'admin'],
+              //   component: './system/org',
+              // },
+              {
+                path: '/system/org-chart',
+                name: '机构管理',
+                icon: 'apartment',
+                authority: ['organization', 'admin'],
+                tenant: ['admin', 'member'],
+                component: './system/org-chart',
+              },
+              {
+                path: '/system/role',
+                name: '角色管理',
+                icon: 'usergroup-add',
+                iconfont: 'icon-jiaoseguanli1',
+                authority: ['dimension', 'admin'],
+                component: './system/role',
+              },
+              {
+                path: '/system/config',
+                name: '系统配置',
+                icon: 'tool',
+                iconfont: 'icon-xitongpeizhi',
+                authority: ['system-config', 'admin'],
+                component: './system/config',
+              },
+              {
+                path: '/system/tenant',
+                name: '租户管理',
+                icon: 'team',
+                iconfont: 'icon-erji-zuhuguanli',
+                tenant: ['admin'],
+                authority: ['tenant-side-manager', 'tenant-manager', 'admin'],
+                version: 'pro',
+                component: './system/tenant',
+              },
+              {
+                hideInMenu: true,
+                path: '/system/tenant/detail/:id',
+                name: '租户详情',
+                tenant: ['admin'],
+                authority: ['tenant-side-manager', 'tenant-manager', 'admin'],
+                // version: 'pro',
+                component: './system/tenant/detail',
+              },
+              {
+                path:'/system/datasource',
+                name:'数据源管理',
+                icon:'database',
+                authority:['datasource-config','admin'],
+                version:'pro',
+                component:'./system/datasource'
+              }
+            ],
+          },
+          {
+            path: 'device',
+            name: '设备管理',
+            icon: 'box-plot',
+            tenant: ['admin', 'member'],
+            iconfont: 'icon-device-manage',
+            authority: [
+              'device-product',
+              'device-instance',
+              'device-category',
+              'device-group',
+              'device-gateway',
+              'geo-manager',
+              'firmware-manager',
+              'device-alarm',
+              'admin',
+            ],
+            routes: [
+              {
+                path: '/device/product',
+                name: '产品',
+                icon: 'laptop',
+                iconfont: 'icon-shebei',
+                tenant: ['admin', 'member'],
+                authority: ['device-product', 'admin'],
+                component: './device/product',
+              },
+              {
+                path: '/device/product-category',
+                name: '产品分类',
+                icon: 'appstore',
+                iconfont: 'icon-shebei',
+                tenant: ['admin', 'member'],
+                // version: 'pro',
+                authority: ['device-category', 'admin'],
+                component: './device/product-category',
+              },
+              {
+                hideInMenu: true,
+                path: '/device/product/save/:id',
+                name: '产品详情',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-shebei',
+                authority: ['device-product', 'admin'],
+                component: './device/product/save/Detail',
+              },
+              {
+                hideInMenu: true,
+                path: '/device/product/add',
+                name: '新建产品',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-shebei',
+                authority: ['device-product', 'admin'],
+                component: './device/product/save/add/index.tsx',
+              },
+              {
+                path: '/device/instance',
+                name: '设备',
+                icon: 'desktop',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-shebei1',
+                authority: ['device-instance', 'admin'],
+                component: './device/instance',
+              },
+              {
+                hideInMenu: true,
+                path: '/device/instance/save/:id',
+                name: '设备详情',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-shebei1',
+                authority: ['device-instance', 'admin'],
+                component: './device/instance/editor',
+              },
+              {
+                hideInMenu: true,
+                path: '/device/group',
+                name: '分组',
+                icon: 'gold',
+                tenant: ['admin', 'member'],
+                authority: ['device-group', 'admin'],
+                // version: 'pro',
+                iconfont: 'icon-shebeifenzuguanli',
+                component: './device/group',
+              },
+              {
+                // hideInMenu: true,
+                path: '/device/tree',
+                name: '分组',
+                tenant: ['admin', 'member'],
+                authority: ['device-group', 'admin'],
+                // version: 'pro',
+                icon: 'gold',
+                component: './device/tree',
+              },
+              {
+                hideInMenu: true,
+                path: '/device/tree/detail',
+                name: '分组详情',
+                authority: ['device-group', 'admin'],
+                component: './device/tree/DeviceTree',
+              },
+              {
+                hideInMenu: true,
+                path: '/device/instance/add',
+                name: '添加设备',
+                tenant: ['admin', 'member'],
+                authority: ['device-instance', 'admin'],
+                iconfont: 'icon-shebeifenzuguanli',
+                component: './device/instance/editor',
+              },
+              {
+                path: '/device/gateway',
+                name: '网关',
+                icon: 'global',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-Group',
+                authority: ['device-gateway', 'admin'],
+                component: './device/gateway',
+              },
+              {
+                path: '/device/location',
+                name: '地理位置',
+                icon: 'compass',
+                tenant: ['admin'],
+                authority: ['geo-manager', 'admin'],
+                // version: 'pro',
+                iconfont: 'icon-diliweizhi',
+                component: './device/location',
+              },
+              {
+                path: '/device/firmware',
+                name: '固件升级',
+                icon: 'cloud-sync',
+                tenant: ['admin', 'member'],
+                authority: ['firmware-manager', 'admin'],
+                // version: 'pro',
+                iconfont: 'icon-gujianshengji',
+                component: './device/firmware',
+              },
+              {
+                hideInMenu: true,
+                tenant: ['admin', 'member'],
+                path: '/device/firmware/save/:id',
+                name: '固件详情',
+                authority: ['firmware-manager', 'admin'],
+                iconfont: 'icon-gujianshengji',
+                component: './device/firmware/editor',
+              },
+              {
+                path: '/device/alarm',
+                name: '设备告警',
+                icon: 'alert',
+                tenant: ['admin', 'member'],
+                authority: ['device-alarm', 'admin'],
+                component: './device/alarmlog',
+              },
+              {
+                path:'/device/command',
+                name:'指令下发',
+                icon:'arrow-down',
+                authority:['device-msg-task','admin'],
+                // version: 'pro',
+                component:'./device/command'
+              }
+            ],
+          },
+          {
+            path: 'network',
+            name: '设备接入',
+            iconfont: 'icon-shebei',
+            icon: 'login',
+            authority: [
+              'certificate',
+              'network-config',
+              'device-gateway',
+              'protocol-supports',
+              'opc-client',
+              'admin',
+            ],
+            routes: [
+              {
+                path: '/network/certificate',
+                name: '证书管理',
+                icon: 'book',
+                iconfont: 'icon-zhengshuguanli-',
+                authority: ['certificate', 'admin'],
+                component: './network/certificate',
+              },
+              {
+                path: '/network/protocol',
+                name: '协议管理',
+                icon: 'wallet',
+                iconfont: 'icon-xieyiguanli',
+                authority: ['protocol-supports', 'admin'],
+                component: './device/protocol',
+              },
+              {
+                path: '/network/type',
+                name: '网络组件',
+                icon: 'deployment-unit',
+                iconfont: 'icon-zujian',
+                authority: ['network-config', 'admin'],
+                component: './network/type',
+              },
+              {
+                path: '/network/gateway',
+                name: '设备网关',
+                icon: 'cloud-server',
+                iconfont: 'icon-shebei',
+                authority: ['device-gateway', 'admin'],
+                component: './network/gateway',
+              },
+              {
+                path: '/network/opcua',
+                name: 'OPC UA',
+                icon: 'file-ppt',
+                iconfont: 'icon-fileppt',
+                authority: ['opc-client', 'admin'],
+                component: './network/opc-ua',
+              },
+            ],
+          },
+          {
+            path: 'notice',
+            name: '通知管理',
+            iconfont: 'icon-tongzhiguanli',
+            icon: 'message',
+            tenant: ['admin', 'member'],
+            authority: ['template', 'notifier', 'admin'],
+            routes: [
+              {
+                path: '/notice/config',
+                name: '通知配置',
+                icon: 'alert',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-SUI_tongzhipeizhi',
+                authority: ['notifier', 'admin'],
+                component: './notice/config',
+              },
+              {
+                path: '/notice/template',
+                name: '通知模版',
+                icon: 'bell',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-tongzhiguanli',
+                authority: ['template', 'admin'],
+                component: './notice/template',
+              },
+            ],
+          },
+          {
+            path: 'rule-engine',
+            name: '规则引擎',
+            icon: 'retweet',
+            iconfont: 'icon-guizeyinqing',
+            // tenant: ['admin', 'member'],
+            authority: ['rule-instance', 'rule-scene', 'admin'],
+            routes: [
+              // {
+              //     path: '/rule-engine/model',
+              //     name: '规则模型',
+              //     icon: 'gateway',
+              //     tenant: ['admin'],
+              //     iconfont: 'icon-xian-buguize-moxing',
+              //     authority: ['rule-model', 'admin'],
+              //     version: 'pro',
+              //     component: './rule-engine/model',
+              // },
+              {
+                path: '/rule-engine/instance',
+                name: '规则实例',
+                icon: 'block',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-hangweiguizeshili',
+                authority: ['rule-instance', 'admin'],
+                version: 'pro',
+                component: './rule-engine/instance',
+              },
+              {
+                path: '/rule-engine/sqlRule',
+                name: '数据转发',
+                icon: 'rise',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-datatransfer',
+                authority: ['rule-instance', 'admin'],
+                component: './rule-engine/sqlRule',
+              },
+              {
+                path: '/rule-engine/scene',
+                name: '场景联动',
+                icon: 'codeSandbox',
+                // authority: ['rule-scene', 'admin'],
+                // version: 'pro',
+                component: './rule-engine/scene',
+              },
+              // {
+              //   path: '/rule-engine/email',
+              //   name: 'email',
+              //   icon: 'mail',
+              //   component: './rule-engine/email',
+              // },
+              // {
+              //   path: '/rule-engine/sms',
+              //   name: 'sms',
+              //   icon: 'message',
+              //   component: './rule-engine/sms',
+              // },
+            ],
+          },
+          {
+            path: 'data-screen',
+            name: '可视化',
+            icon: 'desktop',
+            tenant: ['admin'],
+            iconfont: 'icon-icon-',
+            // version: 'pro',
+            authority: ['big-screen', 'admin', 'vis-configuration'],
+            routes: [
+              {
+                path: '/data-screen/category',
+                name: '分类管理',
+                icon: 'appstore',
+                tenant: ['admin'],
+                iconfont: 'icon-category-search-fill',
+                authority: ['big-screen', 'admin'],
+                // version: 'pro',
+                component: './data-screen/category',
+              },
+              {
+                path: '/data-screen/screen',
+                name: '大屏管理',
+                icon: 'fund',
+                tenant: ['admin', 'big-screen'],
+                iconfont: 'icon-screen',
+                authority: ['big-screen', 'admin'],
+                // version: 'pro',
+                component: './data-screen/screen',
+              },
+              {
+                path: '/data-screen/configuration',
+                name: '组态管理',
+                icon: 'fund',
+                iconfont: 'icon-screen',
+                authority: ['vis-configuration', 'admin'],
+                // version: 'pro',
+                component: './data-screen/visConfiguration',
+              },
+              {
+                path: '/data-screen/node',
+                name: '组件管理',
+                icon: 'fund',
+                component: './data-screen/node',
+              },
+            ],
+          },
+          {
+            path: 'simulator',
+            name: '模拟测试',
+            icon: 'bug',
+            // version: 'pro',
+            authority: ['network-simulator', 'admin'],
+            routes: [
+              {
+                path: '/simulator/device',
+                name: '设备模拟器',
+                // version: 'pro',
+                icon: 'paper-clip',
+                authority: ['network-simulator', 'admin'],
+                component: './simulator/device',
+              },
+            ],
+          },
+          {
+            path: 'logger',
+            name: '日志管理',
+            icon: 'calendar',
+            iconfont: 'icon-rizhiguanli',
+            authority: ['system-logger', 'access-logger', 'admin'],
+            routes: [
+              {
+                path: '/logger/access',
+                name: '访问日志',
+                icon: 'dash',
+                iconfont: 'icon-yonghufangwenrizhi',
+                authority: ['access-logger', 'admin'],
+                component: './logger/access',
+              },
+              {
+                path: '/logger/system',
+                name: '系统日志',
+                icon: 'ordered-list',
+                iconfont: 'icon-xitongrizhi',
+                authority: ['system-logger', 'admin'],
+                component: './logger/system',
+              },
+            ],
+          },
+          {
+            path: 'cloud',
+            name: '云云对接',
+            icon: 'cloud',
+            // version: 'pro',
+            authority: ['dueros-product', 'aliyun-bridge', 'onenet-product', 'ctwing-product', 'admin'],
+            routes: [
+              {
+                path: '/cloud/duer',
+                name: 'DuerOS',
+                // version: 'pro',
+                authority: ['dueros-product', 'admin'],
+                icon: 'cloud',
+                component: './cloud/dueros',
+              },
+              {
+                path: '/cloud/aliyun',
+                name: '阿里云',
+                version: 'pro',
+                authority: ['aliyun-bridge', 'admin'],
+                icon: 'aliyun',
+                component: './cloud/aliyun',
+              },
+              {
+                path: '/cloud/onenet',
+                name: '移动OneNet',
+                // version: 'pro',
+                authority: ['onenet-product', 'admin'],
+                icon: 'mobile',
+                component: './cloud/onenet',
+              },
+              {
+                path: '/cloud/ctwing',
+                name: '电信CTWing',
+                // version: 'pro',
+                authority: ['ctwing-product', 'admin'],
+                icon: 'phone',
+                component: './cloud/ctwing',
+              },
+            ],
+          },
+          {
+            path: 'media',
+            name: '视频网关',
+            icon: 'youtube',
+            // version: 'pro',
+            authority: [
+              'gb28181-gateway',
+              'media-gateway',
+              'media-channel',
+              'media-server',
+              'media-stream',
+              'gb28181-cascade',
+              'admin'
+            ],
+            routes: [
+              {
+                path: '/media/basic',
+                name: '基本配置',
+                // version: 'pro',
+                authority: ['gb28181-gateway', 'media-gateway', 'media-server', 'admin'],
+                icon: 'video-camera',
+                component: './media/basic',
+              },
+              // {
+              //     path: '/media/media-server',
+              //     name: '流媒体服务',
+              //     version: 'pro',
+              //     authority: ['media-server','admin'],
+              //     icon: 'video-camera',
+              //     component: './media/media-server',
+              // },
+              // {
+              //     path: '/media/gateway',
+              //     name: '信令服务',
+              //     version: 'pro',
+              //     authority: ['gb28181-gateway','admin'],
+              //     icon: 'gateway',
+              //     component: './media/gateway',
+              // },
+              {
+                path: '/media/device',
+                name: '视频设备',
+                // version: 'pro',
+                authority: ['media-device', 'admin'],
+                icon: 'gateway',
+                component: './media/device',
+              },
+              {
+                hideInMenu: true,
+                path: '/media/device/channel/:id',
+                name: '通道列表',
+                // version: 'pro',
+                tenant: ['admin', 'member'],
+                iconfont: 'icon-shebei1',
+                component: './media/device/channel',
+              },
+              {
+                path: '/media/reveal',
+                name: '分屏展示',
+                // version: 'pro',
+                authority: ['media-stream', 'admin'],
+                icon: 'appstore',
+                component: './media/reveal',
+              },
+              {
+                path: '/media/cascade',
+                name: '国标级联',
+                // version: 'pro',
+                authority: ['gb28181-cascade', 'admin'],
+                icon: 'cloud-upload',
+                component: './media/cascade',
+              },
+            ],
+          },
+          {
+            path: 'edge-gateway',
+            name: '边缘网关',
+            icon: 'gateway',
+            version: 'pro',
+            authority: ['edge-product', 'edge-device', 'admin'],
+            routes: [
+              {
+                path: '/edge-gateway/product',
+                name: '产品',
+                icon: 'laptop',
+                authority: ['edge-product', 'admin'],
+                component: './edge-gateway/product',
+              },
+              {
+                path: '/edge-gateway/device',
+                name: '设备',
+                icon: 'desktop',
+                authority: ['edge-device', 'admin'],
+                component: './edge-gateway/device',
+              },
+              {
+                hideInMenu: true,
+                path: '/edge-gateway/device/detail/:id',
+                name: '设备详情',
+                authority: ['edge-device', 'admin'],
+                component: './edge-gateway/device/detail',
+              },
+              {
+                hideInMenu: true,
+                path: '/edge-gateway/device/detail/:id/save/:id',
+                name: '网关设备详情',
+                authority: ['edge-device', 'admin'],
+                component: './edge-gateway/device/detail/network/device/editor',
+              },
+            ],
+          },
+          {
+            path: 'account',
+            name: '个人中心',
+            icon: 'user',
+            hideInMenu: true,
+            routes: [
+              // {
+              //   path: '/account/center',
+              //   name: '个人中心',
+              //   icon: 'smile',
+              //   component: './account/center'
+              // },
+              {
+                path: '/account/settings',
+                name: '个人设置',
+                icon: 'setting',
+                component: './account/settings',
+              },
+              {
+                path: '/account/notification',
+                name: '通知订阅',
+                icon: 'bell',
+                component: './account/notification',
+              },
+            ],
+          },
+          // {
+          //   name: 'paramter',
+          //   path: '/properties',
+          //   inco: 'bar-chart',
+          //   component: './script-demo',
+          // },
+          {
+            name: 'exception',
+            icon: 'smile',
+            path: '/exception',
+            hideInMenu: true,
+            routes: [
+              {
+                path: './500',
+                name: '500',
+                component: './exception/500',
+              },
+              {
+                path: './404',
+                name: '404',
+                component: './exception/404',
+              },
+              {
+                path: './403',
+                name: '403',
+                component: './exception/403',
+              },
+            ],
+          },
+        ],
+      },
+      {
+        component: './404',
+      },
+    ],
+  },
+];

config/themePluginConfig.ts

@@ -0,0 +1,115 @@
+export default {
+  theme: [
+    {
+      key: 'dark',
+      fileName: 'dark.css',
+      theme: 'dark',
+    },
+    {
+      key: 'dust',
+      fileName: 'dust.css',
+      modifyVars: {
+        '@primary-color': '#F5222D',
+      },
+    },
+    {
+      key: 'volcano',
+      fileName: 'volcano.css',
+      modifyVars: {
+        '@primary-color': '#FA541C',
+      },
+    },
+    {
+      key: 'sunset',
+      fileName: 'sunset.css',
+      modifyVars: {
+        '@primary-color': '#FAAD14',
+      },
+    },
+    {
+      key: 'cyan',
+      fileName: 'cyan.css',
+      modifyVars: {
+        '@primary-color': '#13C2C2',
+      },
+    },
+    {
+      key: 'green',
+      fileName: 'green.css',
+      modifyVars: {
+        '@primary-color': '#52C41A',
+      },
+    },
+    {
+      key: 'geekblue',
+      fileName: 'geekblue.css',
+      modifyVars: {
+        '@primary-color': '#2F54EB',
+      },
+    },
+    {
+      key: 'purple',
+      fileName: 'purple.css',
+      modifyVars: {
+        '@primary-color': '#722ED1',
+      },
+    },
+
+    {
+      key: 'dust',
+      theme: 'dark',
+      fileName: 'dark-dust.css',
+      modifyVars: {
+        '@primary-color': '#F5222D',
+      },
+    },
+    {
+      key: 'volcano',
+      theme: 'dark',
+      fileName: 'dark-volcano.css',
+      modifyVars: {
+        '@primary-color': '#FA541C',
+      },
+    },
+    {
+      key: 'sunset',
+      theme: 'dark',
+      fileName: 'dark-sunset.css',
+      modifyVars: {
+        '@primary-color': '#FAAD14',
+      },
+    },
+    {
+      key: 'cyan',
+      theme: 'dark',
+      fileName: 'dark-cyan.css',
+      modifyVars: {
+        '@primary-color': '#13C2C2',
+      },
+    },
+    {
+      key: 'green',
+      theme: 'dark',
+      fileName: 'dark-green.css',
+      modifyVars: {
+        '@primary-color': '#52C41A',
+      },
+    },
+    {
+      key: 'geekblue',
+      theme: 'dark',
+      fileName: 'dark-geekblue.css',
+      modifyVars: {
+        '@primary-color': '#2F54EB',
+      },
+    },
+    {
+      key: 'purple',
+      theme: 'dark',
+      fileName: 'dark-purple.css',
+      modifyVars: {
+        '@primary-color': '#722ED1',
+      },
+    },
+  ],
+};

docker/Dockerfile

@@ -0,0 +1,6 @@
+FROM nginx
+ADD nginx.conf /etc/nginx/conf.d/default.conf
+ADD docker-entrypoint.sh /docker-entrypoint.sh
+COPY dist /usr/share/nginx/html
+CMD ["sh","/docker-entrypoint.sh"]
+#ADD oauth2 /usr/share/nginx/html/oauth2

docker/build.sh

@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+docker build -t registry.cn-shenzhen.aliyuncs.com/jetlinks/jetlinks-ui-antd:1.0-SNAPSHOT .
+docker push registry.cn-shenzhen.aliyuncs.com/jetlinks/jetlinks-ui-antd:1.0-SNAPSHOT

docker/docker-compose.dev.yml

@@ -0,0 +1,14 @@
+version: '3.5'
+
+services:
+  ant-design-pro_dev:
+    ports:
+      - 8000:8000
+    build:
+      context: ../
+      dockerfile: Dockerfile.dev
+    container_name: 'ant-design-pro_dev'
+    volumes:
+      - ../src:/usr/src/app/src
+      - ../config:/usr/src/app/config
+      - ../mock:/usr/src/app/mock

docker/docker-compose.yml

@@ -0,0 +1,21 @@
+version: '3.5'
+
+services:
+  jetlinks_build:
+    build: ../
+    container_name: 'jetlinks_build'
+    volumes:
+      - dist:/usr/src/app/dist
+
+  jetlinks_web:
+    image: nginx
+    ports:
+      - 80:80
+    container_name: 'jetlinks_web'
+    restart: unless-stopped
+    volumes:
+      - dist:/usr/share/nginx/html:ro
+      - ./nginx.conf:/etc/nginx/conf.d/default.conf
+
+volumes:
+  dist:

docker/docker-entrypoint.sh

@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+
+API_BASE_PATH=$API_BASE_PATH;
+NAMESERVERS=$(cat /etc/resolv.conf | grep "nameserver" | awk '{print $2}' | tr '\n' ' ')
+if [ -z "$API_BASE_PATH" ]; then
+    API_BASE_PATH="http://jetlinks:8844/";
+fi
+
+apiUrl="proxy_pass  $API_BASE_PATH\$1;"
+resolver="resolver $NAMESERVERS ipv6=off;"
+
+sed -i '11c '"$resolver"'' /etc/nginx/conf.d/default.conf
+sed -i '20c '"$apiUrl"'' /etc/nginx/conf.d/default.conf
+
+nginx -g "daemon off;"

docker/nginx.conf

@@ -0,0 +1,38 @@
+server {
+    listen 80;
+    listen [::]:80;
+    # gzip config
+    gzip on;
+    gzip_min_length 1k;
+    gzip_comp_level 9;
+    gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
+    gzip_vary on;
+    gzip_disable "MSIE [1-6]\.";
+    resolver $NAMESERVERS ipv6=off;
+    root /usr/share/nginx/html;
+    include /etc/nginx/mime.types;
+    location / {
+        index  index.html;
+    }
+
+    location ^~/jetlinks/ { 
+        if ($request_uri ~* ^/jetlinks/(.*)$) {
+            proxy_pass http://host.docker.internal:8840/$1;
+        }
+        #proxy_pass http://host.docker.internal:8840/;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_set_header Host $host:$server_port;
+        proxy_set_header X-Real-IP  $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_connect_timeout   1;
+        proxy_buffering off;
+        chunked_transfer_encoding off;
+        proxy_cache off;
+        proxy_send_timeout      30m;
+        proxy_read_timeout      30m;
+        client_max_body_size    500m;
+    }
+}

jest-puppeteer.config.js

@@ -0,0 +1,12 @@
+// ps https://github.com/GoogleChrome/puppeteer/issues/3120
+module.exports = {
+  launch: {
+    args: [
+      '--disable-gpu',
+      '--disable-dev-shm-usage',
+      '--no-first-run',
+      '--no-zygote',
+      '--no-sandbox',
+    ],
+  },
+};

jest.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  testURL: 'http://localhost:8000',
+  preset: 'jest-puppeteer',
+  extraSetupFiles: ['./tests/setupTests.js'],
+  globals: {
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: false,
+    localStorage: null,
+  },
+};

jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

lambda/api.js

@@ -0,0 +1,26 @@
+// [START functions import]
+const express = require('express');
+const serverLess = require('serverless-http');
+
+const matchMock = require('./mock/matchMock');
+
+const app = express();
+
+app.all('*', (req, res, next) => {
+  res.header('Access-Control-Allow-Origin', '*');
+  res.header(
+    'Access-Control-Allow-Headers',
+    'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild',
+  );
+  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');
+
+  if (req.method == 'OPTIONS') {
+    res.send(200);
+  } else {
+    next();
+  }
+});
+
+app.use(matchMock);
+
+exports.handler = serverLess(app);

lambda/mock/index.js

@@ -0,0 +1,4320 @@
+(function(global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined'
+    ? (module.exports = factory(require('mockjs'), require('moment')))
+    : typeof define === 'function' && define.amd
+    ? define(['mockjs', 'moment'], factory)
+    : ((global = global || self), (global.mock = factory(global.mockjs, global.moment)));
+})(this, function(mockjs, moment) {
+  'use strict';
+
+  mockjs = mockjs && mockjs.hasOwnProperty('default') ? mockjs['default'] : mockjs;
+  moment = moment && moment.hasOwnProperty('default') ? moment['default'] : moment;
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true,
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  function _objectSpread(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys = Object.keys(source);
+
+      if (typeof Object.getOwnPropertySymbols === 'function') {
+        ownKeys = ownKeys.concat(
+          Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+          }),
+        );
+      }
+
+      ownKeys.forEach(function(key) {
+        _defineProperty(target, key, source[key]);
+      });
+    }
+
+    return target;
+  }
+
+  const titles = [
+    'Alipay',
+    'Angular',
+    'Ant Design',
+    'Ant Design Pro',
+    'Bootstrap',
+    'React',
+    'Vue',
+    'Webpack',
+  ];
+  const avatars = [
+    'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png', // Alipay
+    'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png', // Angular
+    'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png', // Ant Design
+    'https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png', // Ant Design Pro
+    'https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png', // Bootstrap
+    'https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png', // React
+    'https://gw.alipayobjects.com/zos/rmsportal/ComBAopevLwENQdKWiIn.png', // Vue
+    'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png',
+  ];
+  const avatars2 = [
+    'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/gaOngJwsRYRaVAuXXcmB.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/ubnKSIfAJTxIgXOKlciN.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/psOgztMplJMGpVEqfcgF.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/ZpBqSxLxVEXfcUNoPKrz.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/laiEnJdGHVOhJrUShBaJ.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/UrQsqscbKEpNuJcvBZBu.png',
+  ];
+  const covers = [
+    'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png',
+    'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png',
+  ];
+  const desc = [
+    '那是一种内在的东西， 他们到达不了，也无法触及的',
+    '希望是一个好东西，也许是最好的，好东西是不会消亡的',
+    '生命就像一盒巧克力，结果往往出人意料',
+    '城镇中有那么多的酒馆，她却偏偏走进了我的酒馆',
+    '那时候我只会想自己想要什么，从不想自己拥有什么',
+  ];
+  const user = [
+    '付小小',
+    '曲丽丽',
+    '林东东',
+    '周星星',
+    '吴加好',
+    '朱偏右',
+    '鱼酱',
+    '乐哥',
+    '谭小仪',
+    '仲尼',
+  ];
+
+  function fakeList(count) {
+    const list = [];
+
+    for (let i = 0; i < count; i += 1) {
+      list.push({
+        id: `fake-list-${i}`,
+        owner: user[i % 10],
+        title: titles[i % 8],
+        avatar: avatars[i % 8],
+        cover: parseInt(i / 4, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
+        status: ['active', 'exception', 'normal'][i % 3],
+        percent: Math.ceil(Math.random() * 50) + 50,
+        logo: avatars[i % 8],
+        href: 'https://ant.design',
+        updatedAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
+        createdAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
+        subDescription: desc[i % 5],
+        description:
+          '在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，这些类似的组件会被抽离成一套标准规范。',
+        activeUser: Math.ceil(Math.random() * 100000) + 100000,
+        newUser: Math.ceil(Math.random() * 1000) + 1000,
+        star: Math.ceil(Math.random() * 100) + 100,
+        like: Math.ceil(Math.random() * 100) + 100,
+        message: Math.ceil(Math.random() * 10) + 10,
+        content:
+          '段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。',
+        members: [
+          {
+            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png',
+            name: '曲丽丽',
+            id: 'member1',
+          },
+          {
+            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png',
+            name: '王昭君',
+            id: 'member2',
+          },
+          {
+            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png',
+            name: '董娜娜',
+            id: 'member3',
+          },
+        ],
+      });
+    }
+
+    return list;
+  }
+
+  let sourceData;
+
+  function getFakeList(req, res) {
+    const params = req.query;
+    const count = params.count * 1 || 20;
+    const result = fakeList(count);
+    sourceData = result;
+    return res.json(result);
+  }
+
+  function postFakeList(req, res) {
+    const {
+      /* url = '', */
+      body,
+    } = req; // const params = getUrlParams(url);
+
+    const { method, id } = body; // const count = (params.count * 1) || 20;
+
+    let result = sourceData;
+
+    switch (method) {
+      case 'delete':
+        result = result.filter(item => item.id !== id);
+        break;
+
+      case 'update':
+        result.forEach((item, i) => {
+          if (item.id === id) {
+            result[i] = Object.assign(item, body);
+          }
+        });
+        break;
+
+      case 'post':
+        result.unshift({
+          body,
+          id: `fake-list-${result.length}`,
+          createdAt: new Date().getTime(),
+        });
+        break;
+
+      default:
+        break;
+    }
+
+    return res.json(result);
+  }
+
+  const getNotice = [
+    {
+      id: 'xxx1',
+      title: titles[0],
+      logo: avatars[0],
+      description: '那是一种内在的东西，他们到达不了，也无法触及的',
+      updatedAt: new Date(),
+      member: '科学搬砖组',
+      href: '',
+      memberLink: '',
+    },
+    {
+      id: 'xxx2',
+      title: titles[1],
+      logo: avatars[1],
+      description: '希望是一个好东西，也许是最好的，好东西是不会消亡的',
+      updatedAt: new Date('2017-07-24'),
+      member: '全组都是吴彦祖',
+      href: '',
+      memberLink: '',
+    },
+    {
+      id: 'xxx3',
+      title: titles[2],
+      logo: avatars[2],
+      description: '城镇中有那么多的酒馆，她却偏偏走进了我的酒馆',
+      updatedAt: new Date(),
+      member: '中二少女团',
+      href: '',
+      memberLink: '',
+    },
+    {
+      id: 'xxx4',
+      title: titles[3],
+      logo: avatars[3],
+      description: '那时候我只会想自己想要什么，从不想自己拥有什么',
+      updatedAt: new Date('2017-07-23'),
+      member: '程序员日常',
+      href: '',
+      memberLink: '',
+    },
+    {
+      id: 'xxx5',
+      title: titles[4],
+      logo: avatars[4],
+      description: '凛冬将至',
+      updatedAt: new Date('2017-07-23'),
+      member: '高逼格设计天团',
+      href: '',
+      memberLink: '',
+    },
+    {
+      id: 'xxx6',
+      title: titles[5],
+      logo: avatars[5],
+      description: '生命就像一盒巧克力，结果往往出人意料',
+      updatedAt: new Date('2017-07-23'),
+      member: '骗你来学计算机',
+      href: '',
+      memberLink: '',
+    },
+  ];
+  const getActivities = [
+    {
+      id: 'trend-1',
+      updatedAt: new Date(),
+      user: {
+        name: '曲丽丽',
+        avatar: avatars2[0],
+      },
+      group: {
+        name: '高逼格设计天团',
+        link: 'http://github.com/',
+      },
+      project: {
+        name: '六月迭代',
+        link: 'http://github.com/',
+      },
+      template: '在 @{group} 新建项目 @{project}',
+    },
+    {
+      id: 'trend-2',
+      updatedAt: new Date(),
+      user: {
+        name: '付小小',
+        avatar: avatars2[1],
+      },
+      group: {
+        name: '高逼格设计天团',
+        link: 'http://github.com/',
+      },
+      project: {
+        name: '六月迭代',
+        link: 'http://github.com/',
+      },
+      template: '在 @{group} 新建项目 @{project}',
+    },
+    {
+      id: 'trend-3',
+      updatedAt: new Date(),
+      user: {
+        name: '林东东',
+        avatar: avatars2[2],
+      },
+      group: {
+        name: '中二少女团',
+        link: 'http://github.com/',
+      },
+      project: {
+        name: '六月迭代',
+        link: 'http://github.com/',
+      },
+      template: '在 @{group} 新建项目 @{project}',
+    },
+    {
+      id: 'trend-4',
+      updatedAt: new Date(),
+      user: {
+        name: '周星星',
+        avatar: avatars2[4],
+      },
+      project: {
+        name: '5 月日常迭代',
+        link: 'http://github.com/',
+      },
+      template: '将 @{project} 更新至已发布状态',
+    },
+    {
+      id: 'trend-5',
+      updatedAt: new Date(),
+      user: {
+        name: '朱偏右',
+        avatar: avatars2[3],
+      },
+      project: {
+        name: '工程效能',
+        link: 'http://github.com/',
+      },
+      comment: {
+        name: '留言',
+        link: 'http://github.com/',
+      },
+      template: '在 @{project} 发布了 @{comment}',
+    },
+    {
+      id: 'trend-6',
+      updatedAt: new Date(),
+      user: {
+        name: '乐哥',
+        avatar: avatars2[5],
+      },
+      group: {
+        name: '程序员日常',
+        link: 'http://github.com/',
+      },
+      project: {
+        name: '品牌迭代',
+        link: 'http://github.com/',
+      },
+      template: '在 @{group} 新建项目 @{project}',
+    },
+  ];
+
+  function getFakeCaptcha(req, res) {
+    return res.json('captcha-xxx');
+  }
+
+  var api = {
+    'GET /api/project/notice': getNotice,
+    'GET /api/activities': getActivities,
+    'POST /api/forms': (req, res) => {
+      res.send({
+        message: 'Ok',
+      });
+    },
+    'GET /api/tags': mockjs.mock({
+      'list|100': [
+        {
+          name: '@city',
+          'value|1-100': 150,
+          'type|0-2': 1,
+        },
+      ],
+    }),
+    'GET /api/fake_list': getFakeList,
+    'POST /api/fake_list': postFakeList,
+    'GET /api/captcha': getFakeCaptcha,
+  };
+
+  const visitData = [];
+  const beginDay = new Date().getTime();
+  const fakeY = [7, 5, 4, 2, 4, 7, 5, 6, 5, 9, 6, 3, 1, 5, 3, 6, 5];
+
+  for (let i = 0; i < fakeY.length; i += 1) {
+    visitData.push({
+      x: moment(new Date(beginDay + 1000 * 60 * 60 * 24 * i)).format('YYYY-MM-DD'),
+      y: fakeY[i],
+    });
+  }
+
+  const visitData2 = [];
+  const fakeY2 = [1, 6, 4, 8, 3, 7, 2];
+
+  for (let i = 0; i < fakeY2.length; i += 1) {
+    visitData2.push({
+      x: moment(new Date(beginDay + 1000 * 60 * 60 * 24 * i)).format('YYYY-MM-DD'),
+      y: fakeY2[i],
+    });
+  }
+
+  const salesData = [];
+
+  for (let i = 0; i < 12; i += 1) {
+    salesData.push({
+      x: `${i + 1}月`,
+      y: Math.floor(Math.random() * 1000) + 200,
+    });
+  }
+
+  const searchData = [];
+
+  for (let i = 0; i < 50; i += 1) {
+    searchData.push({
+      index: i + 1,
+      keyword: `搜索关键词-${i}`,
+      count: Math.floor(Math.random() * 1000),
+      range: Math.floor(Math.random() * 100),
+      status: Math.floor((Math.random() * 10) % 2),
+    });
+  }
+
+  const salesTypeData = [
+    {
+      x: '家用电器',
+      y: 4544,
+    },
+    {
+      x: '食用酒水',
+      y: 3321,
+    },
+    {
+      x: '个护健康',
+      y: 3113,
+    },
+    {
+      x: '服饰箱包',
+      y: 2341,
+    },
+    {
+      x: '母婴产品',
+      y: 1231,
+    },
+    {
+      x: '其他',
+      y: 1231,
+    },
+  ];
+  const salesTypeDataOnline = [
+    {
+      x: '家用电器',
+      y: 244,
+    },
+    {
+      x: '食用酒水',
+      y: 321,
+    },
+    {
+      x: '个护健康',
+      y: 311,
+    },
+    {
+      x: '服饰箱包',
+      y: 41,
+    },
+    {
+      x: '母婴产品',
+      y: 121,
+    },
+    {
+      x: '其他',
+      y: 111,
+    },
+  ];
+  const salesTypeDataOffline = [
+    {
+      x: '家用电器',
+      y: 99,
+    },
+    {
+      x: '食用酒水',
+      y: 188,
+    },
+    {
+      x: '个护健康',
+      y: 344,
+    },
+    {
+      x: '服饰箱包',
+      y: 255,
+    },
+    {
+      x: '其他',
+      y: 65,
+    },
+  ];
+  const offlineData = [];
+
+  for (let i = 0; i < 10; i += 1) {
+    offlineData.push({
+      name: `Stores ${i}`,
+      cvr: Math.ceil(Math.random() * 9) / 10,
+    });
+  }
+
+  const offlineChartData = [];
+
+  for (let i = 0; i < 20; i += 1) {
+    offlineChartData.push({
+      x: new Date().getTime() + 1000 * 60 * 30 * i,
+      y1: Math.floor(Math.random() * 100) + 10,
+      y2: Math.floor(Math.random() * 100) + 10,
+    });
+  }
+
+  const radarOriginData = [
+    {
+      name: '个人',
+      ref: 10,
+      koubei: 8,
+      output: 4,
+      contribute: 5,
+      hot: 7,
+    },
+    {
+      name: '团队',
+      ref: 3,
+      koubei: 9,
+      output: 6,
+      contribute: 3,
+      hot: 1,
+    },
+    {
+      name: '部门',
+      ref: 4,
+      koubei: 1,
+      output: 6,
+      contribute: 5,
+      hot: 7,
+    },
+  ];
+  const radarData = [];
+  const radarTitleMap = {
+    ref: '引用',
+    koubei: '口碑',
+    output: '产量',
+    contribute: '贡献',
+    hot: '热度',
+  };
+  radarOriginData.forEach(item => {
+    Object.keys(item).forEach(key => {
+      if (key !== 'name') {
+        radarData.push({
+          name: item.name,
+          label: radarTitleMap[key],
+          value: item[key],
+        });
+      }
+    });
+  });
+  const getFakeChartData = {
+    visitData,
+    visitData2,
+    salesData,
+    searchData,
+    offlineData,
+    offlineChartData,
+    salesTypeData,
+    salesTypeDataOnline,
+    salesTypeDataOffline,
+    radarData,
+  };
+  var chart = {
+    'GET /api/fake_chart_data': getFakeChartData,
+  };
+
+  var city = {
+    '110000': [
+      {
+        province: '北京市',
+        name: '市辖区',
+        id: '110100',
+      },
+    ],
+    '120000': [
+      {
+        province: '天津市',
+        name: '市辖区',
+        id: '120100',
+      },
+    ],
+    '130000': [
+      {
+        province: '河北省',
+        name: '石家庄市',
+        id: '130100',
+      },
+      {
+        province: '河北省',
+        name: '唐山市',
+        id: '130200',
+      },
+      {
+        province: '河北省',
+        name: '秦皇岛市',
+        id: '130300',
+      },
+      {
+        province: '河北省',
+        name: '邯郸市',
+        id: '130400',
+      },
+      {
+        province: '河北省',
+        name: '邢台市',
+        id: '130500',
+      },
+      {
+        province: '河北省',
+        name: '保定市',
+        id: '130600',
+      },
+      {
+        province: '河北省',
+        name: '张家口市',
+        id: '130700',
+      },
+      {
+        province: '河北省',
+        name: '承德市',
+        id: '130800',
+      },
+      {
+        province: '河北省',
+        name: '沧州市',
+        id: '130900',
+      },
+      {
+        province: '河北省',
+        name: '廊坊市',
+        id: '131000',
+      },
+      {
+        province: '河北省',
+        name: '衡水市',
+        id: '131100',
+      },
+      {
+        province: '河北省',
+        name: '省直辖县级行政区划',
+        id: '139000',
+      },
+    ],
+    '140000': [
+      {
+        province: '山西省',
+        name: '太原市',
+        id: '140100',
+      },
+      {
+        province: '山西省',
+        name: '大同市',
+        id: '140200',
+      },
+      {
+        province: '山西省',
+        name: '阳泉市',
+        id: '140300',
+      },
+      {
+        province: '山西省',
+        name: '长治市',
+        id: '140400',
+      },
+      {
+        province: '山西省',
+        name: '晋城市',
+        id: '140500',
+      },
+      {
+        province: '山西省',
+        name: '朔州市',
+        id: '140600',
+      },
+      {
+        province: '山西省',
+        name: '晋中市',
+        id: '140700',
+      },
+      {
+        province: '山西省',
+        name: '运城市',
+        id: '140800',
+      },
+      {
+        province: '山西省',
+        name: '忻州市',
+        id: '140900',
+      },
+      {
+        province: '山西省',
+        name: '临汾市',
+        id: '141000',
+      },
+      {
+        province: '山西省',
+        name: '吕梁市',
+        id: '141100',
+      },
+    ],
+    '150000': [
+      {
+        province: '内蒙古自治区',
+        name: '呼和浩特市',
+        id: '150100',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '包头市',
+        id: '150200',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '乌海市',
+        id: '150300',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '赤峰市',
+        id: '150400',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '通辽市',
+        id: '150500',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '鄂尔多斯市',
+        id: '150600',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '呼伦贝尔市',
+        id: '150700',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '巴彦淖尔市',
+        id: '150800',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '乌兰察布市',
+        id: '150900',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '兴安盟',
+        id: '152200',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '锡林郭勒盟',
+        id: '152500',
+      },
+      {
+        province: '内蒙古自治区',
+        name: '阿拉善盟',
+        id: '152900',
+      },
+    ],
+    '210000': [
+      {
+        province: '辽宁省',
+        name: '沈阳市',
+        id: '210100',
+      },
+      {
+        province: '辽宁省',
+        name: '大连市',
+        id: '210200',
+      },
+      {
+        province: '辽宁省',
+        name: '鞍山市',
+        id: '210300',
+      },
+      {
+        province: '辽宁省',
+        name: '抚顺市',
+        id: '210400',
+      },
+      {
+        province: '辽宁省',
+        name: '本溪市',
+        id: '210500',
+      },
+      {
+        province: '辽宁省',
+        name: '丹东市',
+        id: '210600',
+      },
+      {
+        province: '辽宁省',
+        name: '锦州市',
+        id: '210700',
+      },
+      {
+        province: '辽宁省',
+        name: '营口市',
+        id: '210800',
+      },
+      {
+        province: '辽宁省',
+        name: '阜新市',
+        id: '210900',
+      },
+      {
+        province: '辽宁省',
+        name: '辽阳市',
+        id: '211000',
+      },
+      {
+        province: '辽宁省',
+        name: '盘锦市',
+        id: '211100',
+      },
+      {
+        province: '辽宁省',
+        name: '铁岭市',
+        id: '211200',
+      },
+      {
+        province: '辽宁省',
+        name: '朝阳市',
+        id: '211300',
+      },
+      {
+        province: '辽宁省',
+        name: '葫芦岛市',
+        id: '211400',
+      },
+    ],
+    '220000': [
+      {
+        province: '吉林省',
+        name: '长春市',
+        id: '220100',
+      },
+      {
+        province: '吉林省',
+        name: '吉林市',
+        id: '220200',
+      },
+      {
+        province: '吉林省',
+        name: '四平市',
+        id: '220300',
+      },
+      {
+        province: '吉林省',
+        name: '辽源市',
+        id: '220400',
+      },
+      {
+        province: '吉林省',
+        name: '通化市',
+        id: '220500',
+      },
+      {
+        province: '吉林省',
+        name: '白山市',
+        id: '220600',
+      },
+      {
+        province: '吉林省',
+        name: '松原市',
+        id: '220700',
+      },
+      {
+        province: '吉林省',
+        name: '白城市',
+        id: '220800',
+      },
+      {
+        province: '吉林省',
+        name: '延边朝鲜族自治州',
+        id: '222400',
+      },
+    ],
+    '230000': [
+      {
+        province: '黑龙江省',
+        name: '哈尔滨市',
+        id: '230100',
+      },
+      {
+        province: '黑龙江省',
+        name: '齐齐哈尔市',
+        id: '230200',
+      },
+      {
+        province: '黑龙江省',
+        name: '鸡西市',
+        id: '230300',
+      },
+      {
+        province: '黑龙江省',
+        name: '鹤岗市',
+        id: '230400',
+      },
+      {
+        province: '黑龙江省',
+        name: '双鸭山市',
+        id: '230500',
+      },
+      {
+        province: '黑龙江省',
+        name: '大庆市',
+        id: '230600',
+      },
+      {
+        province: '黑龙江省',
+        name: '伊春市',
+        id: '230700',
+      },
+      {
+        province: '黑龙江省',
+        name: '佳木斯市',
+        id: '230800',
+      },
+      {
+        province: '黑龙江省',
+        name: '七台河市',
+        id: '230900',
+      },
+      {
+        province: '黑龙江省',
+        name: '牡丹江市',
+        id: '231000',
+      },
+      {
+        province: '黑龙江省',
+        name: '黑河市',
+        id: '231100',
+      },
+      {
+        province: '黑龙江省',
+        name: '绥化市',
+        id: '231200',
+      },
+      {
+        province: '黑龙江省',
+        name: '大兴安岭地区',
+        id: '232700',
+      },
+    ],
+    '310000': [
+      {
+        province: '上海市',
+        name: '市辖区',
+        id: '310100',
+      },
+    ],
+    '320000': [
+      {
+        province: '江苏省',
+        name: '南京市',
+        id: '320100',
+      },
+      {
+        province: '江苏省',
+        name: '无锡市',
+        id: '320200',
+      },
+      {
+        province: '江苏省',
+        name: '徐州市',
+        id: '320300',
+      },
+      {
+        province: '江苏省',
+        name: '常州市',
+        id: '320400',
+      },
+      {
+        province: '江苏省',
+        name: '苏州市',
+        id: '320500',
+      },
+      {
+        province: '江苏省',
+        name: '南通市',
+        id: '320600',
+      },
+      {
+        province: '江苏省',
+        name: '连云港市',
+        id: '320700',
+      },
+      {
+        province: '江苏省',
+        name: '淮安市',
+        id: '320800',
+      },
+      {
+        province: '江苏省',
+        name: '盐城市',
+        id: '320900',
+      },
+      {
+        province: '江苏省',
+        name: '扬州市',
+        id: '321000',
+      },
+      {
+        province: '江苏省',
+        name: '镇江市',
+        id: '321100',
+      },
+      {
+        province: '江苏省',
+        name: '泰州市',
+        id: '321200',
+      },
+      {
+        province: '江苏省',
+        name: '宿迁市',
+        id: '321300',
+      },
+    ],
+    '330000': [
+      {
+        province: '浙江省',
+        name: '杭州市',
+        id: '330100',
+      },
+      {
+        province: '浙江省',
+        name: '宁波市',
+        id: '330200',
+      },
+      {
+        province: '浙江省',
+        name: '温州市',
+        id: '330300',
+      },
+      {
+        province: '浙江省',
+        name: '嘉兴市',
+        id: '330400',
+      },
+      {
+        province: '浙江省',
+        name: '湖州市',
+        id: '330500',
+      },
+      {
+        province: '浙江省',
+        name: '绍兴市',
+        id: '330600',
+      },
+      {
+        province: '浙江省',
+        name: '金华市',
+        id: '330700',
+      },
+      {
+        province: '浙江省',
+        name: '衢州市',
+        id: '330800',
+      },
+      {
+        province: '浙江省',
+        name: '舟山市',
+        id: '330900',
+      },
+      {
+        province: '浙江省',
+        name: '台州市',
+        id: '331000',
+      },
+      {
+        province: '浙江省',
+        name: '丽水市',
+        id: '331100',
+      },
+    ],
+    '340000': [
+      {
+        province: '安徽省',
+        name: '合肥市',
+        id: '340100',
+      },
+      {
+        province: '安徽省',
+        name: '芜湖市',
+        id: '340200',
+      },
+      {
+        province: '安徽省',
+        name: '蚌埠市',
+        id: '340300',
+      },
+      {
+        province: '安徽省',
+        name: '淮南市',
+        id: '340400',
+      },
+      {
+        province: '安徽省',
+        name: '马鞍山市',
+        id: '340500',
+      },
+      {
+        province: '安徽省',
+        name: '淮北市',
+        id: '340600',
+      },
+      {
+        province: '安徽省',
+        name: '铜陵市',
+        id: '340700',
+      },
+      {
+        province: '安徽省',
+        name: '安庆市',
+        id: '340800',
+      },
+      {
+        province: '安徽省',
+        name: '黄山市',
+        id: '341000',
+      },
+      {
+        province: '安徽省',
+        name: '滁州市',
+        id: '341100',
+      },
+      {
+        province: '安徽省',
+        name: '阜阳市',
+        id: '341200',
+      },
+      {
+        province: '安徽省',
+        name: '宿州市',
+        id: '341300',
+      },
+      {
+        province: '安徽省',
+        name: '六安市',
+        id: '341500',
+      },
+      {
+        province: '安徽省',
+        name: '亳州市',
+        id: '341600',
+      },
+      {
+        province: '安徽省',
+        name: '池州市',
+        id: '341700',
+      },
+      {
+        province: '安徽省',
+        name: '宣城市',
+        id: '341800',
+      },
+    ],
+    '350000': [
+      {
+        province: '福建省',
+        name: '福州市',
+        id: '350100',
+      },
+      {
+        province: '福建省',
+        name: '厦门市',
+        id: '350200',
+      },
+      {
+        province: '福建省',
+        name: '莆田市',
+        id: '350300',
+      },
+      {
+        province: '福建省',
+        name: '三明市',
+        id: '350400',
+      },
+      {
+        province: '福建省',
+        name: '泉州市',
+        id: '350500',
+      },
+      {
+        province: '福建省',
+        name: '漳州市',
+        id: '350600',
+      },
+      {
+        province: '福建省',
+        name: '南平市',
+        id: '350700',
+      },
+      {
+        province: '福建省',
+        name: '龙岩市',
+        id: '350800',
+      },
+      {
+        province: '福建省',
+        name: '宁德市',
+        id: '350900',
+      },
+    ],
+    '360000': [
+      {
+        province: '江西省',
+        name: '南昌市',
+        id: '360100',
+      },
+      {
+        province: '江西省',
+        name: '景德镇市',
+        id: '360200',
+      },
+      {
+        province: '江西省',
+        name: '萍乡市',
+        id: '360300',
+      },
+      {
+        province: '江西省',
+        name: '九江市',
+        id: '360400',
+      },
+      {
+        province: '江西省',
+        name: '新余市',
+        id: '360500',
+      },
+      {
+        province: '江西省',
+        name: '鹰潭市',
+        id: '360600',
+      },
+      {
+        province: '江西省',
+        name: '赣州市',
+        id: '360700',
+      },
+      {
+        province: '江西省',
+        name: '吉安市',
+        id: '360800',
+      },
+      {
+        province: '江西省',
+        name: '宜春市',
+        id: '360900',
+      },
+      {
+        province: '江西省',
+        name: '抚州市',
+        id: '361000',
+      },
+      {
+        province: '江西省',
+        name: '上饶市',
+        id: '361100',
+      },
+    ],
+    '370000': [
+      {
+        province: '山东省',
+        name: '济南市',
+        id: '370100',
+      },
+      {
+        province: '山东省',
+        name: '青岛市',
+        id: '370200',
+      },
+      {
+        province: '山东省',
+        name: '淄博市',
+        id: '370300',
+      },
+      {
+        province: '山东省',
+        name: '枣庄市',
+        id: '370400',
+      },
+      {
+        province: '山东省',
+        name: '东营市',
+        id: '370500',
+      },
+      {
+        province: '山东省',
+        name: '烟台市',
+        id: '370600',
+      },
+      {
+        province: '山东省',
+        name: '潍坊市',
+        id: '370700',
+      },
+      {
+        province: '山东省',
+        name: '济宁市',
+        id: '370800',
+      },
+      {
+        province: '山东省',
+        name: '泰安市',
+        id: '370900',
+      },
+      {
+        province: '山东省',
+        name: '威海市',
+        id: '371000',
+      },
+      {
+        province: '山东省',
+        name: '日照市',
+        id: '371100',
+      },
+      {
+        province: '山东省',
+        name: '莱芜市',
+        id: '371200',
+      },
+      {
+        province: '山东省',
+        name: '临沂市',
+        id: '371300',
+      },
+      {
+        province: '山东省',
+        name: '德州市',
+        id: '371400',
+      },
+      {
+        province: '山东省',
+        name: '聊城市',
+        id: '371500',
+      },
+      {
+        province: '山东省',
+        name: '滨州市',
+        id: '371600',
+      },
+      {
+        province: '山东省',
+        name: '菏泽市',
+        id: '371700',
+      },
+    ],
+    '410000': [
+      {
+        province: '河南省',
+        name: '郑州市',
+        id: '410100',
+      },
+      {
+        province: '河南省',
+        name: '开封市',
+        id: '410200',
+      },
+      {
+        province: '河南省',
+        name: '洛阳市',
+        id: '410300',
+      },
+      {
+        province: '河南省',
+        name: '平顶山市',
+        id: '410400',
+      },
+      {
+        province: '河南省',
+        name: '安阳市',
+        id: '410500',
+      },
+      {
+        province: '河南省',
+        name: '鹤壁市',
+        id: '410600',
+      },
+      {
+        province: '河南省',
+        name: '新乡市',
+        id: '410700',
+      },
+      {
+        province: '河南省',
+        name: '焦作市',
+        id: '410800',
+      },
+      {
+        province: '河南省',
+        name: '濮阳市',
+        id: '410900',
+      },
+      {
+        province: '河南省',
+        name: '许昌市',
+        id: '411000',
+      },
+      {
+        province: '河南省',
+        name: '漯河市',
+        id: '411100',
+      },
+      {
+        province: '河南省',
+        name: '三门峡市',
+        id: '411200',
+      },
+      {
+        province: '河南省',
+        name: '南阳市',
+        id: '411300',
+      },
+      {
+        province: '河南省',
+        name: '商丘市',
+        id: '411400',
+      },
+      {
+        province: '河南省',
+        name: '信阳市',
+        id: '411500',
+      },
+      {
+        province: '河南省',
+        name: '周口市',
+        id: '411600',
+      },
+      {
+        province: '河南省',
+        name: '驻马店市',
+        id: '411700',
+      },
+      {
+        province: '河南省',
+        name: '省直辖县级行政区划',
+        id: '419000',
+      },
+    ],
+    '420000': [
+      {
+        province: '湖北省',
+        name: '武汉市',
+        id: '420100',
+      },
+      {
+        province: '湖北省',
+        name: '黄石市',
+        id: '420200',
+      },
+      {
+        province: '湖北省',
+        name: '十堰市',
+        id: '420300',
+      },
+      {
+        province: '湖北省',
+        name: '宜昌市',
+        id: '420500',
+      },
+      {
+        province: '湖北省',
+        name: '襄阳市',
+        id: '420600',
+      },
+      {
+        province: '湖北省',
+        name: '鄂州市',
+        id: '420700',
+      },
+      {
+        province: '湖北省',
+        name: '荆门市',
+        id: '420800',
+      },
+      {
+        province: '湖北省',
+        name: '孝感市',
+        id: '420900',
+      },
+      {
+        province: '湖北省',
+        name: '荆州市',
+        id: '421000',
+      },
+      {
+        province: '湖北省',
+        name: '黄冈市',
+        id: '421100',
+      },
+      {
+        province: '湖北省',
+        name: '咸宁市',
+        id: '421200',
+      },
+      {
+        province: '湖北省',
+        name: '随州市',
+        id: '421300',
+      },
+      {
+        province: '湖北省',
+        name: '恩施土家族苗族自治州',
+        id: '422800',
+      },
+      {
+        province: '湖北省',
+        name: '省直辖县级行政区划',
+        id: '429000',
+      },
+    ],
+    '430000': [
+      {
+        province: '湖南省',
+        name: '长沙市',
+        id: '430100',
+      },
+      {
+        province: '湖南省',
+        name: '株洲市',
+        id: '430200',
+      },
+      {
+        province: '湖南省',
+        name: '湘潭市',
+        id: '430300',
+      },
+      {
+        province: '湖南省',
+        name: '衡阳市',
+        id: '430400',
+      },
+      {
+        province: '湖南省',
+        name: '邵阳市',
+        id: '430500',
+      },
+      {
+        province: '湖南省',
+        name: '岳阳市',
+        id: '430600',
+      },
+      {
+        province: '湖南省',
+        name: '常德市',
+        id: '430700',
+      },
+      {
+        province: '湖南省',
+        name: '张家界市',
+        id: '430800',
+      },
+      {
+        province: '湖南省',
+        name: '益阳市',
+        id: '430900',
+      },
+      {
+        province: '湖南省',
+        name: '郴州市',
+        id: '431000',
+      },
+      {
+        province: '湖南省',
+        name: '永州市',
+        id: '431100',
+      },
+      {
+        province: '湖南省',
+        name: '怀化市',
+        id: '431200',
+      },
+      {
+        province: '湖南省',
+        name: '娄底市',
+        id: '431300',
+      },
+      {
+        province: '湖南省',
+        name: '湘西土家族苗族自治州',
+        id: '433100',
+      },
+    ],
+    '440000': [
+      {
+        province: '广东省',
+        name: '广州市',
+        id: '440100',
+      },
+      {
+        province: '广东省',
+        name: '韶关市',
+        id: '440200',
+      },
+      {
+        province: '广东省',
+        name: '深圳市',
+        id: '440300',
+      },
+      {
+        province: '广东省',
+        name: '珠海市',
+        id: '440400',
+      },
+      {
+        province: '广东省',
+        name: '汕头市',
+        id: '440500',
+      },
+      {
+        province: '广东省',
+        name: '佛山市',
+        id: '440600',
+      },
+      {
+        province: '广东省',
+        name: '江门市',
+        id: '440700',
+      },
+      {
+        province: '广东省',
+        name: '湛江市',
+        id: '440800',
+      },
+      {
+        province: '广东省',
+        name: '茂名市',
+        id: '440900',
+      },
+      {
+        province: '广东省',
+        name: '肇庆市',
+        id: '441200',
+      },
+      {
+        province: '广东省',
+        name: '惠州市',
+        id: '441300',
+      },
+      {
+        province: '广东省',
+        name: '梅州市',
+        id: '441400',
+      },
+      {
+        province: '广东省',
+        name: '汕尾市',
+        id: '441500',
+      },
+      {
+        province: '广东省',
+        name: '河源市',
+        id: '441600',
+      },
+      {
+        province: '广东省',
+        name: '阳江市',
+        id: '441700',
+      },
+      {
+        province: '广东省',
+        name: '清远市',
+        id: '441800',
+      },
+      {
+        province: '广东省',
+        name: '东莞市',
+        id: '441900',
+      },
+      {
+        province: '广东省',
+        name: '中山市',
+        id: '442000',
+      },
+      {
+        province: '广东省',
+        name: '潮州市',
+        id: '445100',
+      },
+      {
+        province: '广东省',
+        name: '揭阳市',
+        id: '445200',
+      },
+      {
+        province: '广东省',
+        name: '云浮市',
+        id: '445300',
+      },
+    ],
+    '450000': [
+      {
+        province: '广西壮族自治区',
+        name: '南宁市',
+        id: '450100',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '柳州市',
+        id: '450200',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '桂林市',
+        id: '450300',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '梧州市',
+        id: '450400',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '北海市',
+        id: '450500',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '防城港市',
+        id: '450600',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '钦州市',
+        id: '450700',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '贵港市',
+        id: '450800',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '玉林市',
+        id: '450900',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '百色市',
+        id: '451000',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '贺州市',
+        id: '451100',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '河池市',
+        id: '451200',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '来宾市',
+        id: '451300',
+      },
+      {
+        province: '广西壮族自治区',
+        name: '崇左市',
+        id: '451400',
+      },
+    ],
+    '460000': [
+      {
+        province: '海南省',
+        name: '海口市',
+        id: '460100',
+      },
+      {
+        province: '海南省',
+        name: '三亚市',
+        id: '460200',
+      },
+      {
+        province: '海南省',
+        name: '三沙市',
+        id: '460300',
+      },
+      {
+        province: '海南省',
+        name: '儋州市',
+        id: '460400',
+      },
+      {
+        province: '海南省',
+        name: '省直辖县级行政区划',
+        id: '469000',
+      },
+    ],
+    '500000': [
+      {
+        province: '重庆市',
+        name: '市辖区',
+        id: '500100',
+      },
+      {
+        province: '重庆市',
+        name: '县',
+        id: '500200',
+      },
+    ],
+    '510000': [
+      {
+        province: '四川省',
+        name: '成都市',
+        id: '510100',
+      },
+      {
+        province: '四川省',
+        name: '自贡市',
+        id: '510300',
+      },
+      {
+        province: '四川省',
+        name: '攀枝花市',
+        id: '510400',
+      },
+      {
+        province: '四川省',
+        name: '泸州市',
+        id: '510500',
+      },
+      {
+        province: '四川省',
+        name: '德阳市',
+        id: '510600',
+      },
+      {
+        province: '四川省',
+        name: '绵阳市',
+        id: '510700',
+      },
+      {
+        province: '四川省',
+        name: '广元市',
+        id: '510800',
+      },
+      {
+        province: '四川省',
+        name: '遂宁市',
+        id: '510900',
+      },
+      {
+        province: '四川省',
+        name: '内江市',
+        id: '511000',
+      },
+      {
+        province: '四川省',
+        name: '乐山市',
+        id: '511100',
+      },
+      {
+        province: '四川省',
+        name: '南充市',
+        id: '511300',
+      },
+      {
+        province: '四川省',
+        name: '眉山市',
+        id: '511400',
+      },
+      {
+        province: '四川省',
+        name: '宜宾市',
+        id: '511500',
+      },
+      {
+        province: '四川省',
+        name: '广安市',
+        id: '511600',
+      },
+      {
+        province: '四川省',
+        name: '达州市',
+        id: '511700',
+      },
+      {
+        province: '四川省',
+        name: '雅安市',
+        id: '511800',
+      },
+      {
+        province: '四川省',
+        name: '巴中市',
+        id: '511900',
+      },
+      {
+        province: '四川省',
+        name: '资阳市',
+        id: '512000',
+      },
+      {
+        province: '四川省',
+        name: '阿坝藏族羌族自治州',
+        id: '513200',
+      },
+      {
+        province: '四川省',
+        name: '甘孜藏族自治州',
+        id: '513300',
+      },
+      {
+        province: '四川省',
+        name: '凉山彝族自治州',
+        id: '513400',
+      },
+    ],
+    '520000': [
+      {
+        province: '贵州省',
+        name: '贵阳市',
+        id: '520100',
+      },
+      {
+        province: '贵州省',
+        name: '六盘水市',
+        id: '520200',
+      },
+      {
+        province: '贵州省',
+        name: '遵义市',
+        id: '520300',
+      },
+      {
+        province: '贵州省',
+        name: '安顺市',
+        id: '520400',
+      },
+      {
+        province: '贵州省',
+        name: '毕节市',
+        id: '520500',
+      },
+      {
+        province: '贵州省',
+        name: '铜仁市',
+        id: '520600',
+      },
+      {
+        province: '贵州省',
+        name: '黔西南布依族苗族自治州',
+        id: '522300',
+      },
+      {
+        province: '贵州省',
+        name: '黔东南苗族侗族自治州',
+        id: '522600',
+      },
+      {
+        province: '贵州省',
+        name: '黔南布依族苗族自治州',
+        id: '522700',
+      },
+    ],
+    '530000': [
+      {
+        province: '云南省',
+        name: '昆明市',
+        id: '530100',
+      },
+      {
+        province: '云南省',
+        name: '曲靖市',
+        id: '530300',
+      },
+      {
+        province: '云南省',
+        name: '玉溪市',
+        id: '530400',
+      },
+      {
+        province: '云南省',
+        name: '保山市',
+        id: '530500',
+      },
+      {
+        province: '云南省',
+        name: '昭通市',
+        id: '530600',
+      },
+      {
+        province: '云南省',
+        name: '丽江市',
+        id: '530700',
+      },
+      {
+        province: '云南省',
+        name: '普洱市',
+        id: '530800',
+      },
+      {
+        province: '云南省',
+        name: '临沧市',
+        id: '530900',
+      },
+      {
+        province: '云南省',
+        name: '楚雄彝族自治州',
+        id: '532300',
+      },
+      {
+        province: '云南省',
+        name: '红河哈尼族彝族自治州',
+        id: '532500',
+      },
+      {
+        province: '云南省',
+        name: '文山壮族苗族自治州',
+        id: '532600',
+      },
+      {
+        province: '云南省',
+        name: '西双版纳傣族自治州',
+        id: '532800',
+      },
+      {
+        province: '云南省',
+        name: '大理白族自治州',
+        id: '532900',
+      },
+      {
+        province: '云南省',
+        name: '德宏傣族景颇族自治州',
+        id: '533100',
+      },
+      {
+        province: '云南省',
+        name: '怒江傈僳族自治州',
+        id: '533300',
+      },
+      {
+        province: '云南省',
+        name: '迪庆藏族自治州',
+        id: '533400',
+      },
+    ],
+    '540000': [
+      {
+        province: '西藏自治区',
+        name: '拉萨市',
+        id: '540100',
+      },
+      {
+        province: '西藏自治区',
+        name: '日喀则市',
+        id: '540200',
+      },
+      {
+        province: '西藏自治区',
+        name: '昌都市',
+        id: '540300',
+      },
+      {
+        province: '西藏自治区',
+        name: '林芝市',
+        id: '540400',
+      },
+      {
+        province: '西藏自治区',
+        name: '山南市',
+        id: '540500',
+      },
+      {
+        province: '西藏自治区',
+        name: '那曲地区',
+        id: '542400',
+      },
+      {
+        province: '西藏自治区',
+        name: '阿里地区',
+        id: '542500',
+      },
+    ],
+    '610000': [
+      {
+        province: '陕西省',
+        name: '西安市',
+        id: '610100',
+      },
+      {
+        province: '陕西省',
+        name: '铜川市',
+        id: '610200',
+      },
+      {
+        province: '陕西省',
+        name: '宝鸡市',
+        id: '610300',
+      },
+      {
+        province: '陕西省',
+        name: '咸阳市',
+        id: '610400',
+      },
+      {
+        province: '陕西省',
+        name: '渭南市',
+        id: '610500',
+      },
+      {
+        province: '陕西省',
+        name: '延安市',
+        id: '610600',
+      },
+      {
+        province: '陕西省',
+        name: '汉中市',
+        id: '610700',
+      },
+      {
+        province: '陕西省',
+        name: '榆林市',
+        id: '610800',
+      },
+      {
+        province: '陕西省',
+        name: '安康市',
+        id: '610900',
+      },
+      {
+        province: '陕西省',
+        name: '商洛市',
+        id: '611000',
+      },
+    ],
+    '620000': [
+      {
+        province: '甘肃省',
+        name: '兰州市',
+        id: '620100',
+      },
+      {
+        province: '甘肃省',
+        name: '嘉峪关市',
+        id: '620200',
+      },
+      {
+        province: '甘肃省',
+        name: '金昌市',
+        id: '620300',
+      },
+      {
+        province: '甘肃省',
+        name: '白银市',
+        id: '620400',
+      },
+      {
+        province: '甘肃省',
+        name: '天水市',
+        id: '620500',
+      },
+      {
+        province: '甘肃省',
+        name: '武威市',
+        id: '620600',
+      },
+      {
+        province: '甘肃省',
+        name: '张掖市',
+        id: '620700',
+      },
+      {
+        province: '甘肃省',
+        name: '平凉市',
+        id: '620800',
+      },
+      {
+        province: '甘肃省',
+        name: '酒泉市',
+        id: '620900',
+      },
+      {
+        province: '甘肃省',
+        name: '庆阳市',
+        id: '621000',
+      },
+      {
+        province: '甘肃省',
+        name: '定西市',
+        id: '621100',
+      },
+      {
+        province: '甘肃省',
+        name: '陇南市',
+        id: '621200',
+      },
+      {
+        province: '甘肃省',
+        name: '临夏回族自治州',
+        id: '622900',
+      },
+      {
+        province: '甘肃省',
+        name: '甘南藏族自治州',
+        id: '623000',
+      },
+    ],
+    '630000': [
+      {
+        province: '青海省',
+        name: '西宁市',
+        id: '630100',
+      },
+      {
+        province: '青海省',
+        name: '海东市',
+        id: '630200',
+      },
+      {
+        province: '青海省',
+        name: '海北藏族自治州',
+        id: '632200',
+      },
+      {
+        province: '青海省',
+        name: '黄南藏族自治州',
+        id: '632300',
+      },
+      {
+        province: '青海省',
+        name: '海南藏族自治州',
+        id: '632500',
+      },
+      {
+        province: '青海省',
+        name: '果洛藏族自治州',
+        id: '632600',
+      },
+      {
+        province: '青海省',
+        name: '玉树藏族自治州',
+        id: '632700',
+      },
+      {
+        province: '青海省',
+        name: '海西蒙古族藏族自治州',
+        id: '632800',
+      },
+    ],
+    '640000': [
+      {
+        province: '宁夏回族自治区',
+        name: '银川市',
+        id: '640100',
+      },
+      {
+        province: '宁夏回族自治区',
+        name: '石嘴山市',
+        id: '640200',
+      },
+      {
+        province: '宁夏回族自治区',
+        name: '吴忠市',
+        id: '640300',
+      },
+      {
+        province: '宁夏回族自治区',
+        name: '固原市',
+        id: '640400',
+      },
+      {
+        province: '宁夏回族自治区',
+        name: '中卫市',
+        id: '640500',
+      },
+    ],
+    '650000': [
+      {
+        province: '新疆维吾尔自治区',
+        name: '乌鲁木齐市',
+        id: '650100',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '克拉玛依市',
+        id: '650200',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '吐鲁番市',
+        id: '650400',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '哈密市',
+        id: '650500',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '昌吉回族自治州',
+        id: '652300',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '博尔塔拉蒙古自治州',
+        id: '652700',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '巴音郭楞蒙古自治州',
+        id: '652800',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '阿克苏地区',
+        id: '652900',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '克孜勒苏柯尔克孜自治州',
+        id: '653000',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '喀什地区',
+        id: '653100',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '和田地区',
+        id: '653200',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '伊犁哈萨克自治州',
+        id: '654000',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '塔城地区',
+        id: '654200',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '阿勒泰地区',
+        id: '654300',
+      },
+      {
+        province: '新疆维吾尔自治区',
+        name: '自治区直辖县级行政区划',
+        id: '659000',
+      },
+    ],
+  };
+
+  var province = [
+    {
+      name: '北京市',
+      id: '110000',
+    },
+    {
+      name: '天津市',
+      id: '120000',
+    },
+    {
+      name: '河北省',
+      id: '130000',
+    },
+    {
+      name: '山西省',
+      id: '140000',
+    },
+    {
+      name: '内蒙古自治区',
+      id: '150000',
+    },
+    {
+      name: '辽宁省',
+      id: '210000',
+    },
+    {
+      name: '吉林省',
+      id: '220000',
+    },
+    {
+      name: '黑龙江省',
+      id: '230000',
+    },
+    {
+      name: '上海市',
+      id: '310000',
+    },
+    {
+      name: '江苏省',
+      id: '320000',
+    },
+    {
+      name: '浙江省',
+      id: '330000',
+    },
+    {
+      name: '安徽省',
+      id: '340000',
+    },
+    {
+      name: '福建省',
+      id: '350000',
+    },
+    {
+      name: '江西省',
+      id: '360000',
+    },
+    {
+      name: '山东省',
+      id: '370000',
+    },
+    {
+      name: '河南省',
+      id: '410000',
+    },
+    {
+      name: '湖北省',
+      id: '420000',
+    },
+    {
+      name: '湖南省',
+      id: '430000',
+    },
+    {
+      name: '广东省',
+      id: '440000',
+    },
+    {
+      name: '广西壮族自治区',
+      id: '450000',
+    },
+    {
+      name: '海南省',
+      id: '460000',
+    },
+    {
+      name: '重庆市',
+      id: '500000',
+    },
+    {
+      name: '四川省',
+      id: '510000',
+    },
+    {
+      name: '贵州省',
+      id: '520000',
+    },
+    {
+      name: '云南省',
+      id: '530000',
+    },
+    {
+      name: '西藏自治区',
+      id: '540000',
+    },
+    {
+      name: '陕西省',
+      id: '610000',
+    },
+    {
+      name: '甘肃省',
+      id: '620000',
+    },
+    {
+      name: '青海省',
+      id: '630000',
+    },
+    {
+      name: '宁夏回族自治区',
+      id: '640000',
+    },
+    {
+      name: '新疆维吾尔自治区',
+      id: '650000',
+    },
+    {
+      name: '台湾省',
+      id: '710000',
+    },
+    {
+      name: '香港特别行政区',
+      id: '810000',
+    },
+    {
+      name: '澳门特别行政区',
+      id: '820000',
+    },
+  ];
+  function getProvince(req, res) {
+    return res.json(province);
+  }
+
+  function getCity(req, res) {
+    return res.json(city[req.params.province]);
+  }
+
+  var geographic = {
+    'GET /api/geographic/province': getProvince,
+    'GET /api/geographic/city/:province': getCity,
+  };
+
+  const getNotices = (req, res) =>
+    res.json([
+      {
+        id: '000000001',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+        title: '你收到了 14 份新周报',
+        datetime: '2017-08-09',
+        type: 'notification',
+      },
+      {
+        id: '000000002',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png',
+        title: '你推荐的 曲妮妮 已通过第三轮面试',
+        datetime: '2017-08-08',
+        type: 'notification',
+      },
+      {
+        id: '000000003',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png',
+        title: '这种模板可以区分多种通知类型',
+        datetime: '2017-08-07',
+        read: true,
+        type: 'notification',
+      },
+      {
+        id: '000000004',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '左侧图标用于区分不同的类型',
+        datetime: '2017-08-07',
+        type: 'notification',
+      },
+      {
+        id: '000000005',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+        title: '内容不要超过两行字，超出时自动截断',
+        datetime: '2017-08-07',
+        type: 'notification',
+      },
+      {
+        id: '000000006',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+        title: '曲丽丽 评论了你',
+        description: '描述信息描述信息描述信息',
+        datetime: '2017-08-07',
+        type: 'message',
+        clickClose: true,
+      },
+      {
+        id: '000000007',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+        title: '朱偏右 回复了你',
+        description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+        datetime: '2017-08-07',
+        type: 'message',
+        clickClose: true,
+      },
+      {
+        id: '000000008',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+        title: '标题',
+        description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+        datetime: '2017-08-07',
+        type: 'message',
+        clickClose: true,
+      },
+      {
+        id: '000000009',
+        title: '任务名称',
+        description: '任务需要在 2017-01-12 20:00 前启动',
+        extra: '未开始',
+        status: 'todo',
+        type: 'event',
+      },
+      {
+        id: '000000010',
+        title: '第三方紧急代码变更',
+        description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+        extra: '马上到期',
+        status: 'urgent',
+        type: 'event',
+      },
+      {
+        id: '000000011',
+        title: '信息安全考试',
+        description: '指派竹尔于 2017-01-09 前完成更新并发布',
+        extra: '已耗时 8 天',
+        status: 'doing',
+        type: 'event',
+      },
+      {
+        id: '000000012',
+        title: 'ABCD 版本发布',
+        description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+        extra: '进行中',
+        status: 'processing',
+        type: 'event',
+      },
+    ]);
+
+  var notices = {
+    'GET /api/notices': getNotices,
+  };
+
+  const basicGoods = [
+    {
+      id: '1234561',
+      name: '矿泉水 550ml',
+      barcode: '12421432143214321',
+      price: '2.00',
+      num: '1',
+      amount: '2.00',
+    },
+    {
+      id: '1234562',
+      name: '凉茶 300ml',
+      barcode: '12421432143214322',
+      price: '3.00',
+      num: '2',
+      amount: '6.00',
+    },
+    {
+      id: '1234563',
+      name: '好吃的薯片',
+      barcode: '12421432143214323',
+      price: '7.00',
+      num: '4',
+      amount: '28.00',
+    },
+    {
+      id: '1234564',
+      name: '特别好吃的蛋卷',
+      barcode: '12421432143214324',
+      price: '8.50',
+      num: '3',
+      amount: '25.50',
+    },
+  ];
+  const basicProgress = [
+    {
+      key: '1',
+      time: '2017-10-01 14:10',
+      rate: '联系客户',
+      status: 'processing',
+      operator: '取货员 ID1234',
+      cost: '5mins',
+    },
+    {
+      key: '2',
+      time: '2017-10-01 14:05',
+      rate: '取货员出发',
+      status: 'success',
+      operator: '取货员 ID1234',
+      cost: '1h',
+    },
+    {
+      key: '3',
+      time: '2017-10-01 13:05',
+      rate: '取货员接单',
+      status: 'success',
+      operator: '取货员 ID1234',
+      cost: '5mins',
+    },
+    {
+      key: '4',
+      time: '2017-10-01 13:00',
+      rate: '申请审批通过',
+      status: 'success',
+      operator: '系统',
+      cost: '1h',
+    },
+    {
+      key: '5',
+      time: '2017-10-01 12:00',
+      rate: '发起退货申请',
+      status: 'success',
+      operator: '用户',
+      cost: '5mins',
+    },
+  ];
+  const advancedOperation1 = [
+    {
+      key: 'op1',
+      type: '订购关系生效',
+      name: '曲丽丽',
+      status: 'agree',
+      updatedAt: '2017-10-03  19:23:12',
+      memo: '-',
+    },
+    {
+      key: 'op2',
+      type: '财务复审',
+      name: '付小小',
+      status: 'reject',
+      updatedAt: '2017-10-03  19:23:12',
+      memo: '不通过原因',
+    },
+    {
+      key: 'op3',
+      type: '部门初审',
+      name: '周毛毛',
+      status: 'agree',
+      updatedAt: '2017-10-03  19:23:12',
+      memo: '-',
+    },
+    {
+      key: 'op4',
+      type: '提交订单',
+      name: '林东东',
+      status: 'agree',
+      updatedAt: '2017-10-03  19:23:12',
+      memo: '很棒',
+    },
+    {
+      key: 'op5',
+      type: '创建订单',
+      name: '汗牙牙',
+      status: 'agree',
+      updatedAt: '2017-10-03  19:23:12',
+      memo: '-',
+    },
+  ];
+  const advancedOperation2 = [
+    {
+      key: 'op1',
+      type: '订购关系生效',
+      name: '曲丽丽',
+      status: 'agree',
+      updatedAt: '2017-10-03  19:23:12',
+      memo: '-',
+    },
+  ];
+  const advancedOperation3 = [
+    {
+      key: 'op1',
+      type: '创建订单',
+      name: '汗牙牙',
+      status: 'agree',
+      updatedAt: '2017-10-03  19:23:12',
+      memo: '-',
+    },
+  ];
+  const getProfileAdvancedData = {
+    advancedOperation1,
+    advancedOperation2,
+    advancedOperation3,
+  };
+  const { Random } = mockjs;
+  var profile = {
+    'GET /api/profile/advanced': getProfileAdvancedData,
+    'GET /api/profile/basic': (req, res) => {
+      const { id } = req.query;
+      const application = {
+        id,
+        status: '已取货',
+        orderNo: Random.id(),
+        childOrderNo: Random.id(),
+      };
+      const userInfo = {
+        name: Random.cname(),
+        tel: '18100000000',
+        delivery: '菜鸟物流',
+        addr: '浙江省杭州市西湖区万塘路18号',
+        remark: '备注',
+      };
+      res.json({
+        userInfo,
+        application,
+        basicGoods,
+        basicProgress,
+      });
+    },
+  };
+
+  /*! https://mths.be/punycode v1.4.1 by @mathias */
+
+  /** Highest positive signed 32-bit float value */
+  var maxInt = 2147483647; // aka. 0x7FFFFFFF or 2^31-1
+
+  /** Bootstring parameters */
+
+  var base = 36;
+  var tMin = 1;
+  var tMax = 26;
+  var skew = 38;
+  var damp = 700;
+  var initialBias = 72;
+  var initialN = 128; // 0x80
+
+  var delimiter = '-'; // '\x2D'
+  var regexNonASCII = /[^\x20-\x7E]/; // unprintable ASCII chars + non-ASCII chars
+
+  var regexSeparators = /[\x2E\u3002\uFF0E\uFF61]/g; // RFC 3490 separators
+
+  /** Error messages */
+
+  var errors = {
+    overflow: 'Overflow: input needs wider integers to process',
+    'not-basic': 'Illegal input >= 0x80 (not a basic code point)',
+    'invalid-input': 'Invalid input',
+  };
+  /** Convenience shortcuts */
+
+  var baseMinusTMin = base - tMin;
+  var floor = Math.floor;
+  var stringFromCharCode = String.fromCharCode;
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * A generic error utility function.
+   * @private
+   * @param {String} type The error type.
+   * @returns {Error} Throws a `RangeError` with the applicable error message.
+   */
+
+  function error(type) {
+    throw new RangeError(errors[type]);
+  }
+  /**
+   * A generic `Array#map` utility function.
+   * @private
+   * @param {Array} array The array to iterate over.
+   * @param {Function} callback The function that gets called for every array
+   * item.
+   * @returns {Array} A new array of values returned by the callback function.
+   */
+
+  function map(array, fn) {
+    var length = array.length;
+    var result = [];
+
+    while (length--) {
+      result[length] = fn(array[length]);
+    }
+
+    return result;
+  }
+  /**
+   * A simple `Array#map`-like wrapper to work with domain name strings or email
+   * addresses.
+   * @private
+   * @param {String} domain The domain name or email address.
+   * @param {Function} callback The function that gets called for every
+   * character.
+   * @returns {Array} A new string of characters returned by the callback
+   * function.
+   */
+
+  function mapDomain(string, fn) {
+    var parts = string.split('@');
+    var result = '';
+
+    if (parts.length > 1) {
+      // In email addresses, only the domain name should be punycoded. Leave
+      // the local part (i.e. everything up to `@`) intact.
+      result = parts[0] + '@';
+      string = parts[1];
+    } // Avoid `split(regex)` for IE8 compatibility. See #17.
+
+    string = string.replace(regexSeparators, '\x2E');
+    var labels = string.split('.');
+    var encoded = map(labels, fn).join('.');
+    return result + encoded;
+  }
+  /**
+   * Creates an array containing the numeric code points of each Unicode
+   * character in the string. While JavaScript uses UCS-2 internally,
+   * this function will convert a pair of surrogate halves (each of which
+   * UCS-2 exposes as separate characters) into a single code point,
+   * matching UTF-16.
+   * @see `punycode.ucs2.encode`
+   * @see <https://mathiasbynens.be/notes/javascript-encoding>
+   * @memberOf punycode.ucs2
+   * @name decode
+   * @param {String} string The Unicode input string (UCS-2).
+   * @returns {Array} The new array of code points.
+   */
+
+  function ucs2decode(string) {
+    var output = [],
+      counter = 0,
+      length = string.length,
+      value,
+      extra;
+
+    while (counter < length) {
+      value = string.charCodeAt(counter++);
+
+      if (value >= 0xd800 && value <= 0xdbff && counter < length) {
+        // high surrogate, and there is a next character
+        extra = string.charCodeAt(counter++);
+
+        if ((extra & 0xfc00) == 0xdc00) {
+          // low surrogate
+          output.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
+        } else {
+          // unmatched surrogate; only append this code unit, in case the next
+          // code unit is the high surrogate of a surrogate pair
+          output.push(value);
+          counter--;
+        }
+      } else {
+        output.push(value);
+      }
+    }
+
+    return output;
+  }
+  /**
+   * Converts a digit/integer into a basic code point.
+   * @see `basicToDigit()`
+   * @private
+   * @param {Number} digit The numeric value of a basic code point.
+   * @returns {Number} The basic code point whose value (when used for
+   * representing integers) is `digit`, which needs to be in the range
+   * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is
+   * used; else, the lowercase form is used. The behavior is undefined
+   * if `flag` is non-zero and `digit` has no uppercase form.
+   */
+
+  function digitToBasic(digit, flag) {
+    //  0..25 map to ASCII a..z or A..Z
+    // 26..35 map to ASCII 0..9
+    return digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);
+  }
+  /**
+   * Bias adaptation function as per section 3.4 of RFC 3492.
+   * https://tools.ietf.org/html/rfc3492#section-3.4
+   * @private
+   */
+
+  function adapt(delta, numPoints, firstTime) {
+    var k = 0;
+    delta = firstTime ? floor(delta / damp) : delta >> 1;
+    delta += floor(delta / numPoints);
+
+    for (
+      ;
+      /* no initialization */
+      delta > (baseMinusTMin * tMax) >> 1;
+      k += base
+    ) {
+      delta = floor(delta / baseMinusTMin);
+    }
+
+    return floor(k + ((baseMinusTMin + 1) * delta) / (delta + skew));
+  }
+  /**
+   * Converts a string of Unicode symbols (e.g. a domain name label) to a
+   * Punycode string of ASCII-only symbols.
+   * @memberOf punycode
+   * @param {String} input The string of Unicode symbols.
+   * @returns {String} The resulting Punycode string of ASCII-only symbols.
+   */
+
+  function encode(input) {
+    var n,
+      delta,
+      handledCPCount,
+      basicLength,
+      bias,
+      j,
+      m,
+      q,
+      k,
+      t,
+      currentValue,
+      output = [],
+      /** `inputLength` will hold the number of code points in `input`. */
+      inputLength,
+      /** Cached calculation results */
+      handledCPCountPlusOne,
+      baseMinusT,
+      qMinusT; // Convert the input in UCS-2 to Unicode
+
+    input = ucs2decode(input); // Cache the length
+
+    inputLength = input.length; // Initialize the state
+
+    n = initialN;
+    delta = 0;
+    bias = initialBias; // Handle the basic code points
+
+    for (j = 0; j < inputLength; ++j) {
+      currentValue = input[j];
+
+      if (currentValue < 0x80) {
+        output.push(stringFromCharCode(currentValue));
+      }
+    }
+
+    handledCPCount = basicLength = output.length; // `handledCPCount` is the number of code points that have been handled;
+    // `basicLength` is the number of basic code points.
+    // Finish the basic string - if it is not empty - with a delimiter
+
+    if (basicLength) {
+      output.push(delimiter);
+    } // Main encoding loop:
+
+    while (handledCPCount < inputLength) {
+      // All non-basic code points < n have been handled already. Find the next
+      // larger one:
+      for (m = maxInt, j = 0; j < inputLength; ++j) {
+        currentValue = input[j];
+
+        if (currentValue >= n && currentValue < m) {
+          m = currentValue;
+        }
+      } // Increase `delta` enough to advance the decoder's <n,i> state to <m,0>,
+      // but guard against overflow
+
+      handledCPCountPlusOne = handledCPCount + 1;
+
+      if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {
+        error('overflow');
+      }
+
+      delta += (m - n) * handledCPCountPlusOne;
+      n = m;
+
+      for (j = 0; j < inputLength; ++j) {
+        currentValue = input[j];
+
+        if (currentValue < n && ++delta > maxInt) {
+          error('overflow');
+        }
+
+        if (currentValue == n) {
+          // Represent delta as a generalized variable-length integer
+          for (
+            q = delta, k = base;
+            ;
+            /* no condition */
+            k += base
+          ) {
+            t = k <= bias ? tMin : k >= bias + tMax ? tMax : k - bias;
+
+            if (q < t) {
+              break;
+            }
+
+            qMinusT = q - t;
+            baseMinusT = base - t;
+            output.push(stringFromCharCode(digitToBasic(t + (qMinusT % baseMinusT), 0)));
+            q = floor(qMinusT / baseMinusT);
+          }
+
+          output.push(stringFromCharCode(digitToBasic(q, 0)));
+          bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);
+          delta = 0;
+          ++handledCPCount;
+        }
+      }
+
+      ++delta;
+      ++n;
+    }
+
+    return output.join('');
+  }
+  /**
+   * Converts a Unicode string representing a domain name or an email address to
+   * Punycode. Only the non-ASCII parts of the domain name will be converted,
+   * i.e. it doesn't matter if you call it with a domain that's already in
+   * ASCII.
+   * @memberOf punycode
+   * @param {String} input The domain name or email address to convert, as a
+   * Unicode string.
+   * @returns {String} The Punycode representation of the given domain name or
+   * email address.
+   */
+
+  function toASCII(input) {
+    return mapDomain(input, function(string) {
+      return regexNonASCII.test(string) ? 'xn--' + encode(string) : string;
+    });
+  }
+
+  // shim for using process in browser
+
+  if (typeof global.setTimeout === 'function');
+
+  if (typeof global.clearTimeout === 'function');
+
+  var performance = global.performance || {};
+
+  var performanceNow =
+    performance.now ||
+    performance.mozNow ||
+    performance.msNow ||
+    performance.oNow ||
+    performance.webkitNow ||
+    function() {
+      return new Date().getTime();
+    }; // generate timestamp or delta
+
+  // Copyright Joyent, Inc. and other Node contributors.
+  function isNull(arg) {
+    return arg === null;
+  }
+  function isNullOrUndefined(arg) {
+    return arg == null;
+  }
+  function isString(arg) {
+    return typeof arg === 'string';
+  }
+  function isObject(arg) {
+    return typeof arg === 'object' && arg !== null;
+  }
+
+  // Copyright Joyent, Inc. and other Node contributors.
+  //
+  // Permission is hereby granted, free of charge, to any person obtaining a
+  // copy of this software and associated documentation files (the
+  // "Software"), to deal in the Software without restriction, including
+  // without limitation the rights to use, copy, modify, merge, publish,
+  // distribute, sublicense, and/or sell copies of the Software, and to permit
+  // persons to whom the Software is furnished to do so, subject to the
+  // following conditions:
+  //
+  // The above copyright notice and this permission notice shall be included
+  // in all copies or substantial portions of the Software.
+  //
+  // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+  // OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+  // MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+  // NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+  // DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+  // OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+  // USE OR OTHER DEALINGS IN THE SOFTWARE.
+  // If obj.hasOwnProperty has been overridden, then calling
+  // obj.hasOwnProperty(prop) will break.
+  // See: https://github.com/joyent/node/issues/1707
+  function hasOwnProperty(obj, prop) {
+    return Object.prototype.hasOwnProperty.call(obj, prop);
+  }
+
+  var isArray =
+    Array.isArray ||
+    function(xs) {
+      return Object.prototype.toString.call(xs) === '[object Array]';
+    };
+
+  function stringifyPrimitive(v) {
+    switch (typeof v) {
+      case 'string':
+        return v;
+
+      case 'boolean':
+        return v ? 'true' : 'false';
+
+      case 'number':
+        return isFinite(v) ? v : '';
+
+      default:
+        return '';
+    }
+  }
+
+  function stringify(obj, sep, eq, name) {
+    sep = sep || '&';
+    eq = eq || '=';
+
+    if (obj === null) {
+      obj = undefined;
+    }
+
+    if (typeof obj === 'object') {
+      return map$1(objectKeys(obj), function(k) {
+        var ks = encodeURIComponent(stringifyPrimitive(k)) + eq;
+
+        if (isArray(obj[k])) {
+          return map$1(obj[k], function(v) {
+            return ks + encodeURIComponent(stringifyPrimitive(v));
+          }).join(sep);
+        } else {
+          return ks + encodeURIComponent(stringifyPrimitive(obj[k]));
+        }
+      }).join(sep);
+    }
+
+    if (!name) return '';
+    return (
+      encodeURIComponent(stringifyPrimitive(name)) +
+      eq +
+      encodeURIComponent(stringifyPrimitive(obj))
+    );
+  }
+
+  function map$1(xs, f) {
+    if (xs.map) return xs.map(f);
+    var res = [];
+
+    for (var i = 0; i < xs.length; i++) {
+      res.push(f(xs[i], i));
+    }
+
+    return res;
+  }
+
+  var objectKeys =
+    Object.keys ||
+    function(obj) {
+      var res = [];
+
+      for (var key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) res.push(key);
+      }
+
+      return res;
+    };
+
+  function parse(qs, sep, eq, options) {
+    sep = sep || '&';
+    eq = eq || '=';
+    var obj = {};
+
+    if (typeof qs !== 'string' || qs.length === 0) {
+      return obj;
+    }
+
+    var regexp = /\+/g;
+    qs = qs.split(sep);
+    var maxKeys = 1000;
+
+    if (options && typeof options.maxKeys === 'number') {
+      maxKeys = options.maxKeys;
+    }
+
+    var len = qs.length; // maxKeys <= 0 means that we should not limit keys count
+
+    if (maxKeys > 0 && len > maxKeys) {
+      len = maxKeys;
+    }
+
+    for (var i = 0; i < len; ++i) {
+      var x = qs[i].replace(regexp, '%20'),
+        idx = x.indexOf(eq),
+        kstr,
+        vstr,
+        k,
+        v;
+
+      if (idx >= 0) {
+        kstr = x.substr(0, idx);
+        vstr = x.substr(idx + 1);
+      } else {
+        kstr = x;
+        vstr = '';
+      }
+
+      k = decodeURIComponent(kstr);
+      v = decodeURIComponent(vstr);
+
+      if (!hasOwnProperty(obj, k)) {
+        obj[k] = v;
+      } else if (isArray(obj[k])) {
+        obj[k].push(v);
+      } else {
+        obj[k] = [obj[k], v];
+      }
+    }
+
+    return obj;
+  }
+
+  // Copyright Joyent, Inc. and other Node contributors.
+  function Url() {
+    this.protocol = null;
+    this.slashes = null;
+    this.auth = null;
+    this.host = null;
+    this.port = null;
+    this.hostname = null;
+    this.hash = null;
+    this.search = null;
+    this.query = null;
+    this.pathname = null;
+    this.path = null;
+    this.href = null;
+  } // Reference: RFC 3986, RFC 1808, RFC 2396
+  // define these here so at least they only have to be
+  // compiled once on the first module load.
+
+  var protocolPattern = /^([a-z0-9.+-]+:)/i,
+    portPattern = /:[0-9]*$/,
+    // Special case for a simple path URL
+    simplePathPattern = /^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,
+    // RFC 2396: characters reserved for delimiting URLs.
+    // We actually just auto-escape these.
+    delims = ['<', '>', '"', '`', ' ', '\r', '\n', '\t'],
+    // RFC 2396: characters not allowed for various reasons.
+    unwise = ['{', '}', '|', '\\', '^', '`'].concat(delims),
+    // Allowed by RFCs, but cause of XSS attacks.  Always escape these.
+    autoEscape = ["'"].concat(unwise),
+    // Characters that are never ever allowed in a hostname.
+    // Note that any invalid chars are also handled, but these
+    // are the ones that are *expected* to be seen, so we fast-path
+    // them.
+    nonHostChars = ['%', '/', '?', ';', '#'].concat(autoEscape),
+    hostEndingChars = ['/', '?', '#'],
+    hostnameMaxLen = 255,
+    hostnamePartPattern = /^[+a-z0-9A-Z_-]{0,63}$/,
+    hostnamePartStart = /^([+a-z0-9A-Z_-]{0,63})(.*)$/,
+    // protocols that can allow "unsafe" and "unwise" chars.
+    unsafeProtocol = {
+      javascript: true,
+      'javascript:': true,
+    },
+    // protocols that never have a hostname.
+    hostlessProtocol = {
+      javascript: true,
+      'javascript:': true,
+    },
+    // protocols that always contain a // bit.
+    slashedProtocol = {
+      http: true,
+      https: true,
+      ftp: true,
+      gopher: true,
+      file: true,
+      'http:': true,
+      'https:': true,
+      'ftp:': true,
+      'gopher:': true,
+      'file:': true,
+    };
+
+  function urlParse(url, parseQueryString, slashesDenoteHost) {
+    if (url && isObject(url) && url instanceof Url) return url;
+    var u = new Url();
+    u.parse(url, parseQueryString, slashesDenoteHost);
+    return u;
+  }
+
+  Url.prototype.parse = function(url, parseQueryString, slashesDenoteHost) {
+    return parse$1(this, url, parseQueryString, slashesDenoteHost);
+  };
+
+  function parse$1(self, url, parseQueryString, slashesDenoteHost) {
+    if (!isString(url)) {
+      throw new TypeError("Parameter 'url' must be a string, not " + typeof url);
+    } // Copy chrome, IE, opera backslash-handling behavior.
+    // Back slashes before the query string get converted to forward slashes
+    // See: https://code.google.com/p/chromium/issues/detail?id=25916
+
+    var queryIndex = url.indexOf('?'),
+      splitter = queryIndex !== -1 && queryIndex < url.indexOf('#') ? '?' : '#',
+      uSplit = url.split(splitter),
+      slashRegex = /\\/g;
+    uSplit[0] = uSplit[0].replace(slashRegex, '/');
+    url = uSplit.join(splitter);
+    var rest = url; // trim before proceeding.
+    // This is to support parse stuff like "  http://foo.com  \n"
+
+    rest = rest.trim();
+
+    if (!slashesDenoteHost && url.split('#').length === 1) {
+      // Try fast path regexp
+      var simplePath = simplePathPattern.exec(rest);
+
+      if (simplePath) {
+        self.path = rest;
+        self.href = rest;
+        self.pathname = simplePath[1];
+
+        if (simplePath[2]) {
+          self.search = simplePath[2];
+
+          if (parseQueryString) {
+            self.query = parse(self.search.substr(1));
+          } else {
+            self.query = self.search.substr(1);
+          }
+        } else if (parseQueryString) {
+          self.search = '';
+          self.query = {};
+        }
+
+        return self;
+      }
+    }
+
+    var proto = protocolPattern.exec(rest);
+
+    if (proto) {
+      proto = proto[0];
+      var lowerProto = proto.toLowerCase();
+      self.protocol = lowerProto;
+      rest = rest.substr(proto.length);
+    } // figure out if it's got a host
+    // user@server is *always* interpreted as a hostname, and url
+    // resolution will treat //foo/bar as host=foo,path=bar because that's
+    // how the browser resolves relative URLs.
+
+    if (slashesDenoteHost || proto || rest.match(/^\/\/[^@\/]+@[^@\/]+/)) {
+      var slashes = rest.substr(0, 2) === '//';
+
+      if (slashes && !(proto && hostlessProtocol[proto])) {
+        rest = rest.substr(2);
+        self.slashes = true;
+      }
+    }
+
+    var i, hec, l, p;
+
+    if (!hostlessProtocol[proto] && (slashes || (proto && !slashedProtocol[proto]))) {
+      // there's a hostname.
+      // the first instance of /, ?, ;, or # ends the host.
+      //
+      // If there is an @ in the hostname, then non-host chars *are* allowed
+      // to the left of the last @ sign, unless some host-ending character
+      // comes *before* the @-sign.
+      // URLs are obnoxious.
+      //
+      // ex:
+      // http://a@b@c/ => user:a@b host:c
+      // http://a@b?@c => user:a host:c path:/?@c
+      // v0.12 TODO(isaacs): This is not quite how Chrome does things.
+      // Review our test case against browsers more comprehensively.
+      // find the first instance of any hostEndingChars
+      var hostEnd = -1;
+
+      for (i = 0; i < hostEndingChars.length; i++) {
+        hec = rest.indexOf(hostEndingChars[i]);
+        if (hec !== -1 && (hostEnd === -1 || hec < hostEnd)) hostEnd = hec;
+      } // at this point, either we have an explicit point where the
+      // auth portion cannot go past, or the last @ char is the decider.
+
+      var auth, atSign;
+
+      if (hostEnd === -1) {
+        // atSign can be anywhere.
+        atSign = rest.lastIndexOf('@');
+      } else {
+        // atSign must be in auth portion.
+        // http://a@b/c@d => host:b auth:a path:/c@d
+        atSign = rest.lastIndexOf('@', hostEnd);
+      } // Now we have a portion which is definitely the auth.
+      // Pull that off.
+
+      if (atSign !== -1) {
+        auth = rest.slice(0, atSign);
+        rest = rest.slice(atSign + 1);
+        self.auth = decodeURIComponent(auth);
+      } // the host is the remaining to the left of the first non-host char
+
+      hostEnd = -1;
+
+      for (i = 0; i < nonHostChars.length; i++) {
+        hec = rest.indexOf(nonHostChars[i]);
+        if (hec !== -1 && (hostEnd === -1 || hec < hostEnd)) hostEnd = hec;
+      } // if we still have not hit it, then the entire thing is a host.
+
+      if (hostEnd === -1) hostEnd = rest.length;
+      self.host = rest.slice(0, hostEnd);
+      rest = rest.slice(hostEnd); // pull out port.
+
+      parseHost(self); // we've indicated that there is a hostname,
+      // so even if it's empty, it has to be present.
+
+      self.hostname = self.hostname || ''; // if hostname begins with [ and ends with ]
+      // assume that it's an IPv6 address.
+
+      var ipv6Hostname =
+        self.hostname[0] === '[' && self.hostname[self.hostname.length - 1] === ']'; // validate a little.
+
+      if (!ipv6Hostname) {
+        var hostparts = self.hostname.split(/\./);
+
+        for (i = 0, l = hostparts.length; i < l; i++) {
+          var part = hostparts[i];
+          if (!part) continue;
+
+          if (!part.match(hostnamePartPattern)) {
+            var newpart = '';
+
+            for (var j = 0, k = part.length; j < k; j++) {
+              if (part.charCodeAt(j) > 127) {
+                // we replace non-ASCII char with a temporary placeholder
+                // we need this to make sure size of hostname is not
+                // broken by replacing non-ASCII by nothing
+                newpart += 'x';
+              } else {
+                newpart += part[j];
+              }
+            } // we test again with ASCII char only
+
+            if (!newpart.match(hostnamePartPattern)) {
+              var validParts = hostparts.slice(0, i);
+              var notHost = hostparts.slice(i + 1);
+              var bit = part.match(hostnamePartStart);
+
+              if (bit) {
+                validParts.push(bit[1]);
+                notHost.unshift(bit[2]);
+              }
+
+              if (notHost.length) {
+                rest = '/' + notHost.join('.') + rest;
+              }
+
+              self.hostname = validParts.join('.');
+              break;
+            }
+          }
+        }
+      }
+
+      if (self.hostname.length > hostnameMaxLen) {
+        self.hostname = '';
+      } else {
+        // hostnames are always lower case.
+        self.hostname = self.hostname.toLowerCase();
+      }
+
+      if (!ipv6Hostname) {
+        // IDNA Support: Returns a punycoded representation of "domain".
+        // It only converts parts of the domain name that
+        // have non-ASCII characters, i.e. it doesn't matter if
+        // you call it with a domain that already is ASCII-only.
+        self.hostname = toASCII(self.hostname);
+      }
+
+      p = self.port ? ':' + self.port : '';
+      var h = self.hostname || '';
+      self.host = h + p;
+      self.href += self.host; // strip [ and ] from the hostname
+      // the host field still retains them, though
+
+      if (ipv6Hostname) {
+        self.hostname = self.hostname.substr(1, self.hostname.length - 2);
+
+        if (rest[0] !== '/') {
+          rest = '/' + rest;
+        }
+      }
+    } // now rest is set to the post-host stuff.
+    // chop off any delim chars.
+
+    if (!unsafeProtocol[lowerProto]) {
+      // First, make 100% sure that any "autoEscape" chars get
+      // escaped, even if encodeURIComponent doesn't think they
+      // need to be.
+      for (i = 0, l = autoEscape.length; i < l; i++) {
+        var ae = autoEscape[i];
+        if (rest.indexOf(ae) === -1) continue;
+        var esc = encodeURIComponent(ae);
+
+        if (esc === ae) {
+          esc = escape(ae);
+        }
+
+        rest = rest.split(ae).join(esc);
+      }
+    } // chop off from the tail first.
+
+    var hash = rest.indexOf('#');
+
+    if (hash !== -1) {
+      // got a fragment string.
+      self.hash = rest.substr(hash);
+      rest = rest.slice(0, hash);
+    }
+
+    var qm = rest.indexOf('?');
+
+    if (qm !== -1) {
+      self.search = rest.substr(qm);
+      self.query = rest.substr(qm + 1);
+
+      if (parseQueryString) {
+        self.query = parse(self.query);
+      }
+
+      rest = rest.slice(0, qm);
+    } else if (parseQueryString) {
+      // no query string, but parseQueryString still requested
+      self.search = '';
+      self.query = {};
+    }
+
+    if (rest) self.pathname = rest;
+
+    if (slashedProtocol[lowerProto] && self.hostname && !self.pathname) {
+      self.pathname = '/';
+    } //to support http.request
+
+    if (self.pathname || self.search) {
+      p = self.pathname || '';
+      var s = self.search || '';
+      self.path = p + s;
+    } // finally, reconstruct the href based on what has been validated.
+
+    self.href = format(self);
+    return self;
+  } // format a parsed object into a url string
+
+  function format(self) {
+    var auth = self.auth || '';
+
+    if (auth) {
+      auth = encodeURIComponent(auth);
+      auth = auth.replace(/%3A/i, ':');
+      auth += '@';
+    }
+
+    var protocol = self.protocol || '',
+      pathname = self.pathname || '',
+      hash = self.hash || '',
+      host = false,
+      query = '';
+
+    if (self.host) {
+      host = auth + self.host;
+    } else if (self.hostname) {
+      host = auth + (self.hostname.indexOf(':') === -1 ? self.hostname : '[' + this.hostname + ']');
+
+      if (self.port) {
+        host += ':' + self.port;
+      }
+    }
+
+    if (self.query && isObject(self.query) && Object.keys(self.query).length) {
+      query = stringify(self.query);
+    }
+
+    var search = self.search || (query && '?' + query) || '';
+    if (protocol && protocol.substr(-1) !== ':') protocol += ':'; // only the slashedProtocols get the //.  Not mailto:, xmpp:, etc.
+    // unless they had them to begin with.
+
+    if (self.slashes || ((!protocol || slashedProtocol[protocol]) && host !== false)) {
+      host = '//' + (host || '');
+      if (pathname && pathname.charAt(0) !== '/') pathname = '/' + pathname;
+    } else if (!host) {
+      host = '';
+    }
+
+    if (hash && hash.charAt(0) !== '#') hash = '#' + hash;
+    if (search && search.charAt(0) !== '?') search = '?' + search;
+    pathname = pathname.replace(/[?#]/g, function(match) {
+      return encodeURIComponent(match);
+    });
+    search = search.replace('#', '%23');
+    return protocol + host + pathname + search + hash;
+  }
+
+  Url.prototype.format = function() {
+    return format(this);
+  };
+
+  Url.prototype.resolve = function(relative) {
+    return this.resolveObject(urlParse(relative, false, true)).format();
+  };
+
+  Url.prototype.resolveObject = function(relative) {
+    if (isString(relative)) {
+      var rel = new Url();
+      rel.parse(relative, false, true);
+      relative = rel;
+    }
+
+    var result = new Url();
+    var tkeys = Object.keys(this);
+
+    for (var tk = 0; tk < tkeys.length; tk++) {
+      var tkey = tkeys[tk];
+      result[tkey] = this[tkey];
+    } // hash is always overridden, no matter what.
+    // even href="" will remove it.
+
+    result.hash = relative.hash; // if the relative url is empty, then there's nothing left to do here.
+
+    if (relative.href === '') {
+      result.href = result.format();
+      return result;
+    } // hrefs like //foo/bar always cut to the protocol.
+
+    if (relative.slashes && !relative.protocol) {
+      // take everything except the protocol from relative
+      var rkeys = Object.keys(relative);
+
+      for (var rk = 0; rk < rkeys.length; rk++) {
+        var rkey = rkeys[rk];
+        if (rkey !== 'protocol') result[rkey] = relative[rkey];
+      } //urlParse appends trailing / to urls like http://www.example.com
+
+      if (slashedProtocol[result.protocol] && result.hostname && !result.pathname) {
+        result.path = result.pathname = '/';
+      }
+
+      result.href = result.format();
+      return result;
+    }
+
+    var relPath;
+
+    if (relative.protocol && relative.protocol !== result.protocol) {
+      // if it's a known url protocol, then changing
+      // the protocol does weird things
+      // first, if it's not file:, then we MUST have a host,
+      // and if there was a path
+      // to begin with, then we MUST have a path.
+      // if it is file:, then the host is dropped,
+      // because that's known to be hostless.
+      // anything else is assumed to be absolute.
+      if (!slashedProtocol[relative.protocol]) {
+        var keys = Object.keys(relative);
+
+        for (var v = 0; v < keys.length; v++) {
+          var k = keys[v];
+          result[k] = relative[k];
+        }
+
+        result.href = result.format();
+        return result;
+      }
+
+      result.protocol = relative.protocol;
+
+      if (!relative.host && !hostlessProtocol[relative.protocol]) {
+        relPath = (relative.pathname || '').split('/');
+
+        while (relPath.length && !(relative.host = relPath.shift()));
+
+        if (!relative.host) relative.host = '';
+        if (!relative.hostname) relative.hostname = '';
+        if (relPath[0] !== '') relPath.unshift('');
+        if (relPath.length < 2) relPath.unshift('');
+        result.pathname = relPath.join('/');
+      } else {
+        result.pathname = relative.pathname;
+      }
+
+      result.search = relative.search;
+      result.query = relative.query;
+      result.host = relative.host || '';
+      result.auth = relative.auth;
+      result.hostname = relative.hostname || relative.host;
+      result.port = relative.port; // to support http.request
+
+      if (result.pathname || result.search) {
+        var p = result.pathname || '';
+        var s = result.search || '';
+        result.path = p + s;
+      }
+
+      result.slashes = result.slashes || relative.slashes;
+      result.href = result.format();
+      return result;
+    }
+
+    var isSourceAbs = result.pathname && result.pathname.charAt(0) === '/',
+      isRelAbs = relative.host || (relative.pathname && relative.pathname.charAt(0) === '/'),
+      mustEndAbs = isRelAbs || isSourceAbs || (result.host && relative.pathname),
+      removeAllDots = mustEndAbs,
+      srcPath = (result.pathname && result.pathname.split('/')) || [],
+      psychotic = result.protocol && !slashedProtocol[result.protocol];
+    relPath = (relative.pathname && relative.pathname.split('/')) || []; // if the url is a non-slashed url, then relative
+    // links like ../.. should be able
+    // to crawl up to the hostname, as well.  This is strange.
+    // result.protocol has already been set by now.
+    // Later on, put the first path part into the host field.
+
+    if (psychotic) {
+      result.hostname = '';
+      result.port = null;
+
+      if (result.host) {
+        if (srcPath[0] === '') srcPath[0] = result.host;
+        else srcPath.unshift(result.host);
+      }
+
+      result.host = '';
+
+      if (relative.protocol) {
+        relative.hostname = null;
+        relative.port = null;
+
+        if (relative.host) {
+          if (relPath[0] === '') relPath[0] = relative.host;
+          else relPath.unshift(relative.host);
+        }
+
+        relative.host = null;
+      }
+
+      mustEndAbs = mustEndAbs && (relPath[0] === '' || srcPath[0] === '');
+    }
+
+    var authInHost;
+
+    if (isRelAbs) {
+      // it's absolute.
+      result.host = relative.host || relative.host === '' ? relative.host : result.host;
+      result.hostname =
+        relative.hostname || relative.hostname === '' ? relative.hostname : result.hostname;
+      result.search = relative.search;
+      result.query = relative.query;
+      srcPath = relPath; // fall through to the dot-handling below.
+    } else if (relPath.length) {
+      // it's relative
+      // throw away the existing file, and take the new path instead.
+      if (!srcPath) srcPath = [];
+      srcPath.pop();
+      srcPath = srcPath.concat(relPath);
+      result.search = relative.search;
+      result.query = relative.query;
+    } else if (!isNullOrUndefined(relative.search)) {
+      // just pull out the search.
+      // like href='?foo'.
+      // Put this after the other two cases because it simplifies the booleans
+      if (psychotic) {
+        result.hostname = result.host = srcPath.shift(); //occationaly the auth can get stuck only in host
+        //this especially happens in cases like
+        //url.resolveObject('mailto:local1@domain1', 'local2@domain2')
+
+        authInHost = result.host && result.host.indexOf('@') > 0 ? result.host.split('@') : false;
+
+        if (authInHost) {
+          result.auth = authInHost.shift();
+          result.host = result.hostname = authInHost.shift();
+        }
+      }
+
+      result.search = relative.search;
+      result.query = relative.query; //to support http.request
+
+      if (!isNull(result.pathname) || !isNull(result.search)) {
+        result.path =
+          (result.pathname ? result.pathname : '') + (result.search ? result.search : '');
+      }
+
+      result.href = result.format();
+      return result;
+    }
+
+    if (!srcPath.length) {
+      // no path at all.  easy.
+      // we've already handled the other stuff above.
+      result.pathname = null; //to support http.request
+
+      if (result.search) {
+        result.path = '/' + result.search;
+      } else {
+        result.path = null;
+      }
+
+      result.href = result.format();
+      return result;
+    } // if a url ENDs in . or .., then it must get a trailing slash.
+    // however, if it ends in anything else non-slashy,
+    // then it must NOT get a trailing slash.
+
+    var last = srcPath.slice(-1)[0];
+    var hasTrailingSlash =
+      ((result.host || relative.host || srcPath.length > 1) && (last === '.' || last === '..')) ||
+      last === ''; // strip single dots, resolve double dots to parent dir
+    // if the path tries to go above the root, `up` ends up > 0
+
+    var up = 0;
+
+    for (var i = srcPath.length; i >= 0; i--) {
+      last = srcPath[i];
+
+      if (last === '.') {
+        srcPath.splice(i, 1);
+      } else if (last === '..') {
+        srcPath.splice(i, 1);
+        up++;
+      } else if (up) {
+        srcPath.splice(i, 1);
+        up--;
+      }
+    } // if the path is allowed to go above the root, restore leading ..s
+
+    if (!mustEndAbs && !removeAllDots) {
+      for (; up--; up) {
+        srcPath.unshift('..');
+      }
+    }
+
+    if (mustEndAbs && srcPath[0] !== '' && (!srcPath[0] || srcPath[0].charAt(0) !== '/')) {
+      srcPath.unshift('');
+    }
+
+    if (hasTrailingSlash && srcPath.join('/').substr(-1) !== '/') {
+      srcPath.push('');
+    }
+
+    var isAbsolute = srcPath[0] === '' || (srcPath[0] && srcPath[0].charAt(0) === '/'); // put the host back
+
+    if (psychotic) {
+      result.hostname = result.host = isAbsolute ? '' : srcPath.length ? srcPath.shift() : ''; //occationaly the auth can get stuck only in host
+      //this especially happens in cases like
+      //url.resolveObject('mailto:local1@domain1', 'local2@domain2')
+
+      authInHost = result.host && result.host.indexOf('@') > 0 ? result.host.split('@') : false;
+
+      if (authInHost) {
+        result.auth = authInHost.shift();
+        result.host = result.hostname = authInHost.shift();
+      }
+    }
+
+    mustEndAbs = mustEndAbs || (result.host && srcPath.length);
+
+    if (mustEndAbs && !isAbsolute) {
+      srcPath.unshift('');
+    }
+
+    if (!srcPath.length) {
+      result.pathname = null;
+      result.path = null;
+    } else {
+      result.pathname = srcPath.join('/');
+    } //to support request.http
+
+    if (!isNull(result.pathname) || !isNull(result.search)) {
+      result.path = (result.pathname ? result.pathname : '') + (result.search ? result.search : '');
+    }
+
+    result.auth = relative.auth || result.auth;
+    result.slashes = result.slashes || relative.slashes;
+    result.href = result.format();
+    return result;
+  };
+
+  Url.prototype.parseHost = function() {
+    return parseHost(this);
+  };
+
+  function parseHost(self) {
+    var host = self.host;
+    var port = portPattern.exec(host);
+
+    if (port) {
+      port = port[0];
+
+      if (port !== ':') {
+        self.port = port.substr(1);
+      }
+
+      host = host.substr(0, host.length - port.length);
+    }
+
+    if (host) self.hostname = host;
+  }
+
+  let tableListDataSource = [];
+
+  for (let i = 0; i < 46; i += 1) {
+    tableListDataSource.push({
+      key: i,
+      disabled: i % 6 === 0,
+      href: 'https://ant.design',
+      avatar: [
+        'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
+        'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
+      ][i % 2],
+      name: `TradeCode ${i}`,
+      title: `一个任务名称 ${i}`,
+      owner: '曲丽丽',
+      desc: '这是一段描述',
+      callNo: Math.floor(Math.random() * 1000),
+      status: Math.floor(Math.random() * 10) % 4,
+      updatedAt: new Date(`2017-07-${Math.floor(i / 2) + 1}`),
+      createdAt: new Date(`2017-07-${Math.floor(i / 2) + 1}`),
+      progress: Math.ceil(Math.random() * 100),
+    });
+  }
+
+  function getRule(req, res, u) {
+    let url = u;
+
+    if (!url || Object.prototype.toString.call(url) !== '[object String]') {
+      url = req.url; // eslint-disable-line
+    }
+
+    const params = urlParse(url, true).query;
+    let dataSource = tableListDataSource;
+
+    if (params.sorter) {
+      const s = params.sorter.split('_');
+      dataSource = dataSource.sort((prev, next) => {
+        if (s[1] === 'descend') {
+          return next[s[0]] - prev[s[0]];
+        }
+
+        return prev[s[0]] - next[s[0]];
+      });
+    }
+
+    if (params.status) {
+      const status = params.status.split(',');
+      let filterDataSource = [];
+      status.forEach(s => {
+        filterDataSource = filterDataSource.concat(
+          dataSource.filter(data => parseInt(data.status, 10) === parseInt(s[0], 10)),
+        );
+      });
+      dataSource = filterDataSource;
+    }
+
+    if (params.name) {
+      dataSource = dataSource.filter(data => data.name.indexOf(params.name) > -1);
+    }
+
+    let pageSize = 10;
+
+    if (params.pageSize) {
+      pageSize = params.pageSize * 1;
+    }
+
+    const result = {
+      data: dataSource,
+      total: dataSource.length,
+      pageSize,
+      current: parseInt(params.currentPage, 10) || 1,
+    };
+    return res.json(result);
+  }
+
+  function postRule(req, res, u, b) {
+    let url = u;
+
+    if (!url || Object.prototype.toString.call(url) !== '[object String]') {
+      url = req.url; // eslint-disable-line
+    }
+
+    const body = (b && b.body) || req.body;
+    const { method, name, desc, key } = body;
+
+    switch (method) {
+      /* eslint no-case-declarations:0 */
+      case 'delete':
+        tableListDataSource = tableListDataSource.filter(item => key.indexOf(item.key) === -1);
+        break;
+
+      case 'post':
+        const i = Math.ceil(Math.random() * 10000);
+        tableListDataSource.unshift({
+          key: i,
+          href: 'https://ant.design',
+          avatar: [
+            'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
+            'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
+          ][i % 2],
+          name: `TradeCode ${i}`,
+          title: `一个任务名称 ${i}`,
+          owner: '曲丽丽',
+          desc,
+          callNo: Math.floor(Math.random() * 1000),
+          status: Math.floor(Math.random() * 10) % 2,
+          updatedAt: new Date(),
+          createdAt: new Date(),
+          progress: Math.ceil(Math.random() * 100),
+        });
+        break;
+
+      case 'update':
+        tableListDataSource = tableListDataSource.map(item => {
+          if (item.key === key) {
+            Object.assign(item, {
+              desc,
+              name,
+            });
+            return item;
+          }
+
+          return item;
+        });
+        break;
+
+      default:
+        break;
+    }
+
+    return getRule(req, res, u);
+  }
+
+  var rule = {
+    'GET /api/rule': getRule,
+    'POST /api/rule': postRule,
+  };
+
+  // 代码中会兼容本地 service mock 以及部署站点的静态数据
+  var user$1 = {
+    // 支持值为 Object 和 Array
+    'GET /api/currentUser': {
+      name: 'Serati Ma',
+      avatar: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',
+      userid: '00000001',
+      email: 'antdesign@alipay.com',
+      signature: '海纳百川，有容乃大',
+      title: '交互专家',
+      group: '蚂蚁金服－某某某事业群－某某平台部－某某技术部－UED',
+      tags: [
+        {
+          key: '0',
+          label: '很有想法的',
+        },
+        {
+          key: '1',
+          label: '专注设计',
+        },
+        {
+          key: '2',
+          label: '辣~',
+        },
+        {
+          key: '3',
+          label: '大长腿',
+        },
+        {
+          key: '4',
+          label: '川妹子',
+        },
+        {
+          key: '5',
+          label: '海纳百川',
+        },
+      ],
+      notice: [
+        {
+          id: 'xxx1',
+          title: titles[0],
+          logo: avatars[0],
+          description: '那是一种内在的东西，他们到达不了，也无法触及的',
+          updatedAt: new Date(),
+          member: '科学搬砖组',
+          href: '',
+          memberLink: '',
+        },
+        {
+          id: 'xxx2',
+          title: titles[1],
+          logo: avatars[1],
+          description: '希望是一个好东西，也许是最好的，好东西是不会消亡的',
+          updatedAt: new Date('2017-07-24'),
+          member: '全组都是吴彦祖',
+          href: '',
+          memberLink: '',
+        },
+        {
+          id: 'xxx3',
+          title: titles[2],
+          logo: avatars[2],
+          description: '城镇中有那么多的酒馆，她却偏偏走进了我的酒馆',
+          updatedAt: new Date(),
+          member: '中二少女团',
+          href: '',
+          memberLink: '',
+        },
+        {
+          id: 'xxx4',
+          title: titles[3],
+          logo: avatars[3],
+          description: '那时候我只会想自己想要什么，从不想自己拥有什么',
+          updatedAt: new Date('2017-07-23'),
+          member: '程序员日常',
+          href: '',
+          memberLink: '',
+        },
+        {
+          id: 'xxx5',
+          title: titles[4],
+          logo: avatars[4],
+          description: '凛冬将至',
+          updatedAt: new Date('2017-07-23'),
+          member: '高逼格设计天团',
+          href: '',
+          memberLink: '',
+        },
+        {
+          id: 'xxx6',
+          title: titles[5],
+          logo: avatars[5],
+          description: '生命就像一盒巧克力，结果往往出人意料',
+          updatedAt: new Date('2017-07-23'),
+          member: '骗你来学计算机',
+          href: '',
+          memberLink: '',
+        },
+      ],
+      notifyCount: 12,
+      unreadCount: 11,
+      country: 'China',
+      geographic: {
+        province: {
+          label: '浙江省',
+          key: '330000',
+        },
+        city: {
+          label: '杭州市',
+          key: '330100',
+        },
+      },
+      address: '西湖区工专路 77 号',
+      phone: '0752-268888888',
+    },
+    // GET POST 可省略
+    'GET /api/users': [
+      {
+        key: '1',
+        name: 'John Brown',
+        age: 32,
+        address: 'New York No. 1 Lake Park',
+      },
+      {
+        key: '2',
+        name: 'Jim Green',
+        age: 42,
+        address: 'London No. 1 Lake Park',
+      },
+      {
+        key: '3',
+        name: 'Joe Black',
+        age: 32,
+        address: 'Sidney No. 1 Lake Park',
+      },
+    ],
+    'POST /api/login/account': (req, res) => {
+      const { password, userName, type } = req.body;
+
+      if (password === 'ant.design' && userName === 'admin') {
+        res.send({
+          status: 'ok',
+          type,
+          currentAuthority: 'admin',
+        });
+        return;
+      }
+
+      if (password === 'ant.design' && userName === 'user') {
+        res.send({
+          status: 'ok',
+          type,
+          currentAuthority: 'user',
+        });
+        return;
+      }
+
+      res.send({
+        status: 'error',
+        type,
+        currentAuthority: 'guest',
+      });
+    },
+    'POST /api/register': (req, res) => {
+      res.send({
+        status: 'ok',
+        currentAuthority: 'user',
+      });
+    },
+    'GET /api/500': (req, res) => {
+      res.status(500).send({
+        timestamp: 1513932555104,
+        status: 500,
+        error: 'error',
+        message: 'error',
+        path: '/base/category/list',
+      });
+    },
+    'GET /api/404': (req, res) => {
+      res.status(404).send({
+        timestamp: 1513932643431,
+        status: 404,
+        error: 'Not Found',
+        message: 'No message available',
+        path: '/base/category/list/2121212',
+      });
+    },
+    'GET /api/403': (req, res) => {
+      res.status(403).send({
+        timestamp: 1513932555104,
+        status: 403,
+        error: 'Unauthorized',
+        message: 'Unauthorized',
+        path: '/base/category/list',
+      });
+    },
+    'GET /api/401': (req, res) => {
+      res.status(401).send({
+        timestamp: 1513932555104,
+        status: 401,
+        error: 'Unauthorized',
+        message: 'Unauthorized',
+        path: '/base/category/list',
+      });
+    },
+  };
+
+  const data = _objectSpread({}, api, chart, geographic, notices, profile, rule, user$1);
+
+  return data;
+});

lambda/mock/matchMock.js

@@ -0,0 +1,116 @@
+const pathToRegexp = require('path-to-regexp');
+const bodyParser = require('body-parser');
+
+const mockFile = require('./index');
+
+const BODY_PARSED_METHODS = ['post', 'put', 'patch'];
+
+const debug = console.log;
+function parseKey(key) {
+  let method = 'get';
+  let path = key;
+  if (key.indexOf(' ') > -1) {
+    const spliced = key.split(' ');
+    method = spliced[0].toLowerCase();
+    path = spliced[1]; // eslint-disable-line
+  }
+  const routerBasePath = `${path}`;
+  return {
+    method,
+    path: routerBasePath,
+  };
+}
+
+function createHandler(method, path, handler) {
+  return (req, res, next) => {
+    function sendData() {
+      if (typeof handler === 'function') {
+        handler(req, res, next);
+      } else {
+        res.json(handler);
+      }
+    }
+    if (BODY_PARSED_METHODS.includes(method)) {
+      bodyParser.json({ limit: '5mb', strict: false })(req, res, () => {
+        bodyParser.urlencoded({ limit: '5mb', extended: true })(req, res, () => {
+          sendData();
+        });
+      });
+    } else {
+      sendData();
+    }
+  };
+}
+
+function normalizeConfig(config) {
+  return Object.keys(config).reduce((memo, key) => {
+    const handler = config[key];
+    const { method, path } = parseKey(key);
+    const keys = [];
+    const re = pathToRegexp(path, keys);
+    memo.push({
+      method,
+      path,
+      re,
+      keys,
+      handler: createHandler(method, path, handler),
+    });
+    return memo;
+  }, []);
+}
+
+const mockData = normalizeConfig(mockFile);
+
+function matchMock(req) {
+  const { path: exceptPath } = req;
+  const exceptMethod = req.method.toLowerCase();
+  function decodeParam(val) {
+    if (typeof val !== 'string' || val.length === 0) {
+      return val;
+    }
+
+    try {
+      return decodeURIComponent(val);
+    } catch (err) {
+      if (err instanceof URIError) {
+        err.message = `Failed to decode param ' ${val} '`;
+        err.statusCode = 400;
+        err.status = 400;
+      }
+
+      throw err;
+    }
+  }
+  // eslint-disable-next-line no-restricted-syntax
+  for (const mock of mockData) {
+    const { method, re, keys } = mock;
+    if (method === exceptMethod) {
+      const match = re.exec(req.path);
+      if (match) {
+        const params = {};
+
+        for (let i = 1; i < match.length; i += 1) {
+          const key = keys[i - 1];
+          const prop = key.name;
+          const val = decodeParam(match[i]);
+
+          if (val !== undefined || !hasOwnProperty.call(params, prop)) {
+            params[prop] = val;
+          }
+        }
+        req.params = params;
+        return mock;
+      }
+    }
+  }
+
+  return mockData.filter(({ method, re }) => method === exceptMethod && re.test(exceptPath))[0];
+}
+module.exports = (req, res, next) => {
+  const match = matchMock(req);
+  if (match) {
+    debug(`mock matched: [${match.method}] ${match.path}`);
+    return match.handler(req, res, next);
+  }
+  return next();
+};

mock/notices.ts

@@ -0,0 +1,105 @@
+import { Request, Response } from 'express';
+
+const getNotices = (req: Request, res: Response) => {
+  res.json([
+    {
+      id: '000000001',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+      title: '你收到了 14 份新周报',
+      datetime: '2017-08-09',
+      type: 'notification',
+    },
+    {
+      id: '000000002',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png',
+      title: '你推荐的 曲妮妮 已通过第三轮面试',
+      datetime: '2017-08-08',
+      type: 'notification',
+    },
+    {
+      id: '000000003',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png',
+      title: '这种模板可以区分多种通知类型',
+      datetime: '2017-08-07',
+      read: true,
+      type: 'notification',
+    },
+    {
+      id: '000000004',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+      title: '左侧图标用于区分不同的类型',
+      datetime: '2017-08-07',
+      type: 'notification',
+    },
+    {
+      id: '000000005',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+      title: '内容不要超过两行字，超出时自动截断',
+      datetime: '2017-08-07',
+      type: 'notification',
+    },
+    {
+      id: '000000006',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '曲丽丽 评论了你',
+      description: '描述信息描述信息描述信息',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000007',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '朱偏右 回复了你',
+      description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000008',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '标题',
+      description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000009',
+      title: '任务名称',
+      description: '任务需要在 2017-01-12 20:00 前启动',
+      extra: '未开始',
+      status: 'todo',
+      type: 'event',
+    },
+    {
+      id: '000000010',
+      title: '第三方紧急代码变更',
+      description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+      extra: '马上到期',
+      status: 'urgent',
+      type: 'event',
+    },
+    {
+      id: '000000011',
+      title: '信息安全考试',
+      description: '指派竹尔于 2017-01-09 前完成更新并发布',
+      extra: '已耗时 8 天',
+      status: 'doing',
+      type: 'event',
+    },
+    {
+      id: '000000012',
+      title: 'ABCD 版本发布',
+      description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+      extra: '进行中',
+      status: 'processing',
+      type: 'event',
+    },
+  ]);
+};
+
+export default {
+  'GET /api/notices': getNotices,
+};

mock/permission.ts

@@ -0,0 +1,10 @@
+
+export default {
+    'GET /mock/permission': {
+        users: [1, 2, 3]
+    },
+    'GET /mock/authorize/me':
+        { "result": { "user": { "id": "admin", "username": "admin", "name": "超级管理员", "type": "user" }, "permissions": [], "dimensions": [], "attributes": {} }, "status": 200, "code": "success" },
+    'POST /mock/authorize/login':
+        { "result": { "expires": 1800000, "permissions": [], "roles": [], "userId": "admin", "user": { "id": "admin", "username": "admin", "name": "超级管理员", "type": "user" }, "currentAuthority": [], "token": "695654b75a27f34d7273218336255579" }, "status": 200, "code": "success" }
+}

mock/route.ts

@@ -0,0 +1,5 @@
+export default {
+  '/api/auth_routes': {
+    '/form/advanced-form': { authority: ['admin', 'user'] },
+  },
+};

mock/user.ts

@@ -0,0 +1,145 @@
+import { Request, Response } from 'express';
+
+function getFakeCaptcha(req: Request, res: Response) {
+  return res.json('captcha-xxx');
+}
+// 代码中会兼容本地 service mock 以及部署站点的静态数据
+export default {
+  // 支持值为 Object 和 Array
+  'GET /api/currentUser': {
+    name: 'Serati Ma',
+    avatar: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',
+    userid: '00000001',
+    email: 'antdesign@alipay.com',
+    signature: '海纳百川，有容乃大',
+    title: '交互专家',
+    group: '蚂蚁金服－某某某事业群－某某平台部－某某技术部－UED',
+    tags: [
+      {
+        key: '0',
+        label: '很有想法的',
+      },
+      {
+        key: '1',
+        label: '专注设计',
+      },
+      {
+        key: '2',
+        label: '辣~',
+      },
+      {
+        key: '3',
+        label: '大长腿',
+      },
+      {
+        key: '4',
+        label: '川妹子',
+      },
+      {
+        key: '5',
+        label: '海纳百川',
+      },
+    ],
+    notifyCount: 12,
+    unreadCount: 11,
+    country: 'China',
+    geographic: {
+      province: {
+        label: '浙江省',
+        key: '330000',
+      },
+      city: {
+        label: '杭州市',
+        key: '330100',
+      },
+    },
+    address: '西湖区工专路 77 号',
+    phone: '0752-268888888',
+  },
+  // GET POST 可省略
+  'GET /api/users': [
+    {
+      key: '1',
+      name: 'John Brown',
+      age: 32,
+      address: 'New York No. 1 Lake Park',
+    },
+    {
+      key: '2',
+      name: 'Jim Green',
+      age: 42,
+      address: 'London No. 1 Lake Park',
+    },
+    {
+      key: '3',
+      name: 'Joe Black',
+      age: 32,
+      address: 'Sidney No. 1 Lake Park',
+    },
+  ],
+  'POST /api/login/account': (req: Request, res: Response) => {
+    const { password, userName, type } = req.body;
+    if (password === 'ant.design' && userName === 'admin') {
+      res.send({
+        status: 'ok',
+        type,
+        currentAuthority: 'admin',
+      });
+      return;
+    }
+    if (password === 'ant.design' && userName === 'user') {
+      res.send({
+        status: 'ok',
+        type,
+        currentAuthority: 'user',
+      });
+      return;
+    }
+    res.send({
+      status: 'error',
+      type,
+      currentAuthority: 'guest',
+    });
+  },
+  'POST /api/register': (req: Request, res: Response) => {
+    res.send({ status: 'ok', currentAuthority: 'user' });
+  },
+  'GET /api/500': (req: Request, res: Response) => {
+    res.status(500).send({
+      timestamp: 1513932555104,
+      status: 500,
+      error: 'error',
+      message: 'error',
+      path: '/base/category/list',
+    });
+  },
+  'GET /api/404': (req: Request, res: Response) => {
+    res.status(404).send({
+      timestamp: 1513932643431,
+      status: 404,
+      error: 'Not Found',
+      message: 'No message available',
+      path: '/base/category/list/2121212',
+    });
+  },
+  'GET /api/403': (req: Request, res: Response) => {
+    res.status(403).send({
+      timestamp: 1513932555104,
+      status: 403,
+      error: 'Unauthorized',
+      message: 'Unauthorized',
+      path: '/base/category/list',
+    });
+  },
+  'GET /api/401': (req: Request, res: Response) => {
+    res.status(401).send({
+      timestamp: 1513932555104,
+      status: 401,
+      error: 'Unauthorized',
+      message: 'Unauthorized',
+      path: '/base/category/list',
+    });
+  },
+
+  'GET  /api/login/captcha': getFakeCaptcha,
+};

netlify.toml

@@ -0,0 +1,16 @@
+[build]
+  functions = "./functions"
+
+[[redirects]]
+  from = "/api/*"
+  to = "/.netlify/functions/api/:splat"
+  status = 200
+  force = true
+  [redirects.headers]
+    X-From = "Netlify"
+    X-Api-Key = "some-api-key-string"
+    
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200

package.json

@@ -0,0 +1,222 @@
+{
+  "name": "jetlinks",
+  "version": "1.11.0",
+  "private": true,
+  "description": "Jetlinks 前端",
+  "scripts": {
+    "analyze": "cross-env ANALYZE=1 umi build",
+    "build": "umi build",
+    "deploy": "npm run site && npm run gh-pages",
+    "docker-hub:build": "docker build  -f Dockerfile.hub -t  ant-design-pro ./",
+    "docker-prod:build": "docker-compose -f ./docker/docker-compose.yml build",
+    "docker-prod:dev": "docker-compose -f ./docker/docker-compose.yml up",
+    "docker:build": "docker-compose -f ./docker/docker-compose.dev.yml build",
+    "docker:dev": "docker-compose -f ./docker/docker-compose.dev.yml up",
+    "docker:push": "npm run docker-hub:build && npm run docker:tag && docker push antdesign/ant-design-pro",
+    "docker:tag": "docker tag ant-design-pro antdesign/ant-design-pro",
+    "fetch:blocks": "pro fetch-blocks && npm run prettier",
+    "format-imports": "import-sort --write '**/*.{js,jsx,ts,tsx}'",
+    "functions:build": "netlify-lambda build ./lambda",
+    "functions:run": "cross-env NODE_ENV=dev netlify-lambda serve ./lambda",
+    "gh-pages": "cp CNAME ./dist/ && gh-pages -d dist",
+    "i18n-remove": "pro i18n-remove --locale=zh-CN --write",
+    "lint": "npm run lint:js && npm run lint:style && npm run lint:prettier",
+    "lint-staged": "lint-staged",
+    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ",
+    "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style",
+    "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
+    "lint:prettier": "check-prettier lint",
+    "lint:style": "stylelint --fix \"src/**/*.less\" --syntax less",
+    "prettier": "prettier -c --write \"**/*\"",
+    "site": "npm run fetch:blocks && npm run build && npm run functions:build",
+    "start": "umi dev UMI_UI=none",
+    "dev": "npm run start:dev",
+    "start:dev": "cross-env REACT_APP_ENV=dev MOCK=none umi dev",
+    "start:no-mock": "cross-env MOCK=none umi dev",
+    "start:no-ui": "cross-env UMI_UI=none umi dev",
+    "start:pre": "cross-env REACT_APP_ENV=pre MOCK=none umi dev",
+    "start:test": "cross-env REACT_APP_ENV=test MOCK=none umi dev",
+    "test": "umi test",
+    "test:all": "node ./tests/run-tests.js",
+    "test:component": "umi test ./src/components",
+    "tsc": "tsc",
+    "ui": "umi ui",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/*.less": "stylelint --syntax less",
+    "**/*.{js,jsx,ts,tsx}": "npm run lint-staged:js",
+    "**/*.{js,jsx,tsx,ts,less,md,json}": [
+      "prettier --write"
+    ]
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 10"
+  ],
+  "dependencies": {
+    "@ant-design/icons": "^4.2.2",
+    "@ant-design/pro-layout": "^4.11.4",
+    "@ant-design/pro-table": "^1.2.6",
+    "@antv/data-set": "^0.11.7",
+    "@dabeng/react-orgchart": "^1.0.0",
+    "@formily/antd": "^1.3.3",
+    "@formily/antd-components": "^1.3.3",
+    "@loadable/component": "^5.13.2",
+    "@types/loadable__component": "^5.13.1",
+    "@types/pubsub-js": "^1.8.1",
+    "@types/react-copy-to-clipboard": "^4.3.0",
+    "@types/react-grid-layout": "^0.17.2",
+    "@types/retry": "^0.12.0",
+    "ace-builds": "^1.4.12",
+    "ahooks": "^2.6.1",
+    "antd": "^3.26.18",
+    "bizcharts": "^3.5.9",
+    "bizcharts-plugin-slider": "^2.1.1-beta.1",
+    "braft-editor": "^2.3.8",
+    "classnames": "^2.2.6",
+    "dva": "^2.6.0-beta.21",
+    "event-source-polyfill": "^1.0.20",
+    "export-from-json": "^1.3.4",
+    "form-render": "^0.8.7",
+    "gg-editor": "^2.0.4",
+    "lodash": "^4.17.20",
+    "lodash-decorators": "^6.0.1",
+    "moment": "^2.29.0",
+    "monaco-ace-tokenizer": "^0.2.1",
+    "monaco-editor": "^0.23.0",
+    "monaco-editor-webpack-plugin": "^3.0.1",
+    "numeral": "^2.0.6",
+    "omit.js": "^1.0.2",
+    "path-to-regexp": "2.4.0",
+    "pubsub-js": "^1.9.0",
+    "qs": "^6.9.4",
+    "re-resizable": "^6.6.1",
+    "react": "^16.13.1",
+    "react-ace": "^9.1.4",
+    "react-amap": "^1.2.8",
+    "react-copy-to-clipboard": "^5.0.2",
+    "react-dom": "^16.13.1",
+    "react-fittext": "^1.0.0",
+    "react-grid-layout": "^0.18.3",
+    "react-helmet": "^5.2.1",
+    "react-helmet-async": "^1.0.7",
+    "react-markdown": "^6.0.0",
+    "react-monaco-editor": "^0.32.1",
+    "react-resizable": "^1.11.0",
+    "react-rnd": "^10.2.3",
+    "react-sortable-pane": "^1.1.0",
+    "react-use-websocket": "^2.1.1",
+    "redux": "^4.0.1",
+    "retry": "^0.12.0",
+    "rxjs": "^6.6.3",
+    "tree-tool": "^1.1.8",
+    "umi": "^2.13.13",
+    "umi-plugin-antd-theme": "^1.0.1",
+    "umi-plugin-pro-block": "^1.3.2",
+    "umi-plugin-react": "^1.15.8",
+    "umi-request": "^1.3.5",
+    "video.js": "^7.8.4",
+    "videojs-flash": "^2.2.1"
+  },
+  "devDependencies": {
+    "@ant-design/pro-cli": "^1.0.23",
+    "@commitlint/config-conventional": "^8.3.4",
+    "@types/classnames": "^2.2.7",
+    "@types/express": "^4.17.8",
+    "@types/history": "^4.7.8",
+    "@types/jest": "^25.2.3",
+    "@types/lodash": "^4.14.161",
+    "@types/numeral": "0.0.28",
+    "@types/qs": "^6.9.5",
+    "@types/react": "^16.9.49",
+    "@types/react-dom": "^16.9.8",
+    "@types/react-helmet": "^5.0.16",
+    "@types/styled-components": "^5.1.3",
+    "@types/video.js": "^7.3.11",
+    "@umijs/fabric": "^2.2.2",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "chalk": "^3.0.0",
+    "check-prettier": "^1.0.3",
+    "conventional-changelog-cli": "^2.1.0",
+    "cross-env": "^7.0.0",
+    "cross-port-killer": "^1.1.1",
+    "cz-conventional-changelog": "^3.3.0",
+    "enzyme": "^3.9.0",
+    "eslint-plugin-react-hooks": "^2.5.1",
+    "express": "^4.17.1",
+    "gh-pages": "^2.0.1",
+    "husky": "^4.3.0",
+    "import-sort-cli": "^6.0.0",
+    "import-sort-parser-babylon": "^6.0.0",
+    "import-sort-parser-typescript": "^6.0.0",
+    "import-sort-style-module": "^6.0.0",
+    "jest-puppeteer": "^4.2.0",
+    "jsdom-global": "^3.0.2",
+    "lint-staged": "^10.4.0",
+    "mockjs": "^1.0.1-beta3",
+    "netlify-lambda": "^1.4.13",
+    "node-fetch": "^2.6.1",
+    "prettier": "^1.19.1",
+    "pro-download": "1.0.1",
+    "serverless-http": "^2.6.0",
+    "stylelint": "^13.7.2",
+    "umi-plugin-antd-icon-config": "^1.0.2",
+    "umi-plugin-ga": "^1.1.8",
+    "umi-plugin-pro": "^1.0.2",
+    "umi-types": "^0.5.14"
+  },
+  "optionalDependencies": {
+    "puppeteer": "^2.0.0"
+  },
+  "engines": {
+    "node": ">=10.0.0"
+  },
+  "checkFiles": [
+    "src/**/*.js*",
+    "src/**/*.ts*",
+    "src/**/*.less",
+    "config/**/*.js*",
+    "scripts/**/*.js"
+  ],
+  "create-umi": {
+    "ignoreScript": [
+      "docker*",
+      "functions*",
+      "site",
+      "generateMock"
+    ],
+    "ignoreDependencies": [
+      "netlify*",
+      "serverless"
+    ],
+    "ignore": [
+      ".dockerignore",
+      ".git",
+      ".github",
+      ".gitpod.yml",
+      "CODE_OF_CONDUCT.md",
+      "Dockerfile",
+      "Dockerfile.*",
+      "lambda",
+      "LICENSE",
+      "netlify.toml",
+      "README.*.md",
+      "azure-pipelines.yml",
+      "docker",
+      "CNAME",
+      "create-umi"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+}

public/img/add.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M875.1 428H597.5V150.4c0-47.1-38.1-85.2-85.2-85.2s-85.2 38.1-85.2 85.2V428H149.4c-47.1 0-85.2 38.1-85.2 85.2s38.1 85.2 85.2 85.2H427V876c0 47.1 38.1 85.2 85.2 85.2s85.2-38.1 85.2-85.2V598.4H875c47.1 0 85.2-38.1 85.2-85.2s-38-85.2-85.1-85.2z" /></svg>

public/img/add_1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#cdcdcd" d="M875.1 428H597.5V150.4c0-47.1-38.1-85.2-85.2-85.2s-85.2 38.1-85.2 85.2V428H149.4c-47.1 0-85.2 38.1-85.2 85.2s38.1 85.2 85.2 85.2H427V876c0 47.1 38.1 85.2 85.2 85.2s85.2-38.1 85.2-85.2V598.4H875c47.1 0 85.2-38.1 85.2-85.2s-38-85.2-85.1-85.2z" /></svg>

public/img/audio.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M512 624.014222c93.895111 0 170.012444-75.207111 170.012444-168.021333V231.992889C682.012444 139.207111 605.866667 64 512 64s-170.012444 75.207111-170.012444 167.992889v224c0 92.814222 76.117333 168.021333 170.012444 168.021333z m330.012444-170.012444a8.021333 8.021333 0 0 0-8.021333-7.992889h-60.017778a8.021333 8.021333 0 0 0-7.964444 7.964444A253.980444 253.980444 0 0 1 512 707.982222a253.980444 253.980444 0 0 1-254.008889-254.008889 8.021333 8.021333 0 0 0-7.964444-7.964444H190.008889a8.021333 8.021333 0 0 0-8.021333 7.964444c0 168.732444 126.606222 307.911111 290.019555 327.623111v102.4h-145.322667c-13.681778 0-24.689778 14.307556-24.689777 32v36.010667c0 4.380444 2.816 7.992889 6.200889 7.992889h407.608888c3.413333 0 6.200889-3.612444 6.200889-7.992889v-36.010667c0-17.692444-11.008-32-24.689777-32h-149.333334v-101.888c165.319111-18.005333 294.030222-158.008889 294.030222-328.106666z" /></svg>

public/img/audio_1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#cdcdcd" d="M512 624.014222c93.895111 0 170.012444-75.207111 170.012444-168.021333V231.992889C682.012444 139.207111 605.866667 64 512 64s-170.012444 75.207111-170.012444 167.992889v224c0 92.814222 76.117333 168.021333 170.012444 168.021333z m330.012444-170.012444a8.021333 8.021333 0 0 0-8.021333-7.992889h-60.017778a8.021333 8.021333 0 0 0-7.964444 7.964444A253.980444 253.980444 0 0 1 512 707.982222a253.980444 253.980444 0 0 1-254.008889-254.008889 8.021333 8.021333 0 0 0-7.964444-7.964444H190.008889a8.021333 8.021333 0 0 0-8.021333 7.964444c0 168.732444 126.606222 307.911111 290.019555 327.623111v102.4h-145.322667c-13.681778 0-24.689778 14.307556-24.689777 32v36.010667c0 4.380444 2.816 7.992889 6.200889 7.992889h407.608888c3.413333 0 6.200889-3.612444 6.200889-7.992889v-36.010667c0-17.692444-11.008-32-24.689777-32h-149.333334v-101.888c165.319111-18.005333 294.030222-158.008889 294.030222-328.106666z" /></svg>

public/img/down.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M462.83 759L119.48 347c-34.74-41.69-5.1-105 49.16-105h686.72c54.26 0 83.9 63.28 49.16 105L561.17 759a64 64 0 0 1-98.34 0z" /></svg>

public/img/down_1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#cdcdcd" d="M462.83 759L119.48 347c-34.74-41.69-5.1-105 49.16-105h686.72c54.26 0 83.9 63.28 49.16 105L561.17 759a64 64 0 0 1-98.34 0z" /></svg>

public/img/left.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M265 561.17l412 343.35c41.69 34.74 105 5.1 105-49.16V168.64c0-54.26-63.28-83.9-105-49.16L265 462.83a64 64 0 0 0 0 98.34z" /></svg>

public/img/left_1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#cdcdcd" d="M265 561.17l412 343.35c41.69 34.74 105 5.1 105-49.16V168.64c0-54.26-63.28-83.9-105-49.16L265 462.83a64 64 0 0 0 0 98.34z" /></svg>

public/img/right.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M759 561.17L347 904.52c-41.69 34.74-105 5.1-105-49.16V168.64c0-54.26 63.28-83.9 105-49.16l412 343.35a64 64 0 0 1 0 98.34z" /></svg>

public/img/right_1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#cdcdcd" d="M759 561.17L347 904.52c-41.69 34.74-105 5.1-105-49.16V168.64c0-54.26 63.28-83.9 105-49.16l412 343.35a64 64 0 0 1 0 98.34z" /></svg>

public/img/sub.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M127.289058 490.154459l0 43.770899c0 32.338522 27.009144 57.108672 58.774615 58.734706 0 0 132.448568 13.021571 325.936327 13.021571s325.936327-13.021571 325.936327-13.021571c31.765471-1.626034 58.774615-26.396183 58.774615-58.734706l0-43.770899c0-32.338522-26.51591-57.068763-58.774615-58.734706 0 0-128.005372-12.005428-325.942467-12.005428s-325.930187 12.005428-325.930187 12.005428C153.804968 433.085696 127.289058 457.815937 127.289058 490.154459z" /></svg>

public/img/sub_1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#cdcdcd" d="M127.289058 490.154459l0 43.770899c0 32.338522 27.009144 57.108672 58.774615 58.734706 0 0 132.448568 13.021571 325.936327 13.021571s325.936327-13.021571 325.936327-13.021571c31.765471-1.626034 58.774615-26.396183 58.774615-58.734706l0-43.770899c0-32.338522-26.51591-57.068763-58.774615-58.734706 0 0-128.005372-12.005428-325.942467-12.005428s-325.930187 12.005428-325.930187 12.005428C153.804968 433.085696 127.289058 457.815937 127.289058 490.154459z" /></svg>

public/img/up.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M462.83 265L119.48 677c-34.74 41.69-5.1 105 49.16 105h686.72c54.26 0 83.9-63.28 49.16-105L561.17 265a64 64 0 0 0-98.34 0z" /></svg>

public/img/up_1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#cdcdcd" d="M462.83 265L119.48 677c-34.74 41.69-5.1 105 49.16 105h686.72c54.26 0 83.9-63.28 49.16-105L561.17 265a64 64 0 0 0-98.34 0z" /></svg>

public/liveqing/crossdomain.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<cross-domain-policy> 
+	<allow-access-from domain="*"/>  
+</cross-domain-policy> 

public/pro_icon.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="833" height="723" viewBox="0 0 833 723">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #231f21;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="logo.svg" class="cls-1" d="M785.514,236.675l0.976,238.906a55.5,55.5,0,1,1-49.725,91.483L566.489,648.442a20.994,20.994,0,1,1-4.385-8.91l163.927-90.946a55.5,55.5,0,0,1,38-71.667l2.445-241.865A48.012,48.012,0,0,1,732,189c0-1.3.067-2.586,0.168-3.861L505.175,100.488A20.975,20.975,0,1,1,508,90c0,0.46-.04.911-0.069,1.364L740.54,161.682A48,48,0,1,1,785.514,236.675ZM647.05,231c-0.015-.333-0.05-0.662-0.05-1a21.053,21.053,0,1,1,7.118,15.728L477.283,319.882A64.537,64.537,0,0,1,432,391.293V660.746a63.472,63.472,0,1,1-80.167,45.564L174.986,604.7a21.094,21.094,0,1,1,5.508-10.157L364.362,681.3A63.608,63.608,0,0,1,394,661.064V390.988a64.519,64.519,0,0,1-44.979-60.653L85.088,216.853a47.09,47.09,0,0,1-23.122,16.023l-7.9,278.764a21,21,0,1,1-10.13,0l-8.55-278.368a47,47,0,1,1,50.781-72.69l253.9-76.278C340.039,83.871,340,83.441,340,83a21,21,0,1,1,2.566,10.061L94.884,184.854C94.952,185.9,95,186.942,95,188a47.259,47.259,0,0,1-.666,7.854L357.855,296.893a64.492,64.492,0,0,1,111.137-.264Z" transform="translate(-1 -62)"/>
+</svg>

src/app.tsx

@@ -0,0 +1,21 @@
+
+export const dva = {
+  config: {
+    onError(err: ErrorEvent) {
+      err.preventDefault();
+      // eslint-disable-next-line no-console
+      console.error(err.message);
+    },
+  },
+};
+
+localStorage.setItem('umi_locale', 'zh-CN');
+
+import * as monaco from 'monaco-editor';
+import { registerRulesForLanguage } from 'monaco-ace-tokenizer';
+import GroovyHighlightRules from 'monaco-ace-tokenizer/lib/ace/definitions/groovy';
+
+monaco.languages.register({
+  id: 'groovy',
+});
+registerRulesForLanguage('groovy', new GroovyHighlightRules());

src/assets/logo.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="833" height="723" viewBox="0 0 833 723">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="logo.svg" class="cls-1" d="M785.514,236.675l0.976,238.906a55.5,55.5,0,1,1-49.725,91.483L566.489,648.442a20.994,20.994,0,1,1-4.385-8.91l163.927-90.946a55.5,55.5,0,0,1,38-71.667l2.445-241.865A48.012,48.012,0,0,1,732,189c0-1.3.067-2.586,0.168-3.861L505.175,100.488A20.975,20.975,0,1,1,508,90c0,0.46-.04.911-0.069,1.364L740.54,161.682A48,48,0,1,1,785.514,236.675ZM647.05,231c-0.015-.333-0.05-0.662-0.05-1a21.053,21.053,0,1,1,7.118,15.728L477.283,319.882A64.537,64.537,0,0,1,432,391.293V660.746a63.472,63.472,0,1,1-80.167,45.564L174.986,604.7a21.094,21.094,0,1,1,5.508-10.157L364.362,681.3A63.608,63.608,0,0,1,394,661.064V390.988a64.519,64.519,0,0,1-44.979-60.653L85.088,216.853a47.09,47.09,0,0,1-23.122,16.023l-7.9,278.764a21,21,0,1,1-10.13,0l-8.55-278.368a47,47,0,1,1,50.781-72.69l253.9-76.278C340.039,83.871,340,83.441,340,83a21,21,0,1,1,2.566,10.061L94.884,184.854C94.952,185.9,95,186.942,95,188a47.259,47.259,0,0,1-.666,7.854L357.855,296.893a64.492,64.492,0,0,1,111.137-.264Z" transform="translate(-1 -62)"/>
+</svg>

src/components/ArrayPanel/index.tsx

@@ -0,0 +1,211 @@
+import React, { Fragment } from 'react'
+import {
+  ISchemaFieldComponentProps,
+  SchemaField
+} from '@formily/react-schema-renderer'
+import { toArr, isFn, FormPath } from '@formily/shared'
+import { ArrayList } from '@formily/react-shared-components'
+import { CircleButton } from '@formily/antd-components/esm/circle-button'
+import { TextButton } from '@formily/antd-components/esm/text-button'
+import { Card, Collapse } from 'antd'
+import {
+  PlusOutlined,
+  DeleteOutlined,
+  DownOutlined,
+  UpOutlined
+} from '@ant-design/icons'
+import styled from 'styled-components'
+
+const ArrayComponents = {
+  CircleButton,
+  TextButton,
+  AdditionIcon: () => <PlusOutlined />,
+  RemoveIcon: () => <DeleteOutlined />,
+  MoveDownIcon: () => <DownOutlined />,
+  MoveUpIcon: () => <UpOutlined />
+}
+
+export const ArrayPanels: any = styled(
+  (props: ISchemaFieldComponentProps & { className: string }) => {
+    const { value, schema, className, editable, path, mutators } = props
+    const {
+      renderAddition,
+      renderRemove,
+      renderMoveDown,
+      renderMoveUp,
+      renderEmpty,
+      renderExtraOperations,
+      ...componentProps
+    } = schema.getExtendsComponentProps() || {}
+
+    const schemaItems = Array.isArray(schema.items)
+      ? schema.items[schema.items.length - 1]
+      : schema.items
+
+    const onAdd = () => {
+      if (schemaItems) {
+        mutators.push(schemaItems.getEmptyValue())
+      }
+    }
+    return (
+      <div className={className}>
+        <ArrayList
+          value={value}
+          minItems={schema.minItems}
+          maxItems={schema.maxItems}
+          editable={editable}
+          components={ArrayComponents}
+          renders={{
+            renderAddition,
+            renderRemove,
+            renderMoveDown,
+            renderMoveUp,
+            renderEmpty
+          }}
+        >
+          <Collapse
+            expandIconPosition="left"
+            bordered={false}
+          >
+            {toArr(value).map((item, index) => {
+              return (
+                <Collapse.Panel
+                  className='panel-list-item'
+                  {...componentProps}
+                  key={index}
+                  header={<span className="item-title">{item.name || index + 1}</span>}
+                  extra={
+                    <Fragment>
+                      <ArrayList.Remove
+                        index={index}
+                        onClick={(event) => { event.stopPropagation(); mutators.remove(index) }}
+                      />
+                      <ArrayList.MoveDown
+                        index={index}
+                        onClick={(event) => { event.stopPropagation(); mutators.moveDown(index) }}
+                      />
+                      <ArrayList.MoveUp
+                        index={index}
+                        onClick={(event) => { event.stopPropagation(); mutators.moveUp(index) }}
+                      />
+                      {isFn(renderExtraOperations)
+                        ? renderExtraOperations(index)
+                        : renderExtraOperations}
+                    </Fragment>
+                  }
+                >
+                  {schemaItems && (
+                    <SchemaField
+                      path={FormPath.parse(path).concat(index)}
+                      schema={schemaItems}
+                    />
+                  )}
+                </Collapse.Panel>
+              )
+            })}
+          </Collapse>
+
+          <ArrayList.Empty>
+            {({ children, allowAddition }) => {
+              return (
+                <Card
+                  {...componentProps}
+                  size="small"
+                  className={`panel-list-item panel-list-empty ${allowAddition ? 'add-pointer' : ''}`}
+                  onClick={allowAddition ? onAdd : undefined}
+                  style={{ textAlign: 'center' }}
+                >
+                  <div className="empty-wrapper">{children}</div>
+                </Card>
+              )
+            }}
+          </ArrayList.Empty>
+          <ArrayList.Addition>
+            {({ children, isEmpty }) => {
+              if (!isEmpty) {
+                return (
+                  <div className="array-panels-addition" onClick={onAdd}>
+                    {children}
+                  </div>
+                )
+              } else {
+                return null
+              }
+            }}
+          </ArrayList.Addition>
+        </ArrayList>
+      </div>
+    )
+  }
+) <ISchemaFieldComponentProps>`
+  width: 100%;
+  .ant-collapse {
+    .ant-collapse {
+      box-shadow: none;
+    }
+    .ant-collapse-header{
+      height: 55px;
+     .item-title{
+        line-height:30px
+      }
+
+      .ant-collapse-extra button{
+        margin:0 3px 8px 2px
+      }
+    }
+    .ant-panel-body {
+      padding: 20px 10px 0 10px;
+    }
+    .array-panels-addition {
+      box-shadow: none;
+      border: 1px solid #eee;
+      transition: all 0.35s ease-in-out;
+      &:hover {
+        border: 1px solid #ccc;
+      }
+    }
+    .empty-wrapper {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-bottom: 10px;
+      img {
+        height: 85px;
+      }
+      .ant-btn {
+        color: #888;
+      }
+    }
+  }
+  .panel-list-empty.panel-list-item.add-pointer {
+    cursor: pointer;
+  }
+
+  .array-panels-addition {
+    margin-top: 10px;
+    margin-bottom: 3px;
+    background: #fff;
+    display: flex;
+    cursor: pointer;
+    padding: 5px 0;
+    justify-content: center;
+    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
+  }
+  .panel-list-item {
+    margin-top: 10px;
+    border: 1px solid #eee;
+  }
+  .panel-list-item:first-child {
+    margin-top: 0 !important;
+  }
+  .ant-panel-extra {
+    display: flex;
+    button {
+      margin-right: 8px;
+    }
+  }
+`
+
+ArrayPanels.isFieldComponent = true
+
+export default ArrayPanels

src/components/ArrayPanel/style.ts

@@ -0,0 +1 @@
+import 'antd/lib/card/style/index'

src/components/Authorization/AutzSetting.ts

@@ -0,0 +1,51 @@
+export class AutzSetting {
+  public type: string;
+  public settingFor: string;
+  public priority: string;
+  public merge: boolean;
+  public menus: Menu[] | any[] | never[];
+  public details: Permission[] | any[] | never[];
+
+  constructor({ type, settingFor, priority, merge, menus, details }: AutzSetting) {
+    this.type = type;
+    this.settingFor = settingFor;
+    this.priority = priority;
+    this.merge = merge;
+    this.menus = menus;
+    this.details = details;
+  }
+}
+
+export class Menu {
+  public id: string;
+  public menuId: string;
+  public parentId: string;
+  public path: string;
+  public settingId: string;
+  public status: number;
+
+  constructor({ id, menuId, parentId, path, settingId, status }: Menu) {
+    this.id = id;
+    this.menuId = menuId;
+    this.parentId = parentId;
+    this.path = path;
+    this.settingId = settingId;
+    this.status = status;
+  }
+}
+
+export class Permission {
+  public permissionId: string;
+  public priority: string;
+  public merge: boolean;
+  public dataAccesses: string[];
+  public actions: string[];
+
+  constructor({ merge, permissionId, priority, dataAccesses, actions }: Permission) {
+    this.merge = merge;
+    this.permissionId = permissionId;
+    this.priority = priority;
+    this.dataAccesses = dataAccesses;
+    this.actions = actions;
+  }
+}

src/components/Authorization/DataAccess/index.tsx

@@ -0,0 +1,192 @@
+import React from "react"
+import { Drawer, Tabs, Table, Checkbox, Button, Form } from "antd"
+import styles from '../index.less';
+import { FormComponentProps } from "antd/lib/form";
+import { subtract } from "@/utils/CollectionUtils";
+
+interface Props extends FormComponentProps {
+    close: Function,
+    save: Function,
+    checkPermission: any;
+}
+const DataAccess: React.FC<Props> = (props) => {
+
+    const { checkPermission } = props;
+
+    const { form: { getFieldDecorator }, form } = props;
+
+    const dataAccesses = (checkPermission.autz || {}).dataAccesses || [];
+
+    const saveDataAccess = () => {
+        //组合数据，反向获取未勾选的数据
+        const data = form.getFieldsValue();
+        const tempFieldAccess = data.fieldAccess;
+        const tempDataAccess = data.dataAccess;
+        let permissionId = checkPermission.id;
+        let fieldAccess: any[] = [];
+        let dataAccess: any[] = [];
+        for (const key in tempFieldAccess) {
+            const tempAction = (checkPermission.actions).filter((item: any) =>
+                ((item.properties || {}).supportDataAccess || '').indexOf('DENY_FIELDS') > -1)
+                .map((e: { action: string, name: string }) => e.action);
+            if (tempFieldAccess.hasOwnProperty(key)) {
+                const element = tempFieldAccess[key];
+                const action = subtract(tempAction, element);
+                if (action.size > 0) {
+                    fieldAccess.push({ name: key, action: [...action] });
+                }
+            }
+        }
+        for (const key in tempDataAccess) {
+            // const tempAction = (checkPermission.actions || [])
+            //     .filter((item: any) =>
+            //         ((item.properties || {}).supportDataAccess || '').indexOf('org') > -1)
+            //     .map((e: { action: string, name: string }) => e.action)
+            if (tempDataAccess.hasOwnProperty(key)) {
+                const element = tempDataAccess[key];
+                // const action = subtract(tempAction, element);
+                // if (action.size > 0) {
+                dataAccess.push({ type: key, action: [...element] });
+                // }
+            }
+        }
+        props.save({ permissionId, fieldAccess, dataAccess });
+    }
+
+    return (
+        <Drawer
+            visible
+            title="数据权限配置"
+            onClose={() => { props.close() }}
+            width={'30VW'}
+        >
+            <div id="permission-drawer">
+
+                <Tabs defaultActiveKey="field">
+                    <Tabs.TabPane tab="字段权限" key="field" forceRender={true}>
+                        <Table
+                            rowKey={'name'}
+                            pagination={false}
+                            style={{ height: '70vh', overflow: 'auto' }}
+                            columns={[
+                                {
+                                    dataIndex: 'name',
+                                    title: '字段名称',
+                                },
+                                {
+                                    title: '操作',
+                                    render: (record: any) => {
+
+                                        //禁用的操作，(UI中取消勾选的操作)
+                                        let tempItem = (dataAccesses as any[])
+                                            .filter(item => item.type !== 'DENY-FIELDS')
+                                            .filter(item => (item.config.fields || [])
+                                                .some((e: string) => e === record.name))
+                                            .map(i => i.action);
+
+                                        //所有操作
+                                        let tempInit = (checkPermission.actions).filter((item: any) =>
+                                            ((item.properties || {}).supportDataAccess || '').indexOf('DENY_FIELDS') > -1)
+                                            .map((e: { action: string, name: string }) => e.action);
+
+                                        return (
+                                            <div className={styles.permissionForm}>
+                                                <Form.Item >
+                                                    {getFieldDecorator(`fieldAccess.${record.name}`, {
+                                                        initialValue: [...subtract(tempInit, tempItem)],
+                                                    })(
+                                                        <Checkbox.Group
+                                                            options={
+                                                                (checkPermission.actions || [])
+                                                                    .filter((item: any) =>
+                                                                        ((item.properties || {}).supportDataAccess || '').indexOf('DENY_FIELDS') > -1)
+                                                                    .map((e: { action: string, name: string }) => { return { 'label': e.name, 'value': e.action } })
+                                                            } />
+                                                    )}
+                                                </Form.Item>
+                                            </div>
+                                        )
+                                    }
+                                }
+                            ]}
+                            dataSource={checkPermission.optionalFields}
+                        />
+
+                    </Tabs.TabPane>
+                    <Tabs.TabPane tab="数据权限" key="data" forceRender={true}>
+                        <Table
+                            rowKey='name'
+                            columns={[
+                                {
+                                    dataIndex: 'name',
+                                    title: '名称'
+                                }, {
+                                    title: '操作',
+                                    render: (record) => {
+
+                                        //禁用的操作，（UI中取消勾选的操作）
+                                        let tempItem = (dataAccesses as any[])
+                                            .filter(item => (item.config || {}).scopeType === 'org')
+                                            .map(i => i.action);
+
+                                        // let tempInit = (checkPermission.actions || [])
+                                        //     .filter((item: any) =>
+                                        //         ((item.properties || {}).supportDataAccess || '').indexOf('org') > -1)
+                                        //     .map((e: { action: string, name: string }) => e.action)
+
+                                        return (
+                                            <div className={styles.permissionForm}>
+                                                <Form.Item>
+                                                    {getFieldDecorator(`dataAccess.org`, {
+                                                        initialValue: tempItem
+                                                    })(
+                                                        <Checkbox.Group
+                                                            options={
+                                                                (checkPermission.actions || [])
+                                                                    .filter((item: any) =>
+                                                                        ((item.properties || {}).supportDataAccess || '').indexOf('org') > -1)
+                                                                    .map((e: { action: string, name: string }) => { return { 'label': e.name, 'value': e.action } })
+                                                            }
+                                                        />
+                                                    )}
+
+                                                </Form.Item>
+                                            </div>
+                                        )
+                                    }
+
+                                }
+                            ]}
+                            dataSource={
+                                checkPermission.properties.supportDataAccessTypes.some((e: string) => e === 'org') ? [
+                                    { name: '仅限所在机构的数据' }
+                                ] : []
+                            }
+                        />
+                    </Tabs.TabPane>
+                </Tabs>
+                <div
+                    style={{
+                        position: 'absolute',
+                        right: 0,
+                        bottom: 0,
+                        width: '100%',
+                        borderTop: '1px solid #e9e9e9',
+                        padding: '10px 16px',
+                        background: '#fff',
+                        textAlign: 'right',
+                    }}
+                >
+                    <Button onClick={() => { props.close() }} style={{ marginRight: 8 }}>
+                        关闭
+                    </Button>
+                    <Button onClick={() => { saveDataAccess() }} type="primary">
+                        确认
+                    </Button>
+                </div>
+            </div>
+        </Drawer>
+
+    )
+}
+export default Form.create<Props>()(DataAccess);

src/components/Authorization/index.less

@@ -0,0 +1,16 @@
+.permissionForm{
+    // background-color: sienna;
+    // :global(.ant-form-item) {
+    //     margin-bottom: 1px;
+    // }
+    :global{
+        .ant-form-item{
+            margin-bottom: 0;
+            .ant-form-item-control-wrapper{
+                .ant-form-item-control{
+                    line-height: 0px;
+                }
+            }
+        }
+    }
+}

src/components/Authorization/index.tsx

@@ -0,0 +1,546 @@
+import { Button, Checkbox, Drawer, Form, Input, Select, Table, message, Divider } from 'antd';
+import React, { Fragment, useState, useEffect } from 'react';
+import apis from '@/services';
+import { DimensionsItem, DimensionType } from '@/pages/system/dimensions/data';
+import { groupBy, cloneDeep } from 'lodash';
+import { FormComponentProps } from 'antd/es/form';
+import styles from './index.less';
+import DataAccess from './DataAccess';
+import encodeQueryParam from '@/utils/encodeParam';
+
+interface Props extends FormComponentProps {
+  close: Function;
+  target?: any;
+  targetType?: string;
+  type?: string;
+  height?: string;
+  showTarget?: boolean
+}
+
+interface State {
+  dataAccessVisible: boolean;
+  permissionList: any[];
+  checkPermission: any;
+  permissionType: string;
+  searchText: string;
+  dimensionList: any[];
+  targetAutz: any[];
+  tempAccess: any[];
+}
+const Authorization: React.FC<Props> = props => {
+  const initState: State = {
+    dataAccessVisible: false,
+    permissionList: [],
+    checkPermission: {},
+    permissionType: props.targetType === 'tenant' ? 'tenant' : 'all',
+    searchText: '',
+    dimensionList: [],
+    targetAutz: [],
+    tempAccess: [],
+  };
+  const [permissionList, setPermissionList] = useState(initState.permissionList);
+  const [dataAccessVisible, setDataAccessVisible] = useState(initState.dataAccessVisible);
+  const [checkPermission, setCheckPermission] = useState(initState.checkPermission);
+  const [permissionType, setPermissionType] = useState(initState.permissionType);
+  const [searchText, setSearchText] = useState(initState.searchText);
+  const [dimensionList, setDimensionList] = useState(initState.dimensionList);
+  const [targetAutz, setTargetAutz] = useState(initState.targetAutz);
+  const [tempAccess, setTempAccess] = useState(initState.tempAccess);
+
+  const {
+    form: { getFieldDecorator, setFieldsValue, getFieldValue },
+    // form,
+  } = props;
+
+  const getDimensions = () => {
+    apis.dimensions.typeList().then(e => {
+      if (e && e.status === 200) {
+        apis.dimensions.treeList().then(d => {
+          if (d.status === 200) {
+            const tempList = d.result.map((dr: DimensionsItem) => {
+              const type = e.result.find((t: DimensionType) => t.id === dr.typeId);
+              if (type) {
+                const typeName = type.name;
+                return { typeName, ...dr };
+              }
+              return dr;
+            });
+            setDimensionList(tempList);
+          }
+        });
+      }
+    });
+  };
+
+  useEffect(() => {
+    apis.permission
+      .listNoPaging()
+      .then(response => {
+        if (response.status === 200) {
+          const temp: any[] = response.result;
+          const list = temp.filter(item => (item.actions || []).length > 0);
+          setPermissionList(list);
+        }
+      })
+      .catch(() => { });
+    if (props.target.id) {
+      apis.authorization
+        .list(
+          encodeQueryParam({
+            paging: false,
+            terms: {
+              dimensionTarget: props.target.id,
+            },
+          }),
+        )
+        .then(response => {
+          if (response.status === 200) {
+            // const { result } = response;
+            // const resultTemp = result.map((item: any) => ({ id: item.permisseion, ...item }))
+            setTargetAutz(response.result);
+          }
+        })
+        .catch(() => { });
+    }
+
+    // apis.authorization.autzDetail({ type: props.targetType, id: props.targetId }).then(response => {
+    //   console.log(response, 'response');
+    // })
+    getDimensions();
+  }, []);
+
+  const saveDataAccess = (data: any) => {
+    // 如果有，删除原数据
+    const temp = tempAccess.filter(i => i.permissionId !== data.permissionId);
+    // 保存数据
+    setTempAccess([...temp, data]);
+    // 字段权限
+    // 先创建Map
+    const tempMap = new Map();
+    const key = new Set();
+    // 遍历出所有操作
+    const { fieldAccess } = data;
+
+    // eslint-disable-next-line no-restricted-syntax
+    for (const item of fieldAccess) {
+      // eslint-disable-next-line no-restricted-syntax
+      for (const action of item.action) {
+        key.add(action);
+      }
+    }
+
+    // 创建Map
+    Array.from(key).forEach(i => tempMap.set(i, []));
+    // 赋值
+
+    // eslint-disable-next-line no-restricted-syntax
+    for (const item of fieldAccess) {
+      // eslint-disable-next-line no-restricted-syntax
+      for (const action of item.action) {
+        const tem = tempMap.get(action);
+        tempMap.set(action, [...tem, item.name]);
+      }
+    }
+
+    // 构造数据结构
+    const tempFiledAccess = [...tempMap.keys()].map(action => ({
+      action,
+      type: 'DENY_FIELDS',
+      describe: '不能操作的字段',
+      config: {
+        fields: tempMap.get(action),
+      },
+    }));
+
+    // 数据权限
+    const { dataAccess } = data;
+
+    const tempDataMap = new Map();
+
+    const dataKey = new Set();
+
+    // eslint-disable-next-line no-restricted-syntax
+    for (const item of dataAccess) {
+      // eslint-disable-next-line no-restricted-syntax
+      for (const type of item.action) {
+        dataKey.add(type);
+      }
+    }
+    //
+    Array.from(dataKey).forEach(i => tempDataMap.set(i, []));
+    // 赋值
+    // eslint-disable-next-line no-restricted-syntax
+    for (const item of dataAccess) {
+      // eslint-disable-next-line no-restricted-syntax
+      for (const action of item.action) {
+        const temp1 = tempDataMap.get(action);
+        tempDataMap.set(action, [...temp1, item.type]);
+      }
+    }
+
+    // 构造数据结构
+    const tempDataAccess = [...tempDataMap.keys()].map(action => ({
+      action,
+      type: 'DIMENSION_SCOPE',
+      config: {
+        scopeType: tempDataMap.get(action).join(','),
+        children: true,
+      },
+    }));
+
+    // 修改数据
+
+    let item: any = {};
+    const update = targetAutz.find(i => i.permission === data.permissionId);
+    if (update) {
+      item = update;
+      item.dataAccesses = [...tempFiledAccess, ...tempDataAccess];
+    } else {
+      item = {
+        permission: data.permissionId,
+        dimensionType: props.targetType,
+        dimensionTypeName: '用户',
+        dimensionTarget: props.target.id,
+        dimensionTargetName: props.target.name,
+        state: 1,
+        dataAccesses: [...tempFiledAccess, ...tempDataAccess],
+        merge: 10,
+      };
+    }
+
+    // 新增（查询出来的接口没有此权限）
+
+    // 删除修改的数据。
+    const tempAutz = targetAutz.filter(i => i.permission !== data.permissionId);
+    // console.log(tempAutz, item, data, '更细的数据');
+    setTargetAutz([...tempAutz, item]);
+    message.success('保存成功');
+    // autzSetting(data)
+    // TODO 此处调用接口保存数据
+  };
+
+  const autzSetting = () => {
+    // 注释原因：使用搜索过滤后，过滤前的数据无法获取。对应阿里云2324892缺陷
+    // const { permissions } = form.getFieldsValue();
+    // const tempAutz: any[] = [];
+    // for (const key in permissions) {
+    //   if (permissions.hasOwnProperty(key)) {
+    //     const element = permissions[key];
+    //     if (element) {
+    //       const access = tempAccess.find(i => i.permissionId === key);
+    //       tempAutz.push({ id: key, actions: element, ...access });
+    //     }
+    //   }
+    // }
+    // const resultTemp = targetAutz.map((item: any) => ({ id: item.permisseion, ...item }));
+    const autzData = targetAutz.map(i => ({ id: i.permission, actions: i.actions }));
+    apis.authorization
+      .saveAutz({
+        targetId: props.target.id,
+        targetType: props.targetType,
+        permissionList: autzData, // 修复2324892缺陷 将tempAutz换成了targetAutz
+      })
+      .then(response => {
+        if (response.status === 200) {
+          message.success('授权成功');
+        }
+      })
+      .catch(() => { });
+    // console.log({
+    //   targetId: props.targetId,
+    //   targetType: props.targetType,
+    //   permissionList: tempAutz
+    // }, 'auzt');
+    // console.log(authorization, 'logs');
+    // let tempAutz = {
+    //   targetId: authorization.autz.dimensionTarget,
+    //   targetType: 'user',
+    //   permisionList: [
+
+    //   ]
+    // }
+    // let tempAutz = {
+    //   permission: authorization.id,
+    //   dimensionType: props.targetType,
+    //   dimensionTypeName: '用户',
+    //   dimensionTarget: props.targetId,
+    //   dimensionTargetName: '用户名',
+    //   state: 1,
+    //   actions: (authorization.actions || []).map((i: any) => i.action),
+    //   id: 'test',
+    //   merge: true,
+    //   dataAccesses: (authorization.fieldAccess || []).map((i: any) => {
+    //     return {
+    //       action: i.name,
+    //       type: 'DENY_FIELDS',
+    //       describe: '不能操作字段',
+    //       config: {
+
+    //       }
+    //     }
+    //   })
+    // }
+  };
+
+
+  const renderAccess = () => (
+    <div>
+      <Form style={{ paddingBottom: 20 }}>
+
+        <Form.Item label="被授权主体" style={props.showTarget ? { display: 'none' } : {}}>
+          {getFieldDecorator('targetId', {
+            rules: [{ required: true }],
+            initialValue: props.target.id ? props.target.name : '',
+          })(
+            <Select mode="multiple" disabled={!!props.target.id}>
+              {Array.from(new Set<string>(dimensionList.filter((item: any) => item.typeName).map((item: any) => item.typeName))).map(
+                type => {
+                  const typeData = groupBy(dimensionList, item => item.typeName)[type];
+                  return (
+                    <Select.OptGroup label={type} key={type}>
+                      {typeData.map((e: any) => (
+                        <Select.Option value={e.id} key={e.id}>
+                          {e.name}
+                        </Select.Option>
+                      ))}
+                    </Select.OptGroup>
+                  );
+                },
+              )}
+            </Select>,
+          )}
+        </Form.Item>
+
+
+        <Form.Item label="选择权限">
+          <Input.Group compact style={{ marginBottom: '10px' }}>
+            <Select
+              style={{ width: '15%' }}
+              defaultValue={props.targetType === 'tenant' ? 'tenant' : 'all'}
+              onChange={(value: string) => setPermissionType(value)}
+              disabled={props.targetType === 'tenant'}
+            >
+              <Select.Option value="all">全部</Select.Option>
+              <Select.Option value="default">默认</Select.Option>
+              <Select.Option value="system">系统</Select.Option>
+              <Select.Option value="business">业务功能</Select.Option>
+              <Select.Option value="open-api">OpenAPI</Select.Option>
+              <Select.Option value="tenant">多租户</Select.Option>
+            </Select>
+            <Input.Search
+              style={{ width: '85%' }}
+              placeholder="请输入权限名称"
+              onChange={event => {
+                setSearchText(event.target.value);
+              }}
+            />
+            {/* <Button type="primary" style={{ width: '5%' }}><Icon type='search' /></Button> */}
+          </Input.Group>
+          <Table
+            rowKey="id"
+            style={{ height: props.height || '65vh', overflow: 'auto' }}
+            pagination={false}
+            columns={[
+              {
+                dataIndex: 'name',
+                title: '权限名称',
+                width: 150,
+              },
+              {
+                dataIndex: 'actions',
+                title: '权限操作',
+                render: (text: { action: string; name: string }[], record: any) => {
+                  const { id } = record;
+
+                  const tempText = Object.assign([], text || []);
+                  const temp = targetAutz.find(item => item.permission === id) || {};
+                  return (
+                    <div className={styles.permissionForm}>
+                      <Form.Item>
+                        {getFieldDecorator(`permissions.${id}`, {
+                          initialValue: temp.actions,
+                        })(
+                          <Checkbox.Group
+                            onChange={e => {
+                              if (!temp.permission) {
+                                targetAutz.push({
+                                  id: record.id,
+                                  permission: record.id,
+                                  actions: e,
+                                });
+                                setTargetAutz(cloneDeep([...targetAutz]));
+                              } else {
+                                temp.actions = e;
+                                const t = targetAutz.filter(i => i.permission !== id);
+                                setTargetAutz(cloneDeep([temp, ...t]));
+                              }
+                            }}
+                            options={tempText.map((e: { action: string; name: string }) => ({
+                              label: e.name,
+                              value: e.action,
+                            }))}
+                          />,
+                        )}
+                      </Form.Item>
+                    </div>
+                  );
+                },
+              },
+              {
+                dataIndex: 'properties',
+                title: '操作',
+                width: 180,
+                render: (text, record: any) => {
+                  const autz = targetAutz.find(item => item.permission === record.id);
+                  return (
+                    <Fragment>
+                      {getFieldValue(`permissions.${record.id}`) &&
+                        getFieldValue(`permissions.${record.id}`).length === record.actions.length ? (
+                          <a
+                            onClick={() => {
+                              const temp = targetAutz.filter(item => item.permission !== record.id);
+                              setTargetAutz(cloneDeep(temp));
+                              setFieldsValue({ [`permissions.${record.id}`]: [] });
+                            }}
+                          >
+                            取消全选
+                          </a>
+                        ) : (
+                          <a
+                            onClick={() => {
+                              setFieldsValue({
+                                [`permissions.${record.id}`]: record.actions.map(
+                                  (i: any) => i.action,
+                                ),
+                              });
+                              if (autz) {
+                                const temp = targetAutz.filter(item => item.permission !== record.id);
+                                autz.actions = record.actions.map((i: any) => i.action);
+                                setTargetAutz(cloneDeep([...temp, autz]));
+                              } else {
+                                targetAutz.push({
+                                  id: record.id,
+                                  permission: record.id,
+                                  actions: record.actions.map((i: any) => i.action),
+                                });
+                                setTargetAutz(cloneDeep(targetAutz));
+                              }
+                            }}
+                          >
+                            全选
+                          </a>
+                        )}
+
+                      {((text && text.supportDataAccessTypes) || []).some(
+                        (i: string) => i === 'DENY_FIELDS',
+                      ) && (
+                          <>
+                            {/* <Divider type="vertical" />
+
+                            <a
+                              onClick={() => {
+                                setDataAccessVisible(true);
+                                setCheckPermission({ ...record, autz });
+                              }}
+                            >
+                              数据权限
+                          </a> */}
+                          </>
+                        )}
+                    </Fragment>
+                  );
+                },
+              },
+            ]}
+            dataSource={
+              // eslint-disable-next-line no-nested-ternary
+              permissionType !== 'all'
+                ? searchText.length > 0
+                  ? JSON.parse(JSON.stringify(permissionList))
+                    .filter((item: any) => ((item.properties || {}).type || []).includes(permissionType))
+                    .filter((item: any) => item.name.indexOf(searchText) > -1)
+                  : JSON.parse(JSON.stringify(permissionList)).filter(
+                    (item: any) => ((item.properties || {}).type || []).includes(permissionType),
+                  )
+                : searchText.length > 0
+                  ? JSON.parse(JSON.stringify(permissionList)).filter(
+                    (item: any) => item.name.indexOf(searchText) > -1,
+                  )
+                  : permissionList
+            }
+          />
+        </Form.Item>
+      </Form>
+      <div
+        style={{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #e9e9e9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+        }}
+      >
+        {
+          props.type !== 'simple' ? (
+            <div>
+              <Button
+                onClick={() => {
+                  props.close();
+                }}
+                style={{ marginRight: 8 }}
+              >
+                关闭
+          </Button>
+              <Button
+                onClick={() => {
+                  autzSetting();
+                }}
+                type="primary"
+              >
+                保存
+          </Button>
+            </div>
+          ) : (
+              <div>
+                <Button
+                  onClick={() => {
+                    autzSetting();
+                  }}
+                  type="primary"
+                >
+                  更新权限信息
+        </Button>
+              </div>
+            )
+        }
+
+      </div>
+      {dataAccessVisible && (
+        <DataAccess
+          checkPermission={checkPermission}
+          close={() => setDataAccessVisible(false)}
+          save={(item: any) => {
+            saveDataAccess(item);
+          }}
+        />
+      )}
+    </div>
+  )
+
+
+  const renderRoot = () =>
+    props.type !== 'simple' ? (
+      <Drawer title="授权" visible width="50VW" onClose={() => props.close()}>
+        {renderAccess()}
+      </Drawer>
+    ) : renderAccess();
+
+
+  return (
+    renderRoot()
+  );
+};
+export default Form.create<Props>()(Authorization);

src/components/Authorization/service.ts

@@ -0,0 +1,29 @@
+import request from '@/utils/request';
+
+export async function list(params?: any) {
+    ///jetlinks/permission/_query/for-grant
+    return request(`/jetlinks/autz-setting/_query/no-paging`, {
+        method: 'GET',
+        params,
+    });
+}
+
+export async function setAutz(params: any) {
+    return request(`/jetlinks/autz-setting`, {
+        method: 'PATCH',
+        data: params,
+    });
+}
+
+export async function saveAutz(params: any) {
+    return request(`/jetlinks/autz-setting/detail/_save`, {
+        method: 'POST',
+        data: params
+    })
+}
+
+export async function autzDetail(params: { type: string, id: string }) {
+    return request(`/jetlinks/autz-setting/detail/${params.type}/${params.id}`, {
+        method: 'GET'
+    })
+}

src/components/Authorized/Authorized.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Result } from 'antd';
+import check, { IAuthorityType } from './CheckPermissions';
+
+import AuthorizedRoute from './AuthorizedRoute';
+import Secured from './Secured';
+
+interface AuthorizedProps {
+  authority: IAuthorityType;
+  noMatch?: React.ReactNode;
+}
+
+type IAuthorizedType = React.FunctionComponent<AuthorizedProps> & {
+  Secured: typeof Secured;
+  check: typeof check;
+  AuthorizedRoute: typeof AuthorizedRoute;
+};
+
+const Authorized: React.FunctionComponent<AuthorizedProps> = ({
+  children,
+  authority,
+  noMatch = (
+    <Result
+      status="403"
+      title="403"
+      subTitle="Sorry, you are not authorized to access this page."
+    />
+  ),
+}) => {
+  const childrenRender: React.ReactNode = typeof children === 'undefined' ? null : children;
+  const dom = check(authority, childrenRender, noMatch);
+  return <>{dom}</>;
+};
+
+export default Authorized as IAuthorizedType;

src/components/Authorized/AuthorizedRoute.tsx

@@ -0,0 +1,33 @@
+import { Redirect, Route } from 'umi';
+
+import React from 'react';
+import Authorized from './Authorized';
+import { IAuthorityType } from './CheckPermissions';
+
+interface AuthorizedRoutePops {
+  currentAuthority: string;
+  component: React.ComponentClass<any, any>;
+  render: (props: any) => React.ReactNode;
+  redirectPath: string;
+  authority: IAuthorityType;
+}
+
+const AuthorizedRoute: React.SFC<AuthorizedRoutePops> = ({
+  component: Component,
+  render,
+  authority,
+  redirectPath,
+  ...rest
+}) => (
+  <Authorized
+    authority={authority}
+    noMatch={<Route {...rest} render={() => <Redirect to={{ pathname: redirectPath }} />} />}
+  >
+    <Route
+      {...rest}
+      render={(props: any) => (Component ? <Component {...props} /> : render(props))}
+    />
+  </Authorized>
+);
+
+export default AuthorizedRoute;

src/components/Authorized/CheckPermissions.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { CURRENT } from './renderAuthorize';
+// eslint-disable-next-line import/no-cycle
+import PromiseRender from './PromiseRender';
+
+export type IAuthorityType =
+  | undefined
+  | string
+  | string[]
+  | Promise<boolean>
+  | ((currentAuthority: string | string[]) => IAuthorityType);
+
+/**
+ * 通用权限检查方法
+ * Common check permissions method
+ * @param { 权限判定 | Permission judgment } authority
+ * @param { 你的权限 | Your permission description } currentAuthority
+ * @param { 通过的组件 | Passing components } target
+ * @param { 未通过的组件 | no pass components } Exception
+ */
+const checkPermissions = <T, K>(
+  authority: IAuthorityType,
+  currentAuthority: string | string[],
+  target: T,
+  Exception: K,
+): T | K | React.ReactNode => {
+  // 没有判定权限.默认查看所有
+  // Retirement authority, return target;
+  if (!authority) {
+    return target;
+  }
+  // 数组处理
+  if (Array.isArray(authority)) {
+    if (Array.isArray(currentAuthority)) {
+      if (currentAuthority.some(item => authority.includes(item))) {
+        return target;
+      }
+    } else if (authority.includes(currentAuthority)) {
+      return target;
+    }
+    return Exception;
+  }
+  // string 处理
+  if (typeof authority === 'string') {
+    if (Array.isArray(currentAuthority)) {
+      if (currentAuthority.some(item => authority === item)) {
+        return target;
+      }
+    } else if (authority === currentAuthority) {
+      return target;
+    }
+    return Exception;
+  }
+  // Promise 处理
+  if (authority instanceof Promise) {
+    return <PromiseRender<T, K> ok={target} error={Exception} promise={authority} />;
+  }
+  // Function 处理
+  if (typeof authority === 'function') {
+    try {
+      const bool = authority(currentAuthority);
+      // 函数执行后返回值是 Promise
+      if (bool instanceof Promise) {
+        return <PromiseRender<T, K> ok={target} error={Exception} promise={bool} />;
+      }
+      if (bool) {
+        return target;
+      }
+      return Exception;
+    } catch (error) {
+      throw error;
+    }
+  }
+  throw new Error('unsupported parameters');
+};
+
+export { checkPermissions };
+
+function check<T, K>(authority: IAuthorityType, target: T, Exception: K): T | K | React.ReactNode {
+  return checkPermissions<T, K>(authority, CURRENT, target, Exception);
+}
+
+export default check;

src/components/Authorized/PromiseRender.tsx

@@ -0,0 +1,93 @@
+import React from 'react';
+import { Spin } from 'antd';
+import isEqual from 'lodash/isEqual';
+import { isComponentClass } from './Secured';
+// eslint-disable-next-line import/no-cycle
+
+interface PromiseRenderProps<T, K> {
+  ok: T;
+  error: K;
+  promise: Promise<boolean>;
+}
+
+interface PromiseRenderState {
+  component: React.ComponentClass | React.FunctionComponent;
+}
+
+export default class PromiseRender<T, K> extends React.Component<
+  PromiseRenderProps<T, K>,
+  PromiseRenderState
+> {
+  state: PromiseRenderState = {
+    component: () => null,
+  };
+
+  componentDidMount() {
+    this.setRenderComponent(this.props);
+  }
+
+  shouldComponentUpdate = (nextProps: PromiseRenderProps<T, K>, nextState: PromiseRenderState) => {
+    const { component } = this.state;
+    if (!isEqual(nextProps, this.props)) {
+      this.setRenderComponent(nextProps);
+    }
+    if (nextState.component !== component) return true;
+    return false;
+  };
+
+  // set render Component : ok or error
+  setRenderComponent(props: PromiseRenderProps<T, K>) {
+    const ok = this.checkIsInstantiation(props.ok);
+    const error = this.checkIsInstantiation(props.error);
+    props.promise
+      .then(() => {
+        this.setState({
+          component: ok,
+        });
+        return true;
+      })
+      .catch(() => {
+        this.setState({
+          component: error,
+        });
+      });
+  }
+
+  // Determine whether the incoming component has been instantiated
+  // AuthorizedRoute is already instantiated
+  // Authorized  render is already instantiated, children is no instantiated
+  // Secured is not instantiated
+  checkIsInstantiation = (
+    target: React.ReactNode | React.ComponentClass,
+  ): React.FunctionComponent => {
+    if (isComponentClass(target)) {
+      const Target = target as React.ComponentClass;
+      return (props: any) => <Target {...props} />;
+    }
+    if (React.isValidElement(target)) {
+      return (props: any) => React.cloneElement(target, props);
+    }
+    return () => target as React.ReactNode & null;
+  };
+
+  render() {
+    const { component: Component } = this.state;
+    const { ok, error, promise, ...rest } = this.props;
+
+    return Component ? (
+      <Component {...rest} />
+    ) : (
+      <div
+        style={{
+          width: '100%',
+          height: '100%',
+          margin: 'auto',
+          paddingTop: 50,
+          textAlign: 'center',
+        }}
+      >
+        <Spin size="large" />
+      </div>
+    );
+  }
+}

src/components/Authorized/Secured.tsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import CheckPermissions from './CheckPermissions';
+
+/**
+ * 默认不能访问任何页面
+ * default is "NULL"
+ */
+const Exception403 = () => 403;
+
+export const isComponentClass = (component: React.ComponentClass | React.ReactNode): boolean => {
+  if (!component) return false;
+  const proto = Object.getPrototypeOf(component);
+  if (proto === React.Component || proto === Function.prototype) return true;
+  return isComponentClass(proto);
+};
+
+// Determine whether the incoming component has been instantiated
+// AuthorizedRoute is already instantiated
+// Authorized  render is already instantiated, children is no instantiated
+// Secured is not instantiated
+const checkIsInstantiation = (target: React.ComponentClass | React.ReactNode) => {
+  if (isComponentClass(target)) {
+    const Target = target as React.ComponentClass;
+    return (props: any) => <Target {...props} />;
+  }
+  if (React.isValidElement(target)) {
+    return (props: any) => React.cloneElement(target, props);
+  }
+  return () => target;
+};
+
+/**
+ * 用于判断是否拥有权限访问此 view 权限
+ * authority 支持传入 string, () => boolean | Promise
+ * e.g. 'user' 只有 user 用户能访问
+ * e.g. 'user,admin' user 和 admin 都能访问
+ * e.g. ()=>boolean 返回true能访问,返回false不能访问
+ * e.g. Promise  then 能访问   catch不能访问
+ * e.g. authority support incoming string, () => boolean | Promise
+ * e.g. 'user' only user user can access
+ * e.g. 'user, admin' user and admin can access
+ * e.g. () => boolean true to be able to visit, return false can not be accessed
+ * e.g. Promise then can not access the visit to catch
+ * @param {string | function | Promise} authority
+ * @param {ReactNode} error 非必需参数
+ */
+const authorize = (authority: string, error?: React.ReactNode) => {
+  /**
+   * conversion into a class
+   * 防止传入字符串时找不到staticContext造成报错
+   * String parameters can cause staticContext not found error
+   */
+  let classError: boolean | React.FunctionComponent = false;
+  if (error) {
+    classError = (() => error) as React.FunctionComponent;
+  }
+  if (!authority) {
+    throw new Error('authority is required');
+  }
+  return function decideAuthority(target: React.ComponentClass | React.ReactNode) {
+    const component = CheckPermissions(authority, target, classError || Exception403);
+    return checkIsInstantiation(component);
+  };
+};
+
+export default authorize;

src/components/Authorized/index.tsx

@@ -0,0 +1,11 @@
+import Authorized from './Authorized';
+import Secured from './Secured';
+import check from './CheckPermissions';
+import renderAuthorize from './renderAuthorize';
+
+Authorized.Secured = Secured;
+Authorized.check = check;
+
+const RenderAuthorize = renderAuthorize(Authorized);
+
+export default RenderAuthorize;

src/components/Authorized/renderAuthorize.ts

@@ -0,0 +1,30 @@
+/* eslint-disable eslint-comments/disable-enable-pair */
+/* eslint-disable import/no-mutable-exports */
+let CURRENT: string | string[] = 'NULL';
+
+type CurrentAuthorityType = string | string[] | (() => typeof CURRENT);
+/**
+ * use  authority or getAuthority
+ * @param {string|()=>String} currentAuthority
+ */
+const renderAuthorize = <T>(Authorized: T): ((currentAuthority: CurrentAuthorityType) => T) => (
+  currentAuthority: CurrentAuthorityType,
+): T => {
+  if (currentAuthority) {
+    if (typeof currentAuthority === 'function') {
+      CURRENT = currentAuthority();
+    }
+    if (
+      Object.prototype.toString.call(currentAuthority) === '[object String]' ||
+      Array.isArray(currentAuthority)
+    ) {
+      CURRENT = currentAuthority as string[];
+    }
+  } else {
+    CURRENT = 'NULL';
+  }
+  return Authorized;
+};
+
+export { CURRENT };
+export default <T>(Authorized: T) => renderAuthorize<T>(Authorized);

src/components/CodeEditor/groovy.ts

@@ -0,0 +1,135 @@
+import * as monacoEditor from 'monaco-editor/esm/vs/editor/editor.api';
+
+const languageConfiguration: monacoEditor.languages.LanguageConfiguration = {
+    // the default separators except `@$`
+    wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\#\%\^\&\*\(\)\-\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\?\s]+)/g,
+    comments: {
+        lineComment: '//',
+        blockComment: ['/*', '*/'],
+    },
+    brackets: [
+        ['{', '}'],
+        ['[', ']'],
+        ['(', ')'],
+    ],
+    autoClosingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: '\'', close: '\'' },
+    ],
+    surroundingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: '\'', close: '\'' },
+        { open: '<', close: '>' },
+    ],
+    folding: {
+        markers: {
+            start: new RegExp("^\\s*//\\s*(?:(?:#?region\\b)|(?:<editor-fold\\b))"),
+            end: new RegExp("^\\s*//\\s*(?:(?:#?endregion\\b)|(?:</editor-fold>))")
+        }
+    }
+};
+const tokensProviderConfig: monacoEditor.languages.IMonarchLanguage = {
+    defaultToken: '',
+    tokenPostfix: '.groovy',
+    keywords: [
+        'abstract', 'continue', 'for', 'new', 'switch', 'assert', 'default',
+        'goto', 'package', 'synchronized', 'boolean', 'do', 'if', 'private',
+        'this', 'break', 'double', 'implements', 'protected', 'throw', 'byte',
+        'else', 'import', 'public', 'throws', 'case', 'enum', 'instanceof', 'return',
+        'transient', 'catch', 'extends', 'int', 'short', 'try', 'char', 'final',
+        'interface', 'static', 'void', 'class', 'finally', 'long', 'strictfp',
+        'volatile', 'const', 'float', 'native', 'super', 'while', 'true', 'false', 'as',
+        'def', 'in', 'null', 'trait'
+    ],
+    operators: [
+        '=', '>', '<', '!', '~', '?', ':',
+        '==', '<=', '>=', '!=', '&&', '||', '++', '--',
+        '+', '-', '*', '/', '&', '|', '^', '%', '<<',
+        '>>', '>>>', '+=', '-=', '*=', '/=', '&=', '|=',
+        '^=', '%=', '<<=', '>>=', '>>>='
+    ],
+    // we include these common regular expressions
+    symbols: /[=><!~?:&|+\-*\/\^%]+/,
+    escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
+    digits: /\d+(_+\d+)*/,
+    octaldigits: /[0-7]+(_+[0-7]+)*/,
+    binarydigits: /[0-1]+(_+[0-1]+)*/,
+    hexdigits: /[[0-9a-fA-F]+(_+[0-9a-fA-F]+)*/,
+    // The main tokenizer for our languages
+    tokenizer: {
+        root: [
+            // identifiers and keywords
+            [/[a-zA-Z_$][\w$]*/, {
+                cases: {
+                    '@keywords': { token: 'keyword.$0' },
+                    '@default': 'identifier'
+                }
+            }],
+            // whitespace
+            { include: '@whitespace' },
+            // delimiters and operators
+            [/[{}()\[\]]/, '@brackets'],
+            [/[<>](?!@symbols)/, '@brackets'],
+            [/@symbols/, {
+                cases: {
+                    '@operators': 'delimiter',
+                    '@default': ''
+                }
+            }],
+            // @ annotations.
+            [/@\s*[a-zA-Z_\$][\w\$]*/, 'annotation'],
+            // numbers
+            [/(@digits)[eE]([\-+]?(@digits))?[fFdD]?/, 'number.float'],
+            [/(@digits)\.(@digits)([eE][\-+]?(@digits))?[fFdD]?/, 'number.float'],
+            [/0[xX](@hexdigits)[Ll]?/, 'number.hex'],
+            [/0(@octaldigits)[Ll]?/, 'number.octal'],
+            [/0[bB](@binarydigits)[Ll]?/, 'number.binary'],
+            [/(@digits)[fFdD]/, 'number.float'],
+            [/(@digits)[lL]?/, 'number'],
+            // delimiter: after number because of .\d floats
+            [/[;,.]/, 'delimiter'],
+            // strings
+            [/"([^"\\]|\\.)*$/, 'string.invalid'],
+            [/"/, 'string', '@string'],
+            // characters
+            [/'[^\\']'/, 'string'],
+            [/(')(@escapes)(')/, ['string', 'string.escape', 'string']],
+            [/'/, 'string.invalid']
+        ],
+        whitespace: [
+            [/[ \t\r\n]+/, ''],
+            [/\/\*\*(?!\/)/, 'comment.doc', '@javadoc'],
+            [/\/\*/, 'comment', '@comment'],
+            [/\/\/.*$/, 'comment'],
+        ],
+        comment: [
+            [/[^\/*]+/, 'comment'],
+            // [/\/\*/, 'comment', '@push' ],    // nested comment not allowed :-(
+            // [/\/\*/,    'comment.invalid' ],    // this breaks block comments in the shape of /* //*/
+            [/\*\//, 'comment', '@pop'],
+            [/[\/*]/, 'comment']
+        ],
+        //Identical copy of comment above, except for the addition of .doc
+        javadoc: [
+            [/[^\/*]+/, 'comment.doc'],
+            // [/\/\*/, 'comment.doc', '@push' ],    // nested comment not allowed :-(
+            [/\/\*/, 'comment.doc.invalid'],
+            [/\*\//, 'comment.doc', '@pop'],
+            [/[\/*]/, 'comment.doc']
+        ],
+        string: [
+            [/[^\\"]+/, 'string'],
+            [/@escapes/, 'string.escape'],
+            [/\\./, 'string.escape.invalid'],
+            [/"/, 'string', '@pop']
+        ],
+    },
+};
+
+export { languageConfiguration, tokensProviderConfig };

src/components/CodeEditor/index.tsx

@@ -0,0 +1,110 @@
+import React, { useState } from "react";
+import { Card, Row, Select, Divider, Col, Modal, Button, message } from "antd";
+import MonacoEditor from 'react-monaco-editor';
+import * as monacoEditor from 'monaco-editor/esm/vs/editor/editor.api';
+import { languageConfiguration, tokensProviderConfig } from "./groovy";
+
+
+interface Props {
+    language?: string;
+    value?: string;
+    saveCode: Function;
+    close: Function;
+}
+
+interface State {
+    code: string;
+    options: any;
+    language: string;
+    theme: string;
+}
+
+const CodeEditor: React.FC<Props> = (props) => {
+
+    const initState: State = {
+        code: props.value || '',
+        language: props.language || 'groovy',
+        theme: 'vs',
+        options: {
+            selectOnLineNumbers: true,
+        },
+    }
+
+    const [code, setCode] = useState(initState.code);
+    const [language, setLanguage] = useState(initState.language);
+    const [theme, setTheme] = useState(initState.theme);
+
+
+
+    const editorDidMountHandle = (editor: monacoEditor.editor.IStandaloneCodeEditor, monaco: typeof monacoEditor) => {
+        //添加Groovy支持
+        var register = {
+            id: 'groovy',
+            extensions: ['.groovy'],
+            aliases: ['groovy', 'Groovy'],
+            mimetypes: ['text/x-groovy'],
+        }
+        monaco.languages.register(register);
+        monaco.languages.setMonarchTokensProvider(register.id, tokensProviderConfig);
+        monaco.languages.setLanguageConfiguration(register.id, languageConfiguration);
+    }
+
+    const changeLanguage = (language: string) => {
+        setLanguage(language);
+    }
+
+    return (
+        <Modal
+            onOk={() => props.saveCode(code)}
+            onCancel={() => props.close()}
+            visible
+            width={800}
+        >
+            <Card bordered={false}>
+                {/* <Row>
+                    <Col span={8}>
+                        <span style={{ marginRight: 10 }}>脚本类型</span>
+                        <Select
+                            value={language}
+                            style={{ width: 120 }}
+                            onChange={(value: string) => changeLanguage(value)}
+                        >
+                            <Select.Option value="javascript">JavaScript</Select.Option>
+                            <Select.Option value="java">Java</Select.Option>
+                            <Select.Option value="sql">SQL</Select.Option>
+                            <Select.Option value="groovy">Groovy</Select.Option>
+                        </Select>
+                    </Col>
+                    <Col span={8}>
+                        <span style={{ marginRight: 10 }}>主题</span>
+
+                        <Select value={theme}
+                            style={{ width: 120 }}
+                            onChange={(value: string) => changeTheme(value)}
+                        >
+                            <Select.Option value="vs-dark">Vs-Dark</Select.Option>
+                            <Select.Option value="vs">vs</Select.Option>
+                            <Select.Option value="hc-black">hc-black</Select.Option>
+                        </Select>
+                    </Col>
+                </Row>
+                <Divider /> */}
+                <MonacoEditor
+                    // width="800"
+                    height="300"
+                    language={language}
+                    theme={theme}
+                    value={code}
+                    options={{
+                        selectOnLineNumbers: true
+                    }}
+                    onChange={(value) => { setCode(value) }}
+                    editorDidMount={(editor, monaco) => editorDidMountHandle(editor, monaco)}
+                />
+            </Card>
+        </Modal>
+    );
+}
+export default CodeEditor;
+
+

src/components/GlobalHeader/AvatarDropdown.tsx

@@ -0,0 +1,95 @@
+import { Avatar, Icon, Menu, Spin } from 'antd';
+import { ClickParam } from 'antd/es/menu';
+import React, { useEffect, useState } from 'react';
+import { connect } from 'dva';
+import router from 'umi/router';
+import { ConnectProps, ConnectState } from '@/models/connect';
+import { CurrentUser } from '@/models/user';
+import HeaderDropdown from '../HeaderDropdown';
+import styles from './index.less';
+import Service from '@/pages/account/settings/service';
+
+export interface GlobalHeaderRightProps extends ConnectProps {
+  currentUser?: CurrentUser;
+  menu?: boolean;
+}
+const AvatarDropdown: React.FC<GlobalHeaderRightProps> = props => {
+  const onMenuClick = (event: ClickParam) => {
+    const { key } = event;
+
+    if (key === 'logout') {
+      const { dispatch } = props;
+
+      if (dispatch) {
+        dispatch({
+          type: 'login/logout',
+        });
+      }
+
+      return;
+    }
+    router.push(`/account/${key}`);
+  };
+
+  const [user, setUser] = useState<any>({});
+  const service = new Service('user/detail');
+
+  const {
+    currentUser = {
+      avatar: user.avatar || '',
+      name: '',
+    },
+  } = props;
+
+  useEffect(() => {
+    const u = service.get().subscribe(resp => {
+      setUser(resp);
+      localStorage.setItem('user-detail', JSON.stringify(resp));
+      // localStorage.setItem('tenants-admin', resp.tenants[0]?.adminMember);
+    });
+    return () => {
+      u.unsubscribe();
+    };
+  }, [currentUser]);
+
+  const menuHeaderDropdown = (
+    <Menu className={styles.menu} selectedKeys={[]} onClick={onMenuClick}>
+      {/* <Menu.Item key="center">
+          <Icon type="user" />
+            个人中心
+        </Menu.Item> */}
+      <Menu.Item key="settings">
+        <Icon type="setting" />
+        个人设置
+      </Menu.Item>
+      <Menu.Divider />
+
+      <Menu.Item key="logout">
+        <Icon type="logout" />
+        退出登录
+      </Menu.Item>
+    </Menu>
+  );
+  return currentUser && currentUser.name ? (
+    <HeaderDropdown overlay={menuHeaderDropdown}>
+      <span className={`${styles.action} ${styles.account}`}>
+        <Avatar size="small" className={styles.avatar} src={user.avatar} alt="avatar" />
+        <span className={styles.name}>{currentUser.name}</span>
+      </span>
+    </HeaderDropdown>
+  ) : (
+    <Spin
+      size="small"
+      style={{
+        marginLeft: 8,
+        marginRight: 8,
+      }}
+    />
+  );
+};
+// class AvatarDropdown extends React.Component<GlobalHeaderRightProps> {
+// }
+
+export default connect(({ user }: ConnectState) => ({
+  currentUser: user.currentUser,
+}))(AvatarDropdown);

src/components/GlobalHeader/NoticeIconView.tsx

@@ -0,0 +1,228 @@
+import React, { Component } from 'react';
+import { message, notification, Icon, Button } from 'antd';
+import { connect } from 'dva';
+import groupBy from 'lodash/groupBy';
+import moment from 'moment';
+import { NoticeItem } from '@/models/global';
+import NoticeIcon from '../NoticeIcon';
+import { CurrentUser } from '@/models/user';
+import { ConnectProps, ConnectState } from '@/models/connect';
+import styles from './index.less';
+import { getWebsocket } from '@/layouts/GlobalWebSocket';
+import Service from '@/pages/account/notification/service';
+import encodeQueryParam from '@/utils/encodeParam';
+import { router } from 'umi';
+import { throttleTime, } from 'rxjs/operators';
+
+export interface GlobalHeaderRightProps extends ConnectProps {
+  notices?: NoticeItem[];
+  currentUser?: CurrentUser;
+  fetchingNotices?: boolean;
+  onNoticeVisibleChange?: (visible: boolean) => void;
+  onNoticeClear?: (tabName?: string) => void;
+}
+interface State {
+  noticeList: any[];
+  loading: boolean;
+}
+class GlobalHeaderRight extends Component<GlobalHeaderRightProps> {
+
+  state: State = {
+    noticeList: [],
+    loading: false,
+  }
+
+
+
+  service = new Service('notifications');
+  private ws: any;
+  getNotice = () => {
+    const { dispatch } = this.props;
+    if (dispatch) {
+      dispatch({
+        type: 'global/fetchNotices',
+        payload: encodeQueryParam({
+          terms: { state: 'unread' }
+        })
+      });
+    }
+  }
+  componentDidMount() {
+    this.getNotice();
+    this.ws = getWebsocket(
+      `notification`,
+      `/notifications`,
+      {}
+    ).pipe(
+      throttleTime(2000),
+    ).subscribe(
+      (resp: any) => {
+        this.getNotice();
+        notification.open({
+          message: resp?.payload?.topicName,
+          description: resp?.payload?.message,
+          key: resp.payload.id,
+          top: 60,
+          btn: <Button
+            type="primary"
+            onClick={() => {
+              this.service
+                .read(resp.payload.id)
+                .subscribe(() => {
+                  notification.close(resp.payload.id)
+                  this.getNotice();
+                });
+            }}
+          >标记已读</Button>,
+          icon: <Icon type="exclamation-circle" style={{ color: '#E23D38' }} />,
+        });
+      }
+    );
+
+  }
+
+  componentWillUnmount() {
+    this.ws.unsubscribe();
+  }
+
+  changeReadState = (clickedItem: NoticeItem): void => {
+    const { id, state } = clickedItem;
+    if (state === 'unread') {
+      const { dispatch } = this.props;
+      if (dispatch) {
+        dispatch({
+          type: 'global/changeNoticeReadState',
+          payload: id,
+        });
+      }
+    }
+  };
+
+  handleNoticeClear = (title: string, key: string) => {
+    const { dispatch } = this.props;
+    message.success(`${'清空了'} ${title}`);
+    const clearIds = (this.getNoticeData().unread || []).map(item => item.id);
+
+    if (dispatch) {
+      dispatch({
+        type: 'global/clearNotices',
+        payload: clearIds,
+      });
+      // dispatch({
+      //   type: 'global/fetchNotices',
+      //   payload: encodeQueryParam({
+      //     terms: { state: 'unread' }
+      //   })
+      // });
+    }
+  };
+
+  getNoticeData = (): {
+    [key: string]: NoticeItem[];
+  } => {
+    const { notices = [] } = this.props;
+    if (notices.length === 0) {
+      return {};
+    }
+
+    const newNotices = notices.map(notice => {
+      const newNotice = { ...notice };
+      if (newNotice.notifyTime) {
+        newNotice.notifyTime = moment(notice.notifyTime as string).fromNow();
+      }
+
+      if (newNotice.id) {
+        newNotice.key = newNotice.id;
+      }
+
+      newNotice.avatar = 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg';
+      newNotice.title = notice.topicName;
+      newNotice.description = notice.message;
+
+      return newNotice;
+    });
+
+    // console.log(groupBy(newNotices, 'state.value'), 'group-state');
+    // return groupBy(newNotices, 'subscriberType');
+    return groupBy(newNotices.map(item => ({ ...item, state: item.state.value })), 'state');
+  };
+
+  getUnreadData = (noticeData: { [key: string]: NoticeItem[] }) => {
+    const unreadMsg: {
+      [key: string]: number;
+    } = {};
+    Object.keys(noticeData).forEach(key => {
+      const value = noticeData[key];
+
+      // console.log(key, 'kley');
+      if (!unreadMsg[key]) {
+        unreadMsg[key] = 0;
+      }
+
+      if (Array.isArray(value)) {
+        // unreadMsg[key] = value.length;
+        // console.log(value, value.filter(item => !item.read).length, key, 'value');
+        // unreadMsg[key] = value.filter(item => !item.read).length;
+        // unreadMsg[key] = value.filter(item => item.state === 'unread').length;
+      }
+    });
+    return unreadMsg;
+  };
+
+  render() {
+    const { currentUser, fetchingNotices, onNoticeVisibleChange } = this.props;
+    const noticeData = this.getNoticeData();
+    const unreadMsg = this.getUnreadData(noticeData);
+    return (
+      <NoticeIcon
+        className={styles.action}
+        count={currentUser && currentUser.unreadCount}
+        onItemClick={item => {
+          this.changeReadState(item as NoticeItem);
+        }}
+        loading={fetchingNotices}
+        clearText="当前标记为已读"
+        viewMoreText="查看更多"
+        onClear={this.handleNoticeClear}
+        onPopupVisibleChange={onNoticeVisibleChange}
+        onViewMore={() => router.push('/account/notification')}
+        clearClose
+      >
+        {/* <NoticeIcon.Tab
+          tabKey="notification"
+          count={unreadMsg.notification}
+          list={noticeData.notification}
+          title="通知"
+          emptyText="你已查看所有通知"
+          showViewMore
+        /> */}
+
+        <NoticeIcon.Tab
+          tabKey="read"
+          count={unreadMsg.unread}
+          list={noticeData.unread}
+          title="未读消息"
+          emptyText="您已读完所有消息"
+          showViewMore
+        />
+        <NoticeIcon.Tab
+          tabKey="handle"
+          title="待办消息"
+          emptyText="暂无消息"
+          count={unreadMsg.handle}
+          list={noticeData.handle}
+          showViewMore
+        />
+
+      </NoticeIcon>
+    );
+  }
+}
+
+export default connect(({ user, global, loading }: ConnectState) => ({
+  currentUser: user.currentUser,
+  collapsed: global.collapsed,
+  fetchingMoreNotices: loading.effects['global/fetchMoreNotices'],
+  fetchingNotices: loading.effects['global/fetchNotices'],
+  notices: global.notices,
+}))(GlobalHeaderRight);

src/components/GlobalHeader/RightContent.tsx

@@ -0,0 +1,88 @@
+import { Icon, Tooltip, Tag, message } from 'antd';
+import React, { useEffect } from 'react';
+import { connect } from 'dva';
+// import { formatMessage } from 'umi-plugin-react/locale';
+import { ConnectProps, ConnectState } from '@/models/connect';
+
+import Avatar from './AvatarDropdown';
+// import HeaderSearch from '../HeaderSearch';
+// import SelectLang from '../SelectLang';
+import styles from './index.less';
+import NoticeIconView from './NoticeIconView';
+import encodeQueryParam from '@/utils/encodeParam';
+
+export type SiderTheme = 'light' | 'dark';
+export interface GlobalHeaderRightProps extends ConnectProps {
+  theme?: SiderTheme;
+  layout: 'sidemenu' | 'topmenu';
+}
+
+const ENVTagColor = {
+  dev: 'orange',
+  test: 'green',
+  pre: '#87d068',
+};
+
+const GlobalHeaderRight: React.SFC<GlobalHeaderRightProps> = props => {
+  const { theme, layout, dispatch } = props;
+  let className = styles.right;
+
+  if (theme === 'dark' && layout === 'topmenu') {
+    className = `${styles.right}  ${styles.dark}`;
+  }
+  const fetchData = () => {
+    if (dispatch) {
+      dispatch({
+        type: 'global/fetchNotices',
+        payload: encodeQueryParam({
+          terms: { state: 'unread' }
+        })
+      });
+    }
+  }
+  return (
+    <div className={className}>
+      {/* <HeaderSearch
+        className={`${styles.action} ${styles.search}`}
+        placeholder={formatMessage({
+          id: 'component.globalHeader.search',
+        })}
+        defaultValue="umi ui"
+        dataSource={[
+          formatMessage({
+            id: 'component.globalHeader.search.example1',
+          }),
+          formatMessage({
+            id: 'component.globalHeader.search.example2',
+          }),
+          formatMessage({
+            id: 'component.globalHeader.search.example3',
+          }),
+        ]}
+        onSearch={() => { }}
+        onPressEnter={() => { }}
+      /> */}
+      <Tooltip title="使用文档">
+        <a
+          target="_blank"
+          href="http://doc.jetlinks.cn/"
+          rel="noopener noreferrer"
+          className={styles.action}
+        >
+          <Icon type="question-circle-o" />
+        </a>
+      </Tooltip>
+      <span onClick={() => { fetchData() }}>
+        <NoticeIconView />
+      </span>
+      <Avatar />
+      {REACT_APP_ENV && <Tag color={ENVTagColor[REACT_APP_ENV]}>{REACT_APP_ENV}</Tag>}
+      {/* <SelectLang className={styles.action} /> */}
+    </div>
+  );
+};
+
+export default connect(({ settings }: ConnectState) => ({
+  theme: settings.navTheme,
+  layout: settings.layout,
+}))(GlobalHeaderRight);

src/components/GlobalHeader/index.less

@@ -0,0 +1,101 @@
+@import '~antd/es/style/themes/default.less';
+
+@pro-header-hover-bg: rgba(0, 0, 0, 0.025);
+
+.menu {
+  :global(.anticon) {
+    margin-right: 8px;
+  }
+  :global(.ant-dropdown-menu-item) {
+    min-width: 160px;
+  }
+}
+
+.right {
+  float: right;
+  height: @layout-header-height;
+  margin-left: auto;
+  overflow: hidden;
+  .action {
+    display: inline-block;
+    height: 100%;
+    padding: 0 12px;
+    cursor: pointer;
+    transition: all 0.3s;
+    > i {
+      color: @text-color;
+      vertical-align: middle;
+    }
+    &:hover {
+      background: @pro-header-hover-bg;
+    }
+    &:global(.opened) {
+      background: @pro-header-hover-bg;
+    }
+  }
+  .search {
+    padding: 0 12px;
+    &:hover {
+      background: transparent;
+    }
+  }
+  .account {
+    .avatar {
+      margin: ~'calc((@{layout-header-height} - 24px) / 2)' 0;
+      margin-right: 8px;
+      color: @primary-color;
+      vertical-align: top;
+      // background: rgba(255, 255, 255, 0.85);
+      background: rgba(102, 176, 224, 0.85);
+    }
+  }
+}
+
+.dark {
+  .action {
+    color: rgba(255, 255, 255, 0.85);
+    > i {
+      color: rgba(255, 255, 255, 0.85);
+    }
+    &:hover,
+    &:global(.opened) {
+      background: @primary-color;
+    }
+  }
+}
+
+:global(.ant-pro-global-header) {
+  .dark {
+    .action {
+      color: @text-color;
+      > i {
+        color: @text-color;
+      }
+      &:hover {
+        color: rgba(255, 255, 255, 0.85);
+        > i {
+          color: rgba(255, 255, 255, 0.85);
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (max-width: @screen-md) {
+  :global(.ant-divider-vertical) {
+    vertical-align: unset;
+  }
+  .name {
+    display: none;
+  }
+  .right {
+    position: absolute;
+    top: 0;
+    right: 12px;
+    .account {
+      .avatar {
+        margin-right: 0;
+      }
+    }
+  }
+}

src/components/HeaderDropdown/index.less

@@ -0,0 +1,16 @@
+@import '~antd/es/style/themes/default.less';
+
+.container > * {
+  background-color: @popover-bg;
+  border-radius: 4px;
+  box-shadow: @shadow-1-down;
+}
+
+@media screen and (max-width: @screen-xs) {
+  .container {
+    width: 100% !important;
+  }
+  .container > * {
+    border-radius: 0 !important;
+  }
+}

src/components/HeaderDropdown/index.tsx

@@ -0,0 +1,19 @@
+import { DropDownProps } from 'antd/es/dropdown';
+import { Dropdown } from 'antd';
+import React from 'react';
+import classNames from 'classnames';
+import styles from './index.less';
+
+declare type OverlayFunc = () => React.ReactNode;
+
+export interface HeaderDropdownProps extends DropDownProps {
+  overlayClassName?: string;
+  overlay: React.ReactNode | OverlayFunc;
+  placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight' | 'bottomCenter';
+}
+
+const HeaderDropdown: React.FC<HeaderDropdownProps> = ({ overlayClassName: cls, ...restProps }) => (
+  <Dropdown overlayClassName={classNames(styles.container, cls)} {...restProps} />
+);
+
+export default HeaderDropdown;

src/components/HeaderSearch/index.less

@@ -0,0 +1,32 @@
+@import '~antd/es/style/themes/default.less';
+
+.headerSearch {
+  :global(.anticon-search) {
+    font-size: 16px;
+    cursor: pointer;
+  }
+  .input {
+    width: 0;
+    background: transparent;
+    border-radius: 0;
+    transition: width 0.3s, margin-left 0.3s;
+    :global(.ant-select-selection) {
+      background: transparent;
+    }
+    input {
+      padding-right: 0;
+      padding-left: 0;
+      border: 0;
+      box-shadow: none !important;
+    }
+    &,
+    &:hover,
+    &:focus {
+      border-bottom: 1px solid @border-color-base;
+    }
+    &.show {
+      width: 210px;
+      margin-left: 8px;
+    }
+  }
+}

src/components/HeaderSearch/index.tsx

@@ -0,0 +1,147 @@
+import { AutoComplete, Icon, Input } from 'antd';
+import { AutoCompleteProps, DataSourceItemType } from 'antd/es/auto-complete';
+import React, { Component } from 'react';
+
+import classNames from 'classnames';
+import debounce from 'lodash/debounce';
+import styles from './index.less';
+
+export interface HeaderSearchProps {
+  onPressEnter: (value: string) => void;
+  onSearch: (value: string) => void;
+  onChange: (value: string) => void;
+  onVisibleChange: (b: boolean) => void;
+  className: string;
+  placeholder: string;
+  defaultActiveFirstOption: boolean;
+  dataSource: DataSourceItemType[];
+  defaultOpen: boolean;
+  open?: boolean;
+  defaultValue?: string;
+}
+
+interface HeaderSearchState {
+  value?: string;
+  searchMode: boolean;
+}
+
+export default class HeaderSearch extends Component<HeaderSearchProps, HeaderSearchState> {
+  private inputRef: Input | null = null;
+
+  static defaultProps = {
+    defaultActiveFirstOption: false,
+    onPressEnter: () => {},
+    onSearch: () => {},
+    onChange: () => {},
+    className: '',
+    placeholder: '',
+    dataSource: [],
+    defaultOpen: false,
+    onVisibleChange: () => {},
+  };
+
+  static getDerivedStateFromProps(props: HeaderSearchProps) {
+    if ('open' in props) {
+      return {
+        searchMode: props.open,
+      };
+    }
+    return null;
+  }
+
+  constructor(props: HeaderSearchProps) {
+    super(props);
+    this.state = {
+      searchMode: props.defaultOpen,
+      value: props.defaultValue,
+    };
+    this.debouncePressEnter = debounce(this.debouncePressEnter, 500, {
+      leading: true,
+      trailing: false,
+    });
+  }
+
+  onKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter') {
+      this.debouncePressEnter();
+    }
+  };
+
+  onChange: AutoCompleteProps['onChange'] = value => {
+    if (typeof value === 'string') {
+      const { onSearch, onChange } = this.props;
+      this.setState({ value });
+      if (onSearch) {
+        onSearch(value);
+      }
+      if (onChange) {
+        onChange(value);
+      }
+    }
+  };
+
+  enterSearchMode = () => {
+    const { onVisibleChange } = this.props;
+    onVisibleChange(true);
+    this.setState({ searchMode: true }, () => {
+      const { searchMode } = this.state;
+      if (searchMode && this.inputRef) {
+        this.inputRef.focus();
+      }
+    });
+  };
+
+  leaveSearchMode = () => {
+    this.setState({
+      searchMode: false,
+    });
+  };
+
+  debouncePressEnter = () => {
+    const { onPressEnter } = this.props;
+    const { value } = this.state;
+    onPressEnter(value || '');
+  };
+
+  render() {
+    const { className, defaultValue, placeholder, open, ...restProps } = this.props;
+    const { searchMode, value } = this.state;
+    delete restProps.defaultOpen; // for rc-select not affected
+    const inputClass = classNames(styles.input, {
+      [styles.show]: searchMode,
+    });
+
+    return (
+      <span
+        className={classNames(className, styles.headerSearch)}
+        onClick={this.enterSearchMode}
+        onTransitionEnd={({ propertyName }) => {
+          if (propertyName === 'width' && !searchMode) {
+            const { onVisibleChange } = this.props;
+            onVisibleChange(searchMode);
+          }
+        }}
+      >
+        <Icon type="search" key="Icon" />
+        <AutoComplete
+          key="AutoComplete"
+          {...restProps}
+          className={inputClass}
+          value={value}
+          onChange={this.onChange}
+        >
+          <Input
+            ref={node => {
+              this.inputRef = node;
+            }}
+            defaultValue={defaultValue}
+            aria-label={placeholder}
+            placeholder={placeholder}
+            onKeyDown={this.onKeyDown}
+            onBlur={this.leaveSearchMode}
+          />
+        </AutoComplete>
+      </span>
+    );
+  }
+}

src/components/IconFont/index.tsx

@@ -0,0 +1,7 @@
+import { Icon } from "antd";
+const url = require('./iconfont.js');
+
+const IconFont = Icon.createFromIconfontCN({
+    scriptUrl: url,
+})
+export default IconFont;

src/components/MenuFont/index.tsx

@@ -0,0 +1,7 @@
+import { Icon } from "antd";
+const url = require('./menu.js');
+
+const MenuFont = Icon.createFromIconfontCN({
+    scriptUrl: url,
+})
+export default MenuFont;