Merge branch 'master' of https://gitea.anxinyun.cn/free-sun/GovernmentDataResourceCenter

super-screen/.babelrc

@@ -0,0 +1,19 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    "@babel/preset-env"
+    
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-object-rest-spread",
+    ["import", {
+      "libraryName": "antd",
+      "libraryDirectory": "es"
+      
+    }]
+  ],
+  "env": {
+    "development": {}
+  }
+}

super-screen/.vscode/launch.json

@@ -0,0 +1,23 @@
+{
+   "version": "0.2.0",
+   "configurations": [
+      {
+         "name": "Server",
+         "type": "node",
+         "request": "launch",
+         "program": "${workspaceRoot}/server.js",
+         "args": [
+            "-u http://127.0.0.1:4000",
+            //阿里OSS
+            "--aliOssAccessKey LTAI5tNDfn7UhStYQcn3JBtw",
+            "--aliOssSecretKey rnoXtDWQA1djJ5Xqcdn1OSEol0lVyv",
+            "--aliOssBucket test-c371",
+            "--aliOssRegion oss-cn-hangzhou",
+         ],
+         "outputCapture": "std",
+         "env": {
+            "NODE_ENV": "development"
+         }
+      }
+   ]
+}

super-screen/.vscode/settings.json

@@ -0,0 +1,4 @@
+// 将设置放入此文件中以覆盖默认值和用户设置。
+{
+    "editor.fontSize": 16,
+}

super-screen/Dockerfile

@@ -0,0 +1,21 @@
+FROM repository.anxinyun.cn/base-images/nodejs12:20.10.12.2
+
+COPY . /var/app
+
+WORKDIR /var/app
+
+EXPOSE 8080
+
+RUN npm cache clean -f
+
+RUN npm install  --registry http://10.8.30.22:7000 --legacy-peer-deps
+RUN npm run build
+RUN rm  -rf client/src
+RUN rm  -rf node_modules
+
+RUN npm install --production --registry http://10.8.30.22:7000
+#RUN npm cache clean -f && npm install --production --force --registry http://10.8.30.22:7000
+
+CMD ["-u", "http://localhost:8088"]
+
+ENTRYPOINT [ "node", "server.js" ]

super-screen/client/assets/font_sc/demo.css

@@ -0,0 +1,370 @@
+*{margin: 0;padding: 0;list-style: none;}
+/*
+KISSY CSS Reset
+理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
+2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
+3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
+特色：1. 适应中文；2. 基于最新主流浏览器。
+维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
+ */
+
+/** 清除内外边距 **/
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
+pre, /* text formatting elements 文本格式元素 */
+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
+th, td /* table elements 表格元素 */ {
+  margin: 0;
+  padding: 0;
+}
+
+/** 设置默认字体 **/
+body,
+button, input, select, textarea /* for ie */ {
+  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
+}
+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
+address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
+code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
+small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
+
+/** 重置列表元素 **/
+ul, ol { list-style: none; }
+
+/** 重置文本格式元素 **/
+a { text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+
+/** 重置表单元素 **/
+legend { color: #000; } /* for ie6 */
+fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
+button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
+/* 注：optgroup 无法扶正 */
+
+/** 重置表格元素 **/
+table { border-collapse: collapse; border-spacing: 0; }
+
+/* 清除浮动 */
+.ks-clear:after, .clear:after {
+  content: '\20';
+  display: block;
+  height: 0;
+  clear: both;
+}
+.ks-clear, .clear {
+  *zoom: 1;
+}
+
+.main {
+  padding: 30px 100px;
+width: 960px;
+margin: 0 auto;
+}
+.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
+
+.helps{margin-top:40px;}
+.helps pre{
+  padding:20px;
+  margin:10px 0;
+  border:solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists{
+  width: 100% !important;
+
+}
+
+.icon_lists li{
+  float:left;
+  width: 100px;
+  height:180px;
+  text-align: center;
+  list-style: none !important;
+}
+.icon_lists .icon{
+  font-size: 42px;
+  line-height: 100px;
+  margin: 10px 0;
+  color:#333;
+  -webkit-transition: font-size 0.25s ease-out 0s;
+  -moz-transition: font-size 0.25s ease-out 0s;
+  transition: font-size 0.25s ease-out 0s;
+
+}
+.icon_lists .icon:hover{
+  font-size: 100px;
+}
+
+
+
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p,
+.markdown pre {
+  margin: 1em 0;
+}
+
+.markdown > p,
+.markdown > blockquote,
+.markdown > .highlight,
+.markdown > ol,
+.markdown > ul {
+  width: 80%;
+}
+
+.markdown ul > li {
+  list-style: circle;
+}
+
+.markdown > ul li,
+.markdown blockquote ul > li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown > ul li p,
+.markdown > ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol > li {
+  list-style: decimal;
+}
+
+.markdown > ol li,
+.markdown blockquote ol > li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown pre {
+  border-radius: 6px;
+  background: #f7f7f7;
+  padding: 20px;
+}
+
+.markdown pre code {
+  border: none;
+  background: #f7f7f7;
+  margin: 0;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown > table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown > table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+
+}
+
+.markdown > table th,
+.markdown > table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown > table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+  font-style: italic;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown > br,
+.markdown > p > br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+pre{
+  background: #fff;
+}
+
+
+
+
+

super-screen/client/assets/font_sc/demo_fontclass.html

@@ -0,0 +1,514 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>IconFont</title>
+    <link rel="stylesheet" href="demo.css">
+    <link rel="stylesheet" href="iconfont.css">
+</head>
+<body>
+    <div class="main markdown">
+        <h1>IconFont 图标</h1>
+        <ul class="icon_lists clear">
+            
+                <li>
+                <i class="icon sc icon-liuliang"></i>
+                    <div class="name">流量</div>
+                    <div class="fontclass">.icon-liuliang</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-iconfontditie"></i>
+                    <div class="name">轻轨</div>
+                    <div class="fontclass">.icon-iconfontditie</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-fengsu3"></i>
+                    <div class="name">风速3</div>
+                    <div class="fontclass">.icon-fengsu3</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-calendar"></i>
+                    <div class="name">calendar</div>
+                    <div class="fontclass">.icon-calendar</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-box"></i>
+                    <div class="name">box</div>
+                    <div class="fontclass">.icon-box</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shenheshibai"></i>
+                    <div class="name">审核失败</div>
+                    <div class="fontclass">.icon-shenheshibai</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-slope"></i>
+                    <div class="name">边坡</div>
+                    <div class="fontclass">.icon-slope</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-icon2"></i>
+                    <div class="name">公路</div>
+                    <div class="fontclass">.icon-icon2</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-gnsscaidian"></i>
+                    <div class="name">GNSS采点</div>
+                    <div class="fontclass">.icon-gnsscaidian</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-chuanganqishebei"></i>
+                    <div class="name">传感器设备</div>
+                    <div class="fontclass">.icon-chuanganqishebei</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-dianliuchuanganqi"></i>
+                    <div class="name">电流传感器</div>
+                    <div class="fontclass">.icon-dianliuchuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-dianyachuanganqi"></i>
+                    <div class="name">电压传感器</div>
+                    <div class="fontclass">.icon-dianyachuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-wenduchuanganqi"></i>
+                    <div class="name">温度传感器</div>
+                    <div class="fontclass">.icon-wenduchuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-xinjian"></i>
+                    <div class="name">新建</div>
+                    <div class="fontclass">.icon-xinjian</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-handong"></i>
+                    <div class="name">涵洞</div>
+                    <div class="fontclass">.icon-handong</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-guanwanggongcheng"></i>
+                    <div class="name">管网工程</div>
+                    <div class="fontclass">.icon-guanwanggongcheng</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shenhe"></i>
+                    <div class="name">审核</div>
+                    <div class="fontclass">.icon-shenhe</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-zhihuishequ"></i>
+                    <div class="name">智慧城市</div>
+                    <div class="fontclass">.icon-zhihuishequ</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-bianpoweiyi"></i>
+                    <div class="name">边坡位移</div>
+                    <div class="fontclass">.icon-bianpoweiyi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-jianzhu"></i>
+                    <div class="name">建筑</div>
+                    <div class="fontclass">.icon-jianzhu</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-chuguan"></i>
+                    <div class="name">储罐</div>
+                    <div class="fontclass">.icon-chuguan</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-suidao"></i>
+                    <div class="name">隧道</div>
+                    <div class="fontclass">.icon-suidao</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-data"></i>
+                    <div class="name">data</div>
+                    <div class="fontclass">.icon-data</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-kuangshankaicai"></i>
+                    <div class="name">矿山开采</div>
+                    <div class="fontclass">.icon-kuangshankaicai</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-wangluo"></i>
+                    <div class="name">网络</div>
+                    <div class="fontclass">.icon-wangluo</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-jiankong"></i>
+                    <div class="name">监控</div>
+                    <div class="fontclass">.icon-jiankong</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-dashuju"></i>
+                    <div class="name">大数据</div>
+                    <div class="fontclass">.icon-dashuju</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shuju"></i>
+                    <div class="name">数据库</div>
+                    <div class="fontclass">.icon-shuju</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shenhechenggong"></i>
+                    <div class="name">审核成功</div>
+                    <div class="fontclass">.icon-shenhechenggong</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-jiankong1"></i>
+                    <div class="name">监控</div>
+                    <div class="fontclass">.icon-jiankong1</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-wangluoxitong"></i>
+                    <div class="name">网络系统</div>
+                    <div class="fontclass">.icon-wangluoxitong</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-dingwei"></i>
+                    <div class="name">定位</div>
+                    <div class="fontclass">.icon-dingwei</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-xitongyunzhuanqingkuang"></i>
+                    <div class="name">系统运转情况</div>
+                    <div class="fontclass">.icon-xitongyunzhuanqingkuang</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-chakan"></i>
+                    <div class="name">查看</div>
+                    <div class="fontclass">.icon-chakan</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-lianjie"></i>
+                    <div class="name">链接</div>
+                    <div class="fontclass">.icon-lianjie</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shujudaochu-01"></i>
+                    <div class="name">数据导出-01</div>
+                    <div class="fontclass">.icon-shujudaochu-01</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-xitongzhuangtai"></i>
+                    <div class="name">系统状态</div>
+                    <div class="fontclass">.icon-xitongzhuangtai</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-xiaofeimingxidan"></i>
+                    <div class="name">消费明细单</div>
+                    <div class="fontclass">.icon-xiaofeimingxidan</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-SQLshenhe"></i>
+                    <div class="name">SQL审核</div>
+                    <div class="fontclass">.icon-SQLshenhe</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-aislogo"></i>
+                    <div class="name">aislogo</div>
+                    <div class="fontclass">.icon-aislogo</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-qiao"></i>
+                    <div class="name">桥</div>
+                    <div class="fontclass">.icon-qiao</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-tashiqizhongji"></i>
+                    <div class="name">塔式起重机</div>
+                    <div class="fontclass">.icon-tashiqizhongji</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-dwggeshi"></i>
+                    <div class="name">dwg格式</div>
+                    <div class="fontclass">.icon-dwggeshi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-luyouqi"></i>
+                    <div class="name">路由器</div>
+                    <div class="fontclass">.icon-luyouqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-anzhuangshigong-xianxing"></i>
+                    <div class="name">244安装、施工-线性</div>
+                    <div class="fontclass">.icon-anzhuangshigong-xianxing</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shaixuanguolv"></i>
+                    <div class="name">245筛选过滤</div>
+                    <div class="fontclass">.icon-shaixuanguolv</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-anzhuangshigong"></i>
+                    <div class="name">244安装、施工</div>
+                    <div class="fontclass">.icon-anzhuangshigong</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-tiaoxingtu-xianxing"></i>
+                    <div class="name">408条形图-线性</div>
+                    <div class="fontclass">.icon-tiaoxingtu-xianxing</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-zhexiantu-xianxing"></i>
+                    <div class="name">409折线图-线性</div>
+                    <div class="fontclass">.icon-zhexiantu-xianxing</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-tieta"></i>
+                    <div class="name">铁塔</div>
+                    <div class="fontclass">.icon-tieta</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_wendangtxt"></i>
+                    <div class="name">800格式_文档txt</div>
+                    <div class="fontclass">.icon-geshi_wendangtxt</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_wendangdoc"></i>
+                    <div class="name">801格式_文档doc</div>
+                    <div class="fontclass">.icon-geshi_wendangdoc</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_wendangpdf"></i>
+                    <div class="name">807格式_文档pdf</div>
+                    <div class="fontclass">.icon-geshi_wendangpdf</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_wendangxls"></i>
+                    <div class="name">803格式_文档xls</div>
+                    <div class="fontclass">.icon-geshi_wendangxls</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_tongyongwendang"></i>
+                    <div class="name">819格式_通用文档</div>
+                    <div class="fontclass">.icon-geshi_tongyongwendang</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_shipinmp"></i>
+                    <div class="name">840格式_视频mp4</div>
+                    <div class="fontclass">.icon-geshi_shipinmp</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_tupianjpg"></i>
+                    <div class="name">860格式_图片jpg</div>
+                    <div class="fontclass">.icon-geshi_tupianjpg</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-geshi_tupianpng"></i>
+                    <div class="name">865格式_图片png</div>
+                    <div class="fontclass">.icon-geshi_tupianpng</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-guangzhaochuanganqi"></i>
+                    <div class="name">光照传感器</div>
+                    <div class="fontclass">.icon-guangzhaochuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-building"></i>
+                    <div class="name">建筑</div>
+                    <div class="fontclass">.icon-building</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-yanwuchuanganqi"></i>
+                    <div class="name">烟雾传感器</div>
+                    <div class="fontclass">.icon-yanwuchuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shizheng"></i>
+                    <div class="name">市政</div>
+                    <div class="fontclass">.icon-shizheng</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-chuanganqi"></i>
+                    <div class="name">传感器</div>
+                    <div class="fontclass">.icon-chuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-WSD"></i>
+                    <div class="name">温湿度传感器</div>
+                    <div class="fontclass">.icon-WSD</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-yalichuanganqi"></i>
+                    <div class="name">压力传感器</div>
+                    <div class="fontclass">.icon-yalichuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-yinglichuanganqi"></i>
+                    <div class="name">应力传感器</div>
+                    <div class="fontclass">.icon-yinglichuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-chenjiangchuanganqi"></i>
+                    <div class="name">沉降传感器</div>
+                    <div class="fontclass">.icon-chenjiangchuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-yalichuanganqi1"></i>
+                    <div class="name">压力传感器</div>
+                    <div class="fontclass">.icon-yalichuanganqi1</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-YWC"></i>
+                    <div class="name">液位传感器</div>
+                    <div class="fontclass">.icon-YWC</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-computer"></i>
+                    <div class="name">computer</div>
+                    <div class="fontclass">.icon-computer</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-empty"></i>
+                    <div class="name">empty</div>
+                    <div class="fontclass">.icon-empty</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-offline"></i>
+                    <div class="name">offline</div>
+                    <div class="fontclass">.icon-offline</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-daba"></i>
+                    <div class="name">大坝</div>
+                    <div class="fontclass">.icon-daba</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shenbuweiyi"></i>
+                    <div class="name">深部位移</div>
+                    <div class="fontclass">.icon-shenbuweiyi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-maosuochuanganqi"></i>
+                    <div class="name">锚索传感器</div>
+                    <div class="fontclass">.icon-maosuochuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-yuliangchuanganqi"></i>
+                    <div class="name">雨量传感器</div>
+                    <div class="fontclass">.icon-yuliangchuanganqi</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-weiyiji"></i>
+                    <div class="name">位移计</div>
+                    <div class="fontclass">.icon-weiyiji</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-qixiangzhan_"></i>
+                    <div class="name">气象站_1</div>
+                    <div class="fontclass">.icon-qixiangzhan_</div>
+                </li>
+            
+                <li>
+                <i class="icon sc icon-shenjikeng"></i>
+                    <div class="name">深基坑</div>
+                    <div class="fontclass">.icon-shenjikeng</div>
+                </li>
+            
+        </ul>
+
+        <h2 id="font-class-">font-class引用</h2>
+        <hr>
+
+        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
+        <p>与unicode使用方式相比，具有如下特点：</p>
+        <ul>
+        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
+        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
+        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
+        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
+
+
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">sc</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
+        <blockquote>
+        <p>"sc"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
+        </blockquote>
+    </div>
+</body>
+</html>

super-screen/client/assets/font_sc/demo_symbol.html

@@ -0,0 +1,695 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>IconFont</title>
+    <link rel="stylesheet" href="demo.css">
+    <script src="iconfont.js"></script>
+
+    <style type="text/css">
+        .icon {
+          /* 通过设置 font-size 来改变图标大小 */
+          width: 1em; height: 1em;
+          /* 图标和文字相邻时，垂直对齐 */
+          vertical-align: -0.15em;
+          /* 通过设置 color 来改变 SVG 的颜色/fill */
+          fill: currentColor;
+          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+             normalize.css 中也包含这行 */
+          overflow: hidden;
+        }
+
+    </style>
+</head>
+<body>
+    <div class="main markdown">
+        <h1>IconFont 图标</h1>
+        <ul class="icon_lists clear">
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-liuliang"></use>
+                    </svg>
+                    <div class="name">流量</div>
+                    <div class="fontclass">#icon-liuliang</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-iconfontditie"></use>
+                    </svg>
+                    <div class="name">轻轨</div>
+                    <div class="fontclass">#icon-iconfontditie</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-fengsu3"></use>
+                    </svg>
+                    <div class="name">风速3</div>
+                    <div class="fontclass">#icon-fengsu3</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-calendar"></use>
+                    </svg>
+                    <div class="name">calendar</div>
+                    <div class="fontclass">#icon-calendar</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-box"></use>
+                    </svg>
+                    <div class="name">box</div>
+                    <div class="fontclass">#icon-box</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shenheshibai"></use>
+                    </svg>
+                    <div class="name">审核失败</div>
+                    <div class="fontclass">#icon-shenheshibai</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-slope"></use>
+                    </svg>
+                    <div class="name">边坡</div>
+                    <div class="fontclass">#icon-slope</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-icon2"></use>
+                    </svg>
+                    <div class="name">公路</div>
+                    <div class="fontclass">#icon-icon2</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-gnsscaidian"></use>
+                    </svg>
+                    <div class="name">GNSS采点</div>
+                    <div class="fontclass">#icon-gnsscaidian</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-chuanganqishebei"></use>
+                    </svg>
+                    <div class="name">传感器设备</div>
+                    <div class="fontclass">#icon-chuanganqishebei</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-dianliuchuanganqi"></use>
+                    </svg>
+                    <div class="name">电流传感器</div>
+                    <div class="fontclass">#icon-dianliuchuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-dianyachuanganqi"></use>
+                    </svg>
+                    <div class="name">电压传感器</div>
+                    <div class="fontclass">#icon-dianyachuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-wenduchuanganqi"></use>
+                    </svg>
+                    <div class="name">温度传感器</div>
+                    <div class="fontclass">#icon-wenduchuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-xinjian"></use>
+                    </svg>
+                    <div class="name">新建</div>
+                    <div class="fontclass">#icon-xinjian</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-handong"></use>
+                    </svg>
+                    <div class="name">涵洞</div>
+                    <div class="fontclass">#icon-handong</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-guanwanggongcheng"></use>
+                    </svg>
+                    <div class="name">管网工程</div>
+                    <div class="fontclass">#icon-guanwanggongcheng</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shenhe"></use>
+                    </svg>
+                    <div class="name">审核</div>
+                    <div class="fontclass">#icon-shenhe</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-zhihuishequ"></use>
+                    </svg>
+                    <div class="name">智慧城市</div>
+                    <div class="fontclass">#icon-zhihuishequ</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-bianpoweiyi"></use>
+                    </svg>
+                    <div class="name">边坡位移</div>
+                    <div class="fontclass">#icon-bianpoweiyi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-jianzhu"></use>
+                    </svg>
+                    <div class="name">建筑</div>
+                    <div class="fontclass">#icon-jianzhu</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-chuguan"></use>
+                    </svg>
+                    <div class="name">储罐</div>
+                    <div class="fontclass">#icon-chuguan</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-suidao"></use>
+                    </svg>
+                    <div class="name">隧道</div>
+                    <div class="fontclass">#icon-suidao</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-data"></use>
+                    </svg>
+                    <div class="name">data</div>
+                    <div class="fontclass">#icon-data</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-kuangshankaicai"></use>
+                    </svg>
+                    <div class="name">矿山开采</div>
+                    <div class="fontclass">#icon-kuangshankaicai</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-wangluo"></use>
+                    </svg>
+                    <div class="name">网络</div>
+                    <div class="fontclass">#icon-wangluo</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-jiankong"></use>
+                    </svg>
+                    <div class="name">监控</div>
+                    <div class="fontclass">#icon-jiankong</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-dashuju"></use>
+                    </svg>
+                    <div class="name">大数据</div>
+                    <div class="fontclass">#icon-dashuju</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shuju"></use>
+                    </svg>
+                    <div class="name">数据库</div>
+                    <div class="fontclass">#icon-shuju</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shenhechenggong"></use>
+                    </svg>
+                    <div class="name">审核成功</div>
+                    <div class="fontclass">#icon-shenhechenggong</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-jiankong1"></use>
+                    </svg>
+                    <div class="name">监控</div>
+                    <div class="fontclass">#icon-jiankong1</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-wangluoxitong"></use>
+                    </svg>
+                    <div class="name">网络系统</div>
+                    <div class="fontclass">#icon-wangluoxitong</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-dingwei"></use>
+                    </svg>
+                    <div class="name">定位</div>
+                    <div class="fontclass">#icon-dingwei</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-xitongyunzhuanqingkuang"></use>
+                    </svg>
+                    <div class="name">系统运转情况</div>
+                    <div class="fontclass">#icon-xitongyunzhuanqingkuang</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-chakan"></use>
+                    </svg>
+                    <div class="name">查看</div>
+                    <div class="fontclass">#icon-chakan</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-lianjie"></use>
+                    </svg>
+                    <div class="name">链接</div>
+                    <div class="fontclass">#icon-lianjie</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shujudaochu-01"></use>
+                    </svg>
+                    <div class="name">数据导出-01</div>
+                    <div class="fontclass">#icon-shujudaochu-01</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-xitongzhuangtai"></use>
+                    </svg>
+                    <div class="name">系统状态</div>
+                    <div class="fontclass">#icon-xitongzhuangtai</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-xiaofeimingxidan"></use>
+                    </svg>
+                    <div class="name">消费明细单</div>
+                    <div class="fontclass">#icon-xiaofeimingxidan</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-SQLshenhe"></use>
+                    </svg>
+                    <div class="name">SQL审核</div>
+                    <div class="fontclass">#icon-SQLshenhe</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-aislogo"></use>
+                    </svg>
+                    <div class="name">aislogo</div>
+                    <div class="fontclass">#icon-aislogo</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-qiao"></use>
+                    </svg>
+                    <div class="name">桥</div>
+                    <div class="fontclass">#icon-qiao</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-tashiqizhongji"></use>
+                    </svg>
+                    <div class="name">塔式起重机</div>
+                    <div class="fontclass">#icon-tashiqizhongji</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-dwggeshi"></use>
+                    </svg>
+                    <div class="name">dwg格式</div>
+                    <div class="fontclass">#icon-dwggeshi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-luyouqi"></use>
+                    </svg>
+                    <div class="name">路由器</div>
+                    <div class="fontclass">#icon-luyouqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-anzhuangshigong-xianxing"></use>
+                    </svg>
+                    <div class="name">244安装、施工-线性</div>
+                    <div class="fontclass">#icon-anzhuangshigong-xianxing</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shaixuanguolv"></use>
+                    </svg>
+                    <div class="name">245筛选过滤</div>
+                    <div class="fontclass">#icon-shaixuanguolv</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-anzhuangshigong"></use>
+                    </svg>
+                    <div class="name">244安装、施工</div>
+                    <div class="fontclass">#icon-anzhuangshigong</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-tiaoxingtu-xianxing"></use>
+                    </svg>
+                    <div class="name">408条形图-线性</div>
+                    <div class="fontclass">#icon-tiaoxingtu-xianxing</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-zhexiantu-xianxing"></use>
+                    </svg>
+                    <div class="name">409折线图-线性</div>
+                    <div class="fontclass">#icon-zhexiantu-xianxing</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-tieta"></use>
+                    </svg>
+                    <div class="name">铁塔</div>
+                    <div class="fontclass">#icon-tieta</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_wendangtxt"></use>
+                    </svg>
+                    <div class="name">800格式_文档txt</div>
+                    <div class="fontclass">#icon-geshi_wendangtxt</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_wendangdoc"></use>
+                    </svg>
+                    <div class="name">801格式_文档doc</div>
+                    <div class="fontclass">#icon-geshi_wendangdoc</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_wendangpdf"></use>
+                    </svg>
+                    <div class="name">807格式_文档pdf</div>
+                    <div class="fontclass">#icon-geshi_wendangpdf</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_wendangxls"></use>
+                    </svg>
+                    <div class="name">803格式_文档xls</div>
+                    <div class="fontclass">#icon-geshi_wendangxls</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_tongyongwendang"></use>
+                    </svg>
+                    <div class="name">819格式_通用文档</div>
+                    <div class="fontclass">#icon-geshi_tongyongwendang</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_shipinmp"></use>
+                    </svg>
+                    <div class="name">840格式_视频mp4</div>
+                    <div class="fontclass">#icon-geshi_shipinmp</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_tupianjpg"></use>
+                    </svg>
+                    <div class="name">860格式_图片jpg</div>
+                    <div class="fontclass">#icon-geshi_tupianjpg</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-geshi_tupianpng"></use>
+                    </svg>
+                    <div class="name">865格式_图片png</div>
+                    <div class="fontclass">#icon-geshi_tupianpng</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-guangzhaochuanganqi"></use>
+                    </svg>
+                    <div class="name">光照传感器</div>
+                    <div class="fontclass">#icon-guangzhaochuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-building"></use>
+                    </svg>
+                    <div class="name">建筑</div>
+                    <div class="fontclass">#icon-building</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-yanwuchuanganqi"></use>
+                    </svg>
+                    <div class="name">烟雾传感器</div>
+                    <div class="fontclass">#icon-yanwuchuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shizheng"></use>
+                    </svg>
+                    <div class="name">市政</div>
+                    <div class="fontclass">#icon-shizheng</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-chuanganqi"></use>
+                    </svg>
+                    <div class="name">传感器</div>
+                    <div class="fontclass">#icon-chuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-WSD"></use>
+                    </svg>
+                    <div class="name">温湿度传感器</div>
+                    <div class="fontclass">#icon-WSD</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-yalichuanganqi"></use>
+                    </svg>
+                    <div class="name">压力传感器</div>
+                    <div class="fontclass">#icon-yalichuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-yinglichuanganqi"></use>
+                    </svg>
+                    <div class="name">应力传感器</div>
+                    <div class="fontclass">#icon-yinglichuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-chenjiangchuanganqi"></use>
+                    </svg>
+                    <div class="name">沉降传感器</div>
+                    <div class="fontclass">#icon-chenjiangchuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-yalichuanganqi1"></use>
+                    </svg>
+                    <div class="name">压力传感器</div>
+                    <div class="fontclass">#icon-yalichuanganqi1</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-YWC"></use>
+                    </svg>
+                    <div class="name">液位传感器</div>
+                    <div class="fontclass">#icon-YWC</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-computer"></use>
+                    </svg>
+                    <div class="name">computer</div>
+                    <div class="fontclass">#icon-computer</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-empty"></use>
+                    </svg>
+                    <div class="name">empty</div>
+                    <div class="fontclass">#icon-empty</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-offline"></use>
+                    </svg>
+                    <div class="name">offline</div>
+                    <div class="fontclass">#icon-offline</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-daba"></use>
+                    </svg>
+                    <div class="name">大坝</div>
+                    <div class="fontclass">#icon-daba</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shenbuweiyi"></use>
+                    </svg>
+                    <div class="name">深部位移</div>
+                    <div class="fontclass">#icon-shenbuweiyi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-maosuochuanganqi"></use>
+                    </svg>
+                    <div class="name">锚索传感器</div>
+                    <div class="fontclass">#icon-maosuochuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-yuliangchuanganqi"></use>
+                    </svg>
+                    <div class="name">雨量传感器</div>
+                    <div class="fontclass">#icon-yuliangchuanganqi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-weiyiji"></use>
+                    </svg>
+                    <div class="name">位移计</div>
+                    <div class="fontclass">#icon-weiyiji</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-qixiangzhan_"></use>
+                    </svg>
+                    <div class="name">气象站_1</div>
+                    <div class="fontclass">#icon-qixiangzhan_</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shenjikeng"></use>
+                    </svg>
+                    <div class="name">深基坑</div>
+                    <div class="fontclass">#icon-shenjikeng</div>
+                </li>
+            
+        </ul>
+
+
+        <h2 id="symbol-">symbol引用</h2>
+        <hr>
+
+        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
+        <ul>
+          <li>支持多色图标了，不再受单色限制。</li>
+          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
+          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
+          <li>浏览器渲染svg的性能一般，还不如png。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
+        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
+        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
+.icon {
+   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
+   vertical-align: <span class="hljs-number">-0.15</span>em;
+   fill: currentColor;
+   overflow: hidden;
+}
+&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
+        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
+  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
+</span>&lt;<span class="hljs-regexp">/svg&gt;
+        </span></code></pre>
+    </div>
+</body>
+</html>

super-screen/client/assets/font_sc/demo_unicode.html

@@ -0,0 +1,552 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>IconFont</title>
+    <link rel="stylesheet" href="demo.css">
+
+    <style type="text/css">
+
+        @font-face {font-family: "sc";
+          src: url('iconfont.eot'); /* IE9*/
+          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
+          url('iconfont.woff') format('woff'), /* chrome, firefox */
+          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+          url('iconfont.svg#sc') format('svg'); /* iOS 4.1- */
+        }
+
+        .sc {
+          font-family:"sc" !important;
+          font-size:16px;
+          font-style:normal;
+          -webkit-font-smoothing: antialiased;
+          -webkit-text-stroke-width: 0.2px;
+          -moz-osx-font-smoothing: grayscale;
+        }
+
+    </style>
+</head>
+<body>
+    <div class="main markdown">
+        <h1>IconFont 图标</h1>
+        <ul class="icon_lists clear">
+            
+                <li>
+                <i class="icon sc">&#xe602;</i>
+                    <div class="name">流量</div>
+                    <div class="code">&amp;#xe602;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe66f;</i>
+                    <div class="name">轻轨</div>
+                    <div class="code">&amp;#xe66f;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe635;</i>
+                    <div class="name">风速3</div>
+                    <div class="code">&amp;#xe635;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe74a;</i>
+                    <div class="name">calendar</div>
+                    <div class="code">&amp;#xe74a;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6cb;</i>
+                    <div class="name">box</div>
+                    <div class="code">&amp;#xe6cb;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe61d;</i>
+                    <div class="name">审核失败</div>
+                    <div class="code">&amp;#xe61d;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe676;</i>
+                    <div class="name">边坡</div>
+                    <div class="code">&amp;#xe676;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe607;</i>
+                    <div class="name">公路</div>
+                    <div class="code">&amp;#xe607;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe825;</i>
+                    <div class="name">GNSS采点</div>
+                    <div class="code">&amp;#xe825;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe612;</i>
+                    <div class="name">传感器设备</div>
+                    <div class="code">&amp;#xe612;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe62c;</i>
+                    <div class="name">电流传感器</div>
+                    <div class="code">&amp;#xe62c;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe62f;</i>
+                    <div class="name">电压传感器</div>
+                    <div class="code">&amp;#xe62f;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe637;</i>
+                    <div class="name">温度传感器</div>
+                    <div class="code">&amp;#xe637;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe61f;</i>
+                    <div class="name">新建</div>
+                    <div class="code">&amp;#xe61f;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe89b;</i>
+                    <div class="name">涵洞</div>
+                    <div class="code">&amp;#xe89b;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe646;</i>
+                    <div class="name">管网工程</div>
+                    <div class="code">&amp;#xe646;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe639;</i>
+                    <div class="name">审核</div>
+                    <div class="code">&amp;#xe639;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe600;</i>
+                    <div class="name">智慧城市</div>
+                    <div class="code">&amp;#xe600;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe60a;</i>
+                    <div class="name">边坡位移</div>
+                    <div class="code">&amp;#xe60a;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe65f;</i>
+                    <div class="name">建筑</div>
+                    <div class="code">&amp;#xe65f;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe636;</i>
+                    <div class="name">储罐</div>
+                    <div class="code">&amp;#xe636;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe61e;</i>
+                    <div class="name">隧道</div>
+                    <div class="code">&amp;#xe61e;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe757;</i>
+                    <div class="name">data</div>
+                    <div class="code">&amp;#xe757;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe608;</i>
+                    <div class="name">矿山开采</div>
+                    <div class="code">&amp;#xe608;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe617;</i>
+                    <div class="name">网络</div>
+                    <div class="code">&amp;#xe617;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe619;</i>
+                    <div class="name">监控</div>
+                    <div class="code">&amp;#xe619;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe61a;</i>
+                    <div class="name">大数据</div>
+                    <div class="code">&amp;#xe61a;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe61b;</i>
+                    <div class="name">数据库</div>
+                    <div class="code">&amp;#xe61b;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe627;</i>
+                    <div class="name">审核成功</div>
+                    <div class="code">&amp;#xe627;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe620;</i>
+                    <div class="name">监控</div>
+                    <div class="code">&amp;#xe620;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe62e;</i>
+                    <div class="name">网络系统</div>
+                    <div class="code">&amp;#xe62e;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe630;</i>
+                    <div class="name">定位</div>
+                    <div class="code">&amp;#xe630;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe631;</i>
+                    <div class="name">系统运转情况</div>
+                    <div class="code">&amp;#xe631;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe63e;</i>
+                    <div class="name">查看</div>
+                    <div class="code">&amp;#xe63e;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe63f;</i>
+                    <div class="name">链接</div>
+                    <div class="code">&amp;#xe63f;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe640;</i>
+                    <div class="name">数据导出-01</div>
+                    <div class="code">&amp;#xe640;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe642;</i>
+                    <div class="name">系统状态</div>
+                    <div class="code">&amp;#xe642;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe643;</i>
+                    <div class="name">消费明细单</div>
+                    <div class="code">&amp;#xe643;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe645;</i>
+                    <div class="name">SQL审核</div>
+                    <div class="code">&amp;#xe645;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe648;</i>
+                    <div class="name">aislogo</div>
+                    <div class="code">&amp;#xe648;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe715;</i>
+                    <div class="name">桥</div>
+                    <div class="code">&amp;#xe715;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe615;</i>
+                    <div class="name">塔式起重机</div>
+                    <div class="code">&amp;#xe615;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe82b;</i>
+                    <div class="name">dwg格式</div>
+                    <div class="code">&amp;#xe82b;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe603;</i>
+                    <div class="name">路由器</div>
+                    <div class="code">&amp;#xe603;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe8d6;</i>
+                    <div class="name">244安装、施工-线性</div>
+                    <div class="code">&amp;#xe8d6;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe8d7;</i>
+                    <div class="name">245筛选过滤</div>
+                    <div class="code">&amp;#xe8d7;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe8d8;</i>
+                    <div class="name">244安装、施工</div>
+                    <div class="code">&amp;#xe8d8;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe904;</i>
+                    <div class="name">408条形图-线性</div>
+                    <div class="code">&amp;#xe904;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe906;</i>
+                    <div class="name">409折线图-线性</div>
+                    <div class="code">&amp;#xe906;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe605;</i>
+                    <div class="name">铁塔</div>
+                    <div class="code">&amp;#xe605;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6b8;</i>
+                    <div class="name">800格式_文档txt</div>
+                    <div class="code">&amp;#xe6b8;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6b9;</i>
+                    <div class="name">801格式_文档doc</div>
+                    <div class="code">&amp;#xe6b9;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6bc;</i>
+                    <div class="name">807格式_文档pdf</div>
+                    <div class="code">&amp;#xe6bc;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6be;</i>
+                    <div class="name">803格式_文档xls</div>
+                    <div class="code">&amp;#xe6be;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6c0;</i>
+                    <div class="name">819格式_通用文档</div>
+                    <div class="code">&amp;#xe6c0;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6c8;</i>
+                    <div class="name">840格式_视频mp4</div>
+                    <div class="code">&amp;#xe6c8;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6cc;</i>
+                    <div class="name">860格式_图片jpg</div>
+                    <div class="code">&amp;#xe6cc;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6ce;</i>
+                    <div class="name">865格式_图片png</div>
+                    <div class="code">&amp;#xe6ce;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe638;</i>
+                    <div class="name">光照传感器</div>
+                    <div class="code">&amp;#xe638;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe61c;</i>
+                    <div class="name">建筑</div>
+                    <div class="code">&amp;#xe61c;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe610;</i>
+                    <div class="name">烟雾传感器</div>
+                    <div class="code">&amp;#xe610;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6ca;</i>
+                    <div class="name">市政</div>
+                    <div class="code">&amp;#xe6ca;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe60f;</i>
+                    <div class="name">传感器</div>
+                    <div class="code">&amp;#xe60f;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe697;</i>
+                    <div class="name">温湿度传感器</div>
+                    <div class="code">&amp;#xe697;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe60e;</i>
+                    <div class="name">压力传感器</div>
+                    <div class="code">&amp;#xe60e;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe611;</i>
+                    <div class="name">应力传感器</div>
+                    <div class="code">&amp;#xe611;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe601;</i>
+                    <div class="name">沉降传感器</div>
+                    <div class="code">&amp;#xe601;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe606;</i>
+                    <div class="name">压力传感器</div>
+                    <div class="code">&amp;#xe606;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe699;</i>
+                    <div class="name">液位传感器</div>
+                    <div class="code">&amp;#xe699;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6eb;</i>
+                    <div class="name">computer</div>
+                    <div class="code">&amp;#xe6eb;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe6f7;</i>
+                    <div class="name">empty</div>
+                    <div class="code">&amp;#xe6f7;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe712;</i>
+                    <div class="name">offline</div>
+                    <div class="code">&amp;#xe712;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe632;</i>
+                    <div class="name">大坝</div>
+                    <div class="code">&amp;#xe632;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe613;</i>
+                    <div class="name">深部位移</div>
+                    <div class="code">&amp;#xe613;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe614;</i>
+                    <div class="name">锚索传感器</div>
+                    <div class="code">&amp;#xe614;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe616;</i>
+                    <div class="name">雨量传感器</div>
+                    <div class="code">&amp;#xe616;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe618;</i>
+                    <div class="name">位移计</div>
+                    <div class="code">&amp;#xe618;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe60d;</i>
+                    <div class="name">气象站_1</div>
+                    <div class="code">&amp;#xe60d;</div>
+                </li>
+            
+                <li>
+                <i class="icon sc">&#xe62a;</i>
+                    <div class="name">深基坑</div>
+                    <div class="code">&amp;#xe62a;</div>
+                </li>
+            
+        </ul>
+        <h2 id="unicode-">unicode引用</h2>
+        <hr>
+
+        <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
+        <ul>
+        <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
+        <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+        <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+        </ul>
+        <blockquote>
+        <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
+        </blockquote>
+        <p>unicode使用步骤如下：</p>
+        <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
+        <pre><code class="lang-js hljs javascript">@font-face {
+  font-family: <span class="hljs-string">'sc'</span>;
+  src: url(<span class="hljs-string">'iconfont.eot'</span>);
+  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
+  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
+  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
+  url(<span class="hljs-string">'iconfont.svg#sc'</span>) format(<span class="hljs-string">'svg'</span>);
+}
+</code></pre>
+        <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
+        <pre><code class="lang-js hljs javascript">.sc{
+  font-family:<span class="hljs-string">"sc"</span> !important;
+  font-size:<span class="hljs-number">16</span>px;font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+        <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"sc"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
+
+        <blockquote>
+        <p>"sc"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
+        </blockquote>
+    </div>
+
+
+</body>
+</html>

super-screen/client/assets/fonticon/iconfont.css

@@ -0,0 +1,521 @@
+
+@font-face {font-family: "anticon";
+  src: url('iconfont.eot?t=1494480257283'); /* IE9*/
+  src: url('iconfont.eot?t=1494480257283#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('iconfont.woff?t=1494480257283') format('woff'), /* chrome, firefox */
+  url('iconfont.ttf?t=1494480257283') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('iconfont.svg?t=1494480257283#anticon') format('svg'); /* iOS 4.1- */
+}
+
+.anticon {
+  font-family:"anticon" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-stepforward:before { content: "\e600"; }
+
+.icon-stepbackward:before { content: "\e601"; }
+
+.icon-forward:before { content: "\e602"; }
+
+.icon-banckward:before { content: "\e603"; }
+
+.icon-caretright:before { content: "\e604"; }
+
+.icon-caretleft:before { content: "\e605"; }
+
+.icon-caretdown:before { content: "\e606"; }
+
+.icon-caretup:before { content: "\e607"; }
+
+.icon-rightcircle:before { content: "\e608"; }
+
+.icon-leftcircle:before { content: "\e609"; }
+
+.icon-upcircle:before { content: "\e60a"; }
+
+.icon-downcircle:before { content: "\e60b"; }
+
+.icon-rightcircleo:before { content: "\e60c"; }
+
+.icon-leftcircleo:before { content: "\e60d"; }
+
+.icon-upcircleo:before { content: "\e60e"; }
+
+.icon-downcircleo:before { content: "\e60f"; }
+
+.icon-verticleleft:before { content: "\e610"; }
+
+.icon-verticleright:before { content: "\e611"; }
+
+.icon-rollback:before { content: "\e612"; }
+
+.icon-retweet:before { content: "\e613"; }
+
+.icon-shrink:before { content: "\e614"; }
+
+.icon-arrowsalt:before { content: "\e615"; }
+
+.icon-doubleright:before { content: "\e617"; }
+
+.icon-doubleleft:before { content: "\e618"; }
+
+.icon-arrowdown:before { content: "\e619"; }
+
+.icon-arrowup:before { content: "\e61a"; }
+
+.icon-arrowright:before { content: "\e61b"; }
+
+.icon-arrowleft:before { content: "\e61c"; }
+
+.icon-down:before { content: "\e61d"; }
+
+.icon-up:before { content: "\e61e"; }
+
+.icon-right:before { content: "\e61f"; }
+
+.icon-left:before { content: "\e620"; }
+
+.icon-minussquareo:before { content: "\e621"; }
+
+.icon-minuscircle:before { content: "\e622"; }
+
+.icon-minuscircleo:before { content: "\e623"; }
+
+.icon-minus:before { content: "\e624"; }
+
+.icon-pluscircleo:before { content: "\e625"; }
+
+.icon-pluscircle:before { content: "\e626"; }
+
+.icon-plus:before { content: "\e627"; }
+
+.icon-infocirlce:before { content: "\e628"; }
+
+.icon-infocirlceo:before { content: "\e629"; }
+
+.icon-info:before { content: "\e62a"; }
+
+.icon-exclamation:before { content: "\e62b"; }
+
+.icon-exclamationcircle:before { content: "\e62c"; }
+
+.icon-exclamationcircleo:before { content: "\e62d"; }
+
+.icon-closecircle:before { content: "\e62e"; }
+
+.icon-closecircleo:before { content: "\e62f"; }
+
+.icon-checkcircle:before { content: "\e630"; }
+
+.icon-checkcircleo:before { content: "\e631"; }
+
+.icon-check:before { content: "\e632"; }
+
+.icon-close:before { content: "\e633"; }
+
+.icon-customerservice:before { content: "\e634"; }
+
+.icon-creditcard:before { content: "\e635"; }
+
+.icon-codesquareo:before { content: "\e636"; }
+
+.icon-book:before { content: "\e637"; }
+
+.icon-barschart:before { content: "\e638"; }
+
+.icon-bars:before { content: "\e639"; }
+
+.icon-question:before { content: "\e63a"; }
+
+.icon-questioncircle:before { content: "\e63b"; }
+
+.icon-questioncircleo:before { content: "\e63c"; }
+
+.icon-pause:before { content: "\e63d"; }
+
+.icon-pausecircle:before { content: "\e63e"; }
+
+.icon-pausecircleo:before { content: "\e63f"; }
+
+.icon-clockcircle:before { content: "\e640"; }
+
+.icon-clockcircleo:before { content: "\e641"; }
+
+.icon-swap:before { content: "\e642"; }
+
+.icon-swapleft:before { content: "\e643"; }
+
+.icon-swapright:before { content: "\e644"; }
+
+.icon-plussquareo:before { content: "\e645"; }
+
+.icon-frown:before { content: "\e646"; }
+
+.icon-menufold:before { content: "\e658"; }
+
+.icon-mail:before { content: "\e659"; }
+
+.icon-link:before { content: "\e65b"; }
+
+.icon-areachart:before { content: "\e65c"; }
+
+.icon-linechart:before { content: "\e65d"; }
+
+.icon-home:before { content: "\e65e"; }
+
+.icon-laptop:before { content: "\e65f"; }
+
+.icon-star:before { content: "\e660"; }
+
+.icon-staro:before { content: "\e661"; }
+
+.icon-filter:before { content: "\e663"; }
+
+.icon-meho:before { content: "\e666"; }
+
+.icon-meh:before { content: "\e667"; }
+
+.icon-shoppingcart:before { content: "\e668"; }
+
+.icon-save:before { content: "\e669"; }
+
+.icon-user:before { content: "\e66a"; }
+
+.icon-videocamera:before { content: "\e66b"; }
+
+.icon-totop:before { content: "\e66c"; }
+
+.icon-team:before { content: "\e66d"; }
+
+.icon-sharealt:before { content: "\e671"; }
+
+.icon-setting:before { content: "\e672"; }
+
+.icon-picture:before { content: "\e674"; }
+
+.icon-phone:before { content: "\e675"; }
+
+.icon-paperclip:before { content: "\e676"; }
+
+.icon-notification:before { content: "\e677"; }
+
+.icon-menuunfold:before { content: "\e679"; }
+
+.icon-inbox:before { content: "\e67a"; }
+
+.icon-lock:before { content: "\e67b"; }
+
+.icon-qrcode:before { content: "\e67c"; }
+
+.icon-tags:before { content: "\e67d"; }
+
+.icon-tagso:before { content: "\e67e"; }
+
+.icon-cloudo:before { content: "\e67f"; }
+
+.icon-cloud:before { content: "\e680"; }
+
+.icon-cloudupload:before { content: "\e681"; }
+
+.icon-clouddownload:before { content: "\e682"; }
+
+.icon-clouddownloado:before { content: "\e683"; }
+
+.icon-clouduploado:before { content: "\e684"; }
+
+.icon-enviroment:before { content: "\e685"; }
+
+.icon-enviromento:before { content: "\e686"; }
+
+.icon-eye:before { content: "\e687"; }
+
+.icon-eyeo:before { content: "\e688"; }
+
+.icon-camera:before { content: "\e689"; }
+
+.icon-camerao:before { content: "\e68a"; }
+
+.icon-windows:before { content: "\e68b"; }
+
+.icon-export2:before { content: "\e690"; }
+
+.icon-export:before { content: "\e691"; }
+
+.icon-circledowno:before { content: "\e693"; }
+
+.icon-circledown:before { content: "\e694"; }
+
+.icon-hdd:before { content: "\e69a"; }
+
+.icon-ie:before { content: "\e69b"; }
+
+.icon-delete:before { content: "\e69f"; }
+
+.icon-enter:before { content: "\e6a0"; }
+
+.icon-pushpino:before { content: "\e6a1"; }
+
+.icon-pushpin:before { content: "\e6a2"; }
+
+.icon-heart:before { content: "\e6a3"; }
+
+.icon-hearto:before { content: "\e6a4"; }
+
+.icon-smile-circle:before { content: "\e6a7"; }
+
+.icon-smileo:before { content: "\e6a8"; }
+
+.icon-frowno:before { content: "\e6a9"; }
+
+.icon-calculator:before { content: "\e6aa"; }
+
+.icon-chrome:before { content: "\e6ac"; }
+
+.icon-github:before { content: "\e6ad"; }
+
+.icon-iconfontdesktop:before { content: "\e6b4"; }
+
+.icon-caretcircleoup:before { content: "\e6b5"; }
+
+.icon-upload:before { content: "\e6b6"; }
+
+.icon-download:before { content: "\e6b7"; }
+
+.icon-piechart:before { content: "\e6b8"; }
+
+.icon-lock1:before { content: "\e6b9"; }
+
+.icon-unlock:before { content: "\e6ba"; }
+
+.icon-windowso:before { content: "\e6bc"; }
+
+.icon-dotchart:before { content: "\e6bd"; }
+
+.icon-barchart:before { content: "\e6be"; }
+
+.icon-codesquare:before { content: "\e6bf"; }
+
+.icon-plussquare:before { content: "\e6c0"; }
+
+.icon-minussquare:before { content: "\e6c1"; }
+
+.icon-closesquare:before { content: "\e6c2"; }
+
+.icon-closesquareo:before { content: "\e6c3"; }
+
+.icon-checksquare:before { content: "\e6c4"; }
+
+.icon-checksquareo:before { content: "\e6c5"; }
+
+.icon-fastbackward:before { content: "\e6c6"; }
+
+.icon-fastforward:before { content: "\e6c7"; }
+
+.icon-upsquare:before { content: "\e6c8"; }
+
+.icon-downsquare:before { content: "\e6c9"; }
+
+.icon-leftsquare:before { content: "\e6ca"; }
+
+.icon-rightsquare:before { content: "\e6cb"; }
+
+.icon-rightsquareo:before { content: "\e6cc"; }
+
+.icon-leftsquareo:before { content: "\e6cd"; }
+
+.icon-down-square-o:before { content: "\e6ce"; }
+
+.icon-up-square-o:before { content: "\e6cf"; }
+
+.icon-play:before { content: "\e6d0"; }
+
+.icon-playcircleo:before { content: "\e6d1"; }
+
+.icon-tag:before { content: "\e6d2"; }
+
+.icon-tago:before { content: "\e6d3"; }
+
+.icon-addfile:before { content: "\e910"; }
+
+.icon-folder1:before { content: "\e662"; }
+
+.icon-file1:before { content: "\e664"; }
+
+.icon-switcher:before { content: "\e913"; }
+
+.icon-addfolder:before { content: "\e914"; }
+
+.icon-folderopen:before { content: "\e699"; }
+
+.icon-search1:before { content: "\e670"; }
+
+.icon-ellipsis1:before { content: "\e647"; }
+
+.icon-calendar:before { content: "\e6bb"; }
+
+.icon-filetext1:before { content: "\e698"; }
+
+.icon-copy1:before { content: "\e648"; }
+
+.icon-jpgfile1:before { content: "\e69c"; }
+
+.icon-pdffile1:before { content: "\e6b3"; }
+
+.icon-exclefile1:before { content: "\e6b0"; }
+
+.icon-pptfile1:before { content: "\e6b1"; }
+
+.icon-unknowfile1:before { content: "\e6af"; }
+
+.icon-wordfile1:before { content: "\e6b2"; }
+
+.icon-dingding:before { content: "\e923"; }
+
+.icon-dingding-o:before { content: "\e925"; }
+
+.icon-mobile1:before { content: "\e678"; }
+
+.icon-tablet1:before { content: "\e66e"; }
+
+.icon-bells:before { content: "\e64e"; }
+
+.icon-disconnect:before { content: "\e64f"; }
+
+.icon-database:before { content: "\e650"; }
+
+.icon-barcode:before { content: "\e652"; }
+
+.icon-hourglass:before { content: "\e653"; }
+
+.icon-key:before { content: "\e654"; }
+
+.icon-flag:before { content: "\e655"; }
+
+.icon-layout:before { content: "\e656"; }
+
+.icon-printer:before { content: "\e673"; }
+
+.icon-USB:before { content: "\e6d7"; }
+
+.icon-skin:before { content: "\e6d8"; }
+
+.icon-tool:before { content: "\e6d9"; }
+
+.icon-car:before { content: "\e6dc"; }
+
+.icon-addusergroup:before { content: "\e6dd"; }
+
+.icon-carryout:before { content: "\e6df"; }
+
+.icon-deleteuser:before { content: "\e6e0"; }
+
+.icon-deleteusergroup:before { content: "\e6e1"; }
+
+.icon-man:before { content: "\e6e2"; }
+
+.icon-isv:before { content: "\e6e3"; }
+
+.icon-gift:before { content: "\e6e4"; }
+
+.icon-idcard:before { content: "\e6e5"; }
+
+.icon-medicinebox:before { content: "\e6e6"; }
+
+.icon-redenvelopes:before { content: "\e6e7"; }
+
+.icon-rest:before { content: "\e6e8"; }
+
+.icon-Safety:before { content: "\e6ea"; }
+
+.icon-wallet:before { content: "\e6eb"; }
+
+.icon-woman:before { content: "\e6ec"; }
+
+.icon-adduser:before { content: "\e6ed"; }
+
+.icon-bank:before { content: "\e6ee"; }
+
+.icon-Trophy:before { content: "\e6ef"; }
+
+.icon-loading1:before { content: "\e6ae"; }
+
+.icon-loading2:before { content: "\e64d"; }
+
+.icon-like2:before { content: "\e69d"; }
+
+.icon-dislike2:before { content: "\e69e"; }
+
+.icon-like1:before { content: "\e64c"; }
+
+.icon-dislike1:before { content: "\e64b"; }
+
+.icon-bulb1:before { content: "\e649"; }
+
+.icon-rocket1:before { content: "\e90f"; }
+
+.icon-select1:before { content: "\e64a"; }
+
+.icon-apple1:before { content: "\e68c"; }
+
+.icon-apple-o:before { content: "\e6d4"; }
+
+.icon-android1:before { content: "\e938"; }
+
+.icon-android:before { content: "\e68d"; }
+
+.icon-aliwangwang-o1:before { content: "\e68f"; }
+
+.icon-aliwangwang:before { content: "\e68e"; }
+
+.icon-pay-circle1:before { content: "\e6a5"; }
+
+.icon-pay-circle-o1:before { content: "\e6a6"; }
+
+.icon-poweroff:before { content: "\e6d5"; }
+
+.icon-trademark:before { content: "\e651"; }
+
+.icon-find:before { content: "\e6db"; }
+
+.icon-copyright:before { content: "\e6de"; }
+
+.icon-sound:before { content: "\e6e9"; }
+
+.icon-earth:before { content: "\e6f1"; }
+
+.icon-wifi:before { content: "\e6d6"; }
+
+.icon-sync:before { content: "\e6da"; }
+
+.icon-login:before { content: "\e657"; }
+
+.icon-logout:before { content: "\e65a"; }
+
+.icon-reload1:before { content: "\e616"; }
+
+.icon-message1:before { content: "\e6ab"; }
+
+.icon-shake:before { content: "\e94f"; }
+
+.icon-API:before { content: "\e951"; }
+
+.icon-appstore-o:before { content: "\e695"; }
+
+.icon-appstore1:before { content: "\e696"; }
+
+.icon-scan1:before { content: "\e697"; }
+
+.icon-exception1:before { content: "\e665"; }
+
+.icon-contacts:before { content: "\e6f0"; }
+
+.icon-solution1:before { content: "\e66f"; }
+
+.icon-fork:before { content: "\e6f2"; }
+
+.icon-edit1:before { content: "\e692"; }
+

super-screen/client/assets/fonticon/iconfont.svg

@@ -0,0 +1,927 @@
+<?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 xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Thu May 11 13:24:17 2017
+ By admin
+</metadata>
+<defs>
+<font id="anticon" horiz-adv-x="1024" >
+  <font-face 
+    font-family="anticon"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="896"
+    descent="-128"
+    x-height="792"
+    bbox="-0.142858 -128.087 1024.37 896.923"
+    underline-thickness="0"
+    underline-position="0"
+    unicode-range="U+0078-E951"
+  />
+<missing-glyph 
+ />
+    <glyph glyph-name=".notdef" 
+ />
+    <glyph glyph-name=".notdef" 
+ />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
+ />
+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
+    <glyph glyph-name="stepforward" unicode="&#xe600;" 
+d="M327 820l431 -356v300q0 15 10.5 25.5t25.5 10.5v0q15 0 25.5 -10.5t10.5 -25.5v-760q0 -15 -10.5 -25.5t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v301l-431 -357q-21 -18 -46 -7t-25 39v808q0 28 25 39t46 -7z" />
+    <glyph glyph-name="stepbackward" unicode="&#xe601;" 
+d="M759 820l-431 -356v300q0 15 -10.5 25.5t-25.5 10.5v0q-15 0 -25.5 -10.5t-10.5 -25.5v-760q0 -15 10.5 -25.5t25.5 -10.5v0q15 0 25.5 10.5t10.5 25.5v301l431 -357q21 -18 46 -7t25 39v808q0 28 -25 39t-46 -7z" />
+    <glyph glyph-name="forward" unicode="&#xe602;" 
+d="M575 790l436 -375q13 -12 13 -30t-13 -29l-436 -378q-18 -17 -40.5 -6.5t-22.5 36.5v377v375q0 26 22.5 36.5t40.5 -6.5zM63 790l436 -375q13 -12 13 -30t-13 -29l-436 -378q-18 -17 -40.5 -6.5t-22.5 36.5v752q0 26 22.5 36.5t40.5 -6.5z" />
+    <glyph glyph-name="banckward" unicode="&#xe603;" horiz-adv-x="1025" 
+d="M449 790l-436 -376q-13 -11 -13 -29t13 -30l436 -377q18 -17 40.5 -6.5t22.5 36.5v377v375q0 26 -22.5 36.5t-40.5 -6.5zM961 790l-436 -376q-13 -11 -13 -29t13 -30l436 -377q18 -17 40.5 -6.5t22.5 36.5v752q0 26 -22.5 36.5t-40.5 -6.5z" />
+    <glyph glyph-name="caretright" unicode="&#xe604;" 
+d="M393 820l489 -403q14 -13 14 -32t-14 -32l-489 -405q-21 -18 -46 -7t-25 39v808q0 28 25 39t46 -7z" />
+    <glyph glyph-name="caretleft" unicode="&#xe605;" 
+d="M631 820l-489 -403q-14 -13 -14 -32t14 -32l489 -405q21 -18 46 -7t25 39v808q0 28 -25 39t-46 -7z" />
+    <glyph glyph-name="caretdown" unicode="&#xe606;" 
+d="M76 504l403 -489q13 -15 32 -15t32 15l405 489q18 20 7 45t-39 25h-808q-28 0 -39 -25t7 -45z" />
+    <glyph glyph-name="caretup" unicode="&#xe607;" 
+d="M76 263l405 489q13 14 32 14t32 -14l403 -489q18 -20 7 -45.5t-39 -25.5h-808q-28 0 -39 25.5t7 45.5z" />
+    <glyph glyph-name="rightcircle" unicode="&#xe608;" 
+d="M512 895q-104 0 -199 -40.5t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5zM681 358l-235 -220q-11 -11 -26 -10.5t-25 11.5t-9.5 26t11.5 25l207 194l-207 195
+q-11 10 -11.5 25t9.5 26t25 11.5t26 -9.5l235 -221q12 -11 12 -26.5t-12 -26.5z" />
+    <glyph glyph-name="leftcircle" unicode="&#xe609;" 
+d="M512 895q-104 0 -199 -40.5t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5zM629 139q-10 -11 -25 -11.5t-26 9.5l-235 221q-12 11 -12 26.5t11 26.5l236 220q11 11 26 10.5
+t25 -11.5t9.5 -26t-11.5 -25l-207 -195l207 -194q11 -10 11.5 -25t-9.5 -26z" />
+    <glyph glyph-name="upcircle" unicode="&#xe60a;" 
+d="M512 895q-104 0 -199 -40.5t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5zM757 278.5q-11 -10.5 -25.5 -10t-24.5 11.5l-195 208l-195 -208q-10 -11 -25 -11.5t-25.5 10
+t-11 25t9.5 25.5l221 236q10 11 26 11t26 -11l221 -236q10 -11 9.5 -25.5t-11.5 -25z" />
+    <glyph glyph-name="downcircle" unicode="&#xe60b;" 
+d="M512 895q-104 0 -199 -40.5t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5zM759 430l-221 -236q-10 -11 -26 -11t-26 11l-221 236q-10 11 -9.5 25.5t11 25t25.5 10t25 -11.5
+l195 -208l195 208q10 11 24.5 11.5t25.5 -10t11.5 -25t-9.5 -25.5z" />
+    <glyph glyph-name="rightcircleo" unicode="&#xe60c;" 
+d="M511.5 823q89.5 0 171.5 -34q79 -34 140 -95t94 -139q35 -82 35 -171.5t-35 -171.5q-33 -78 -94 -139t-140 -95q-81 -34 -170.5 -34t-171.5 34q-79 34 -140 95t-94 139q-35 82 -35 171.5t35 171.5q33 78 94 139t140 95q81 34 170.5 34zM512 895q-104 0 -199 -40.5
+t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5v0zM681 411l-235 220q-11 11 -26 10.5t-25 -11.5t-9.5 -26t11.5 -25l207 -195l-207 -194q-11 -10 -11.5 -25t9.5 -26t25 -11.5
+t26 9.5l235 221q12 11 12 26.5t-12 26.5z" />
+    <glyph glyph-name="leftcircleo" unicode="&#xe60d;" 
+d="M511.5 823q89.5 0 171.5 -34q79 -34 140 -95t94 -139q35 -82 35 -171.5t-35 -171.5q-33 -78 -94 -139t-140 -95q-81 -34 -170.5 -34t-171.5 34q-79 34 -140 95t-94 139q-35 82 -35 171.5t35 171.5q33 78 94 139t140 95q81 34 170.5 34zM512 895q-104 0 -199 -40.5
+t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5v0zM331 384.5q0 -15.5 12 -26.5l235 -221q11 -10 26 -9.5t25 11.5t9.5 26t-11.5 25l-207 194l207 195q11 10 11.5 25t-9.5 26
+t-25 11.5t-26 -10.5l-236 -220q-11 -11 -11 -26.5z" />
+    <glyph glyph-name="upcircleo" unicode="&#xe60e;" 
+d="M511.5 823q89.5 0 171.5 -34q79 -34 140 -95t94 -139q35 -82 35 -171.5t-35 -171.5q-33 -78 -94 -139t-140 -95q-81 -34 -170.5 -34t-171.5 34q-79 34 -140 95t-94 139q-35 82 -35 171.5t35 171.5q33 78 94 139t140 95q81 34 170.5 34zM512 895q-104 0 -199 -40.5
+t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5v0zM512 576q-16 0 -26 -11l-221 -236q-10 -11 -9.5 -25.5t11 -25t25.5 -10t25 11.5l195 208l195 -208q10 -11 24.5 -11.5t25.5 10
+t11.5 25t-9.5 25.5l-221 236q-10 11 -26 11z" />
+    <glyph glyph-name="downcircleo" unicode="&#xe60f;" 
+d="M511.5 823q89.5 0 171.5 -34q79 -34 140 -95t94 -139q35 -82 35 -171.5t-35 -171.5q-33 -78 -94 -139t-140 -95q-81 -34 -170.5 -34t-171.5 34q-79 34 -140 95t-94 139q-35 82 -35 171.5t35 171.5q33 78 94 139t140 95q81 34 170.5 34zM512 895q-104 0 -199 -40.5
+t-163 -109t-109 -163t-41 -199t41 -199t109 -163t163 -109t199 -40.5t199 40.5t163 109t109 163t41 199t-41 199t-109 163t-163 109t-199 40.5v0zM512 183q-16 0 -26 11l-221 236q-10 11 -9.5 25.5t11 25t25.5 10t25 -11.5l195 -208l195 208q10 11 24.5 11.5t25.5 -10
+t11.5 -25t-9.5 -25.5l-221 -236q-10 -11 -26 -11z" />
+    <glyph glyph-name="verticleleft" unicode="&#xe610;" 
+d="M273 78l382 307l-380 305q-14 11 -16 29t9.5 32t29.5 16t32 -9l358 -288v262q0 15 10.5 25.5t25.5 10.5h8q15 0 25.5 -10.5t10.5 -25.5v-696q0 -15 -10.5 -25.5t-25.5 -10.5h-8q-15 0 -25.5 10.5t-10.5 25.5v264l-360 -290q-12 -10 -27 -10q-21 0 -35 17q-11 14 -9 32
+t16 29z" />
+    <glyph glyph-name="verticleright" unicode="&#xe611;" 
+d="M752 78l-382 307l380 305q14 11 16 29t-9.5 32t-29.5 16t-32 -9l-358 -288v262q0 15 -10.5 25.5t-25.5 10.5h-8q-15 0 -25.5 -10.5t-10.5 -25.5v-696q0 -15 10.5 -25.5t25.5 -10.5h8q15 0 25.5 10.5t10.5 25.5v264l360 -290q12 -10 27 -10q21 0 34 17q12 14 10 32t-16 29
+z" />
+    <glyph glyph-name="rollback" unicode="&#xe612;" 
+d="M811.5 471.5q-88.5 88.5 -213.5 88.5h-336l114 114q12 12 12 28.5t-12 28t-28.5 11.5t-28.5 -12l-183 -183q-12 -12 -12 -28.5t12 -28.5l178 -178q12 -12 28.5 -12t28 11.5t11.5 28t-11 28.5l-113 112h340q92 0 157 -65t65 -157v-192q0 -17 12 -28.5t28.5 -11.5t28 11.5
+t11.5 28.5v192q0 125 -88.5 213.5z" />
+    <glyph glyph-name="retweet" unicode="&#xe613;" 
+d="M366 579h349l-119 -119q-11 -11 -11 -26t10.5 -25.5t25.5 -10.5t25 11l179 178q11 11 11 25.5t-11 25.5l-184 184q-10 10 -25 10t-25.5 -10.5t-10.5 -25.5t10 -25l120 -120h-344q-124 0 -211.5 -87.5t-87.5 -211.5q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5
+q0 94 66.5 160.5t160.5 66.5zM923 455q-15 0 -25.5 -10.5t-10.5 -25.5q0 -94 -66.5 -160.5t-160.5 -66.5h-349l120 120q10 10 10 25t-10.5 25.5t-25.5 10.5t-25 -11l-179 -178q-10 -11 -10 -25.5t10 -25.5l184 -184q10 -10 25 -10t25.5 10.5t10.5 25.5t-10 25l-120 120h344
+q124 0 211.5 87.5t87.5 211.5q0 15 -10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="shrink" unicode="&#xe614;" 
+d="M109 247h211l-232 -232q-13 -13 -13 -31t13 -31t31 -13t31 13l236 236v-210q0 -18 13 -31t31 -13t31 13t13 31v312q0 19 -13 31.5t-31 12.5h-321q-18 0 -31 -12.5t-13 -31t13 -31.5t31 -13zM595 431h321q18 0 31 13t13 31t-13 31t-31 13h-211l232 232q13 13 13 31.5
+t-13 31t-31 12.5t-31 -12l-236 -236v209q0 18 -13 31t-31 13t-31 -13t-13 -31v-312q0 -18 13 -31t31 -13z" />
+    <glyph glyph-name="arrowsalt" unicode="&#xe615;" 
+d="M430 23h-211l232 232q13 13 13 31.5t-13 31t-31 12.5t-31 -12l-236 -236v209q0 18 -13 31t-31 13t-31 -13t-13 -31v-312q0 -18 13 -31t31 -13h321q18 0 31 13t13 31t-13 31t-31 13zM916 831h-321q-18 0 -31 -13t-13 -31t13 -31t31 -13h211l-232 -232q-13 -13 -13 -31
+t13 -31t31 -13t31 13l236 236v-210q0 -18 13 -31t31 -13t31 13t13 31v312q0 18 -13 31t-31 13z" />
+    <glyph glyph-name="doubleright" unicode="&#xe617;" 
+d="M431 17q-11 14 -9 32t16 29l381 307l-379 305q-14 11 -16 29t9 32t29 16t32 -9l422 -339q17 -13 17 -34t-17 -34l-424 -341q-12 -10 -27 -10q-21 0 -34 17zM101 17q-11 14 -9 32t16 29l381 307l-379 305q-14 11 -16 29t9 32t29 16t32 -9l422 -339q17 -13 17 -34t-17 -34
+l-424 -341q-12 -10 -27 -10q-21 0 -34 17z" />
+    <glyph glyph-name="doubleleft" unicode="&#xe618;" 
+d="M559 0q-15 0 -27 10l-424 341q-17 13 -17 34t17 34l422 339q14 11 32 9t29 -16t9 -32t-16 -29l-379 -305l381 -307q14 -11 16 -29t-9 -32q-13 -17 -34 -17zM889 0q-15 0 -27 10l-424 341q-17 13 -17 34t17 34l422 339q14 11 32 9t29 -16t9 -32t-16 -29l-379 -305
+l381 -307q14 -11 16 -29t-9 -32q-13 -17 -34 -17z" />
+    <glyph glyph-name="arrowdown" unicode="&#xe619;" 
+d="M558 725v-574v0l208 216q13 14 31 14t31.5 -12.5t13.5 -30.5t-12 -32l-284 -294q-13 -14 -31.5 -14t-31.5 14l-285 296q-12 13 -12 30q0 19 14 32q13 13 31 12.5t31 -13.5l208 -216v0v573q0 17 12 30t29 14q19 1 33 -12.5t14 -32.5z" />
+    <glyph glyph-name="arrowup" unicode="&#xe61a;" 
+d="M470 43v574v0l-208 -216q-13 -14 -31 -14t-31.5 12.5t-13.5 30.5t12 32l284 294q13 14 31.5 14t31.5 -14l285 -296q12 -13 12 -30q0 -19 -14 -32q-13 -13 -31 -12.5t-31 13.5l-208 216v0v-573q0 -17 -12 -30t-29 -14q-19 -1 -33 12.5t-14 32.5z" />
+    <glyph glyph-name="arrowright" unicode="&#xe61b;" 
+d="M173 428h574v0l-216 208q-14 13 -14 31t12.5 31.5t30.5 13.5t32 -12l294 -284q14 -13 14 -31.5t-14 -31.5l-296 -285q-13 -12 -30 -12q-19 0 -32 14q-13 13 -12.5 31t13.5 31l216 208v0h-573q-17 0 -30 12t-14 29q-1 19 12.5 33t32.5 14z" />
+    <glyph glyph-name="arrowleft" unicode="&#xe61c;" 
+d="M855 428h-574v0l216 208q14 13 14 31t-12.5 31.5t-30.5 13.5t-32 -12l-294 -284q-14 -13 -14 -31.5t14 -31.5l296 -285q13 -12 30 -12q19 0 32 14q13 13 12.5 31t-13.5 31l-216 208v0h573q17 0 30 12t14 29q1 19 -12.5 33t-32.5 14z" />
+    <glyph glyph-name="down" unicode="&#xe61d;" 
+d="M896 596q0 -15 -10 -28l-341 -423q-13 -17 -34 -17t-34 17l-339 422q-11 14 -9 32t16 29t32 9t29 -16l305 -379l307 381q11 14 29 16t32 -9q17 -13 17 -34z" />
+    <glyph glyph-name="up" unicode="&#xe61e;" 
+d="M896 236q0 15 -10 28l-341 423q-13 17 -34 17t-34 -17l-339 -422q-11 -14 -9 -32t16 -29t32 -9t29 16l305 379l307 -381q11 -14 29 -16t32 9q17 13 17 34z" />
+    <glyph glyph-name="right" unicode="&#xe61f;" 
+d="M301 0q15 0 27 10l424 341q16 13 16 34t-16 34l-422 339q-14 11 -32 9t-29.5 -16t-9.5 -32t16 -29l380 -305l-382 -307q-14 -11 -16 -29t9 -32q14 -17 35 -17z" />
+    <glyph glyph-name="left" unicode="&#xe620;" 
+d="M724 0q-15 0 -27 10l-424 341q-16 13 -16 34t16 34l422 339q14 11 32 9t29.5 -16t9.5 -32t-16 -29l-380 -305l382 -307q14 -11 16 -29t-10 -32q-13 -17 -34 -17z" />
+    <glyph glyph-name="minussquareo" unicode="&#xe621;" 
+d="M888 760v0v0v-753v0h-752v0v753v0h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0zM732 347h-442q-14 0 -25 10.5t-11 25.5v0q0 15 11 25.5t25 10.5h442q14 0 25 -10.5t11 -25.5v0
+q0 -15 -11 -25.5t-25 -10.5z" />
+    <glyph glyph-name="minuscircle" unicode="&#xe622;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM832 384q0 -15 -10.5 -25.5t-25.5 -10.5h-568q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h568
+q15 0 25.5 -10.5t10.5 -25.5v0z" />
+    <glyph glyph-name="minuscircleo" unicode="&#xe623;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM796 348h-568q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h568q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5z" />
+    <glyph glyph-name="minus" unicode="&#xe624;" 
+d="M796 348h-568q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h568q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5z" />
+    <glyph glyph-name="pluscircleo" unicode="&#xe625;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM732 420h-184v183q0 15 -10.5 25.5t-25.5 10.5v0q-14 0 -25 -10.5t-11 -25.5v-183h-184q-15 0 -25.5 -11t-10.5 -25v0q0 -15 10.5 -25.5t25.5 -10.5h184v-183
+q0 -15 11 -25.5t25 -10.5v0q15 0 25.5 10.5t10.5 25.5v183h184q15 0 25.5 10.5t10.5 25.5v0q0 14 -10.5 25t-25.5 11z" />
+    <glyph glyph-name="pluscircle" unicode="&#xe626;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM768 384q0 -15 -10.5 -25.5t-25.5 -10.5h-184v-183q0 -15 -10.5 -25.5t-25.5 -10.5v0q-14 0 -25 10.5
+t-11 25.5v183h-184q-15 0 -25.5 10.5t-10.5 25.5v0q0 14 10.5 25t25.5 11h184v183q0 15 11 25.5t25 10.5v0q15 0 25.5 -10.5t10.5 -25.5v-183h184q15 0 25.5 -11t10.5 -25v0z" />
+    <glyph glyph-name="plus" unicode="&#xe627;" 
+d="M866 420h-318v310q0 15 -10.5 25.5t-25.5 10.5v0q-15 0 -25.5 -10.5t-10.5 -25.5v-310h-312q-14 0 -25 -10.5t-11 -25.5v0q0 -15 11 -25.5t25 -10.5h312v-312q0 -14 10.5 -25t25.5 -11v0q15 0 25.5 11t10.5 25v312h318q15 0 25.5 10.5t10.5 25.5v0q0 15 -10.5 25.5
+t-25.5 10.5z" />
+    <glyph glyph-name="infocirlce" unicode="&#xe628;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM509 712q15 0 25.5 -11t10.5 -25.5t-10.5 -25t-25.5 -10.5t-25.5 10.5t-10.5 25t10.5 25.5t25.5 11zM666 154
+q0 -15 -10.5 -25.5t-25.5 -10.5h-85h-72h-85q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h85v314h-60q-15 0 -25.5 11t-10.5 25v0q0 15 10.5 25.5t25.5 10.5h60h36v0q15 0 25.5 -10.5t10.5 -25.5v-350h85q15 0 25.5 -10.5t10.5 -25.5v0z" />
+    <glyph glyph-name="infocirlceo" unicode="&#xe629;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM630 190h-85v350q0 15 -10.5 25.5t-25.5 10.5v0h-36h-60q-15 0 -25.5 -10.5t-10.5 -25.5v0q0 -14 10.5 -25t25.5 -11h60v-314h-85q-15 0 -25.5 -10.5
+t-10.5 -25.5v0q0 -15 10.5 -25.5t25.5 -10.5h85h72h85q15 0 25.5 10.5t10.5 25.5v0q0 15 -10.5 25.5t-25.5 10.5zM509 676zM473 675.5q0 14.5 10.5 25.5t25.5 11t25.5 -11t10.5 -25.5t-10.5 -25t-25.5 -10.5t-25.5 10.5t-10.5 25z" />
+    <glyph glyph-name="info" unicode="&#xe62a;" 
+d="M660 136h-85v404q0 15 -10.5 25.5t-25.5 10.5v0h-36h-60q-15 0 -25.5 -10.5t-10.5 -25.5v0q0 -14 10.5 -25t25.5 -11h60v-368h-85q-15 0 -25.5 -10.5t-10.5 -25.5v0q0 -15 10.5 -25.5t25.5 -10.5h85h72h85q15 0 25.5 10.5t10.5 25.5v0q0 15 -10.5 25.5t-25.5 10.5z
+M539 676zM503 675.5q0 14.5 10.5 25.5t25.5 11t25.5 -11t10.5 -25.5t-10.5 -25t-25.5 -10.5t-25.5 10.5t-10.5 25z" />
+    <glyph glyph-name="exclamation" unicode="&#xe62b;" 
+d="M512 193q-17 0 -28.5 11.5t-11.5 28.5v495q0 17 11.5 28.5t28.5 11.5t28.5 -11.5t11.5 -28.5v-495q0 -17 -11.5 -28.5t-28.5 -11.5zM512 83zM467 83q0 19 13 32t32 13t32 -13t13 -32t-13 -32t-32 -13t-32 13t-13 32z" />
+    <glyph glyph-name="exclamationcircle" unicode="&#xe62c;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM472 665q0 17 11.5 28.5t28.5 11.5t28.5 -11.5t11.5 -28.5v-369q0 -17 -11.5 -28.5t-28.5 -11.5t-28.5 11.5
+t-11.5 28.5v369zM512 102q-19 0 -32 13t-13 32t13 32t32 13t32 -13t13 -32t-13 -32t-32 -13z" />
+    <glyph glyph-name="exclamationcircleo" unicode="&#xe62d;" 
+d="M512 824q90 0 171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140t-140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171q34 79 95 140t140 94q81 35 171 35zM512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257
+t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5v0zM512 256q-17 0 -28.5 11.5t-11.5 28.5v369q0 17 11.5 28.5t28.5 11.5t28.5 -11.5t11.5 -28.5v-369q0 -17 -11.5 -28.5t-28.5 -11.5zM512 147zM467 147q0 19 13 32
+t32 13t32 -13t13 -32t-13 -32t-32 -13t-32 13t-13 32z" />
+    <glyph glyph-name="closecircle" unicode="&#xe62e;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM717 229q11 -10 11 -25t-10.5 -25.5t-25.5 -10.5t-26 10l-154 155l-154 -155q-11 -10 -26 -10t-25.5 10.5
+t-10.5 25.5t11 25l154 155l-154 155q-11 10 -11 25t10.5 25.5t25.5 10.5t26 -10l154 -155l154 155q11 10 26 10t25.5 -10.5t10.5 -25t-11 -25.5l-154 -155z" />
+    <glyph glyph-name="closecircleo" unicode="&#xe62f;" 
+d="M717.5 589.5q-10.5 10.5 -25.5 10.5t-26 -10l-154 -155l-154 155q-11 10 -26 10t-25.5 -10.5t-10.5 -25.5t11 -25l154 -155l-154 -155q-11 -10 -11 -25t10.5 -25.5t25.5 -10.5t26 10l154 155l154 -155q11 -10 26 -10t25.5 10.5t10.5 25t-11 25.5l-154 155l154 155
+q11 10 11 25t-10.5 25.5zM512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140
+q-35 81 -35 171t34 171q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140z" />
+    <glyph glyph-name="checkcircle" unicode="&#xe630;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM772 540l-359 -361v0l-1 -1q-3 -3 -8 -6q-8 -5 -18 -5q-21 0 -31 18l-109 191q-8 13 -4 27t17 21.5t27.5 3.5
+t21.5 -17l86 -149l327 328q11 11 26 11t25.5 -10.5t10.5 -25.5t-11 -25z" />
+    <glyph glyph-name="checkcircleo" unicode="&#xe631;" 
+d="M721 590l-327 -328l-86 149q-7 13 -21.5 17t-27.5 -3.5t-17 -21.5t4 -27l109 -191q10 -18 31 -18q10 0 18 5q5 3 8 6l1 1l359 360q11 11 11 26t-10.5 25.5t-25.5 10.5t-26 -11zM512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5
+t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171
+q-34 -79 -95 -140z" />
+    <glyph glyph-name="check" unicode="&#xe632;" 
+d="M328 96q-3 0 -5 1q-20 2 -30 20l-159 278q-8 15 -4 31t18.5 24t30.5 3.5t25 -18.5l133 -233l491 492q11 12 28 12t28.5 -11.5t11.5 -28.5t-12 -28l-526 -528l-2 -2q-11 -12 -28 -12z" />
+    <glyph glyph-name="close" unicode="&#xe633;" 
+d="M568 381l254 255q12 11 12 27.5t-11.5 28t-28 11.5t-27.5 -12l-255 -254l-255 254q-11 12 -27.5 12t-28 -11.5t-11.5 -28t12 -27.5l254 -255l-254 -255q-12 -11 -12 -27.5t11.5 -28t28 -11.5t27.5 12l255 255l255 -255q11 -12 27.5 -12t28 11.5t11.5 28t-12 27.5z" />
+    <glyph glyph-name="customerservice" unicode="&#xe634;" 
+d="M838 579q-6 26 -18 52q-25 59 -72 105q-46 45 -107 70q-63 26 -131 26t-131 -26q-60 -25 -107 -70.5t-72 -104.5q-11 -25 -18 -53q-24 -8 -45 -23q-22 -16 -38 -38q-35 -47 -35 -106q0 -72 51 -123q37 -37 87 -48q4 -1 8 -1q15 0 25 11q10 10 10 25l-1 227q0 107 77 183
+q78 76 188.5 76t188.5 -76t78 -183v-236q0 -107 -78 -183q-31 -31 -71 -50q1 11 1 22q-1 46 -34 79t-79 35h-3q-48 0 -82 -34.5t-34 -82.5q0 -47 33.5 -81t80.5 -35v0h2v0h2h1v0v0q66 1 126 26t107 70.5t73 104.5q22 53 26 111q35 13 62 40q51 51 51 123q0 58 -34 104.5
+t-88 63.5zM82 355q1 -3 3 -7q-2 5 -3 7zM92 333q2 -4 5 -9q-4 6 -5 9zM160 332l-3 3l3 -3l2 -2zM173 332q-4 3 -7 6q-31 31 -31 73q0 29 14 53q9 17 24 29v-161zM181 316q-1 0 -2 0.5t-1 1.5q1 -1 3 -2v0zM188 571v0q1 5 4 13q-2 -7 -4 -13zM204 248l-10 2q9 -2 10 -2h2h-2z
+M210 248h-1h1v0zM237 274v1l-1 227l1 -227v-1zM307 756q7 5 10 7q-6 -4 -10 -7zM382 799q-30 -13 -58 -31q28 18 58 31q1 0 2.5 0.5t2.5 0.5q-3 0 -5 -1zM442 761l2 0.5t3 0.5h2zM742 730q-45 44 -104 69q-1 0 -2.5 0.5t-2.5 0.5q1 0 2.5 -0.5t2.5 -0.5q59 -25 104 -69l6 -6
+zM754 718q4 -4 9 -10q-5 6 -9 10zM765 706q2 -3 8 -10q-4 4 -8 10zM404 52v0v3v-3zM512 161h3h-3v0zM544.5 21q-12.5 -13 -30.5 -14h-2q-19 0 -32 13.5t-13 31.5q0 19 13 32.5t32 13.5t32 -13.5t13 -32t-12.5 -31.5zM565 44v8v3v-1v-2v-8zM615 19l1 3l-1 -3q1 1 2.5 1.5
+t2.5 0.5q-2 -1 -5 -2zM742 38l-6 -6q1 1 3.5 3t2.5 3l6 6q-3 -4 -6 -6zM784 266v-14v14v236v6v-3v-3v-236zM813 140q-3 -7 -7 -14q4 7 7 14q0 1 1 2.5t1 2.5q-1 -3 -2 -5zM813 628q-3 7 -7 14q4 -7 7 -14q1 -2 3 -7q-1 3 -3 7zM831 572q0 3 -1 7q0 -1 0.5 -3t0.5 -4v0z
+M839 510q7 -3 12 -7q-5 4 -12 7v0zM864 332q-11 -11 -25 -18v0q14 7 25 18q0 1 1 1q0 1 1 1q-1 0 -1 -1q-1 0 -1 -1zM858 338q-5 -5 -11 -10v168q17 -13 27 -30q15 -25 15 -55q0 -42 -31 -73zM945 460l-2 6q1 -2 2 -6zM935 485q1 -1 3 -6q-1 1 -1.5 3.5t-1.5 2.5zM943 356
+q0 2 2 7q-1 -2 -2 -7z" />
+    <glyph glyph-name="creditcard" unicode="&#xe635;" 
+d="M952 766h-880q-30 0 -51 -21t-21 -51v-120v-96v-405q0 -29 21 -50.5t51 -21.5h880q30 0 51 21.5t21 50.5v405v96v120q0 30 -21 51t-51 21zM952 73h-880v405h880v-405zM72 574v120h880v-120h-880zM237 192v0q18 0 31 13t13 31v0q0 18 -13 31t-31 13v0q-18 0 -31 -13
+t-13 -31v0q0 -18 13 -31t31 -13zM404 192v0q18 0 31 13t13 31v0q0 18 -13 31t-31 13v0q-19 0 -31.5 -13t-12.5 -31v0q0 -18 12.5 -31t31.5 -13z" />
+    <glyph glyph-name="codesquareo" unicode="&#xe636;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM888 7h-752v753h752v-753zM203.5 357.5q10.5 -10.5 25.5 -10.5t25 11l140 141q11 10 11 25t-10 26l-141 142q-10 10 -25 10t-25.5 -10.5
+t-10.5 -25t10 -25.5l115 -117l-115 -115q-10 -11 -10 -26t10.5 -25.5zM383 384q0 -15 10.5 -25.5t24.5 -10.5l199 -1h1q14 0 25 10.5t11 25.5t-11 25.5t-25 10.5l-199 1v0q-15 0 -25.5 -10.5t-10.5 -25.5z" />
+    <glyph glyph-name="book" unicode="&#xe637;" 
+d="M822 832h-259h-72h-121h-72h-94q-29 0 -50.5 -21t-21.5 -51v-753q0 -29 21.5 -50.5t50.5 -21.5h619q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM491 760v-209l-9 8l-33 34q-8 7 -18 7t-17 -7l-44 -44v211h121zM298 760v-277q0 -15 10 -25t25 -10v0
+q37 0 63 25l35 35l35 -34q25 -25 60 -26h1q15 0 25.5 10t10.5 25v277h260v-624h-618v624h93zM204 7v57h618v-57h-618z" />
+    <glyph glyph-name="barschart" unicode="&#xe638;" 
+d="M203 730v-696q0 -15 -10.5 -25.5t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v696q0 15 10.5 25.5t25.5 10.5v0q15 0 25.5 -10.5t10.5 -25.5zM167 70h694q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5h-694q-15 0 -25.5 10.5t-10.5 25.5v0
+q0 15 10.5 25.5t25.5 10.5zM394 537v-371q0 -15 -10.5 -25.5t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v371q0 15 10.5 25.5t25.5 10.5v0q15 0 25.5 -10.5t10.5 -25.5zM777 667v-501q0 -15 -10.5 -25.5t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v501q0 15 10.5 25.5
+t25.5 10.5v0q15 0 25.5 -10.5t10.5 -25.5zM585 411v-245q0 -15 -10.5 -25.5t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v245q0 15 10.5 25.5t25.5 10.5v0q14 0 25 -10.5t11 -25.5z" />
+    <glyph glyph-name="bars" unicode="&#xe639;" 
+d="M187 639zM124 639q0 26 18.5 44.5t44.5 18.5t44.5 -18.5t18.5 -44.5t-18.5 -44.5t-44.5 -18.5t-44.5 18.5t-18.5 44.5zM856 610h-498q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h498q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5zM187 384
+zM124 384q0 26 18.5 44.5t44.5 18.5t44.5 -18.5t18.5 -44.5t-18.5 -44.5t-44.5 -18.5t-44.5 18.5t-18.5 44.5zM856 355h-498q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h498q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5zM187 129zM124 129
+q0 26 18.5 44.5t44.5 18.5t44.5 -18.5t18.5 -44.5t-18.5 -44.5t-44.5 -18.5t-44.5 18.5t-18.5 44.5zM856 100h-498q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h498q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5z" />
+    <glyph glyph-name="question" unicode="&#xe63a;" 
+d="M644 633q-61 64 -152 64q-84 0 -143.5 -59.5t-59.5 -143.5q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5q0 54 38.5 92.5t92.5 38.5h1q59 0 99 -42q35 -37 32 -85q-1 -18 -4 -29t-21 -37.5t-54 -62.5q-43 -43 -66.5 -77t-27.5 -72q-2 -15 7.5 -26.5t24.5 -12.5h4
+q14 0 24 9t12 23q3 35 73 105q61 61 79.5 98t20.5 78q5 79 -52 139zM486 80zM443 80q0 18 12.5 30.5t30.5 12.5t30.5 -12.5t12.5 -30.5t-12.5 -30.5t-30.5 -12.5t-30.5 12.5t-12.5 30.5z" />
+    <glyph glyph-name="questioncircle" unicode="&#xe63b;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM505.5 83q-17.5 0 -30.5 13t-13 31t13 30.5t30.5 12.5t30.5 -12.5t13 -30.5t-13 -31t-30.5 -13zM691 505
+q-2 -38 -19.5 -70.5t-67.5 -83.5q-59 -58 -61 -87q-2 -13 -12 -22.5t-24 -9.5h-4q-15 2 -24.5 13.5t-7.5 26.5q3 33 23.5 63t58.5 67q30 30 45.5 52t18 31t2.5 24q2 39 -26 69q-33 34 -81 34v0q-45 0 -76.5 -31.5t-31.5 -75.5q0 -15 -10.5 -25.5t-25.5 -10.5t-25.5 10.5
+t-10.5 25.5q0 74 52.5 126.5t126.5 52.5q80 1 134 -56q50 -53 46 -123z" />
+    <glyph glyph-name="questioncircleo" unicode="&#xe63c;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM546 372zM507 232h-4q-15 2 -24.5 13.5t-7.5 26.5q3 33 23.5 63t58.5 67q30 30 45.5 52t18 31.5t2.5 23.5q2 39 -26 69q-33 35 -81 35v0q-45 0 -76.5 -32
+t-31.5 -76q0 -15 -10.5 -25.5t-25.5 -10.5t-25.5 10.5t-10.5 25.5q0 74 52.5 126.5t126.5 53.5q80 0 134 -57q50 -53 46 -123q-2 -37 -19.5 -70t-67.5 -84q-59 -58 -61 -86q-2 -14 -12 -23.5t-24 -9.5zM506 127zM462 127q0 18 13 30.5t30.5 12.5t30.5 -12.5t13 -30.5
+t-13 -30.5t-30.5 -12.5t-30.5 12.5t-13 30.5z" />
+    <glyph glyph-name="pause" unicode="&#xe63d;" 
+d="M326 704v0q-15 0 -25.5 -11t-10.5 -25v-568q0 -14 10.5 -25t25.5 -11v0q15 0 25 11t9 25v568q1 14 -9 25t-25 11zM698 704v0q-14 0 -25 -11t-11 -25v-568q0 -14 11 -25t25 -11v0q15 0 25.5 11t10.5 25v568q0 14 -10.5 25t-25.5 11z" />
+    <glyph glyph-name="pausecircle" unicode="&#xe63e;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM393 228q0 -15 -10.5 -25.5t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v312q0 15 10.5 25.5t25.5 10.5v0
+q15 0 25.5 -10.5t10.5 -25.5v-312zM703 228q0 -15 -10.5 -25.5t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v312q0 15 10.5 25.5t25.5 10.5v0q15 0 25.5 -10.5t10.5 -25.5v-312z" />
+    <glyph glyph-name="pausecircleo" unicode="&#xe63f;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM357 576v0q-15 0 -25.5 -10.5t-10.5 -25.5v-312q0 -15 10.5 -25.5t25.5 -10.5v0q15 0 25.5 10.5t10.5 25.5v312q0 15 -10.5 25.5t-25.5 10.5zM667 576v0
+q-15 0 -25.5 -10.5t-10.5 -25.5v-312q0 -15 10.5 -25.5t25.5 -10.5v0q15 0 25.5 10.5t10.5 25.5v312q0 15 -10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="clockcircle" unicode="&#xe640;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM769 356q0 -15 -10.5 -25.5t-25.5 -10.5h-185v0q-30 0 -51 21t-21 51v0v240q0 15 10.5 25.5t25.5 10.5v0
+q15 0 25.5 -10.5t10.5 -25.5v-240h185q15 0 25.5 -10.5t10.5 -25.5v0z" />
+    <glyph glyph-name="clockcircleo" unicode="&#xe641;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM733 392h-185v240q0 15 -10.5 25.5t-25.5 10.5v0q-15 0 -25.5 -10.5t-10.5 -25.5v-240v0q0 -30 21 -51t51 -21v0h185q15 0 25.5 10.5t10.5 25.5v0
+q0 15 -10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="swap" unicode="&#xe642;" 
+d="M194 481q-1 0 -1 0.5t-0.5 0.5h-0.5h-0.5h-0.5h-0.5h-0.5v0h-1h-0.5h-0.5v0l-0.5 0.5l-0.5 0.5h-0.5h-0.5h-0.5h-0.5h-1l-1 1v0v0h-0.5h-0.5l-0.5 0.5l-0.5 0.5h-0.5h-0.5h-1v1h-0.5h-0.5l-0.5 0.5l-0.5 0.5h-0.5h-0.5v0.5v0.5h-1l-1 1v0l-0.5 0.5l-0.5 0.5h-1q-1 2 -2 3
+q-1 0 -1 0.5v0.5v0l-1 1v1h-1v1v0l-0.5 0.5l-0.5 0.5v0v0.5t-0.5 0.5h-0.5v1l-0.5 0.5l-0.5 0.5v1v0v0.5t-0.5 0.5h-0.5v0.5v0.5q0 1 -0.5 1t-0.5 0.5v1v0.5v0v0v0.5v0.5v0.5v0.5l-1 1v0.5v0.5v0.5v0.5v0v0.5v0.5v1v0v1v4v1v0.5v0.5v0.5v0.5v0.5v0.5v0.5v0.5v0l1 1v0.5v0.5
+v0.5v0.5v0v0.5v0.5v0q1 1 1 1.5v0.5v0.5v0.5l0.5 0.5l0.5 0.5v0v0.5v0.5l0.5 0.5l0.5 0.5v0.5t0.5 1l0.5 0.5v0v0v0.5t0.5 0.5t0.5 0.5v0.5l0.5 0.5l0.5 0.5q0 1 1 1v0v1h1l0.5 0.5l0.5 0.5l178 178q10 11 25 11t25 -11v0q11 -11 11 -25.5t-11 -25.5l-116 -116h545
+q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5h-631v0h-2h-0.5h-0.5zM830 287q1 0 1 -0.5t0.5 -0.5h0.5h0.5h0.5h0.5h0.5v0v0h2v0v0l0.5 -0.5l0.5 -0.5h0.5h0.5h0.5h0.5h1v-1h1v0h0.5h0.5l0.5 -0.5l0.5 -0.5h0.5h0.5h1v-1h0.5h0.5l0.5 -0.5l0.5 -0.5h0.5h0.5
+v-0.5v-0.5h1l1 -1l0.5 -0.5l0.5 -0.5v0h1q1 -2 2 -3q1 0 1 -0.5v-0.5v0l1 -1v-1h1v-1h0.5t0.5 -0.5v-0.5v0v-0.5t0.5 -0.5t0.5 -0.5v-0.5l0.5 -0.5l0.5 -0.5v-0.5v-0.5v-0.5t0.5 -0.5h0.5v-0.5v-0.5v-1l0.5 -0.5t0.5 -1v-0.5v0v-0.5v-0.5v0v-0.5v-0.5l1 -1v-0.5v-0.5v-0.5
+v-0.5v0v-0.5v-0.5v-1v0v-1v-4v-1v-0.5v-1v-0.5v0v-0.5v-0.5v-0.5v-0.5v0l-1 -1v-0.5v-0.5v-0.5v-0.5v0v-0.5v-0.5l-1 -1v-0.5v-0.5v-0.5v-0.5l-0.5 -0.5l-0.5 -0.5v0v-0.5v-0.5l-0.5 -0.5l-0.5 -0.5v-0.5t-0.5 -1l-0.5 -0.5v0v0v-0.5t-0.5 -0.5t-0.5 -0.5v-0.5l-1 -1v0
+q0 -1 -0.5 -1h-0.5v-1h-1l-0.5 -0.5t-0.5 -1.5l-177 -177q-11 -11 -26 -11t-25 11v0q-11 10 -11 25t11 26l116 116h-545q-14 0 -25 10.5t-11 25.5v0q0 15 11 25.5t25 10.5h632v0h1h1z" />
+    <glyph glyph-name="swapleft" unicode="&#xe643;" 
+d="M164 320h-1l-0.5 0.5l-0.5 0.5h-0.5h-0.5h-0.5h-0.5v0h-1h-1v0v0l-0.5 0.5l-0.5 0.5h-0.5h-0.5h-0.5h-0.5h-1l-1 1v0v0h-0.5h-0.5l-0.5 0.5l-0.5 0.5h-0.5h-0.5h-1v1h-0.5h-0.5l-0.5 0.5l-0.5 0.5h-0.5h-0.5v0.5v0.5h-1l-1 1v0l-0.5 0.5l-0.5 0.5h-1q-1 2 -2 3
+q-1 0 -1 0.5v0.5v0l-1 1v1h-1v1v0l-0.5 0.5l-0.5 0.5v0v0.5t-0.5 0.5h-0.5v1l-0.5 0.5l-0.5 0.5v1v0v0.5t-0.5 0.5h-0.5v0.5v0.5q0 1 -0.5 1t-0.5 0.5v1v0.5v0v0.5v0.5v0v0.5v0.5l-1 1v0.5v0.5v0.5v0.5v0v0.5v0.5v1v1v0v4v1v0.5v0.5v0.5v0.5v0.5v0.5v0.5v0.5v0l1 1v0.5v0.5
+v0.5v0.5v0v0.5v0.5v1q1 0 1 0.5v0.5v0.5v0.5l0.5 0.5l0.5 0.5v0v1v0l0.5 0.5l0.5 0.5v1l0.5 0.5l0.5 0.5v0v0v0.5t0.5 0.5t0.5 0.5v0.5l0.5 0.5l0.5 0.5q0 1 0.5 1h0.5v1h1l0.5 0.5t0.5 1.5l178 177q10 11 25 11t25 -11v0q11 -11 11 -25.5t-11 -25.5l-116 -116h545
+q15 0 25.5 -10.5t10.5 -25.5v0q0 -15 -10.5 -25.5t-25.5 -10.5h-631v0h-2h-1z" />
+    <glyph glyph-name="swapright" unicode="&#xe644;" 
+d="M830 320h1l0.5 0.5l0.5 0.5h0.5h0.5h0.5h0.5v0v0h2v0v0l0.5 0.5l0.5 0.5h0.5h0.5h0.5h0.5h1v1h1v0h0.5h0.5l0.5 0.5l0.5 0.5h0.5h0.5h1v1h0.5h0.5l0.5 0.5l0.5 0.5h0.5h0.5v0.5v0.5h1l1 1v0.5t0.5 0.5h0.5h1q1 2 2 3q1 0 1 0.5v0.5v0l1 1v1h1v1h0.5t0.5 0.5v0.5v0v0.5
+t0.5 0.5t0.5 0.5v0.5l0.5 0.5l0.5 0.5v0.5v0.5v0.5t0.5 0.5h0.5v0.5v0.5v1l0.5 0.5t0.5 1v0.5v0v0v0.5v0.5v0.5v0.5l1 1v0.5v0.5v0.5v0.5v0v0.5v0.5v1v1v0v4v1v0.5v0.5v0.5v0.5v0.5v0.5v0.5v0.5v0l-1 1v0.5v0.5v0.5v0.5v0v0.5v0.5l-1 1v0.5v0.5v0.5v0.5l-0.5 0.5l-0.5 0.5v0
+v0.5v0.5l-0.5 0.5l-0.5 0.5v0.5t-0.5 1l-0.5 0.5v0v0l-0.5 0.5l-0.5 0.5v0.5v0.5l-0.5 0.5l-0.5 0.5q0 1 -1 1v0l-0.5 0.5l-0.5 0.5l-0.5 0.5t-0.5 1.5l-177 177q-11 11 -26 11t-25 -11v0q-11 -10 -11 -25t11 -26l116 -116h-545q-14 0 -25 -10.5t-11 -25.5v0q0 -15 11 -25.5
+t25 -10.5h632v0h1h0.5h0.5z" />
+    <glyph glyph-name="plussquareo" unicode="&#xe645;" 
+d="M888 760v0v0v-753v0h-752v0v753v0h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0zM732 420h-184v183q0 15 -10.5 25.5t-25.5 10.5v0q-14 0 -25 -10.5t-11 -25.5v-183h-184
+q-15 0 -25.5 -11t-10.5 -25v0q0 -15 10.5 -25.5t25.5 -10.5h184v-183q0 -15 11 -25.5t25 -10.5v0q15 0 25.5 10.5t10.5 25.5v183h184q15 0 25.5 10.5t10.5 25.5v0q0 14 -10.5 25t-25.5 11z" />
+    <glyph glyph-name="frown" unicode="&#xe646;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM254 454q-25 0 -42.5 17.5t-17.5 42t17.5 42.5t42.5 18t42.5 -18t17.5 -42.5t-17.5 -42t-42.5 -17.5zM640 130
+q-15 0 -25.5 11t-10.5 25q0 39 -27 66t-65 27t-65 -27t-27 -66q0 -14 -10.5 -25t-25.5 -11t-25.5 11t-10.5 25q0 68 48 116.5t116 48.5t116 -48.5t48 -116.5q0 -14 -10.5 -25t-25.5 -11zM769.5 454q-24.5 0 -42 17.5t-17.5 42t17.5 42.5t42 18t42.5 -18t18 -42.5t-18 -42
+t-42.5 -17.5z" />
+    <glyph glyph-name="menufold" unicode="&#xe658;" 
+d="M97 695h828q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-828q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5zM923 450h-565q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h565q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM925 72h-825
+q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h825q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM195 281q11 -10 25 -10q15 0 26 11q10 10 10 25t-10 25l-96 94l94 88q11 11 11.5 26t-10 25.5t-25.5 11t-25 -9.5l-121 -114q-12 -11 -12 -26t11 -26z" />
+    <glyph glyph-name="mail" unicode="&#xe659;" 
+d="M886 768h-753q-30 0 -51 -21t-21 -51v-626q0 -30 21 -51t51 -21h753q30 0 51 21t21 51v626q0 30 -21 51t-51 21zM809 696l-268 -224l-2 -1l-1 -2q-11 -11 -26 -11h-1q-15 0 -25 11l-2 1l-274 226h599zM886 70h-753v0v597l303 -250q31 -31 76 -31v0q45 0 76 32l298 249
+v-597v0z" />
+    <glyph glyph-name="link" unicode="&#xe65b;" 
+d="M542 230l-179 -179q-39 -38 -93 -38t-92 38q-39 39 -39 93t39 93l178 179q11 10 11 25t-10.5 25.5t-25.5 10.5t-25 -11l-179 -178q-60 -60 -60 -144t59.5 -143.5t143.5 -59.5t144 59l179 179q10 11 10 26t-10.5 25.5t-25.5 10.5t-25 -11zM899.5 773.5
+q-59.5 59.5 -143.5 59.5t-144 -60l-179 -179q-10 -10 -10 -25t10.5 -25.5t25.5 -10.5t25 10l179 179q39 39 93 39t92.5 -38.5t38.5 -93t-39 -92.5l-178 -179q-11 -10 -11 -25t10.5 -25.5t25.5 -10.5t26 10l179 179q59 60 59 144t-59.5 143.5zM486 308l102 102q11 10 11 25
+t-10.5 25.5t-25.5 10.5t-25 -11l-102 -102q-11 -10 -11 -25t10.5 -25.5t25.5 -10.5t25 11z" />
+    <glyph glyph-name="areachart" unicode="&#xe65c;" 
+d="M923 -64h-824q-15 0 -25.5 10.5t-10.5 25.5v825q0 15 10.5 25.5t25.5 10.5t25.5 -10.5t10.5 -25.5v-789h788q15 0 25.5 -10.5t10.5 -25.5t-10.5 -25.5t-25.5 -10.5zM192 96l117 209q4 7 12 9.5t16 -0.5l111 -52l118 171q11 15 27 7l110 -56l160 251q7 11 19.5 7.5
+t12.5 -16.5v-520q0 -16 -11.5 -27.5t-27.5 -11.5h-646q-11 0 -17 9.5t-1 19.5z" />
+    <glyph glyph-name="linechart" unicode="&#xe65d;" 
+d="M923 -64h-824q-15 0 -25.5 10.5t-10.5 25.5v825q0 15 10.5 25.5t25.5 10.5t25.5 -10.5t10.5 -25.5v-789h788q15 0 25.5 -10.5t10.5 -25.5t-10.5 -25.5t-25.5 -10.5zM385 153q-19 0 -30 16l-157 250q-8 13 -5 27.5t15.5 22.5t27 5t22.5 -15l112 -182l46 177q4 16 19 23
+l182 88q13 6 26 2.5t21 -15.5l91 -148l134 403q5 14 18 21t27 2t21 -18t2 -27l-158 -477q-7 -22 -30 -24.5t-35 16.5l-115 186l-137 -66l-62 -240q-6 -23 -29 -26q-3 -1 -6 -1z" />
+    <glyph glyph-name="home" unicode="&#xe65e;" 
+d="M932 454l-372 358q-20 18 -48 18t-48 -18l-372 -358q-11 -10 -12 -25t9 -26v0q10 -11 25 -12t26 9l372 358l372 -358q11 -10 26 -9t25 12v0q10 11 9 26t-12 25zM833 321v0q-15 0 -25.5 -10.5t-10.5 -25.5v-277h-143v240q0 30 -21 51t-51 21h-140q-30 0 -51 -21t-21 -51
+v-240h-143v277q0 15 -10.5 25.5t-25.5 10.5v0q-15 0 -25.5 -10.5t-10.5 -25.5v-277q0 -30 21 -51t51 -21h570q30 0 51 21t21 51v277q0 15 -10.5 25.5t-25.5 10.5zM442 248h140v-240h-140v240z" />
+    <glyph glyph-name="laptop" unicode="&#xe65f;" 
+d="M887 760v0v0v-559v0l-752 -1v0v560v0h752zM887 832h-752q-30 0 -51 -21t-21 -51v-559q0 -30 21 -51t51 -21h752q30 0 51 21t21 51v559q0 30 -21 51t-51 21v0zM923 -16h-824q-15 0 -25.5 10.5t-10.5 25.5v0q0 15 10.5 25.5t25.5 10.5h824q15 0 25.5 -10.5t10.5 -25.5v0
+q0 -15 -10.5 -25.5t-25.5 -10.5z" />
+    <glyph glyph-name="star" unicode="&#xe660;" 
+d="M956 497.5q-8 23.5 -26.5 39t-42.5 19.5l-205 31l-92 195q-11 24 -33 37q-21 13 -45 13t-45 -13q-22 -13 -33 -37l-92 -195l-205 -31q-24 -4 -42.5 -19.5t-26.5 -39t-2.5 -47t22.5 -41.5l151 -154l-36 -218q-6 -40 20 -70.5t66 -30.5q22 0 42 11l181 100l181 -100
+q20 -11 42 -11q40 0 66 30.5t20 70.5l-36 218l151 154q17 18 22.5 41.5t-2.5 47z" />
+    <glyph glyph-name="staro" unicode="&#xe661;" 
+d="M512 760q9 0 13 -9l105 -222q3 -7 11 -9l235 -35q9 -2 12 -10.5t-4 -14.5l-171 -176q-5 -5 -4 -12l41 -247q1 -7 -3.5 -12t-11.5 -5q-4 0 -7 2l-209 115q-3 2 -7 2t-7 -2l-209 -115q-3 -2 -7 -2q-7 0 -11.5 5t-3.5 12l41 247q1 7 -4 12l-171 176q-7 6 -4 14.5t12 9.5
+l235 36q8 1 11 9l105 222q4 9 13 9zM512 832q-24 0 -45 -13q-22 -13 -33 -37l-92 -195l-205 -31q-24 -4 -42.5 -19.5t-26.5 -39t-2.5 -47t22.5 -41.5l151 -154l-36 -218q-6 -40 20 -70.5t66 -30.5q22 0 42 11l181 100l181 -100q20 -11 42 -11q40 0 66 30.5t20 70.5l-36 218
+l151 154q17 18 22.5 41.5t-2.5 47t-26.5 39t-42.5 19.5l-205 31l-92 195q-11 24 -33 37q-21 13 -45 13v0z" />
+    <glyph glyph-name="filter" unicode="&#xe663;" 
+d="M890.5 719.5q-9.5 23.5 -30.5 37t-46 13.5h-602q-25 0 -46 -13.5t-30.5 -37t-4.5 -48t22 -42.5l273 -263v-262q0 -15 11 -25l125 -129q10 -11 26 -11q6 0 13 2q23 9 23 34v393l248 261q18 18 23 42.5t-4.5 48zM821 680l-259 -272q-10 -10 -10 -25v-322l-54 58v262
+q0 15 -10 25l-284 274q-5 5 -2 11.5t10 6.5h602q7 0 9.5 -6.5t-2.5 -11.5z" />
+    <glyph glyph-name="meho" unicode="&#xe666;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM254 454q-25 0 -42.5 17.5t-17.5 42t17.5 42.5t42.5 18t42.5 -18t17.5 -42.5t-17.5 -42t-42.5 -17.5zM643 118
+h-264q-15 0 -25.5 10.5t-10.5 25.5t10.5 25.5t25.5 10.5h264q15 0 25.5 -10.5t10.5 -25.5t-10.5 -25.5t-25.5 -10.5zM769.5 454q-24.5 0 -42 17.5t-17.5 42t17.5 42.5t42 18t42.5 -18t18 -42.5t-18 -42t-42.5 -17.5z" />
+    <glyph glyph-name="meh" unicode="&#xe667;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM254 514zM194 513.5q0 24.5 17.5 42.5t42.5 18t42.5 -18t17.5 -42.5t-17.5 -42t-42.5 -17.5t-42.5 17.5t-17.5 42zM770 514zM710 513.5q0 24.5 17.5 42.5
+t42 18t42.5 -18t18 -42.5t-18 -42t-42.5 -17.5t-42 17.5t-17.5 42zM643 190h-264q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h264q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="shoppingcart" unicode="&#xe668;" 
+d="M923 194h-596l30 61l497 1q13 0 22.5 8t11.5 20l69 386q3 16 -7.5 28t-26.5 12l-632 3l-5 25q-3 12 -13 20t-22 8h-155q-14 0 -24.5 -10.5t-10.5 -25t10.5 -25t24.5 -10.5h126l24 -112l58 -281l-75 -122q-13 -18 -3 -37t32 -19h63q-21 -28 -21 -62q0 -43 30 -73t72.5 -30
+t72.5 30t30 73q0 34 -20 62h161q-21 -28 -21 -62q0 -43 30 -73t72.5 -30t72.5 30t30 73q0 34 -20 62h113q15 0 25 10t10 24.5t-10 25t-25 10.5zM306 643l576 -2l-57 -316l-452 -1zM403 30q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5t22.5 9.5t22 -9.5t9 -22.5t-9 -22.5t-22 -9.5z
+M728 30q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5t22.5 9.5t22 -9.5t9 -22.5t-9 -22.5t-22 -9.5z" />
+    <glyph glyph-name="save" unicode="&#xe669;" 
+d="M650 768h-450q-30 0 -51 -21t-21 -51v-623q0 -30 21 -51t51 -21h623q30 0 51 21t21 51v450zM329 696h217v-206q0 -15 -10.5 -25.5t-25.5 -10.5h-145q-15 0 -25.5 10.5t-10.5 25.5v206zM823 73h-623v623h57v-206q0 -45 31.5 -76.5t76.5 -31.5h145q44 0 76 32t32 76v206h2
+l203 -203v-420v0zM469 526q15 0 25.5 10.5t10.5 25.5v43q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-43q0 -15 10.5 -25.5t25.5 -10.5z" />
+    <glyph glyph-name="user" unicode="&#xe66a;" 
+d="M819 103q-25 60 -71 106t-106 71q-20 9 -42 15q61 20 107 66q81 81 81 195t-81 194.5t-195 80.5t-194.5 -80.5t-80.5 -194.5t80 -195q46 -46 107 -66q-23 -6 -42 -15q-60 -25 -106 -71t-71 -106q-26 -62 -26 -130q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5
+q0 108 76.5 185t185 77t185 -76.5t76.5 -185.5q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5q-1 68 -27 130zM309 556q0 84 59.5 143.5t143.5 59.5t143.5 -59.5t59.5 -143.5t-59.5 -144t-143.5 -60t-143.5 60t-59.5 144z" />
+    <glyph glyph-name="videocamera" unicode="&#xe66b;" 
+d="M1010 573q-11 10 -26 10q-9 0 -18 -5l-126 -67v188q0 29 -20.5 50t-50.5 21h-698q-29 0 -50 -21t-21 -50v-630q0 -29 21 -50t50 -21h698q30 0 50.5 21t20.5 50v203l123 -79q10 -6 22 -6q13 0 25 9q14 12 14 31v316q0 18 -14 30zM945 477v-178l-103 66v57zM761 667v-566
+q0 -10 -6.5 -17t-16.5 -7h-636q-9 0 -16 7t-7 17v566q0 10 7 17t16 7h636q10 0 16.5 -7t6.5 -17z" />
+    <glyph glyph-name="totop" unicode="&#xe66c;" 
+d="M920 74h-816q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h816q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM365.5 576q14.5 0 25.5 10l85 85v-449q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v449l85 -85q10 -10 25 -10t25.5 10.5t10.5 25.5
+t-10 25l-146 146q-11 11 -26 11t-25 -11l-147 -146q-10 -11 -10 -25.5t10.5 -25t25 -10.5z" />
+    <glyph glyph-name="team" unicode="&#xe66d;" 
+d="M839 409q-30 30 -67 47q44 23 72 64q35 51 35 113q0 84 -59 142.5t-142 58.5q-65 0 -117 -36q-45 -33 -67 -83q-60 64 -147 64q-84 0 -143 -59t-59 -142q0 -62 35 -113q28 -41 73 -65q-38 -17 -68 -47q-67 -67 -67 -161v-165q0 -37 26.5 -64t64.5 -27h276q27 0 49.5 15.5
+t33.5 40.5h248q37 0 64 26.5t27 63.5v165q-1 95 -68 162zM586 725q38 38 92 38t92 -38t38 -91.5t-38 -92t-92 -38.5t-92 38t-38 92t38 92zM216 578q0 54 38 92t92 38t92 -38t38 -92t-38 -92t-92 -38t-92 38t-38 92zM504 27q0 -8 -6 -13.5t-14 -5.5h-276q-8 0 -13.5 5.5
+t-5.5 13.5v165q0 65 46 111t111 46t112 -46l1 -1v-1q45 -46 45 -109v-165zM486 372q-21 17 -46 28q62 33 90 96q24 -25 54 -40q-38 -17 -68 -47q-17 -17 -30 -37zM835 82q0 -8 -5.5 -13.5t-13.5 -5.5h-241v129q0 69 -38 126q12 23 29 40q47 47 112 47t111 -46.5t46 -111.5
+v-165z" />
+    <glyph glyph-name="sharealt" unicode="&#xe671;" 
+d="M814 233q-38 0 -70.5 -18t-53.5 -49l-236 168q6 24 6 48q0 39 -15 75l257 130q45 -51 112 -51q61 0 104.5 43.5t43.5 104.5t-43.5 104.5t-104.5 43.5t-104.5 -43.5t-43.5 -104.5q0 -17 4 -33l-264 -133q-59 62 -144 62q-82 0 -140 -58t-58 -140t58 -140t140 -58
+q49 0 91.5 22.5t69.5 60.5l243 -172v-10q0 -61 43.5 -104.5t104.5 -43.5t104.5 43.5t43.5 104.5t-43.5 104.5t-104.5 43.5zM814 760q31 0 53.5 -22.5t22.5 -54t-22.5 -53.5t-53.5 -22t-53.5 22t-22.5 53.5t22.5 54t53.5 22.5zM262 256q-52 0 -89 37t-37 89t37 89t89 37
+t89 -37t37 -89t-37 -89t-89 -37zM814 9q-31 0 -53.5 22t-22.5 53.5t22.5 54t53.5 22.5t53.5 -22.5t22.5 -54t-22.5 -53.5t-53.5 -22z" />
+    <glyph glyph-name="setting" unicode="&#xe672;" 
+d="M962 456l-4 24l-73 25q-10 30 -24 58l34 69l-14 19q-43 60 -102 103l-20 14l-69 -35q-28 14 -58 24l-24 73l-24 4q-39 6 -72 6t-72 -6l-24 -4l-25 -73q-30 -10 -57 -24l-69 35l-20 -15q-59 -43 -102 -102l-14 -20l34 -69q-14 -28 -24 -57l-73 -25l-4 -24q-6 -39 -6 -72
+t6 -72l4 -24l73 -25q10 -30 24 -57l-34 -69l14 -20q22 -30 47 -55q23 -23 55 -47l20 -14l69 34q28 -14 57 -24l25 -73l24 -4q39 -6 72 -6t72 6l24 4l25 73q29 10 57 24l69 -35l20 15q32 23 55 47q24 23 47 55l14 20l-34 69q14 28 24 58l73 24l4 24q6 39 6 72t-6 72zM896 385
+v-1q0 -19 -2 -42l-36 -11l-31 -11l-10 -32q-8 -27 -21 -52l-16 -29l32 -63q-14 -17 -28 -31v-1q-14 -14 -32 -27l-62 31l-29 -15q-26 -13 -54 -22l-31 -10l-10 -31l-12 -35q-21 -3 -42 -3q-19 0 -42 3l-11 35l-11 31l-31 10q-28 9 -53 22l-29 15l-30 -15l-33 -16
+q-17 13 -31 28q-15 14 -28 31l31 62l-15 29q-14 27 -22 53l-10 32l-66 22q-3 21 -3 42q0 19 3 42l66 22l10 31q8 27 22 53l15 30l-15 29l-16 33q26 33 59 59l62 -31l30 15q25 14 53 22l31 10l10 31l12 36q23 2 42 2q20 0 42 -2l22 -67l31 -9q28 -9 54 -22l29 -16l62 32
+q33 -27 60 -60l-32 -62l15 -29q14 -26 23 -53l9 -32l31 -10l36 -12q3 -22 2 -41zM512 558q-72 0 -123 -51t-51 -123t51 -123t123 -51t123 51t51 123t-51 123t-123 51zM584 312q-30 -30 -72 -30t-72 30t-30 72t30 72t72.5 30t72 -30t29.5 -72t-30 -72z" />
+    <glyph glyph-name="picture" unicode="&#xe674;" 
+d="M886 768h-752q-30 0 -51 -21.5t-21 -50.5v-626q0 -29 21 -50.5t51 -21.5h752q30 0 51 21.5t21 50.5v626q0 30 -21 51t-51 21zM886 70v0h-752v0v213l186 190l217 -270q9 -10 22.5 -11.5t24.5 5.5l161 109l141 -67v-169zM886 330l-118 48q-21 16 -42 2l-156 -105l-222 275
+q-10 12 -26 12t-27 -11l-161 -165v310v0h752v0v-366zM696 622q-42 0 -71.5 -29.5t-29.5 -71.5t29.5 -71.5t71.5 -29.5t71.5 29.5t29.5 71.5t-29.5 71.5t-71.5 29.5zM696 492q-12 0 -20.5 8.5t-8.5 20.5t8.5 20.5t20.5 8.5t20.5 -8.5t8.5 -20.5t-8.5 -20.5t-20.5 -8.5z" />
+    <glyph glyph-name="phone" unicode="&#xe675;" 
+d="M914 733q-66 101 -128 101q-36 0 -64 -28q-48 -48 -77 -93q-44 -68 -29 -115q4 -15 17.5 -31t44.5 -47v0q32 -32 38 -41q10 -14 -19 -60q-27 -43 -99 -118q-61 -58 -99 -85q-48 -35 -71 -35q-5 0 -8 2q-9 7 -41 38q-32 32 -47.5 45t-30.5 17q-12 4 -25 4q-43 0 -100 -40
+q-40 -27 -82 -70q-33 -32 -28 -73q6 -57 100 -119q78 -50 176 -50q101 0 210.5 53.5t206.5 151.5q68 68 117 144q48 76 70 153q49 170 -32 296zM878 457q-20 -67 -63 -135q-43 -69 -106 -132q-44 -44 -92 -80q-47 -34 -95 -58q-47 -22 -93 -34q-45 -12 -87 -12
+q-77 0 -137 39q-35 23 -52 40q-16 16 -17 27q-1 7 8 15q39 39 72 62q39 27 60 27q2 0 3 -1q5 -2 12 -9q11 -9 38 -35q35 -36 49 -46l2 -1q21 -14 48 -14q24 0 52 12q27 11 61 36q41 30 106 91l1 1l2 2q76 80 107 129q16 25 24 47q7 20 8 37q2 31 -15 55q-10 14 -44 48l-2 2
+q-26 26 -35 37q-7 9 -9 13q-4 16 21 55q24 37 67 80v0q8 8 14 8q10 0 26 -15q18 -17 42 -54q31 -48 38 -106q6 -62 -14 -131z" />
+    <glyph glyph-name="paperclip" unicode="&#xe676;" 
+d="M885 629q-73 72 -177 72v0q-49 0 -94 -18q-46 -18 -82 -53l-233 -231q-42 -41 -41.5 -99.5t42 -100t100.5 -41.5h1q59 0 100 41l205 202q10 10 10 25t-10 25q-11 10 -25.5 10t-25.5 -10l-204 -202q-21 -21 -50 -21h-1q-30 1 -50 21q-21 21 -21 50.5t20 49.5l233 231
+q52 50 126 50v0q74 0 126.5 -51.5t52.5 -124.5t-52 -124l-247 -245q-76 -75 -186 -75v0q-110 0 -187 76.5t-77.5 184.5t76.5 184l319 316q10 10 10 24.5t-10 25.5q-11 10 -25.5 10t-25.5 -10l-319 -316q-47 -47 -73 -109q-24 -60 -24 -125t25 -125q25 -62 73 -110
+q48 -47 111 -72q60 -25 127 -25v0q66 0 126 24q63 25 110 72l248 245q35 35 54 81q18 45 18 93q0 103 -73 175z" />
+    <glyph glyph-name="notification" unicode="&#xe677;" 
+d="M922 518h-57v18q0 20 -14 34.5t-34 14.5h-172q-12 24 -33 24q-70 0 -145 22.5t-132 54.5t-103 63.5t-72 54t-25 22.5q-10 6 -22 6q-19 0 -33 -13.5t-14 -33.5v-801q0 -20 14 -34t33 -14q13 0 24 7q4 6 12.5 15t35 36t55.5 52t73.5 55t89 51.5t101 36.5t111.5 15
+q19 0 30 22h4q2 -74 -25 -171q-6 -20 1.5 -39.5t24.5 -31.5q16 -10 35 -10q22 0 40 15q84 69 105 169q7 34 6 68q4 5 10 14q19 29 19 45v23h57q15 0 25.5 10.5t10.5 25.5v138q0 15 -10.5 25.5t-25.5 10.5zM584 275q-92 -6 -186 -46q-84 -36 -167 -98q-48 -37 -93 -81v679
+q50 -39 104 -73q83 -51 165 -81q91 -33 177 -37v-2v-7v-253v-1zM793 291q-6 -10 -14 -21q-5 -3 -8 -7q-11 -13 -8 -30v0q4 -27 -3 -60q-13 -62 -59 -109q29 116 18 202q-2 14 -12 23t-24 9h-25v30q0 4 -2 9v176h137v-222zM886 380h-21v66h21v-66z" />
+    <glyph glyph-name="menuunfold" unicode="&#xe679;" 
+d="M925 695h-828q-15 0 -25.5 10.5t-10.5 25.5t10.5 25.5t25.5 10.5h828q15 0 25.5 -10.5t10.5 -25.5t-10.5 -25.5t-25.5 -10.5zM99 450h565q15 0 25.5 -10.5t10.5 -25.5t-10.5 -25.5t-25.5 -10.5h-565q-15 0 -25.5 10.5t-10.5 25.5t10.5 25.5t25.5 10.5zM97 72h825
+q15 0 25.5 -10.5t10.5 -25.5t-10.5 -25.5t-25.5 -10.5h-825q-15 0 -25.5 10.5t-10.5 25.5t10.5 25.5t25.5 10.5zM827 281q-11 -10 -26 -10t-25 11q-11 10 -11 25t11 25l96 94l-94 88q-11 11 -11.5 26t9.5 25.5t25 11t26 -9.5l121 -114q11 -11 11 -26t-11 -26z" />
+    <glyph glyph-name="inbox" unicode="&#xe67a;" 
+d="M885 450v0l-112 286q-4 12 -14 19.5t-23 7.5h-455q-13 0 -23 -8t-14 -20l-105 -282v-1v0q-2 -8 -1 -15v-5v-366q0 -25 17.5 -43t42.5 -18h628q25 0 43 18t18 43v366q0 3 -1 4q1 7 -1 14zM589 493v-16q0 -34 -21.5 -54.5t-55.5 -20.5t-55 20.5t-21 54.5l-1 16h-205l79 193
+h399l82 -193h-201zM214 416h158q18 -43 55 -67t85 -24q52 0 90 27q34 24 51 64h157v-334h-596v334z" />
+    <glyph glyph-name="lock" unicode="&#xe67b;" 
+d="M801 596q-24 60 -67 106q-43 45 -100 71q-58 26 -122 26t-122 -26q-56 -26 -99.5 -71.5t-67.5 -105.5q-25 -61 -25 -128v-436q0 -26 18 -45t43 -19h505q26 0 44 19t18 45v385v17v34q0 67 -25 128zM414 714h1l1 1q45 21 96 21q50 0 96 -21q45 -20 80 -57t54 -85
+q21 -50 21 -105v-27h-502v0v27q0 55 20 105q20 48 55 85t78 56zM763 377v-345v-1h-502v1v345h502zM483 235v-83q0 -12 8.5 -20.5t20.5 -8.5t21 8.5t9 20.5v83q24 16 24 46q0 22 -15.5 38t-38 16t-38.5 -16t-16 -38q0 -30 25 -46z" />
+    <glyph glyph-name="qrcode" unicode="&#xe67c;" 
+d="M876 492h-63v-103h-91v103h-153v102h-51v39h51v52h51v63h-51v51h-166v-63h103v-39h-52v-115h52v-90h-52v-52h-90v52h-63v-52h-39v52h-115v-52h-51v-63h63v51h91v-51h51v-102h63v102h102v52h193v-40h-153v-63h51v-102h114v63h-51v39h205v51h39v-51h63v63h-51v103zM466 287
+h-63v-166h51v-39h-51v-63h103v-51h63v51h51v63h-63v-51h-39v90h102v64h-154v102zM96 338h63v-63h-63v63zM153 531h154q23 0 40 17t17 40v154q0 23 -17 40t-40 17h-154q-23 0 -40 -17t-17 -40v-154q0 -23 17 -40t40 -17zM159 594v142h142v-142h-142zM198 697h64v-64h-64v64z
+M870 799h-154q-23 0 -40 -17t-17 -40v-154q0 -23 17 -40t40 -17h154q24 0 40.5 17t16.5 40v154q0 23 -16.5 40t-40.5 17zM864 736v-142h-142v142h142zM762 697h63v-64h-63v64zM870 236h-154q-23 0 -40 -17t-17 -40v-154q0 -24 17 -40.5t40 -16.5h154q24 0 40.5 16.5
+t16.5 40.5v154q0 23 -16.5 40t-40.5 17zM864 173v-142h-142v142h142zM762 133h63v-63h-63v63zM307 236h-154q-23 0 -40 -17t-17 -40v-154q0 -24 17 -40.5t40 -16.5h154q23 0 40 16.5t17 40.5v154q0 23 -17 40t-40 17zM301 173v-142h-142v142h142zM198 133h64v-63h-64v63z
+" />
+    <glyph glyph-name="tags" unicode="&#xe67d;" 
+d="M910 352l-360 362q-12 13 -30 13h-362q-26 0 -44 -18t-18 -43v-224q0 -17 12 -30l359 -354q18 -18 43.5 -18t44.5 18l28 28l28 -28q19 -18 44 -18t44 18l210 208q18 17 18 42.5t-17 43.5zM280 457q-32 0 -54.5 22.5t-22.5 54.5t22.5 54.5t54.5 22.5t54.5 -22.5
+t22.5 -54.5t-22.5 -54.5t-54.5 -22.5v0zM869 306l-210 -207q-2 -2 -4 -2t-4 2l-32 31l142 140q16 16 16 39t-16 39l-319 322h72l355 -358q1 -1 1 -3t-1 -3v0zM869 306zM280 560q-11 0 -18.5 -7.5t-7.5 -18.5t7.5 -18.5t18.5 -7.5t18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5v0z
+" />
+    <glyph glyph-name="tagso" unicode="&#xe67e;" 
+d="M280 617q-34 0 -58.5 -24t-24.5 -58.5t24.5 -59t58.5 -24.5t58.5 24.5t24.5 59t-24.5 58.5t-58.5 24zM280 514q-8 0 -14 6t-6 14t6 14t14 6t14 -6t6 -14t-6 -14t-14 -6zM910 352l-360 362q-12 13 -30 13h-362q-26 0 -44 -18t-18 -43v-224q0 -17 12 -30l359 -354
+q18 -18 43.5 -18t44.5 18l28 28l28 -28q19 -18 44 -18t44 18l210 208q18 17 18 42.5t-17 43.5zM765 266q18 17 18 42.5t-18 43.5l-309 312h56l351 -355l-208 -205l-27 26zM159 451v213h209l351 -355l-140 -138l-37 -36l-31 -31z" />
+    <glyph glyph-name="cloudo" unicode="&#xe67f;" 
+d="M702 35h-404q-48 0 -90.5 17t-76.5 50q-34 34 -52 76t-18 90q0 83 53 147q19 23 42 40q0 38 15 71q14 33 41 60l1 1q27 26 61 39.5t72 13.5q12 0 24 -1q24 26 54 46q72 48 159 48q58 0 109 -20q51 -21 92 -61q42 -41 63 -90q14 -34 19 -71q32 -25 55 -60l7 -11v-1
+q35 -59 35 -128q0 -52 -19 -99q-20 -46 -58 -83t-84 -56q-47 -18 -100 -18zM263 535q-18 -17 -26 -37v0q-9 -21 -9 -44q0 -7 1 -13l2 -23l-19 -12q-24 -14 -43 -37v0q-36 -44 -36 -101q0 -33 12 -62t36.5 -52.5t53.5 -35.5q29 -11 63 -11h404q39 0 72.5 13.5t61 40
+t41.5 59.5t14 71q0 54 -29 98l-2 4q-20 29 -49 49l-14 10l-2 17q-2 34 -15 64q-15 37 -47 67q-31 31 -68 46q-38 15 -82 15q-66 0 -119 -35q-30 -21 -51 -48l-15 -19l-23 6q-14 4 -30 3q-24 0 -44.5 -8t-37.5 -25z" />
+    <glyph glyph-name="cloud" unicode="&#xe680;" 
+d="M926 411v1l-1 2q-26 39 -65 66q-3 43 -20 82q-20 48 -59 86t-88 58q-48 19 -103 19q-84 0 -152 -45q-38 -26 -65 -61q-21 5 -42 5q-34 0 -64 -12t-54 -35q-25 -24 -37 -53q-13 -30 -13 -64q0 -10 1 -18q-31 -19 -56 -49q-48 -59 -48 -135q0 -44 16 -83t48 -70t71 -46.5
+t84 -15.5h440q50 0 94 17q44 18 79 53q36 35 54 78t18 92q0 70 -38 128z" />
+    <glyph glyph-name="cloudupload" unicode="&#xe681;" 
+d="M926 411v1l-1 2q-26 39 -65 66q-3 43 -20 82q-20 48 -59 86t-88 58q-48 19 -103 19q-84 0 -152 -45q-38 -26 -65 -61q-21 5 -42 5q-34 0 -64 -12t-54 -35q-25 -24 -37 -53q-13 -30 -13 -64q0 -10 1 -18q-31 -19 -56 -49q-48 -59 -48 -135q0 -44 16 -83t48 -70t71 -46.5
+t84 -15.5h440q50 0 94 17q44 18 79 53q36 35 54 78t18 92q0 70 -38 128zM751.5 367.5q-10.5 -10.5 -25.5 -10.5t-26 11l-68 68v-246q0 -15 -10.5 -25.5t-25.5 -10.5t-25.5 10.5t-10.5 25.5v246l-68 -69q-11 -10 -25.5 -10t-25 10.5t-10.5 25.5t10 25l130 130q10 10 25 10
+t25 -10l130 -130q11 -10 11 -25t-10.5 -25.5z" />
+    <glyph glyph-name="clouddownload" unicode="&#xe682;" 
+d="M926 411v1l-1 2q-26 39 -65 66q-3 43 -20 82q-20 48 -59 86t-88 58q-48 19 -103 19q-84 0 -152 -45q-38 -26 -65 -61q-21 5 -42 5q-34 0 -64 -12t-54 -35q-25 -24 -37 -53q-13 -30 -13 -64q0 -10 1 -18q-31 -19 -56 -49q-48 -59 -48 -135q0 -44 16 -83t48 -70t71 -46.5
+t84 -15.5h440q50 0 94 17q44 18 79 53q36 35 54 78t18 92q0 70 -38 128zM751 294l-129 -130q-11 -10 -26 -10t-25 10l-130 130q-10 10 -10 25t10.5 25.5t25 10.5t25.5 -11l68 -68v246q0 15 10.5 25.5t25.5 10.5t25.5 -10.5t10.5 -25.5v-246l69 68q10 11 25 11t25.5 -10.5
+t10.5 -25.5t-11 -25z" />
+    <glyph glyph-name="clouddownloado" unicode="&#xe683;" 
+d="M926 411v1l-1 2q-26 39 -65 66q-3 43 -20 82q-20 48 -59 86t-88 58q-48 19 -103 19q-84 0 -152 -45q-38 -26 -65 -61q-21 5 -42 5q-34 0 -64 -12t-54 -35q-25 -24 -37 -53q-13 -30 -13 -64q0 -10 1 -18q-31 -19 -56 -49q-48 -59 -48 -135q0 -44 16 -83t48 -70t71 -46.5
+t84 -15.5h440q50 0 94 17q44 18 79 53q36 35 54 78t18 92q0 70 -38 128zM142 203q-11 25 -11 55q0 25 8 47t24 42h1q17 22 40 35l38 22l-6 43q-1 5 -1 13q0 19 7 36v1q7 16 21 29t31 20t36 7q15 0 28 -4l43 -12l26 36q21 27 51 48q50 33 111 33q42 0 77 -15q36 -14 65 -42
+q29 -29 43 -63q13 -29 15 -63l1 -31l27 -18q27 -18 46 -45l2 -3q14 -21 21 -43.5t7 -47.5q0 -35 -13 -65t-38.5 -54.5t-55.5 -36.5q-31 -13 -67 -13h-440q-31 0 -57 11q-25 10 -48 31q-21 21 -31 45v0zM466.5 355q14.5 0 25.5 -11l68 -68v246q0 15 10.5 25.5t25.5 10.5
+t25.5 -10.5t10.5 -25.5v-246l69 68q10 11 25 11t25.5 -10.5t10.5 -25.5t-11 -25l-129 -130q-11 -10 -26 -10t-25 10l-130 130q-10 10 -10 25t10.5 25.5t25 10.5z" />
+    <glyph glyph-name="clouduploado" unicode="&#xe684;" 
+d="M926 411v1l-1 2q-26 39 -65 66q-3 43 -20 82q-20 48 -59 86t-88 58q-48 19 -103 19q-84 0 -152 -45q-38 -26 -65 -61q-21 5 -42 5q-34 0 -64 -12t-54 -35q-25 -24 -37 -53q-13 -30 -13 -64q0 -10 1 -18q-31 -19 -56 -49q-48 -59 -48 -135q0 -44 16 -83t48 -70t71 -46.5
+t84 -15.5h440q50 0 94 17q44 18 79 53q36 35 54 78t18 92q0 70 -38 128zM142 203q-11 25 -11 55q0 25 8 47t24 42h1q17 22 40 35l38 22l-6 43q-1 5 -1 13q0 19 7 36v1q7 16 21 29t31 20t36 7q15 0 28 -4l43 -12l26 36q21 27 51 48q50 33 111 33q42 0 77 -15q36 -14 65 -42
+q29 -29 43 -63q13 -29 15 -63l1 -31l27 -18q27 -18 46 -45l2 -3q14 -21 21 -43.5t7 -47.5q0 -35 -13 -65t-38.5 -54.5t-55.5 -36.5q-31 -13 -67 -13h-440q-31 0 -57 11q-25 10 -48 31q-21 21 -31 45v0zM466.5 357q14.5 0 25.5 11l68 68v-246q0 -15 10.5 -25.5t25.5 -10.5
+t25.5 10.5t10.5 25.5v246l69 -68q10 -11 25 -11t25.5 10.5t10.5 25.5t-11 25l-129 130q-11 10 -26 10t-25 -10l-130 -130q-10 -10 -10 -25t10.5 -25.5t25 -10.5z" />
+    <glyph glyph-name="enviroment" unicode="&#xe685;" 
+d="M512 592q-54 0 -92 -38.5t-38 -92.5t38 -92t92 -38t92 38t38 92t-38 92.5t-92 38.5zM871 621q-31 62 -86 109t-125 74q-71 26 -148 26v0q-77 0 -149 -26q-69 -27 -124 -74t-86 -109q-32 -64 -32 -133q0 -97 47 -197q39 -83 109 -164q92 -108 212 -192q10 -7 22.5 -7
+t23.5 7q120 85 212 192q70 82 109 164q47 100 47 197q0 69 -32 133zM655 319q-59 -59 -143 -59t-143 59t-59 142.5t59 142.5t143 59t143 -59t59 -142.5t-59 -142.5z" />
+    <glyph glyph-name="enviromento" unicode="&#xe686;" 
+d="M512 663q-84 0 -143 -59t-59 -142.5t59 -142.5t143 -59t143 59t59 142.5t-59 142.5t-143 59zM512 331q-54 0 -92 38t-38 92t38 92.5t92 38.5t92 -38.5t38 -92.5t-38 -92t-92 -38zM871 621q-31 62 -86 109t-125 74q-71 26 -148 26v0q-77 0 -149 -26q-69 -27 -124 -74
+t-86 -109q-32 -64 -32 -133q0 -97 47 -197q39 -83 109 -164q92 -108 212 -192q10 -7 22.5 -7t23.5 7q120 85 212 192q70 82 109 164q47 100 47 197q0 69 -32 133zM831 487q0 -81 -40 -166q-34 -73 -98 -148q-77 -90 -181 -166q-104 76 -181 166q-63 75 -98 148
+q-40 85 -40 167q0 53 24 102q25 48 69 86q45 39 102 61q60 22 124 22v0q64 0 124 -22q57 -22 102 -61q45 -38 69 -86q24 -50 24 -103z" />
+    <glyph glyph-name="eye" unicode="&#xe687;" 
+d="M512 487q-42 0 -72 -30t-30 -72t30 -72t72 -30t72 30t30 72t-30 72t-72 30zM963 384q0 14 -21 62q-26 65 -61 109q-57 71 -139 112q-99 50 -230 50t-231 -50q-80 -41 -138 -112q-34 -43 -61 -109q-21 -48 -21 -62v0v0v0v0q0 -14 21 -62q27 -66 61 -109q57 -71 139 -112
+q100 -50 230 -50t230 50q81 41 139 112q35 44 62 109q20 48 20 62v0v0v0v0zM512 212q-72 0 -122.5 50.5t-50.5 122t50.5 122.5t122.5 51t122.5 -51t50.5 -122.5t-50.5 -122t-122.5 -50.5z" />
+    <glyph glyph-name="eyeo" unicode="&#xe688;" 
+d="M963 384q0 14 -21 62q-26 65 -61 109q-57 71 -139 112q-99 50 -230 50t-231 -50q-80 -41 -138 -112q-34 -43 -61 -109q-21 -48 -21 -62v0v0v0v0q0 -14 21 -62q27 -66 61 -109q57 -71 139 -112q100 -50 230 -50t230 50q81 41 139 112q35 44 62 109q20 48 20 62v0v0v0v0z
+M889 384q-25 -77 -64 -126h-1q-46 -59 -114 -93q-85 -42 -198.5 -42t-198.5 42q-67 34 -114 93q-40 49 -65 126q25 77 65 126q47 59 114 93q85 43 199 43t198 -43q67 -33 114 -93q40 -49 65 -126zM512 558q-72 0 -122.5 -50.5t-50.5 -122.5t50.5 -122.5t122.5 -50.5
+t122.5 50.5t50.5 122.5t-50.5 122.5t-122.5 50.5zM614 385q0 -42 -30 -72t-72 -30t-72 30t-30 72t30 72t72 30t72 -30t30 -72z" />
+    <glyph glyph-name="camera" unicode="&#xe689;" 
+d="M899 659h-168l-94 100h-1q-10 10 -26 10h-196q-16 0 -27 -10v0l-94 -100h-168q-26 0 -44.5 -18.5t-18.5 -44.5v-532q0 -26 18.5 -44.5t44.5 -18.5l774 -1q26 0 44.5 19t18.5 45v532q0 26 -18.5 44.5t-44.5 18.5zM428 696h168l35 -37h-238zM511 164q-72 0 -123 51t-51 123
+t51 123t123 51t123 -51t51 -123t-51 -123t-123 -51zM511 440q-42 0 -72 -30t-30 -72.5t30 -72.5t72.5 -30t72.5 30t30 72.5t-30 72.5t-73 30z" />
+    <glyph glyph-name="camerao" unicode="&#xe68a;" 
+d="M511 164q72 0 123 51t51 123t-51 123t-123 51t-123 -51t-51 -123t51 -123t123 -51zM439 410q30 30 72.5 30t72.5 -30t30 -72.5t-30 -72.5t-72.5 -30t-72.5 30t-30 72.5t30 72.5zM899 659h-168l-94 100h-1q-10 10 -26 10h-196q-16 0 -27 -10v0l-94 -100h-168
+q-26 0 -44.5 -18.5t-18.5 -44.5v-532q0 -26 18.5 -44.5t44.5 -18.5l774 -1q26 0 44.5 19t18.5 45v532q0 26 -18.5 44.5t-44.5 18.5zM428 696h168l35 -37h-238zM881 81h-739v497h739v-497z" />
+    <glyph glyph-name="windows" unicode="&#xe68b;" 
+d="M527 27l434 -71v401h-434v-330zM527 758v-329h434v401zM68 429h367v317l-367 -61v-256zM68 99l367 -60v318h-367v-258z" />
+    <glyph glyph-name="export2" unicode="&#xe690;" 
+d="M248.5 473q14.5 0 25 10.5t10.5 25.5v203q0 8 5.5 13.5t13.5 5.5h567q8 0 13 -5.5t5 -13.5v-587q0 -7 -5 -12.5t-13 -5.5h-255q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h255q37 0 63.5 26.5t26.5 63.5v587q0 38 -26.5 64t-63.5 26h-567q-38 0 -64 -26
+t-26 -64v-203q0 -15 10.5 -25.5t25 -10.5zM622 263q44 66 55 136q2 14 -7 26t-23 14q-3 1 -5 1q-14 0 -24 -9t-12 -22l-3.5 -17.5t-14 -40t-26.5 -50.5q-70 -104 -206 -104h-4q-14 0 -25 -10.5t-11 -25.5v-42l-100 96l101 84v-35q0 -14 10.5 -24.5t25 -10.5t25 10.5
+t10.5 24.5v111q0 23 -20 33q-7 3 -16 3q-12 0 -22 -8l-190 -159q-13 -10 -13 -26q-1 -16 11 -27l190 -181q17 -16 38.5 -7t21.5 33v91q152 13 234 136z" />
+    <glyph glyph-name="export" unicode="&#xe691;" 
+d="M838 330q-15 0 -25.5 -10.5t-10.5 -25.5v-204q0 -8 -5.5 -13t-12.5 -5h-567q-8 0 -13.5 5t-5.5 13v587q0 8 5.5 13.5t13.5 5.5h254q15 0 25.5 10.5t10.5 25t-10.5 25t-25.5 10.5h-254q-37 0 -63.5 -26t-26.5 -64v-587q0 -37 26.5 -63.5t63.5 -26.5h567q37 0 63.5 26.5
+t26.5 63.5v204q0 15 -10.5 25.5t-25.5 10.5zM464 540q-45 -68 -54 -136q-2 -15 7 -26.5t23 -13.5q2 -1 5 -1q13 0 23.5 9t12.5 22q0 5 3 17.5t14 40t27 50.5q70 103 206 104l3 -1q15 0 25.5 10.5t10.5 25.5v42l101 -95l-101 -84v34q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5
+t-10.5 -25.5v-111q0 -22 21 -32q7 -3 15 -3q13 0 23 8l190 158q12 11 13 26q0 17 -11 28l-190 181q-17 16 -39 6.5t-22 -32.5v-91q-152 -13 -234 -136z" />
+    <glyph glyph-name="circledowno" unicode="&#xe693;" 
+d="M512 895q-104 0 -199 -40.5t-163.5 -109t-109 -163t-40.5 -199t40.5 -199t109 -163t163.5 -109t199 -40.5t198.5 40.5t163 109t109 163t40.5 199t-40.5 199t-109 163t-163 109t-198.5 40.5zM822 73q-61 -61 -139 -94q-82 -35 -171.5 -35t-171.5 35q-79 33 -139.5 94
+t-94.5 140q-34 81 -34 170.5t35 171.5q33 79 94 139.5t140 94.5q81 34 170.5 34t171.5 -34q79 -34 139.5 -95t94.5 -139q34 -82 34 -171.5t-34 -171.5q-34 -78 -95 -139zM768 520q-16 0 -28 -12l-229 -229l-228 228q-12 12 -28.5 12t-28 -11.5t-11.5 -28t12 -28.5l256 -255
+q11 -12 27.5 -12t28.5 12l257 256q12 12 12 28.5t-12 27.5q-12 12 -28 12z" />
+    <glyph glyph-name="circledown" unicode="&#xe694;" 
+d="M512 895q-104 0 -199 -40.5t-163.5 -109t-109 -163t-40.5 -199t40.5 -199t109 -163t163.5 -109t199 -40.5t198.5 40.5t163 109t109 163t40.5 199t-40.5 199t-109 163t-163 109t-198.5 40.5zM796 452l-258 -256q-11 -12 -27 -12q-17 0 -28 12l-256 255q-12 12 -12 28.5
+t11.5 28t28 11.5t28.5 -12l227 -228l230 229q12 12 28.5 12t28 -11.5t11.5 -28.5q0 -16 -12 -28z" />
+    <glyph glyph-name="hdd" unicode="&#xe69a;" 
+d="M786 765v0q-4 15 -17 24.5t-29 9.5h-462q-16 0 -29 -9.5t-17 -24.5v0q-3 -8 -68 -243q-68 -245 -68 -248v-257q0 -20 14.5 -34.5t34.5 -14.5h733q20 0 34.5 14.5t14.5 34.5l1 265zM864 224v-193h-705v193h705zM861 287h-699l127 449h440zM588 70q13 0 22.5 9.5t9.5 22.5
+v51q0 13 -9.5 22.5t-22.5 9.5t-22 -9.5t-9 -22.5v-51q0 -13 9 -22.5t22 -9.5zM691 70q13 0 22.5 9.5t9.5 22.5v51q0 13 -9.5 22.5t-22.5 9.5t-22 -9.5t-9 -22.5v-51q0 -13 9 -22.5t22 -9.5zM794 70q13 0 22 9.5t9 22.5v51q0 13 -9 22.5t-22 9.5t-22.5 -9.5t-9.5 -22.5v-51
+q0 -13 9.5 -22.5t22.5 -9.5z" />
+    <glyph glyph-name="ie" unicode="&#xe69b;" 
+d="M878 548q24 66 22 118q-3 57 -37 91q-33 33 -111.5 27.5t-173.5 -47.5q-13 1 -27 1q-65 0 -126 -21q-58 -21 -107 -60q-101 -80 -132 -203l-7 -28l17 22q69 89 150 136q-22 -21 -25 -25q-73 -73 -126 -159q-49 -80 -75 -160q-25 -75 -24 -135t28 -88q37 -36 99 -36
+q69 0 160 44q78 -39 168 -39q121 0 219 70t137 184l3 8h-213l-1 -3q-21 -38 -58 -60t-80.5 -22t-80.5 22t-57 60q-18 32 -19 69h319h204l1 5q2 20 2 43q0 100 -49 186zM201 222q45 -111 146 -177q-54 -23 -95 -26q-45 -3 -67 20q-23 23 -19 71t35 112zM859 578
+q-30 42 -70 75q-39 32 -85 53q108 42 149 1q37 -38 6 -129zM402 423q5 57 48 96t101 39t100.5 -39t48.5 -96h-298z" />
+    <glyph glyph-name="delete" unicode="&#xe69f;" 
+d="M178 -50q-1 0 -3 1l1 -0.5t2 -0.5zM170 -46q-3 2 -5 3q2 -1 5 -3zM950.5 692.5q-10.5 10.5 -26.5 10.5h-184v58q0 29 -21 49.5t-50 20.5h-314q-30 0 -50.5 -20.5t-20.5 -49.5v-58h-185q-15 0 -25.5 -10.5t-10.5 -25t10.5 -25t25.5 -10.5h31v-623q0 -29 21 -49.5t50 -20.5
+h632q29 0 50 20.5t21 49.5v623h20q15 0 26 10.5t11 25t-10.5 25zM354 760h315v-57h-315v57zM833 9h-632v623h91h541v-623v0zM511.5 512q-14.5 0 -25 -10.5t-10.5 -25.5v-334q0 -15 10.5 -25.5t25 -10.5t25 10.5t10.5 25.5v334q0 15 -10.5 25.5t-25 10.5zM317 512
+q-15 0 -25.5 -10.5t-10.5 -25.5v-334q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v334q0 15 -10.5 25.5t-25.5 10.5zM704 512q-15 0 -25.5 -10.5t-10.5 -25.5v-334q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v334q0 15 -10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="enter" unicode="&#xe6a0;" 
+d="M900 510v192q0 17 -11.5 28.5t-28 11.5t-28.5 -11.5t-12 -28.5v-192q0 -92 -65 -157t-157 -65h-340l113 112q11 12 11 28.5t-11.5 28t-28 11.5t-28.5 -12l-178 -178q-12 -12 -12 -28.5t12 -28.5l183 -183q12 -12 28.5 -12t28.5 11.5t12 28t-12 28.5l-114 114h336
+q125 0 213.5 88.5t88.5 213.5z" />
+    <glyph glyph-name="pushpino" unicode="&#xe6a1;" 
+d="M303 728q2 -10 1 -20l-1 -36l29 -23l214 -170l30 -24l37 12q44 15 90 15q49 0 95 -16q26 -10 51 -24l-169 -170l-43 -43l-13 -13v0l-169 -170q-27 45 -36 96q-13 72 10 141l12 37l-24 30l-170 214l-23 29l-36 -1h-1.5h-2.5q-8 0 -16 1zM318 831q-14 0 -24 -10l-219 -219
+q-11 -11 -9.5 -27t14.5 -24q48 -31 104 -31h6l170 -215q-28 -84 -11.5 -175.5t74.5 -163.5q11 -13 27 -13q14 0 24 10l206 207l223 -223q10 -10 23.5 -10t23 9.5t9.5 23t-10 23.5l-223 223l206 207q11 11 10 26t-13 25q-98 80 -226 80q-57 0 -112 -18l-215 170q2 60 -30 110
+q-10 15 -28 15v0z" />
+    <glyph glyph-name="pushpin" unicode="&#xe6a2;" 
+d="M949 -7l-223 223l206 207q11 11 10 26t-13 25q-72 58 -163 74t-175 -12l-215 170q2 60 -30 110q-9 13 -25 14.5t-27 -9.5l-219 -219q-11 -11 -9.5 -27t14.5 -24q50 -33 110 -31l170 -215q-28 -84 -11.5 -175.5t74.5 -163.5q10 -12 25 -13t26 10l206 207l223 -223
+q10 -10 23.5 -10t23 9.5t9.5 23t-10 23.5z" />
+    <glyph glyph-name="heart" unicode="&#xe6a3;" horiz-adv-x="1025" 
+d="M1000 648q-23 56 -66 99q-84 85 -201 85q-64 0 -121.5 -28t-99.5 -79q-42 51 -99.5 79t-121.5 28q-117 0 -201 -86q-43 -43 -66 -99q-25 -59 -24 -122q1 -69 29 -130.5t79 -104.5q5 -4 9 -8q14 -12 113 -102q208 -191 257 -235q11 -9 25 -9t25 9q33 30 181 165
+q158 144 196 179q52 43 81 105t29 132q0 64 -24 122z" />
+    <glyph glyph-name="hearto" unicode="&#xe6a4;" horiz-adv-x="1025" 
+d="M1000 648q-23 56 -66 99q-84 85 -201 85q-64 0 -121.5 -28t-99.5 -79q-42 51 -99.5 79t-121.5 28q-117 0 -201 -86q-43 -43 -66 -99q-25 -59 -24 -122q1 -69 29 -130.5t79 -104.5q5 -4 9 -8q14 -12 113 -102q208 -191 257 -235q11 -9 25 -9t25 9q33 30 181 165
+q158 144 196 179q52 43 81 105t29 132q0 64 -24 122zM568 672q30 40 73.5 61.5t91.5 21.5q85 0 147 -62q32 -32 49 -74q18 -44 18 -93q0 -53 -22 -101q-22 -46 -60 -77l-2 -2q-62 -55 -197 -180q-108 -98 -154 -140q-58 53 -202 184l-48 44q-76 69 -94 85q-1 2 -2 3
+q-6 4 -8 7q-39 32 -60 78.5t-21 97.5q-1 49 18 93q17 42 49 74q62 63 147 63q48 0 91.5 -22t73.5 -61q21 -28 56 -28t56 28z" />
+    <glyph glyph-name="smile-circle" unicode="&#xe6a7;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM254 454q-25 0 -42.5 17.5t-17.5 42t17.5 42.5t42.5 18t42.5 -18t17.5 -42.5t-17.5 -42t-42.5 -17.5zM512 130
+q-68 0 -116 48.5t-48 116.5q0 15 10.5 25.5t25.5 10.5t25.5 -10.5t10.5 -25.5q0 -38 27 -65.5t65 -27.5t65 27.5t27 65.5q0 15 10.5 25.5t25.5 10.5t25.5 -10.5t10.5 -25.5q0 -68 -48 -116.5t-116 -48.5zM769.5 454q-24.5 0 -42 17.5t-17.5 42t17.5 42.5t42 18t42.5 -18
+t18 -42.5t-18 -42t-42.5 -17.5z" />
+    <glyph glyph-name="smileo" unicode="&#xe6a8;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM640 331q-15 0 -25.5 -10.5t-10.5 -25.5q0 -38 -27 -65.5t-65 -27.5t-65 27.5t-27 65.5q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5
+q0 -68 48 -116.5t116 -48.5t116 48.5t48 116.5q0 15 -10.5 25.5t-25.5 10.5zM254 514zM194 513.5q0 24.5 17.5 42.5t42.5 18t42.5 -18t17.5 -42.5t-17.5 -42t-42.5 -17.5t-42.5 17.5t-17.5 42zM770 514zM710 513.5q0 24.5 17.5 42.5t42 18t42.5 -18t18 -42.5t-18 -42
+t-42.5 -17.5t-42 17.5t-17.5 42z" />
+    <glyph glyph-name="frowno" unicode="&#xe6a9;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171
+q34 79 95 140t140 94q81 35 171 35t171 -34q79 -34 140 -95t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140zM640 130q-15 0 -25.5 11t-10.5 25q0 39 -27 66t-65 27t-65 -27t-27 -66q0 -14 -10.5 -25t-25.5 -11t-25.5 11t-10.5 25q0 68 48 116.5t116 48.5t116 -48.5
+t48 -116.5q0 -14 -10.5 -25t-25.5 -11zM254 514zM194 513.5q0 24.5 17.5 42.5t42.5 18t42.5 -18t17.5 -42.5t-17.5 -42t-42.5 -17.5t-42.5 17.5t-17.5 42zM770 514zM710 513.5q0 24.5 17.5 42.5t42 18t42.5 -18t18 -42.5t-18 -42t-42.5 -17.5t-42 17.5t-17.5 42z" />
+    <glyph glyph-name="calculator" unicode="&#xe6aa;" 
+d="M857 832h-689q-16 0 -27.5 -11.5t-11.5 -27.5v-818q0 -16 11.5 -27.5t27.5 -11.5h689q16 0 27 11.5t11 27.5v818q0 16 -11 27.5t-27 11.5zM818 14h-612v740h612v-740v0zM324 410h377q16 0 27.5 11.5t11.5 27.5v185q0 16 -11.5 27.5t-27.5 11.5h-377q-16 0 -27.5 -11.5
+t-11.5 -27.5v-185q0 -16 11.5 -27.5t27.5 -11.5zM362 595h300v-108h-300v108zM293 189h23v-23q0 -16 11.5 -27.5t27.5 -11.5t27.5 11.5t11.5 27.5v23h23q16 0 27.5 11.5t11.5 27.5t-11.5 27t-27.5 11h-23v24q0 16 -11.5 27t-27.5 11t-27.5 -11t-11.5 -27v-24h-23
+q-16 0 -27.5 -11t-11.5 -27t11.5 -27.5t27.5 -11.5zM607 328q-16 0 -27.5 -11t-11.5 -27t11.5 -27.5t27.5 -11.5h124q16 0 27.5 11.5t11.5 27.5t-11.5 27t-27.5 11h-124zM731 162h-124q-16 0 -27.5 -11.5t-11.5 -27.5t11.5 -27.5t27.5 -11.5h124q16 0 27.5 11.5t11.5 27.5
+t-11.5 27.5t-27.5 11.5z" />
+    <glyph glyph-name="chrome" unicode="&#xe6ac;" horiz-adv-x="1025" 
+d="M258 449l-146 254q71 90 176 141.5t224 51.5q138 0 255.5 -68t185.5 -183h-418q-11 1 -23 1q-90 0 -161 -55.5t-93 -141.5v0zM695 571h294q35 -90 35 -187q0 -103 -40 -197.5t-107.5 -163t-161.5 -109.5t-197 -42l209 363q47 67 47 149q0 110 -79 187v0v0zM326 384
+q0 77 54.5 131.5t131.5 54.5t131.5 -54.5t54.5 -131.5t-54.5 -131.5t-131.5 -54.5t-131.5 54.5t-54.5 131.5zM582 131l-146 -253q-122 18 -222 89t-157 181t-57 236q0 135 66 251l209 -362q32 -68 96 -109.5t141 -41.5q36 0 70 9z" />
+    <glyph glyph-name="github" unicode="&#xe6ad;" horiz-adv-x="1025" 
+d="M0 371q0 -166 95.5 -298.5t247.5 -185.5q6 -1 10 -1t6.5 1.5t4 3t2 5t0.5 5v6v6.5v88q-37 -4 -66 0.5t-45.5 14t-29 23.5t-17 25.5t-9 24t-5.5 14.5q-9 15 -27 27.5t-27 20t-2 14.5q50 26 113 -66q34 -51 119 -30q10 41 40 70q-116 21 -172 86t-56 158q0 87 55 151
+q-22 65 6 137q29 2 65 -11.5t50.5 -23t25.5 -17.5q57 16 128.5 16t129.5 -16q13 9 29 19t49 21.5t61 9.5q27 -71 7 -135q56 -64 56 -151q0 -93 -57 -158.5t-172 -85.5q43 -43 43 -104v-129q0 -1 1 -3q0 -6 0.5 -9t4.5 -6t12 -3q153 52 250.5 185.5t97.5 300.5
+q0 104 -40.5 199t-109 163.5t-163.5 109t-199 40.5t-199 -40.5t-163.5 -109t-109 -163.5t-40.5 -199v0z" />
+    <glyph glyph-name="iconfontdesktop" unicode="&#xe6b4;" 
+d="M902 766h-779q-23 0 -40 -17t-17 -40v-480q0 -24 17 -40.5t40 -16.5h357v-108h-147q-13 0 -22.5 -9.5t-9.5 -22.5t9.5 -22t22.5 -9h358q13 0 22.5 9t9.5 22t-9.5 22.5t-22.5 9.5h-148v108h359q24 0 40.5 16.5t16.5 40.5v480q0 23 -16.5 40t-40.5 17zM896 703v-468h-767
+v468h767z" />
+    <glyph glyph-name="caretcircleoup" unicode="&#xe6b5;" 
+d="M512 895q-104 0 -199 -40.5t-163.5 -109t-109 -163.5t-40.5 -199t40.5 -198.5t109 -163t163.5 -109t199 -40.5t198.5 40.5t163 109t109 163t40.5 198.5t-40.5 199t-109 163.5t-163 109t-198.5 40.5zM828 67q-62 -62 -142 -96q-83 -35 -174 -35t-174 35q-81 34 -143 96
+t-96 142q-35 83 -35 174t35 175q34 80 96 142t142 96q83 35 174.5 35t174.5 -35q80 -34 142 -96t96 -142q35 -83 35 -174.5t-35 -174.5q-34 -80 -96 -142zM528 559q-7 7 -16 7h-1q-10 0 -16 -7l-229 -244q-10 -11 -4.5 -25t21.5 -14h457q16 0 22 14t-5 25z" />
+    <glyph glyph-name="upload" unicode="&#xe6b6;" 
+d="M488 822q10 10 24 10t24 -10l156 -156q10 -10 10 -24.5t-10 -24.5t-24 -10t-25 10l-96 97v-578q0 -14 -10.5 -24t-24.5 -10t-24.5 10t-10.5 24v578l-97 -97q-10 -10 -24 -10t-24 10t-10 24.5t10 24.5zM924.5 256q-14.5 0 -24.5 -10.5t-10 -24.5v-195q0 -9 -6 -15t-15 -6
+h-716q-9 0 -15 6t-6 15v195q0 14 -10 24.5t-24.5 10.5t-24.5 -10.5t-10 -24.5v-223q0 -26 18 -44t44 -18h772q26 0 44 18.5t18 43.5v223q0 14 -10 24.5t-24.5 10.5z" />
+    <glyph glyph-name="download" unicode="&#xe6b7;" 
+d="M488 112q10 -10 24 -10t24 10l156 156q11 10 11 24t-10.5 24.5t-24.5 10.5t-24 -11l-97 -96v577q0 15 -10.5 25t-24.5 10t-24 -10t-10 -25v-577l-97 97q-11 10 -25 10t-24 -10.5t-10 -24.5t10 -24zM924.5 256q-14.5 0 -24.5 -10.5t-10 -24.5v-195q0 -9 -6 -15t-15 -6
+h-716q-9 0 -15 6t-6 15v195q0 14 -10 24.5t-24.5 10.5t-24.5 -10.5t-10 -24.5v-223q0 -26 18 -44t44 -18h772q26 0 44 18.5t18 43.5v223q0 14 -10 24.5t-24.5 10.5z" />
+    <glyph glyph-name="piechart" unicode="&#xe6b8;" 
+d="M467 -128q95 0 180 36t150 101l-330 328v465q-95 0 -181.5 -36.5t-149 -99t-99.5 -148.5t-37 -180.5t37 -181t99.5 -148.5t149 -99t181.5 -37v0v0zM531 404h493q0 100 -39 191t-105 157t-157.5 105t-191.5 39v-492v0zM557 339l332 -327q64 64 99.5 148.5t35.5 178.5h-467
+v0z" />
+    <glyph glyph-name="lock1" unicode="&#xe6b9;" 
+d="M824 614q-26 64 -73 113q-46 50 -107 77q-63 28 -132 28t-132 -28q-61 -27 -108 -76.5t-72 -113.5q-27 -66 -27 -139v-470q0 -29 19.5 -49t46.5 -20h545q28 0 47.5 20t18.5 49v415l1 19v36q0 72 -27 139zM407 741v0l1 1q49 22 104 22q54 0 104 -22q48 -22 86 -62
+q38 -39 59 -92t21 -113v-29h-541v0v29q0 59 22 113q21 53 59 92.5t85 60.5zM783 378v-373q0 -1 -1 -1h-540q-1 0 -1 1v373h542zM480 224v-90q0 -13 9.5 -22t22.5 -9t22.5 9t9.5 22v90q27 17 27 49q0 25 -17.5 42t-41.5 17t-41.5 -17t-17.5 -42q0 -32 27 -49z" />
+    <glyph glyph-name="unlock" unicode="&#xe6ba;" 
+d="M241 446v30q0 58 22 113q21 52 59 91q38 40 85 61v0l1 1q49 22 104 22q54 0 104 -22q48 -22 86 -61q21 -23 53 -83q10 -20 31 -20h14q14 0 21.5 11.5t2.5 24.5v0q-26 64 -73 113q-46 50 -107 77q-63 28 -132 28t-132 -28q-61 -27 -108 -76.5t-72 -113.5q-27 -66 -27 -139
+v-470q0 -29 19.5 -49t46.5 -20h545q28 0 47 20t19 49l1 377q0 26 -19 45t-45 19h-546v0zM783 5q0 -1 -1 -1h-540q-1 0 -1 1v373h542v-373zM480 224v-90q0 -13 9.5 -22t22.5 -9t22.5 9t9.5 22v90q27 17 27 49q0 25 -17.5 42t-41.5 17t-41.5 -17t-17.5 -42q0 -32 27 -49z" />
+    <glyph glyph-name="windowso" unicode="&#xe6bc;" 
+d="M527 27l434 -71v401h-434v-330zM599 285h290v-244l-290 47v197zM527 758v-329h434v401zM889 501h-290v196l290 48v-244zM68 429h367v317l-367 -61v-256zM140 624l223 37v-160h-223v123zM68 99l367 -60v318h-367v-258zM140 285h223v-161l-223 36v125z" />
+    <glyph glyph-name="dotchart" unicode="&#xe6bd;" 
+d="M923 8h-788v789q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-825q0 -15 10.5 -25.5t25.5 -10.5h824q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM319 259zM253 259.5q0 27.5 19 46.5t46.5 19t47 -19t19.5 -46.5t-19.5 -47t-47 -19.5t-46.5 19.5t-19 47z
+M598 299zM512 299q0 35 25 60t60.5 25t60.5 -25t25 -60t-25 -60t-60.5 -25t-60.5 25t-25 60zM623 514zM563 514q0 25 17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5t-17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5zM850 657zM805 657.5q0 18.5 13 32t32 13.5t32.5 -13.5
+t13.5 -32t-13.5 -32t-32.5 -13.5t-32 13.5t-13 32zM863 466zM830 466q0 14 9.5 23.5t23.5 9.5t23.5 -9.5t9.5 -23.5t-9.5 -23.5t-23.5 -9.5t-23.5 9.5t-9.5 23.5z" />
+    <glyph glyph-name="barchart" unicode="&#xe6be;" 
+d="M923 -64h-824q-15 0 -25.5 10.5t-10.5 25.5v824q0 15 10.5 25.5t25.5 10.5t25.5 -10.5t10.5 -25.5v-788h788q15 0 25.5 -10.5t10.5 -25.5t-10.5 -25.5t-25.5 -10.5zM264 523q-29 -1 -50 -22t-22 -50q0 -23 11.5 -41t30.5 -28v-285q0 -13 9.5 -22.5t22.5 -9.5v0
+q13 0 22.5 9.5t9.5 22.5v285q19 9 30.5 27t11.5 40q0 31 -22.5 53t-53.5 21zM542 641q-30 -1 -51 -22t-21 -50q-1 -23 10.5 -41t31.5 -28v-403q0 -13 9 -22.5t23 -9.5v0q13 0 22.5 9.5t9.5 22.5v403q18 9 30 27t12 40q0 31 -22.5 53t-53.5 21zM895 438q0 31 -22.5 53
+t-53.5 21q-29 -1 -50 -22t-22 -50q0 -23 11.5 -41t30.5 -28v-274q0 -13 9.5 -22.5t22.5 -9.5v0q13 0 22.5 9.5t9.5 22.5v274q19 9 30.5 27t11.5 40z" />
+    <glyph glyph-name="codesquare" unicode="&#xe6bf;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM229 347q-15 0 -25.5 10.5t-10.5 25.5t10 26l115 115l-115 117q-10 11 -10 25.5t10.5 25t25.5 10.5t25 -10l141 -142q10 -11 10 -26
+t-11 -25l-140 -141q-10 -11 -25 -11zM618 347v0l-199 1q-15 0 -25.5 10.5t-10.5 25.5t10.5 25.5t25.5 10.5v0l199 -1q15 0 25.5 -10.5t10.5 -25.5t-11 -25.5t-25 -10.5z" />
+    <glyph glyph-name="plussquare" unicode="&#xe6c0;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM732 348h-184v-183q0 -15 -10.5 -25.5t-25 -10.5t-25.5 10.5t-11 25.5v183h-184q-15 0 -25.5 10.5t-10.5 25t10.5 25.5t25.5 11h184v183
+q0 15 11 25.5t25.5 10.5t25 -10.5t10.5 -25.5v-183h184q15 0 25.5 -11t10.5 -25.5t-10.5 -25t-25.5 -10.5z" />
+    <glyph glyph-name="minussquare" unicode="&#xe6c1;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM768 383q0 -15 -11 -25.5t-25 -10.5h-442q-14 0 -25 10.5t-11 25.5v0q0 15 11 25.5t25 10.5h442q14 0 25 -10.5t11 -25.5v0z" />
+    <glyph glyph-name="closesquare" unicode="&#xe6c2;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM717.5 178.5q-10.5 -10.5 -25.5 -10.5t-26 10l-154 155l-154 -155q-11 -10 -26 -10t-25.5 10.5t-10.5 25.5t11 25l154 155l-154 155
+q-11 10 -11 25t10.5 25.5t25.5 10.5t26 -10l154 -155l154 155q11 10 26 10t25.5 -10.5t10.5 -25.5t-11 -25l-154 -155l154 -155q11 -11 11 -25.5t-10.5 -25z" />
+    <glyph glyph-name="closesquareo" unicode="&#xe6c3;" 
+d="M717.5 589.5q-10.5 10.5 -25.5 10.5t-26 -10l-154 -155l-154 155q-11 10 -26 10t-25.5 -10.5t-10.5 -25.5t11 -25l154 -155l-154 -155q-11 -10 -11 -25t10.5 -25.5t25.5 -10.5t26 10l154 155l154 -155q11 -10 26 -10t25.5 10.5t10.5 25t-11 25.5l-154 155l154 155
+q11 10 11 25t-10.5 25.5zM888 760v0v0v-753v0h-752v0v753v0h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0z" />
+    <glyph glyph-name="checksquare" unicode="&#xe6c4;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM772 539l-359 -360l-1 -1q-3 -3 -8 -6q-8 -5 -18 -5q-21 0 -31 18l-109 191q-8 13 -4 27t17 21.5t27.5 3.5t21.5 -17l86 -149l327 328
+q11 11 26 11t25.5 -10.5t10.5 -25.5t-11 -26z" />
+    <glyph glyph-name="checksquareo" unicode="&#xe6c5;" 
+d="M721 590l-327 -328l-86 149q-7 13 -21.5 17t-27.5 -3.5t-17 -21.5t4 -27l109 -191q10 -18 31 -18q10 0 18 5q5 3 8 6l1 1l359 360q11 11 11 26t-10.5 25.5t-25.5 10.5t-26 -11zM888 760v0v0v-753v0h-752v0v753v0h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753
+q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0z" />
+    <glyph glyph-name="fastbackward" unicode="&#xe6c6;" 
+d="M525 414l436 376q18 17 40.5 6.5t22.5 -36.5v-752q0 -26 -22.5 -36.5t-40.5 6.5l-436 377q-13 12 -13 30t13 29zM36 800v0q15 0 25.5 -10.5t10.5 -25.5v-298l377 324q18 17 40.5 6.5t22.5 -36.5v-375v-377q0 -26 -22.5 -36.5t-40.5 6.5l-377 326v-300q0 -15 -10.5 -25.5
+t-25.5 -10.5v0q-15 0 -25.5 10.5t-10.5 25.5v760q0 15 10.5 25.5t25.5 10.5z" />
+    <glyph glyph-name="fastforward" unicode="&#xe6c7;" 
+d="M499 414l-436 376q-18 17 -40.5 6.5t-22.5 -36.5v-752q0 -26 22.5 -36.5t40.5 6.5l436 378q13 11 13 29t-13 29zM988 800v0q-15 0 -25.5 -10.5t-10.5 -25.5v-298l-377 324q-18 17 -40.5 6.5t-22.5 -36.5v-375v-377q0 -26 22.5 -36.5t40.5 6.5l377 326v-300
+q0 -15 10.5 -25.5t25.5 -10.5v0q15 0 25.5 10.5t10.5 25.5v760q0 15 -10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="upsquare" unicode="&#xe6c8;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM757.5 277q-10.5 -10 -25.5 -9.5t-25 10.5l-195 208l-195 -208q-10 -10 -25 -10.5t-26 9.5t-11.5 25t10.5 26l221 236q10 11 26 11t26 -11
+l221 -236q10 -11 9.5 -26t-11 -25z" />
+    <glyph glyph-name="downsquare" unicode="&#xe6c9;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM759 451l-221 -236q-10 -11 -26 -11t-26 11l-221 236q-11 11 -10.5 26t11.5 25t26 9.5t25 -11.5l195 -207l195 207q10 11 25 11.5
+t25.5 -9.5t11 -25t-9.5 -26z" />
+    <glyph glyph-name="leftsquare" unicode="&#xe6ca;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM616 189q11 -10 11.5 -25t-9.5 -25.5t-25 -11t-26 9.5l-236 221q-11 10 -11 26t11 26l236 221q11 11 26 10.5t25 -11.5t9.5 -26t-10.5 -25
+l-208 -195z" />
+    <glyph glyph-name="rightsquare" unicode="&#xe6cb;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21zM694 358l-236 -221q-11 -10 -26 -9.5t-25 11t-9.5 25.5t10.5 25l208 195l-208 195q-10 10 -10.5 25t9.5 26t25 11.5t26 -10.5l236 -221
+q11 -10 11 -26t-11 -26z" />
+    <glyph glyph-name="rightsquareo" unicode="&#xe6cc;" 
+d="M888 760v0v0v-753v0h-752v0v753v0h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0zM705 384q0 16 -11 26l-236 221q-11 11 -26 10.5t-25 -11.5t-9.5 -26t10.5 -25l208 -195
+l-208 -195q-10 -10 -10.5 -25t9.5 -26t25 -11.5t26 10.5l236 221q11 10 11 26z" />
+    <glyph glyph-name="leftsquareo" unicode="&#xe6cd;" 
+d="M888 760v0v0v-753v0h-752v0v753v0h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0zM331 358l236 -221q11 -10 26 -9.5t25 11t9.5 25.5t-11.5 25l-207 195l207 195q11 10 11.5 25
+t-9.5 26t-25 11.5t-26 -10.5l-236 -221q-11 -10 -11 -26t11 -26z" />
+    <glyph glyph-name="down-square-o" unicode="&#xe6ce;" 
+d="M888 760v0v0v-753h-752v753h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0zM538 215l221 236q10 11 9.5 26t-11 25t-25.5 9.5t-25 -11.5l-195 -207l-195 207q-10 11 -25 11.5
+t-26 -9.5t-11.5 -25t10.5 -26l221 -236q10 -11 26 -11t26 11z" />
+    <glyph glyph-name="up-square-o" unicode="&#xe6cf;" 
+d="M888 760v0v0v-753v0h-752v0v753v0h752zM888 832h-752q-30 0 -51 -21t-21 -51v-753q0 -29 21 -50.5t51 -21.5h753q29 0 50.5 21.5t21.5 50.5v753q0 30 -21.5 51t-51.5 21v0zM512 575q-16 0 -26 -11l-221 -236q-11 -11 -10.5 -26t11.5 -25t26 -9.5t25 10.5l195 208
+l195 -208q10 -10 25 -10.5t25.5 9.5t11 25t-9.5 26l-221 236q-10 11 -26 11z" />
+    <glyph glyph-name="play" unicode="&#xe6d0;" 
+d="M512 894q-139 0 -256.5 -68.5t-186 -186t-68.5 -256.5t68.5 -256.5t186 -186t256.5 -68.5t256.5 68.5t186 186t68.5 256.5t-68.5 256.5t-186 186t-256.5 68.5zM712 369l-291 -247q-6 -6 -15 -6q-8 0 -14.5 5.5t-6.5 14.5v495q0 8 6.5 13.5t15 5.5t14.5 -6l291 -247
+q6 -6 6 -14t-6 -14z" />
+    <glyph glyph-name="playcircleo" unicode="&#xe6d1;" 
+d="M512 894q-139 0 -256.5 -68.5t-186 -186t-68.5 -256.5t68.5 -256.5t186 -186t256.5 -68.5t256.5 68.5t186 186t68.5 256.5t-68.5 256.5t-186 186t-256.5 68.5zM822 73q-60 -61 -139 -95q-82 -34 -171 -34t-171 34q-78 34 -139 95q-61 60 -95 139q-34 82 -34 171t35 171
+q33 78 94 140q60 60 139 94q82 34 171 34t171 -34q78 -34 139 -95q61 -60 95 -139q34 -82 34 -171t-35 -171q-33 -79 -94 -139zM712 397l-291 247q-6 6 -15 6q-8 0 -14.5 -5.5t-6.5 -13.5v-495q0 -9 6.5 -14t15 -5t14.5 5l291 247q6 6 6 14t-6 14z" />
+    <glyph glyph-name="tag" unicode="&#xe6d2;" 
+d="M963 291v3q-1 9 -4 18q-4 10 -10 19q-4 5 -7 8l-479 483q-4 5 -9 8q-12 7 -25 7h-291q-31 0 -53 -22t-22 -52v-298q0 -5 1 -10l0.5 -1l0.5 -1q1 -4 2 -7q1 -1 1 -2q4 -7 10 -13l477 -472q9 -8 18 -13q17 -9 35 -9q15 0 28 6q14 5 25 16l280 277q3 2 5 5q3 3 5 7q2 3 3 5
+q2 3 3 5q0 2 1 3q5 14 5 30zM264.5 560q-29.5 0 -50.5 21t-21 50.5t21 50.5t50.5 21t50.5 -21t21 -50.5t-21 -50.5t-50.5 -21z" />
+    <glyph glyph-name="tago" unicode="&#xe6d3;" 
+d="M963 291v3q-1 9 -4 18q-4 10 -10 19q-4 5 -7 8l-479 483q-4 5 -9 8q-12 7 -25 7h-291q-31 0 -52.5 -22t-21.5 -52v-298v-10l0.5 -1l0.5 -1q1 -4 2 -7q1 -1 1 -2q4 -7 10 -13l238 -236l239 -236q9 -8 19 -13q16 -9 34 -9q15 0 28 6q14 5 25 16l280 277q3 2 5 5q3 3 5 7
+q2 3 3 5q2 3 3 5q0 2 1 3q5 14 5 30zM891 287v0v0v0v0v0h-1v0l-280 -277v0q-1 -1 -2 -1t-1 1h-0.5h-0.5l-239 236l-231 229v288q0 2 2 2h281l471 -476h1v-1v0v0v-1zM264 632zM193 631.5q0 29.5 21 50.5t50.5 21t50.5 -21t21 -50.5t-21 -50.5t-50.5 -21t-50.5 21t-21 50.5z
+" />
+    <glyph glyph-name="addfile" unicode="&#xe910;" 
+d="M860 128h-156v156q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-156h-148q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h148v-148q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v148h156q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM875 594
+l-278 281q-6 6 -15 11q-2 2 -4 2q-1 1 -3 2q-14 6 -29 6h-346q-30 0 -51 -21t-21 -51v-880q0 -30 21 -51t51 -21h212q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-212v880h312v-240q0 -30 21 -51t51 -21h240v-156q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5
+v188q0 29 -21 50zM584 584v202l200 -202h-200z" />
+    <glyph glyph-name="folder1" unicode="&#xe662;" 
+d="M952 704h-463l-25 78q-7 22 -26 36t-43 14h-323q-30 0 -51 -21t-21 -51v-688q0 -30 21 -51t51 -21h880q30 0 51 21t21 51v560q0 30 -21 51t-51 21zM72 760h323l18 -56h-341v56zM952 72h-880v560h880v-560z" />
+    <glyph glyph-name="file1" unicode="&#xe664;" 
+d="M875 594l-278 281q-6 6 -15 11q-2 2 -4 2q-1 1 -3 2q-14 6 -29 6h-346q-30 0 -51 -21t-21 -51v-880q0 -30 21 -51t51 -21h624q30 0 51 21t21 51v600q0 29 -21 50zM784 584h-200v202zM824 -56h-624v880h312v-240q0 -30 21 -51t51 -21h240v-568z" />
+    <glyph glyph-name="switcher" unicode="&#xe913;" 
+d="M572 292h-376q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h376q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM696 568v-624h-624v624h624zM696 640h-624q-30 0 -51 -21t-21 -51v-624q0 -30 21 -51t51 -21h624q30 0 51 21t21 51v624q0 30 -21 51t-51 21z
+M952 896h-592q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h592v-596q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v596q0 30 -21 51t-51 21zM824 768h-660q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h660v-660q0 -15 10.5 -25.5t25.5 -10.5
+t25.5 10.5t10.5 25.5v660q0 30 -21 51t-51 21z" />
+    <glyph glyph-name="addfolder" unicode="&#xe914;" 
+d="M988 256h-156v156q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-156h-148q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h148v-148q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v148h156q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM952 704
+h-463l-25 78q-7 22 -26 36t-43 14h-323q-30 0 -51 -21t-21 -51v-688q0 -30 21 -51t51 -21h468q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-468v560h880v-148q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v148q0 30 -21 51t-51 21zM72 704v56h323l18 -56h-341z
+" />
+    <glyph glyph-name="folderopen" unicode="&#xe699;" 
+d="M960 512v120q0 30 -21 51t-51 21h-399l-25 78q-7 22 -26 36t-43 14h-323q-30 0 -51 -21t-21 -51v-688q0 -5 1 -11v0v-2v-1l0.5 -0.5l0.5 -0.5v-1v-1.5t0.5 -1l0.5 -0.5v-1q0 -2 1 -3v0q5 -17 18 -29v0q1 0 1.5 -0.5l1 -1t0.5 -1.5q1 0 1 -0.5t0.5 -0.5t1 -0.5t1.5 -0.5
+v-0.5v-0.5q1 0 1.5 -0.5l1.5 -1.5v0q15 -10 32 -11l1 -1h3h1h1h2h788q25 0 44.5 15.5t25.5 39.5l92 368q8 31 -11 58t-51 31zM72 760h323l41 -128h452v-120h-724q-25 0 -44.5 -15t-25.5 -39l-22 -89v391zM860 72h-788l92 368h788z" />
+    <glyph glyph-name="search1" unicode="&#xe670;" 
+d="M950 -2l-206 205q88 107 88 245q0 159 -112.5 271.5t-271.5 112.5t-271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5q138 0 245 88l206 -206q10 -10 25 -10t26 10q10 11 10 26t-10 26zM569 160q-57 -24 -121 -24t-121 24q-56 24 -99.5 67.5t-66.5 99.5
+q-25 57 -25 121t25 121q23 56 66.5 99.5t99.5 67.5q57 24 121 24t121 -24q56 -24 99.5 -67.5t67.5 -99.5q24 -57 24 -121t-24 -121q-24 -56 -67.5 -99.5t-99.5 -67.5z" />
+    <glyph glyph-name="ellipsis1" unicode="&#xe647;" 
+d="M128 384q0 -27 18.5 -45.5t45.5 -18.5t45.5 18.5t18.5 45.5t-18.5 45.5t-45.5 18.5t-45.5 -18.5t-18.5 -45.5zM448 384q0 -27 18.5 -45.5t45.5 -18.5t45.5 18.5t18.5 45.5t-18.5 45.5t-45.5 18.5t-45.5 -18.5t-18.5 -45.5zM768 384q0 -27 18.5 -45.5t45.5 -18.5
+t45.5 18.5t18.5 45.5t-18.5 45.5t-45.5 18.5t-45.5 -18.5t-18.5 -45.5z" />
+    <glyph glyph-name="calendar" unicode="&#xe6bb;" 
+d="M888 768h-120v28q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-28h-368v28q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-28h-120q-30 0 -51 -21t-21 -51v-688q0 -30 21 -51t51 -21h752q30 0 51 21t21 51v688q0 30 -21 51t-51 21zM136 696h120v-20
+q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v20h368v-20q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v20h120v-112h-752v112zM888 8h-752v504h752v-504zM288 384h64q13 0 22.5 -9.5t9.5 -22.5t-9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5
+t22.5 9.5zM480 384h64q13 0 22.5 -9.5t9.5 -22.5t-9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5t22.5 9.5zM672 384h64q13 0 22.5 -9.5t9.5 -22.5t-9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5t22.5 9.5zM288 190h64q13 0 22.5 -9.5
+t9.5 -22.5t-9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5t22.5 9.5zM480 190h64q13 0 22.5 -9.5t9.5 -22.5t-9.5 -22.5t-22.5 -9.5h-64q-13 0 -22.5 9.5t-9.5 22.5t9.5 22.5t22.5 9.5z" />
+    <glyph glyph-name="filetext1" unicode="&#xe698;" 
+d="M875 594l-278 281q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-345q-30 0 -51.5 -21t-21.5 -51v-880q0 -30 21.5 -51t51.5 -21h623q30 0 50.5 21t20.5 51v600q0 30 -20 50zM583 786l201 -202h-201v202zM823 -56h-623v880h311v-240q0 -30 21.5 -51t51.5 -21h239v-568z
+M584 412q0 15 -10.5 25.5t-25.5 10.5h-256q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h256q15 0 25.5 10.5t10.5 25.5zM776 252q0 15 -10.5 25.5t-25.5 10.5h-448q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h448q15 0 25.5 10.5t10.5 25.5zM648 92
+q0 15 -10.5 25.5t-25.5 10.5h-320q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h320q15 0 25.5 10.5t10.5 25.5z" />
+    <glyph glyph-name="copy1" unicode="&#xe648;" 
+d="M875 658l-214 217q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-281q-30 0 -51.5 -21t-21.5 -51v-56h-56q-29 0 -50.5 -21.5t-21.5 -50.5v-752q0 -30 21.5 -51t50.5 -21h496q29 0 50 21t21 51v56h57q30 0 50.5 21t20.5 51v536q0 30 -20 50zM647 786l137 -138h-137v138z
+M695 -56h-495v752h56v-624q0 -30 21.5 -51t51.5 -21h366v-56zM823 72h-495v752h247v-176q0 -30 21.5 -51t51.5 -21h175v-504zM640 476q0 15 -10.5 25.5t-25.5 10.5h-184q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h184q15 0 25.5 10.5t10.5 25.5zM768 348
+q0 15 -10.5 25.5t-25.5 10.5h-312q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h312q15 0 25.5 10.5t10.5 25.5zM704 220q0 15 -10.5 25.5t-25.5 10.5h-248q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h248q15 0 25.5 10.5t10.5 25.5z" />
+    <glyph glyph-name="jpgfile1" unicode="&#xe69c;" 
+d="M875 594l-278 281q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-345q-30 0 -51.5 -21t-21.5 -51v-880q0 -30 21.5 -51t51.5 -21h623q30 0 50.5 21t20.5 51v600q0 30 -20 50zM583 786l201 -202h-201v202zM823 -56h-623v880h311v-240q0 -30 21.5 -51t51.5 -21h239v-568z
+M350 200q0 -18 -5.5 -25t-16.5 -7q-15 0 -25 19l-30 -23q20 -34 61 -34q30 0 45.5 18.5t15.5 47.5v123h-45v-119zM501 319h-64v-186h44v62h22q31 0 52 16t21 48q0 60 -75 60zM500 230h-19v53h18q34 0 34 -25q0 -28 -33 -28zM683 239v-36h30v-30q-6 -5 -18 -5q-50 0 -50 58
+q0 27 13 42.5t34 15.5q18 0 34 -15l23 29q-24 24 -59 24q-39 0 -65 -26t-26 -71q0 -46 25.5 -70.5t66.5 -24.5q39 0 61 22v87h-69z" />
+    <glyph glyph-name="pdffile1" unicode="&#xe6b3;" 
+d="M875 594l-278 281q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-345q-30 0 -51.5 -21t-21.5 -51v-880q0 -30 21.5 -51t51.5 -21h623q30 0 50.5 21t20.5 51v600q0 30 -20 50zM583 786l201 -202h-201v202zM823 -56h-623v880h311v-240q0 -30 21.5 -51t51.5 -21h239v-568z
+M333 320h-67v-192h46v64h22q33 0 54.5 16.5t21.5 49.5q0 62 -77 62zM332 228h-20v56h18q35 0 35 -26q0 -30 -33 -30zM498 320h-56v-192h58q44 0 69 24.5t25 72.5t-25.5 71.5t-70.5 23.5zM495 165h-6v118h6q25 0 38.5 -13t13.5 -45q0 -60 -52 -60zM752 282v38h-122v-192h46
+v73h65v38h-65v43h76z" />
+    <glyph glyph-name="exclefile1" unicode="&#xe6b0;" 
+d="M875 594l-278 281q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-345q-30 0 -51.5 -21t-21.5 -51v-880q0 -30 21.5 -51t51.5 -21h623q30 0 50.5 21t20.5 51v600q0 30 -20 50zM583 786l201 -202h-201v202zM823 -56h-623v880h311v-240q0 -30 21.5 -51t51.5 -21h239v-568z
+M460 229l-56 155h86l16 -57q5 -18 14 -53h2q15 29 30 53l33 57h82l-111 -159l60 -162h-86l-19 63q-4 14 -14 54h-2q-14 -25 -31 -54l-39 -63h-82z" />
+    <glyph glyph-name="pptfile1" unicode="&#xe6b1;" 
+d="M875 594l-278 281q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-345q-30 0 -51.5 -21t-21.5 -51v-880q0 -30 21.5 -51t51.5 -21h623q30 0 50.5 21t20.5 51v600q0 30 -20 50zM583 786l201 -202h-201v202zM823 -56h-623v880h311v-240q0 -30 21.5 -51t51.5 -21h239v-568z
+M538 390h-112l-57 -334h77l19 119h37q55 0 96 28t51 82q10 56 -21 80.5t-90 24.5zM574 285q-9 -49 -65 -49h-33l16 93h32q29 0 41.5 -10t8.5 -34z" />
+    <glyph glyph-name="unknowfile1" unicode="&#xe6af;" 
+d="M875 594l-278 281q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-345q-30 0 -51.5 -21t-21.5 -51v-880q0 -30 21.5 -51t51.5 -21h623q30 0 50.5 21t20.5 51v600q0 30 -20 50zM583 786l201 -202h-201v202zM823 -56h-623v880h311v-240q0 -30 21.5 -51t51.5 -21h239v-568z
+M510 329q0 18 -11 28t-29 10q-28 0 -58 -29l-55 51q52 59 125 59q56 0 90.5 -28t34.5 -84q0 -21 -10 -40.5t-24 -34t-27.5 -29t-22 -33t-5.5 -39.5h-88q-5 30 6.5 57t28.5 43.5t31 35.5t14 33zM432 62q0 19 12 31t29.5 12t29.5 -12.5t12 -30.5t-12 -30.5t-29.5 -12.5
+t-29.5 12.5t-12 30.5z" />
+    <glyph glyph-name="wordfile1" unicode="&#xe6b2;" 
+d="M875 594l-278 281q-7 6 -15 11q-3 2 -4 2q-1 1 -3 2q-14 6 -29 6h-345q-30 0 -51.5 -21t-21.5 -51v-880q0 -30 21.5 -51t51.5 -21h623q30 0 50.5 21t20.5 51v600q0 30 -20 50zM583 786l201 -202h-201v202zM823 -56h-623v880h311v-240q0 -30 21.5 -51t51.5 -21h239v-568z
+M559 142q-1 14 -1 46v48l-7 136h-60l-55 -136q-21 -57 -34 -94h-2l5 94l5 136h-73l2 -298h88l49 130q3 8 24 70h2q-2 -35 -1 -70l4 -130h90l104 298h-68l-43 -136q-3 -11 -12.5 -43t-15.5 -51h-1z" />
+    <glyph glyph-name="dingding" unicode="&#xe923;" 
+d="M913 513q-3 -11 -12 -31v0l-1 -2q-16 -34 -48.5 -90.5t-56.5 -96.5l-24 -40q0 1 -1 1l-27 -47h131l-251 -335l57 228h-103l36 150q-46 -11 -104 -30q-3 -1 -7 -2.5t-19 -2t-32 4t-44.5 20.5t-56.5 42l-5 5l-11.5 11.5t-13.5 17t-9.5 17.5t-2 16t12.5 11q14 5 136 22
+l114 14q-218 -3 -270 5q-38 6 -79 59.5t-52 110.5l-3 15q2 21 49 7q31 -8 118 -27.5t160 -34.5l72 -14q-5 1 -13 3.5t-33 10.5l-50 16t-58.5 19t-63 21t-60.5 21t-53.5 20t-39 16.5t-20.5 11.5q-21 24 -45 99t-20 126q0 2 1 5t6.5 7t14.5 2q271 -124 456 -192
+q30 -11 76 -26.5t73.5 -25t62 -23t53.5 -25t36.5 -25.5t22.5 -30t1 -35z" />
+    <glyph glyph-name="dingding-o" unicode="&#xe925;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM749 415q-1 -6 -7 -19v0v0q-6 -13 -16.5 -32t-20.5 -36.5t-19.5 -33t-15.5 -25.5l-6 -10v1l-17 -28h79
+l-151 -201l35 136h-62l21 90q-28 -6 -63 -17q-3 -3 -10.5 -4.5t-32 7.5t-52.5 34l-3 3l-7 7t-8 9.5t-5.5 10t-1 10t7.5 6.5q8 3 81 13l69 9q-131 -2 -162 3q-23 4 -47.5 36t-31.5 66l-2 10q3 11 30 3q18 -5 70.5 -16.5t96 -20.5l43.5 -9q-220 68 -235 84q-12 15 -26.5 59.5
+t-12.5 75.5q0 1 0.5 3t4 4.5t8.5 0.5q163 -74 274 -115q19 -7 46.5 -16t43.5 -15t37 -14t32.5 -15t21.5 -15.5t13.5 -18t0.5 -20.5z" />
+    <glyph glyph-name="mobile1" unicode="&#xe678;" 
+d="M760 896h-496q-30 0 -51 -21t-21 -51v-880q0 -30 21 -51t51 -21h496q30 0 51 21t21 51v880q0 30 -21 51t-51 21zM542 -64h-60q-15 0 -24.5 9.5t-9.5 22.5t9.5 22.5t24.5 9.5h60q15 0 24.5 -9.5t9.5 -22.5t-9.5 -22.5t-24.5 -9.5zM760 65h-496v704h496v-704z" />
+    <glyph glyph-name="tablet1" unicode="&#xe66e;" 
+d="M824 896h-624q-30 0 -51 -21t-21 -51v-880q0 -30 21 -51t51 -21h624q30 0 51 21t21 51v880q0 30 -21 51t-51 21zM542 -64h-60q-15 0 -24.5 9.5t-9.5 22.5t9.5 22.5t24.5 9.5h60q15 0 24.5 -9.5t9.5 -22.5t-9.5 -22.5t-24.5 -9.5zM824 65h-624v759h624v-759z" />
+    <glyph glyph-name="bells" unicode="&#xe64e;" 
+d="M860 64h-28v448q0 123 -82 214t-202 104v30q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-30q-120 -13 -202 -104t-82 -214v-448h-28q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h276v-48q0 -30 21 -51t51 -21t51 21t21 51v48h276q15 0 25.5 10.5
+t10.5 25.5t-10.5 25.5t-25.5 10.5zM760 64h-496v448q0 103 72.5 175.5t175.5 72.5t175.5 -72.5t72.5 -175.5v-448z" />
+    <glyph glyph-name="disconnect" unicode="&#xe64f;" 
+d="M900 772q-60 60 -144.5 60t-143.5 -60l-180 -180q-11 -10 -11 -25t11 -26t26 -11t25 11l180 180q38 38 92.5 38t93 -38.5t38.5 -93t-38 -92.5l-180 -180q-10 -11 -10 -25.5t10.5 -25t25.5 -10.5t25 10l180 180q60 59 60 143.5t-60 144.5zM377 615q15 0 25.5 10.5
+t10.5 25.5v145q0 15 -10.5 25.5t-25.5 10.5t-26 -10.5t-11 -25.5v-145q1 -15 11 -26q11 -10 26 -10zM809 139q-11 11 -25 10q-16 0 -26.5 -10.5t-10.5 -25.5t11 -25l102 -103q11 -10 26 -10t25.5 10.5t10.5 25.5t-10 25zM924 285h-145q-16 0 -26 -11q-11 -11 -11 -25.5
+t11 -25t26 -10.5h144q15 0 26 10.5t11 25.5t-10.5 25.5t-25.5 10.5zM648 153q-15 0 -25.5 -10.5t-10.5 -25.5v-145q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v145q0 15 -11 25q-10 11 -25 11zM541 227l-180 -180q-38 -39 -92.5 -39t-93.5 39q-38 39 -38 93t38 93
+l180 180q10 10 10 25t-10.5 25.5t-25.5 10.5t-25 -10l-180 -180q-60 -60 -60 -144q0 -85 60 -144q60 -60 144 -60q85 0 144 60l180 180q11 10 11 25t-11 25.5t-26 10.5t-25 -10zM215 629q11 -11 26 -11t25.5 10.5t10.5 25.5t-11 26l-102 102q-11 11 -26 11t-25.5 -10.5
+t-10.5 -25.5t11 -26zM101 483h145q15 0 25 11q11 10 11 25t-10.5 25.5t-25.5 10.5h-145q-15 0 -25.5 -10.5t-10.5 -25.5q-1 -15 10 -25.5t26 -10.5z" />
+    <glyph glyph-name="database" unicode="&#xe650;" 
+d="M824 896h-624q-30 0 -51 -21t-21 -51v-880q0 -30 21 -51t51 -21h624q30 0 51 21t21 51v880q0 30 -21 51t-51 21zM824 -47h-624v244q0 -1 1 -1h622q1 0 1 1v-244zM824 267q0 1 -1 1h-622q-1 0 -1 -1v244q0 -1 1 -1h622q1 0 1 1v-244zM824 581q0 1 -1 1h-622q-1 0 -1 -1
+v243h624v-243zM321 75zM285 75q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5zM321 389zM285 389q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5zM321 703zM285 703
+q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5z" />
+    <glyph glyph-name="barcode" unicode="&#xe652;" 
+d="M706 128h70q1 0 1 1v638q0 1 -1 1h-70q-1 0 -1 -1v-638q0 -1 1 -1zM534 72h-70q-1 0 -1 -1v-70q0 -1 1 -1h70q1 0 1 1v70q0 1 -1 1zM640 72h-70q-1 0 -1 -1v-70q0 -1 1 -1h70q1 0 1 1v70q0 1 -1 1zM428 72h-214q-1 0 -1 -1v-70q0 -1 1 -1h214q1 0 1 1v70q0 1 -1 1z
+M670 768h-34q-1 0 -1 -1v-638q0 -1 1 -1h34q1 0 1 1v638q0 1 -1 1zM213 767q0 1 -1 1h-34q-1 0 -1 -1v-638q0 -1 1 -1h34q1 0 1 1v638zM1023 768h-70q-1 0 -1 -1v-766q0 -1 1 -1h70q1 0 1 1v766q0 1 -1 1zM916 72h-240q-1 0 -1 -1v-70q0 -1 1 -1h240q1 0 1 1v70q0 1 -1 1z
+M916 768h-34q-1 0 -1 -1v-638q0 -1 1 -1h34q1 0 1 1v638q0 1 -1 1zM108 128h34q1 0 1 1v638q0 1 -1 1h-34q-1 0 -1 -1v-638q0 -1 1 -1zM354 128h34q1 0 1 1v638q0 1 -1 1h-34q-1 0 -1 -1v-638q0 -1 1 -1zM424 128h70q1 0 1 1v638q0 1 -1 1h-70q-1 0 -1 -1v-638q0 -1 1 -1z
+M530 128h70q1 0 1 1v638q0 1 -1 1h-70q-1 0 -1 -1v-638q0 -1 1 -1zM812 128h34q1 0 1 1v638q0 1 -1 1h-34q-1 0 -1 -1v-638q0 -1 1 -1zM71 768h-70q-1 0 -1 -1v-766q0 -1 1 -1h70q1 0 1 1v766q0 1 -1 1zM178 72h-70q-1 0 -1 -1v-70q0 -1 1 -1h70q1 0 1 1v70q0 1 -1 1z
+M248 128h70q1 0 1 1v638q0 1 -1 1h-70q-1 0 -1 -1v-638q0 -1 1 -1z" />
+    <glyph glyph-name="hourglass" unicode="&#xe653;" 
+d="M860 8h-92v219l-192 157l192 157v219h92q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-696q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h92v-219l192 -157l-192 -157v-219h-92q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h696q15 0 25.5 10.5
+t10.5 25.5t-10.5 25.5t-25.5 10.5zM328 581v179h368v-179l-182 -147l-2 2l-2 -2zM696 8h-368v179l184 149l184 -149v-179z" />
+    <glyph glyph-name="key" unicode="&#xe654;" 
+d="M876 427q-77 78 -186.5 84t-193.5 -60l-369 369q-11 11 -26 11t-25.5 -10.5t-10.5 -25.5t11 -25l369 -370q-66 -84 -60 -193.5t84 -186.5q84 -84 203.5 -84t204 84t84 203.5t-84.5 203.5zM825 71q-63 -63 -152.5 -63t-153 63t-63.5 152.5t63.5 153t153 63.5t152.5 -63.5
+t63 -153t-63 -152.5zM353 596l76 76q11 10 11 25t-10.5 25.5t-25.5 10.5t-26 -10l-76 -77zM333 768q11 11 11 25.5t-10.5 25t-25.5 10.5t-26 -10l-76 -77l51 -50z" />
+    <glyph glyph-name="flag" unicode="&#xe655;" 
+d="M888 640h-176v56q0 30 -21 51t-51 21h-360q-3 27 -23.5 45.5t-48.5 18.5h-72q-30 0 -51 -21t-21 -51v-752q0 -30 21 -51t51 -21h72q30 0 51 21t21 51v256h360v-56q0 -30 21 -51t51 -21h176q30 0 51 21t21 51v360q0 30 -21 51t-51 21zM208 8h-72v752h72v-752zM640 336
+h-360v360h360v-360zM888 208h-176v360h176v-360z" />
+    <glyph glyph-name="layout" unicode="&#xe656;" 
+d="M136 624zM100 624q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5zM952 768h-880q-30 0 -51 -21t-21 -51v-624q0 -30 21 -51t51 -21h880q30 0 51 21t21 51v624q0 30 -21 51t-51 21zM256 72h-184v408h184v-408zM952 72
+h-624v169q0 -1 1 -1h622q1 0 1 1v-169zM952 311q0 1 -1 1h-622q-1 0 -1 -1v169h624v-169zM952 552h-880v144h880v-144zM240 624zM204 624q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5zM344 624zM308 624
+q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5z" />
+    <glyph glyph-name="printer" unicode="&#xe673;" 
+d="M392 144h240v-72h-240v72zM392 312h240v-72h-240v72zM888 648h-120v112q0 30 -21 51t-51 21h-368q-30 0 -51 -21t-21 -51v-112h-120q-30 0 -51 -21t-21 -51v-304q0 -30 21 -51t51 -21h120v-192q0 -30 21 -51t51 -21h368q30 0 51 21t21 51v192h120q30 0 51 21t21 51v304
+q0 30 -21 51t-51 21zM328 759q0 1 1 1h366q1 0 1 -1v-110q0 -1 -1 -1h-366q-1 0 -1 1v110zM696 8h-368v368h368v-368zM888 272h-120v104q0 30 -21 51t-51 21h-368q-30 0 -51 -21t-21 -51v-104h-120v304h752v-304zM820 508zM784 508q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5
+t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5z" />
+    <glyph glyph-name="USB" unicode="&#xe6d7;" 
+d="M768 704v-192h56v-138h-276v330h60l-96 128l-96 -128h60v-440h-276v129q37 17 50 55q6 16 6 32q0 40 -28 68t-68 28t-68 -28t-28 -68q0 -31 18 -56t46 -34v-126q0 -30 21 -51t51 -21h276v-71q-27 -11 -43.5 -35t-16.5 -54q0 -40 28 -68t68 -28t68 28t28 68q0 30 -16.5 54
+t-43.5 35v181h276q30 0 51 21t21 51v138h64v192h-192zM160 456q-10 0 -17 7t-7 17t7 17t17 7t17 -7t7 -17t-7 -17t-17 -7zM888 584h-48v48h48v-48z" />
+    <glyph glyph-name="skin" unicode="&#xe6d8;" 
+d="M888 832h-259q-2 -5 -3 -11q-13 -36 -44 -58.5t-70 -22.5t-70 22.5t-44 58.5q-1 6 -3 11h-259q-30 0 -51 -21t-21 -51v-368q0 -30 21 -51t51 -21h56v-312q0 -30 21 -51t51 -21h496q30 0 51 21t21 51v312h56q30 0 51 21t21 51v368q0 30 -21 51t-51 21zM888 392h-129
+q1 0 1 -1v-382q0 -1 -1 -1h-494q-1 0 -1 1v382q0 1 1 1h-129v368h210q26 -43 70 -69t96 -26t96 26t70 69h210v-368z" />
+    <glyph glyph-name="tool" unicode="&#xe6d9;" 
+d="M925 731l-167 -166l-68 67l166 166q-63 40 -139.5 32t-130.5 -63q-43 -42 -57.5 -99.5t0.5 -111.5l-189 -189q-54 15 -111.5 0.5t-99.5 -57.5q-55 -54 -63 -130.5t32 -139.5l166 166l67 -68l-166 -166q63 -42 140.5 -34t132.5 63q43 42 57.5 99.5t-0.5 111.5l189 189
+q54 -16 111.5 -1t99.5 57q56 56 63.5 133.5t-33.5 140.5zM395 44q-47 -47 -114 -45l95 95q18 18 18 43t-18 43l-68 68q-18 18 -43.5 18t-43.5 -18l-95 -95q-1 67 46 114q37 37 88 44.5t96 -15.5q21 -12 39 -29q17 -17 28 -39q24 -44 16.5 -95.5t-44.5 -88.5zM468 273
+q-13 21 -30 37q-17 18 -37 30l155 155q13 -21 30 -37q17 -18 37 -30zM852 501q-37 -37 -88 -44.5t-96 15.5q-21 12 -39 29q-17 17 -28 39q-24 44 -16.5 95.5t44.5 87.5q47 47 114 46l-95 -95q-18 -18 -18 -43.5t18 -43.5l68 -67q18 -18 43.5 -18t43.5 18l95 95
+q1 -67 -46 -114z" />
+    <glyph glyph-name="car" unicode="&#xe6dc;" 
+d="M952 448h8l-50 242q-5 29 -30.5 49.5t-55.5 20.5h-624q-30 0 -55 -20.5t-31 -49.5l-50 -242h8q-30 0 -51 -21t-21 -51v-176q0 -28 18.5 -48.5t45.5 -23.5v0q0 -53 37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5h384q0 -53 37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5v0
+q27 3 45.5 23.5t18.5 48.5v176q0 30 -21 51t-51 21zM182 688h656l50 -240h-752zM952 200h-64v-72q0 -23 -16.5 -39.5t-39.5 -16.5t-39.5 16.5t-16.5 39.5v72h-528v-72q0 -23 -16.5 -39.5t-39.5 -16.5t-39.5 16.5t-16.5 39.5v72h-64v176h880v-176zM192 288zM156 288
+q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5zM832 288zM796 288q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5z" />
+    <glyph glyph-name="addusergroup" unicode="&#xe6dd;" 
+d="M420 470q-5 24 -5 48q0 13 1 25q-38 5 -63.5 34.5t-25.5 68.5q0 43 30.5 73.5t73.5 30.5q28 0 52 -14t37 -37q33 18 69 24q-22 45 -64.5 72t-93.5 27q-73 0 -124.5 -51.5t-51.5 -124.5q0 -70 48 -121t117 -55zM777 307q-73 35 -154 35q-146 0 -249 -103t-103 -249
+q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5q0 116 82 198t198 82q28 0 56 -6q44 33 98 43zM909 142h-88v88q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-88h-88q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h88v-88q0 -15 10.5 -25.5t25.5 -10.5
+t25.5 10.5t10.5 25.5v88h88q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM799 518q0 73 -51.5 124.5t-124.5 51.5t-124.5 -51.5t-51.5 -124.5t51.5 -124.5t124.5 -51.5t124.5 51.5t51.5 124.5zM623 414q-43 0 -73.5 30.5t-30.5 73.5t30.5 73.5t73.5 30.5t73.5 -30.5
+t30.5 -73.5t-30.5 -73.5t-73.5 -30.5zM454 397q-24 33 -33 73q-94 -3 -172.5 -50.5t-124 -127.5t-45.5 -174q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5q0 116 82 198t198 82q11 0 23 -1z" />
+    <glyph glyph-name="carryout" unicode="&#xe6df;" 
+d="M162 312h380q14 0 24 10t10 24v4q0 14 -10 24t-24 10h-380q-14 0 -24 -10t-10 -24v-4q0 -14 10 -24t24 -10zM537.5 265.5q-10.5 -10.5 -10.5 -25.5t11 -25l84 -85l1 -1l1 -1l4 -3q10 -10 23.5 -10t23.5 10l224 224q10 10 10 24t-10 23l-3 4q-10 10 -24 10t-24 -10
+l-197 -197l-63 63q-10 10 -25 10t-25.5 -10.5zM952 704h-84v28q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-28h-248v28q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-28h-248v28q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-28h-84
+q-30 0 -51 -21t-21 -51v-560q0 -30 21 -51t51 -21h880q30 0 51 21t21 51v560q0 30 -21 51t-51 21zM952 72h-880v376h880v-376zM952 520h-880v112h84v-20q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v20h248v-20q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v20
+h248v-20q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v20h84v-112zM162 188h252q14 0 24 10t10 24v4q0 14 -10 24t-24 10h-252q-14 0 -24 -10t-10 -24v-4q0 -14 10 -24t24 -10z" />
+    <glyph glyph-name="deleteuser" unicode="&#xe6e0;" 
+d="M722 320q-95 63 -210 63q-104 0 -192.5 -51.5t-140 -140t-51.5 -193.5v0v-1v-1q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v2v0q0 130 91.5 221.5t220.5 91.5q58 0 111 -21q46 27 99 30zM787 96l62 62q11 11 11 26t-10.5 25.5t-25.5 10.5t-26 -10l-62 -63l-62 63
+q-11 10 -26 10t-25.5 -10.5t-10.5 -25.5t11 -26l62 -62l-62 -62q-11 -10 -11 -25t10.5 -25.5t25.5 -10.5t26 10l62 62l62 -62q11 -10 26 -10t25.5 10.5t10.5 25.5t-11 25zM736 607.5q0 92.5 -65.5 158.5t-158.5 66t-158.5 -66t-65.5 -158.5t65.5 -158.5t158.5 -66t158.5 66
+t65.5 158.5zM512 455q-63 0 -107.5 44.5t-44.5 108t44.5 108t107.5 44.5t107.5 -44.5t44.5 -108t-44.5 -108t-107.5 -44.5z" />
+    <glyph glyph-name="deleteusergroup" unicode="&#xe6e1;" 
+d="M420 470q-5 24 -5 48q0 13 1 25q-38 5 -63.5 34.5t-25.5 68.5q0 43 30.5 73.5t73.5 30.5q28 0 52 -14t37 -37q33 18 69 24q-22 45 -64.5 72t-93.5 27q-73 0 -124.5 -51.5t-51.5 -124.5q0 -70 48 -121t117 -55zM898 44l-62 62l62 62q11 11 11 26t-10.5 25.5t-25.5 10.5
+t-26 -11l-62 -62l-62 62q-11 11 -26 11t-25.5 -10.5t-10.5 -25.5t11 -26l62 -62l-62 -62q-11 -11 -11 -26t10.5 -25.5t25.5 -10.5t26 11l62 62l62 -62q11 -11 26 -11t25.5 10.5t10.5 25.5t-11 26zM777 307q-73 35 -154 35q73 0 124.5 51.5t51.5 124.5t-51.5 124.5
+t-124.5 51.5t-124.5 -51.5t-51.5 -124.5t51.5 -124.5t124.5 -51.5q-146 0 -249 -103t-103 -249q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5q0 116 82 198t198 82q28 0 56 -6q44 33 98 43zM519 518q0 43 30.5 73.5t73.5 30.5t73.5 -30.5t30.5 -73.5t-30.5 -73.5
+t-73.5 -30.5t-73.5 30.5t-30.5 73.5zM454 397q-24 33 -33 73q-94 -3 -172.5 -50.5t-124 -127.5t-45.5 -174q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5q0 116 82 198t198 82q11 0 23 -1z" />
+    <glyph glyph-name="man" unicode="&#xe6e2;" 
+d="M384 576q-133 0 -226.5 -93.5t-93.5 -226.5t93.5 -226.5t226.5 -93.5t226.5 93.5t93.5 226.5t-93.5 226.5t-226.5 93.5zM384 8q-103 0 -175.5 72.5t-72.5 175.5t72.5 175.5t175.5 72.5t175.5 -72.5t72.5 -175.5t-72.5 -175.5t-175.5 -72.5zM949.5 821.5
+q-10.5 10.5 -25.5 10.5h-376q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h340v-340q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v376q0 15 -10.5 25.5z" />
+    <glyph glyph-name="isv" unicode="&#xe6e3;" 
+d="M860 292q-15 0 -25.5 -10.5t-10.5 -25.5v-248h-624v248q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-248q0 -30 21 -51t51 -21h624q30 0 51 21t21 51v248q0 15 -10.5 25.5t-25.5 10.5zM888 832h-752q-30 0 -51 -21t-21 -51v-204q0 -71 51 -122t123 -51
+q41 0 77 18t60 50q24 -32 60 -50t77 -18q42 0 77.5 18t60.5 49q24 -31 59.5 -49t76.5 -18q72 0 123 51t51 122v204q0 30 -21 51t-51 21zM339 658v-102q0 -42 -29.5 -71.5t-72 -29.5t-72 29.5t-29.5 71.5v204h203v-102zM512 455q-42 0 -71.5 29.5t-29.5 71.5v204h202v-204
+v-11q-4 -38 -33 -64t-68 -26zM888 556q0 -42 -29.5 -71.5t-72 -29.5t-72 29.5t-29.5 71.5v204h203v-204z" />
+    <glyph glyph-name="gift" unicode="&#xe6e4;" 
+d="M888 576h-248q53 0 90.5 37.5t37.5 90.5t-37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5t37.5 -90.5t90.5 -37.5h-248q-30 0 -51 -21t-21 -51v-112q0 -30 21 -51t51 -21h-8v-312q0 -30 21 -51t51 -21h624
+q30 0 51 21t21 51v312h-8q30 0 51 21t21 51v112q0 30 -21 51t-51 21zM384 648q-23 0 -39.5 16.5t-16.5 39.5t16.5 39.5t39.5 16.5t39.5 -16.5t16.5 -39.5v-56h-56zM476 8h-276v312h276v-312zM476 392h-340v112h340v-112zM584 704q0 23 16.5 39.5t39.5 16.5t39.5 -16.5
+t16.5 -39.5t-16.5 -39.5t-39.5 -16.5h-56v56zM824 8h-276v312h276v-312zM888 392h-340v112h340v-112z" />
+    <glyph glyph-name="idcard" unicode="&#xe6e5;" 
+d="M200 128h176q30 0 51 21t21 51v88q0 41 -19 76t-51 57q38 37 38 91q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5q0 -54 38 -91q-32 -22 -51 -57t-19 -76v-88q0 -30 21 -51t51 -21zM288 568q23 0 39.5 -16.5t16.5 -39.5t-16.5 -39.5t-39.5 -16.5t-39.5 16.5
+t-16.5 39.5t16.5 39.5t39.5 16.5zM200 283v1v4q0 36 26 62t62 26t62 -26t26 -62v-4v-1v-78q0 -5 -5 -5h-166q-5 0 -5 5v78zM952 768h-880q-30 0 -51 -21t-21 -51v-624q0 -30 21 -51t51 -21h880q30 0 51 21t21 51v624q0 30 -21 51t-51 21zM952 72h-880v624h880v-624zM548 348
+h248q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-248q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5zM548 184h184q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-184q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5zM548 512h312q15 0 25.5 10.5
+t10.5 25.5t-10.5 25.5t-25.5 10.5h-312q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5z" />
+    <glyph glyph-name="medicinebox" unicode="&#xe6e6;" 
+d="M952 584h-120v112q0 30 -21 51t-51 21h-496q-30 0 -51 -21t-21 -51v-112h-120q-30 0 -51 -21t-21 -51v-440q0 -30 21 -51t51 -21h880q30 0 51 21t21 51v440q0 30 -21 51t-51 21zM264 696h496v-112h-496v112zM952 72h-880v440h880v-440zM388 256h88v-88q0 -15 10.5 -25.5
+t25.5 -10.5t25.5 10.5t10.5 25.5v88h88q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-88v88q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-88h-88q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5z" />
+    <glyph glyph-name="redenvelopes" unicode="&#xe6e7;" 
+d="M512 457l-59 59q-11 10 -25.5 10t-25 -10.5t-10.5 -25t10 -25.5l67 -67h-115q-14 0 -24 -10t-10 -24v-4q0 -14 10 -24t24 -10h122v-64h-90q-14 0 -24 -10t-10 -24v-4q0 -14 10 -24t24 -10h90v-84q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v84h90q14 0 24 10
+t10 24v4q0 14 -10 24t-24 10h-90v64h122q14 0 24 10t10 24v4q0 14 -10 24t-24 10h-114l67 68q11 10 11 25t-10.5 25.5t-25.5 10.5t-26 -10zM896 770h-1q-3 26 -23.5 44t-47.5 18h-624q-27 0 -47.5 -18t-23.5 -44h-1h1q-1 -5 -1 -10v-752q0 -30 21 -51t51 -21h624q30 0 51 21
+t21 51v752q0 5 -1 10h1zM715 760l-158 -78q-19 -10 -45 -10t-45 10l-157 78h405zM824 8h-624v725l248 -126q26 -14 64 -14t64 14l248 126v-725z" />
+    <glyph glyph-name="rest" unicode="&#xe6e8;" 
+d="M275 615q15 0 25.5 10.5t10.5 25.5v209q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-209q0 -15 10.5 -25.5t25.5 -10.5zM888 471h-120q0 30 -21 51t-51 21h-496q-30 0 -51 -21t-21 -51v-248q0 -5 1 -10q-1 -10 -1 -21q0 -133 93.5 -226.5t226.5 -93.5
+q119 0 208.5 77.5t107.5 193.5h124q30 0 51 21t21 51v184q0 30 -21 51t-51 21zM696 215h-1q1 -12 1 -23q0 -103 -72.5 -175.5t-175.5 -72.5t-175.5 72.5t-72.5 175.5q0 11 1 23h-1v256h496v-256zM888 223h-112v176h112v-176zM613 615q15 0 25.5 10.5t10.5 25.5v209
+q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-209q0 -15 10.5 -25.5t25.5 -10.5zM443 615q15 0 25.5 10.5t10.5 25.5v209q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-209q0 -15 10.5 -25.5t25.5 -10.5z" />
+    <glyph glyph-name="Safety" unicode="&#xe6ea;" 
+d="M512 832l-384 -128v-384q0 -159 112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5v384zM824 320q0 -129 -91.5 -220.5t-220.5 -91.5t-220.5 91.5t-91.5 220.5v330l312 110l312 -110v-330zM378 421q-10 10 -25 10t-25.5 -10.5t-10.5 -25.5t11 -25l129 -129l2 -3
+q10 -9 24 -9t24 9l224 224q10 10 10 24t-10 24l-3 3q-10 10 -24 10t-24 -10l-197 -197z" />
+    <glyph glyph-name="wallet" unicode="&#xe6eb;" 
+d="M620 384zM584 384q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5zM952 768h-880q-30 0 -51 -21t-21 -51v-624q0 -30 21 -51t51 -21h880q30 0 51 21t21 51v624q0 30 -21 51t-51 21zM952 328h-432v112h432v-112z
+M952 512h-432q-30 0 -51 -21t-21 -51v-112q0 -30 21 -51t51 -21h432v-184h-880v624h880v-184z" />
+    <glyph glyph-name="woman" unicode="&#xe6ec;" 
+d="M512 320q119 0 203.5 84.5t84.5 203.5t-84.5 203.5t-203.5 84.5t-203.5 -84.5t-84.5 -203.5t84.5 -203.5t203.5 -84.5zM512 824q89 0 152.5 -63.5t63.5 -152.5t-63.5 -152.5t-152.5 -63.5t-152.5 63.5t-63.5 152.5t63.5 152.5t152.5 63.5zM860 256h-696
+q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h312v-276q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v276h312q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="adduser" unicode="&#xe6ed;" 
+d="M860 132h-88v88q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-88h-88q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h88v-88q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v88h88q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM736 607.5
+q0 92.5 -65.5 158.5t-158.5 66t-158.5 -66t-65.5 -158.5t65.5 -158.5t158.5 -66t158.5 66t65.5 158.5zM512 455q-63 0 -107.5 44.5t-44.5 108t44.5 108t107.5 44.5t107.5 -44.5t44.5 -108t-44.5 -108t-107.5 -44.5zM722 320q-95 63 -210 63q-104 0 -192.5 -51.5t-140 -140
+t-51.5 -193.5v0v-1v-1q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v2v0q0 130 91.5 221.5t220.5 91.5q58 0 111 -21q46 27 99 30z" />
+    <glyph glyph-name="bank" unicode="&#xe6ee;" 
+d="M940 419l-402 401q-10 11 -25 11t-26 -11l-401 -401q-11 -11 -11 -26t10.5 -25.5t25.5 -10.5t25 11l377 376l376 -376q10 -11 25 -11t25.5 11t10.5 25.5t-10 25.5zM828 292q-15 0 -25.5 -10.5t-10.5 -25.5v-248h-560v248q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5
+t-10.5 -25.5v-248q0 -30 21 -51t51 -21h560q30 0 51 21t21 51v248q0 15 -10.5 25.5t-25.5 10.5zM320 358v-4q0 -14 10 -24t24 -10h122v-64h-90q-14 0 -24 -10t-10 -24v-4q0 -14 10 -24t24 -10h90v-84q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v84h90q14 0 24 10
+t10 24v4q0 14 -10 24t-24 10h-90v64h122q14 0 24 10t10 24v4q0 14 -10 24t-24 10h-135q2 1 2 2l85 85q11 10 11 25t-10.5 25.5t-25.5 10.5t-26 -10l-59 -60l-60 60q-10 10 -25 10t-25.5 -10.5t-10.5 -25.5t10 -25l85 -85l2 -2h-134q-14 0 -24 -10t-10 -24z" />
+    <glyph glyph-name="Trophy" unicode="&#xe6ef;" 
+d="M760 384h8q53 0 90.5 37.5t37.5 90.5v256h-128q-4 27 -24 45.5t-48 18.5h-368q-28 0 -48.5 -18.5t-23.5 -45.5h-128v-256q0 -53 37.5 -90.5t90.5 -37.5h8q19 -75 77 -127t135 -63v-186h-312q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h696q15 0 25.5 10.5
+t10.5 25.5t-10.5 25.5t-25.5 10.5h-312v186q77 11 135 63t77 127zM768 696h56v-184q0 -23 -16.5 -39.5t-39.5 -16.5v240zM256 456q-23 0 -39.5 16.5t-16.5 39.5v184h56v-240zM512 264q-76 0 -130 54t-54 130v312h368v-312q0 -76 -54 -130t-130 -54z" />
+    <glyph glyph-name="loading1" unicode="&#xe6ae;" 
+d="M512 -128q-104 0 -199 40q-92 39 -163 110t-110 163q-40 95 -40 199q0 15 10.5 25.5t25.5 10.5t25.5 -10.5t10.5 -25.5q0 -90 35 -171q33 -79 94 -140t140 -95q81 -34 171 -34t171 35q79 33 140 94t95 140q34 81 34 171t-35 171q-33 79 -94 140t-140 95q-81 34 -171 34
+q-15 0 -25.5 10.5t-10.5 25.5t10.5 25.5t25.5 10.5q104 0 199 -40q92 -39 163 -110t110 -163q40 -95 40 -199t-40 -199q-39 -92 -110 -163t-163 -110q-95 -40 -199 -40z" />
+    <glyph glyph-name="loading2" unicode="&#xe64d;" 
+d="M988 348q-15 0 -25.5 10.5t-10.5 25.5q0 90 -35 171q-33 79 -94 140t-140 95q-81 34 -171 34q-15 0 -25.5 10.5t-10.5 25.5t10.5 25.5t25.5 10.5q104 0 199 -40q92 -39 163 -110t110 -163q40 -95 40 -199q0 -15 -10.5 -25.5t-25.5 -10.5z" />
+    <glyph glyph-name="like2" unicode="&#xe69d;" 
+d="M958 421v3q-2 3 -2 4q-15 58 -66 77q-24 8 -50 8h-1h-87h-32.5h-32.5h-21q4 27 7 41q13 67 -5 119q-7 20 -24 66l-9 24q-16 40 -54 56q-29 13 -59 13q-34 0 -66 -17q-51 -26 -50 -83q1 -23 1 -36q1 -41 2 -62q0 -5 -2 -9q-3 -6 -10.5 -19t-11.5 -20q-35 -61 -53 -90
+q-12 -18 -32.5 -30t-35.5 -15l-15 -3h-113q-30 0 -51 -21t-21 -51v-368q0 -30 21 -51t51 -21h248h80h80h50h50h94q42 0 72 10q40 13 64.5 44t28.5 73q2 23 -3 45q25 40 23 84q-1 12 -5 24q24 36 23 76q0 15 -5 30q14 21 20 45l4 5v44zM248 8h-112v368h112v-368zM888 391
+l-2 -8q-3 -11 -9 -21l-19 -28l9 -32q2 -6 2 -13q1 -17 -11 -33l-18 -28l9 -32q1 -5 2 -9q1 -20 -12 -40l-16 -25l6 -25v0v-3q3 -13 2 -25v0v-1q-2 -20 -13 -33q-11 -14 -30 -21q-19 -6 -50 -6h-94h-24.5h-25h-25.5h-25h-77h-83h-64l1 388q46 22 72 62v1q19 30 53 91l1 1v0
+q2 3 14 24q1 1 4 6t4 7q14 24 12 51q-1 22 -2 57v2v16v20q-1 6 2 10q2 4 9 8q16 8 32 8q15 0 31 -7q10 -4 15 -15q7 -21 9 -24q15 -41 23 -64q12 -35 2 -82q-3 -17 -7 -43l-14 -84h106h32h32h88h1v0q13 0 26 -4q15 -6 20 -27q1 0 1.5 -2t0.5 -3v-14z" />
+    <glyph glyph-name="dislike2" unicode="&#xe69e;" 
+d="M960 352v44l-4 6q-6 24 -20 44q5 14 5 30q2 40 -23 76q4 12 5 25q2 43 -23 83q5 22 2 46q-3 41 -27.5 72t-64.5 44q-30 10 -72 10h-94h-50h-51h-79h-80h-248q-30 0 -51 -21t-21 -51v-368q0 -30 21 -51t51 -21h113q6 -1 16 -3t32.5 -14.5t34.5 -30.5q18 -29 53 -90
+q4 -7 11.5 -20t10.5 -18q2 -5 2 -10q-1 -20 -2 -62q0 -13 -1 -36q-1 -56 50 -83q32 -17 66 -17q30 0 59 12q38 17 54 57l9 24q15 41 24 65q18 53 5 120q-4 19 -7 41h21h32.5h32.5h87h1q26 0 50 8q52 19 66 77l2 4v3zM248 392h-112v368h112v-368zM888 363q0 -1 -1 -3
+q0 -2 -1 -2q-5 -21 -20 -27q-13 -4 -26 -4v0h-1h-88h-32h-15.5h-16.5h-106l14 -84q4 -26 7 -43q10 -48 -2 -82q-8 -23 -24 -63q-1 -5 -4.5 -14t-4.5 -10q-4 -12 -14 -16q-16 -7 -31 -7q-16 0 -32 8q-7 4 -10 8q-2 3 -2 10q1 23 1 37v1q1 39 2 57q2 27 -12 51q-1 2 -4 6.5
+t-4 6.5q-13 23 -14 24v0l-1 2q-34 60 -53 91h-1q-25 40 -71 62l-1 388h64h83h77h25h25.5h25h24.5h94q31 0 50 -6t30 -21q11 -13 13 -33v-1v0q1 -12 -2 -24v-4v0l-6 -25l16 -25q13 -20 12 -39q0 -5 -2 -9l-9 -33l18 -28q12 -16 11 -33q0 -7 -2 -13l-9 -32l19 -28q6 -10 9 -21
+l2 -8v-14z" />
+    <glyph glyph-name="like1" unicode="&#xe64c;" 
+d="M184 448h-48q-30 0 -51 -21t-21 -51v-368q0 -30 21 -51t51 -21h48q30 0 51 21t21 51v368q0 30 -21 51t-51 21zM957 422q-11 43 -47 56q-21 6 -42 6h-226q-7 0 -8 1.5t0 8.5q2 10 4.5 26.5t5 30.5t4.5 26q12 62 -4 109q-6 17 -36 97q-10 28 -36 39q-53 22 -102 -3
+q-34 -18 -33 -54q0 -10 1 -48t2 -58q1 -18 -8 -33q-73 -125 -76 -130q-4 -6 -28 -32q-17 -18 -24 -30t-7 -29q0 -284 -1 -397q0 -30 21.5 -51t51.5 -21h390q40 0 66 9q32 10 51 34t22 58q2 29 -6 50q-1 4 2 9q28 37 26 76q-1 10 -7 29q-3 7 2 13q26 33 25 69q0 7 -3.5 21
+t-3.5 16q-2 6 0 9q19 21 26 53q0 1 1 2v29z" />
+    <glyph glyph-name="dislike1" unicode="&#xe64b;" 
+d="M256 392q0 -30 -21 -51t-51 -21h-48q-30 0 -51 21t-21 51v368q0 30 21 51t51 21h48q30 0 51 -21t21 -51v-368zM957 346q-11 -43 -47 -56q-21 -6 -42 -6h-226q-7 0 -8 -1.5t0 -8.5q2 -10 4.5 -26.5t5 -30.5t4.5 -26q12 -62 -4 -109q-6 -17 -36 -97q-10 -28 -36 -39
+q-53 -22 -102 3q-34 18 -33 54q0 10 1 48t2 58q1 18 -8 33q-73 125 -76 130q-4 6 -28 32q-17 18 -24 30t-7 29q0 284 -1 397q0 30 21.5 51t51.5 21h390q40 0 66 -9q32 -10 51 -34t22 -58q2 -29 -6 -50q-1 -4 2 -9q28 -37 26 -76q-1 -10 -7 -29q-3 -7 2 -13q26 -33 25 -69
+q0 -7 -3.5 -21t-3.5 -15q-2 -7 0 -9q19 -22 26 -54q0 -1 1 -2v-28q-2 -7 -3 -10z" />
+    <glyph glyph-name="bulb1" unicode="&#xe649;" 
+d="M640 -56h-256q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h256q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM896 522q0 155 -112.5 264.5t-271.5 109.5t-271.5 -109.5t-112.5 -264.5q0 -102 52 -188.5t140 -135.5v-62q0 -30 21 -51t51 -21h240
+q30 0 51 21t21 51v62q88 49 140 135.5t52 188.5zM733 309q-43 -42 -99 -65l-1 -0.5l-1 -0.5v-107h-240v107l-1 0.5l-1 0.5q-56 23 -99 65t-67 96q-24 56 -24 117t24 117q24 54 67 96t99 65q58 24 122 24t122 -24q56 -23 99 -65t67 -96q24 -56 24 -117t-24 -117
+q-24 -54 -67 -96z" />
+    <glyph glyph-name="rocket1" unicode="&#xe90f;" 
+d="M954 799l-6 21l-21 5q-27 7 -72 7q-111 0 -235 -34q-63 -18 -112 -41q-50 -25 -78 -53q-25 -25 -65 -97q-9 -17 -19 -36q-60 -18 -143 -70q-97 -61 -132 -107q-11 -14 -6 -31.5t22 -23.5q3 -1 10.5 -4t11.5 -4q79 -30 111 -46v0l192 -193q16 -33 46 -112q4 -10 9 -21
+q6 -17 23 -22q5 -1 10 -1q12 0 22 7q46 34 106 132q53 84 70 143q21 11 37 19q73 40 98 65q35 35 64.5 106.5t46.5 163.5q16 83 16 152q0 47 -6 75zM293 457q-21 -47 -46 -105q-29 14 -82 34q33 27 76 54q31 19 59 34q-4 -10 -7 -17zM568 113q-27 -43 -54 -76q-20 51 -34 82
+q55 23 106 46q1 0 15 7q-14 -28 -33 -59zM888 725q0 -64 -14 -140q-16 -81 -42 -145q-24 -61 -50 -87v0q-17 -17 -82 -52q-58 -32 -144 -71q-56 -25 -126 -54l-126 126q27 65 54 126q39 86 71 144q35 64 52 82q19 19 59 38q43 21 100 36q113 32 216 32q17 0 31 -1
+q1 -16 1 -34zM185 144q-29 0 -51.5 -17t-31.5 -44l-37 -125q-1 -2 -1 -5q0 -7 5 -12t12 -5q3 0 5 1l124 37q27 9 44.5 32t17.5 52q0 35 -25.5 60.5t-61.5 25.5zM594.5 466.5q18.5 -18.5 45.5 -18.5t45.5 18.5t18.5 45.5t-18.5 45.5t-45.5 18.5t-45.5 -18.5t-18.5 -45.5
+t18.5 -45.5z" />
+    <glyph glyph-name="select1" unicode="&#xe64a;" 
+d="M888 832h-752q-30 0 -51 -21t-21 -51v-752q0 -30 21 -51t51 -21h504q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-504v752h752v-504q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v504q0 30 -21 51t-51 21zM634 314l103 103q9 9 4.5 20t-16.5 11h-241
+q-15 0 -25.5 -10.5t-10.5 -25.5v-240q0 -13 11 -17.5t20 4.5l103 104l188 -188q11 -11 26 -11t25.5 10.5t10.5 25.5t-10 26z" />
+    <glyph glyph-name="apple1" unicode="&#xe68c;" 
+d="M902 547q-21 31 -49 52.5t-55.5 31t-46.5 13.5t-36 4q-35 4 -75 -7.5t-73 -25t-48 -13.5q-17 0 -75 22.5t-94 21.5q-65 -1 -121.5 -35.5t-90.5 -92.5q-32 -56 -40 -128t5.5 -142t39.5 -133.5t60 -112.5q20 -30 34.5 -48t36 -40t44.5 -32.5t47 -9.5q29 1 77.5 21.5
+t89.5 20.5q40 0 88 -20.5t81 -20.5q25 1 47 11t42.5 30.5t34 37.5t33.5 47q44 64 71 146v0q-8 3 -17.5 8t-33 22.5t-40.5 38.5t-31.5 58t-14.5 80q-1 36 11 70t24.5 53.5t34 39t26.5 23t14 9.5zM716 896q-39 -2 -81 -23.5t-70 -54.5q-27 -30 -41.5 -73t-9.5 -85
+q41 -3 80.5 17.5t68.5 55.5q28 34 43 77t10 86z" />
+    <glyph glyph-name="apple-o" unicode="&#xe6d4;" 
+d="M698 577h10h2l2 -1q30 -1 59 -13q13 -5 25 -12q-4 -5 -10 -11q-30 -37 -46 -79q-21 -52 -21 -110q1 -125 88 -210q16 -15 33 -27q-18 -40 -42 -74q-37 -55 -58 -74q-21 -20 -40 -21h-2q-17 0 -47 14q-64 27 -119 27q-56 0 -122 -28q-31 -13 -48 -14h-1q-15 0 -38 22
+t-61 77q-66 95 -88 218q-11 65 -5 120q7 57 31 101q25 42 65 67q41 24 86 25h1q23 0 77 -21q58 -24 90 -24q29 0 87 23q63 25 92 25zM698 649q-41 0 -103 -24t-76 -24q-17 0 -74 22.5t-93 22.5h-2q-65 -1 -121.5 -35.5t-90.5 -92.5q-32 -57 -40 -128.5t5.5 -141.5
+t39.5 -133.5t60 -112.5q20 -29 34 -47.5t35 -40t43.5 -32t45.5 -10.5h3q30 1 78.5 21.5t89.5 20.5q40 0 87 -20.5t79 -20.5h3q25 1 47 11t42.5 30.5t33.5 37.5t34 47q44 64 71 146v0q-8 3 -17.5 8t-33 22.5t-40.5 38.5t-31.5 58t-15.5 80q0 36 12 70t24.5 53.5t34 39t26 23
+t14.5 9.5q-21 31 -49 52.5t-55.5 31t-46.5 13.5t-36 4q-9 1 -17 1zM716 896q-39 -2 -81 -23.5t-70 -54.5q-27 -30 -41.5 -73t-9.5 -85q41 -3 80.5 17.5t68.5 55.5q28 34 43 77t10 86z" />
+    <glyph glyph-name="android1" unicode="&#xe938;" 
+d="M888 575q-26 0 -44.5 -18.5t-18.5 -44.5v-247q0 -27 18.5 -45.5t44 -18.5t44 18.5t18.5 45.5v247q0 26 -18 44.5t-44 18.5zM136.5 575q-25.5 0 -44 -18.5t-18.5 -44.5v-247q0 -27 18.5 -45.5t44 -18.5t44 18.5t18.5 45.5v247q0 26 -18.5 44.5t-44 18.5zM236 573v-452
+q0 -20 14.5 -34t34.5 -14h55v-138q0 -26 18.5 -44.5t44 -18.5t44 18.5t18.5 44.5v138h97v-138q0 -26 18 -44.5t44 -18.5t44 18.5t18 44.5v138h56q20 0 34 14t14 35v451h-554zM643 807l52 75q5 8 -2 13t-13 -3l-53 -78q-55 22 -115 22t-115 -22l-53 77q-6 9 -13 3
+q-7 -4 -2 -13l52 -74q-62 -29 -101.5 -80t-44.5 -114h554q-5 63 -44.5 114t-101.5 80zM395 690q-13 0 -22 9t-9 22t9 22t22 9t22 -9t9 -22t-9 -22t-22 -9zM632.5 690q-12.5 0 -21.5 9t-9 22t9 22t21.5 9t21.5 -9t9 -22t-9 -22t-21.5 -9z" />
+    <glyph glyph-name="android" unicode="&#xe68d;" 
+d="M888.5 601.5q-24.5 24.5 -60.5 24.5q-6 0 -13 -1v1h-4q-9 53 -43 100q-32 44 -81 74l29 41v4v2l1 2q1 7 1 10q0 16 -10 26.5t-26 10.5q-18 0 -30 -18l-33 -48q-53 18 -107 18t-107 -18l-33 48q-12 18 -30 18q-16 0 -26 -10.5t-10 -26.5q0 -11 7 -19l26 -37
+q-50 -30 -82 -75q-34 -47 -42 -100h-6v-1q-6 1 -12 1q-37 0 -61 -24t-24 -60v-269q0 -36 24 -60.5t60 -24.5q6 0 13 1v-107q0 -25 17.5 -42.5t42.5 -17.5h37v-67q0 -36 24 -60q24 -25 60.5 -25t60.5 24q24 25 24 61v66h73v-66q0 -36 25 -60q24 -25 60 -25t61 25q24 24 24 60
+v67h36q25 0 43 17.5t18 42.5v105q6 -1 12 -1q36 0 61 24q24 25 24 61v268q1 36 -23.5 60.5zM209 272q0 -12 -12 -12t-12 12v269q0 12 12 12t12 -12v-269zM358 726q66 48 154 48t154 -48q56 -42 71 -100h-450q15 58 71 100zM403 -45q-1 -10 -12 -10q-12 0 -12 12v67h24v-69z
+M646 -45q-2 -10 -12 -10q-13 0 -13 12v67h25v-69zM743 96h-461v457h461v-457zM840 272q0 -12 -12.5 -12t-12.5 12v269q0 12 12.5 12t12.5 -12v-269zM585 712q-16 0 -26 -10.5t-10 -26.5t10 -26t26 -10t26.5 10t10 26t-10.5 26.5t-26 10.5zM439.5 712q-15.5 0 -26 -10.5
+t-10.5 -26.5t10.5 -26t26 -10t26 10t10.5 26t-10.5 26.5t-26 10.5z" />
+    <glyph glyph-name="aliwangwang-o1" unicode="&#xe68f;" 
+d="M985 560q-37 88 -106 157q-68 69 -158 106q-92 39 -192 39q-83 0 -160 -26q-54 25 -122 40t-105 17.5t-69 2.5h-12q-25 -1 -38.5 -21.5t-4.5 -43.5l84 -211q-69 -117 -69 -253q0 -101 39 -193q38 -88 106 -157q69 -68 158 -106q92 -39 193 -39q100 0 193 39
+q88 37 157 106q68 68 106 157q39 92 39 193.5t-39 192.5zM919 202q-32 -75 -91 -134t-134 -91h-1q-78 -33 -164.5 -33t-164.5 33q-76 32 -135 91t-90 134v1q-34 78 -34 164q0 117 59 216l18 30l-83 210q40 -1 82 -7q91 -14 158 -45l26 -12l28 9q65 22 136 22q86 0 164 -33
+q76 -32 135 -91t91 -134v0q33 -78 33 -165q0 -86 -33 -165zM511.5 577q-20.5 0 -34.5 -14t-14 -34v-72q0 -20 14 -34.5t34.5 -14.5t34.5 14.5t14 34.5v72q0 20 -14 34t-34.5 14zM740.5 577q-20.5 0 -34.5 -14t-14 -34v-72q0 -20 14 -34.5t34.5 -14.5t34.5 14.5t14 34.5v72
+q0 20 -14 34t-34.5 14z" />
+    <glyph glyph-name="aliwangwang" unicode="&#xe68e;" 
+d="M985 560q-37 88 -106 157q-68 69 -158 106q-91 39 -192 39q-83 0 -160 -26q-54 25 -122 40t-105 17.5t-69 2.5h-12q-25 -1 -38.5 -21.5t-4.5 -43.5l84 -211q-69 -117 -69 -253q0 -101 39 -193q38 -88 106 -157q69 -68 158 -106q92 -39 193 -39t193 39q88 37 157 106
+q68 68 106 157q39 92 39 193.5t-39 192.5zM560 457q0 -20 -14 -34.5t-34.5 -14.5t-34.5 14.5t-14 34.5v72q0 20 14 34t34.5 14t34.5 -14t14 -34v-72zM789 457q0 -20 -14 -34.5t-34.5 -14.5t-34.5 14.5t-14 34.5v72q0 20 14 34t34.5 14t34.5 -14t14 -34v-72z" />
+    <glyph glyph-name="pay-circle1" unicode="&#xe6a5;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM737 419q0 -14 -10.5 -23.5t-24.5 -9.5h-154v-64h122q14 0 24.5 -10.5t10.5 -24.5v-4q0 -14 -10.5 -23.5
+t-24.5 -9.5h-122v-149q0 -15 -10.5 -25.5t-25.5 -10.5t-25.5 10.5t-10.5 25.5v149h-122q-15 0 -24.5 9.5t-9.5 23.5v4q0 14 10 24.5t24 10.5h122v64h-154q-15 0 -25 10t-10 24v3q0 14 10 24.5t25 10.5h166l-2 1l-118 118q-11 11 -11 26t10.5 25.5t25.5 10.5t26 -10l93 -93
+l92 92q11 11 25.5 11t25.5 -10.5t10.5 -25.5t-10.5 -25l-118 -118q-1 -1 -2 -1h167q14 0 24.5 -11t10.5 -25v-4z" />
+    <glyph glyph-name="pay-circle-o1" unicode="&#xe6a6;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM823 73q-61 -61 -140 -94q-81 -35 -171 -35t-171 35q-79 33 -140 94t-94 140q-35 81 -35 171t35 171
+q33 79 94 140t140 94q81 35 171 35t171 -35q79 -33 140 -94t94 -140q35 -81 35 -171t-35 -171q-33 -79 -94 -140zM702 459h-167q1 0 2 1l118 118q11 10 11 25t-10.5 25.5t-25.5 10.5t-26 -11l-92 -92l-93 93q-11 10 -26 10t-25.5 -10.5t-10.5 -25.5t11 -26l118 -118l2 -1
+h-166q-14 0 -24.5 -10.5t-10.5 -24.5v-3q0 -14 10 -24t25 -10h154v-64h-123q-13 0 -23 -10.5t-10 -24.5v-4q0 -14 9.5 -23.5t23.5 -9.5h123v-149q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v149h122q14 0 24.5 9.5t10.5 23.5v4q0 14 -10.5 24.5t-24.5 10.5h-122v64
+h154q14 0 24.5 9.5t10.5 23.5v4q0 14 -10.5 25t-24.5 11z" />
+    <glyph glyph-name="poweroff" unicode="&#xe6d5;" 
+d="M512 512q15 0 25.5 10.5t10.5 25.5v312q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-312q0 -15 10.5 -25.5t25.5 -10.5zM512 -128q-104 0 -199 40q-92 39 -163 110t-110 163q-40 95 -40 199q0 123 55 231q53 105 147 177q12 9 27 7t24 -14t7 -27t-14 -24
+q-81 -61 -127 -151q-47 -94 -47 -199q0 -90 35 -171q33 -79 94 -140t140 -95q81 -34 171 -34t171 35q79 33 140 94t95 140q34 81 34 171q0 105 -47 199q-46 90 -127 151q-12 9 -14 24t7 27t24 14t27 -7q94 -72 147 -177q55 -109 55 -231q0 -104 -40 -200q-39 -91 -110 -162
+t-163 -110q-95 -40 -199 -40z" />
+    <glyph glyph-name="trademark" unicode="&#xe651;" 
+d="M666.5 397q46.5 43 46.5 115q0 37 -14 69q-14 30 -39 51q-25 19 -59 27.5t-125 8.5h-113v-578h65v264h23l194 -264h82l-196 264q89 0 135.5 43zM516 420h-88v182h91q66 0 96 -22q31 -22 31 -69.5t-32 -69.5q-31 -22 -98 -21zM512 896q-139 0 -257 -68.5t-186.5 -186.5
+t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM512 -56q-182 0 -311 129t-129 311t129 311t311 129t311 -129t129 -311t-129 -311t-311 -129z" />
+    <glyph glyph-name="find" unicode="&#xe6db;" 
+d="M521 512q-58 4 -99.5 -37.5t-37.5 -99.5l-98 -217l217 98q58 -4 99.5 37.5t37.5 99.5l98 217zM551.5 344.5q-16.5 -16.5 -39.5 -16.5t-39.5 16.5t-16.5 39.5t16.5 39.5t39.5 16.5t39.5 -16.5t16.5 -39.5t-16.5 -39.5zM512 896q-139 0 -257 -68.5t-186.5 -186.5
+t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM512 -56q-182 0 -311 129t-129 311t129 311t311 129t311 -129t129 -311t-129 -311t-311 -129z" />
+    <glyph glyph-name="copyright" unicode="&#xe6de;" 
+d="M518 176q-79 0 -121 56q-42 53 -42 150q0 96 43 152q44 58 121 58q63 0 101 -29q38 -31 49 -91h80q-14 96 -74 142q-59 46 -156 46q-119 0 -185 -83q-62 -75 -62 -195q0 -121 62 -195q65 -79 184 -79q96 0 156 51q59 50 78 153h-81q-19 -136 -153 -136zM512 896
+q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM512 -56q-182 0 -311 129t-129 311t129 311t311 129t311 -129t129 -311t-129 -311t-311 -129z" />
+    <glyph glyph-name="sound" unicode="&#xe6e9;" 
+d="M464 731l-233 -155h-166q-27 0 -46 -21t-19 -51v-240q0 -30 19 -51t46 -21h166l233 -155q23 -15 39.5 -5t16.5 40v624q0 30 -16.5 40t-39.5 -5zM448 134l-191 130h-185v240h185l191 127v-497zM640 232q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5
+q93 0 158.5 65.5t65.5 158.5t-65.5 158.5t-158.5 65.5q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5q63 0 107.5 -44.5t44.5 -107.5t-44.5 -107.5t-107.5 -44.5zM640 768q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5q129 0 220.5 -91.5t91.5 -220.5
+t-91.5 -220.5t-220.5 -91.5q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5q159 0 271.5 112.5t112.5 271.5t-112.5 271.5t-271.5 112.5z" />
+    <glyph glyph-name="earth" unicode="&#xe6f1;" 
+d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM394 808q-46 -39 -80 -104q-31 16 -59 36h-2q65 47 141 68zM198 692q40 -31 87 -54q-35 -94 -41 -204h-169
+q17 150 123 258zM72 362h170q4 -126 43 -232q-46 -23 -87 -54q-56 56 -88.5 130t-37.5 156zM253 28h2q28 20 59 36q35 -65 80 -104q-76 21 -141 68zM481 -10q-59 19 -103 100q50 16 103 20v-120zM481 182q-67 -4 -132 -25q-32 92 -35 205h167v-180zM481 434h-165
+q6 97 33 177q64 -21 132 -25v-152v0zM481 658q-53 4 -103 20q44 82 103 100v-120zM949 434h-169q-6 110 -41 204q46 23 87 54q106 -108 123 -258zM771 740h-2q-28 -20 -59 -36q-35 65 -81 104q77 -21 142 -68zM553 774q53 -22 93 -96q-45 -15 -93 -19v115zM553 587
+q62 4 122 24q27 -80 33 -177h-155v153zM553 362h157q-3 -113 -35 -205q-59 19 -122 24v181zM553 -6v115q48 -4 93 -19q-40 -74 -93 -96zM630 -40q46 39 80 104q31 -16 59 -36h2q-65 -47 -141 -68zM826 76q-40 31 -87 54q39 106 43 232h169q-4 -82 -36.5 -156t-88.5 -130z
+" />
+    <glyph glyph-name="wifi" unicode="&#xe6d6;" 
+d="M964 576q-92 93 -212 140.5t-241 47.5t-240.5 -47.5t-212.5 -140.5q-10 -10 -10 -25t10.5 -25.5t25.5 -10.5t25 11q82 81 188 123.5t214 42.5t214 -42.5t188 -123.5q10 -11 25 -11t25.5 10.5t10.5 25.5t-10 25zM194 422q-10 -11 -10 -26t10.5 -25.5t25.5 -10.5t25 11
+q54 54 124.5 82t141.5 28t141.5 -28t124.5 -82q10 -11 25 -11t25.5 10.5t10.5 25.5t-10 26q-86 86 -201.5 116.5t-231 0t-201.5 -116.5zM693 258v0q-75 75 -181 75t-181 -75q-11 -11 -11 -26t10.5 -25.5t25.5 -10.5t26 11q54 54 130 54t130 -54v0l3 -3q10 -11 25 -11
+t25.5 11t10.5 25.5t-10 25.5q-3 2 -3 3zM512 54zM458 54q0 -22 16 -38t38 -16t38 16t16 38t-16 38t-38 16t-38 -16t-16 -38z" />
+    <glyph glyph-name="sync" unicode="&#xe6da;" 
+d="M989 384q-15 1 -26 -8.5t-12 -24.5q-7 -83 -42.5 -157.5t-96.5 -131.5t-138.5 -87.5t-161.5 -30.5q-133 0 -243 73q-97 64 -149 167h100q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-184q-15 0 -25.5 -10.5t-10.5 -25.5v-184q0 -15 10.5 -25.5t25.5 -10.5
+t25.5 10.5t10.5 25.5v86q59 -100 157 -165q128 -85 283 -85q98 0 188 35.5t161 101.5t112.5 153t48.5 183q2 15 -8 26.5t-25 12.5zM988 768q-15 0 -25.5 -10.5t-10.5 -25.5v-86q-59 100 -157 165q-128 85 -283 85q-98 0 -188 -35.5t-161 -101.5t-112.5 -153t-49.5 -183
+q-1 -15 9 -26.5t25 -12.5h2q14 0 24.5 9.5t11.5 23.5q6 83 42 157.5t97 131.5t138.5 87.5t161.5 30.5q133 0 243 -73q97 -64 149 -167h-100q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h184q15 0 25.5 10.5t10.5 25.5v184q0 15 -10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="login" unicode="&#xe657;" 
+d="M443 274q-11 -11 -11 -26t10.5 -25.5t25.5 -10.5t26 11l136 135q10 11 10 26t-10 26l-136 135q-11 11 -26 11t-25.5 -10.5t-10.5 -25.5t11 -26l74 -74h-481q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h481zM984 583q-39 92 -110 163t-163 110q-95 40 -199 40
+q-123 0 -231 -55q-105 -53 -177 -147q-9 -12 -7 -27t14 -24t27 -7t24 14q61 81 151 127q94 47 199 47q90 0 171 -35q79 -33 140 -94t94 -140q35 -81 35 -171t-34 -171q-34 -79 -95 -140t-140 -94q-81 -35 -171 -35q-105 0 -199 47q-90 46 -151 127q-9 12 -24 14t-27 -7
+t-14 -24t7 -27q72 -94 177 -147q108 -55 231 -55q104 0 199 40q92 39 163 110t110 163q40 95 40 199t-40 199z" />
+    <glyph glyph-name="logout" unicode="&#xe65a;" 
+d="M772 29q-116 -85 -260 -85q-90 0 -171 34q-79 34 -140 95t-94 140q-35 81 -35 171t34 171q34 79 95 140t140 94q81 35 171 35q144 0 260 -85q12 -9 26.5 -6.5t23.5 14.5t7 26.5t-14 23.5q-135 99 -303 99q-104 0 -199 -40q-92 -39 -163 -110t-110 -163q-40 -95 -40 -199
+t40 -199q39 -92 110 -163t163 -110q95 -40 199 -40q168 0 303 99q12 9 14 23.5t-6.5 26.5t-23.5 14.5t-27 -6.5zM1014 410l-136 135q-11 11 -26 11t-25.5 -10.5t-10.5 -25.5t11 -26l74 -74h-481q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h481l-74 -74
+q-11 -11 -11 -26t10.5 -25.5t25.5 -10.5t26 11l136 135q10 11 10 26t-10 26z" />
+    <glyph glyph-name="reload1" unicode="&#xe616;" 
+d="M954 392q-2 15 -14.5 23.5t-27 6t-23 -14.5t-6.5 -27q5 -28 5 -60q0 -76 -28.5 -144.5t-81.5 -121.5t-122 -81.5t-144 -28.5t-144 28.5t-122 81.5t-81.5 122t-28.5 144t28.5 144t81.5 122t122 81.5t144 28.5h13l-82 -82q-11 -11 -11 -25.5t10.5 -25.5t25.5 -11t26 11
+l135 136q11 10 11 25t-11 26l-135 135q-11 11 -26 11t-25.5 -10.5t-10.5 -25.5t11 -25l66 -67q-89 -1 -171 -35q-81 -34 -143 -96t-96 -143q-35 -83 -35 -174t35 -174q34 -81 96 -143t143 -96q83 -35 174 -35t174 35q81 34 143 96t96 142q35 83 35 175q0 37 -6 72z" />
+    <glyph glyph-name="message1" unicode="&#xe6ab;" 
+d="M292 471q-23 0 -39 -16t-16 -39t16 -39t39 -16t39 16t16 39t-16 39t-39 16zM732 471q-23 0 -39 -16t-16 -39t16 -39t39 -16t39 16t16 39t-16 39t-39 16zM512 471q-23 0 -39 -16t-16 -39t16 -39t39 -16t39 16t16 39t-16 39t-39 16zM983 604q-39 86 -110 153
+q-71 66 -163 102q-94 37 -198 37t-198 -37q-92 -36 -163 -102q-71 -67 -110 -153q-41 -90 -41 -187q0 -88 33 -169.5t94 -147.5l23 -196q3 -19 20 -28q7 -4 16 -4t18 5l148 84q78 -24 160 -24q103 0 198 37q92 37 163 103t110 152q41 89 41 188q0 97 -41 187zM918 259
+q-33 -73 -94 -130q-61 -56 -140 -87q-82 -33 -172 -33q-79 0 -152 25q-16 5 -30 -3l-115 -65l-18 155q-1 12 -10 21q-56 56 -85.5 127t-29.5 148q0 82 34 157q33 73 94 130t140 88q82 32 172 32t172 -32q79 -32 140 -88.5t94 -129.5q34 -75 34 -157.5t-34 -157.5z" />
+    <glyph glyph-name="shake" unicode="&#xe94f;" 
+d="M760 896h-496q-30 0 -51 -21t-21 -51v-880q0 -30 21 -51t51 -21h464q33 0 68.5 22t35.5 50v880q0 30 -21 51t-51 21zM542 -64h-60q-15 0 -24.5 9.5t-9.5 22.5t9.5 22.5t24.5 9.5h60q15 0 24.5 -9.5t9.5 -22.5t-9.5 -22.5t-24.5 -9.5zM760 65h-496v704h496v-704zM80 870
+l-44 -10q-19 -12 -29 -33t-6 -44l127 -832l-75 853q-3 39 27 66zM130 886q-20 -11 -31.5 -31t-10.5 -44l54 -839v856q0 39 32 63zM988 860l-44 10q30 -26 27 -66l-75 -853l127 832q4 23 -6 44t-29 33zM936 812q1 23 -10.5 43t-31.5 31l-44 6q32 -25 32 -64v-856z" />
+    <glyph glyph-name="API" unicode="&#xe951;" 
+d="M952 722l-183 106q-8 4 -16.5 4t-15.5 -4l-183 -106q-16 -9 -16 -27v-9l-10 6q-7 4 -15.5 4t-16.5 -4l-10 -6v9q0 18 -16 27l-183 106q-8 4 -16 4t-16 -4l-183 -106q-16 -9 -16 -27v-212q0 -18 16 -27l183 -106q8 -4 16 -4t16 4l10 6v-9q0 -18 16 -27l6 -4l-6 -4
+q-16 -9 -16 -27v-212q0 -18 16 -27l183 -106q8 -4 16 -4t16 4l183 106q16 9 16 27v212q0 18 -16 27l-6 4l6 4q16 9 16 27v9l10 -6q7 -4 15.5 -4t16.5 4l183 106q16 9 16 27v212q0 18 -16 27zM271 424l-143 82v166l143 82l143 -82v-28l-101 -58q-16 -9 -16 -27v-120zM414 591
+v-85l-71 -40v84zM655 261v-165l-143 -82l-143 82v165l23 13l104 -60q8 -4 16 -4t16 4l104 60zM438 301l74 43l74 -43l-74 -43zM681 355l-23 -13l-130 76q-8 4 -16 4t-16 -4l-130 -76l-23 13v28l127 73q16 9 16 27v150l26 15l26 -15v-150q0 -18 16 -27l127 -74v-27zM681 466
+l-71 40v86l71 -41v-85zM896 506l-143 -82l-26 15v120q0 18 -16 27l-101 58v28l143 82l143 -82v-166z" />
+    <glyph glyph-name="appstore-o" unicode="&#xe695;" 
+d="M398 760v-262h-262v262h262zM398 832h-262q-30 0 -51 -21t-21 -51v-262q0 -30 21 -51t51 -21h262q30 0 51 21t21 51v262q0 30 -21 51t-51 21zM888 760v-262h-262v262h262zM888 832h-262q-30 0 -51 -21t-21 -51v-262q0 -30 21 -51t51 -21h262q30 0 51 21t21 51v262
+q0 30 -21 51t-51 21zM398 270v-262h-262v262h262zM398 342h-262q-30 0 -51 -21t-21 -51v-262q0 -30 21 -51t51 -21h262q30 0 51 21t21 51v262q0 30 -21 51t-51 21zM888 270v-262h-262v262h262zM888 342h-262q-30 0 -51 -21t-21 -51v-262q0 -30 21 -51t51 -21h262q30 0 51 21
+t21 51v262q0 30 -21 51t-51 21z" />
+    <glyph glyph-name="appstore1" unicode="&#xe696;" 
+d="M398 832h-262q-30 0 -51 -21t-21 -51v-262q0 -30 21 -51t51 -21h262q30 0 51 21t21 51v262q0 30 -21 51t-51 21zM888 832h-262q-30 0 -51 -21t-21 -51v-262q0 -30 21 -51t51 -21h262q30 0 51 21t21 51v262q0 30 -21 51t-51 21zM398 342h-262q-30 0 -51 -21t-21 -51v-262
+q0 -30 21 -51t51 -21h262q30 0 51 21t21 51v262q0 30 -21 51t-51 21zM888 342h-262q-30 0 -51 -21t-21 -51v-262q0 -30 21 -51t51 -21h262q30 0 51 21t21 51v262q0 30 -21 51t-51 21z" />
+    <glyph glyph-name="scan1" unicode="&#xe697;" 
+d="M768 200v368q0 30 -21 51t-51 21h-368q-30 0 -51 -21t-21 -51v-368q0 -30 21 -51t51 -21h368q30 0 51 21t21 51zM696 200h-368v368h368v-368zM100 572q15 0 25.5 10.5t10.5 25.5v152h152q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-152q-30 0 -51 -21t-21 -51
+v-152q0 -15 10.5 -25.5t25.5 -10.5zM288 8h-152v152q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-152q0 -30 21 -51t51 -21h152q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM888 832h-152q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h152v-152
+q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v152q0 30 -21 51t-51 21zM924 196q-15 0 -25.5 -10.5t-10.5 -25.5v-152h-152q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h152q30 0 51 21t21 51v152q0 15 -10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="exception1" unicode="&#xe665;" 
+d="M888 832h-753q-30 0 -51 -21t-21 -51v-752q0 -30 21 -51t51 -21h277q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-277v752h753v-752h-84q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h84q30 0 51 21t21 51v752q0 30 -21 51t-51 21zM640 -28
+q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5zM676 512q-15 0 -25.5 -10.5t-10.5 -25.5v-376q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v376q0 15 -10.5 25.5t-25.5 10.5zM540 640h-312q-15 0 -25.5 -10.5
+t-10.5 -25.5t10.5 -25.5t25.5 -10.5h312q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM412 448h-184q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h184q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM412 256h-184q-15 0 -25.5 -10.5t-10.5 -25.5
+t10.5 -25.5t25.5 -10.5h184q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="contacts" unicode="&#xe6f0;" 
+d="M256 204q0 15 -10.5 25.5t-25.5 10.5h-120q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h120q15 0 25.5 10.5t10.5 25.5zM100 526h120q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-120q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5zM888 832
+h-688q-30 0 -51 -21t-21 -51v-56q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5v56h688v-752h-688v54v0v1v1q0 15 -10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5v-2v0v-54q0 -30 21 -51t51 -21h688q30 0 51 21t21 51v752q0 30 -21 51t-51 21zM100 347h120
+q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-120q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5zM575.5 312q-67.5 0 -115.5 48t-48 116t48 116t115.5 48t116 -48t48.5 -116t-48.5 -116t-116 -48zM576 568q-38 0 -65 -27t-27 -65t27 -65t65 -27t65 27t27 65
+t-27 65t-65 27zM764 128q-13 0 -23 8t-12 21q-11 55 -54 91t-99.5 36t-99.5 -36t-54 -91q-2 -13 -12 -21t-23 -8q-3 0 -7 1q-14 2 -22.5 14.5t-5.5 27.5q15 80 78 132.5t145.5 52.5t145.5 -52.5t79 -132.5q2 -15 -6 -27.5t-23 -14.5q-3 -1 -7 -1z" />
+    <glyph glyph-name="solution1" unicode="&#xe66f;" 
+d="M959 -21q-10 50 -41.5 88t-77.5 56q28 18 43.5 47t15.5 63q0 55 -38.5 93.5t-93 38.5t-93.5 -38.5t-39 -93.5q0 -33 16 -62.5t44 -47.5q-46 -18 -77.5 -56t-41.5 -88q-3 -14 5.5 -26.5t23.5 -15.5t27 5.5t15 23.5q8 43 42 71t78.5 28t78.5 -28t42 -71q3 -13 13 -21.5
+t22 -8.5q4 0 7 1q15 3 23.5 15.5t5.5 26.5zM767.5 293q24.5 0 42.5 -17.5t18 -42.5t-18 -42.5t-42.5 -17.5t-42 17.5t-17.5 42.5t17.5 42.5t42 17.5zM888 832h-752q-30 0 -51 -21t-21 -51v-752q0 -30 21 -51t51 -21h276q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5
+h-276v752h752v-340q0 -15 11 -25.5t25.5 -10.5t25 10.5t10.5 25.5v340q0 30 -21 51t-51 21zM228 568h312q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5h-312q-14 0 -25 -10.5t-11 -25.5t11 -25.5t25 -10.5zM412 448h-184q-14 0 -25 -10.5t-11 -25.5t11 -25.5t25 -10.5
+h184q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM412 256h-184q-14 0 -25 -10.5t-11 -25.5t11 -25.5t25 -10.5h184q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5z" />
+    <glyph glyph-name="fork" unicode="&#xe6f2;" 
+d="M896 768q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5q0 -43 26 -77t66 -46v-127l-220 -221l-220 221v127q40 12 66 46t26 77q0 53 -37.5 90.5t-90.5 37.5t-90.5 -37.5t-37.5 -90.5q0 -43 25.5 -77t66.5 -46v-157h-1l257 -257v-108q-40 -12 -66 -46t-26 -77
+q0 -53 37.5 -90.5t90.5 -37.5t90.5 37.5t37.5 90.5q0 43 -26 77t-66 46v109l256 256v0v157q40 12 66 46t26 77zM200 768q0 23 16.5 39.5t39.5 16.5t39.5 -16.5t16.5 -39.5t-16.5 -39.5t-39.5 -16.5t-39.5 16.5t-16.5 39.5zM568 0q0 -23 -16.5 -39.5t-39.5 -16.5t-39.5 16.5
+t-16.5 39.5t16.5 39.5t39.5 16.5t39.5 -16.5t16.5 -39.5zM768 712q-23 0 -39.5 16.5t-16.5 39.5t16.5 39.5t39.5 16.5t39.5 -16.5t16.5 -39.5t-16.5 -39.5t-39.5 -16.5z" />
+    <glyph glyph-name="edit1" unicode="&#xe692;" 
+d="M924 8h-824q-15 0 -25.5 -10.5t-10.5 -25.5t10.5 -25.5t25.5 -10.5h824q15 0 25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5zM296 126l236 100q5 2 10 6l397 398q21 21 21 51t-21 51l-79 79q-21 21 -51 21t-51 -21l-397 -397q-5 -5 -7 -11l-100 -235q-8 -20 7 -35t35 -7z
+M809 760v0l79 -79l-62 -62l-79 79zM417 368l279 279l79 -79l-279 -279l-137 -58z" />
+  </font>
+</defs></svg>

super-screen/client/index.ejs

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <link rel="shortcut icon" href="/assets/images/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="/assets/font_sc/iconfont.css">
+</head>
+<style>
+    @font-face {
+        font-family: YouSheBiaoTiHei;
+        src: url("/assets/font_sc/YouSheBiaoTiHei-2.ttf");
+    }
+
+    @font-face {
+        font-family: D-DIN-Bold;
+        src: url("/assets/font_sc/D-DIN-Bold.ttf");
+    }
+</style>
+
+<body style="background: transparent">
+    <div id='App'></div>
+</body>
+
+</html>

super-screen/client/index.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <link rel="shortcut icon" href="/assets/images/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="/assets/font_sc/iconfont.css">
+</head>
+<style>
+    @font-face {
+        font-family: YouSheBiaoTiHei;
+        src: url("/assets/font_sc/YouSheBiaoTiHei-2.ttf");
+    }
+
+    @font-face {
+        font-family: D-DIN-Bold;
+        src: url("/assets/font_sc/D-DIN-Bold.ttf");
+    }
+</style>
+
+<body style="background: #0F1C2A;">
+    <div id='App'></div>
+    <script type="text/javascript" src="http://localhost:5401/client/build/vendor.js"></script>
+    <script type="text/javascript" src="http://localhost:5401/client/build/app.js"></script>
+</body>
+
+</html>

super-screen/client/index.js

@@ -0,0 +1,19 @@
+/**
+ * User: liuxinyi/liu.xinyi@free-sun.com.cn
+ * Date: 2016/2/22
+ * Time: 15:29
+ *
+ */
+'use strict';
+
+const views = require('koa-view');
+const path = require('path');
+module.exports = {
+    entry: function (app, router, opt) {
+        app.use(views(__dirname));
+
+        router.get('(.*)', async function (ctx){
+            await ctx.render(path.join(__dirname, './index'));
+        });
+    }
+};

super-screen/client/src/app.js

@@ -0,0 +1,27 @@
+'use strict';
+
+import React, { useEffect } from 'react';
+import Layout from './layout';
+import Auth from './sections/auth';
+import homePage from './sections/homePage';
+
+const App = props => {
+    const { projectName } = props
+
+    useEffect(() => {
+        document.title = projectName;
+    }, [])
+
+    return (
+        <Layout
+            title={projectName}
+            sections={[
+                homePage,
+                Auth
+            ]}
+        />
+    )
+
+}
+
+export default App;

super-screen/client/src/components/Upload/index.js

@@ -0,0 +1,316 @@
+'use strict';
+
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Spin, Upload, message, Modal, Card, Button } from 'antd';
+import moment from 'moment';
+import { PlusOutlined, UploadOutlined, CloseOutlined } from '@ant-design/icons';
+
+class Uploads extends Component {
+    constructor(props) {
+        super(props);
+        this.ApiRoot = FS_API_ROOT
+        this.state = {
+            fileUploading: false,
+            fileList: [],
+            curPreviewPic: '',
+            delPicIng: false,
+            removeFilesList: []
+        };
+    }
+
+    dealName = (uploaded) => {
+        let realName = uploaded.split('/')[2]
+        let x1 = realName.split('.')
+        let x2 = x1[0].split('_')
+        let showName = `${x2[0]}.${x1[1]}`
+        return showName
+    }
+
+    // setFileList = (value) => {
+    //     let defaultFileList = [];
+    //     defaultFileList = value.map((u, index) => {
+    //         let fileUrl = `${this.ApiRoot}/${u.url}`;
+    //         return {
+    //             uid: -index - 1,
+    //             name: this.dealName(u.url),
+    //             status: 'done',
+    //             storageUrl: u.url,
+    //             url: fileUrl
+    //         };
+    //     });
+    //     onChange(defaultFileList)
+    //     this.setState({
+    //         fileList: defaultFileList
+    //     });
+    // };
+
+    componentDidMount () {
+        const { value } = this.props;
+        if (value) {
+            this.setState(value);
+        }
+    }
+
+    componentWillReceiveProps (np) {
+        const { dispatch, value: thisEditData, onChange } = this.props;
+        const { value: nextEditData } = np;
+
+        const setFileList = () => {
+            let defaultFileList = [];
+            defaultFileList = nextEditData.map((u, index) => {
+                let fileUrl = `${this.ApiRoot}/${u.storageUrl}`;
+                return {
+                    uid: -index - 1,
+                    name: this.dealName(u.storageUrl),
+                    status: 'done',
+                    storageUrl: u.storageUrl,
+                    url: fileUrl,
+                    size: u.size || -1
+                };
+            });
+            this.setState({
+                fileList: defaultFileList
+            });
+        };
+
+        if (nextEditData && nextEditData.length) {
+            if (!thisEditData || !this.state.fileList.length) {
+                setFileList();
+            } else if (nextEditData.length != thisEditData.length) {
+                setFileList();
+            } else {
+                let repeat = true;
+                for (let i = 0; i < thisEditData.length; i++) {
+                    if (thisEditData[i] != nextEditData[i]) {
+                        repeat = false;
+                        break;
+                    }
+                }
+                if (!repeat) {
+                    setFileList();
+                }
+            }
+        }
+        // else{
+        //     this.setState({
+        //         fileList:[],
+        //     })
+        // }
+    }
+
+    render () {
+        const UploadPath = {
+            project: ['txt', 'dwg', 'doc', 'docx', 'xls', 'xlsx', 'pdf', 'png', 'jpg', 'rar', 'zip'],
+            report: ['doc', 'docx', 'xls', 'xlsx', 'pdf'],
+            data: ['txt', 'xls', 'xlsx'],
+            image: ['png', 'jpg', 'svg', 'jpeg'],
+            three: ['js'],
+            video: ['mp4']
+        };
+        /**
+         * uploadType 【string】 主要区别文件上传路径 以及类型 以 web/routes/attachment/index.js 中 UploadPath 的 key 值为准;默认 project;
+         * disabled 【boolean】 上传是否可用
+         * maxFilesNum 【number】 最大上传数量
+         * fileTypes 【array[string]】 可允许上传的文件类型;
+         * maxFileSize 【number】 单个文件最大大小 M
+         * listType 【antd】 upload 组件的属性
+         * onChange 【function】 文件数量变化时候回调 返回文件
+         * value 【array[obj]】 编辑数据 [{url:'xxx', [size:999]}]
+         * onStateChange 【function】 文件状态改变回调函数 上传中 return { uploading:true/false }
+         */
+        const {
+            uploadType,
+            disabled,
+            maxFilesNum,
+            fileTypes,
+            maxFileSize,
+            listType,
+            onChange,
+            value,
+            showUploadList,
+            onStateChange
+        } = this.props;
+        const { fileList, curPreviewPic, delPicIng, removeFilesList } = this.state;
+        const that = this;
+        let uploadType_ = uploadType || 'project';
+        let maxFilesNum_ = maxFilesNum || 1;
+        let defaultFileTypes = fileTypes || UploadPath[uploadType_];
+        const uploadProps = {
+            name: 'checkFile_',
+            multiple: false,
+            showUploadList: showUploadList || true,
+            action: `${this.ApiRoot}/attachments/${uploadType_}`,
+            listType: listType || 'text',
+            disabled: disabled,
+            beforeUpload: (file) => {
+                if (fileList.length >= maxFilesNum_) {
+                    message.warning(`最多选择${maxFilesNum_}个文件上传`);
+                    return false;
+                }
+                if (file.name.length > 60) {
+                    message.warning(`文件名过长(大于60字符),请修改后上传`);
+                    return false;
+                }
+                const extNames = file.name.split('.');
+                var reg = /^[\.\s\u4e00-\u9fa5a-zA-Z0-9_-]{0,}$/;
+                if (!reg.exec(file.name)) {
+                    message.warning(`文件名包含除字母、汉字、数字、中划线、下划线之外的字符,请修改后上传`);
+                    return false;
+                }
+                let isDAE = false;
+                if (extNames.length > 0) {
+                    let fileType = extNames[extNames.length - 1].toLowerCase();
+                    isDAE = defaultFileTypes.some((f) => f == fileType);
+                }
+                if (!isDAE) {
+                    message.error(`只能上传 ${defaultFileTypes.join()} 格式的文件!`);
+                    return false;
+                }
+                const isLt = file.size / 1024 / 1024 < (maxFileSize || 3);
+                if (!isLt) {
+                    message.error(`文件必须小于${maxFileSize || 3}MB!`);
+                    return false;
+                }
+                this.setState({
+                    fileUploading: true
+                });
+                if (onStateChange) {
+                    onStateChange({ uploading: true });
+                }
+            },
+            onChange (info) {
+                const status = info.file.status;
+                if (status === 'uploading') {
+                    that.setState({
+                        fileList: info.fileList
+                    });
+                }
+                if (status === 'done') {
+                    let { uploaded, url } = info.file.response;
+                    let size = info.file.size;
+                    let nextFileList = fileList;
+                    nextFileList[nextFileList.length - 1] = {
+                        uid: -moment().unix(),
+                        name: that.dealName(uploaded),
+                        status: 'done',
+                        storageUrl: uploaded,
+                        url: url,
+                        size: size
+                    };
+                    onChange(nextFileList);
+                    that.setState({
+                        fileUploading: false,
+                        fileList: nextFileList
+                    });
+                    if (onStateChange) {
+                        onStateChange({ uploading: false });
+                    }
+                } else if (status === 'error') {
+                    that.setState({
+                        fileUploading: false
+                    });
+                    message.error(`${info.file.name} 上传失败,请重试`);
+                    if (onStateChange) {
+                        onStateChange({ uploading: false });
+                    }
+                }
+            },
+            onRemove (file) {
+                let nextFileList = [];
+                fileList.map((f, i) => {
+                    if (f.uid != file.uid) {
+                        nextFileList.push(f);
+                    }
+                });
+                let nextRemoveFiles = removeFilesList.concat([file.storageUrl]);
+                if (curPreviewPic == file.url) {
+                    that.setState({
+                        curPreviewPic: ''
+                    });
+                }
+                onChange(nextFileList);
+                that.setState({
+                    fileList: nextFileList,
+                    removeFilesList: nextRemoveFiles
+                });
+            },
+            onPreview (file) {
+                let filePostfix = file.url.split('.').pop();
+                filePostfix = filePostfix.toLowerCase();
+                if (UploadPath.image.some((img) => img == filePostfix)) {
+                    that.setState({
+                        curPreviewPic: file.url
+                    });
+                } else {
+                    message.warn('仅支持图片预览');
+                }
+            }
+        };
+
+        let fileList_ = fileList
+        // .map(f => {
+        //     if (f.storageUrl) {
+        //         let realName = f.storageUrl.split('/').pop()
+        //         if (f.name != realName) {
+        //             f.name = realName
+        //         }
+        //     }
+        //     return f
+        // })
+
+        return (
+            <div>
+                <Spin spinning={delPicIng}>
+                    <Upload {...uploadProps} fileList={fileList_}>
+                        {
+                            disabled ? (
+                                ''
+                            ) :
+                                listType == 'picture-card' ?
+                                    (
+                                        fileList.length >= maxFilesNum_ ? null : (
+                                            <div style={{}}>
+                                                <PlusOutlined />
+                                                <div>上传图片</div>
+                                            </div>
+                                        )
+                                    ) : (
+                                        <Button disabled={fileList.length >= maxFilesNum_} icon={<UploadOutlined />}>  文件上传 </Button>
+                                    )
+                        }
+                    </Upload>
+                    {
+                        curPreviewPic ? (
+                            <Card
+                                bodyStyle={{
+                                    padding: 8
+                                }}
+                            >
+                                <div style={{ marginBottom: 8 }} >
+                                    <span>文件预览</span>
+                                    <span
+                                        style={{ float: 'right' }}
+                                        onClick={() => { this.setState({ curPreviewPic: '' }); }}
+                                    >
+                                        <CloseOutlined style={{ fontSize: 20 }} />
+                                    </span>
+                                </div>
+                                <img style={{ width: '100%' }} src={curPreviewPic}></img>
+                            </Card>
+                        ) : ''
+                    }
+                </Spin>
+            </div>
+        );
+    }
+}
+
+function mapStateToProps (state) {
+    const { auth } = state
+    return {
+        user: auth.user
+    };
+}
+
+export default connect(mapStateToProps)(Uploads);

super-screen/client/src/components/UploadLocal/index.js

@@ -0,0 +1,339 @@
+'use strict';
+
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Spin, Upload, message, Modal, Card, Button } from 'antd';
+import moment from 'moment';
+import { PlusOutlined, UploadOutlined, CloseOutlined } from '@ant-design/icons';
+import { RouteRequest } from '@peace/utils';
+import { RouteTable } from '$utils'
+const { confirm } = Modal;
+class Uploads extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            fileUploading: false,
+            fileList: [],
+            curPreviewPic: '',
+            delPicIng: false,
+            removeFilesList: []
+        };
+    }
+    dealName = (uploaded) => {
+        let realName = uploaded.split('/')[2]
+        let x1 = realName.split('.')
+        let x2 = x1[0].split('_')
+        let showName = `${x2[0]}.${x1[1]}`
+        return showName
+    }
+
+    // setFileList = (value) => {
+    //     let defaultFileList = [];
+    //     defaultFileList = value.map((u, index) => {
+    //         let fileUrl = `${this.ApiRoot}/${u.url}`;
+    //         return {
+    //             uid: -index - 1,
+    //             name: this.dealName(u.url),
+    //             status: 'done',
+    //             storageUrl: u.url,
+    //             url: fileUrl
+    //         };
+    //     });
+    //     onChange(defaultFileList)
+    //     this.setState({
+    //         fileList: defaultFileList
+    //     });
+    // };
+
+    componentDidMount() {
+        const { value } = this.props;
+        if (value) {
+            // this.setState(value);
+            this.setState({ fileList: value })
+        }
+    }
+
+    UNSAFE_componentWillReceiveProps(np) {
+        const { dispatch, value: thisEditData, onChange } = this.props;
+        const { value: nextEditData } = np;
+
+        const setFileList = () => {
+            let defaultFileList = [];
+            defaultFileList = nextEditData.map((u, index) => {
+                let fileUrl = u.filename;
+                return {
+                    uid: -index - 1,
+                    name: u.name,
+                    status: 'done',
+                    storageUrl: u.filename,
+                    url: fileUrl,
+                    size: u.size || -1
+                };
+            });
+            this.setState({
+                fileList: defaultFileList
+            });
+        };
+
+        if (nextEditData && nextEditData.length) {
+            if (!thisEditData || !this.state.fileList.length) {
+                setFileList();
+            } else if (nextEditData.length != thisEditData.length) {
+                setFileList();
+            } else {
+                let repeat = true;
+                for (let i = 0; i < thisEditData.length; i++) {
+                    if (thisEditData[i] != nextEditData[i]) {
+                        repeat = false;
+                        break;
+                    }
+                }
+                if (!repeat) {
+                    setFileList();
+                }
+            }
+        }
+        // else{
+        //     this.setState({
+        //         fileList:[],
+        //     })
+        // }
+    }
+    //删除文件
+    deleteFile(file) {
+        if (file.url) {
+            RouteRequest.delete(RouteTable.cleanUpUploadTrash, { url: file.url });
+        };
+    }
+    handleOk = (that, file, fileList, curPreviewPic, removeFilesList) => {
+        let nextFileList = [];
+        fileList.map((f, i) => {
+            if (f.uid != file.uid) {
+                nextFileList.push(f);
+            }
+        });
+        that.deleteFile(file);
+        let nextRemoveFiles = removeFilesList.concat([file.storageUrl]);
+        if (curPreviewPic == file.url) {
+            that.setState({
+                curPreviewPic: ''
+            });
+        }
+        that.props.onChange(nextFileList);
+        that.setState({
+            fileList: nextFileList,
+            removeFilesList: nextRemoveFiles
+        });
+    }
+    render() {
+        const UploadPath = {
+            project: ['txt', 'dwg', 'doc', 'docx', 'xls', 'xlsx', 'pdf', 'png', 'jpg', 'rar', 'zip'],
+            report: ['doc', 'docx', 'xls', 'xlsx', 'pdf'],
+            data: ['txt', 'xls', 'xlsx'],
+            image: ['png', 'jpg', 'svg', 'jpeg'],
+            three: ['js'],
+            video: ['mp4']
+        };
+        /**
+         * uploadType 【string】 主要区别文件上传路径 以及类型 以 web/routes/attachment/index.js 中 UploadPath 的 key 值为准;默认 project;
+         * disabled 【boolean】 上传是否可用
+         * maxFilesNum 【number】 最大上传数量
+         * fileTypes 【array[string]】 可允许上传的文件类型;
+         * maxFileSize 【number】 单个文件最大大小 M
+         * listType 【antd】 upload 组件的属性
+         * onChange 【function】 文件数量变化时候回调 返回文件
+         * value 【array[obj]】 编辑数据 [{url:'xxx', [size:999]}]
+         * onStateChange 【function】 文件状态改变回调函数 上传中 return { uploading:true/false }
+         */
+        const {
+            uploadType,
+            disabled,
+            maxFilesNum,
+            fileTypes,
+            maxFileSize,
+            listType,
+            onChange,
+            value,
+            showUploadList,
+            onStateChange,
+            addNew
+        } = this.props;
+        const { fileList, curPreviewPic, delPicIng, removeFilesList } = this.state;
+        const that = this;
+        let uploadType_ = uploadType || 'project';
+        let maxFilesNum_ = maxFilesNum || 1;
+        let defaultFileTypes = fileTypes || UploadPath[uploadType_];
+        const uploadProps = {
+            name: 'checkFile_',
+            multiple: false,
+            showUploadList: showUploadList || true,
+            action: "/_upload/new?type=project",
+            listType: listType || 'text',
+            disabled: disabled,
+            beforeUpload: (file) => {
+                if (fileList.length >= maxFilesNum_) {
+                    message.warning(`最多选择${maxFilesNum_}个文件上传`);
+                    return false;
+                }
+                if (file.name.length > 60) {
+                    message.warning(`文件名过长(大于60字符),请修改后上传`);
+                    return false;
+                }
+                const extNames = file.name.split('.');
+                var reg = /^[\.\s\u4e00-\u9fa5a-zA-Z0-9_-]{0,}$/;
+                // if (!reg.exec(file.name)) {
+                //     message.warning(`文件名包含除字母、汉字、数字、中划线、下划线之外的字符,请修改后上传`);
+                //     return false;
+                // }
+                let isDAE = false;
+                if (extNames.length > 0) {
+                    let fileType = extNames[extNames.length - 1].toLowerCase();
+                    isDAE = defaultFileTypes.some((f) => f == fileType);
+                }
+                if (!isDAE) {
+                    message.error(`只能上传 ${defaultFileTypes.join()} 格式的文件!`);
+                    return false;
+                }
+                const isLt = file.size / 1024 / 1024 < (maxFileSize || 3);
+                if (!isLt) {
+                    message.error(`文件必须小于${maxFileSize || 3}MB!`);
+                    return false;
+                }
+                this.setState({
+                    fileUploading: true
+                });
+                if (onStateChange) {
+                    onStateChange({ uploading: true });
+                }
+            },
+            onChange(info) {
+                const status = info.file.status;
+                if (status === 'uploading') {
+                    that.setState({
+                        fileList: info.fileList
+                    });
+                }
+                if (status === 'done') {
+                    let { filename, realName } = info.file.response;
+                    let size = info.file.size;
+                    let nextFileList = fileList;
+                    nextFileList[nextFileList.length - 1] = {
+                        uid: -moment().unix(),
+                        name: info.file.name,
+                        status: 'done',
+                        storageUrl: filename,
+                        url: filename,
+                        size: size,
+                        realName: realName
+                    };
+                    onChange(nextFileList);
+                    that.setState({
+                        fileUploading: false,
+                        fileList: nextFileList
+                    });
+                    if (onStateChange) {
+                        onStateChange({ uploading: false });
+                    }
+                } else if (status === 'error') {
+                    that.setState({
+                        fileUploading: false
+                    });
+                    message.error(`${info.file.name} 上传失败,请重试`);
+                    if (onStateChange) {
+                        onStateChange({ uploading: false });
+                    }
+                }
+            },
+            onRemove(file) {
+                // if (confirm('请确认是否删除此文件？删除后将不可恢复！') === true) {
+                if (addNew) {
+                    that.handleOk(that, file, fileList, curPreviewPic, removeFilesList);
+                } else {
+                    confirm({
+                        title: '请确认是否删除此文件？删除后将不可恢复！',
+                        onOk() {
+                            that.handleOk(that, file, fileList, curPreviewPic, removeFilesList);
+                        },
+                        onCancel() { },
+                    });
+                }
+            },
+            onPreview(file) {
+                let filePostfix = file.url.split('.').pop();
+                filePostfix = filePostfix.toLowerCase();
+                if (UploadPath.image.some((img) => img == filePostfix)) {
+                    that.setState({
+                        curPreviewPic: file.url
+                    });
+                } else {
+                    message.warn('仅支持图片预览');
+                }
+            }
+        };
+
+        let fileList_ = fileList
+        // .map(f => {
+        //     if (f.storageUrl) {
+        //         let realName = f.storageUrl.split('/').pop()
+        //         if (f.name != realName) {
+        //             f.name = realName
+        //         }
+        //     }
+        //     return f
+        // })
+
+        return (
+            <div>
+                <Spin spinning={delPicIng}>
+                    <Upload {...uploadProps} fileList={fileList_}>
+                        {
+                            disabled ? (
+                                ''
+                            ) :
+                                listType == 'picture-card' ?
+                                    (
+                                        fileList.length >= maxFilesNum_ ? null : (
+                                            <div style={{}}>
+                                                <PlusOutlined />
+                                                <div>上传图片</div>
+                                            </div>
+                                        )
+                                    ) : (
+                                        <Button disabled={fileList.length >= maxFilesNum_} icon={<UploadOutlined />}>  文件上传 </Button>
+                                    )
+                        }
+                    </Upload>
+                    {
+                        curPreviewPic ? (
+                            <Card
+                                bodyStyle={{
+                                    padding: 8
+                                }}
+                            >
+                                <div style={{ marginBottom: 8 }} >
+                                    <span>文件预览</span>
+                                    <span
+                                        style={{ float: 'right' }}
+                                        onClick={() => { this.setState({ curPreviewPic: '' }); }}
+                                    >
+                                        <CloseOutlined style={{ fontSize: 20 }} />
+                                    </span>
+                                </div>
+                                <img style={{ width: '100%' }} src={curPreviewPic}></img>
+                            </Card>
+                        ) : ''
+                    }
+                </Spin>
+            </div>
+        );
+    }
+}
+
+function mapStateToProps(state) {
+    const { auth } = state
+    return {
+        user: auth.user
+    };
+}
+
+export default connect(mapStateToProps)(Uploads);

super-screen/client/src/components/Uploads/index.js

@@ -0,0 +1,391 @@
+'use strict';
+
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Spin, Upload, message, Modal, Card, Button } from 'antd';
+import moment from 'moment';
+import { PlusOutlined, UploadOutlined, CloseOutlined } from '@ant-design/icons';
+
+class Uploads extends Component {
+    constructor(props) {
+        super(props);
+        this.ApiRoot = localStorage.getItem('tyApiRoot')
+        this.qnDomain = localStorage.getItem('qnDomain');
+        this.aliAdmin = localStorage.getItem('aliAdmin');
+        this.state = {
+            fileUploading: false,
+            fileList: [],
+            curPreviewPic: '',
+            curPreviewVideo: '',
+            delPicIng: false,
+            removeFilesList: []
+        };
+    }
+
+    dealName = (uploaded) => {
+        let realName = uploaded.split('/')[2]
+        // let x1 = realName.split('.')
+        // let postfix = x1.pop()
+        // let allName = x1.join('.')
+        // let x2 = allName.split('_')
+        // let showName = `${x2[0]}.${postfix}`
+        return realName
+    }
+
+    // setFileList = (value) => {
+    //     let defaultFileList = [];
+    //     defaultFileList = value.map((u, index) => {
+    //         let fileUrl = `${this.ApiRoot}/${u.url}`;
+    //         return {
+    //             uid: -index - 1,
+    //             name: this.dealName(u.url),
+    //             status: 'done',
+    //             storageUrl: u.url,
+    //             url: fileUrl
+    //         };
+    //     });
+    //     onChange(defaultFileList)
+    //     this.setState({
+    //         fileList: defaultFileList
+    //     });
+    // };
+
+    setFileList = (nextEditData, isQiniu, isAli) => {
+        let defaultFileList = [];
+        if (nextEditData.length) {
+            defaultFileList = nextEditData.map((u, index) => {
+                let fileUrl =
+                    isQiniu ? `/_file-server/${u.storageUrl}`
+                        : isAli ? `/_file-ali-server/${u.storageUrl}`
+                            : `${this.ApiRoot}/${u.storageUrl}`;
+
+                return {
+                    uid: -index - 1,
+                    name: this.dealName(u.storageUrl),
+                    status: 'done',
+                    storageUrl: u.storageUrl,
+                    url: fileUrl,
+                    size: u.size || -1
+                };
+            });
+        }
+        this.setState({
+            fileList: defaultFileList
+        });
+    };
+
+    componentDidMount() {
+        const { value, defaultValue, isQiniu, isAli } = this.props;
+        if (defaultValue) {
+            this.setFileList(defaultValue, isQiniu, isAli)
+        }
+    }
+
+    UNSAFE_componentWillReceiveProps(np) {
+        const { dispatch, value: thisEditData, onChange } = this.props;
+        const { value: nextEditData, isQiniu, isAli } = np;
+        // this.setFileList(nextEditData, isQiniu)
+        // const setFileList = () => {
+        //     let defaultFileList = [];
+        //     defaultFileList = nextEditData.map((u, index) => {
+        //         let fileUrl = isQiniu ? `/_file-server/${u.storageUrl}` : `${this.ApiRoot}/${u.storageUrl}`;
+        //         return {
+        //             uid: -index - 1,
+        //             name: this.dealName(u.storageUrl),
+        //             status: 'done',
+        //             storageUrl: u.storageUrl,
+        //             url: fileUrl,
+        //             size: u.size || -1
+        //         };
+        //     });
+        //     this.setState({
+        //         fileList: defaultFileList
+        //     });
+        // };
+        if (nextEditData && nextEditData.length) {
+            if (!thisEditData || !this.state.fileList.length) {
+                this.setFileList(nextEditData, isQiniu, isAli);
+            } else if (nextEditData.length != thisEditData.length) {
+                this.setFileList(nextEditData, isQiniu, isAli);
+            } else {
+                let repeat = true;
+                for (let i = 0; i < thisEditData.length; i++) {
+                    if (thisEditData[i] != nextEditData[i]) {
+                        repeat = false;
+                        break;
+                    }
+                }
+                if (!repeat) {
+                    this.setFileList(nextEditData, isQiniu, isAli);
+                }
+            }
+        }
+        // else{
+        //     this.setState({
+        //         fileList:[],
+        //     })
+        // }
+    }
+
+    render() {
+        const UploadPath = {
+            project: ['txt', 'dwg', 'doc', 'docx', 'xls', 'xlsx', 'csv', 'pdf', 'pptx', 'png', 'jpg', 'svg', 'jpeg', 'rar', 'zip', 'jpeg', 'mp4'],
+            report: ['doc', 'docx', 'xls', 'xlsx', 'csv', 'pdf'],
+            data: ['txt', 'xls', 'xlsx', 'csv'],
+            image: ['png', 'jpg', 'svg', 'jpeg'],
+            three: ['js'],
+            video: ['mp4']
+        };
+        /**
+         * uploadType 【string】 主要区别文件上传路径 以及类型 以 web/routes/attachment/index.js 中 UploadPath 的 key 值为准；默认 project；
+         * disabled 【boolean】 上传是否可用
+         * maxFilesNum 【number】 最大上传数量
+         * fileTypes 【array[string]】 可允许上传的文件类型；
+         * maxFileSize 【number】 单个文件最大大小 M
+         * listType 【antd】 upload 组件的属性
+         * onChange 【function】 文件数量变化时候回调 返回文件
+         * value 【array[obj]】 编辑数据 [{url:'xxx', [size:999]}]
+         * onStateChange 【function】 文件状态改变回调函数 上传中 return { uploading:true/false }
+         */
+        const {
+            uploadType,
+            disabled,
+            maxFilesNum,
+            fileTypes,
+            maxFileSize,
+            listType,
+            onChange = () => { },
+            value,
+            showUploadList,
+            onStateChange,
+            isQiniu,
+            isAli,
+        } = this.props;
+        const { fileList, curPreviewPic, curPreviewVideo, delPicIng, removeFilesList } = this.state;
+        const that = this;
+        let uploadType_ = uploadType || 'project';
+        let maxFilesNum_ = maxFilesNum || 1;
+        let defaultFileTypes = fileTypes || UploadPath[uploadType_];
+        // debugger
+        const uploadProps = {
+            name: 'checkFile_',
+            multiple: false,
+            showUploadList: showUploadList || true,
+            action:
+                isQiniu ? `/_upload/attachments/${uploadType_}`
+                    : isAli ? `/_upload/attachments/ali/${uploadType_}`
+                        : `${this.ApiRoot}/attachments/${uploadType_}`,
+            listType: listType || 'text',
+            disabled: disabled,
+            beforeUpload: (file) => {
+                if (fileList.length >= maxFilesNum_) {
+                    message.warning(`最多选择${maxFilesNum_}个文件上传`);
+                    return false;
+                }
+                if (file.name.length > 60) {
+                    message.warning(`文件名过长(大于60字符)，请修改后上传`);
+                    return false;
+                }
+                const extNames = file.name.split('.');
+                // var reg = /^[\.\s\u4e00-\u9fa5a-zA-Z0-9_-]{0,}$/;
+                // if (!reg.exec(file.name)) {
+                //     message.warning(`文件名包含除字母、汉字、数字、中划线、下划线之外的字符，请修改后上传`);
+                //     return false;
+                // }
+                let isDAE = false;
+                if (extNames.length > 0) {
+                    let fileType = extNames[extNames.length - 1].toLowerCase();
+                    isDAE = defaultFileTypes.some((f) => f == fileType);
+                }
+                if (!isDAE) {
+                    message.error(`只能上传 ${defaultFileTypes.join()} 格式的文件!`);
+                    return false;
+                }
+                const isLt = file.size / 1024 / 1024 < (maxFileSize || 3);
+                if (!isLt) {
+                    message.error(`文件必须小于${maxFileSize || 3}MB!`);
+                    return false;
+                }
+                this.setState({
+                    fileUploading: true
+                });
+                if (onStateChange) {
+                    onStateChange({ uploading: true });
+                }
+            },
+            onChange(info) {
+                const status = info.file.status;
+                if (status === 'uploading') {
+                    that.setState({
+                        fileList: info.fileList
+                    });
+                }
+                if (status === 'done') {
+                    let { uploaded, url } = info.file.response;
+                    let size = info.file.size;
+                    let nextFileList = fileList;
+                    nextFileList[nextFileList.length - 1] = {
+                        uid: -moment().unix(),
+                        name: that.dealName(uploaded),
+                        status: 'done',
+                        storageUrl: uploaded,
+                        url:
+                            isQiniu ? '/_file-server/' + uploaded :
+                                isAli ? `/_file-ali-server/${uploaded}` :
+                                    url,
+                        size: size
+                    };
+                    onChange(nextFileList);
+                    that.setState({
+                        fileUploading: false,
+                        fileList: nextFileList
+                    });
+                    if (onStateChange) {
+                        onStateChange({ uploading: false });
+                    }
+                } else if (status === 'error') {
+                    that.setState({
+                        fileUploading: false
+                    });
+                    message.error(`${info.file.name} 上传失败，请重试`);
+                    if (onStateChange) {
+                        onStateChange({ uploading: false });
+                    }
+                }
+            },
+            onRemove(file) {
+                let nextFileList = [];
+                fileList.map((f, i) => {
+                    if (f.uid != file.uid) {
+                        nextFileList.push(f);
+                    }
+                });
+                let nextRemoveFiles = removeFilesList.concat([file.storageUrl]);
+                if (curPreviewPic == file.url) {
+                    that.setState({
+                        curPreviewPic: ''
+                    });
+                }
+                if (curPreviewVideo == file.url) {
+                    that.setState({
+                        curPreviewVideo: ''
+                    });
+                }
+                onChange(nextFileList);
+                that.setState({
+                    fileList: nextFileList,
+                    removeFilesList: nextRemoveFiles
+                });
+            },
+            onPreview(file) {
+                let filePostfix = file.url.split('.').pop();
+                filePostfix = filePostfix.toLowerCase();
+                if (UploadPath.image.some((img) => img == filePostfix)) {
+                    that.setState({
+                        curPreviewPic: file.url
+                    });
+                } else if (UploadPath.video.some((img) => img == filePostfix)) {
+                    that.setState({
+                        curPreviewVideo: file.url
+                    });
+                } else {
+                    //message.warn('仅支持图片预览');
+                    preview(file.storageUrl)
+                }
+            }
+        };
+
+        const preview = (url) => {
+            let link = isQiniu ? encodeURI(`${this.qnDomain}/${url}`) :
+                isAli ? encodeURI(`${this.aliAdmin}/${url}`) : ''
+            if (link)
+                if (url.indexOf("pdf") !== -1 || url.indexOf("csv") !== -1) {
+                    window.open(link)
+                } else {
+                    window.open(`https://view.officeapps.live.com/op/view.aspx?src=${link}`)
+                }
+        }
+
+        let fileList_ = fileList
+        // .map(f => {
+        //     if (f.storageUrl) {
+        //         let realName = f.storageUrl.split('/').pop()
+        //         if (f.name != realName) {
+        //             f.name = realName
+        //         }
+        //     }
+        //     return f
+        // })
+        //下载文件
+        const handleDownload = (file) => {
+            saveAs(file)
+        };
+        const saveAs = (file) => {
+            const link = document.createElement('a');
+            link.href = file.url;
+            link.download = file.name;
+            link.style.display = 'none';
+            link.click();
+        }
+        //自定义下载
+        return (
+            <div>
+                <Spin spinning={delPicIng}>
+                    <Upload {...uploadProps} fileList={fileList_} showUploadList={{ showDownloadIcon: true }} onDownload={handleDownload}>
+                        {
+                            disabled ? (
+                                ''
+                            ) :
+                                listType == 'picture-card' ?
+                                    (
+                                        fileList.length >= maxFilesNum_ ? null : (
+                                            <div style={{}}>
+                                                <PlusOutlined />
+                                                <div>添加附件</div>
+                                            </div>
+                                        )
+                                    ) : (
+                                        <Button disabled={fileList.length >= maxFilesNum_} icon={<UploadOutlined />}>  文件上传 </Button>
+                                    )
+                        }
+                    </Upload>
+                    {
+                        curPreviewPic ? (
+                            <Card bodyStyle={{ padding: 8 }}>
+                                <div style={{ marginBottom: 8 }} >
+                                    <span>图片预览</span>
+                                    <span style={{ float: 'right' }} onClick={() => { this.setState({ curPreviewPic: '' }) }}>
+                                        <CloseOutlined style={{ fontSize: 20 }} />
+                                    </span>
+                                </div>
+                                <img style={{ width: '100%' }} src={curPreviewPic} />
+                            </Card>
+                        ) : ''
+                    }
+                    {
+                        curPreviewVideo ? (<Card bodyStyle={{ padding: 8 }}>
+                            <div style={{ marginBottom: 8 }} >
+                                <span>视频预览</span>
+                                <span style={{ float: 'right' }} onClick={() => { this.setState({ curPreviewVideo: '' }) }}>
+                                    <CloseOutlined style={{ fontSize: 20 }} />
+                                </span>
+                            </div>
+                            <video controls style={{ width: '100%' }}>
+                                <source src={curPreviewVideo} type="video/mp4"></source>
+                            </video>
+                        </Card>) : ''
+                    }
+                </Spin>
+            </div>
+        );
+    }
+}
+
+function mapStateToProps(state) {
+    const { auth } = state
+    return {
+        user: auth.user
+    };
+}
+
+export default connect(mapStateToProps)(Uploads);

super-screen/client/src/components/buttonGroup/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { Button, Popover, Icon } from 'antd';
+import { EllipsisOutlined } from '@ant-design/icons';
+
+class ButtonGroup extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+
+        };
+    }
+
+    content = () => {
+        <Button></Button>
+    }
+
+    render_ = () => {
+        const { children } = this.props
+        return (
+            <div style={{ cursor: 'pointer' }}>
+                <Popover placement="bottomRight" content={children} arrowPointAtCenter>
+                    <EllipsisOutlined style={{ fontSize: 20, fontWeight: 'bolder' }} />
+                </Popover>
+            </div >
+        )
+    }
+
+    render() {
+        const { children } = this.props
+        if (children) {
+            if (Array.isArray(children)) {
+                if (children.some(c => c)) {
+                    return this.render_()
+                }
+            } else {
+                return this.render_()
+            }
+        }
+        return ''
+    }
+}
+
+function mapStateToProps(state) {
+    return {
+    }
+}
+
+export default connect(mapStateToProps)(ButtonGroup);

super-screen/client/src/components/export/index.js

@@ -0,0 +1,683 @@
+/**
+ * Created by Xumeng 2020/04/22.
+ */
+
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import {
+    Row, Col, Space, Button, message, notification, Form, Input, Tooltip,
+} from 'antd';
+import moment from 'moment';
+import XLSX from 'xlsx';
+import { fromJS } from 'immutable';
+import { Request } from '@peace/utils';
+import FileSaver from 'file-saver';
+import './index.less';
+
+// 通用前端导入导出组件  使用方法查看底部propTypes
+function ExportAndImport (props) {
+    const [form] = Form.useForm();
+    const [exportLoading, setExportLoading] = useState(false);
+    const [importLoading, setImportLoading] = useState(false);
+    const {
+        importDataCallback, onImportSucess, handelData, importMethod = 'post',
+    } = props;
+
+    useEffect(() => () => {
+        // 只有unmount 时调用
+        notification.close('import-notification');
+    });
+    const importExcel = (file, type) => {
+        setImportLoading(true);
+        // 获取上传的文件对象
+        const { files } = file.target;
+        // 判断xls、xlsx格式
+        if (files[0].type.indexOf('sheet') > -1 || files[0].type.indexOf('ms-excel') > -1) {
+            // 通过FileReader对象读取文件
+            const fileReader = new FileReader();
+            fileReader.onload = (event) => {
+                try {
+                    const { importRequest = true, importUrl, importQuery } = props;
+                    if (importRequest && !importUrl) {
+                        message.error('获取导入接口失败！');
+                        form.resetFields();
+                        return;
+                    }
+                    const { result } = event.target;
+                    // 以二进制流方式读取得到整份excel表格对象
+                    const workbook = XLSX.read(result, { type: 'binary', cellDates: true });
+                    let data = []; // 存储获取到的数据
+                    // 遍历每张工作表进行读取（这里默认只读取第一张表）
+                    for (const sheet in workbook.Sheets) {
+                        if (workbook.Sheets.hasOwnProperty(sheet)) {
+                            // 利用 sheet_to_json 方法将 excel 转成 json 数据
+                            data = data.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
+                            break; // 如果只取第一张表，就取消注释这行
+                        }
+                    }
+                    if (data.length > 10000) {
+                        message.error('一次最多导入10000条数据，请分批导入！');
+                        form.resetFields();
+                        setImportLoading(false);
+                        return;
+                    }
+                    if (importRequest) {
+                        message.success('获取文件数据成功，开始处理导入...');
+                        const importData = handelData ? handelData(data) : data;
+                        Request[importMethod](importUrl, { data: importData }, importQuery || {}).then((res) => {
+                            message.success('导入数据成功');
+                            form.resetFields();
+                            notification.close('import-notification');
+                            setImportLoading(false);
+                            onImportSucess && onImportSucess();
+                        }, (err) => {
+                            if (err.status === 500) {
+                                message.error('数据导入出错,导入失败');
+                            } else if (err.status === 400) {
+                                message.error(err.body.message || '数据验证出错,请检查数据格式是否正确');
+                            } else {
+                                message.error('导入失败');
+                            }
+                            form.resetFields();
+                            setImportLoading(false);
+                        });
+                    } else {
+                        form.resetFields();
+                        setImportLoading(false);
+                        importDataCallback && importDataCallback(data, type);
+                        notification.close('import-notification');
+                    }
+                } catch (e) {
+                    console.log(e);
+                    // 这里可以抛出文件类型错误不正确的相关提示
+                    message.error('文件格式不正确！');
+                    setImportLoading(false);
+                    form.resetFields();
+                }
+            };
+            // fileReader.onloadend = (event) => {
+            //     console.log(event)
+            // }
+            // 以二进制方式打开文件
+            fileReader.readAsBinaryString(files[0]);
+        } else {
+            message.error('文件格式不正确！');
+            form.resetFields();
+            setImportLoading(false);
+        }
+    };
+
+    const loop = (data, keypath, values) => { // deal with array
+        const dkey = keypath.slice(0, 1)[0];
+        console.log(dkey);
+        if (dkey) {
+            const dvalue = data[dkey];
+            const otherKeypath = keypath.slice(1);
+            if (Array.isArray(dvalue)) {
+                if (otherKeypath.length) {
+                    const immutableData = fromJS(data);
+                    for (let index = 0; index < dvalue.length; index++) {
+                        const tmp = immutableData.getIn([dkey, index]).toJS();
+                        loop(tmp, otherKeypath, values);
+                    }
+                }
+            } else {
+                values.push(dvalue);
+            }
+        }
+        return values;
+    };
+    const getColumnData = (opts) => {
+        const {
+            data, keypath, render, spliter, rawdata,
+        } = opts;
+        let v = null;
+        const outer = data[keypath[0]];
+
+        if (Array.isArray(outer)) {
+            const values = loop(data, keypath, []);
+            v = rawdata ? values : values.join(spliter || '，');
+        } else {
+            v = fromJS(data).getIn(keypath);
+        }
+        // 处理render
+        if (render && typeof render === 'function') {
+            v = render(outer, data);
+        }
+        return v;
+    };
+    const getDataSource = (attrs, filterData) => {
+        // let token = JSON.parse(sessionStorage.getItem('user')).token;
+        const dataSource = filterData.map((item) => {
+            const record = {};
+            attrs.forEach((attr) => {
+                const {
+                    key, dataIndex, render, child,
+                } = attr;
+                if (child) {
+                    record[key] = getDataSource(child, item[key]);
+                } else {
+                    const v = getColumnData({
+                        data: item,
+                        keypath: dataIndex || [key],
+                        render: render || null,
+                    });
+                    record[key] = v;
+                }
+            });
+
+            return record;
+        });
+        return dataSource;
+    };
+    // 暂时只处理两层
+    const getFlatData = (attrs, filterData, dataToAoa, deep = 0) => {
+        filterData.map((item) => {
+            let cur = dataToAoa[deep];
+            if (!cur) {
+                cur = dataToAoa[deep] = [];
+            }
+            attrs.map((attr, index) => {
+                const { key, child } = attr;
+                if (child) {
+                    if (Array.isArray(item[key])) {
+                        // getFlatData(child,item[key],dataToAoa,deep)
+
+                        item[key].map((s, i) => {
+                            if (i == 0) {
+                                child.map((c) => {
+                                    cur.push(s[c.key]);
+                                });
+                            } else {
+                                deep++;
+                                const childCur = dataToAoa[deep] = [];
+                                pushNull(childCur, index);
+                                child.map((c) => {
+                                    childCur.push(s[c.key]);
+                                });
+                            }
+                        });
+                    }
+                } else {
+                    cur.push(item[key]);
+                }
+            });
+            deep++;
+        });
+    };
+
+    const getHeader = (headers, excelHeader, deep, perOffset) => {
+        let offset = 0;
+        let cur = excelHeader[deep];
+        if (!cur) {
+            cur = excelHeader[deep] = [];
+        }
+        pushNull(cur, perOffset - cur.length);
+        for (let i = 0; i < headers.length; i++) {
+            const head = headers[i];
+            cur.push(head.name);
+            if (head.hasOwnProperty('child') && Array.isArray(head.child) && head.child.length > 0) {
+                const childOffset = getHeader(head.child, excelHeader, deep + 1, cur.length - 1);
+                pushNull(cur, childOffset - 1);
+                offset += childOffset;
+            } else {
+                offset++;
+            }
+        }
+        return offset;
+    };
+
+    const pushNull = (arr, count) => {
+        for (let i = 0; i < count; i++) {
+            arr.push(null);
+        }
+    };
+    const fillNull = (arr) => {
+        const max = Math.max(...(arr.map((a) => a.length)));
+        arr.filter((e) => e.length < max).forEach((e) => pushNull(e, max - e.length));
+    };
+    const doMerges = (arr) => {
+        // 要么横向合并 要么纵向合并
+        const deep = arr.length;
+        const merges = [];
+        for (let y = 0; y < deep; y++) {
+            // 先处理横向合并
+            const row = arr[y];
+            let colSpan = 0;
+            for (let x = 0; x < row.length; x++) {
+                if (row[x] === null) {
+                    colSpan++;
+                    if (((x + 1) === row.length) && (colSpan > 0 && x > colSpan)) {
+                        merges.push({ s: { r: y, c: x - colSpan }, e: { r: y, c: x } });
+                    }
+                } else if (colSpan > 0 && x > colSpan) {
+                    merges.push({ s: { r: y, c: x - colSpan - 1 }, e: { r: y, c: x - 1 } });
+                    colSpan = 0;
+                } else {
+                    colSpan = 0;
+                }
+            }
+        }
+        // 再处理纵向合并
+        const colLength = arr[0].length;
+        for (let x = 0; x < colLength; x++) {
+            let rowSpan = 0;
+            for (let y = 0; y < deep; y++) {
+                if (arr[y][x] != null) {
+                    rowSpan = 0;
+                } else {
+                    rowSpan++;
+                }
+            }
+            if (rowSpan > 0) {
+                merges.push({ s: { r: deep - rowSpan - 1, c: x }, e: { r: deep - 1, c: x } });
+            }
+        }
+        return merges;
+    };
+    // 内容暂只出了纵向合并
+    const doContetMerges = (arr, headerLength) => {
+        const deep = arr.length;
+        const merges = [];
+        // 处理纵向合并
+        const colLength = arr[0].length;
+        for (let x = 0; x < colLength; x++) {
+            let rowSpan = 0;
+            const mergY = 0;
+            for (let y = 0; y < deep; y++) {
+                if (rowSpan > 0) {
+                    // 如果还有null 继续加
+                    if (arr[y][x] === null) {
+                        rowSpan += 1;
+                    } else {
+                        // 不为null 增加merge
+                        merges.push({ s: { r: headerLength + (y - rowSpan - 1), c: x }, e: { r: headerLength + y - 1, c: x } });
+                        rowSpan = 0;
+                    }
+                } else if (arr[y][x] === null) {
+                    rowSpan += 1;
+                }
+            }
+            if (rowSpan > 0) {
+                merges.push({ s: { r: headerLength + (deep - rowSpan - 1), c: x }, e: { r: headerLength + deep - 1, c: x } });
+                rowSpan = 0;
+            }
+        }
+        return merges;
+    };
+    const exportMergeExcel = async () => {
+        setExportLoading(true);
+        const {
+            column, data, fileName, exportUrl, exportQuery, exportBody, requestType, header, showYearMouth,
+        } = props || {};
+
+        let resultData = [];
+        if (exportUrl) {
+            resultData = requestType == 'post' ? await Request.post(exportUrl, exportBody || {}, exportQuery || {}).then((data) => {
+                // 数据接口返回的结果 如果是对象 必须把返回数组放入rows
+                if (typeof data === 'object' && data.rows) {
+                    return data.rows;
+                }
+                return data;
+            }, (err) => {
+                message.error('获取数据失败，导出失败！');
+            }) : await Request.get(exportUrl, exportQuery || {}).then((data) => {
+                if (typeof data === 'object' && data.rows) {
+                    return data.rows;
+                }
+                return data;
+            }, (err) => {
+                message.error('获取数据失败，导出失败！');
+            });
+            if (!resultData) {
+                return;
+            }
+        } else {
+            resultData = data;
+        }
+        const excelHeader = [];
+        getHeader(column, excelHeader, 0, 0);
+        fillNull(excelHeader);
+
+        // console.log(excelHeader);
+
+        const loopData = getDataSource(column, resultData);
+        // console.log(loopData)
+
+        const dataToAoa = [];
+        getFlatData(column, loopData, dataToAoa, 0);
+        fillNull(dataToAoa);
+        // console.log(dataToAoa);
+
+        const aoa = [].concat(excelHeader, dataToAoa);
+        // console.log(aoa)
+
+        const headerMerges = doMerges(excelHeader);
+        const contentMerages = doContetMerges(dataToAoa, excelHeader.length);
+        const merges = [].concat(headerMerges, contentMerages);
+        // console.log(contentMerages)
+
+        // let opts = {
+        //     defaultCellStyle: {
+        //         font: { name: "宋体", sz: 11, color: { auto: 1 } },
+        //         border: {
+        //             color: { auto: 1 }
+        //         },
+        //         alignment: {
+        //             /// 自动换行
+        //             wrapText: 1,
+        //             // 居中
+        //             horizontal: "center",
+        //             vertical: "center",
+        //             indent: 0
+        //         }
+        //    }
+        // }
+        const sheet = XLSX.utils.aoa_to_sheet(aoa);
+        // let newSheet = {};
+        // for (let [key, value] of Object.entries(sheet)) {
+        //     if(key == '!ref'){
+        //         newSheet[key] = value
+        //     }else if(typeof value === 'object'){
+        //         newSheet[key] = {
+        //             ...value,
+        //             s: opts.defaultCellStyle
+        //         }
+        //     }
+        // }
+        const wpx = column.map((c) => ({
+            wpx: Number.parseInt(c.wpx) ? Number.parseInt(c.wpx) : 100,
+        }));
+        sheet['!cols'] = wpx;
+        sheet['!merges'] = merges;
+
+        // 构建 workbook 对象
+        const workbook = XLSX.utils.book_new();
+
+        const time = moment().format('YYYY-MM-DD');
+
+        XLSX.utils.book_append_sheet(workbook, sheet, 'mySheet');
+        // 导出 Excel
+        XLSX.writeFile(workbook, fileName ? `${fileName}-${time}.xlsx` : '导出数据.xlsx');
+        setExportLoading(false);
+        // message.success(`成功导出了 ${loopData.length || 0} 条数据`);
+    };
+
+    const exportProExcel = async () => {
+        setExportLoading(true);
+        const {
+            column, data, fileName, exportUrl, exportQuery, exportBody, requestType, showYearMouth,
+        } = props || {};
+        let resultData = [];
+        if (exportUrl) {
+            resultData = requestType == 'post' ? await Request.post(exportUrl, exportBody || {}, exportQuery || {}).then((data) => {
+                // 数据接口返回的结果 如果是对象 必须把返回数组放入rows
+                if (typeof data === 'object') {
+                    return data.data ? data.data : data.rows;
+                }
+                return data;
+            }, (err) => {
+                message.error('获取数据失败，导出失败！');
+            }) : await Request.get(exportUrl, exportQuery || {}).then((data) => {
+                if (showYearMouth) {
+
+                }
+                if (typeof data === 'object' && data.rows) {
+                    return data.rows;
+                }
+                return data;
+            }, (err) => {
+                message.error('获取数据失败，导出失败！');
+            });
+            if (!resultData) {
+                return;
+            }
+        } else {
+            resultData = data;
+        }
+
+        const loopData = getDataSource(column, resultData);
+
+        let content = '';
+        let header = '<tr>';
+        // header += `<th><div>序号</div></th>`;
+        column.map((colum) => {
+            header += `<th><div>${colum.name}</div></th>`;
+        });
+        header += '</tr>';
+        loopData.map((data) => {
+            content += '<tr>';
+            column.map((c) => {
+                if (c.style) {
+                    content += `<th style="${c.style}"><div>${data[c.dataIndex || c.key]}</div></th>`;
+                } else {
+                    content += `<th><div>${data[c.dataIndex || c.key]}</div></th>`;
+                }
+            });
+            content += '</tr>';
+        });
+
+        const exportTable = `\uFEFF
+                <table style='text-alagin:center' border="1">
+                    ${header}
+                    ${content}
+                </table>
+            `;
+        const time = moment().format('YYYY-MM-DD');
+        const tempStrs = new Blob([exportTable], { type: 'text/xls' });
+        FileSaver.saveAs(tempStrs, fileName ? `${fileName}-${time}.xls` : '导出数据.xls');
+        setExportLoading(false);
+        // message.success(`成功导出了 ${loopData.length || 0} 条数据`);
+    };
+
+    const exportExcel = async () => {
+        setExportLoading(true);
+        const {
+            column, data, fileName, exportUrl, exportQuery, exportBody, requestType,
+        } = props || {};
+        const _headers = column
+            .map((item, i) => ({ key: item.key, title: item.name, position: String.fromCharCode(65 + i) + 1 }))
+            .reduce((prev, next) => ({ ...prev, [next.position]: { key: next.key, v: next.title } }), {});
+        let resultData = [];
+        if (exportUrl) {
+            resultData = requestType == 'post' ? await Request.post(exportUrl, exportBody || {}, exportQuery || {}).then((data) => {
+                // 数据接口返回的结果 如果是对象 必须把返回数组放入rows
+
+                if (typeof data === 'object' && (data.rows || data.data)) {
+                    return data.data ? data.data : data.rows;
+                }
+                return data;
+            }, (err) => {
+                message.error('获取数据失败，导出失败！');
+            }) : await Request.get(exportUrl, exportQuery || {}).then((data) => {
+                if (typeof data === 'object' && data.rows) {
+                    return data.rows;
+                }
+                return data;
+            }, (err) => {
+                message.error('获取数据失败，导出失败！');
+            });
+            if (!resultData) {
+                return;
+            }
+        } else {
+            resultData = data;
+        }
+
+        const loopDate = getDataSource(column, resultData);
+
+        const wpx = column.map((c) => ({
+            wpx: Number.parseInt(c.wpx) ? Number.parseInt(c.wpx) : 100,
+        }));
+        if (!(loopDate.length > 0)) {
+            setExportLoading(false);
+            return;
+        }
+        const _data = loopDate
+            .map((item, i) => column.map((key, j) => ({ content: item[key.key], position: String.fromCharCode(65 + j) + (i + 2) })))
+            // 对刚才的结果进行降维处理（二维数组变成一维数组）
+            .reduce((prev, next) => prev.concat(next))
+            // 转换成 worksheet 需要的结构
+            .reduce((prev, next) => ({ ...prev, [next.position]: { v: next.content } }), {});
+
+        // 合并 column 和 data
+        const output = { ..._headers, ..._data };
+        // 获取所有单元格的位置
+        const outputPos = Object.keys(output);
+        // 计算出范围 ,["A1",..., "H2"]
+        const ref = `${outputPos[0]}:${outputPos[outputPos.length - 1]}`;
+
+        // 构建 workbook 对象
+        const workbook = {
+            SheetNames: ['mySheet'],
+            Sheets: {
+                mySheet: {
+
+                    ...output,
+                    '!ref': ref,
+                    '!cols': wpx,
+                },
+            },
+        };
+        const time = moment().format('YYYY-MM-DD');
+        // 导出 Excel
+        XLSX.writeFile(workbook, fileName ? `${fileName}-${time}.xlsx` : '导出数据.xlsx');
+        setExportLoading(false);
+        // message.success(`成功导出了 ${loopDate.length || 0} 条数据`);
+    };
+
+    const exportTemplete = async () => {
+        const { importTemColumn, importTemData, fileName } = props || {};
+        const _headers = importTemColumn
+            .map((item, i) => {
+                let group = 0; // 用于处理Z1的时候，重计算AA1
+                if (parseInt(i / 26) > group) {
+                    group = parseInt(i / 26);
+                }
+                if (group > 0) { // AA1 BA1 CA1
+                    const position = String.fromCharCode(65 + (group - 1));
+                    return { key: item.key, title: item.name, position: position + String.fromCharCode(65 + (i % 26)) + 1 };
+                } return { key: item.key, title: item.name, position: String.fromCharCode(65 + i) + 1 };
+            })
+            .reduce((prev, next) => ({ ...prev, [next.position]: { key: next.key, v: next.title } }), {});
+
+        const loopDate = getDataSource(importTemColumn, importTemData);
+
+        const wpx = importTemColumn.map((c) => ({
+            wpx: Number.parseInt(c.wpx) ? Number.parseInt(c.wpx) : 100,
+        }));
+        const _data = loopDate.length ? loopDate
+            .map((item, i) => importTemColumn.map((key, j) => ({ content: item[key.key], position: String.fromCharCode(65 + j) + (i + 2) })))
+            // 对刚才的结果进行降维处理（二维数组变成一维数组）
+            .reduce((prev, next) => prev.concat(next))
+            // 转换成 worksheet 需要的结构
+            .reduce((prev, next) => ({ ...prev, [next.position]: { v: next.content } }), {}) : [];
+        // 合并 column 和 data
+        const output = { ..._headers, ..._data };
+        // 获取所有单元格的位置
+        const outputPos = Object.keys(output);
+        // 计算出范围 ,["A1",..., "H2"]
+        const ref = `${outputPos[0]}:${outputPos[outputPos.length - 1]}`;
+
+        // 构建 workbook 对象
+        const workbook = {
+            SheetNames: ['mySheet'],
+            Sheets: {
+                mySheet: {
+
+                    ...output,
+                    '!ref': ref,
+                    '!cols': wpx,
+                },
+            },
+        };
+        // 导出 Excel
+        XLSX.writeFile(workbook, fileName ? `${fileName}-导入模板.xlsx` : '导入模板.xlsx');
+    };
+    const tips = (type) => {
+        const { tips, templeteBth = true } = props;
+        const description = (
+            <div className="export-import">
+                {tips && tips}
+                <Row gutter={16}>
+                    <Col span={12}>
+                        <Form form={form} initialValues={{}}>
+                            <Form.Item name="import-file">
+                                <Input className="file-uploader" type="file" accept=".xlsx, .xls" onChange={(e) => importExcel(e, type)} />
+                                <Button style={props.btnStyle} className={props.btnClass} loading={importLoading}>
+                                    选择文件
+                                </Button>
+                            </Form.Item>
+                        </Form>
+                    </Col>
+                    {templeteBth && (
+                        <Col span={12}>
+                            <Button style={props.btnStyle} className={props.btnClass} onClick={exportTemplete}>
+                                模板下载
+                            </Button>
+                        </Col>
+                    )}
+                </Row>
+            </div>
+        );
+
+        notification.info({
+            message: '支持 .xlsx、.xls 格式的文件',
+            description,
+            key: 'import-notification',
+            duration: null,
+        });
+    };
+
+    return (
+        <Space>
+            {
+                props.import && (
+                    <Button style={props.btnStyle} className={props.btnClass} loading={importLoading} onClick={tips}>
+                        {props.importBtnName || '导入'}
+                    </Button>
+                )
+            }
+            {
+                props.export && (
+                    <Tooltip placement="top" title={props.exportBtnTips || '默认导出所有数据'}>
+                        <Button style={props.btnStyle} className={props.btnClass} loading={exportLoading} onClick={props.exportType === 'pro' ? exportProExcel : exportExcel}>
+                            {props.exportBtnName || '导出'}
+                        </Button>
+                    </Tooltip>
+                )
+            }
+        </Space>
+    );
+}
+
+ExportAndImport.propTypes = {
+    export: PropTypes.bool, // 是否显示导出按钮
+    exportBtnName: PropTypes.string, // 导出按钮文字
+    importBtnName: PropTypes.string, // 导入按钮文字
+    import: PropTypes.bool, // 是否显示导入按钮
+    variedImport: PropTypes.bool, // 是否显示多样导入
+    variedImportDisable: PropTypes.bool, // 多样导入禁用
+    variedImportBtnName: PropTypes.string, // 多样导入文字
+    column: PropTypes.array, // 导出显示的header数组 兼容antd column 可直接拿table的column使用  注：column每列的属性wpx设置导出的execl每列的宽度值 默认 100
+    data: PropTypes.array, // 导出的数据 兼容antd table 数组嵌套处理
+    exportUrl: PropTypes.string, // 导出数据从接口获取的url地址   返回的数据1、数组必须支持column的设置 ，2、如果是对象，数组需放在rows属性上
+    exportBody: PropTypes.object, // 导出数据接口body参数
+    exportQuery: PropTypes.object, // 导出数据从接口获取的url地址上的参数
+    exportBtnTips: PropTypes.string, // 导出按钮tips文字提示
+    importUrl: PropTypes.string, // 导入接口url
+    importQuery: PropTypes.object, // 导入接口url地址上的参数
+    btnClass: PropTypes.string, // 按钮className
+    btnStyle: PropTypes.object, // 按钮style
+    tips: PropTypes.oneOfType([PropTypes.string, PropTypes.element]), // 上传文件提示的信息
+    onImportSucess: PropTypes.func, // 上传成功后 返回处理函数
+    importTemColumn: PropTypes.array, // 导入模板设置 头部字段数组
+    importTemData: PropTypes.array, // 导入模板默认数据
+    requestType: PropTypes.string, // 请求类型
+    importDataCallback: PropTypes.func, // 上传后数据返回
+    templeteBth: PropTypes.bool, // 模板按钮
+    importRequest: PropTypes.bool, // 请求导入接口，false时搭配importDataCallback,
+    exportType: PropTypes.string, // 导出执行的函数名
+};
+
+export default ExportAndImport;

super-screen/client/src/components/export/index.less

@@ -0,0 +1,13 @@
+.export-import {
+    .file-uploader {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      outline: none;
+      opacity: 0;
+      background-color: transparent;
+      z-index: 10;
+    }
+  }

super-screen/client/src/components/index.js

@@ -0,0 +1,18 @@
+
+'use strict';
+
+import Upload from './Upload';
+import Uploads from './Uploads';
+import NoResource from './no-resource';
+import ExportAndImport from './export';
+import ButtonGroup from './buttonGroup';
+import UploadLocal from './UploadLocal';
+
+export {
+    Upload,
+    Uploads,
+    NoResource,
+    ExportAndImport,
+    ButtonGroup,
+    UploadLocal
+};

super-screen/client/src/components/no-resource/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+import React from 'react';
+import { Result} from 'antd';
+import { MehOutlined } from '@ant-design/icons';
+class NoResource extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const title = this.props.title ? this.props.title : "抱歉，没有可访问的资源！"
+        return (
+            <Result
+            icon={<MehOutlined />}
+            title={title}
+            />
+        );
+    }
+}
+
+export default NoResource;

super-screen/client/src/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+import React from 'react';
+import { render } from 'react-dom';
+import App from './app';
+
+render((<App projectName="政务数据资源中心" />), document.getElementById('App'));

super-screen/client/src/layout/actions/global.js

@@ -0,0 +1,27 @@
+'use strict';
+import { RouteRequest } from '@peace/utils';
+import { RouteTable } from '$utils'
+
+export const INIT_LAYOUT = 'INIT_LAYOUT';
+export function initLayout (title, copyright, sections, actions) {
+   return {
+      type: INIT_LAYOUT,
+      payload: {
+         title,
+         copyright,
+         sections,
+         actions
+      }
+   };
+}
+
+export const RESIZE = 'RESIZE';
+export function resize (clientHeight, clientWidth) {
+   return {
+      type: RESIZE,
+      payload: {
+         clientHeight,
+         clientWidth
+      }
+   }
+}

super-screen/client/src/layout/components/footer/index.js

@@ -0,0 +1,15 @@
+'use strict';
+import React from 'react';
+import style from './style.css';
+
+export default class Footer extends React.Component {
+    render() {
+        const {footerProps} = this.props;
+
+        return (
+            <div className={style.footer} {...footerProps}>
+                {this.props.children}
+            </div>
+        );
+    }
+};

super-screen/client/src/layout/components/footer/style.css

@@ -0,0 +1,5 @@
+.footer {
+    text-align: center;
+    font-size: 12px;
+    color: #999;
+}

super-screen/client/src/layout/components/header/index.js

@@ -0,0 +1,100 @@
+'use strict';
+import React from 'react';
+import { Menu } from 'antd';
+import { Link } from 'react-router-dom';
+import { connect } from 'react-redux';
+import styles from './style.css';
+import {
+    MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined, LogoutOutlined
+} from '@ant-design/icons';
+import ResetPasswordModal from '../../../sections/memberManagement/components/resetPassword';
+const Header = props => {
+    const { dispatch, history, user, pathname, toggleCollapsed, collapsed, actions } = props
+
+    const onFinish = async (values) => {
+        const dataToSave = { ...values }
+        return dispatch(
+            actions.memberManagement.modifyUser(user.id, dataToSave, values?.msg || ''),
+        ).then((res) => {
+            if (res.success) {
+                return true;
+            } else {
+                return false;
+            }
+        });
+    };
+
+    const handelClick = item => {
+        if (item.key == 'logout') {
+            dispatch(actions.auth.logout(user));
+            history.push(`/signin`);
+        }
+    }
+
+    let current = pathname;
+    if (pathname == '/' || pathname == '') {
+        current = 'default';
+    } else if (pathname.charAt(0) == '/') {
+        current = pathname.substring(1);
+    }
+
+    if (current.indexOf('/') != -1) {
+        current = current.substring(0, current.indexOf('/'));
+    }
+
+    return (
+        <div className={styles.header}>
+            <div className={styles['header-fold']}>
+                <span onClick={toggleCollapsed} style={{ marginRight: 20 }}>
+                    {
+                        collapsed ?
+                            <MenuUnfoldOutlined /> : <MenuFoldOutlined />
+                    }
+                </span>
+                <div className={styles['header-title']} style={{}}>
+                    <img src='/assets/images/favicon.ico' style={{ margin: '0 12px 4px 12px', height: 42, borderRadius: 4 }} />政务数据资源中心
+                </div>
+            </div>
+            <div id="nav" className={styles['header-nav']}>
+                <Menu
+                    mode='horizontal'
+                    selectedKeys={[current]}
+                    style={{ border: 0, background: '#1890ff' }}
+                    onClick={handelClick}
+                    theme={'light'}
+                    items={[{
+                        label: <span style={{ color: 'aliceblue' }}>{user.displayName}</span>,
+                        key: "user",
+                        icon: <img className={styles['header-nav-user-img']} src={`/assets/images/avatar/5.png`} />,
+                        children: [
+                            {
+                                icon: <UserOutlined />,
+                                label: <ResetPasswordModal
+                                    editData={user}
+                                    triggerRender={<a>修改密码</a>}
+                                    title="修改密码"
+                                    onFinish={onFinish}
+                                    key="resetPassword"
+                                />,
+                                key: 'resetPassword'
+                            },
+                            {
+                                label: '退出', key: 'logout', icon: <LogoutOutlined />
+                            },
+                        ],
+                    }]}
+                />
+            </div>
+        </div>
+    );
+};
+
+function mapStateToProps(state) {
+    const { global, auth } = state;
+    return {
+        actions: global.actions,
+        user: auth.user
+    };
+}
+
+export default connect(mapStateToProps)(Header);

super-screen/client/src/layout/components/header/style.css

@@ -0,0 +1,41 @@
+.header {
+    position: relative;
+    height: 65px;
+    min-width: 520px;
+    background-color: #1890ff;
+}
+
+.header-fold {
+    float: left;
+    padding-left: 32px;
+    font-size: 16px;
+}
+
+.header-title {
+    line-height: 60px;
+    display: inline-block;
+    font-size: 20px;
+    color: #fff;
+    text-shadow: 0 4px 3px rgba(54, 77, 108, 0.20);
+}
+
+.header-nav {
+    float: right;
+}
+
+.header-nav-notification {
+    /* color    : #666; */
+    font-size: 16px;
+}
+
+.header-nav-user-img-wrapper {
+    display: inline;
+    margin: 14px 8px;
+}
+
+.header-nav-user-img {
+    width: 36px;
+    height: 36px;
+    position: relative;
+    bottom: 2px;
+}

super-screen/client/src/layout/components/sider/index.js

@@ -0,0 +1,95 @@
+import React, { Component, useEffect, useState } from 'react';
+import { Menu } from 'antd';
+const JumpUrls = [
+    { url: '/risk/hiddenrectification_approval', keys: 'riskHiddenrectification_approval' },
+    { url: '/safetymanage/hiddenrectification_approval', keys: 'hiddenrectification_approval' },
+    { url: '/metadataManagement/latestMetadata', keys: 'latestMetadata' },
+]
+const Sider = (props) => {
+    const [items, setItems] = useState([])
+    const [selectedKeys, setSelectedKeys] = useState([])
+    const [openKeys, setOpenKeys] = useState([])
+    const { pathname } = props;
+    useEffect(() => {
+        let jumpurlObj = JumpUrls.find(s => s.url == pathname && selectedKeys != s.keys)
+        if (jumpurlObj) {
+            localStorage.setItem('governmentDataResourceCenter_selected_sider', JSON.stringify([jumpurlObj.keys]))
+            setSelectedKeys(jumpurlObj.keys)
+        }
+        if (pathname.indexOf('metadataManagement/latestMetadata') < 0)
+            sessionStorage.removeItem('jumpSelectedKey');
+        if (pathname.indexOf('metadataManagement/businessMetadata') < 0)
+            sessionStorage.removeItem('jumpBusinessSelectedKey');
+    }, [pathname])
+
+    useEffect(() => {
+        const { sections, dispatch, user } = props;
+        let items = sections.reduce((p, c) => {
+            if (typeof c.getNavItem == 'function') {
+                let item = c.getNavItem(user, dispatch);
+                if (item != null) {
+                    if (Array.isArray(item)) {
+                        p = p.concat(item);
+                    } else {
+                        p.push(item);
+                    }
+                }
+            }
+            return p;
+        }, []);
+        setItems(items)
+
+        let selectedKeys = []
+        let openKeys = []
+        const lastSelectedKeys = localStorage.getItem('governmentDataResourceCenter_selected_sider')
+        if (lastSelectedKeys) {
+            selectedKeys = JSON.parse(lastSelectedKeys)
+        }
+        const lastOpenKeys = localStorage.getItem('governmentDataResourceCenter_open_sider')
+        if (lastOpenKeys) {
+            openKeys = JSON.parse(lastOpenKeys)
+        }
+        if (!selectedKeys.length && !openKeys.length) {
+            let firstItem = items[0] || null
+
+            if (firstItem) {
+                let children = firstItem.props.children
+                if (Array.isArray(children)) {
+                    selectedKeys = [children[0].key]
+                    openKeys = [firstItem.key]
+                } else if (children.key) {
+                    selectedKeys = [children.key]
+                    openKeys = [firstItem.key]
+                } else {
+                    selectedKeys = [firstItem.key]
+                }
+            }
+        }
+        localStorage.setItem('governmentDataResourceCenter_selected_sider', JSON.stringify(selectedKeys))
+        setSelectedKeys(selectedKeys)
+        localStorage.setItem('governmentDataResourceCenter_open_sider', JSON.stringify(openKeys))
+        setOpenKeys(openKeys)
+    }, [])
+
+
+    return (
+        <Menu id="sider" mode="inline"
+            theme={'light'}
+            selectedKeys={selectedKeys}
+            openKeys={openKeys}
+            onSelect={(e) => {
+                const { selectedKeys } = e;
+                setSelectedKeys(selectedKeys)
+                localStorage.setItem('governmentDataResourceCenter_selected_sider', JSON.stringify(selectedKeys))
+            }}
+            onOpenChange={(openKeys) => {
+                setOpenKeys(openKeys)
+                localStorage.setItem('governmentDataResourceCenter_open_sider', JSON.stringify(openKeys))
+            }}
+        >
+            {items}
+        </Menu>
+    )
+}
+
+export default Sider;

super-screen/client/src/layout/containers/index.js

@@ -0,0 +1,6 @@
+'use strict';
+import Layout from './layout';
+import NoMatch from './no-match';
+
+export { Layout };
+export { NoMatch };

super-screen/client/src/layout/containers/layout/breadcrumb.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Breadcrumb } from 'antd';
+import withBreadcrumbs from 'react-router-breadcrumbs-hoc';
+import { Link } from 'react-router-dom';
+
+const extRoutes = [{ path: '/project-monitor/things/struct/:id/configuration/station', breadcrumb: '测点' }];
+
+function Breadcrumbs(props) {
+    const excludePaths = [
+        '/',
+        '/metadataManagement/latestMetadata/detail',
+        '/metadataAcquisition/adapter/detail',
+    ];
+
+    const { routes } = props;
+
+    const Bread = withBreadcrumbs(routes.concat(extRoutes), { excludePaths })(({ breadcrumbs }) => (
+        <Breadcrumb separator="/" style={{ height: 25 }}>
+            {
+                breadcrumbs.map((bc, index) => (
+                    <Breadcrumb.Item key={index}>
+                        {
+                            bc.component
+                                ? (
+                                    <Link
+                                        to={{
+                                            pathname: bc.match.url,
+                                            state: bc.match.params ? bc.match.params : {},
+                                            query: bc.location.query ? bc.location.query : {},
+                                        }}
+                                    >
+                                        {bc.breadcrumb}
+                                    </Link>
+                                )
+                                : bc.breadcrumb
+                        }
+                    </Breadcrumb.Item>
+                ))
+            }
+        </Breadcrumb>
+    ));
+
+    return (
+        <Bread />
+    );
+}
+
+export default Breadcrumbs;

super-screen/client/src/layout/containers/layout/index.js

@@ -0,0 +1,132 @@
+'use strict';
+
+import './index.less';
+import React, { useState, useEffect } from 'react';
+import { connect } from 'react-redux';
+import { message, Layout } from 'antd';
+import Sider from '../../components/sider';
+import Header from '../../components/header';
+import Footer from '../../components/footer';
+import Breadcrumbs from './breadcrumb';
+import { resize } from '../../actions/global';
+import * as NProgress from 'nprogress';
+import PerfectScrollbar from 'perfect-scrollbar';
+
+NProgress.configure({
+    template: `
+    <div class="bar" style="height:2px" role="bar">
+        <div class="peg"></div> 
+    </div>
+    <div class="spinner" role="spinner">
+        <div class="spinner-icon"></div>
+    </div>
+    `
+});
+
+const headerHeight = 64
+const footerHeight = 0
+let scrollbar
+
+const LayoutContainer = props => {
+    const { dispatch, msg, user, copyright, children, sections, clientWidth, clientHeight, location, match, routes, history } = props
+    const [collapsed, setCollapsed] = useState(false)
+
+    NProgress.start();
+
+    const resize_ = (collapsed) => {
+        const extraHeight = headerHeight + footerHeight;
+        dispatch(resize(
+            document.body.clientHeight - extraHeight - 12,
+            document.body.clientWidth - (collapsed ? 120 : 220)
+        ));
+    }
+
+    useEffect(() => {
+        resize_(collapsed)
+        scrollbar = new PerfectScrollbar('#page-content', { suppressScrollX: true });
+    }, [])
+
+    useEffect(() => {
+        NProgress.done();
+        if (!user || !user.authorized) {
+            history.push('/signin');
+        }
+        if (msg) {
+            message.destroy();
+            if (msg.done) {
+                message.success(msg.done);
+            }
+            if (msg.error) {
+                message.error(msg.error);
+            }
+        }
+        const dom = document.getElementById('page-content');
+        if (dom) {
+            scrollbar.update();
+            dom.scrollTop = 0;
+        }
+    })
+    // console.log(FS_API_ROOT);
+    return (
+        <Layout id="layout">
+            <Layout.Header style={{ padding: 0 }}>
+                <Header
+                    user={user}
+                    pathname={location.pathname}
+                    toggleCollapsed={() => {
+                        setCollapsed(!collapsed);
+                        resize_(!collapsed)
+                    }}
+                    collapsed={collapsed}
+                    history={history}
+                />
+            </Layout.Header>
+            <Layout>
+                <Layout.Sider trigger={null} collapsible collapsed={collapsed} theme={'light'}>
+                    <Sider
+                        sections={sections}
+                        dispatch={dispatch}
+                        user={user}
+                        pathname={location.pathname}
+                        collapsed={collapsed}
+                    />
+                </Layout.Sider>
+                <Layout.Content id="page-content" style={{
+                    position: 'relative',
+                    margin: '12px 12px 0px',
+                    padding: '8px',
+                    height: clientHeight,
+                    background: '#fff'
+                }}>
+                    <div style={{ minWidth: 520 }}>
+                        <div style={{ padding: '0px 16px 4px', borderBottom: '1px solid #e8e8e8' }}>
+                            <Breadcrumbs routes={routes} />
+                        </div>
+                        <div style={{ padding: '12px 12px 0px 12px' }}>
+                            {children}
+                        </div>
+                    </div>
+                </Layout.Content>
+                {/* <Layout.Footer {...footerProps}>
+                    {copyright}
+                </Layout.Footer> */}
+            </Layout>
+        </Layout>
+    )
+}
+
+function mapStateToProps(state) {
+    const { global, auth, ajaxResponse } = state;
+    return {
+        title: global.title,
+        copyright: global.copyright,
+        sections: global.sections,
+        actions: global.actions,
+        clientWidth: global.clientWidth,
+        clientHeight: global.clientHeight,
+        msg: ajaxResponse.msg,
+        user: auth.user,
+    };
+}
+
+export default connect(mapStateToProps)(LayoutContainer);

super-screen/client/src/layout/containers/layout/index.less

@@ -0,0 +1,3 @@
+@import '~perfect-scrollbar/css/perfect-scrollbar.css';
+@import '~nprogress/nprogress.css';
+@import '~simplebar-react/dist/simplebar.min.css';

super-screen/client/src/layout/containers/no-match/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+import React from 'react';
+import moment from 'moment'
+
+const NoMatch = props => {
+    return (
+        <div style={{ textAlign: 'center', padding: 120 }}>
+            <p style={{ fontSize: 80, lineHeight: 1.5 }}>404</p>
+            <p style={{ fontSize: 32, lineHeight: 2 }}>PAGE NOT FOUND</p>
+            <p>很遗憾，您暂时无法访问该页面。</p>
+            <p>请检查您访问的链接地址是否正确。</p>
+            <p style={{ marginTop: 80 }}>Copyright © {moment().year()} 飞尚</p>
+        </div>
+    )
+}
+
+export default NoMatch;

super-screen/client/src/layout/index.js

@@ -0,0 +1,179 @@
+'use strict';
+import React, { useEffect, useState } from 'react';
+import moment from 'moment';
+import configStore from './store';
+import { Provider } from 'react-redux';
+import { createBrowserHistory } from 'history';
+import { ConnectedRouter } from 'connected-react-router'
+import { Layout, NoMatch } from './containers';
+import { Switch, Route } from "react-router-dom";
+import { ConfigProvider } from 'antd';
+import * as layoutActions from './actions/global';
+import zhCN from 'antd/lib/locale/zh_CN';
+import { basicReducer } from '@peace/utils';
+import 'moment/locale/zh-cn';
+import 'antd/dist/antd.less';
+
+moment.locale('zh-cn');
+
+const { initLayout } = layoutActions;
+
+const Root = props => {
+    const { sections, title, copyright } = props;
+    const [history, setHistory] = useState(null)
+    const [store, setStore] = useState(null)
+    const [outerRoutes, setOuterRoutes] = useState([])
+    const [combineRoutes, setCombineRoutes] = useState([])
+    const [innnerRoutes, setInnerRoutes] = useState([])
+
+    const flatRoutes = (routes) => {
+        const combineRoutes = [];
+
+        function flat(routes, parentRoute) {
+            routes.forEach((route, i) => {
+                const obj = {
+                    path: route.path,
+                    breadcrumb: route.breadcrumb,
+                    component: route.component || null,
+                    authCode: route.authCode || '',
+                    key: route.key,
+                };
+                if (!route.path.startsWith('/')) {
+                    console.error(`路由配置需以 "/" 开始：${route.path}`);
+                }
+                if (route.path.length > 1 && route.path[route.path.length] == '/') {
+                    console.error(`除根路由路由配置不可以以 "/" 结束：${route.path}`);
+                }
+                if (parentRoute && parentRoute != '/') {
+                    obj.path = parentRoute + route.path;
+                }
+                if (route.exact === false) {
+                    obj.exact = false;
+                }
+                if (route.hasOwnProperty('childRoutes')) {
+                    combineRoutes.push(obj);
+                    flat(route.childRoutes, obj.path);
+                } else {
+                    combineRoutes.push(obj);
+                }
+            });
+        }
+
+        flat(routes);
+        return combineRoutes;
+    };
+
+
+    const initReducer = (reducers, reducerName, action) => {
+        let reducerParams = {}
+        const { actionType, initReducer, reducer } = action()()
+        if (initReducer || reducer) {
+            if (reducer) {
+                if (reducer.name) {
+                    reducerName = reducer.name
+                }
+                if (reducer.params) {
+                    reducerParams = reducer.params
+                }
+            } else {
+                reducerName = `${reducerName}Rslt`
+            }
+            reducers[reducerName] = function (state, action) {
+                return basicReducer(state, action, Object.assign({ actionType: actionType }, reducerParams));
+            }
+        }
+    }
+
+    useEffect(() => {
+        let innerRoutes = []
+        let outerRoutes = []
+        let reducers = {}
+        let actions = {
+            layout: layoutActions
+        }
+
+        for (let s of sections) {
+            if (!s.key) console.warn('请给你的section添加一个key值，section name:' + s.name);
+            for (let r of s.routes) {
+                if (r.type == 'inner' || r.type == 'home') {
+                    innerRoutes.push(r.route)
+                } else if (r.type == 'outer') {
+                    outerRoutes.push(r.route)
+                }
+            }
+            if (s.reducers) {
+                reducers = { ...reducers, ...s.reducers }
+            }
+            if (s.actions) {
+                actions = { ...actions, [s.key]: s.actions }
+                if (s.key != 'auth') {
+                    for (let ak in s.actions) {
+                        let actions = s.actions[ak]
+                        if (actions && typeof actions == 'object') {
+                            for (let actionName in actions) {
+                                initReducer(reducers, actionName, actions[actionName])
+                            }
+                        } else if (typeof actions == 'function') {
+                            initReducer(reducers, ak, actions)
+                        }
+                    }
+                }
+            }
+        }
+
+        let history = createBrowserHistory();
+        let store = configStore(reducers, history);
+        store.dispatch(initLayout(title, copyright, sections, actions));
+        store.dispatch(actions.auth.initAuth());
+
+        const combineRoutes = flatRoutes(innerRoutes);
+
+        setInnerRoutes(combineRoutes)
+        setHistory(history)
+        setStore(store)
+        setOuterRoutes(outerRoutes.map(route => (
+            <Route
+                key={route.key}
+                exact
+                path={route.path}
+                component={route.component}
+            />
+        )))
+        setCombineRoutes(combineRoutes.map(route => (
+            <Route
+                key={route.key}
+                exact={Object.prototype.hasOwnProperty.call(route, 'exact') ? route.exact : true}
+                path={route.path}
+                component={route.component}
+            />
+        )))
+    }, [])
+
+    return (
+        store ?
+            <ConfigProvider locale={zhCN}>
+                <Provider store={store}>
+                    <ConnectedRouter history={history}>
+                        <div>
+                            <Switch>
+                                {outerRoutes}
+                                <Layout
+                                    history={history}
+                                    routes={innnerRoutes}
+                                >
+                                    {combineRoutes}
+                                </Layout>
+                                <Route
+                                    path={'*'}
+                                    component={NoMatch}
+                                />
+                            </Switch>
+                        </div>
+                    </ConnectedRouter>
+                </Provider>
+            </ConfigProvider>
+            : ''
+    )
+}
+
+export default Root;

super-screen/client/src/layout/reducers/ajaxResponse.js

@@ -0,0 +1,28 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/4/1.
+ */
+'use strict';
+const initState = {
+    msg: null
+};
+
+import Immutable from 'immutable';
+
+/**
+ * 全局ajax响应处理：
+ * 判断action中是否有done字段，如果有，则修改store中的msg.done
+ * 判断action中是否有error字段，如果有，则修改store中msg.error
+ * 在layout中根据msg的值，呈现提示信息。
+*/
+export default function ajaxResponse(state = initState, action) {
+    if (action.done) {
+        return Immutable.fromJS(state).set('msg', {done: action.done}).toJS();
+    }
+
+    if (action.error) {
+        return Immutable.fromJS(state).set('msg', {error: action.error}).toJS();
+    }
+
+    return {msg: null};
+};

super-screen/client/src/layout/reducers/global.js

@@ -0,0 +1,36 @@
+'use strict';
+import Immutable from 'immutable';
+import { INIT_LAYOUT, RESIZE } from '../actions/global';
+
+function global (state = {
+    title: '',
+    copyright: '',
+    sections: [],
+    actions: {},
+    plugins: {},
+    clientHeight: 768,
+    clientWidth: 1024,
+}, action) {
+    const payload = action.payload;
+    switch (action.type) {
+        case RESIZE:
+            return Immutable.fromJS(state).merge({
+                clientHeight: payload.clientHeight,
+                clientWidth: payload.clientWidth
+            }).toJS();
+        case INIT_LAYOUT:
+            return {
+                title: payload.title,
+                copyright: payload.copyright,
+                sections: payload.sections,
+                actions: payload.actions,
+                plugins: payload.plugins,
+                clientHeight: state.clientHeight,
+                clientWidth: state.clientWidth,
+            };
+        default:
+            return state;
+    }
+}
+
+export default global;

super-screen/client/src/layout/reducers/index.js

@@ -0,0 +1,15 @@
+/**
+ * User: liuxinyi/liu.xinyi@free-sun.com.cn
+ * Date: 2016/1/13
+ * Time: 17:52
+ *
+ */
+'use strict';
+
+import global from './global';
+import ajaxResponse from './ajaxResponse';
+
+export default {
+    global,
+    ajaxResponse
+};

super-screen/client/src/layout/store/index.js

@@ -0,0 +1,16 @@
+/**
+ * User: liuxinyi/liu.xinyi@free-sun.com.cn
+ * Date: 2016/1/13
+ * Time: 17:51
+ *
+ */
+'use strict';
+
+let store = null;
+if(process.env.NODE_ENV == 'production'){
+    store = require('./store.prod').default;
+}else {
+    store = require('./store.dev').default;
+}
+
+export default store;

super-screen/client/src/layout/store/store.dev.js

@@ -0,0 +1,30 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/4/8.
+ */
+'use strict';
+import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
+import reduxThunk from 'redux-thunk';
+import { connectRouter, routerMiddleware } from 'connected-react-router';
+import innerReducers from '../reducers';
+
+function configStore(reducers, history) {
+    const reducer = Object.assign({}, innerReducers, reducers, {
+        router: connectRouter(history)
+    });
+
+    const composeEnhancers =
+        typeof window === 'object' &&
+            window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
+            window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
+                // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
+            }) : compose;
+
+    const enhancers = composeEnhancers(
+        applyMiddleware(routerMiddleware(history), reduxThunk)
+    );
+
+    return createStore(combineReducers(reducer), {}, enhancers);
+}
+
+export default configStore;

super-screen/client/src/layout/store/store.prod.js

@@ -0,0 +1,20 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/4/8.
+ */
+'use strict';
+
+import { createStore, combineReducers, applyMiddleware } from 'redux';
+import reduxThunk from 'redux-thunk';
+import { connectRouter, routerMiddleware } from 'connected-react-router';
+import innerReducers from '../reducers';
+
+function configStore(reducers, history){
+    const reducer = Object.assign({}, innerReducers, reducers, {
+        router: connectRouter(history)
+    });
+
+    return createStore(combineReducers(reducer), {}, applyMiddleware(routerMiddleware(history), reduxThunk));
+}
+
+export default configStore;

super-screen/client/src/sections/auth/actions/auth.js

@@ -0,0 +1,62 @@
+'use strict';
+
+import { ApiTable } from '$utils'
+import { Request } from '@peace/utils'
+
+export const INIT_AUTH = 'INIT_AUTH';
+export function initAuth() {
+    const user = JSON.parse(sessionStorage.getItem('user')) || {};
+    return {
+        type: INIT_AUTH,
+        payload: {
+            user: user
+        }
+    };
+}
+
+export const REQUEST_LOGIN = 'REQUEST_LOGIN';
+export const LOGIN_SUCCESS = 'LOGIN_SUCCESS';
+export const LOGIN_ERROR = 'LOGIN_ERROR';
+export function login({ username, password, phone, code }) {
+    return dispatch => {
+        dispatch({ type: REQUEST_LOGIN });
+
+        return Request.post(ApiTable.login, { username, password, phone, code })
+            .then(user => {
+                sessionStorage.setItem('user', JSON.stringify(user));
+                dispatch({
+                    type: LOGIN_SUCCESS,
+                    payload: { user: user },
+                });
+            }, error => {
+                let { body } = error.response;
+                dispatch({
+                    type: LOGIN_ERROR,
+                    payload: {
+                        error: body && body.message ? body.message : '登录失败'
+                    }
+                })
+            });
+    }
+}
+
+export const LOGOUT = 'LOGOUT';
+export function logout(user) {
+    const token = user.token;
+    const url = ApiTable.logout;
+    sessionStorage.removeItem('user');
+    localStorage.removeItem('governmentDataResourceCenter_selected_sider')
+    localStorage.removeItem('governmentDataResourceCenter_open_sider')
+    Request.put(url, {
+        token: token
+    });
+    return {
+        type: LOGOUT
+    };
+}
+
+export default {
+    initAuth,
+    login,
+    logout
+}

super-screen/client/src/sections/auth/actions/index.js

@@ -0,0 +1,10 @@
+/**
+ * Created by liu.xinyi
+ * on 2016/4/1.
+ */
+'use strict';
+import auth from './auth';
+
+export default {
+    ...auth    
+};

super-screen/client/src/sections/auth/containers/index.js

@@ -0,0 +1,4 @@
+'use strict';
+import Login from './login';
+
+export { Login };

super-screen/client/src/sections/auth/containers/login.js

@@ -0,0 +1,158 @@
+'use strict';
+import React, { useState, useEffect, useRef } from 'react';
+import { connect } from 'react-redux';
+import { push } from 'react-router-redux';
+import SHA1 from 'crypto-js/sha1';
+import Hex from 'crypto-js/enc-hex';
+import { ApiTable } from '$utils'
+import { Request } from '@peace/utils'
+import { Button, Input, Form, Row, Col, message, Tabs } from 'antd';
+import { login, LOGIN_ERROR } from '../actions/auth';
+import { ExclamationCircleOutlined } from '@ant-design/icons';
+import { Uploads } from '$components'
+import '../style.less';
+
+const FormItem = Form.Item;
+
+let codCountDownInterval = null
+const Login = props => {
+    const { dispatch, user, error, isRequesting } = props
+    const [username, setUserName] = useState('')
+    const [password, setPassword] = useState('')
+    const [phone, setPhone] = useState('')
+    const [code, setCode] = useState('')
+    const [inputChanged, setInputChanged] = useState(false)
+    const [curTabKey, setCurTabKey] = useState(1)
+    const [codSending, setCodSending] = useState(false)
+    const [codCountDown, setCodeCountDown] = useState(60)
+    const codCountDownRef = useRef(0)
+
+    useEffect(() => {
+        sessionStorage.removeItem('user');
+        localStorage.removeItem('governmentDataResourceCenter_selected_sider')
+        localStorage.removeItem('governmentDataResourceCenter_open_sider')
+    }, [])
+
+
+    useEffect(() => {
+        if (user && user.authorized) {
+            user?.role == '数据消费者' ? dispatch(push('/metadataManagement/latestMetadata')) : dispatch(push('/homePage'));
+        }
+    }, [user])
+
+    useEffect(() => {
+        if (codSending) {
+            setCodeCountDown(59)
+            codCountDownRef.current = 59
+            codCountDownInterval = setInterval(() => {
+                codCountDownRef.current -= 1
+                if (codCountDownRef.current == 0) {
+                    setCodSending(false)
+                    setCodeCountDown(60)
+                    clearInterval(codCountDownInterval)
+                    codCountDownInterval = null
+                } else {
+                    setCodeCountDown(codCountDownRef.current)
+                }
+            }, 1000);
+        } else {
+            if (codCountDownInterval) {
+                clearInterval(codCountDownInterval)
+                codCountDownInterval = null
+                setCodeCountDown(60)
+            }
+        }
+    }, [codSending])
+
+    const doLogin = () => {
+        if (curTabKey == 1) {
+            if (!username || !password)
+                dispatch({
+                    type: LOGIN_ERROR,
+                    payload: { error: '请输入账号名和密码' }
+                });
+            setInputChanged(false)
+            dispatch(login({ username, password }));
+        } else {
+            if (!phone || !code)
+                dispatch({
+                    type: LOGIN_ERROR,
+                    payload: { error: '请输入手机号和验证码' }
+                });
+            dispatch(login({ phone, code }));
+        }
+    }
+
+    const enterHandler = e => {
+        if (e.key === 'Enter') {
+            doLogin()
+        }
+    };
+
+    return (
+        <div className='login'>
+            <div className='left'></div>
+            <div className='right'>
+                <div className='loginBox'>
+                    <div className='_title'>欢迎登录系统</div>
+                    <div className='_divider'></div>
+                    <Form onKeyDown={enterHandler}>
+
+                        <FormItem>
+                            <Input
+                                style={{ marginTop: 30 }}
+                                placeholder='请输入账号'
+                                className='loginInp'
+                                type="text"
+                                value={username}
+                                // maxlength={11}
+                                onChange={e => {
+                                    setUserName(e.target.value)
+                                    setInputChanged(true)
+                                }}
+                            />
+                        </FormItem>
+                        <FormItem>
+                            <Input
+                                style={{ marginTop: 30 }}
+                                placeholder='请输入密码'
+                                className='loginInp'
+                                type="password"
+                                value={password}
+                                onChange={e => {
+                                    setPassword(e.target.value)
+                                    setInputChanged(true)
+                                }}
+                            />
+                        </FormItem>
+                    </Form>
+                    <Row style={{
+                        paddingLeft: '10%'
+                    }}>
+                        {
+                            inputChanged || !error ?
+                                <span style={{
+                                    visibility: 'hidden'
+                                }}>-</span> :
+                                <span>
+                                    <ExclamationCircleOutlined style={{ color: 'red' }} />{error}
+                                </span>
+                        }
+                    </Row>
+                    <Button style={{ borderRadius: 28 }} type="primary" className='loginBtn' loading={isRequesting} onClick={doLogin}>登录</Button>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+function mapStateToProps(state) {
+    const { auth } = state;
+    return {
+        user: auth.user,
+        error: auth.error,
+        isRequesting: auth.isRequesting
+    }
+}
+
+export default connect(mapStateToProps)(Login);

super-screen/client/src/sections/auth/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+import routes from './routes';
+import reducers from './reducers';
+import actions from './actions';
+
+export default {
+    key: 'auth',
+    reducers: reducers,
+    routes: routes,
+    actions: actions
+};

super-screen/client/src/sections/auth/reducers/auth.js

@@ -0,0 +1,40 @@
+'use strict';
+import * as actionTypes from '../actions/auth';
+import Immutable from 'immutable';
+
+const initState = {
+    user: {},
+    isRequesting: false,
+    error: null
+};
+
+function auth(state = initState, action) {
+    const payload = action.payload;
+    switch (action.type){
+        case actionTypes.INIT_AUTH:
+            return Immutable.fromJS(state).set('user', payload.user).toJS();
+        case actionTypes.REQUEST_LOGIN:
+            return Immutable.fromJS(state).merge({
+                isRequesting: true,
+                error: null
+            }).toJS();
+        case actionTypes.LOGIN_SUCCESS:
+            return Immutable.fromJS(state).merge({
+                isRequesting: false,
+                user: payload.user
+            }).toJS();
+        case actionTypes.LOGIN_ERROR:
+            return Immutable.fromJS(state).merge({
+                isRequesting: false,
+                error: payload.error
+            }).toJS();
+        case actionTypes.LOGOUT:
+            return Immutable.fromJS(state).merge({
+                user: null
+            }).toJS();
+        default:
+            return state;
+    }
+}
+
+export default auth;

super-screen/client/src/sections/auth/reducers/index.js

@@ -0,0 +1,6 @@
+'use strict';
+import auth from './auth'
+
+export default {
+    auth
+};

super-screen/client/src/sections/auth/routes.js

@@ -0,0 +1,12 @@
+'use strict';
+
+import { Login } from './containers';
+
+export default [{
+    type: 'outer',
+    route: {
+        key:'signin',
+        path: "/signin",
+        component: Login
+    }
+}];

super-screen/client/src/sections/auth/style.less

@@ -0,0 +1,112 @@
+.login {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-image: url('/assets/images/login_bg.png');
+    background-size: 100% 100%;
+
+    .left {
+
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 55%;
+        height: 100%;
+        float: left;
+        top: 0px;
+        left: 0px;
+    }
+
+    .right {
+        width: 45%;
+        height: 100%;
+        // background-color: #000066;
+        float: left;
+        right: 0px;
+        bottom: 0px;
+    }
+}
+
+@media screen and (max-height:1440px) {
+    .loginBox {
+        top: 25%;
+    }
+}
+
+@media screen and (max-height: 768px) {
+    .loginBox {
+        top: 20%;
+    }
+}
+
+@media screen and (max-height: 630px) {
+    .loginBox {
+        top: 10%;
+    }
+}
+
+.loginBox {
+    height: 50%;
+    width: 25%;
+    position: absolute;
+    right: 16.5%;
+    z-index: 20;
+    background: #fff;
+    text-align: center;
+    padding-top: 30px;
+
+    @media screen and (min-height:1080px) {
+        height: 40%;
+    }
+
+    ._title {
+        font-family: SourceHanSansCN-Medium;
+        font-weight: 500;
+        font-size: 24px;
+        color: rgba(0, 0, 0, 0.75);
+        letter-spacing: 0;
+    }
+
+    ._divider {
+        width: 58px;
+        height: 4px;
+        background: #4263F7;
+        display: inline-block;
+    }
+
+    h1 {
+        color: #fff;
+        font-size: 58px;
+    }
+
+    .loginFormTit {
+        width: 20%;
+        font-size: 18px;
+        color: rgb(255, 255, 255);
+        // margin-bottom: 10px;
+    }
+
+    .loginInp {
+        width: 80%;
+        height: 50px;
+        background: #ffffff;
+        border: 1px solid #C2C2C2;
+        border-radius: 5px;
+    }
+
+    .loginBtn {
+        width: 80%;
+        height: 50px;
+        margin-top: 40px;
+        border-radius: 5px;
+        font-size: 16px;
+        background: #4263F7;
+        border-color: #4263F7;
+    }
+
+    .loginBtn:hover {
+        background: #4263F7;
+        border-color: #4263F7;
+    }
+}

super-screen/client/src/sections/homePage/actions/example.js

@@ -0,0 +1,15 @@
+'use strict';
+
+import { basicAction } from '@peace/utils'
+import { ApiTable } from '$utils'
+
+// export function getMembers(orgId) {
+//     return dispatch => basicAction({
+//         type: 'get',
+//         dispatch: dispatch,
+//         actionType: 'GET_MEMBERS',
+//         url: `${ApiTable.getEnterprisesMembers.replace('{enterpriseId}', orgId)}`,
+//         msg: { error: '获取用户列表失败' },
+//         reducer: { name: 'members' }
+//     });
+// }

super-screen/client/src/sections/homePage/actions/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+import * as example from './example'
+
+export default {
+    ...example,
+}

super-screen/client/src/sections/homePage/components/abnormalMonitoring.js

@@ -0,0 +1,49 @@
+import React, { useEffect, useState } from 'react'
+import CarouselList from './public/carousel-list';
+import { Tooltip } from 'antd';
+import { ApiTable, useFsRequest } from '$utils';
+import moment from 'moment';
+function AbnormalMonitoring(props) {
+
+    const { data: logs = {} } = useFsRequest({
+        url: ApiTable.getLogs,
+        query: {
+            logState: false,
+            startTime: moment().subtract(7, 'days').format('YYYY-MM-DD HH:mm:ss'),
+            endTime: moment().format('YYYY-MM-DD HH:mm:ss')
+        },
+        pollingInterval: 1000 * 60
+    });
+
+    const dataSource = logs?.rows ? logs?.rows?.map(s => {
+        return [
+            <div style={{ color: '#fff' }}>
+                <Tooltip placement="top" title={s?.acquisitionTask?.taskName}>
+                    {s?.acquisitionTask?.taskName?.length > 20 ? s?.acquisitionTask?.taskNamesubstring(0, 20) + '...' : s?.acquisitionTask?.taskName}
+                </Tooltip>
+            </div>,
+            moment(s?.startTime).format('YYYY-MM-DD HH:mm:ss'),
+            moment(s?.endTime).valueOf() - moment(s?.startTime).valueOf() + '毫秒',
+            <div style={{ color: 'rgba(245, 27, 27, 1)' }}>
+                <Tooltip placement="top" title={s?.details}>
+                    {s?.details?.length > 20 ? s?.details.substring(0, 20) + '...' : s?.details}
+                </Tooltip>
+            </div>
+        ]
+    }) : []
+    return <div style={{ height: 149, border: '1px solid #50c9d74d', backgroundImage: 'linear-gradient(180deg, rgba(0, 32, 74, 0) 3%, rgba(80, 201, 247, 0.1) 100%)' }}>
+        <div className='center-card-title' style={{ marginBottom: 6 }}><div className='_icon_left' />异常监控<div className='_icon_right' /></div>
+        <CarouselList
+            header={['任务名称', '采集时间', '耗时', '异常日志']}
+            data={dataSource}
+            rowNum={2}
+            height={100}
+            multiellipsis
+            marginTop={-50}
+        />
+    </div>
+}
+
+export default AbnormalMonitoring;
+
+

super-screen/client/src/sections/homePage/components/accessData.js

@@ -0,0 +1,36 @@
+import React from 'react'
+import Box from './public/table-card';
+import { useFsRequest } from '$utils';
+import { mathRound } from './util'
+function AccessData() {
+
+    const { data: accessdata = [] } = useFsRequest({
+        url: 'homepage/accessdata',
+        pollingInterval: 1000 * 60,
+        cacheKey: 'accessdata',
+    });
+
+
+    const renderBody = () => {
+        return <div className='access_data'>
+            <div className='_img'></div>
+            <div className='data_unit'>
+                数据单位<div className='data_number'>{!accessdata?.projects ? '-' : accessdata?.projects?.split(',')?.length}</div>个
+            </div>
+            <div className='data_today'>
+                今日数据<div className='data_number'>{!accessdata?.res?.stat?.today ? '-' : accessdata?.res?.stat?.today > 1000 ? mathRound(accessdata?.res?.stat?.today) : accessdata?.res?.stat?.today}</div>{accessdata?.res?.stat?.today > 1000 ? '万条' : '条'}
+            </div>
+            <div className='data_total'>
+                数据总量<div className='data_number'>{accessdata?.res?.stat?.datas ? Math.round(accessdata?.res?.stat?.datas / 10000) : '-'}</div>万条
+            </div>
+        </div>
+    }
+
+    return <Box title={"接入数据统计"} >
+        {renderBody()}
+    </Box>
+}
+
+export default AccessData;
+
+

super-screen/client/src/sections/homePage/components/alarmList.js

@@ -0,0 +1,52 @@
+import React from 'react'
+import Box from './public/table-card';
+import CarouselList from './public/carousel-list';
+import { Tooltip } from 'antd';
+import moment from 'moment';
+import NoData from './public/noData';
+import { useFsRequest } from '$utils';
+
+function AlarmList(props) {
+    const { cardContentHeight } = props;
+    const { data: alarms = [] } = useFsRequest({
+        url: 'homepage/alarms',
+        pollingInterval: 1000 * 60,
+        cacheKey: 'alarms',
+    });
+
+
+    const data = alarms.map(s => {
+        return [
+            s.content,
+            s.level == 1 ? '一级' : s.level == 2 ? '二级' : s.level == 3 ? '三级' : '四级',
+            moment(s.time).format('YYYY-MM-DD HH:mm:ss')
+        ]
+    })
+
+    const renderBody = () => {
+        return <CarouselList
+            header={['预警内容', '预警等级', '预警时间']}
+            data={data?.map(s => {
+                return [
+                    <Tooltip placement="top" title={s[0]}>
+                        {s[0].length > 20 ? s[0]?.substring(0, 20) + '...' : s[0]}
+                    </Tooltip>,
+                    <div style={{ color: s[1] == '一级' ? 'rgba(245, 27, 27, 1)' : s[1] == '二级' ? '#FF7900' : s[1] == '三级' ? '#FFCD00' : '#00DA9F' }}>{s[1]}</div>,
+                    s[2]
+                ]
+            })}
+            rowNum={6}
+            height={cardContentHeight}
+            multiellipsis
+            columnWidth={[180, 80, 150]}
+        />
+    }
+
+    return <Box title={"预警列表"}>
+        {alarms?.length > 0 ? renderBody() : <NoData />}
+    </Box>
+}
+
+export default AlarmList;
+
+

super-screen/client/src/sections/homePage/components/centerTop.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import './style.less'
+
+function CenterTop(props) {
+
+
+    return <div className='_top'>
+        <div className='center_top_data'>
+            <div className='_center_card1'>共享交换</div>
+            <div className='_center_card2'>数据监控</div>
+            <div className='_center_card3'>数据治理</div>
+            <div className='_center_card4'>数据采集</div>
+        </div>
+    </div>
+}
+
+export default CenterTop;
+
+

super-screen/client/src/sections/homePage/components/dataShare.js

@@ -0,0 +1,54 @@
+import React from 'react'
+import Box from './public/table-card';
+import { useFsRequest } from '$utils';
+import { mathRound } from './util';
+function DataShare(props) {
+
+    const { data: dataTotal = {} } = useFsRequest({
+        url: 'homepage/datatotal/top5',
+        pollingInterval: 1000 * 60,
+        cacheKey: 'datatotal',
+    });
+
+    const { data: restfulInfo = {} } = useFsRequest({
+        url: 'homepage/restful/info',
+        pollingInterval: 1000 * 60,
+        cacheKey: 'restfulInfo',
+    });
+
+    const renderItem = (s) => {
+        return <div className='_item_content'>
+            <div className={'_item_icon' + s.key} />
+            <div className='_item_text'>
+                {s.title}
+                <div className='number_container'>
+                    <span className='_number'>{s.data}</span>{s.unit}
+                </div>
+            </div>
+        </div>
+    }
+
+    const leftData = [
+        { key: '1', data: mathRound(dataTotal?.total), unit: '万条', title: '共享库数据总量' },
+        { key: '2', data: restfulInfo?.total, unit: '次', title: '访问接口总次数' },
+        { key: '3', data: restfulInfo?.totalUser, unit: '个', title: '访问接口用户总数' }]
+    const rightData = [
+        { key: '2', data: restfulInfo?.todayTotal, unit: '次', title: '接口访问次数' },
+        { key: '3', data: restfulInfo?.todayUser, unit: '个', title: '访问接口用户总数' }]
+
+    return <Box title={"数据共享"} >
+        <div className='data_share'>
+            <div className='_left_content'>
+                {leftData.map(s => renderItem(s))}
+            </div>
+            <div className='_right_content'>
+                <div className='_today_text'>今日</div>
+                {rightData.map(s => renderItem(s))}
+            </div>
+        </div>
+    </Box>
+}
+
+export default DataShare;
+
+

super-screen/client/src/sections/homePage/components/dataTop5.js

@@ -0,0 +1,262 @@
+import React, { useEffect, useState } from 'react'
+import Box from './public/table-card';
+import ReactEcharts from 'echarts-for-react';
+import './style.less';
+import { useFsRequest } from '$utils';
+import { mathRound } from './util';
+import NoData from './public/noData';
+function DataTop5(props) {
+    const { cardContentHeight } = props;
+    const { data: dataTotal = {} } = useFsRequest({
+        url: 'homepage/datatotal/top5',
+        pollingInterval: 1000 * 60,
+        cacheKey: 'datatotal',
+    });
+
+    const renderBody = () => {
+        let chartData = dataTotal?.top5?.map(x => {
+            return {
+                name: x?.dataSource?.resourceCatalog?.name,
+                value: mathRound(x.dbRecordCount),
+            }
+        }) || []
+
+        let options = {
+            xAxis: {
+                splitLine: {
+                    show: false,
+                },
+                axisLabel: {
+                    show: false,
+                },
+                axisTick: {
+                    show: false,
+                },
+                splitArea: { show: false },
+                axisLine: {
+                    show: false,
+                },
+            },
+            tooltip: {
+                confine: true,
+                trigger: 'axis',
+                axisPointer: {
+                    type: 'shadow',
+                },
+                backgroundColor: 'rgba(13,30,44, 0.7)',
+                borderColor: 'rgba(3, 65, 118, 0.8)',
+                textStyle: {
+                    color: '#fff',
+                },
+                formatter: function (params) {
+                    var name = params[0].name
+                    if (name.length > 20) {
+                        name = name.replace(/(.{20})/g, '$1<br>') // 每 30 个字符添加一个换行符
+                    }
+                    var content = name
+
+                    return content + '   :    <b>' + params[0].value + '</b>万条'
+                }
+            },
+            grid: {
+                top: 13,
+                bottom: -10,
+                left: '5%',
+            },
+            yAxis: {
+                inverse: true,
+                axisLine: {
+                    show: false,
+                },
+                axisTick: {
+                    show: false,
+                },
+                axisLabel: {
+                    textStyle: {
+                        color: '#fff',
+                        padding: [-5, 0, 35, 18],
+                    },
+                    formatter(value, index) {
+                        let str = '', num = 'TOP' + (index + 1)
+                        let valueHandle = value.length > 10 ? value.substring(0, 10) + '...' : value
+                        if (index === 0) {
+                            str = '{a| ' + num + '}{title| ' + valueHandle + '}'
+                        } else if (index === 1) {
+                            str = '{b| ' + num + '}{title| ' + valueHandle + '}'
+                        } else if (index === 2) {
+                            str = '{c| ' + num + '}{title| ' + valueHandle + '}'
+                        } else {
+                            str = '{d| ' + num + '}{title| ' + valueHandle + '}'
+                        }
+                        return str
+                    },
+                    rich: {
+                        a: {
+                            borderColor: '#EE6F7C',
+                            borderWidth: 1,
+                            borderRadius: [0, 10, 10, 0],
+                            padding: [3.5, 10, 1, -13],
+                            backgroundColor: 'rgba(238, 111, 124, 0.8)',
+                        },
+                        b: {
+                            borderColor: '#FFCF5F',
+                            borderWidth: 1,
+                            borderRadius: [0, 10, 10, 0],
+                            padding: [3.5, 10, 1, -13],
+                            backgroundColor: 'rgba(255, 207, 95, 0.7)',
+                        },
+                        c: {
+                            borderColor: '#00E8FF',
+                            borderWidth: 1,
+                            borderRadius: [0, 10, 10, 0],
+                            padding: [3.5, 10, 1, -13],
+                            backgroundColor: 'rgba(0, 232, 255, 0.7)',
+                        },
+                        d: {
+                            borderColor: '#1A90FF',
+                            borderWidth: 1,
+                            borderRadius: [0, 10, 10, 0],
+                            padding: [3.5, 10, 1, -13],
+                            backgroundColor: 'rgba(26, 144, 255, 0.7)',
+                        },
+                        title: {
+                            padding: [0, 0, 0, 3],
+                        },
+                    },
+                    align: 'left',
+                },
+                data: chartData.map((item) => item.name),
+            },
+            series: [
+                {
+                    type: 'pictorialBar',
+                    symbol: 'rect',
+                    symbolRotate: 30,
+                    symbolRepeat: 'fixed',
+                    symbolClip: true,
+                    symbolOffset: [0, -1.5],
+                    symbolSize: [2, 12],
+                    symbolMargin: '3',
+                    itemStyle: {
+                        normal: {
+                            color: '#000726',
+                        },
+                    },
+                    label: {
+                        show: true,
+                        color: '#C8F0FF',
+                        fontFamily: 'Bebas',
+                        fontSize: 12,
+                        offset: [-9, 1],
+                        position: 'right',
+                        formatter(params) {
+                            let result = ''
+                            switch (params.dataIndex) {
+                                case 0:
+                                    result = '{img|}{index0|' + params.value + '}{unit|}'
+                                    break
+                                case 1:
+                                    result = '{img|}{index1|' + params.value + '}{unit|}'
+                                    break
+                                case 2:
+                                    result = '{img|}{index2|' + params.value + '}{unit|}'
+                                    break
+                                default:
+                                    result = '{img|}{index3|' + params.value + '}{unit|}'
+                                    break
+                            }
+                            return result
+                        },
+                        rich: {
+                            img: {
+                                height: 18,
+                                width: 20,
+                                // backgroundColor: { image: arrow },这个图片自己切，这里上传不了（加了一个尾巴的形状）
+                            },
+                            unit: {
+                                color: '#C8F0FF',
+                                fontSize: 11,
+                            },
+                            index0: {
+                                color: '#FFF',
+                                fontFamily: 'Bebas',
+                                padding: [-2, 2, 0, 0],
+                                fontWeight: 'bold',
+                                fontSize: 16,
+                            },
+                            index1: {
+                                color: '#FFF',
+                                fontFamily: 'Bebas',
+                                padding: [-2, 2, 0, 0],
+                                fontWeight: 'bold',
+                                fontSize: 16,
+                            },
+                            index2: {
+                                color: '#FFF',
+                                fontFamily: 'Bebas',
+                                padding: [-2, 2, 0, 0],
+                                fontWeight: 'bold',
+                                fontSize: 16,
+                            },
+                            index3: {
+                                color: '#FFF',
+                                fontFamily: 'Bebas',
+                                padding: [-2, 2, 0, 0],
+                                fontWeight: 'bold',
+                                fontSize: 16,
+                            },
+                        },
+                    },
+                    symbolBoundingData: Math.max(...chartData.map((item) => item.value)) * 1.3,
+                    data: chartData.map((item) => item.value),
+                    z: 2,
+                },
+                {
+                    type: 'bar',
+                    barWidth: 10,
+                    data: chartData.map((item) => item.value),
+                    itemStyle: {
+                        normal: {
+                            color: '#54DEFA',
+                        },
+                    },
+                    z: 1,
+                },
+                {
+                    type: 'bar',
+                    barGap: '-125%', // 设置外框粗细
+                    data: chartData.map((items) => Math.max(...chartData.map((item) => item.value)) * 1.3),
+                    barWidth: 15,
+                    itemStyle: {
+                        color: 'none',
+                        borderColor: '#979797',
+                    },
+                    z: 0,
+                },
+            ],
+        };
+
+        return <ReactEcharts
+            option={options}
+            notMerge
+            lazyUpdate
+            style={{ height: cardContentHeight }}
+        />
+    }
+
+    return <Box title={"数据量TOP5单位"} bodyPaddingTop={1} >
+        {
+            dataTotal?.top5?.length > 0 ?
+                <>
+                    <div className='data_top5_unit'>数据量：万条</div>
+                    {renderBody()}
+                </>
+                : <NoData />
+        }
+
+    </Box>
+}
+
+export default DataTop5;
+
+

super-screen/client/src/sections/homePage/components/hotspotData.js

@@ -0,0 +1,42 @@
+import React, { useEffect, useState } from 'react'
+import Box from './public/table-card';
+import NoData from './public/noData';
+import './style.less';
+import { ApiTable, useFsRequest } from '$utils';
+function HotspotData(props) {
+
+    const { data: restfulInfo = {} } = useFsRequest({
+        url: 'homepage/restful/info',
+        pollingInterval: 1000 * 60,
+        cacheKey: 'restfulInfo',
+    });
+
+    const top3 = restfulInfo?.top3
+    return <Box title={"热点数据"} bodyPaddingTop={25}  >
+        {top3?.length > 0 ?
+            <div className='hotspot_data_container'>
+                <div className='_img'></div>
+                <div className='_top1'>
+                    <span className='hotspot_title' title={top3[0].name}>{top3[0].name?.length > 8 ? top3[0].name.substring(0, 8) + '...' : top3[0].name}</span>
+                    <div className='hotspot_data_number'>{top3[0].count}</div>
+                </div>
+                <div className='_top2'>
+                    {top3?.length > 2 && <>
+                        <span className='hotspot_title' title={top3[2].name}>{top3[2].name?.length > 8 ? top3[2].name.substring(0, 8) + '...' : top3[2].name}</span>
+                        <div className='hotspot_data_number'>{top3[2].count}</div>
+                    </>}
+                </div>
+                <div className='_top3'>
+                    {top3?.length > 1 && <>
+                        <span className='hotspot_title' title={top3[1].name}>{top3[1].name?.length > 8 ? top3[1].name.substring(0, 8) + '...' : top3[1].name}</span>
+                        <div className='hotspot_data_number'>{top3[1].count}</div>
+                    </>}
+                </div>
+            </div> : <NoData />
+        }
+    </Box>
+}
+
+export default HotspotData;
+
+

super-screen/client/src/sections/homePage/components/nodeResource.js

@@ -0,0 +1,39 @@
+import React, { useEffect, useState } from 'react'
+import Box from './public/table-card';
+import { ApiTable, useFsRequest } from '$utils';
+import './style.less';
+function NodeResource(props) {
+    const { data: cluters = {} } = useFsRequest({
+        url: 'homepage/datatotal/cluters',
+        pollingInterval: 1000 * 20,
+    });
+
+    const renderBody = () => {
+        return <div className='node-resource-container'>
+            <div className='_item'>
+                <div className='_noderesource_data'>{cluters?.disk}<span className='_percent'>%</span></div>
+                <div className='_noderesource_title'>硬盘</div>
+                <div className='disk_icon' />
+            </div>
+            <div className='_item'>
+                <div className='_noderesource_data'>{cluters?.memory}<span className='_percent'>%</span></div>
+                <div className='_noderesource_title'>内存</div>
+                <div className='memory_icon' />
+            </div>
+            <div className='_item'>
+                <div className='_noderesource_data'>{cluters?.cpu}<span className='_percent'>%</span></div>
+                <div className='_noderesource_title'>CPU</div>
+                <div className='cpu_icon' />
+            </div>
+        </div>
+
+    }
+
+    return <Box title={"节点资源"} >
+        {renderBody()}
+    </Box>
+}
+
+export default NodeResource;
+
+

super-screen/client/src/sections/homePage/components/public/carousel-list.js

@@ -0,0 +1,33 @@
+/* 轮播列表组件 */
+import React from 'react';
+import ScrollBoard from './scrollBoard';
+import NoData from './noData';
+import './index.less';
+function CarouselList(props) {
+  const {
+    header = [], data = [], rowNum = 4, height, columnWidth, multiellipsis, waitTime = 2000, marginTop, ...restProps
+  } = props;
+
+  const config = {
+    header,
+    rowNum,
+    headerBGC: 'rgba(81, 200, 247, 0.2)',
+    oddRowBGC: 'transparent',
+    evenRowBGC: 'transparent',
+    headerHeight: 30,
+    data,
+    waitTime,
+    columnWidth: columnWidth || [],
+  };
+
+  return data.length > 0 ? (
+    <ScrollBoard
+      config={config}
+      style={{ height }}
+      className={multiellipsis ? 'scroll-board-multi' : 'scroll-board'}
+      {...restProps}
+    />
+  ) : <NoData marginTop={marginTop || 0} />;
+}
+
+export default CarouselList;

super-screen/client/src/sections/homePage/components/public/index.less

@@ -0,0 +1,80 @@
+.opcityBackground {
+	background-color: rgba(8, 27, 55, 0.6);
+}
+
+.card-title {
+	// background: linear-gradient(to bottom, #fafafb, #92cbff);
+	// background-clip: border-box;
+	// -webkit-background-clip: text;
+	color: #fff;
+	font-size: 22px;
+	font-family: YouSheBiaoTiHei;
+	padding-left: 20px;
+	// font-weight: 600;
+}
+
+/* 滚动列表 */
+.scroll-board {
+	width: 533px;
+	height: 220px;
+	margin-top: 10px;
+	margin-left: 6px;
+
+	.header {
+		height: 30px;
+		border-top: 1px solid #0047ba;
+		border-bottom: 1px solid #0047ba;
+
+		.header-item {
+			// background: rgba(12, 49, 110, 0.3);
+			margin-right: 10px;
+		}
+	}
+
+	.rows {
+		.row-item {
+			font-size: 16px;
+		}
+
+		.row-item:hover {
+			background: linear-gradient(270deg, rgba(17, 183, 247, 0) 0%, rgba(17, 183, 247, 0.85) 100%);
+			color: #9ac8fc;
+		}
+	}
+}
+
+.scroll-board-multi {
+	padding: 5px 0px 5px;
+	color: rgba(204, 228, 255, 1) !important;
+
+	.header {
+		display: flex;
+		flex-direction: row;
+		font-size: 12px !important;
+		color: rgba(204, 228, 255, 1) !important;
+		// border-bottom: 1px solid #124C79 !important;
+	}
+
+	.rows {
+		color: rgba(204, 228, 255, 1) !important;
+
+		.row-item {
+			border-bottom: 1px solid #124C79 !important;
+		}
+
+		.row-item:hover {
+			background: linear-gradient(270deg, rgba(17, 183, 247, 0) 0%, rgba(17, 183, 247, 0.85) 100%);
+			color: #9ac8fc;
+		}
+	}
+}
+
+._sorrow {
+	display: inline-block;
+	width: 15px;
+	height: 15px;
+	background: url('/assets/images/homePage/bigscreen/sorrow.png');
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+	margin-left: 13px;
+}

super-screen/client/src/sections/homePage/components/public/noData.js

@@ -0,0 +1,18 @@
+/* 公共模块暂无数据组件 */
+import React from 'react';
+import { Empty } from 'antd';
+
+function NoData({ height = 180, marginTop = 0 }) {
+    return (
+        <Empty
+            image="/assets/images/homePage/bigscreen/empty.png"
+            imageStyle={{
+                height,
+                marginTop
+            }}
+            description={false}
+        />
+    );
+}
+
+export default NoData;

super-screen/client/src/sections/homePage/components/public/scrollBoard/index.js

@@ -0,0 +1,469 @@
+import React, {
+  useEffect, useState, useRef, useMemo, forwardRef,
+} from 'react';
+
+import PropTypes from 'prop-types';
+
+import classnames from 'classnames';
+
+import { deepMerge } from '@jiaminghi/charts/lib/util/index';
+
+import { deepClone } from '@jiaminghi/c-render/lib/plugin/util';
+
+import { useAutoResize, co } from '@jiaminghi/data-view-react';
+
+import './style.less';
+
+const defaultConfig = {
+  /**
+   * @description Board header
+   * @type {Array<String>}
+   * @default header = []
+   * @example header = ['column1', 'column2', 'column3']
+   */
+  header: [],
+  /**
+   * @description Board data
+   * @type {Array<Array>}
+   * @default data = []
+   */
+  data: [],
+  /**
+   * @description Row num
+   * @type {Number}
+   * @default rowNum = 5
+   */
+  rowNum: 5,
+  /**
+   * @description Header background color
+   * @type {String}
+   * @default headerBGC = '#00BAFF'
+   */
+  headerBGC: '#00BAFF',
+  /**
+   * @description Odd row background color
+   * @type {String}
+   * @default oddRowBGC = '#003B51'
+   */
+  oddRowBGC: '#003B51',
+  /**
+   * @description Even row background color
+   * @type {String}
+   * @default evenRowBGC = '#003B51'
+   */
+  evenRowBGC: '#0A2732',
+  /**
+   * @description Scroll wait time
+   * @type {Number}
+   * @default waitTime = 2000
+   */
+  waitTime: 2000,
+  /**
+   * @description Header height
+   * @type {Number}
+   * @default headerHeight = 35
+   */
+  headerHeight: 35,
+  /**
+   * @description Column width
+   * @type {Array<Number>}
+   * @default columnWidth = []
+   */
+  columnWidth: [],
+  /**
+   * @description Column align
+   * @type {Array<String>}
+   * @default align = []
+   * @example align = ['left', 'center', 'right']
+   */
+  align: [],
+  /**
+   * @description Show index
+   * @type {Boolean}
+   * @default index = false
+   */
+  index: false,
+  /**
+   * @description index Header
+   * @type {String}
+   * @default indexHeader = '#'
+   */
+  indexHeader: '#',
+  /**
+   * @description Carousel type
+   * @type {String}
+   * @default carousel = 'single'
+   * @example carousel = 'single' | 'page'
+   */
+  carousel: 'single',
+  /**
+   * @description Pause scroll when mouse hovered
+   * @type {Boolean}
+   * @default hoverPause = true
+   * @example hoverPause = true | false
+   */
+  hoverPause: true,
+};
+
+function calcHeaderData({ header, index, indexHeader }) {
+  if (!header.length) {
+    return [];
+  }
+
+  header = [...header];
+
+  if (index) header.unshift(indexHeader);
+
+  return header;
+}
+
+function calcRows({
+  data, index, headerBGC, rowNum,
+}) {
+  if (index) {
+    data = data.map((row, i) => {
+      row = [...row];
+
+      const indexTag = `<span class="index" style="background-color: ${headerBGC};">${i
+        + 1}</span>`;
+
+      row.unshift(indexTag);
+
+      return row;
+    });
+  }
+
+  data = data.map((ceils, i) => ({ ceils, rowIndex: i }));
+
+  const rowLength = data.length;
+
+  if (rowLength > rowNum && rowLength < 2 * rowNum) {
+    data = [...data, ...data];
+  }
+
+  return data.map((d, i) => ({ ...d, scroll: i }));
+}
+
+function calcAligns(mergedConfig, header) {
+  const columnNum = header.length;
+
+  const aligns = new Array(columnNum).fill('left');
+
+  const { align } = mergedConfig;
+
+  return deepMerge(aligns, align);
+}
+
+const ScrollBoard = forwardRef(({
+  onClick, config = {}, className, style, onMouseOver,
+}, ref) => {
+  const { width, height, domRef } = useAutoResize(ref);
+
+  const [state, setState] = useState({
+    mergedConfig: null,
+
+    header: [],
+
+    rows: [],
+
+    rowsShow: [],
+
+    widths: [],
+
+    heights: [],
+
+    aligns: [],
+  });
+
+  const {
+    mergedConfig, header, rows, widths, heights, aligns, rowsShow,
+  } = state;
+
+  const stateRef = useRef({
+    ...state,
+    rowsData: [],
+    avgHeight: 0,
+    animationIndex: 0,
+  });
+
+  Object.assign(stateRef.current, state);
+
+  function onResize() {
+    if (!mergedConfig) return;
+
+    const widths = calcWidths(mergedConfig, stateRef.current.rowsData);
+
+    const heights = calcHeights(mergedConfig, header);
+
+    const data = { widths, heights };
+
+    Object.assign(stateRef.current, data);
+    setState((state) => ({ ...state, ...data }));
+  }
+  const [init, setInit] = useState(true);
+
+  function calcData() {
+    // const mergedConfig = deepMerge(
+    //   deepClone(defaultConfig, true),
+    //   config || {},
+    // );
+    const mergedConfig = {
+      ...defaultConfig,
+      ...config,
+    };
+
+    const header = calcHeaderData(mergedConfig);
+
+    const rows = calcRows(mergedConfig);
+
+    const widths = calcWidths(mergedConfig, stateRef.current.rowsData);
+
+    const heights = calcHeights(mergedConfig, header);
+
+    const aligns = calcAligns(mergedConfig, header);
+
+    const data = {
+      mergedConfig,
+      header,
+      rows,
+      widths,
+      aligns,
+      heights: init ? heights : state.heights.concat(heights),
+      rowsShow: init ? rows : state.rowsShow,
+    };
+    setInit(false);
+    Object.assign(stateRef.current, data, {
+      rowsData: rows,
+      animationIndex: stateRef.current.animationIndex,
+    });
+
+    setState((state) => ({ ...state, ...data }));
+  }
+
+  function calcWidths({ columnWidth, header }, rowsData) {
+    const usedWidth = columnWidth.reduce((all, w) => all + w, 0);
+
+    let columnNum = 0;
+    if (rowsData[0]) {
+      columnNum = rowsData[0].ceils.length;
+    } else if (header.length) {
+      columnNum = header.length;
+    }
+
+    const avgWidth = (width - usedWidth) / (columnNum - columnWidth.length);
+
+    const widths = new Array(columnNum).fill(avgWidth);
+
+    return deepMerge(widths, columnWidth);
+  }
+
+  function calcHeights({ headerHeight, rowNum, data }, header) {
+    let allHeight = height;
+
+    if (header.length) allHeight -= headerHeight;
+
+    const avgHeight = allHeight / rowNum;
+
+    Object.assign(stateRef.current, { avgHeight });
+
+    return new Array(data.length).fill(avgHeight);
+  }
+
+  function* animation(start = false) {
+    let {
+      avgHeight,
+      animationIndex,
+      mergedConfig: { waitTime, carousel, rowNum },
+      rowsData,
+    } = stateRef.current;
+
+    const rowLength = rowsData.length;
+
+    if (start) yield new Promise((resolve) => setTimeout(resolve, waitTime));
+
+    const animationNum = carousel === 'single' ? 1 : rowNum;
+
+    let rows = rowsData.slice(animationIndex);
+    rows.push(...rowsData.slice(0, animationIndex));
+    rows = rows.slice(0, carousel === 'page' ? rowNum * 2 : rowNum + 1);
+
+    const heights = new Array(rowLength).fill(avgHeight);
+    setState((state) => ({
+      ...state, rows, heights, rowsShow: rows,
+    }));
+
+    yield new Promise((resolve) => setTimeout(resolve, 300));
+
+    animationIndex += animationNum;
+
+    const back = animationIndex - rowLength;
+    if (back >= 0) animationIndex = back;
+
+    const newHeights = [...heights];
+    newHeights.splice(0, animationNum, ...new Array(animationNum).fill(0));
+
+    Object.assign(stateRef.current, { animationIndex });
+    setState((state) => ({ ...state, heights: newHeights }));
+  }
+
+  function emitEvent(handle, ri, ci, row, ceil) {
+    const { ceils, rowIndex } = row;
+
+    handle && handle({
+      row: ceils, ceil, rowIndex, columnIndex: ci,
+    });
+  }
+
+  function handleHover(enter, ri, ci, row, ceil) {
+    if (enter) emitEvent(onMouseOver, ri, ci, row, ceil);
+
+    if (!mergedConfig.hoverPause) return;
+
+    const { pause, resume } = task.current;
+
+    enter && pause && resume ? pause() : resume && resume();
+  }
+
+  // updateRows(rows, animationIndex) {
+  //   const { mergedConfig, animationHandler, animation } = this
+  //   this.mergedConfig = {
+  //     ...mergedConfig,
+  //     data: [...rows]
+  //   }
+  //   this.needCalc = true
+  //   if (typeof animationIndex === 'number') this.animationIndex = animationIndex
+  //   if (!animationHandler) animation(true)
+  // }
+
+  const getBackgroundColor = (rowIndex) => mergedConfig[rowIndex % 2 === 0 ? 'evenRowBGC' : 'oddRowBGC'];
+
+  const task = useRef({});
+
+  useEffect(() => {
+    calcData();
+
+    let start = true;
+
+    function* loop() {
+      while (true) {
+        yield* animation(start);
+
+        start = false;
+
+        const { waitTime } = stateRef.current.mergedConfig;
+
+        yield new Promise((resolve) => setTimeout(resolve, waitTime - 300));
+      }
+    }
+
+    const {
+      mergedConfig: { rowNum },
+      rows: rowsData,
+    } = stateRef.current;
+
+    const rowLength = rowsData.length;
+
+    if (rowNum >= rowLength) {
+      setState((prestate) => ({
+        ...prestate, rowsShow: state.rows,
+      }));
+      return;
+    }
+
+    task.current = co(loop);
+
+    return task.current.end;
+  }, [config, domRef.current]);
+
+  useEffect(onResize, [width, height, domRef.current]);
+
+  const classNames = useMemo(() => classnames('dv-scroll-board', className), [
+    className,
+  ]);
+
+  return (
+    <div className={classNames} style={style} ref={domRef}>
+      {!!header.length && !!mergedConfig && (
+        <div
+          className="header"
+          style={{ backgroundColor: `${mergedConfig.headerBGC}` }}
+        >
+          {header.map((headerItem, i) => (
+            <div
+              className="header-item"
+              key={`${headerItem}-${i}`}
+              style={{
+                height: `${mergedConfig.headerHeight}px`,
+                lineHeight: `${mergedConfig.headerHeight}px`,
+                width: `${widths[i]}px`,
+              }}
+              align={aligns[i]}
+              dangerouslySetInnerHTML={{ __html: headerItem }}
+            />
+          ))}
+        </div>
+      )}
+
+      {!!mergedConfig && (
+        <div
+          className="rows"
+          style={{
+            height: `${height
+              - (header.length ? mergedConfig.headerHeight : 0)}px`,
+          }}
+        >
+          {rowsShow.map((row, ri) => (
+            <div
+              className="row-item"
+              key={`${row.toString()}-${row.scroll}`}
+              style={{
+                height: `${heights[ri]}px`,
+                lineHeight: `${heights[ri]}px`,
+                backgroundColor: `${getBackgroundColor(row.rowIndex)}`,
+              }}
+            >
+              {row.ceils.map((ceil, ci) => {
+                if (typeof (ceil) === 'string') {
+                  return (
+                    <div
+                      className="ceil"
+                      key={`${ceil}-${ri}-${ci}`}
+                      style={{ width: `${widths[ci]}px` }}
+                      align={aligns[ci]}
+                      dangerouslySetInnerHTML={{ __html: ceil }}
+                      onClick={() => emitEvent(onClick, ri, ci, row, ceil)}
+                      onMouseEnter={() => handleHover(true, ri, ci, row, ceil)}
+                      onMouseLeave={() => handleHover(false)}
+                    />
+                  );
+                }
+                return (
+                  <div
+                    className="ceil"
+                    style={{ width: `${widths[ci]}px` }}
+                    align={aligns[ci]}
+                    key={`${ri}-${ci}`}
+                    onMouseEnter={() => handleHover(true, ri, ci, row, ceil)}
+                    onMouseLeave={() => handleHover(false)}
+                  >
+                    {ceil}
+                  </div>
+                );
+              })}
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+});
+
+ScrollBoard.propTypes = {
+  config: PropTypes.object,
+  onClick: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  className: PropTypes.string,
+  style: PropTypes.object,
+};
+
+export default ScrollBoard;

super-screen/client/src/sections/homePage/components/public/scrollBoard/style.less

@@ -0,0 +1,44 @@
+.dv-scroll-board {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  color: #fff;
+
+  .text {
+    padding: 0 10px;
+    box-sizing: border-box;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .header {
+    display: flex;
+    flex-direction: row;
+    font-size: 15px;
+
+    .header-item {
+      .text;
+      transition: all 0.3s;
+    }
+  }
+
+  .rows {
+    overflow: hidden;
+
+    .row-item {
+      display: flex;
+      font-size: 14px;
+      transition: all 0.3s;
+    }
+
+    .ceil {
+      .text;
+    }
+
+    .index {
+      border-radius: 3px;
+      padding: 0px 3px;
+    }
+  }
+}

super-screen/client/src/sections/homePage/components/public/table-card.js

@@ -0,0 +1,34 @@
+'use strict'
+
+import React from 'react'
+import './index.less'
+class Box extends React.Component {
+    render() {
+        const { title, height = '100%', children, bodyPaddingTop = 1, titlePaddingTop, margin, overflow } = this.props
+
+        const headerbg = {
+            background: 'url(/assets/images/homePage/bigscreen/headertitlebg.png) no-repeat',
+            backgroundSize: '100% 100%',
+        }
+        return (
+            <div style={{ height, width: '100%', margin: margin || "0px 0px 28px" }}>
+                <div style={{
+                    height: height, listStyle: 'none', overflow: overflow || 'hidden',
+                    backgroundImage: 'linear-gradient(180deg, #00204a00 3%, #50c9f71a 100%)',
+                }}>
+                    <div style={{ height: 42, paddingLeft: 24, paddingTop: '4px', wordBreak: 'keep-all', whiteSpace: 'nowrap', width: '100%', ...headerbg }}>
+                        <span className='card-title'>{title}</span><div className='_sorrow' />
+                    </div>
+                    <div
+                        style={{
+                            width: '100%', height: 2,
+                            marginTop: titlePaddingTop || 10, marginBottom: bodyPaddingTop || 25,
+                        }} />
+                    {children}
+                </div>
+            </div>
+        )
+    }
+}
+export default Box
+

super-screen/client/src/sections/homePage/components/style.less

@@ -0,0 +1,373 @@
+@card-height: calc(100% - 42px - 13px); //左右卡片内容高度定义 目前卡片为等高
+
+//节点资源
+.node-resource-container {
+    display: flex;
+    height: @card-height;
+    width: 100%;
+    align-items: center;
+
+    ._item {
+        width: 33%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        ._noderesource_data {
+            font-family: D-DINExp-Bold;
+            font-weight: 600;
+            font-size: 24px;
+            color: #FFFFFF;
+            line-height: 43.2px;
+            display: flex;
+            align-items: center;
+
+            ._percent {
+                opacity: 0.8;
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                font-size: 12px;
+                color: #C8F0FF;
+                text-align: left;
+                line-height: 24px;
+            }
+        }
+
+        ._noderesource_title {
+            font-family: YouSheBiaoTiHei;
+            font-size: 20px;
+            color: #D8F0FF;
+            letter-spacing: 1.54px;
+            text-align: center;
+            text-shadow: 0 0 10px rgba(0, 145, 255, 0.5);
+            margin-bottom: 17px;
+        }
+
+        .disk_icon {
+            width: 68.73px;
+            height: 62.77px;
+            background: url('/assets/images/homePage/bigscreen/disk.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .cpu_icon {
+            width: 68.73px;
+            height: 62.77px;
+            background: url('/assets/images/homePage/bigscreen/cpu.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .memory_icon {
+            width: 68.73px;
+            height: 62.77px;
+            background: url('/assets/images/homePage/bigscreen/memory.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+}
+
+//接入数据统计
+.access_data {
+    display: flex;
+    height: @card-height;
+    width: 100%;
+    justify-content: center;
+
+    font-family: PingFangSC-Regular;
+    font-weight: 400;
+    font-size: 14px;
+    color: #FFFFFF;
+
+    ._img {
+        width: 230px;
+        height: 95%;
+        background: url('/assets/images/homePage/bigscreen/accessdata.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .data_unit {
+        position: absolute;
+        top: 27%;
+        right: 21%;
+
+        .data_number {
+            line-height: 25px;
+            font-family: D-DINExp-Bold;
+            font-weight: 700;
+            font-size: 20px;
+            color: #3E86FF;
+            letter-spacing: 0;
+        }
+    }
+
+    .data_today {
+        position: absolute;
+        bottom: 13%;
+        right: 79%;
+        text-align: right;
+
+        .data_number {
+            line-height: 25px;
+            font-family: D-DINExp-Bold;
+            font-weight: 700;
+            font-size: 20px;
+            color: #00F6E4;
+            letter-spacing: 0;
+        }
+    }
+
+    .data_total {
+        position: absolute;
+        bottom: 13%;
+        left: 79%;
+
+        .data_number {
+            line-height: 25px;
+            font-family: D-DINExp-Bold;
+            font-weight: 700;
+            font-size: 20px;
+            color: #FFDC4E;
+            letter-spacing: 0;
+        }
+    }
+}
+
+.data_top5_unit {
+    position: absolute;
+    right: 4%;
+    top: 18%;
+    font-family: PingFangSC-Regular;
+    font-weight: 400;
+    font-size: 12px;
+    color: #C8F0FF;
+}
+
+.hotspot_data_container {
+    display: flex;
+    height: @card-height;
+    width: 100%;
+    justify-content: center;
+
+    font-family: PingFangSC-Regular;
+    font-weight: 400;
+    font-size: 14px;
+    color: #FFFFFF;
+
+    ._img {
+        width: 203px;
+        height: 80%;
+        background: url('/assets/images/homePage/bigscreen/hotspotdatabg.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .hotspot_title {
+        padding: 2px;
+        padding-left: 6px;
+        padding-right: 6px;
+        background: rgba(77, 241, 227, 0.08);
+        border: 1px solid rgba(77, 241, 227, 0.1);
+        box-shadow: inset 0 0 20px 0 rgba(28, 185, 196, 0.23);
+    }
+
+
+    .hotspot_data_number {
+        font-family: D-DINExp-Bold;
+        font-weight: 700;
+        font-size: 18px;
+        color: #FFFFFF;
+    }
+
+    ._top1 {
+        position: absolute;
+        top: 25%;
+        right: 63%;
+        text-align: right;
+    }
+
+    ._top2 {
+        position: absolute;
+        bottom: 22%;
+        right: 67%;
+        text-align: center;
+    }
+
+    ._top3 {
+        position: absolute;
+        bottom: 34%;
+        left: 73%;
+    }
+}
+
+//数据共享
+.data_share {
+    display: flex;
+    height: @card-height;
+
+    ._left_content {
+        width: 50%;
+        height: 90%;
+        padding-left: 30px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+
+    ._right_content {
+        ._today_text {
+            font-family: YouSheBiaoTiHei;
+            font-size: 24px;
+            color: #FFFFFF;
+            letter-spacing: 0.5px;
+            position: absolute;
+            right: 6%;
+            top: 21%;
+        }
+
+        padding-top: 23px;
+        display: flex;
+        flex-direction: column;
+        width: 47%;
+        height: 95%;
+        background: url(/assets/images/homePage/bigscreen/todaybg.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        justify-content: space-evenly;
+        align-items: center;
+
+    }
+
+    ._item_content {
+        display: flex;
+
+
+        ._item_icon1 {
+            width: 52px;
+            height: 52px;
+            background: url('/assets/images/homePage/bigscreen/1.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+
+        ._item_icon2 {
+            width: 52px;
+            height: 52px;
+            background: url('/assets/images/homePage/bigscreen/2.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+
+        ._item_icon3 {
+            width: 52px;
+            height: 52px;
+            background: url('/assets/images/homePage/bigscreen/3.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+
+        ._item_text {
+            color: #C8F0FF;
+            padding-left: 6px;
+
+            .number_container {
+                ._number {
+                    font-family: D-DINExp-Bold;
+                    font-weight: 700;
+                    font-size: 22px;
+                    color: #FFFFFF;
+                }
+
+                display: flex;
+                align-items: center;
+                justify-content: space-evenly;
+                width: 112px;
+                height: 28px;
+                background-image: linear-gradient(227deg, #3196AB 0%, #2091cd00 100%);
+            }
+        }
+    }
+}
+
+//大屏中间上部分
+.center_top_data {
+
+    ._center_card1 {
+        width: 353px;
+        height: 74px;
+        font-family: YouSheBiaoTiHei;
+        font-size: 22px;
+        color: #FFFFFF;
+        letter-spacing: 0.46px;
+        text-align: center;
+        position: absolute;
+        top: -3%;
+        left: 32%;
+        background: url(/assets/images/homePage/bigscreen/centerdatabg1.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    ._center_card2 {
+        width: 146px;
+        height: 35px;
+        font-family: YouSheBiaoTiHei;
+        font-size: 16px;
+        color: #35D0FF;
+        letter-spacing: 0.46px;
+        text-align: center;
+        position: absolute;
+        top: 26%;
+        left: 42%;
+        background: url(/assets/images/homePage/bigscreen/centerdatabg2.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    ._center_card3 {
+        width: 146px;
+        height: 35px;
+        font-family: YouSheBiaoTiHei;
+        font-size: 16px;
+        color: #35D0FF;
+        letter-spacing: 0.46px;
+        text-align: center;
+        position: absolute;
+        top: 52%;
+        left: 42%;
+        background: url(/assets/images/homePage/bigscreen/centerdatabg2.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    ._center_card4 {
+        width: 146px;
+        height: 35px;
+        font-family: YouSheBiaoTiHei;
+        font-size: 16px;
+        color: #35D0FF;
+        letter-spacing: 0.46px;
+        text-align: center;
+        position: absolute;
+        top: 74%;
+        left: 42%;
+        background: url(/assets/images/homePage/bigscreen/centerdatabg2.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+}

super-screen/client/src/sections/homePage/components/util.js

@@ -0,0 +1,3 @@
+export const mathRound = (number) => {
+    return number ? Math.round(number / 1000) / 10 : 0
+}

super-screen/client/src/sections/homePage/containers/homePage.js

@@ -0,0 +1,74 @@
+import React, { useEffect, useState } from 'react'
+import { connect } from 'react-redux';
+import { push } from 'react-router-redux';
+import AccessData from '../components/accessData'
+import AlarmList from '../components/alarmList'
+import DataShare from '../components/dataShare'
+import DataTop5 from '../components/dataTop5'
+import HotspotData from '../components/hotspotData'
+import NodeResource from '../components/nodeResource'
+import AbnormalMonitoring from '../components/abnormalMonitoring'
+import CenterTop from '../components/centerTop'
+import './style.less'
+
+function homePage(props) {
+    const { dispatch } = props;
+    const childStyle = { height: '32%', color: '#fff', marginBottom: 17 }
+    const cardHeight = document.body.clientHeight * 0.896 * 0.32
+    const cardContentHeight = cardHeight - 42 - 13
+    return <div className='homepage'>
+        <div className='_title'>
+            <div onClick={() => { dispatch(push('/metadataManagement/latestMetadata')) }} className='_exit' ><div className='_icon' />进入后台</div>
+        </div>
+        <div className='homepage-left homepage-left-left'>
+            <div className="list">
+                <div className='child' style={childStyle}>
+                    <AccessData />
+                </div>
+                <div className='child' style={childStyle}>
+                    <NodeResource />
+                </div>
+                <div className='child' style={childStyle}>
+                    <AlarmList cardContentHeight={cardContentHeight} />
+                </div>
+            </div>
+        </div>
+        <div className='homepage-center'>
+            <CenterTop />
+            <div className="list">
+                <div className='child-top'>
+                    <AbnormalMonitoring />
+                </div>
+            </div>
+        </div>
+        <div className='homepage-left homepage-left-right'>
+            <div className="list">
+                <div className='child-right' style={childStyle}>
+                    <DataShare />
+                </div>
+                <div className='child-right' style={childStyle}>
+                    <DataTop5 cardContentHeight={cardContentHeight} />
+                </div>
+                <div className='child-right' style={childStyle}>
+                    <HotspotData />
+                </div>
+            </div>
+        </div>
+    </div>
+
+}
+
+function mapStateToProps(state) {
+    const {
+        auth, global
+    } = state;
+    return {
+        clientHeight: global.clientHeight,
+        actions: global.actions,
+
+    };
+}
+
+export default connect(mapStateToProps)(homePage);
+
+

super-screen/client/src/sections/homePage/containers/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+import homePage from './homePage';
+
+
+export default  homePage ;

super-screen/client/src/sections/homePage/containers/style.less

@@ -0,0 +1,224 @@
+.homepage {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: url('/assets/images/homePage/bigscreen/bg.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    overflow: hidden;
+
+    ._title {
+        width: 100%;
+        height: 88px;
+        background: url('/assets/images/homePage/bigscreen/top.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+    }
+
+    ._exit {
+        position: absolute;
+        right: 60px;
+        top: 38px;
+        cursor: pointer;
+        color: #C8F0FF;
+        display: flex;
+
+        ._icon {
+            display: inline-block;
+            width: 28px;
+            height: 28px;
+            background: url('/assets/images/homePage/bigscreen/exit.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            margin-right: 3px;
+        }
+    }
+
+    .homepage-left {
+        width: 21.8%;
+        height: 89.6%;
+        position: absolute;
+        top: 8.2%;
+        z-index: 300;
+    }
+
+    .homepage-center {
+        width: 49.16%;
+        height: 89.6%;
+        position: absolute;
+        bottom: 2.4%;
+        left: 25.5%;
+        padding-left: 16px;
+        padding-right: 16px;
+        z-index: 400;
+
+        ._top {
+            margin-top: 5%;
+            height: calc(100% - 200px);
+            background: url('/assets/images/homePage/bigscreen/centerbg.png');
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+        }
+    }
+
+    .homepage-left-left {
+        left: 48px;
+    }
+
+    .homepage-left-right {
+        right: 48px;
+    }
+
+}
+
+
+.list {
+    list-style: none;
+    height: 100%;
+}
+
+.list .child {
+    box-sizing: border-box;
+    opacity: 0;
+    transform: translateX(-300px);
+    animation: show .5s forwards;
+}
+
+.list .child.show {
+    animation-delay: 0s !important;
+}
+
+.list .child.hide {
+    opacity: 1;
+    transform: translateX(0);
+    animation-name: hide;
+    animation-delay: 0s;
+}
+
+/*animation-delay*/
+.list .child:not(.hide):nth-child(5n + 1) {
+    animation-delay: .3s;
+}
+
+.list .child:not(.hide):nth-child(5n + 2) {
+    animation-delay: .6s;
+}
+
+.list .child:not(.hide):nth-child(5n + 3) {
+    animation-delay: .9s;
+}
+
+.list .child:not(.hide):nth-child(5n + 4) {
+    animation-delay: 1.2s;
+}
+
+.list .child:not(.hide):nth-child(5n + 5) {
+    animation-delay: 1.5s;
+}
+
+.list .child-right {
+    box-sizing: border-box;
+    opacity: 0;
+    transform: translateX(300px);
+    animation: show .5s forwards;
+}
+
+.list .child-right.show {
+    animation-delay: 0s !important;
+}
+
+.list .child-right.hide {
+    opacity: 1;
+    transform: translateX(0);
+    animation-name: hide;
+    animation-delay: 0s;
+}
+
+/*animation-delay*/
+.list .child-right:not(.hide):nth-child(5n + 1) {
+    animation-delay: .3s;
+}
+
+.list .child-right:not(.hide):nth-child(5n + 2) {
+    animation-delay: .6s;
+}
+
+.list .child-right:not(.hide):nth-child(5n + 3) {
+    animation-delay: .9s;
+}
+
+.list .child-right:not(.hide):nth-child(5n + 4) {
+    animation-delay: 1.2s;
+}
+
+.list .child-right:not(.hide):nth-child(5n + 5) {
+    animation-delay: 1.5s;
+}
+
+.list .child-top {
+    box-sizing: border-box;
+    opacity: 0;
+    transform: translateY(300px);
+    animation: show 1s forwards;
+}
+
+.list .child-top.show {
+    animation-delay: 0s !important;
+}
+
+.list .child-top.hide {
+    opacity: 1;
+    transform: translateY(0);
+    animation-name: hide;
+    animation-delay: 0s;
+}
+
+
+@keyframes show {
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+@keyframes hide {
+    to {
+        opacity: 0;
+        transform: translateX(100px);
+        max-height: 0;
+        margin: 0;
+    }
+}
+
+.center-card-title {
+    height: 31px;
+    font-family: YouSheBiaoTiHei;
+    font-size: 24px;
+    color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    margin-top: 5px;
+
+    ._icon_left {
+        width: 32px;
+        height: 17px;
+        background: url('/assets/images/homePage/bigscreen/center-left.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        margin-right: 11px;
+        margin-left: 10px;
+    }
+
+    ._icon_right {
+        width: 32px;
+        height: 17px;
+        background: url('/assets/images/homePage/bigscreen/center-right.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        margin-right: 11px;
+        margin-left: 10px;
+    }
+}

super-screen/client/src/sections/homePage/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+import reducers from './reducers';
+import routes from './routes';
+import actions from './actions';
+import { getNavItem } from './nav-item';
+
+export default {
+    key: 'homePage',
+    name: '首页',
+    reducers: reducers,
+    routes: routes,
+    actions: actions,
+    getNavItem: getNavItem
+};

super-screen/client/src/sections/homePage/nav-item.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Menu } from 'antd';
+import { HomeOutlined } from '@ant-design/icons';
+export function getNavItem(user) {
+    return (
+        user?.role == '系统管理员' && <Menu.Item key="homePage" icon={<HomeOutlined />}>
+            <Link to="/homePage">数据监控平台</Link>
+        </Menu.Item>
+    );
+}

super-screen/client/src/sections/homePage/reducers/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+export default {
+
+}

super-screen/client/src/sections/homePage/routes.js

@@ -0,0 +1,13 @@
+'use strict';
+import homePage from './containers/index';
+
+export default [{
+    type: 'outer',
+    route: {
+        path: '/homePage',
+        key: 'homePage',
+        breadcrumb: '数据监控平台',
+        // 不设置 component 则面包屑禁止跳转
+        component: homePage
+    }
+}];

super-screen/client/src/styles/antd.less

@@ -0,0 +1,10 @@
+
+@icon-url: "/assets/fonticon/iconfont";
+
+.tree-transfer .ant-transfer-list-body {
+    overflow: auto !important;
+}
+
+.ant-pro-table-search {
+    background-color: @component-background !important;
+}

super-screen/client/src/styles/theme.less

@@ -0,0 +1,16 @@
+@import "~antd/lib/style/themes/default.less";
+@primary-color                    : @blue-6;
+@link-color                       : @primary-color;
+@secondary-color                  : fade(@primary-color, 20%);
+@btn-primary-bg                   : @primary-color;
+@select-item-selected-option-color: @primary-color;
+@processing-color                 : @primary-color;
+@select-item-selected-bg          : @background-color-base;
+@skeleton-color                   : @primary-color;
+@btn-primary-bg                   : @primary-color;
+
+@component-background: transparent;
+
+:root {
+  --PC: @primary-color;
+}

super-screen/client/src/utils/authCode.js

@@ -0,0 +1,5 @@
+'use strict';
+
+export const AuthorizationCode = {
+    
+};

super-screen/client/src/utils/func.js

@@ -0,0 +1,13 @@
+'use strict';
+
+ export default class Func {
+     static isAuthorized(authcode) {
+         if (JSON.parse(sessionStorage.getItem('user'))) {
+             const { resources } = JSON.parse(sessionStorage.getItem('user'));
+             return resources.includes(authcode);
+         }else{
+             return false;
+         }
+     }
+ }
+